body{font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;color:#45361b;font-size:small;line-height:1.4;margin:0;padding:0;
background:#cceddd url("images/body-bg.gif") repeat-x}
.noscreen{width:250px;position:absolute;left:0;top:-2000px}
br.clear{clear:both}
.none{display:none}


/* layout */
#main{width:972px;margin:0 auto;text-align:left;position:relative} /* sirka:972px */

/* head */
#head{width:972px;height:96px;position:relative;background:url("images/head.png") no-repeat right top}
p.head-logo, p.head-logo span{width:400px;height:96px;position:absolute;left:0px;top:0;z-index:1; font-size:70%;overflow:hidden;display:block;margin:0;padding:0}
p.head-logo span{cursor:pointer;background:url("images/head-logo.png") no-repeat;z-index:2}

/* Menu head-nav */
#head-nav{top:27px;right:15px;position:absolute}
#head-nav ul{margin:0;padding:0}
#head-nav li{display:inline;float:left;list-style:none;font-size:110%;padding:0 20px;line-height:40px}
#head-nav a,#head-nav strong{height:40px; line-height:40px;
display:inline;float:left;padding:0;font-weight:normal;text-shadow: 1px 1px 0 #70614f}
#head-nav a:link,#head-nav a:visited{
color:#fff;text-decoration:none}
#head-nav a:hover, #head-nav strong{
color:#d59008}

/* aktivni sekce */
#head-nav li.vybrana{
background:url("images/li-l.gif") no-repeat;padding:0 13px;margin:0}
#head-nav li.vybrana strong{height:40px;background:url("images/li-bg.gif") repeat-x left top;
line-height:40px;padding:0 10px;color:#fff;text-decoration:none}
#head-nav li.vybrana span{background:url("images/li-r.gif") no-repeat center left;
width:13px;height:40px;float:left}
	
/* head slideshow */
#head-slideshow{width:972px; height:249px; background:url("images/head-slideshow.png") no-repeat}

/* content*/
#content-in{background:url("images/foot-top-bg.png") repeat-x left bottom}
#content{width:970px;text-align:left;margin:0 auto 10px;position:relative; background:#fff; border:1px solid #bad9ca;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#text{min-height:400px;height:400px}
#content>#text{height:auto}
#obsah, #in, #box, #blok{margin:0;padding:0;position:relative;overflow:hidden;}

/* blok deleny na dva */
#in{width:715px;float:left;padding:10px 0;background:#fff}
#box{width:255px;float:right}

/* paticka */
#foot-top{background:url("images/foot-top-bg.png") repeat-x left bottom;clear:both; overflow:hidden;}
#foot-top-in{width:972px;margin:0 auto}
	
#foot-levy-sloupec{width:605px;float:left}
#foot-pravy-sloupec{width:365px;float:right}

#foot{height:50px;background:url("images/foot-bg.gif") repeat-x left bottom;clear:both}
#foot-in{width:972px;height:50px;margin:0 auto}
#foot p{margin:0px 15px;padding:18px 0 0 0;font-size:100%;color:#313131}

#foot a:link, #foot a:visited{color:#313131}
#foot a:hover{color:#000}
#foot a.vstup:link, #foot a.vstup:visited{color:#313131;text-decoration:none}
#foot a.vstup:hover{color:#313131}

#foot #foot-levy-sloupec{width:605px;float:left}
#foot #foot-pravy-sloupec{width:365px;float:right;text-align:right}



/* panely */
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10{
width:265px;overflow:hidden}
span.top{width:263px;height:30px;overflow:hidden;display:block;margin:0;
padding:5px 0 0 0px;font-size:140%;font-weight:bold;color:#fff;text-align:center;background:url("images/panel-top.gif") no-repeat;
border:1px solid #7e5101;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
span.top strong{background:url("images/panel-strong.gif") repeat-x; padding:0 5px}
.obal{width:227px;margin:0 3px;padding:10px 15px;color:#000;position:relative;overflow:hidden;font-size:100%;background:#fdf2dd;border-left:1px solid #7e5101;border-right:1px solid #7e5101}
span.bottom{width:257px;height:0;margin:0 3px;background:#fdf2dd;overflow:hidden;display:block;position:relative}

/* H1 */
#in h1{margin:0;padding:5px 15px 0;font-size:130%;color:#000;clear:both}

/* Odstavce */
#in p{text-align:justify;padding:5px 15px;margin:0;font-size:110%}

/* Odkazy */
a:link{color:#946300}
a:visited{color:#019750}
a:hover{color:#000}
a:active {color:#ccc}
#box a:link, #blok a:link{color:#c69133}
#box a:visited, #blok a:visited{color:#201a08}
#box a:hover, #blok a:hover{color:#000}

/* ikony u souboru */
.doc, .docx{background:url("obrazy/ikony/doc.gif")}
.php{background:url("obrazy/ikony/page.gif")} 
.pdf{background:url("obrazy/ikony/pdf.gif")}
.xls, .xlsx{background:url("obrazy/ikony/xls.gif")} 
.avi{background:url("obrazy/ikony/avi.gif")}
.mp3{background:url("obrazy/ikony/mp3.gif")} 
.png{background:url("obrazy/ikony/png.gif")}
.ppt{background:url("obrazy/ikony/ppt.gif")} 
.doc, .php, .pdf, .xls, .avi, .mp3, .png, .ppt, .xlsx, .docx{
padding:2px 6px 2px 22px;margin-left:3px;background-repeat:no-repeat;background-position:center left}

.noborder a:link img{border:none}
.noborder a:visited img{border:none}
.noborder a:hover img{border:none}
.noborder a:active img{border:none}
/* odkazy - img */
a:link img{border:1px solid #ccc}
a:visited img{border:1px solid #eee}
a:hover img{border:1px solid #ccc}
a:active img{border:1px solid #7e5101}
.noborder a:link img{border:none}
.noborder a:visited img{border:none}
.noborder a:hover img{border:none}
.noborder a:active img{border:none}

/* img */
div.imgd p, div.imgdl p, div.imgdr p{text-align:center!important;font-size:95%;font-weight:bold;padding:0;margin:0}
.imgd, img{margin:5px auto 5px auto;clear:both;display:block;padding:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.imgd{_width:100%!important}
.img-left, .imgdl{float:left;margin:10px 10px 5px 15px;clear:none}
.img-right, .imgdr{float:right;margin:10px 20px 5px 10px;clear:none}
.nookraj{margin:0 5px 0 0;float:left} /* uredni desky, rozpocet...*/

#in .text-clanku .imgd p{text-align:center}

/* TINY */
/* Nadpisy */
#in h2{padding:10px 15px 0;margin:0;clear:both;font-size:130%;color:#019d54;}
#in h3{padding:10px 15px 0;margin:0;clear:both;font-size:115%;color:#019d54;}
#in h4{padding:10px 15px 0;margin:0;clear:both;font-size:100%;color:#019d54;}
#in h5{padding:10px 15px 0;margin:0;clear:both;font-size:95%;color:#019d54;}
#in h6{padding:10px 15px 0;margin:0;clear:both;font-size:90%;color:#019d54;}
#in strong{color:#019d54}
/* Citace */
#in blockquote{margin:15px 0 0}
#in blockquote p{padding:5px;clear:both;overflow:hidden;color:#784e04;font-weight:bold;text-align:center;font-size:130%}
/* Seznamy */
#in ul{margin:7px 15px;padding:0 0 0 5px;line-height:1.5}
#in ul li{display:inline-block;list-style:none;background:url("obrazy/ikony-seznamy/kolecko-zelena-tmave.png") no-repeat 0 0.35em;padding:0 1.5em}
#in ul>li{display:block;background-position:0 0.3em}
#in ul li ul{margin:0;padding:0}
#in ul li ul li{margin:0;padding:0 20px}
#in ol{margin:0;padding:5px 0 5px 40px}
/* Tabulky */
#in table{clear:both;width:670px;border-collapse:separate;font-size:100%;margin:5px 20px;border:4px double #bbb;}
#in th, #in td{color:#000;padding:2px 3px;border:1px solid#eee;vertical-align:top;text-align:left}
#in th p, #in td p{margin:0;padding:0} /* zruseni okraju pri vkladani z wordu. vklada to do p */
#in th{background:#eee}
#in td{background:#fff}
#in td.zarovnaniright{text-align:right}
#in table.auto{width:auto}
#in table.normal{border:1px solid #000}
#in table.normal th{background:#fff}
#in table.normal td{background:#fff}
#in .tabulka-bez-ramecku{border:0}
#in .tabulka-bez-ramecku th, #in .tabulka-bez-ramecku td{border:0;background:#fff;margin:0;padding:3px}
#in .tabulka-bez-ramecku img{margin:0;padding:0}
#in table.polovina td{width:50%}
#in table.tretina td{width:33%}
#in table.ctvrtina td{width:25%}
#in table.tleft{float:left;width:45%!important;clear:none}
#in table.tright{float:right;width:45%!important;clear:none}
#in table strong{font-size:110%}
#in hr{margin:5px 20px;color:#fff;background-color:#fff;border:0;height:1px;clear:both}

/* MODULY */
/* Google mapa */
div.googlemapa{margin:20px 35px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;clear:both}
div.zar-vpravo{float:right}

/* fotogalerie */
.galerie-obal{margin:25px;text-align:center;line-height:1}
.galerie-obal img{padding:0;margin:0;display:none}
.galerie-obal .foto-odkaz{float:left;margin:5px;background:no-repeat center center}

#in .foto-nahled{margin:8px;float:left;border:1px solid #d1b37e;/*height:180px;
_height:190px;  50px na popisek */ display:block;background:#faf1e1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#in .foto-nahled strong{display:none}
#in .foto-nahled a:link, #in .foto-nahled a:visited{color:#3493e8;border:1px solid #fff;text-decoration:none}
#in .foto-nahled a:hover{color:#fff;border:1px solid #ccc}
#in p.odkaz-zpet{text-align:center;clear:both;padding:10px 0}
#in p.odkaz-zpet a{background:#e3000f;border:0;padding:5px 10px;color:#fff;font-size:120%;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:5px;font-weight:bold;text-decoration:none}
#in p.odkaz-zpet a:hover{background:#2dda16;cursor:pointer;color:#000}
/* fotokolekce cely blok */
#fk-obal{margin:12px;text-align:center;line-height:1.2;font-weight:bold;font-size:85%}

/* dana fotokolekce */
.fk-nahled{float:left;margin:10px;width:190px;height:200px;background:#fff;
border-bottom:2px solid #fff;position:relative}
.fk-nahled p{position:absolute;top:260px;width:240px;padding:0;margin:0}
.fk-nahled p a{display:block;color:#fff}
.fk-nahled p a:hover{color:#6ac63b}

/* textovy seznam*/
#in .fotokolekce-seznam li{text-align:left;font-size:140%;line-height:1.5;background:url("obrazy/ikony/photos.png") no-repeat left center;padding:3px 0 3px 20px}
.fotokolekce-seznam li span{font-size:90%;color:#fff;margin-left:5px;font-weight:normal;background:url("obrazy/ikony/date.png") no-repeat left center;padding:3px 0 3px 20px}

/* Reklamni slideshow */
#slideshow{position:absolute;top:124px;left:98px;z-index:10;width:766px}
/* obal slideshow vcetne sipek */
#flow{}
/* DIV, ktery obsahuje (jeden!) div.items, jehoz DIVy jsou jiz polozkami slideshow  */
/* WIDTH musi odpovidat sirce obrazku, ktery je pouzit jako "obsah" */
#flowpanes{position:relative;overflow:hidden;width:766px;height:193px;background:#FFF}
/* DIV obalujici jiz primo polozky slideshow */
#flowpanes .items{width:2000em;position:absolute;clear:both}
/* polozka slideshow */
#flowpanes div{float:left;width:766px;cursor: auto}
/* znulovani obrazku */
#flowpanes img{margin:0;padding:0} 

/* leva prava navigace*/
div#levasipka, div#pravasipka{width:47px;height:85px;margin-top:55px;position:absolute;z-index:100;display:block}
div#levasipka{top:0;left:-50px;background:none no-repeat left center}
div#pravasipka{top:0;right:-50px;background:none no-repeat left center}
div#levasipka:hover, div#pravasipka:hover{background-position:right center}
a.prev, a.next{display:block;cursor:pointer;width:100px;_width:47px;height:160px;_height:55px;text-indent:-2000px;position:relative;top:-30px} /* vetsi vyber */


/* nadpisy */
ul#flowtabs{margin:0;padding:0;background:#000;width:766px;border-top:1px solid #fff;height:20px;display:none}
ul#flowtabs li{float:left;background:none;border-left:1px solid #a8a8a8;list-style:none;height:100%}
ul#flowtabs li#li1{border-left:none}
ul#flowtabs li a:link, ul#flowtabs li a:visited{color:#fff;text-decoration:none;font-size:85%;_font-size:11px;padding:5px 16px 0}
ul#flowtabs a:link img, ul#flowtabs a:visited img, ul#flowtabs a:hover img, ul#flowtabs a:active img{border:0!important}

/* aktivni "odkaz" v zalozkach dostane tridu "current" */
ul#flowtabs a.current{color:#ffd006!important}
ul#flowtabs a:hover{color:#ffd006!important}
/* zruseni ramecku pri najeti na obrazek */
#flowpanes a:link img, #flowpanes a:visited img, #flowpanes a:hover img, #flowpanes a:active img{border:0}

/* 20 INFOBOXY */
.infobox img{margin:0; padding:0}

#box #sluzby{width:234px;margin:13px 10px; background:#028d4b; border:1px solid #3eaf61;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#box #sluzby span.itop{ display:none}
#box #sluzby .iobal{background:none; border:0; padding:0; margin:0;}
#box #sluzby .iobal strong{margin:0; padding:0px 5px 0px 15px; color:#fff; font-size:120%;text-shadow: 1px 1px 0 #70614f}
#box #sluzby .iobal ul{margin:0; padding:0px 10px 15px 17px; color:#fff}
#box #sluzby .iobal li{margin:0 0 0 0px; padding:0 0 0 10px; 
background:url("obrazy/ikony-seznamy/ctverecek-zelena-tmave.png") no-repeat left 40%; list-style:none}

#box #poptavka{width:234px;margin:10px; background:#ac8d00; border:1px solid #6e5000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#box #poptavka:hover{background:#028d4b; border:1px solid #3eaf61; cursor:hand}
#box #poptavka span.itop{ display:none}
#box #poptavka .iobal{background:none; border:0; padding:0 5px; margin:0}
#box #poptavka .iobal p {margin:0 10px; padding:10px 5px 10px 50px; color:#fff; font-size:120%;background:url("obrazy/ikony-ostatni/stranka.png") no-repeat left center;}
#box #poptavka .iobal ul{margin:0; padding:0px 10px 5px 30px; color:#fff}
#box #poptavka a:link, #box #poptavka a:visited{color:#fff; text-decoration:none}

#in #duvody{width:445px;margin:5px 10px 10px 15px; background:#f8eecf; border:1px solid #ceba84;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float:left}
#in #duvody span.itop{ display:none}
#in #duvody .iobal{background:none; border:0; padding:0; margin:0; color:#000; font-size:110%}
#in #duvody .iobal p {margin:0 10px; padding:10px 5px}
#in #duvody .iobal strong{color:#946300}
#in #duvody .iobal ul{margin:0; padding:5px 10px 5px 15px}
#in #duvody .iobal li{font-weight:bold;margin:0 0 0 15px; padding:0 0 0 20px; line-height:2.35;background:url("obrazy/ikony-seznamy/ctverec-sipka-zelena-tmave.png") no-repeat left center}
#in #duvody .iobal li em{color:#000; font-style:normal}
#in #duvody a:link, #in #duvody a:visited{color:#fff; text-decoration:none} 

#in #duvody h2{text-shadow: 1px 1px 0 #70614f;background:url("images/nadpis-podbarveni.png") no-repeat 0 center; color:#fff; margin:10px -1px 0 10px; padding:5px 0 5px 20px; font-size:110%}

#box #historie{width:234px;margin:13px 10px; background:#028d4b; border:1px solid #3eaf61;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#box #historie span.itop{ display:none}
#box #historie .iobal{background:none; border:0; padding:0 15px; margin:0; color:#fff}
#box #historie .iobal strong{margin:0; padding:0px 5px 0px px; color:#fff; font-size:120%;text-shadow: 1px 1px 0 #70614f}
#box #historie .iobal ul{margin:0; padding:0px 10px 15px 17px; color:#fff}
#box #historie .iobal li{margin:0 0 0 0px; padding:0 0 0 10px; 
background:url("obrazy/ikony-seznamy/ctverecek-zelena-tmave.png") no-repeat left 40%; list-style:none}

#in #kontakt{width:220px;margin:5px 10px 10px 10px; background:#f8eecf; border:1px solid #ceba84;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float:right}
#in #kontakt span.itop{ display:none}
#in #kontakt .iobal{background:none; border:0; padding:0; margin:0; color:#000; font-size:100%}
#in #kontakt .iobal p {margin:0 10px; padding:10px 5px}
#in #kontakt .iobal strong{color:#946300}
#in #kontakt .iobal ul{margin:0; padding:5px 10px 5px 15px}
#in #kontakt .iobal li{font-weight:bold;margin:0 0 0 15px; padding:0; line-height:2}
#in #kontakt .iobal li em{color:#000; font-style:normal}
#in #kontakt a:link, #in #kontakt a:visited{color:#946300} 

#in #kontakt h2{text-shadow: 1px 1px 0 #70614f;background:url("images/nadpis-podbarveni.png") no-repeat 0 center; color:#fff; margin:10px -1px 0 10px; padding:5px 0 5px 20px; font-size:110%}

#foot-top #klienti{width:603px;margin:10px 0; background:#f8eecf; border:1px solid #ceba84;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float:right}
#foot-top #klienti span.itop{ display:none}
#foot-top #klienti .iobal{background:none; border:0; padding:0; margin:0; color:#000; font-size:100%}
#foot-top #klienti .iobal p {margin:0 10px; padding:10px 5px}
#foot-top #klienti .iobal strong{color:#946300}
#foot-top #klienti .iobal ul{margin:0; padding:5px 10px 5px 15px}
#foot-top #klienti .iobal li{font-weight:bold;margin:0 0 0 15px; padding:0; line-height:2}
#foot-top #klienti .iobal li em{color:#000; font-style:normal}
#foot-top #klienti a:link, #foot-top #klienti a:visited{color:#946300} 

#foot-top #klienti h2{text-shadow: 1px 1px 0 #70614f;background:url("images/nadpis-podbarveni.png") no-repeat 0 center; color:#fff; margin:10px -1px 0 10px; padding:5px 0 5px 20px; font-size:110%}

#foot-top #kontakt2{width:345px;margin:10px 0px; background:#f8eecf; border:1px solid #ceba84;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; float:right}
#foot-top #kontakt2 span.itop{ display:none}
#foot-top #kontakt2 .iobal{background:none; border:0; padding:0; margin:0; color:#000; font-size:100%}
#foot-top #kontakt2 .iobal p {margin:0 10px; padding:10px 5px}
#foot-top #kontakt2 .iobal strong{color:#946300}
#foot-top #kontakt2 .iobal ul{margin:0; padding:5px 10px 5px 15px}
#foot-top #kontakt2 .iobal li{font-weight:bold;margin:0 0 0 15px; padding:0; line-height:2}
#foot-top #kontakt2 .iobal li em{color:#000; font-style:normal}
#foot-top #kontakt2 a:link, #foot-top #kontakt2 a:visited{color:#946300} 

#foot-top #kontakt2 h2{text-shadow: 1px 1px 0 #70614f;background:url("images/nadpis-podbarveni.png") no-repeat 0 center; color:#fff; margin:10px -1px 0 10px; padding:5px 0 5px 20px; font-size:110%}
