html, body{height:100%}
body{font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
background:none;
color:#000;font-size:small;text-align:center;line-height:1.4;margin:0;padding:0}
.noscreen{width:250px;position:absolute;left:0;top:-2000px}
.end{clear:both;line-height:1px;font-size:1px;height:1px;display:block;visibility:hidden}
.none{display:none}
/* layout */
#main{margin:0 auto;text-align:left;position:relative;
min-height:100%;height:100%}
body>#main{height:auto}  

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

/* head nav*/

#head-nav{position:absolute;bottom:0px;right:0px}
#head-nav ul{margin:0;padding:0}
#head-nav li{position:relative;padding:0;list-style:none;margin:0;float:left;height:64px;width:182px;text-align:center}
#head-nav li a{display:block;color:#000;text-decoration:none;width:182px;height:64px;line-height:64px; text-indent:-5000px}
#head-nav li a:link, #head-nav li a:visited{}
#head-nav a:hover, #head-nav li strong{color:#000;display:block}
/* aktivni sekce v detailu */
.box-nav li.vybrana a, .box-nav li ul li.vybrana{padding:0!important;background:none!important;border:none!important;margin:0!important}

#head-nav li#menu1-pol-vn0-1 a:hover, #head-nav li#menu1-pol-vn0-1 strong{background:url("../css/images/nav-uvod.gif") no-repeat}
#head-nav li#menu1-pol-vn0-2 a:hover, #head-nav li#menu1-pol-vn0-2 strong{background:url("../css/images/nav-reference.gif") no-repeat}
#head-nav li#menu1-pol-vn0-3 a:hover, #head-nav li#menu1-pol-vn0-3 strong{background:url("../css/images/nav-cenik.gif") no-repeat}
#head-nav li#menu1-pol-vn0-4 a:hover, #head-nav li#menu1-pol-vn0-4 strong{background:url("../css/images/nav-kontakt.gif") no-repeat}

/* aktivni sekce */
#head-nav li.vybrana a{margin:0!important;padding:0!important;background:none!important;border:none!important}

#head2{margin:0 auto;width:970px;height:129px;position:relative;
background:url("../css/images/head-bottom.gif") no-repeat}
	
/* content*/
#content{text-align:left;margin:0 auto;width:970px}
#text{min-height:400px;height:400px}
#content>#text{height:auto}

#obsah, #in, #box, #blok{margin:0;padding:0;position:relative;overflow:hidden}
/* 1 sloupec */
#obsah{width:970px;float:left}

/* blok deleny na dva */
/* 2 sloupce */
#in{width:970px; padding-bottom:60px}
#box{float:right;width:305px}

/* paticka */
#bg-foot{width:100%;height:49px;background:url("../css/images/foot-bg.gif") repeat-x;
overflow:hidden;position:absolute; /* paticka dole*/ bottom:0;left:0;}
#foot{width:970px;margin:0 auto;height:49px}


/* h1 */
#in h1{padding:10px 0 0px 10px;font-size:135%;color:#000;clear:both;display:none}

/* p */
#in p{text-align:justify;padding:5px 10px;margin:0 110px;color:#666; font-size:110%}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}

/* odkazy */
a:link{color:#899b29;font-weight:bold}
a:visited{color:#899b29}
a:hover{color:#000}
a:active{color:#ccc}
#box a:link, #blok a:link{color:#fff}
#box a:visited, #blok a:visited{color:#fff}
#box a:hover, #blok a:hover{color:#ccc}
#foot a:link, #foot a:visited{color:#fff;text-decoration:none;font-weight:normal}
#foot a:hover{color:#dc7a22}
#foot a.vstup:link, #foot a.vstup:visited{color:#fff;text-decoration:none}
#foot a.vstup:hover{color:#fff}

/* ikony u souboru */
.doc{background:url("obrazy/ikony/doc.gif")}
.php{background:url("obrazy/ikony/page.gif")} 
.pdf{background:url("obrazy/ikony/pdf.gif")}
.xls{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{
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 #91cc3a}
a:visited img{border:1px solid #000}
a:hover img{border:1px solid #ccc}
a:active img{border:1px solid #fff}
.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}
.imgd{_width:100%!important}
.img-left, .imgdl{float:left;margin:5px 5px 5px 25px;clear:none}
.img-right, .imgdr{float:right;margin:5px 15px 5px 5px;clear:none}
.nookraj{margin:0 5px 0 0;float:left} /* uredni desky, rozpocet...*/

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

/* TINY */
#in h2{margin:10px 10px;padding:10px 0;clear:both;font-size:110%;color:#616161;background:url("../css/images/h2.gif") repeat-x 0 0.6em;text-align:center}
#in h2 span{background:#fff; padding:0 20px}
#in h3{margin:30px 50px 10px 50px;padding:10px 0;clear:both;font-size:110%;color:#000;background:url("../css/images/h3.gif") no-repeat 0 0.6em; text-align:left; padding-left:50px}
#in h4{color:#34b8e0;font-size:130%;margin:0;padding:0}
#in h5{font-size:100%;margin:0;padding:0}
#in h6{font-size:90%;margin:0;padding:0}

#in strong{color:#d6372b}

#in blockquote{margin:10px 10px}
#in blockquote p{color:#000;margin:0 20px}

#in ul{padding:0 0 0 15px;font-size:100%;margin:0 100px}
#in ul li{display:inline-block;list-style:none;background:url("../css/images/odrazka.gif") no-repeat 0 0.45em;padding:0 1em}
#in ul>li{display:block;background-position:0 0.4em}
#in ul li ul{margin:0;padding:0}
#in ul li ul li{padding:0 12px;margin:0}
#in ol{margin:5px 0 5px 42px;padding:0 0 0 5px}

#in table{clear:both;width:94%;border-collapse:collapse;font-size:100%;margin:5px}
#in th, #in td{color:#000;padding:2px 10px;border:1px solid #ccc;vertical-align:top}
#in th p, #in td p{margin:0;padding:0} /* zruseni okraju pri vkladani z wordu. vklada to do p */
#in th{}
#in td{}
#in td.zarovnaniright{text-align:right}
#in table.auto{width:auto}
#in table.normal{border:1px solid #000}
#in table.normal th{}
#in table.normal td{}
#in .tabulka-bez-ramecku{border:0}
#in .tabulka-bez-ramecku th, #in .tabulka-bez-ramecku td{border:0;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}

/* speciality webu */

/* paticka text */
#foot p{margin:0;padding:0;font-size:90%;color:#fff}
#foot-levy-sloupec{width:660px;float:left}
#foot-pravy-sloupec{width:300px;float:right}
#foot-levy-sloupec p{position:relative;top:25px;left:10px}
#foot-pravy-sloupec p{position:relative;top:40px;left:25px}

/* webove reference */
div.webreference{width:300px;float:left;height:290px;margin:10px 2px 20px 16px;_margin:10px 2px 20px 10px;position:relative}

div.webreference img{ background:#f7f7f7;border:1px solid #e1e1e1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px;margin:5px 0 0}
div.webreference a:link, div.webreference a:visited{color:#36bfe8}
#in div.webreference p{margin:0;padding:0;font-size:100%}
#in div.webreference p.webjmeno a:link, #in div.webreference p.webjmeno a:visited{color:#d6372b;text-decoration:none}
#in div.webreference p.webodkaz{text-align:center} 
#in div.webreference p.webtyp{position:absolute;top:0px;right:0}
#in div.webreference p.webtyp a:link{color:#616161}
#in div.webreference p.webtyp a:visited{color:#d6372b}

/* Kontakt lide */
#in h2#skupina1h2{display:none}
#in ul.lide{width:100%;margin:5px 0 0 10px;padding:0}
#in .lide li, #in div.lide{padding:0px;margin:0 10px 10px 0;background:none;width:300px;display:block;float:left; height:185px;border:0px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#in .lide img{float:right;margin:5px 5px 5px 0;border-width:1px;border-style:solid;border-left-color:#ccc;border-top-color:#ccc;border-right-color:#666;border-bottom-color:#666}
#in .lide h4, #in .lide p{margin:10px 0 0 10px;padding:0;text-align:left}
#in .lide p{font-size:85%}
#in .lide p img{margin:0 5px 0 0;padding:0 5px 0 0}
#in .lide p.pozice{margin:0 0 5px 10px;padding:0}
#in .lide h4{margin:10px 0 5px 10px;padding:0 0 0 20px;font-size:110%}
#in .lide p.ico-mobil, #in .lide p.ico-fax, #in .lide p.ico-email, #in .lide p.ico-icq{margin:0 0 5px 10px;padding:0 0 0 25px;font-size:100%}
#in .lide h4{background:url("../css/obrazy/ikony/user.png") no-repeat left center}
#in .lide p.ico-mobil{background:url("../css/obrazy/ikony/phone.png") no-repeat left top}
#in .lide p.ico-fax{background:url("../css/obrazy/ikony/printer.png") no-repeat left center}
#in .lide p.ico-email{background:url("../css/obrazy/ikony/email.png") no-repeat left center}

#in .lide img.icqstav{float:left;border:0}
#in .lide p.ico-icq{padding:0}