* {box-sizing: border-box;}
h1 {margin: 0; padding: 0; font-size: 16pt;}
body {
margin: 0 0; padding: 0 0;
font-family: Segoe UI, Arial, Tahoma; font-size: 12pt;
background-color: #111111;
/*background-image: url('/img/bg.png'); */
}
.ObalTopMenu {width: 100%; background-color: #333333;}
.TopMenuDIV {width: 100%; margin: auto;}
.TopMenuBTNL, .TopMenuBTNR {display: inline-block; padding: 10px 15px 10px 15px; color: #dddddd; font-size: 10pt; cursor: hand; cursor: pointer;}
.TopMenuBTNL:hover, .TopMenuBTNR:hover {background-color: #ff6d00; color: #ffffff;}
.TopMenuBTNR {float: right;}
.HeadDIV, .HeadDIVfixed {width: 100%; padding: 15px 0px 12px 0px; margin: auto; background-color:  #ff6d00;}
.HeadDIVfixed {position: fixed; top: 0px; left: 0px; z-index: 19000; padding: 15px 0px 7px 0px; border-top: 0px solid #111111; box-shadow: 0px 1px 5px #555555;}
#NahradaHead {display: none; height: 65px;}
.HeadLogo {width: 100%; margin: auto;}
.LogoYoop {height: 30px;}
.SearchTD1 {padding-left: 20px; max-width: 600px;}
.SearchTD2 {text-align: left; width: 20%; max-width: 200px;}
.SearchIPT {display: inline-block; width: 100%; max-width: 600px; height: 34px; margin: 0px; padding-left: 5px; border: 1px solid #333333; border-right: 0px; font-size: 12pt; border-radius: 5px 0px 0px 5px; font-family: Segoe UI, Arial, Tahoma; background-image: url('/img/searchinput.png'); background-position: right center; background-repeat: no-repeat;}
.SearchISL {display: inline-block; width: 100%; max-width: 200pt; height: 34px; margin: 0px; padding-left: 5px; border: 1px solid #333333; border-left: 0px; font-size: 12pt; font-family: Segoe UI, Arial, Tahoma;}
.MenuBTN {float: right; cursor: hand; cursor: pointer;}
.SearchBTN {display: inline-block; height: 34px; cursor: hand; cursor: pointer;}
.ObsahDIV {width: 100%; margin: auto; margin-top: 20px;}
.ObsahTAB {width: 100%;}
#LeftMenu {width: 300px;}
#LeftMenuDIV {background-color: #fbfbfb; width: 270px; max-width: 360px; border: 1px solid #dddddd; border-radius: 5px 5px 5px 5px;}
.LeftMenuUL {list-style-type: none; padding: 0px; margin: 0px;}
.LeftMenuLIttl {padding: 10px 10px 10px 10px; color: #222222; background-color: #eeeeee; font-weight: bold; border-bottom: 1px solid #dddddd;}
.LeftMenuLI, .LeftMenuLIend, .LeftMenuLIblack {padding: 10px 10px 10px 10px; border-bottom: 1px solid #dddddd; color: #222222; cursor: hand; cursor: pointer;}
.LeftMenuLI:hover, .LeftMenuLIend:hover {background-color: #f5f5f5; color: #0083ff;}
.LeftMenuLIend {border-bottom: 0px; border-radius: 0px 0px 5px 5px;}
.LeftMenuLIblack {display: none; background-color: #333333; color: #dddddd; padding: 15px 10px 15px 10px;}
.LeftMenuLIblack:hover {color: #0083ff;}
/* Desktop */
@media screen and (min-width: 1008px) and (max-width: 100000px) {
.ObsahDIV {max-width: 1200px;}
.TopMenuDIV {max-width: 1200px;}
#LeftMenuDIV {visibility: visible;}
.MenuBTN {display: none;}
.HeadLogo {max-width: 1200px;}
}

/* Tablet */
@media screen and (min-width: 461px) and (max-width: 1007px) {
#MaleMenu {display: none;}
#NahradaHead {height: 45px; border-top: 0px;}
.TopMenuDIV {display: none; width: 100%; height: 0px; padding: 0px;}
.HeadDIV {padding: 5px 5px 1px 5px;}
.LeftMenuLIttl {background-color: #111111; color: #dddddd;}
.LeftMenuLI, .LeftMenuLIend {padding: 15px 10px 15px 10px; font-size: 14pt;}
#LeftMenu {width: 1px;}
.ObsahDIV {width: 100%;}
#LeftMenuDIV {display: none; width: 320px; overflow: auto; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 20000; border-radius: 0px; border: 0px; box-shadow: 1px 0px 5px #555555;}
}

/* Telefon */
@media screen and (max-width: 460px) {
#MaleMenu {display: none;}
#NahradaHead {height: 45px; border-top: 0px;}
.TopMenuDIV {display: none; width: 100%; height: 0px; padding: 0px;}
.HeadDIV {padding: 5px 5px 1px 5px;}
.LeftMenuLIttl {background-color: #111111; color: #dddddd;}
.LeftMenuLI, .LeftMenuLIend {padding: 15px 10px 15px 10px; font-size: 14pt;}
#LeftMenu {width: 1px;}
.ObsahDIV {width: 100%;}
#LeftMenuDIV {display: none; width: 100%; overflow: auto; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 20000; border-radius: 0px; border: 0px; box-shadow: 1px 0px 5px #555555;}
.SearchTD2 {display: none;}
}