*{margin:0;padding:0}
body{font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
background:#3061ad url("../css/images/body-bg.jpg") repeat-x;
color:#000;font-size:small;text-align:center;line-height:1.4}
.noscreen{width:250px;position:absolute;left:0;top:-1000px}
.end{clear:both;line-height:1px;font-size:1px;height:1px;display:block;visibility:hidden}

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

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

/* menu head */
#head-nav ul#menu1{margin:0;padding:0;position:absolute;right:0;bottom:0px;height:38px}
#head-nav li{height:38px;background:url("../css/images/head-nav.gif") no-repeat;
text-align:center;width:150px;list-style:none;display:inline;float:left}
#head-nav li a, #head-nav li strong{font-weight:bold;font-size:120%;display:block;
padding:8px 0 0 0;text-decoration:none}
#head-nav li a:link, #head-nav li a:visited{color:#000;display:block}
#head-nav li a:hover, #head-nav li strong{display:block;height:38px;font-size:120%;padding:8px 0 0 0;
color:#1e4076}
#head-nav li strong{font-weight:normal}

#head-nav li.prvni{width:192px;background:url("../css/images/head-nav-prvni.gif") no-repeat}
#head-nav li.prvni a, #head-nav li.prvni a:hover, #head-nav li.prvni strong{padding-left:20px}

#head-nav li.vybrana a, #head-nav li ul li.vybrana {padding:0!important;background:none!important;border:none!important;margin:0!important}

/* menu katalog */
#panel1 ul.menu{width:290px;margin:10px 0;padding:0}
#panel1 ul.menu li{padding:0 5px 0 0;font-size:100%;list-style:none;
background:url("../css/images/katalog-li.jpg") no-repeat left bottom}
#panel1 ul.menu li a:link, #panel1 ul.menu li a:visited{
width:255px;padding:8px 0;text-decoration:none;font-weight:bold}
#panel1 ul.menu li a, #panel1 ul.menu li strong, #panel1 ul.menu li a:hover{
padding:8px 0;color:#000;display:block;text-decoration:none}
#panel1 ul.menu li strong, #panel1 ul.podmenu li strong, #panel1 ul.menu li a:hover{
color:#244a86;display:block;overflow:hidden}
/* menu 2 uroven */
#panel1 .kategorie{margin:-10px 0 0 0;padding:0;font-size:90%}
#panel1 .kategorie a{padding:0.5em 0 0.5em 1em!important;display:block;
background:url("../css/obrazy/ikony/sipka-modra-tmave-mala-plna.gif") no-repeat left center}

/* content*/
#content{background:url("../css/images/content-bg.gif") repeat-y;text-align:left;}
#text{min-height:400px;height:400px}
#content>#text{height:auto}

/* 2 sloupce */
#obsah{width:972px;overflow:hidden}

/* 1 sloupec */
#in-full{float:left;width:673px;padding:0;overflow:hidden}
#in{width:623px;padding:0px 25px 10px;background:#edeeef url("../css/images/in-bg.gif") repeat-x;color:#000}
#in-vyrobek{height:250px;padding:5px 25px;background:#2a57a0 url("../css/images/vyrobek-bg.gif") repeat-x;color:#fff;overflow:auto}
#in-vyrobek h2{font-size:120%;padding:15px 0 10px}

#in-vyrobek p.vice-info{padding:10px 10px 0 0;text-align:right}
#in-vyrobek p.vice-info a{color:#fff;padding-right:10px;
background:url("../css/obrazy/ikony/sipka-bila-mala-plna.gif") no-repeat right 60%}
#in-vyrobek p.vice-info a:hover{color:#ff4343}
/* 2 sloupec*/
#box{float:right;width:298px;overflow:hidden}
#box-in{margin:0;padding:0}
/* paticka */
#foot{margin:0 auto;width:972px;height:71px;
background:url("../css/images/foot.gif") no-repeat right top;overflow:hidden}

/* h1 */
#in h1{margin:0 0 10px 0;padding:20px 0 5px 0;font-size:120%;color:#1d3a69;
border-bottom:1px solid #fff;clear:both}

/* p */
#in p{text-align:justify;margin:8px 0}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
#foot p{font-size:95%;color:#666;text-align:center;padding:15px 0}
#box p{margin:8px 0}

/* odkazy */
a:link{color:#1d3a69; font-weight:bold}
a:visited{color:#004e8c}
a:hover{color:#ff4343}
a:active{color:#004e8c}
#box .hlavni a:link, #blok .hlavni a:link{color:#fff}
#box .hlavni a:visited, #blok .hlavni a:visited{color:#fff}
#box .hlavni a:hover, #blok .hlavni a:hover{color:#ccc}
#foot a:link, #foot a:visited{color:#999;font-weight:normal}
#foot a:hover{color:#000}
#foot a.vstup:link, #foot a.vstup:visited{color:#666; text-decoration:none}
#foot a.vstup:hover{color:#666}

/* ikony u souboru */
.doc{background:url("../css/obrazy/ikony/doc.gif")}
.html{background:url("../css/obrazy/ikony/page.gif")} 
.pdf{background:url("../css/obrazy/ikony/pdf.gif")}
.xls{background:url("../css/obrazy/ikony/xls.gif")} 
.avi{background:url("../css/obrazy/ikony/avi.gif")}
.mp3{background:url("../css/obrazy/ikony/mp3.gif")} 
.png{background:url("../css/obrazy/ikony/png.gif")}
.ppt{background:url("../css/obrazy/ikony/ppt.gif")} 
.doc, .html, .pdf, .xls, .avi, .mp3, .png, .ppt{
padding:0 6px 0 22px;margin-left:3px;background-repeat:no-repeat;background-position:center left}/* Pridani mezery, marginu u ikon v textu */ 

/* link - img */
a:link img{border:5px solid #264a89}
a:visited img{border:5px solid #fc0}
a:hover img{border:5px solid #000}
a:active img{border:5px solid #beddfc}
.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 */
.imgd,img{text-align:center;margin:10px auto;clear:both;display:block}
.imgd{_width:100% !important} /* IE6 */
.img-right, .imgdr{float:right;margin:8px 7px;clear:none;text-align:center}
.img-left, .imgdl{float:left;margin:8px 7px;clear:none;text-align:center}
.nookraj{margin:0 5px 0 0;float:left;} /* uredni desky, rozpocet...*/
.obal img{padding:0; margin: 8px auto!important} /* centrovani  */

/* TEXY */
#in h2{
padding:5px 2px;
border-bottom:none;
margin:4px 0;
clear:both;
font-size:110%;
color:#004e8c;}
#in h3{
text-align:left;
clear:both;
font-size:110%;
margin:4px 0;
color:#000;}

#in blockquote{
margin:15px 0;}
#in blockquote p{
padding:15px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#004e8c;
text-align:center;
font-size:130%;
background:url("../css/images/citace.gif") no-repeat center center}
#in strong em{color:#FF0000; font-style:normal}
#in ul{
margin:5px 0;
padding:0 0 0 5px}
#in ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/obrazy/ikony/sipka-modra-tmave-mala-plna.gif") no-repeat 0em 0.55em; 
padding:0 1em}
#in ul>li{
display:block;
background-position: 0em 0.5em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 10px; margin:0;}
#in ol{
margin:5px 0 5px 15px;
padding:0 0 0 5px}
#in dt{background:url("../css/obrazy/ikony/sipka-modra-tmave-mala-plna.gif") no-repeat 0em 0.55em; 
padding:0 1em; color:#004e8c; font-weight:bold}
#in dd{font-style:italic}
#in table{
clear:both;
width:100%;
border-collapse:separate;
font-size:100%;
margin:15px 0px}
#in th, #in td{
color:#000;
padding:3px 5px;
text-align:left}
#in td{background:#ccc}
#in th{background:#3061ad; color:#fff}
#in table.auto{width:auto}
#in table.normal{
border:1px solid #ccc}
#in table.normal th{}
#in table.normal td{}
#in .nobordertable th, #in .nobordertable td{
border:0;margin:0;padding:3px 5px}
#in .nobordertable img{margin:0; padding:0}
#in .nobordertable {border:0}
#in table.polovina td{width:50%}
#in table.tretina td{width:33%}
#in table.ctvrtina td{width:25%}
#in hr{margin:5px 0;color:#000;background-color:#000;border:0;height:1px;clear:both}
#in pre{width:530px;padding:5px !important;font-size:100%; 
background:#fff;overflow:auto !important;display:block}
/* speciality system */ 

/* drobeckova navigace */
#drobnav{font-size:85%;position:absolute;left:8px;top:11px;color:#004e8c}
#drobnav a{background:url("../css/obrazy/ikony/sipka-modra-tmave-mala-plna.gif") no-repeat 100% 50%;padding-right:10px;}
span.druhasipka, span.poslednisipka, .sipka{display:none}
#drobnav a.uvodni{background:none} /*na indexu*/
#drobnav a:hover{color:#000}

/* ikony drob menu  */
#drobmenu{font-size:90%;position:absolute;right:10px;top:10px}
#drobmenu a{padding:2px 10px 2px 22px;color:#e1ecff;font-weight:normal;text-decoration:none}
#drobmenu a:hover{padding:2px 10px 2px 22px;color:#fff;text-decoration:underline}
a.home{background:url("../css/obrazy/ikony/domu.gif") no-repeat left center}
a.tiskarna{background:url("../css/obrazy/ikony/tiskarna.gif") no-repeat left center}
a.mapa{background:url("../css/obrazy/ikony/mapa-webu.gif") no-repeat left center}

/* mapa stranek*/
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li{padding:5px 5px 5px 20px;line-height:1.5}
#in ul.mapa-stranek-vedlejsi li, #in ul.mapa-stranek-hlavni li{padding-top:3px;
background:url("../css/obrazy/ikony/mapa-ul.gif") no-repeat 0 8px}
#in ul.mapa-stranek-vedlejsi li ul ul, #in ul.mapa-stranek-hlavni ul ul{margin:2px 5px 5px 15px}
#in ul.mapa-stranek-vedlejsi li ul li, #in ul.mapa-stranek-hlavni li ul li{padding:0px 0 1px 20px;
background:url("../css/obrazy/ikony/mapa-li.gif") no-repeat 0 0}
#in ul.mapa-stranek-vedlejsi li.last, #in ul.mapa-stranek-hlavni li.last{
background:url("../css/obrazy/ikony/mapa-li-last.gif")}

/* panely */
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10{
width:298px;font-size:95%;color:#55442c;overflow:hidden}
#box span.top{width:298px;height:28px;overflow:hidden;display:block;
background:url("../css/images/panel-top.jpg") no-repeat}
span.nadpis{margin:0;padding:5px 0 0 15px;
font-size:130%;font-weight:bold;color:#1d3a69;text-align:left;display:block}
.obal{width:268px;margin:0;padding:10px 15px;color:#000}
#box span.bottom{width:298px;height:28px;margin-bottom:30px;overflow:hidden;display:block}

/* speciality webu */ 
/* vlajky */
#lang{text-indent:-5000px;z-index:10;position:absolute;top:3px;left:369px}
#cz, #en{position:absolute;height:20px;width:33px}
#cz{background:url("../css/images/cz.gif") no-repeat right top;left:0}
#cz:hover, span#cz{background:url("../css/images/cz.gif") no-repeat}
#en{background:url("../css/images/en.gif") no-repeat right top;left:49px}
#en:hover, span#en{background:url("../css/images/en.gif") no-repeat}
/* paticka copyright */
#foot-copy a:link, #foot-copy a:visited{color:#999;font-weight:normal}
#foot-copy a:hover{color:#000}
#foot-copy p{text-align:right;color:#ccc; margin-bottom:5px}
/* nadpis produkty */
#head-bottom-nav span.nadpis-produkty{
position:absolute;
left:673px;top:18px;margin:0;padding:5px 0 0 15px;
font-size:120%;font-weight:bold;color:#1d3a69;text-align:left; width:300px}
/* prehled kategorie */
.zbozi .nahled{display:none}
.zbozi a{line-height:3;padding-left:15px; 
background:url("../css/obrazy/ikony/sipka-modra-tmave-mala-plna.gif") no-repeat 0em 0.35em}
/* rotace produktu */
.rotace-produktu ul{margin-left:230px; font-size:100%}
.rotace-produktu p.vice-info{font-weight:bold}
.rotace-produktu img{margin:5px 10px; float:left}

/* formular */
form{margin:20px 0}
fieldset{border:1px solid #ccc;padding:10px 15px;margin-bottom:5px}
label{color:#000;font-weight:bold;margin:0;padding:0;width:300px}
legend{color:#000;font-weight:bold;border:1px solid #ccc;padding:2px 10px}
input, textarea{color:#000;width:99%}
textarea{width:400px}
.cervene{color:#000;font-weight:bold}
legend, select, input, textarea{background:#fff}
#in form.napistenam table tr, #in form.napistenam table td{}
/* tlacitko */
#in form.napistenam td.button p input{margin-left:150px}
form.napistenam{margin:20px 10px}
/* hlaska odeslani */
#in blockquote.odeslano p, #in blockquote.neodeslano p{color:#f00}

#in form.napistenam td input{width:150px}

#in form td{background:#edeeef}