/* HTML Tagy */
BODY {margin: 0px; font-family: 'Roboto', sans-serif; color: #626262; font-size: 15px; }
A {color: inherit; text-decoration: none;}
P {line-height: 1.4; margin: 0px;}
HR {width: 100%; height: 1px; border: 0px; margin: 20px 0px; float: left; background-color: #e8e8e8;}

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* Obecná styly */
.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.hidden {display: none;}
.line {width: 100%; float: left; display: flex;}
.line.spaceBetween {justify-content: space-between;}
.mainFrame {width: 1200px; margin: 0px auto;}
.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}


/* Overlay */
#loaderOverlay {width: 100%; height: 100%; float: left; background-color: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0px; display: none; z-index: 1000;}
#loaderOverlay .inner {width: 100%; height: 100%; float: left; display: flex; justify-content: space-around; align-items: center;}
#loaderOverlay P {color: #FFF; font-size: 18px !important; font-weight: 500;}


#error {display: none; width: 100%; float: left; padding: 10px; margin: 0 0 30px 0; background: #da5551; text-align: center; font-size: 16px !important; color: #fff; border-radius: 3px; }
#error.active {display: block;}