/* mobile first */
/*body {font-size: 11pt}
#obsah {font-size: 12pt}*/

body, #layout {width: 100%}
#obsah{margin-right:0px;}
#sloupek {position: relative; width: 100%}
/*
#lay2left{background:url('./layL.png') left repeat-y}
#lay2right{background:url('./layR.png') right repeat-y}
*/


/* jen pro desktop */
@media only screen and (min-width: 768px) {
	#sloupek {position: absolute; width: 220px; right: 0px; top: 220px}
	#obsah{margin-right:220px;float:none}
	#lay2left{background:url('./lay_vertical.gif') left repeat-y}
	#lay2right{background:url('./lay_vertical.gif') right repeat-y}
}
@media only screen and (min-width: 913px) {
	#layout {width:913px;margin:0px auto;border:0px}
	body {margin-top: 40px;}
}

#obsah{text-align:left;position:relative;padding:0px 15px;}
#sloupek{margin:0px;padding: 5px; line-height:120%;}
/*position:absolute;right:0px;
clear:right;float:right;width:220px;}*/
body{text-align:center;width:100%;position:relative;font-family:Helvetica,Verdana,Arial,sans-serif;line-height:160%;padding:0px;}
h1,h2,h3,h4,h5,.menu_h1{font-weight:bold;}
/* ODKAZY */
.cl_text a:link,.cl_text a:visited,.cl_uvod a:link,.cl_uvod a:visited,.down_text a:link,.down_text a:visited,.link_text a:link,.link_text a:visited{padding-right:14px;background:url('./link.gif') right no-repeat;}
a:visited{text-decoration:underline;color:rgb(0,150,0);
/*stredne svetle zelena*/
}
a:link{text-decoration:underline;;color:green;}
a:hover{text-decoration:none;color:rgb(0,204,0);}
#topmenu table{table-layout:fixed;
/*ve starych prohlizecich nefunguje,nema-li matersky element definovanou sirku!*/
text-align:center;width:100%;vertical-align:middle;padding:0px;margin:0px}
#topmenu td{width:16.5%;text-shadow:black 3px 2px 2px;}
#topmenu a{display:block;width:100%;font-size:110%;line-height:30px;font-weight:bold;text-decoration:none;color:white;background:none;border:1px outset gray;}
#topmenu .stin{visibility:hidden;}
#topmenu a:hover{border:1px outset white;}
/*
#menu1 a{background:50% 50% url('./tl_clanky.png') no-repeat;}
#menu2 a{background:50% 50% url('./tl_galerie.png') no-repeat;}
#menu3 a{background:50% 50% url('./tl_stazeni.png') no-repeat;}
#menu4 a{background:50% 50% url('./tl_odkazy.png') no-repeat;}
#menu5 a{background:50% 50% url('./tl_skripty.png') no-repeat;}
#menu6 a{background:50% 50% url('./tl_fel.png') no-repeat;}
*/
#zapati a,.navigace a:link,#zapati a:visited,.navigace a:visited{color:gray;}
#zapati a:hover,.navigace a:hover{color:silver;}
/*  - - - BARVY - - - */
h1,h2,h3,h4,h5,.menu_h1{color:green;}
.navigace,#zapati{color:gray;}


.blog{
/*background:url('/blok.jpg') top repeat-x;padding-top:30px;*/
}
#page{text-align:left;position:relative;width:100%;}
textarea{border:1px solid silver;}
#tinymce {background-color: white; color: black;}
/*.navigace{border-bottom:1px solid silver;}*/
/* OBECNE */
h1{font-size:140%;margin:10px 0px 0px 0px;padding:10px 0px 5px 0px}
h2{font-size:120%;border-top:1px dashed gray;}
h3{font-size:110%;}
h4{font-size:105%;display:inline;}
h2,h3,h4{text-align:left;margin:20px 0px 5px 0px;padding:10px;}
h5,.menu_h1{font-size:120%;text-align:center;margin:10px 10px 10px 10px;padding:10px 0px 0px 0px;}/*border-top:1px dashed silver;*/
p{margin:10px 0px;padding:0px;}
pre{line-height:110%;}
.code_gb{font-weight:bold;color:green;}
.code_rb{font-weight:bold;color:red;}
.code{font-family:Courier New;font-weight:bold;font-size:105%;}
.zdrojak{line-height:110%;overflow:auto;padding:5px;border:1px dashed silver;}
table td{padding:2px;}
table{border-collapse:collapse;}
blockquote{padding:0px 40px;font-style:italic;}
blockquote p {text-indent:0px !important;}
form{font-size:90%;padding:4px 0;line-height:150%;}
.filtr {margin: 10px; padding: 10px;border: 1px solid silver;}
.filtr input {display: inline;}
.youtube{text-align:center;margin:0px auto;}
#lista{font-size:85%;text-align:right;margin:5px;}
#zahlavi{position:relative;height:200px;width:100%;margin:0px;padding:0px;background-color:gray;}
#logo{left:60px;top:10px;position:absolute;width:500px;height:100px;color:white;text-shadow:black 3px 2px 2px;font-size:30pt;font-style:italic;line-height:105%}
#motto{color:white;text-shadow:black 3px 2px 2px;font-style:italic;font-size:13pt;width:270px;height:24px;position:absolute;  right:30px;top:30px;}
#motto-slovni{text-align:left;position:absolute;  left:100px;top:110px;color:silver;text-shadow:black 3px 2px 2px;font-size: 20pt}
.svatky{text-align:right;font-size:85%;position:absolute;right:10px;bottom:15px;color:white}
/*;text-shadow:black 3px 2px 2px;}*/
#translate{position:absolute;right:10px;top:10px;}
#topmenu{width:100%;bottom:0px;text-align:center;margin:auto;position:absolute;}
#novinky,#kalendar,#myslenky,.pristupy{font-size:85%;padding:0px 0px 0px 20px;}
.nov_aktual{color:red;}
.poznamka{border-bottom:1px dashed gray;}
.pozn{font-size:75%;}
.navigace{font-size:85%;font-style:italic;text-align:left;margin:5px;}
.navigace_dole{text-align:center;font-size:90%;margin:20px;}
/*#boxik{text-align:right;width:300px;padding:0px;margin-right:5px;font-size:80%;position:relative;float:right;}*/
#boxik{text-align:right;width:300px;padding:0px;margin-right:10px;font-size:80%;position:absolute;top:0px; right:0px}
/*
#sloupek_okraj{background:url('./lay_vertical.gif') left repeat-y;padding:1px 0px 20px 0px;}
*/
.twitter {padding: 5px auto; text-align:center}
#sloupek_okraj{padding:1px 5px 20px 0px;maring:0px;}
#sloupek ul,#sloupek .ul_only{text-align:left;color:gray;padding:5px 0px 5px 30px;margin:0px;}
#sloupek li{list-style-type:square;padding:3px;margin:0px;}
#obsah p{text-indent:50px;}
#zapati{border-top:1px solid silver;margin:500px 50px 0px 50px;text-align:center;font-size:85%;clear:both;}
.toplist{text-align:center;margin:20px;}
.kom_blok{border:1px outset silver;margin:5px 10px 20px 10px;padding:5px;position:relative;}
#kom_nadpis{margin:0px;padding:0px;font-weight:bold;}
.kom_obsah{border-top:1px dashed silver;position:relative;}
.kom_titulek{font-size:85%;font-style:italic;}
.kom_datum{position:absolute;right:10px;top:0px;font-size:90%;}
.cl_text{clear:left;padding-left:10px;}
.cl_text table{border:2px solid silver;}
.cl_text td{border:1px solid silver;padding:5px;}
.inlink{padding-right:0px !important;background:none !important;}
.cl_blok, .cke_show_borders {text-align:justify;position:relative;}
.cke_show_borders {padding-left: 5px; width: 98%;}
.cke_show_borders h2, .cl_blok h2 {text-align:left;font-size:120%;margin:25px 5px 10px 5px;padding:0px;border:none;display:block;}
.cl_blok h5, .cke_show_borders h3, .cl_blok h3 {text-align:left;font-size:110%;margin:20px 5px 5px 25px;padding:0px;border:none;display:block;}
.cl_uvod{border-left:3px solid silver;padding:10px;}
.cl_text{margin-top:30px;font-style:normal;}
.cl_vylet{line-height: 120%;padding: 5px}
.cl_vylet p {padding: 0px; margin: 0px; text-indent: 0px !important}
.link_blok,.down_blok{margin:10px;}
.cl_info,.link_info,.down_info{font-size:95%;margin:10px 0px 10px 0px;}
.cl_paticka{margin-bottom:100px;}
.down_obsah{border-top:1px dashed gray;padding:5px;margin:10px 0px;}
.cistcely{font-size:85%;line-height:80%;display:block;text-align:right;}
.strankovani{margin-top:20px;text-align:right;font-size:90%;}
.ank_blok{margin:20px;padding:10px;border:1px outset gray;
/*  border-top:3px double gray;border-bottom:3px double gray;background-color:#FFFFCC;*/
}
.ank_blok h2{border-top:0px;padding-top:0px;margin:0px;font-size:110%;}
.ank_odpoved{width:99%;line-height:200%;}
.ank_odpoved:hover .ank_graf{background-color:gray;}
.ank_graf{height:5px;background-color:silver;}
legend{font-weight:bold;padding:5px;}
a img{border:none;}
.center{text-align:center;margin:0 auto;position:relative;
/*display:block;//nesmi byt,jinak nefunguje na tabulky*/
}
.index{font-size:75%;vertical-align:super;}
.vlevo{text-align:left;}
.vpravo{text-align:right;}
.admin_editace{font-size:60%;vertical-align:super;display:inline !important;padding-right:0px !important;background:none !important;}
.gal_galerie{width:100%;text-align:center;}
.gal_galerie img{position:relative;
/*top:2px;left:4px;*/
padding:2px;background-color:white;border-right:1px solid silver;border-bottom:1px solid silver;}
.gal_stin{
/*  position:relative;background:#bbb;border:solid #ddd 1px;*/
}
.gal_nahled{width:160px;height:160px;float:left;position:relative;margin:5px;}
.gal_popis{margin:10px;}
/*.gal_navigace_odkazy{position:fixed;width:8%;top:25px;left:0px;padding:5px;border:1px outset gray;}
*/
.gal_navigace_odkazy{margin:10px 5px 10px 15px;line-height:170%;}
.gal_navigace_sipky{text-align:center;margin:10px 0px 10px 0px;}
.gal_navigace_sipky a{font-weight:bold;}
.gal_navigace{font-size:90%;text-align:left;}
.gal_obrazek{margin:0px;text-align:center;}
.gal_popis_obrazku{font-weight:bold;}
.gal_menu a{padding:50px;}
.gal_paticka{margin-top:100px;font-size:75%;text-align:center;clear:left;}
.gal_menu a:hover{text-decoration:none;}
.gal_navigace a:hover img{margin:1px;}
.gal_navigace_odkazy .gal_nahled{float:none;}
/*.telo_stin{top:-5px;left:-5px;background:white;border:solid gray 1px;padding:0px;position:relative;}
.obal_stin{padding:0;position:relative;background:#bbb;border:solid #ddd 1px;margin:0;width:100%;}
*/
.gal_nahodny{text-align:center;}
.gal_nahodny img{border:1px solid silver;padding:2px;margin-left:5px;}
.gal_radek_nahledu{position:relative;margin:0px auto;}
#gal_navigace_aktual{text-decoration:none;color:silver;}
#gal_obrazek_aktual{border:0px;margin:3px;}
.gal_comments{text-align:left;clear:left;}
.gal_comments h2{font-size:150%;padding:15px 0px 20px 0px;margin:0px 10px 0px 0px;}
.gal_comments form{line-height:200%;width:99%;}