*{margin:0px;padding:0px;font-size:18px;-webkit-font-smoothing: antialiased;color:rgba(255,255,255,0.9);}

body{font-family:Arial, Helvetica, sans-serif;

	font-family: 'Noto Sans JP', sans-serif; 

	background-color: black;}



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



#logofb { max-width: 80px; padding-top: 10px; }



/* RESPO PRIPRAVA */

#menubutton{display:none;}



/* LAYOUT */

#bodydiv{width:100%;}

#bodydiv_okraj{}

#main{}

#main_okraj{}

#content{}

#content_obsah{width:100%;}



.struktura_vypis_zlayout1 { max-width: 1000px; margin: 50px 0px 50px 18%; }

.struktura_vypis_zlayout2 { max-width: 1000px; margin: 0px 0px 0px 18%; display: table;}

.struktura_vypis_zlayout3 { max-width: 1000px; margin: 0px 0px 0px 18%; border-left: 2px solid #841702;}

.struktura_vypis_zlayout4 { 

background: url(../images/bgcenik2.jpg) no-repeat center center fixed; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}



#sloupec{float:left;width:22%;background-color:#C0C0C0;}



/* 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;display: inline-block;}

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%; padding-bottom: 30px;}

h1 *{font-size: 40px;line-height: 100%}

h1 span{}



h2 { font-size: 36px; padding-bottom: 20px; }



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{padding: 20px 0px;}

#zahlavi .doprostred {}

#zahlavi .logo{float:left;width: 18%;text-align:center;}

#zahlavi .logo img{border:0px;max-width: 130px;padding-left: 30px;}



/* MENU */

#menu{float:left;width: 77%; }

#menu * { font-size: 18px; font-weight: bold; }

#menu ul.menu {list-style-type:none;padding-top: 50px; float: left; width: 100%;}

#menu ul.menu li{list-style-type:none;float:left;padding: 0px 0px 5px 0px; margin-right: 30px;}

#menu ul.menu li:hover{}

#menu ul.menu li a{text-decoration:none;color:white;}

#menu ul.menu li:hover{border-bottom: 2px solid #841702;}

#menu ul.menu li.active {border-bottom: 2px solid #841702;}

#menu ul.menu li.space {}



#menu ul.kontakty {list-style-type:none;padding-top: 50px;padding-right: 10px; float: right; width: 40%;}

#menu ul.kontakty li{list-style-type:none;float:left;padding: 0px 0px 5px 0px; margin-left: 30px;}

#menu ul.kontakty li:hover{}

#menu ul.kontakty li a{text-decoration:none;color:white;}

#menu ul.kontakty li:hover{border-bottom: 2px solid #841702;}

#menu ul.kontakty li.active {border-bottom: 2px solid #841702;}



/* 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 { 



	max-width: 1000px; margin: 0px auto; 

border-top: 2px solid #841702;  }

#paticka .doprostred {}



#paticka .box_paticka {width: 100%;}

#paticka h2 { padding: 40px 0px; text-align: center; }



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

#paticka fieldset.form_zajem input { background-color: rgba(255,255,255,0.1); padding: 10px; border-radius: 7px; box-sizing: border-box; }



#paticka fieldset.form_zajem input::-webkit-input-placeholder { /* Edge */

  color: rgba(255,255,255,0.6); }

#paticka fieldset.form_zajem input:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: rgba(255,255,255,0.6);}

#paticka fieldset.form_zajem input::placeholder {

  color: rgba(255,255,255,0.6);}



#paticka fieldset.form_zajem select::-webkit-input-placeholder { /* Edge */

  color: rgba(255,255,255,0.6); }

#paticka fieldset.form_zajem select:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: rgba(255,255,255,0.6);}

#paticka fieldset.form_zajem select::placeholder {

  color: rgba(255,255,255,0.6);}



#paticka fieldset.form_zajem textarea { background-color: rgba(255,255,255,0.1); padding: 10px; border-radius: 7px; box-sizing: border-box; 

width: 100%;}



#paticka fieldset.form_zajem .form_line_nadpis { text-align: center; padding: 20px 0px 0px 0px;}

#paticka fieldset.form_zajem .form_line_nadpis h3 { color: rgba(255,255,255,0.4); }

#paticka fieldset.form_zajem .form_line_nadpis p { color: rgba(255,255,255,0.4); 

text-align: center; font-size: 13px; padding: 0px; padding-bottom: 6px;;}



#paticka fieldset.form_zajem .form_line_podrobnosti { text-align: center; }

#paticka fieldset.form_zajem .form_line_podrobnostix label { display: block; color: rgba(255,255,255,0.4); 

text-align: center; font-size: 14px; padding: 0px; padding-bottom: 6px;;}

#paticka fieldset.form_zajem .form_line_podrobnosti select { background-color: rgba(255,255,255,0.1); padding: 10px; border-radius: 7px; box-sizing: border-box; 

color: rgba(255,255,255,0.6); border: 0px; width: 100%; 

}



#silenepole { border: 0Px solid blue; width: 1px; height: 0px; padding: 0px; margin: 0px; }



/* COPYRIGHT */

#copyright{  }

#copyright .doprostred { text-align: center; padding: 130px 10px 30px 10px; }

#copyright *{color: rgba(255,255,255,0.5); font-size: 13px;}

#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{font-size: 36px;padding-bottom: 20px;}

.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 10px 10px 0px;}



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



/* RSLIDES */

.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("../images/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("../images/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;}



/* FLEXI */

#hp_boxies_flexi { display: grid; 

display: grid;

grid-template-rows: repeat(4, auto);

grid-gap: 10px;

grid-auto-flow: column;

border: 1px solid red;

/* grid-auto-columns: 100px 100px;     */

}



#box_aktuality { display: grid; 

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(../images/icon_calendar.jpg) no-repeat; padding-left: 25px;}



/* 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); }



#rubrika_fotky { padding: 20px 0px;}

.container_fotky { text-align: center; margin: 0px auto;}

.container_fotky .fotka { display: inline-block; width: 33.3333%;box-sizing: border-box; padding: 0px; }

.container_fotky .fotkain { border: 0px solid white;padding-bottom: 5px; padding-top:5px;}

.container_fotky .fotka:nth-child(3n+1) .fotkain {padding-right:5px;}

.container_fotky .fotka:nth-child(3n+2) .fotkain {padding-right:5px;padding-left: 5px;}

.container_fotky .fotka:nth-child(3n+3) .fotkain {padding-left:5px;}

.container_fotky img { width: 100%; height: 300px; object-fit: cover; }



/* Oprava vzhledu pouze u kontaktního formuláře */



form[action="form_c.php"] select,

form[action="form_c.php"] input[type="text"],

form[action="form_c.php"] input[type="email"],

form[action="form_c.php"] textarea {

    color: #000 !important;

    background-color: #fff !important;

    border: 1px solid #ccc !important;

    padding: 6px !important;

    border-radius: 4px !important;

    font-size: 16px !important;

}



form[action="form_c.php"] select option {

    color: #000 !important;

    background-color: #fff !important;

}





/* Oprava vzhledu pouze u kontaktního formuláře */



form[action="form_c.php"] select,

form[action="form_c.php"] input[type="text"],

form[action="form_c.php"] input[type="email"],

form[action="form_c.php"] textarea {

    color: #000 !important;

    background-color: #fff !important;

    border: 1px solid #ccc !important;

    padding: 6px !important;

    border-radius: 4px !important;

    font-size: 16px !important;

}



form[action="form_c.php"] select option {

    color: #000 !important;

    background-color: #fff !important;

}



/* FINÁLNÍ OPRAVA FORMULÁŘE V PATIČCE */



#paticka fieldset.form_zajem select,

#paticka fieldset.form_zajem input[type="text"],

#paticka fieldset.form_zajem input[type="email"],

#paticka fieldset.form_zajem textarea {

    background-color: #ffffff !important;

    color: #000000 !important;

    border: 1px solid #ccc !important;

    padding: 10px !important;

    border-radius: 7px !important;

    box-sizing: border-box;

}



#paticka fieldset.form_zajem select option {

    background-color: #ffffff !important;

    color: #000000 !important;

}