body {background:#e6ebe8;font-family: Arial, Helvetica, sans-serif;font-size: 14px;margin: 0;padding: 0; }
div {margin:0; padding:0}

a{text-decoration:none; color:#0092e1; }
a:hover{color:#0476b4}
header{ width:100%;height:auto;  background:black;  position:fixed ;   top:0; transition: top 0.5s ease-in-out;  z-index: 10;}

.nav-up {  top: -80px;}

#header-text{  width:100%;  height:auto;}
#headerLogo{  width:0; float:left; box-sizing: border-box; padding:0; margin:0;}
#headerMenu{ width:100%; float:right;  box-sizing: border-box;}
.imgHeader { display:none;}

#home{margin:0; padding:0;   box-sizing: border-box;  width:100%;  min-height:240px;  background:#eeeeee;  float:left;  color:#595959;}
#home-k{ float:left; margin-top:-120px   }
#home-text{ box-sizing: border-box; width:100%; min-height:240px; margin:auto; padding-top:10px; padding-bottom:10px;}
#home-text li{ padding:4px;}
#home-left{  box-sizing: border-box;  width:100%;  min-height:240px; float:left;   font-size:12px;padding:5px;}
.home-right{box-sizing: border-box;  width:100%;margin-top: 10px;float:right; height:78vw;}
.home-right .slider,.home-right .slick-list,.home-right .slick-track{height:78vw;}
.home-right .slider img{width:100%;height:78vw;object-fit:cover;object-position:center;}

#propozice{margin:0; padding:0;  width:100%; min-height:240px; background:#f94641; float:left;  margin-bottom: 0px}
#propozice-k{ float:left; margin-top:-60px   }
#propozice-text{  box-sizing: border-box; width:100%;min-height:240px;  margin:0;  padding:0 }
#propozice-left{  box-sizing: border-box;  width:100%;  padding:0;  float:left;}

.ban{ margin:0; padding:0; width:50%; box-sizing: border-box; height:250px; float:left;border:0.3px solid white;background:#f94641;}
.ban:hover{background:#f42a24;}
.ban img{ display:block; margin-left: auto; margin-right: auto; margin-top: 10px}
.ban h3{ text-align: center; color:#666666; font-weight: 100;  text-transform: uppercase; font-size:20px;}
.ban:hover h3{ color:black;}
.ban h4{text-align: center;color:white; padding:10px; font-weight: 100;}

#cenik{box-sizing: border-box; width:100%; min-height:300px; background:#eeeeee; float:left;}
#cenik-k{ float:left; margin-top:-60px   }
#cenik-text{ box-sizing: border-box; width:100%; min-height:300px;margin-top:30px; margin-bottom:50px;color:#595959;}
#cenik table{border-collapse: collapse; width:95%; margin:auto;}
#cenik th{text-align: left; padding:13px 3px 3px 3px; }
#cenik td{border:2px solid white; padding:3px}
#cenik tr:hover{background:white; font-weight:bold}
.cena {font-weight:bold; font-size:10px; font-style:italic}

#pneuservis{  box-sizing: border-box;  width:100%; min-height:300px;background:white; float:left;}
#pneuservis-k{ float:left; margin-top:-60px   }
#pneuservis-text{   box-sizing: border-box; width:100%;   min-height:300px; margin-top:0px; margin-bottom:0px; color:#595959;}
#pneuText {   box-sizing: border-box; width:100%;  float:right;padding:10px;}
#pneuText li{ font-size:12px; padding:5px;}
#pneuFoto { width:100%; float:left;}
#pneuFoto img{ width:100%;}
#naseAkce{box-sizing:border-box;width:100%;min-height:300px;background:white;float:left;}
#naseAkce-k{float:left;margin-top:-60px}
#naseAkce-text{box-sizing:border-box;width:100%;min-height:300px;margin-top:0;margin-bottom:0;color:#595959;}
#pneuText.akceText{width:100%;}
.akceText h2{font-size:28px;margin:16px 0;color:#f94641;}
.akceItem{box-sizing:border-box;background:#f4f6f7;border-left:6px solid #f94641;margin-bottom:14px;padding:15px;}
.akceItem h3{margin:0 0 10px 0;color:#333333;font-size:22px;}
.akceItem p{margin:0 0 11px 0;line-height:1.45;font-size:15px;}
.akceNotice{background:#fff4d7;border:2px solid #f94641;color:#333333;font-weight:bold;padding:13px;}
.akceButton{display:inline-block;background:#f94641;color:white;padding:10px 18px;font-weight:bold;text-transform:uppercase;}
.nsaSupport{box-sizing:border-box;display:block;margin:22px 0 16px 0;padding:14px;background:#fff4d7;border:2px solid #f94641;color:#333333;font-size:18px;}
.nsaSupport img{display:block;width:120px;height:auto;background:white;margin:0 0 12px 0;}
.akceFoto{display:none;}

#klempirstvi{margin:0; padding:0;  box-sizing: border-box;  width:100%;  min-height:200px; background:#eeeeee;  float:left;}
#klempirstvi-k{ float:left; margin-top:-60px   }
#klempirstvi-text{    box-sizing: border-box;   width:100%;min-height:300px;margin-top:0px;margin-bottom:0px;color:#595959;}
#klempText {  box-sizing: border-box;  width:100%; float:left; padding:5px;}
#klempText li{  font-size:12px; padding:5px;}
#klempFoto {  width:100%; float:right; padding:0; margin:0; height:auto;}
#klempFoto img{   width:100%;}

#klima{  width:100%;  min-height:240px;  padding-bottom:20px; background:#eeeeee; float:left; color:#595959 }
#klima-k{ float:left; margin-top:-70px   }
#klima-text{  text-align: justify;width:95%; min-height:240px; margin:auto;  padding-top:30px; padding-bottom:20px}

#vysledky{  box-sizing: border-box;  width:100%; min-height:300px; background:white; float:left;}
#vysledky-k{float:left; margin-top:-60px}
#vysledky-text{box-sizing: border-box;width:100%;min-height:300px;margin-left:0; margin-right: 0;margin-top:30px;margin-bottom:10px;padding:0;color:#595959;}
#logoKontakt {width:100px;margin-left:auto; margin-right: auto; text-align: center;  margin-top:-20px; background: #fe8f26;border-radius: 3px}
#vysledky-left{box-sizing: border-box;width:100%;height:auto;float:left;font-size:14px;background:#ff9c3e;color:white;}
#vysledky-left h2{text-align: center;padding-top:10px;color:white;}
#vysledky-left p{text-align: center;}
#vysledky-left a{color:white; text-decoration: underline;}
#vysledky-left hr{border:1px solid graytext;width:90%;margin:auto;}
address img{width:15px;height:15px;margin:5px 6px 0 5px;}
.vysledky-right{box-sizing: border-box;width:100%;height:300px;float:right;}
#vysledky ul li{list-style:none;}
.mapa{margin:0;width:100%;height:100%;border:0;}

#menu1{width:100%; font-size:3.3vw ; margin:0; padding:0}
#menu1 a {color:#ffffff;font-weight:bolder;text-decoration:none;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
#menu1 ul {width:100%;float:left; height:100%;  margin:0}
#menu1 ul li ul {width:150%; float:left; margin:20px 0 0 0; padding:0}
#menu1 ul li { padding:10px 0px 10px 0px;float:left;width: 25%; list-style:none;color:#ffffff;text-decoration:none;text-transform:uppercase;text-align:center;cursor:pointer;display:block; height:100%;}
#menu1 ul li a:hover {color:#f95e5a;text-align:center}
#menu1 ul ul {}

#menu1 ul li ul li {background:red; padding:10px 10px 10px 10px;margin:1px;float:left;width:100%; display:block}
#menu1 ul li ul li:hover {background: #466A7F;}
.clear{clear:both}


#youtube { width:64px; height:64px; float:left; background: url("../design/youtube.png"); margin-top:10px}
#youtube:hover { background: url("../design/youtube-tmave.png");}

#facebook { width:64px; height:64px;  float:left; background: url("../design/fb.png");margin-top:10px}
#facebook:hover { background: url("../design/fb-tmave.png");}

#google { width:64px; height:64px; float:left;  background: url("../design/google.png");margin-top:10px}
#google:hover { background: url("../design/google-tmave.png");}

#admin{margin-top:0;width:100%;height:40px;float:left;text-align:center;}

#karbonHome{box-sizing: border-box;width:100%;min-height:300px;background:#eeeeee;float:left;}
#karbobHome-k{float:left; margin-top:-120px}
#karbonHome-text{box-sizing: border-box;width:95%;min-height:200px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:0px;color:black;}
#karbonHome h2{width:100%;font-size:4vw;text-transform: uppercase;font-weight: bold;}
#karbonHome h2 span{background:yellow;text-transform: uppercase;padding:20px;}
#karbonText span{float:right;padding:10px 30px 0 0 ;margin-right:20px;}
#karbon{width:100%;min-height:240px;padding-bottom:20px;color:black;background:#eeeeee;float:left;}
#karbon-text{text-align: justify;width:95%;min-height:240px;margin:auto;padding-top:70px;padding-bottom:20px}
#karbon h2{width:100%;font-size:4vw;text-transform: uppercase;font-weight: bold;padding:0.6vw;}
#karbon span{background:yellow;text-transform: uppercase;padding:20px;}
#karbonul{width:50%; float:left;}
#karbonul ul{margin:1vw;}
#karbonul ul li{font-size:3vw; font-weight: bold; padding:8px 0 8px 0; text-transform: uppercase; text-align: left}
#karbonimg{width:50%; float:left}
#karbonimg h3{font-size:3vw}
#imgKarbon{width:100%;}

#banner {width:100%; float:left; text-transform: uppercase; font-size:2.5vw; font-weight: bold; background:#a8a5a5; margin-bottom:15px}
#banner span{background: none; padding:0; color:red; margin:0}
#banner ul{width:100%;}
#banner ul li{padding:0 0.6vw 0 0.6vw; display:inline}
#karbonText{width:100%; float: left; font-size: 2.5vw; text-align: justify}
#karbonCenik{width:100%; float: left; font-size: 2vw; margin-bottom:40px;}
#karbonCenik table{width:100%; background: white;}
#karbonCenik tr td{background:#eeeeee; margin:1px; padding:5px}
#karbonCenik tr th{margin:1px; padding:5px; font-weight:bold; font-size:2vw; font-style: italic}
#formular {
    width:100%; margin:auto;
}
#formular table{
    width:100%
}
#formular input, textarea{
    font-size:20px; padding:5px
}

#formular textarea{
   margin-top: 0; vertical-align: top ; 
}

#slide {
display: none;
margin:0px;
}

#slide1 {
display: none;
margin:0px;
}

#slide2 {

margin:0px;
}

#slide .slidesjs-navigation {
margin-top:0px;
}

a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(img/btns-next-prev.png);
background-repeat: no-repeat;
display:block;
width:12px;
height:18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right:5px;
}

a.slidesjs-next {
margin-right:10px;
background-position: -12px 0;
}

a:hover.slidesjs-next {
background-position: -12px -18px;
}

a.slidesjs-previous {
background-position: 0 0;
}

a:hover.slidesjs-previous {
background-position: 0 -18px;
}

a.slidesjs-play {
width:15px;
background-position: -25px 0;
}

a:hover.slidesjs-play {
background-position: -25px -18px;
}

a.slidesjs-stop {
width:18px;
background-position: -41px 0;
}

a:hover.slidesjs-stop {
background-position: -41px -18px;
}

.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
}

.slidesjs-pagination li {
float: left;
margin: 0 1px;
}

.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(img/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
color: #333
}

#slides a:hover,
#slides a:active {
color: #9e2020
}

.navbar {
overflow: hidden
}




.skola  {
width:560px
}

.skola div {
margin:5px
}
.imageS {border:1px solid gray; border-radius:7px; background:#dfdedd; padding:14px; height:190px}

/* Polished public layout overrides */
body{background:#f3f5f4;color:#4f4f4f;line-height:1.55;}
header{background:#3b3b3b;box-shadow:0 4px 14px rgba(0,0,0,0.16);}
#menu1{font-size:3.1vw;}
#menu1 ul{box-sizing:border-box;padding:0;margin:0;}
#menu1 ul li{box-sizing:border-box;height:46px;line-height:46px;padding:0;width:25%;}
#menu1 a{display:block;}
#home,#naseAkce,#vysledky{padding-bottom:24px;}
#home-text{padding:12px 14px 24px;}
#home-left{text-align:left;line-height:1.55;font-size:15px;padding:0;}
#home-left h2,.akceText h2,#formular h2{color:#f94641;margin-top:0;}
.home-right{overflow:hidden;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,0.16);}
#naseAkce-text{padding:0 14px;}
.akceItem{border-left:0;border-top:6px solid #f94641;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,0.08);}
.akceNotice,.nsaSupport{border-radius:8px;}
#vysledky-text{margin-top:0;padding:0 14px;}
#logoKontakt{width:135px;margin-top:0;padding:8px;background:white;}
#logoKontakt img{max-width:100%;height:auto;}
#vysledky-left{height:auto;padding:20px;background:#f94641;}
#vysledky-left hr{border:0;border-top:1px solid rgba(255,255,255,0.55);}
address{font-style:normal;}
address img{width:15px;height:15px;margin:5px 6px 0 5px;}
.vysledky-right{height:300px;}
#formular{box-sizing:border-box;clear:both;padding-top:22px;}
#formular table,#formular tbody,#formular tr,#formular td{display:block;width:100%;box-sizing:border-box;}
#formular input,#formular textarea{box-sizing:border-box;width:100%;border:1px solid #d6d6d6;border-radius:6px;font-size:16px;margin-bottom:10px;}
#formular input[type="submit"]{width:auto;min-width:140px;background:#3b3b3b;color:white;border:0;cursor:pointer;}