html,body {
margin:0;padding:0;
font-size: 16px;
background:#ffffff;
font-family: 'Open Sans', sans-serif;
max-width:2000px;
}                                                                 

* {box-sizing: border-box;}

/*obecné*/
a.normal {font-weight:bold;color:#0000cf;font-style:italic;}
a.normal:hover {color:#000000;}
p {line-height:150%;margin:0 0 15px 0;padding:0;color:#505050;}
p.nomarg {margin-bottom:0;}
h1,h2,h3 {display:block;clear:both;font-size:32px;margin:0 0 25px 0;padding:0 0 15px 0;color:#000000;font-weight:normal;background:url('../grap/h1.png') no-repeat left bottom;}
h1 span.datum_nadpis {color:#000000;font-size:70%;font-style:italic;}
h2.smaller {font-size:26px;}
h4 {display:block;clear:both;font-size:18px;margin:0 0 10px 0;padding:0 0 0 0;color:#000000;font-weight:bold;}
h5 {display:block;clear:both;font-size:18px;margin:0 0 3px 0;padding:0 0 0 0;color:#000000;font-weight:bold;}
h6 {display:block;clear:both;font-size:17px;margin:0 0 5px 0;padding:0 0 0 0;color:#000000;font-weight:bold;}
div.hr {display:block;clear:both;margin:23px auto 23px auto;padding:0;width:80%;height:1px;background:#dbdbdb;}
div.helper {display:block;clear:both;width:1px;height:1px;margin:-1px 0 0 0;}
div.helper2 {display:block;clear:both;width:1px;height:1px;margin:23px 0 23px 0;}
div.dny {display:block;clear:both;margin:0px 0 25px 0;padding:18px;background:#efefef;}
div.news {display:block;clear:both;margin:0px 0 25px 0;padding:18px;background:#efefef;}
div.news_in {display:block;clear:both;margin:0px 0 0 0;}
div.detail ul, div.detail ol {color:#505050;font-weight:bold;list-style:square;margin-top:5px;}
div.detail ul li, div.detail ol li {margin-bottom:5px;}
div.detail a, div.detail ul li a, div.detail ol li a {color:#0000cf;font-weight:normal;text-decoration:underline;cursor:pointer;}
div.detail a:hover, div.detail ul li a:hover, div.detail ol li a:hover {color:#000000;}
div.detail a.normal {font-weight:bold;color:#0000cf;font-style:italic;}
div.detail a.normal:hover {color:#000000;}
span.blue {color:#0000cf;font-weight:bold;font-style:italic;}
span.grey {color:#505050;font-style:italic;font-weight:normal;}
ul.sez1 {color:#0000cf;font-weight:bold;list-style:square;margin-top:5px;}
ul.sez1 li {margin-bottom:5px;}
ul.sez1 li span {color:#505050;font-weight:normal;}
ul.sez1 li a {color:#505050;font-weight:normal;text-decoration:underline;cursor:pointer;}
ul.sez1 li a:hover,ul.sez1 li a.aktivni {color:#000000;}
div#nabidka_podmenu {display:block;clear:both;margin:15px 0 15px 0;}
div#nabidka_podmenu a {display:block;float:left;font-style:normal;font-weight:normal;text-align:center;padding:6px 12px 6px 12px;margin:10px 0 10px 0;border:1px solid #c0c0c0;background:none;cursor:pointer;text-decoration:none;}
div#nabidka_podmenu a.aktivni, div#nabidka_podmenu a:hover {background:#000000;color:#ffffff;}
img.foto1,img.foto2,img.foto3,img.foto4 {clear:both;width:100%;max-width:450px;height:auto;border:1px solid #000000;margin:0 0px 15px 0;}
@media screen and (min-width: 600px) {
img.foto1 {clear:none;width:35%;max-width:330px;height:auto;float:left;border:1px solid #000000;margin:0 15px 5px 0;}
img.foto2 {clear:none;width:35%;max-width:330px;height:auto;float:right;border:1px solid #000000;margin:0 0 5px 15px;}
img.foto3 {clear:none;width:30%;max-width:280px;height:auto;float:left;border:1px solid #000000;margin:0 2% 5px 0;}
img.foto4 {clear:none;width:35%;max-width:180px;height:auto;float:left;border:1px solid #000000;margin:0 15px 5px 0;}
div.news_in {clear:none;float:left;width:68%;max-width:1450px;}
} 
img.obr1, img.obr2 {border:1px solid #000000;width:100%;height:auto;max-width:390px;margin:0 0 15px 0;display:block;clear:both;}

@media screen and (min-width: 391px) {
img.obr1 {clear:none;width:48%;float:left;margin:0 2% 15px 0;}
img.obr2 {clear:none;width:48%;float:left;margin:0 2% 15px 0;}
}
@media screen and (min-width: 761px) {
img.obr1 {clear:none;width:31%;float:left;margin:0 2% 15px 0;}
img.obr2 {clear:none;width:31%;float:left;margin:0 2% 15px 0;}
}  
@media screen and (min-width: 1141px) {
img.obr1 {clear:none;width:19%;float:left;margin:0 1% 15px 0;}
img.obr2 {clear:none;width:19%;float:left;margin:0 1% 15px 0;}
}
@media screen and (min-width: 1400px) {
img.obr2 {clear:none;width:13.25%;float:left;margin:0 1% 15px 0;}
}
div.pro_video {display:block;clear:both;margin:0 0 15px 0;}
div.video {position: relative;padding-bottom:56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:0px;}
div.video iframe,div.video object,div.video embed  {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:none;}
div.pro_video span.video_popis {display:block;clear:both;text-align:center;padding:10px 0 10px 0;font-size:85%;}
@media screen and (min-width: 391px) {
div.pro_video {width:49%;clear:none;margin:0 1% 15px 0px;overflow:hidden;float:left;}
}
@media screen and (min-width: 1141px) {
div.pro_video {width:24%;clear:none;margin:0 1% 15px 0px;overflow:hidden;float:left;}
}
/*UP*/
#up_100, #cz_up_100 {
margin:0 auto 0px auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#up, #cz_up {
margin:0 auto 0px auto;padding:0 0px 0px 0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#up_in, #cz_up_in {
margin:0 auto 0 auto;padding:0px 0px 0px 0px ;
width:100%;height:auto;
overflow:hidden;
clear:both;
text-align:center;
}
div#up_odkazy {display:block;clear:both;margin:0px 15px 10px 15px;padding:18px 0px 15px 0px;text-align:left;border-bottom:1px solid #dbdbdb;}
div#up_odkazy img {opacity:0.85;margin:0 2px 0 0px;}
div#up_odkazy img#up_odkazy_last {margin:0 20px 0 0px;}
div#up_odkazy img:hover {opacity:1.0;}
img#logo1 {z-index:80;margin:0 5px 0 0;position:relative;}
img#logo2 {z-index:80;margin:0px 0 0 5px;position:relative;top:-35px;}
img#banner {width:100%;height:auto;margin:-30px 0 0 0;}
div#slider {display:none;}
#header {display:none;}
#cz_header {display:none;}
img#cz_banner {width:100%;height:auto;margin:-30px 0 0 0;border-bottom:15px solid #0000cf;}

@media screen and (min-width: 460px) {
div#up_odkazy {display:block;clear:both;margin:0px 18px 10px 18px;padding:18px 0px 15px 0px;text-align:left;border-bottom:1px solid #dbdbdb;}
div#up_odkazy img {opacity:0.85;margin:0 8px 0 0px;}
}

@media screen and (min-width: 600px) {
#up_100 {background:url('../grap/bg_up3.jpg') no-repeat center bottom;}
div#up_odkazy {border-bottom:none;clear:right;float:right;text-align:right;margin:76px 0 10px 0;padding:0;}
img#logo1 {float:left;margin:10px 0 0 18px;}
img#logo2 {display:none;}
img#banner {display:none;}
div#slider {display:block;clear:both;width:100%;height:auto;margin:0 auto 45px auto;padding:0;}
div#slider div.cycle-slideshow {z-index:0;}
div#slider div.cycle-slideshow div div.cycle-overlay {color: white; position: absolute; top:38%;left:0;width:50%; padding:0px 0px 15px 22px;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_nadpis {display:block;text-align:left;color:#ffffff;font-weight:bold;font-size:4vw;margin-bottom:3px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_text {display:block;text-align:left;color:#ffffff;font-weight:normal;font-size:1.8vw;opacity:1.0;line-height:150%;margin:0 0 3px 0;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_odkaz a {display:block;float:left;margin:10px 0 0 0;padding:8px 22px 8px 22px;max-width:200px;background:#0000cf;color:#ffffff;text-decoration:none;font-weight:bold;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_odkaz a:hover {background:#000000;}

.cycle-pager {display:block;text-align: center; width: 100%; z-index: 500; position: absolute; top:-10px; overflow: hidden;}
.cycle-pager span {font-family: arial; font-size: 63px; width: 16px; height: 16px;display: inline-block; color: #ddd; cursor: pointer;margin:0 6px 0 6px;}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * {cursor: pointer;}


img#cz_banner {margin:5px 0 0 0;}
img#header_nahrada {width:100%;height:auto;max-width:1400px;}
}

@media screen and (min-width: 640px) {
img#logo2 {display:block;float:left;margin:30px 0 0 18px;top:0;}
}

@media screen and (min-width: 1080px) {
div#slider div.cycle-slideshow div div.cycle-overlay {top:48%;left:0;width:50%;}
}

@media screen and (min-width: 1280px) {
div#slider {max-width:73%;margin-left:0;margin-top:-40px;}
div#slider div.cycle-slideshow div div.cycle-overlay {color: white; position: absolute; top:48%;left:14%;width:50%; padding:0px 0px 15px 0px;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_nadpis {font-size:36px;}
div#slider div.cycle-slideshow div div.cycle-overlay span.slider_text {font-size:18px;}
#up_100 {background:url('../grap/bg_up.jpg') no-repeat right bottom;background-size:contain;}
#up, #cz_up {width:90%;}
#up_in, #cz_up_in {padding:0px 0% 0px 5.5%;}
img#cz_banner {display:none;}
#cz_up_100 {background:url('../grap/cz_bg_up2.jpg') no-repeat right bottom;min-height:392px;}
#header {display:block;width:35%;max-width:702px;height:auto;position:absolute;top:175px;right:10%;z-index:25;}
#cz_header {display:block;width:35%;max-width:340px;height:auto;position:absolute;top:205px;right:10%;z-index:25;}
} 

@media screen and (min-width: 1580px) {
img#logo1 {margin:-50px 0 0 0px;}
img#logo2 {margin:-35px 0 0 18px;top:0;}
div#up_odkazy {margin:15px -12px 10px 0;}
div#slider div.cycle-slideshow div div.cycle-overlay {top:58%;left:14%;width:50%; padding:0px 0px 15px 0px;}
#cz_up_100 {background:url('../grap/cz_bg_up2.jpg') no-repeat right bottom;}
#up_in,#cz_up_in {padding:0px 5.5% 0px 5.5%;}
} 

/*MENU*/
#bt_menu {position:absolute;top:18px;right:20px;cursor:pointer;}
#menu_sm {position:absolute;top:75px;right:0;z-index:100;display:none;clear:both;width:100%;max-width:480px;background:#0000cf;margin:0 0 15px 0;padding:0;}
#menu_sm li {display:block;clear:both;width:100%;margin:0;padding:0;}
#menu_sm li a {display:block;clear:both;width:100%;margin:0;padding:20px 5px 19px 18px;font-size:16px;color:#ffffff;text-decoration:none;text-align:left;border-bottom:1px solid #ffffff;cursor:pointer;text-transform:uppercase;}
#menu_sm li a:hover,#menu_sm li a.active {background:#000000;color:#ffffff;}
#menu_sm .submenu {display:none;background:#ffffff;margin:0;padding:0;}
#menu_sm .submenu a {color:#000000;background:none;border-bottom:1px solid #0000cf;padding:10px 5px 10px 36px;text-transform:none;}
#menu_sm .submenu a:hover {color:#ffffff;background:#000000;-webkit-transition: color 350ms linear;transition: color 350ms linear;}              
#menu {display:none;}

@media screen and (min-width: 1280px) {
#bt_menu {right:6.5%;}
}

@media screen and (min-width: 1580px) {
#bt_menu {display:none;}
#menu_sm {display:none;}
#menu {display:block;clear:none;float:right;list-style:none;margin:0;padding:0 0 0px 0;}
#menu li {margin:0 0 0 0;padding:0 15px 0 0px;display:inline-block;background:url('../grap/pata_menu.jpg') no-repeat 100% 35px;}
#menu li:last-of-type {background:none;padding-right:0;}
#menu li a {display:block;margin:0 0 0 0;padding:30px 8px 10px 8px;font-size:15px;color:#000000;text-decoration:none;text-transform:uppercase;}
#menu li a:hover,#menu li a.active {color:#ffffff;background:#0000cf;-webkit-transition: background-color 500ms linear,color 500ms linear;transition: background-color 500ms linear,color 500ms linear;}
#menu li.rozbal:hover > a {color:#ffffff;background:#0000cf;-webkit-transition: background-color 500ms linear,color 500ms linear;transition: background-color 500ms linear,color 500ms linear;}
#menu li.rozbal:hover .submenu {visibility:visible;clear:both;position:absolute;min-width:220px;background:#0000cf;margin:0;padding:0;;opacity: 1;z-index:100;}
#menu .submenu li {display:block;margin:0;padding:0;background:none;}
#menu .submenu li a {display:block;margin:0;padding:12px 10px 12px 10px;width:100%;height:auto;background:none;color:#ffffff;text-align:left;border:none;border-top:1px solid #ffffff;text-transform:none;}
#menu .submenu li a:hover {background:#000000;color:#ffffff;-webkit-transition: color 350ms linear;transition: color 350ms linear;}
#menu .submenu {position:absolute;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.5s linear;-webkit-transition: visibility 0s,opacity 0.5s linear;}
}

/*CZ*/
#cz_cont_100 {
margin:0 auto 0px auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#cz_cont {
margin:0 auto 15px auto;padding:0 0px 0px 0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#cz_cont_in {
margin:0 auto 0 auto;padding:25px 18px 25px 18px ;
width:100%;height:auto;
overflow:hidden;
clear:both;
text-align:left;
}
@media screen and (min-width: 1280px) {
#cz_cont {width:90%;}
#cz_cont_in {padding:5px 5.5% 25px 5.5%;}
}
#cz_cont_in #drobeckovka {clear:both;padding:0 15px 15px 0;margin:0 0 30px 0;color:#000000;text-align:left;line-height:150%;font-size:16px;border-bottom:1px solid #dbdbdb;}
#cz_cont_in #drobeckovka img {margin:0 10px 0 0;}
#cz_cont_in #drobeckovka a {text-decoration:underline;font-weight:normal;color:#505050;font-size:16px;}
#cz_cont_in #drobeckovka a:hover {color:#0000cf;}
#cz_cont_in #drobeckovka .drob_blue {font-weight:bold;color:#0000cf;}

                                                                                   
/*AKTUALITY*/
#aktuality_100 {
margin:0 auto 0px auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#aktuality {
margin:0 auto 15px auto;padding:0 0px 0px 0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#aktuality_in {
margin:0 auto 0 auto;padding:5px 18px 10px 18px ;
width:100%;height:auto;
overflow:hidden;
clear:both;
text-align:left;
}
div.akt_blok {display:block;clear:both;width:100%;height:auto;background:#efefef;color:#505050;margin:0 0 30px 0;}
div.akt_blok img {display:block;clear:both;width:100%;height:auto;margin:0 0 0 0;}
div.akt_blok div.akt_text {padding:20px;}
div.akt_blok span.akt_nadpis {display:block;clear:both;color:#000000;font-size:24px;margin:0 0 15px 0;}
div.akt_blok span.akt_datum {display:block;clear:both;width:100%;max-width:220px;color:#ffffff;background:#0000ff;padding:12px;margin:0 0 15px 0;}
div.akt_blok span.akt_popis {display:block;clear:both;width:100%;padding:0;margin:0 0 0 0;line-height:150%;font-size:15px;}
div.akt_blok span.akt_popis a {color:#0000ff;font-weight:bold;text-decoration:underline;}
div.akt_blok span.akt_popis a:hover {color:#000000;}

@media screen and (min-width: 580px) {
div.akt_blok {clear:none;width:49%;height:auto;margin:0 0 30px 0;float:left;}
div#akt2 {float:right;}
}
@media screen and (min-width: 1280px) {
#aktuality {width:90%;}
#aktuality_in {padding:10px 5.5% 10px 5.5%;}
div.akt_blok img {clear:none;width:40%;height:auto;margin:0 0 0 0;float:left;}
div.akt_blok div.akt_text {clear:none;width:60%;float:right;}
}


/*SEDA*/
#seda_100 {
margin:0 auto 0px auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#seda {
margin:0 auto 5px auto;padding:0 0px 0px 0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
background:#efefef;
}
#seda_in {
margin:0 auto 0 auto;padding:20px 18px 30px 18px ;
width:100%;height:auto;
overflow:hidden;
clear:both;
color:#505050;
text-align:left;
}

@media screen and (min-width: 680px) {
#seda {width:95%;float:right;margin-bottom:5px;}
#seda_in {padding:20px 18px 90px 5.3%;}
}
@media screen and (min-width: 1400px) {
#seda {background:url('../grap/bg_seda.jpg') no-repeat right top #efefef;}
#seda_in {padding:20px 32% 90px 5.5%;}
}
@media screen and (min-width: 1600px) {
#seda_in {padding:20px 29% 90px 5.5%;}
}
@media screen and (min-width: 1800px) {
#seda_in {padding:20px 24% 90px 5.5%;}
}


/*DOWN*/
#cz_down_100, #down_100 {
margin:0 auto 15px auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
text-align:center;
background:url('../grap/bg_down.jpg') no-repeat center bottom;
}
#cz_down, #down {
margin:0 auto 0 auto;padding:0 0 0px 0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
}
#cz_down_in, #down_in {
margin:0 auto 0 auto;padding:0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
} 
#down_in img#down_index1 {width:100%;height:auto;display:block;clear:both;margin:0 0 35px 0;}
#down_in img#down_index2 {display:none;}
#cz_down_in {height:50px;}

@media screen and (min-width: 680px) {
#down_100 {background-size:contain;margin-top:-75px;}
#cz_down_100 {background-size:cover;}
#down_in img#down_index1 {display:none;}
#down_in img#down_index2 {width:90%;height:auto;display:block;clear:both;margin:0 0 2.5% 0;max-width:1770px;border:3px solid white;border-right:none;float:right;}
}  

/*PATA*/
#pata_100 {
margin:0 auto 0 auto;padding:0;
width:100%;height:auto;
overflow:hidden;
clear:both;
text-align:center;
}
#pata {
margin:0 auto 0 auto;padding:0 18px 0 18px;
width:100%;height:auto;max-width:1700px;
overflow:hidden;
clear:both;
}
#pata_in {
margin:0 auto 0 auto;padding:0px;
width:100%;height:auto;
overflow:hidden;
clear:both;
font-size:14px;
color:#000000;
} 
#pata_in a {color:#000000;text-decoration:none;}
#pata_in img.pata_menu_oddel {margin:0 10px 0 10px;}
#pata_in a:hover {text-decoration:underline;}