*{margin:0px;padding:0px;font-size:13px;-webkit-font-smoothing: antialiased;} 
body{font-family:Arial, Helvetica, sans-serif;background-color: white;}

div.admintable{background-color:#C0C0C0;border-bottom:4px solid black;}
div.admintable .admintablebox{float:left;width:33%;}
div.admintable .boxtable{padding:5px;}
div.admintable .boxtable:nth-child(2n){background-color:rgba(255,255,255,0.3)}
div.admintable .boxtable img{max-width:100px;}
div.admintable .boxtable span{display:block;text-transform:uppercase;}

#menubutton{display:none;} 

#bodydiv{width:100%;margin:0px auto;}
#bodydiv_okraj{}
#main{}
#main_okraj{}
#content{}
#content_obsah{}
#content_obsah_rubrika { max-width: 1000px; margin: 0px auto 30px auto; }
#sloupec{float:left;width:22%;}

div.errors {background-color: red;}
div.errors ul {list-style-type: none;padding: 10px;box-sizing:border-box;}
div.errors ul li {color: white;}
div.errors_green {background-color: green;}
div.errors_green ul {list-style-type: none;padding: 10px;box-sizing:border-box;}
div.errors_green ul li {color: white;}

h1{ font-size: 20px; font-family: 'Raleway', sans-serif; text-align: center; 
padding: 40px 0px 20px 0px;}
h1 * { font-size: 40px; }
h1 span{}

h2 { font-family: 'Raleway', sans-serif;  }

h2.nadpis{}
h2.nadpis *{}
h2.nadpis span{}
h2.nadpis a{}
h2.nadpis a:hover{}

.breaker{clear:both;}
.breakerh{clear:both;height:10px;}
.breakerh20{clear:both;height:20px;}
.doprostred{margin:0px auto;}

.lista_nav{margin: 0px 0px 10px 0px; text-align: center; padding: 26px 0px 45px 0px;}
.lista_nav ul{}
.lista_nav ul * { color: rgba(0,0,0,0.7); text-decoration: none; }
.lista_nav ul li{list-style-type:none;display:inline;padding-left: 5px;}
.lista_nav ul li:first-child { padding-left: 0px; }
.lista_nav ul li a{}
.lista_nav ul li a:hover{color:black;}
.lista_nav li:before{content:"\00bb\00a0";}
.lista_nav li:first-child:before{content:"";}

.obrazekrubrika { position: relative; }
.obrazekrubrika img { width: 100%; }
.obrazekrubrika h1 { position: absolute; top: 30%; width: 100%; text-align: center; 
text-transform: uppercase; }
.obrazekrubrika h1 span { font-size: 60px; font-weight: 900;  
color: white;
color: #FFFFFF;
}

#zahlavi{background-color:white;}

#zahlavi .logo{float:left;width: 33%;text-align: center;}
#zahlavi .logo img{border:0px;padding: 20px 0px;max-width: 90%;}

#zahlavi .okraj .box_kontakty {}
#zahlavi .okraj .box_kontakty:nth-child(2) { float: right;  }
#zahlavi .box_kontakty {float: left; width: 33%; text-align: center; padding-top: 50px;font-family: 'Roboto Condensed', sans-serif;}
#zahlavi .box_kontakty * { font-size: 16px; }
#zahlavi .box_kontakty li{list-style-type:none;display:inline-block;padding: 40px 0px 0px 0px;}
#zahlavi .box_kontakty li.mobil { background:url(pics/icon_telefon.jpg) no-repeat; background-position: top center; }
#zahlavi .box_kontakty li.email { background:url(pics/icon_email.jpg) no-repeat; background-position: top center;  }
#zahlavi .box_kontakty li span{}

#menu{text-align: center;font-family: 'Roboto Condensed', sans-serif;}
#menu ul{list-style-type:none;display: inline-block; padding: 10px 0px 20px 0px;}
#menu ul li{list-style-type:none;display: inline-block; padding: 10px 30px; box-sizing: border-box;
border-left: 1px solid rgba(0,0,0,0.1);}
#menu ul li:first-child {border-left: 0px;}
#menu ul li:hover{}
#menu ul li a{text-decoration:none;color: black;font-size: 22px;}
#menu ul li a:hover{text-decoration:underline;}
#menu ul li.active a{}

#menu2{text-align: center;font-family: 'Roboto Condensed', sans-serif;}
#menu2 ul{list-style-type:none;display: inline-block; padding: 60px 0px 20px 0px;}
#menu2 ul li{list-style-type:none;display: inline-block; padding: 10px 30px; box-sizing: border-box;
border-left: 1px solid rgba(0,0,0,0.1);}
#menu2 ul li:first-child {border-left: 0px;}
#menu2 ul li:hover{}
#menu2 ul li a{text-decoration:none;color: black;font-size: 22px;}
#menu2 ul li a:hover{text-decoration:underline;}
#menu2 ul li.active a{}

form{}
form fieldset{border:0px;}
form fieldset .div.in{}
form .form_line{}
form .form_line label{display: none;}
form .form_line label span{}
form .form_line div.inputdiv{}
form .form_line div.inputdivokraj{}
form .form_line input {width: 100%;padding: 0px;border:0px;border-radius: 4px; margin-bottom: 0px;
border: 1px solid rgba(0,0,0,0.3); padding: 5px; box-sizing: border-box;}
form .tlacitko {}
form .tlacitko input {}

#kontakt_form form { }
#kontakt_form form fieldset {  }

#search_form form { } 
#search_form form .form_line { width: 75%; float: left; } 
#search_form form .tlacitko { width: 24%; float: right; } 
#search_form form .tlacitko input { width: 100%;padding: 0px;border:0px;border-radius: 4px; margin-bottom: 0px;
border: 1px solid rgba(0,0,0,0.3); padding: 5px; box-sizing: border-box; } 

.tinymce_formatovani *{line-height:150%;font-size: 16px; color: rgba(0,0,0,0.9);}
.tinymce_formatovani h2{padding: 10px 0px 15px 0px;margin: 0px;font-size: 30px;line-height: 100%;}
.tinymce_formatovani h3{padding: 0px 0px 6px 0px;margin: 0px;font-size: 20px;line-height: 100%;}
.tinymce_formatovani p{padding-bottom:10px;}
.tinymce_formatovani p:last-child{}
.tinymce_formatovani a {}
.tinymce_formatovani a:hover {}

.tinymce_formatovani img{max-width:100%;height: auto;}
.tinymce_formatovani img.doleva{max-width:100%;height: auto;float:left;}
.tinymce_formatovani img.doprava{max-width:100%;height: auto;float: right;}
.tinymce_formatovani img.stoprocent{max-width:100%;height: auto;}

.tinymce_formatovani table{width:100%;border-spacing:0px;border-collapse:separate;}
.tinymce_formatovani table td{vertical-align:top;}

.tinymce_formatovani ul {margin-left: 15px; padding-bottom: 10px;}
.tinymce_formatovani ul li {}
.tinymce_formatovani ul p {}

.tinymce_formatovani ul.greenli{ color: green;}

.tinymce_formatovani ul.sitemap{margin-left:19px;}
.tinymce_formatovani ul.sitemap ul li{margin-left:20px;}
.tinymce_formatovani ul.sitemap ul li li{margin-left:30px;}

.tinymce_formatovani div.tlacitko { text-align: center; padding: 20px 0px;}
.tinymce_formatovani div.tlacitko a { display: inline-block; border: 2px solid rgba(0,0,0,0.1); padding: 10px 20px; border-radius: 4px; 
color: rgba(0,0,0,0.8); text-decoration: none; font-weight: bold; }
.tinymce_formatovani div.tlacitko a:hover { border: 2px solid black;  }

.tinymce_formatovani div.zvyrazneni { padding: 20px; box-sizing: border-box; text-align: center; 
background-color: rgba(0,0,0,0.03); font-weight: 100;color: #623a00;
font-size: 20px; margin: 10px 0px 15px 0px;}

ul#boxtagypodclankem{margin:0px 0px 0px 0px;}
ul#boxtagypodclankem li{list-style-type:none;}
ul#boxtagypodclankem li a{}

ul.struktura_rubriky{}
ul.struktura_rubriky li{list-style-type:none;}
ul.struktura_rubriky li a{}

#sloupec ul{margin-bottom:10px;list-style-type:none;}
#sloupec ul:last-child{margin-bottom:0px;}
#sloupec ul li.nadpis{}
#sloupec ul li{}

#sloupec ul.menubox{}
#sloupec ul.menubox li{list-style-type:none;}
#sloupec ul.menubox li.nadpis{list-style-type:none;}
#sloupec ul.menubox li.polozka{}
#sloupec ul.menubox li.polozka a{}
#sloupec ul.menubox li.active a{text-transform:uppercase;}
#sloupec ul.menubox li.polozka a:hover{}

#sloupec ul.box_aktuality{}
#sloupec ul.box_aktuality li{list-style-type:none;}
#sloupec ul.box_aktuality li.nadpis{}
#sloupec ul.box_aktuality li.polozka{}
#sloupec ul.box_aktuality li.polozka span{}
#sloupec ul.box_aktuality li.polozka a{}
#sloupec ul.box_aktuality li.polozka a:hover{}

#sloupec ul.box_tagy{}
#sloupec ul.box_tagy li{list-style-type:none;}
#sloupec ul.box_tagy li.nadpis{}
#sloupec ul.box_tagy li.polozka{}
#sloupec ul.box_tagy li.polozka a{}
#sloupec ul.box_tagy li.polozka a:hover{}

#sloupec ul.menubox_struktura{}
#sloupec ul.menubox_struktura li.active{text-transform:uppercase;}

#paticka{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;background-color:white;}
#paticka * {}
#paticka .doprostred {}
#paticka .box_paticka{}
#paticka .box_paticka li{list-style-type:none;}

#paticka .box_paticka li em{}

#paticka div.nadpis{text-align: center; padding-bottom: 30px;font-family: 'Raleway', sans-serif; font-size: 40px;}

#paticka .box_paticka_zavolamevam { max-width: 500px; margin: 0px auto; }

#paticka .box_paticka_zavolamevam form{}
#paticka .box_paticka_zavolamevam form fieldset{border:0px;text-align: center;}
#paticka .box_paticka_zavolamevam form fieldset .div.in{}
#paticka .box_paticka_zavolamevam form .form_line{ margin-bottom: 10px;  }
#paticka .box_paticka_zavolamevam form .form_line label{ display: none;}
#paticka .box_paticka_zavolamevam form .form_line label span{}
#paticka .box_paticka_zavolamevam form .form_line div.inputdiv{}
#paticka .box_paticka_zavolamevam form .form_line div.inputdivokraj{}
#paticka .box_paticka_zavolamevam form .form_line input {}
#paticka .box_paticka_zavolamevam form .tlacitko {}
#paticka .box_paticka_zavolamevam form .tlacitko input {}

#copyright{background-color:white;}
#copyright .doprostred { text-align: center; padding: 30px 10px; }
#copyright * { color: rgba(0,0,0,0.6); }
#copyright a{}
#copyright a:hover{}

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides a.prev{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;opacity:0.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("js/rs/themes.gif") no-repeat left top;margin-top:-45px;}
.rslides a.next{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;opacity:0.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("js/rs/themes.gif") no-repeat left top;margin-top:-45px;left:auto;background-position:right top;right:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}

.rslides #label { position: absolute; top: 10px; left: 10px; }

#hp_boxies_flexi { display: grid; margin: 20px 0px; 
display: grid;
grid-template-rows: repeat(4, auto);
grid-gap: 10px;
grid-auto-flow: column;
/* grid-auto-columns: 100px 100px;     */
}
/*
grid-template-columns: 1fr 1fr 1fr 1fr
grid-template-columns: 3rem 25% 1fr 2fr
grid-template-rows:    minmax(100px, auto);
grid-template-columns: minmax(auto, 50%) 1fr 3em;
 grid-gap: 10px;
 grid-auto-rows: minmax(100px, auto);
*/

#box_aktuality { display: grid; margin: 20px 0px; 
display: grid;
grid-template-rows: repeat(3, auto);
grid-gap: 10px;
grid-auto-flow: column; 
grid-template-columns: 1fr 1fr 1fr;
border: 1px solid red;
}
#box_aktuality .datum { background: url(pics/sys/icon_calendar.jpg) no-repeat;  }

#komentare_form { margin: 20px 0px; }
#komentare_form .lista { margin-bottom: 7px; 
background-image: url(pics/sys/bgpoint.jpg); background-repeat: repeat-x; background-position: left bottom; }
#komentare_form .lista .box { float: left; padding-bottom: 6px; font-weight: bold; color: rgba(0,0,0,0.7);  }
#komentare_form .lista .active { border-bottom: 3px solid #0095ff; }
#komentare_form textarea 
{ 
	padding: 15px; margin: 0px; border: 3px solid #efefef; 
	border-radius: 8px; width: 100%; box-sizing: border-box;
	color: rgba(0,0,0,0.9); font-size: 16px;
	outline: none;
}
#komentare_form .lista_sub { margin-bottom: 10px; padding-bottom: 4px; }
#komentare_form .lista_sub * { color: rgba(0,0,0,0.5); font-weight: bold; }
#komentare_form .lista_sub a { text-decoration: none; }
#komentare_form .lista_sub .box { float: left; padding-right: 25px; }
#komentare_form .form_linex { margin-bottom: 3px; }
#komentare_form .form_line { width: 49.5%; float:left;  }
#komentare_form .second { margin-left: 1%; }
#komentare_form .form_line input { border: 3px solid #efefef; 
	border-radius: 8px; width: 100%; box-sizing: border-box; padding: 15px; }
#komentare_form .tlacitko { margin-top: 6px; }
#komentare_form .tlacitko input { background-color: #efefef; padding: 15px; border-radius: 8px; border: 0px; 
color: #0095ff; font-weight: bold; text-transform: uppercase; }

#komentare_form div.errors {background-color: red; border-radius: 8px; margin-bottom: 4px; }
#komentare_form div.errors ul {list-style-type: none;padding: 15px;}
#komentare_form div.errors ul li {color: white;}
#komentare_form div.errors_green {background-color: green;border-radius: 8px; margin-bottom: 4px;}
#komentare_form div.errors_green ul {list-style-type: none; padding: 15px;}
#komentare_form div.errors_green ul li {color: white;}

#komentare_form .puvodni { margin-bottom: 10px; border: 1px solid #efefef; border-radius: 8px; box-sizing: border-box; 
padding: 15px;}
#komentare_form .puvodni * { color: rgba(0,0,0,0.7); }

#komentare_vypis { margin-top: 20px; }
#komentare_vypis h2 { padding-bottom: 20px; }
#komentare_vypis .box * { color: rgba(0,0,0,0.6); }
#komentare_vypis .secondlevel { margin-left: 40px; }
#komentare_vypis .box { margin-bottom: 10px; border: 1px solid #efefef; border-radius: 8px; box-sizing: border-box;}
#komentare_vypis .lista { background-color: rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; 
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#komentare_vypis .red { color: red; }
#komentare_vypis .text { padding: 15px; }
#komentare_vypis .text * { color: black; }
#komentare_vypis .text p { padding-bottom: 15px; line-height: 150%; }
#komentare_vypis .text p:last-child { padding-bottom: 0px; }
#komentare_vypis .text a { color: #0095ff; } 

#komentare_vypis .btn_odpovedet { background-color: rgba(0,0,0,0.1); padding: 10px; border-radius: 4px; display: inline-block; 
margin: 0px 0px 15px 15px;}
#komentare_vypis .btn_odpovedet:hover { background-color: rgba(0,0,0,0.2); }
#komentare_vypis .btn_odpovedet a { text-decoration: none; color: rgba(0,0,0,0.7); }

#tools { padding: 10px 0px; }