/* font-family: 'Exo', sans-serif; 300 700 900 */

HEADER { position:fixed; left: 0px; top: 0px; width:100%; background:#fff; margin:0px; z-index:999;}
HEADER .topmenu { display:block; padding:0px; padding-bottom: 0px;  background: #f6f6f6; }
HEADER .topmenu .logo { display:inline-block; width:180px;}
HEADER .topmenu .logo IMG { display:block; height: 100%;}
HEADER .topmenu .left-side { float:left; vertical-align:top;}
HEADER .topmenu .right-side { float:right; vertical-align:top;}
HEADER .topmenu .right-side .infobox { display:inline-block; margin:14px 30px 0px 0px; vertical-align:top;}
HEADER .topmenu .right-side .infobox I { float:left; margin:0px 10px 0px 0px; font-size:40px; color:#ffd100; line-height:32px; vertical-align:top;}
HEADER .topmenu .right-side .infobox P { display:inline-block; margin:2px 0px 0px 0px; color:#777; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:14px; vertical-align:top;}
HEADER .topmenu .right-side .infobox P SPAN { display:block; color:#333; font-weight:700; font-family: 'Exo', sans-serif; font-size:12px;}
HEADER .topmenu .right-side .infobox2 { display:inline-block; margin:14px 30px 0px 0px; vertical-align:top;}
HEADER .topmenu .right-side .infobox2 I { float:left; margin:0px 10px 0px 0px; font-size:28px; color:#ffd100; line-height:22px; vertical-align:top;}
HEADER .topmenu .right-side .infobox2 P { display:inline-block; margin:2px 0px 0px 0px; color:#777; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:14px; vertical-align:top;}
HEADER .topmenu .right-side .infobox2 P A { color:#777; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; line-height:14px; vertical-align:top;}
HEADER .topmenu .right-side .infobox2 P:hover A { color:#ffd100; text-decoration:none;}
HEADER .topmenu .right-side .infobox2 P SPAN { display:block; color:#333; font-weight:700; font-family: 'Exo', sans-serif; font-size:12px;}
HEADER .topmenu .right-side .button-dotaznik { display:inline-block; margin:2px 0px 0px 0px; padding:18px 20px; color:#fff; font-weight:700; font-family: 'Exo', sans-serif; font-size:12px; text-transform:uppercase; background:#ffd100; border-radius:4px; vertical-align:top;}
HEADER .topmenu .right-side .button-dotaznik:hover { background:#284695; text-decoration:none;}
HEADER .topmenu UL {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
HEADER .topmenu UL LI {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}
HEADER .topmenu UL LI.separator {
	width: 1px;
	height: 20px;
	vertical-align: middle;
	background: #284695;
}
HEADER .topmenu UL LI A {
	line-height: 46px;
}
HEADER .topmenu UL LI A:hover, HEADER .topmenu UL LI A.active {
	color: #ffd100;
	text-decoration: none;
}
HEADER NAV { width:100%; height:80px; background:#284695;}
HEADER NAV .navbar { display:none;}
HEADER NAV UL { text-align: center; margin:0px; padding:0px; list-style:none; float: right; }
HEADER NAV UL LI { position:relative; display:block; border-right: 1px solid rgba(255, 255, 255, 0.2); float: left; }
HEADER NAV UL LI:last-child {
	border: none;
}
HEADER NAV UL LI A { display: block; color:#fff;     font-size: 17px;
    font-weight: 500;
    letter-spacing: 0; font-family: 'Exo', sans-serif; line-height: 80px;   padding-left: 30px; padding-right: 30px; }
HEADER NAV UL LI A:hover, HEADER NAV UL LI A.active { color:#284695; text-decoration:none; background: #ffd100; }
HEADER NAV UL LI.social { float:right; margin:24px 0px 0px 15px;}
HEADER NAV UL LI.social A { font-size:20px;}
HEADER NAV UL LI UL.submenu { position:absolute; top:25px; left:-25px; width:800px; padding:25px; background:#284695;}
HEADER NAV UL LI UL.submenu .col { display:inline-block; width:25%; margin:0px -4px 0px 0px; vertical-align:top;}
HEADER NAV UL LI UL.submenu .col LI { position:relative; display:block; margin:0px 20px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px dashed #fff;}
HEADER NAV UL LI UL.submenu .col LI A { color:#fff; font-weight:300; font-family: 'Exo', sans-serif; font-size:14px; text-transform:none;}
HEADER NAV UL LI UL.submenu .col LI A SPAN { display:block; font-size:10px;}
HEADER NAV UL LI UL.submenu .col LI A:hover { color:#ffd100; text-decoration:none;}

HEADER .oknar IMG {
	width: 200px;
}

FOOTER { position:relative; background:#f3f2ed; margin:0px; text-align:center;}
FOOTER .line { display:block; width:100%; height:1px; margin:0px 0px 30px 0px; background:#ccc;}
FOOTER .logo { display:inline-block; float:left; height:100px;}
FOOTER .logo IMG { display:block; height: 100%; }
FOOTER UL { display:block; margin:0px 0px 0px 0px; padding:0px; list-style:none;}
FOOTER UL LI { display:inline-block; margin:10px 10px 0px 10px;}
FOOTER UL LI A { color:#777; font-weight:300; font-family: 'Exo', sans-serif; font-size:12px; text-transform: uppercase;}
FOOTER UL LI A:hover { color:#222; text-decoration:none;}
FOOTER UL LI A.active { color:#333; font-weight:700;}
FOOTER UL LI.social { float:right; margin:4px 0px 0px 10px;}
FOOTER UL LI.social A { font-size:22px;}
FOOTER .author { padding: 0px; margin: 0px; background:#284695;}
FOOTER .author P { color:#fff; font-weight:300; font-size:12px; line-height: 50px; text-align:center; padding: 0px; margin: 0px; }
FOOTER .author P A { color:#fff;}


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 991px) {  
    HEADER .topmenu .logo { display:inline-block; width:150px;}
    HEADER .topmenu .right-side .infobox { display:inline-block; margin:10px 10px 0px 0px; vertical-align:top;}
    HEADER .topmenu .right-side .infobox2 { display:inline-block; margin:10px 10px 0px 0px; vertical-align:top;}
    HEADER .topmenu .right-side .button-dotaznik { display:inline-block; margin:-2px 0px 0px 0px; padding:18px 20px; color:#fff; font-weight:700; font-family: 'Exo', sans-serif; font-size:12px; text-transform:uppercase; background:#ffd100; border-radius:4px; vertical-align:top;}
    HEADER NAV UL LI { position:relative; display:inline-block; margin:30px 20px 0px 0px;}
    HEADER NAV UL LI UL.submenu { position:absolute; top:25px; left:-25px; width:600px; padding:25px; background:#284695;}
    FOOTER .logo { display:inline-block; float:left; width:100px;}
    FOOTER UL LI { display:inline-block; margin:4px 4px 0px 4px;}
    FOOTER UL LI.social { float:right; margin:0px 0px 0px 6px;}
}

@media screen and (max-width: 767px) {
	H1 {
		padding-top: 35px;
	}
    HEADER NAV .navbar { display:inline-block; margin:16px 0px 0px 48%; color:#fff; font-size:30px; z-index:99; text-align:center;}
    HEADER .topmenu .right-side .button-dotaznik { display:none;}
    HEADER NAV UL { display:none; position:absolute; left:0px; width:100%; margin:0px; padding:0px; background:#284695; list-style:none; text-align:center;}
    HEADER NAV UL LI {    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    border-top: 1px dashed #37518c;}
	HEADER NAV UL LI A {
		line-height: 70px;
	}
    HEADER NAV UL LI.social { float:none; display:inline-block; margin:-10px 4px 10px 4px; border-top:0px;}
    HEADER NAV UL LI UL.submenu { display:none;}
    FOOTER .logo { display:block; float:none; width:140px; margin:0px auto;}
    FOOTER UL LI { display:none; margin:10px 10px 0px 10px;}
    FOOTER UL LI.social { display:inline-block; float:none; margin:10px 0px 0px 8px;}
    FOOTER UL LI.social A { font-size:40px;}
}

@media screen and (max-width: 580px) {
    HEADER .topmenu .logo { display:block; width:180px; margin:0px auto;}
    HEADER .topmenu .right-side { display:block;}
	HEADER .infobox { display: none !important; }
	HEADER .infobox2 { display: none !important; }
    FOOTER UL LI.social { display:inline-block; float:none; margin:10px 0px 0px 8px;}
}

@media screen and (max-width: 480px) {
    HEADER NAV .navbar { margin:16px 0px 0px 16px;}
    HEADER .topmenu .logo { display:block; width:160px; margin:0px auto; margin-bottom: 20px; float: left; }
	HEADER .oknar {display: block; margin-top: 9px; }
    FOOTER UL LI.social { display:inline-block; float:none; margin:10px 0px 0px 8px;}
    FOOTER .author P { color:#fff; font-weight:300; font-size:10px;}
}