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

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{float:right;width:77%;}
#sloupec{float:left;width:22%;}

#content_obsah_big {}
#content_obsah_big .content_obsah_in { max-width: 1100px; margin: 0px auto; }

#content_rubrika {}
#content_rubrika .content_obsah_in { max-width: 1100px; margin: 0px auto; }
#content_rubrika form { max-width: 800px; margin: 0px auto; }

div.errors {background-color: red;padding: 10px;text-align: center; margin: 20px 0px;}
div.errors * { font-size: 18px; }
div.errors ul {list-style-type: none;}
div.errors ul li {color: white;}
div.errors_green {background-color: green;}
div.errors_green ul {list-style-type: none;}
div.errors_green ul li {color: white;}

#biggreen { text-align: center; background-color: green; font-size: 20px; color: white; 
padding: 50px 100px;
}

h1{  }
h1 span{ }

h1.in { padding: 20px 0px 0px 0px; font-family: 'Archivo Black', sans-serif; font-weight: 100; text-align: center;}
h1.in span { font-size: 40px; }

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

.lista_nav{ margin:5px 0px 30px 0px; text-align: center; }
#content_obsah_big .lista_nav { margin: 20px 0px 10px 0px;  }
#content_obsah_big2 .lista_nav { margin: 20px 0px 10px 0px;  }
.lista_nav * { color: rgba(0,0,0,0.5); text-decoration: none; }
.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:"";}

#zahlavi{ background-color: rgba(0,0,0,0.7);
  background-color: rgba(0,0,0,0.02);
  border-bottom: 1px solid rgba(255,255,255,0.5); 
  position: absolute;
  width: 100%; }
#zahlavi .doprostred { width: 95%; margin: 0px auto; }
#zahlavi .logo{float:left;}
#zahlavi .logo img{border:0px;}
/* ---- zahlavi_box_kontakty */
#zahlavi .zahlavi_box_kontakty { float: right; width: 60%; padding-top: 25px; }
#zahlavi .zahlavi_box_kontakty * { font-size: 20px;  }
#zahlavi .zahlavi_box_kontakty li { list-style-type: none; float: right; color: white;
padding: 0px 0px 0px 50px; }
#zahlavi .zahlavi_box_kontakty li span { font-size: 12px; display: none; } /* zmensenina */


#header { text-align: center; background-image: url(pics/header104.jpg); background-position: center bottom; }
#header .label1 { padding: 250px 0px 10px 0px; font-family: 'Archivo Black', sans-serif;
font-size: 40px; color: white; }
#header .label2 { padding: 0px 0px 200px 0px; font-family: 'Roboto', sans-serif;
color: white; font-size: 30px; font-weight: 100; }

#header_sm { text-align: center; background-image: url(pics/header104.jpg); background-position: center bottom; }
#header_sm .label1 { padding: 150px 0px 10px 0px; font-family: 'Archivo Black', sans-serif;
font-size: 60px; color: white; font-weight: bold;}
#header_sm .label1 span { font-size: 60px;  }
#header_sm .label2 { padding: 0px 0px 100px 0px; font-family: 'Roboto', sans-serif;
color: white; font-size: 30px; font-weight: 100; }

#headerimg {
-webkit-box-shadow: inset 0px 7px 5px 0px rgba(50, 50, 50, 0.19);
-moz-box-shadow:    inset 0px 7px 5px 0px rgba(50, 50, 50, 0.19);
box-shadow:         inset 0px 7px 5px 0px rgba(50, 50, 50, 0.19);
padding-top: 14px;
}
#headerimg img { max-width: 98%; margin: 0px auto; }

#button { display: inline-block; padding: 12px 19px; background-color: orange; border-radius: 4px; }
#button a { color: white; text-decoration: none; font-size: 22px; font-weight: bold; }
#button a:hover { text-decoration: underline; }

#uvodnitext { text-align: center; padding: 50px 0px 30px 0px; }
#uvodnitext .doprostred { max-width: 1100px; margin: 0px auto; padding: 20px 0px 10px 0px; }
#uvodnitext h1 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 100; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; 
}
#uvodnitext h1 strong { font-size: 38px }
#uvodnitext .text { max-width: 800px; margin: 0px auto; padding-bottom: 45px; }
#uvodnitext p { font-size: 18px; line-height: 150%; }

#sablona { text-align: center; padding: 30px 0px 30px 0px; }
#sablona .doprostred { max-width: 1100px; margin: 0px auto; padding: 20px 0px 10px 0px; }
#sablona h1 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 100; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; 
}
#sablona h1 strong { font-size: 38px }
#sablona .text { max-width: 1000px; margin: 0px auto; padding-bottom: 45px; }
#sablona p { font-size: 18px; line-height: 150%; }
#sablona .text * { font-size: 18px; line-height: 150%; }
#sablona p { font-size: 18px; line-height: 150%; }
#sablona div.obrazek { margin: 40px 0px 0px 0px; max-width: 100%; 
background-color: rgba(0,0,0,0.08); padding: 20px; text-align: center; }
#sablona div.obrazek img { border: 10px solid white; }
#sablona .btn_ukazka { margin-top: 40px; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px; padding: 6px 20px; 
display: inline-block; }
#sablona .btn_ukazka:hover { background-color: rgba(0,0,0,0.04);  }
#sablona .btn_ukazka a { text-decoration: none; color: #2150ff; }

#sablony { text-align: center; padding: 50px 0px 30px 0px; }
#sablony .doprostred { max-width: 1100px; margin: 0px auto; padding: 20px 0px 10px 0px; }
#sablony h2 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 100; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; 
}
#sablony h2 strong { font-size: 38px }
#sablony .text { max-width: 800px; margin: 0px auto; padding-bottom: 45px; }
#sablony .text * { font-size: 18px; line-height: 150%; }
#sablony p { font-size: 18px; line-height: 150%; }
#xsablony div.obrazek { margin: 0px 0px; max-width: 100%; }

.sablony { margin: 50px 0px; }
.sablony .article_sablony { max-width: 30%; display: inline-block; padding: 10px; 
	margin: 0px 10px;
-webkit-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.59);
box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.59);
}
.sablony .article_sablony:hover { 
-webkit-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.29);
box-shadow: 6px 6px 23px 0px rgba(0,0,0,0.29);
}
.sablony .article_sablony img { max-width: 100%; display: inline-block; float: left;}

#jaktofunguje { text-align: center;
background-image: url(pics/header104.jpg);
margin: 30px 0px 0px 0px; }
#jaktofunguje .blacked { background-color: rgba(0,0,0,0.5); padding: 150px 0px 100px 0px; }
#jaktofunguje .doprostred {  }
#jaktofunguje h2 { font-family: 'Archivo Black', sans-serif; font-size: 38px; font-weight: 600; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 100px; margin-bottom: 10px; color: white; }
#jaktofunguje .box { width: 33.33333%; float: left; }
#jaktofunguje .boxin { padding: 20px; }
#jaktofunguje .cislo { background-color: rgba(255,255,255,0.7); border-radius: 200px; width: 80px; height: 57px;
margin: 0px auto; font-size: 30px; padding-top: 23px; }
#jaktofunguje .popis { font-size: 22px; line-height: 150%;
color: rgba(255,255,255,0.96); padding: 20px 20px; }

#uvodnitext2 { text-align: center; padding: 50px 0px 30px 0px; }
#uvodnitext2 .doprostred { max-width: 1100px; margin: 0px auto; padding: 100px 0px 90px 0px; }
#uvodnitext2 h2 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 100; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; 
}
#uvodnitext2 h2 strong { font-size: 38px }
#uvodnitext2 .text { max-width: 800px; margin: 0px auto; padding-bottom: 50px; }
#uvodnitext2 .text * { font-size: 18px;  }
#uvodnitext2 p { line-height: 150%; }

#webhosting { margin: 0px 0px 30px 0px; background-image: url(pics/webhosting.jpg); background-size: 100% auto;  }
#webhosting .blacked { background-color: rgba(0,0,0,0.6);
padding: 150px 0px 100px 0px; }
#webhosting .doprostred { max-width: 1100px; margin: 0px auto;  }
#webhosting .textbox { width: 50%; float: right; }
#webhosting h2 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 600; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 100px; 
color: white; 
}
#webhosting .text1 * { font-size: 22px; line-height: 150%; color: rgba(255,255,255,0.9);
text-transform: uppercase; }
#webhosting .text2 * { font-size: 22px; line-height: 150%; color: rgba(255,255,255,0.9); padding-bottom: 90px; }

#co { text-align: center; padding: 100px 0px 100px 0px; }
#co .doprostred { max-width: 90%; margin: 0px auto; }
#co h2 { font-family: 'Archivo Black', sans-serif; 
font-size: 38px; font-weight: 100; text-transform: uppercase;
border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 10px; }
#co h2 strong { font-size: 38px }
#co .box { width: 25%; float: left; }
#co .boxin { padding: 20px; }
#co .nadpis { font-size: 24px; font-family: 'Open Sans', sans-serif; padding-bottom: 5px; }
#co .popis { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 150%;
color: black; padding: 0px 20px; }

#menu{float:left;}
#menu ul{list-style-type:none;}
#menu ul li{list-style-type:none;float:left;}
#menu ul li:hover{}
#menu ul li a{text-decoration:none;}
#menu ul li a:hover{text-decoration:underline;}
#menu 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 {}

#paticka .box_paticka_zavolamevam form{}
#paticka .box_paticka_zavolamevam form fieldset{border:0px;}
#paticka .box_paticka_zavolamevam form fieldset .div.in{}
#paticka .box_paticka_zavolamevam form .form_line{   }
#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 {}

#kontakt_form form { }
#kontakt_form form fieldset {  }
#kontakt_form form .form_line { margin-bottom: 10px;}
#kontakt_form form .form_line input { padding: 10px; box-sizing: border-box;}
#kontakt_form form input.tlacitko { background-color: orange; color: white; width: 30%; border-radius: 4px; 
border: 0px; padding: 10px 20px; font-weight: bold;}

#search_form form { }

.article {}
.article div.obrazek { float:left;max-width:336px; margin: 0px 10px 10px 0px;}
.article div.obrazek img { float:left;max-width:100%;display:inline-block; }

.article .datum_konani {}

.article .clanek_fotky_grid{}
.article .clanek_fotky_grid h2{}
.article .clanek_fotky_grid h2 span{}

.article .clanek_fotky_skycraper{}
.article .clanky_fotky_skycraper .skycraper_box{}
.article .clanek_fotky_skycraper h2{}
.article .clanek_fotky_skycraper h2 span{}

.article_perex{}
.article_perex .lista{}
.article_perex h2.nadpis{}
.article_perex h2.nadpis *{}
.article_perex h2.nadpis span{}
.article_perex h2.nadpis a{}
.article_perex h2.nadpis a:hover{}
.article_perex .obrazek{float:left;max-width:336px;margin: 0px 10px 10px 0px}
.article_perex .obrazek img{float:left;width:100%;display:inline-block;}
.article_perex .detailbutton{}
.article_perex .detailbutton a{}
.article_perex .detailbutton a:hover{}
.article_perex .fotky_perex{}
.article_perex .fotky_perex img{max-width: 100%;}

.article_clanek{}
.article_clanek h2.nadpis{}
.article_clanek h2.nadpis *{}
.article_clanek h2.nadpis span{}
.article_clanek .obrazek{float:left;max-width:336px;margin: 0px 10px 10px 0px}
.article_clanek .obrazek img{float:left;width:100%;display:inline-block;}
.article_clanek .fotky_perex{}
.article_clanek .fotky_perex img{float:left;width:336px;max-width: 100%; display:inline-block;}

.article_aktuality {}
.article_aktuality h2.nadpis{}
.article_aktuality h2.nadpis *{}
.article_aktuality h2.nadpis span{}
.article_aktuality .obrazek{float:left;max-width:336px;margin: 0px 10px 10px 0px}
.article_aktuality .obrazek img{float:left;width:100%;display:inline-block;}
.article_aktuality .lista {}

.tinymce_formatovani{word-wrap: break-word;}
.tinymce_formatovani *{line-height:150%;}
.tinymce_formatovani p{padding-bottom:10px;}
.tinymce_formatovani p:last-child{padding-bottom:0px;}
.tinymce_formatovani a { color: blue; }
.tinymce_formatovani a:hover { color: red; }
.tinymce_formatovani h2{padding-bottom:10px;}
.tinymce_formatovani img{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 table.cenik { background-color: rgba(0,0,0,0.05); margin: 0px 0px 10px 0px;}
.tinymce_formatovani table.cenik td{ padding: 10px; }
.tinymce_formatovani table.cenik tr:nth-child(2n) { background-color: rgba(255,255,255,1); }
.tinymce_formatovani table.kontakty {}

.tinymce_formatovani ul {margin-left: 15px; }
.tinymce_formatovani ul li {}
.tinymce_formatovani ul p {}
.tinymce_formatovani ul.greenli{border:1px solid red;}
.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.zvyrazneni { padding: 20px; box-sizing: border-box; text-align: center; 
background-color: rgba(0,0,0,0.03); font-family: 'Lato', sans-serif; font-weight: 100;color: #623a00;
font-size: 20px; margin: 10px 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 .box_paticka{float:left;width:25%;}
#paticka .box_paticka li{list-style-type:none;}
#paticka .box_paticka li.nadpis{}
#paticka .box_paticka li em{}
#paticka .box_paticka div.nadpis{margin:0px 0px 0px 0px;}
#paticka .box_paticka_zavolamevam{}

#copyright { background-color: rgba(0,0,0,0.85); text-align: center; border-top: 1px solid rgba(255,255,255,0.4); }
#copyright .in { padding: 20px 0px;  }
#copyright * { color: rgba(255,255,255,0.5); font-family: 'Open Sans', sans-serif; font-size: 16px;  }
#copyright a { }
#copyright a:hover { color: white; }

#kontakt { margin: 30px 0px 0px 0px; background-image: url(pics/kontakt.jpg); background-size: 100% auto; background-position: bottom right; }
#kontakt .blacked { background-color: rgba(0,0,0,0.4); padding: 100px 0px 100px 0px; }
#kontakt .doprostred { max-width: 90%; margin: 0px auto; }
#kontakt .box_form { width: 50%; float: left; }
#kontakt .box_form_in { }
#kontakt h3 { font-family: 'Archivo Black', sans-serif; font-size: 38px; font-weight: 600; text-transform: uppercase;
margin-bottom: 10px; color: white; }
#kontakt div.motto { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 150%; color: rgba(255,255,255,0.9);
padding-bottom: 15px; }
#kontakt .error { color: red; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 20px; }
#kontakt .green { color: green; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 20px; }

#kontakt form label { display: none; }
#kontakt form fieldset { border: 0px; }
#kontakt form input { border: 0px; width: 50%; padding: 9px; margin-bottom: 7px; }
#kontakt form input.tlacitko { background-color: orange; color: white; width: 30%; border-radius: 4px; }

#kontakt .box_tel { width: 35%; float: right; }
#kontakt .box_form_in { }
#kontakt .box_tel h3 { text-align: right; }
#kontakt .tel { font-family: 'Open Sans', sans-serif; font-size: 26px; color: white; text-align: right; padding-bottom: 3px; }
#kontakt .email { font-family: 'Open Sans', sans-serif; font-size: 26px; color: white; text-align: right; }