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

img { max-width: 100%; height: auto; }

/*
font-family: 'Nunito', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/* RESPO PRIPRAVA */
#menubutton{display:none;}

/* LAYOUT */
#bodydiv{width:100%;}
#bodydiv_okraj{background-image: url(pics/bg.jpg); background-repeat: no-repeat; background-size: 100% auto;}
#main{}
#main_okraj{}
#content{}
#content_obsah{}
#sloupec{}

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

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;}

.lista_nav{margin:0px 0px 0px 0px;}
.lista_nav * {}
.lista_nav ul{}
.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:"";}

/* PRVKY */
.container_datum {  } /* content_s :: aktuality, datum */

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

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

/* NADPISY */
h1{line-height: 100%}
h1 *{font-size: 20px;line-height: 100%}
h1 span{}

h2 {}

h2.nadpis{ padding: 10px 0px; }
h2.nadpis *{}
h2.nadpis span{}
h2.nadpis a{}
h2.nadpis a:hover{}

.clanek_fotky_grid h2 {}
.clanek_fotky_grid h2 span {}

/* ZAHLAVI */
#zahlavi{}
#zahlavi .doprostred{max-width:90%;margin:0px auto;padding: 30px 0px;}
#zahlavi .logo{float:left;}
#zahlavi .logo img{border:0px;}

/* MENU */
#menu{float:right;font-family: 'Nunito', sans-serif;}
#menu ul{list-style-type:none;padding-top:10px;}
#menu ul li{list-style-type:none;float:left;padding: 0px 0px 0px 25px;}
#menu ul li:hover{}
#menu ul li a{text-decoration:none;color:black;}
#menu ul li a:hover{text-decoration:underline;color:orange;}
#menu ul li.active a{}

/* SLOUPEC */
#sloupec ul.menubox{padding: 0px 0px 10px 0px;}
#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{padding: 0px 0px 10px 0px;}
#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{padding: 0px 0px 10px 0px;}
#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{}

/* PATICKA */
#paticka{background-color:#1c1f23;font-family: 'Nunito', sans-serif;
background-image: url(pics/paticka.jpg); background-repeat: no-repeat; background-size: 100% auto; 
padding-top: 250px;}
#paticka .doprostred {max-width:90%;margin: 0px auto;padding: 20px 0px 50px 0px;}
#paticka * {color:rgba(255,255,255,0.6);}

#paticka .box_paticka{float:left;width:25%;box-sizing: border-box;padding: 0px 30px 0px 0px;}
#paticka .box_paticka li{list-style-type:none;}

#paticka .box_paticka_logo img { max-width: 100%; }

#paticka div.nadpis {font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 18px;padding-bottom: 30px; 
color: white;}

#paticka .box_paticka li { padding-bottom: 10px; }
#paticka .box_paticka_quickmenu li { padding-bottom: 10px; }

/* COPYRIGHT */
#copyright{background-color:#191c1f;font-family: 'Nunito', sans-serif;}
#copyright .doprostred { text-align: center; padding: 30px 10px; }
#copyright *{color: rgba(255,255,255,0.3);font-size: 14px;}
#copyright a{}
#copyright a:hover{color:black;}

/* TINYMCE */
.tinymce_formatovani{word-wrap: break-word;}
.tinymce_formatovani *{line-height:150%;}
.tinymce_formatovani h2,h3 {line-height: 100%;padding-bottom:10px;}
.tinymce_formatovani h2{}
.tinymce_formatovani h3{}
.tinymce_formatovani p{padding-bottom:10px;}
.tinymce_formatovani p:last-child{}
.tinymce_formatovani a {}
.tinymce_formatovani a:hover {}

.tinymce_formatovani hr { border:0px; clear: both; }

.tinymce_formatovani img{}
.tinymce_formatovani img.doleva{float:left;padding:3px 10px 10px 0px;}
.tinymce_formatovani img.doprava{float:right;padding:3px 0px 10px 10px;}
.tinymce_formatovani img.stoprocent{}

.tinymce_formatovani div.imgNaStred { text-align: center; margin-bottom: 10px; }
.tinymce_formatovani div.imgNaStred img { display: inline-block; vertical-align: middle;}
.tinymce_formatovani div.imgDoleva {text-align: left;}
.tinymce_formatovani div.imgDoleva img {}
.tinymce_formatovani div.imgDoprava {text-align:right;}
.tinymce_formatovani div.imgDoprava img {}

.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;}

.tinymce_formatovani table{width:100%;border-spacing:0px;border-collapse:separate;padding-bottom: 10px;}
.tinymce_formatovani table td{vertical-align:top;padding:10px;background-color: white; border: 2px solid rgba(0,0,0,0.2);}

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

ul.sitemap {padding:0px;margin:0px;margin-left: 15px;}
ul.sitemap li {padding-bottom:5px;}
ul.sitemap ul li:last-child{padding-bottom:0px;}
ul.sitemap ul {padding:5px 0px 0px 0px;}
ul.sitemap ul {}

#boxies_hp { 
max-width: 90%; margin: 40px auto; 	
display: grid;
grid-template-rows: repeat(3, auto);
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;}
#boxies_hp .square { 
box-shadow: 0 20px 40px 0 rgba(221, 224, 231, 0.5);
padding: 50px 30px; box-sizing: border-box;
background-color:white; }
#boxies_hp h2 {font-family: 'Montserrat', sans-serif;padding: 10px 0px 20px 0px;font-weight:600;}
#boxies_hp h2 * {font-size:18px;}
#boxies_hp h2 a {color:black;text-decoration:none;}
#boxies_hp h2 a:hover {text-decoration:underline;}
#boxies_hp .text {font-family: 'Nunito', sans-serif; font-size: 15px; line-height: 200%; color: #878A9D; }

/* FORMULARE */
fieldset.form_search {border:0px;} 
fieldset.form_search label{display:none;} 
fieldset.form_search .form_line { width: 75%; float: left; } 
fieldset.form_search input{border:0px;width:100%;padding:5px;box-sizing:border-box;}
fieldset.form_search div.tlacitko {width: 25%;float:right;} 
fieldset.form_search div.tlacitko input {width: 100%;border:0px;background-color:green;color:white;font-weight:bold;} 

fieldset.form_zajem {border: 0px;}
fieldset.form_zajem label{display:none;}
fieldset.form_zajem .form_line{margin-bottom:5px;}
fieldset.form_zajem input{border:0px;width:100%;padding:5px;box-sizing:border-box;}
fieldset.form_zajem div.tlacitko {}
fieldset.form_zajem input.tlacitko {padding:10px;border:0px;background-color:green;color:white;font-weight:bold;}

fieldset.form_zajem_big {border: 0px;}
fieldset.form_zajem_big label{display:none;}
fieldset.form_zajem_big .form_line{margin-bottom:5px;}
fieldset.form_zajem_big input{border:0px;width:100%;padding:5px;box-sizing:border-box;}
fieldset.form_zajem_big div.tlacitko {}
fieldset.form_zajem_big input.tlacitko {padding:10px;border:0px;background-color:green;color:white;font-weight:bold;}

/* KOMENTARE */
#komentare_form { margin: 20px 0px; }
#komentare_form fieldset.form_komentare {border: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); }