*{margin:0;padding:0;}
body{
font-family: Arial, Helvetica, sans-serif;
background:#e3e9f0 url("../css/obrazy/bg-body.gif") repeat-x 0 0;
color:#000;
font-size:x-small;
text-align:center;
line-height:1.4}
html>body{
font-size:small}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#roh{
z-index:50;
position:absolute;
left:0;
top:0;
width:116px;
height:105px;
background:url("../css/obrazy/roh.gif") no-repeat left top;}
#main{
width:720px;
margin:0 auto;
text-align:left;
position:relative;}
#head{
height:207px;
background:url("../css/obrazy/head.jpg") no-repeat right top;
position:relative}
h4, h4 span{
width:269px;
height:207px;
overflow:hidden;
font-size:110%;
position:absolute;
left:0;
top:0;
z-index:1;
cursor:pointer}
h4 span{
display:block;
background:url("../css/obrazy/h4.gif") no-repeat;
z-index:2;
left:0}
#tel{
position:absolute;
left:55px;
bottom:2px;
z-index:5;
font-size:120%;
font-weight:bold;}
#content{
width:720px;
margin:0 auto;
text-align:left;
background:#e3e9f0}
#text{
min-height:400px;
height:400px}
#content>#text{height:auto}
#box{
overflow:hidden;
float:left;
width:255px;
padding:10px 4px 10px 0px}
#text>#box{width:251px}
#in{
float:right;
width:445px;
padding:10px 5px 10px 0px;
color:#000;
position:relative}
#text>#in{width:440px}
#foot{
border-top:3px solid #6d6d6d;
height:30px;
width:720px;
margin:0 auto;
overflow:hidden;}
/* menu */
#nav{ 
position:absolute;
bottom:-4px;
left:270px;}
#nav ul{
display:inline;}
#nav li {
font-weight:bold;
font-size:100%; 
display:inline;
list-style:none;
float:left;}
#nav li a, #nav li strong{
display:block;
padding:1px 15px 5px 15px;}
#nav li a:link, #nav li a:visited{
text-decoration:none;
color:#2989c0;}
#nav li strong, #nav li a:hover{
color:#c02954;
background:url("../css/obrazy/li-strong.gif") no-repeat 50% 100%;}
#nav li a:hover{background:none}






/* text */
#in h1{
background:url("../css/obrazy/h1.gif") no-repeat left center;
padding:10px 0 10px 25px;
font-size:130%;
clear:both;
color:#000;}
/* 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:#000;
padding:5px 5px 0 5px;}
#copyright{
text-align:right;}
/* links */
a:link{color:#254373}
a:visited{color:#04aee1}
a:hover{color:#d6372b}
a:active{color:#ccc}
#foot a:link, #foot a:visited{color:#000}
#foot a:hover{color:#d6372b}
/* img */
a:link img {border-width:3px 1px 3px 1px; border-style:solid; border-color:#bfbfbf}
a:visited img{border-width:3px 1px 3px 1px; border-style:solid; border-color:#fff}
a:hover img{border-width:3px 1px 3px 1px; border-style:solid; border-color:#000}
a:active img{border-width:3px 1px 3px 1px; border-style:solid; border-color:#bfbfbf}
/* img */
.imgd,img{
text-align:center;
margin:10px auto;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:5px 9px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:5px 9px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
/* TEXY */
#in h2{
background:url("../css/obrazy/h1.gif") no-repeat left center;
padding:8px 0 8px 25px;
font-size:115%;
clear:both;
color:#000;}
#in h3{
border-bottom:none;
padding:5px 0 0 0;
margin:0;
clear:both;
font-size:100%;
color:#652606;}
#in strong{color:#000;}
#in strong em{color:#cb1f3f; font-style:normal}
#in em{color:#000;}
#in blockquote p{
padding:10px 5px 10px 5px;
clear:both;
font-weight:bold;
overflow:hidden;
color:#652606;
text-align:center;
font-size:115%;}
#in blockquote strong{color:#000;}
#in dt{
font-weight:bold;
font-size:110%;
color:#652606;
margin-top:10px;}
#in dd{
padding-bottom:2px}
#in dd strong{
font-weight:bold;
color:#000}
#in ul, #box ul{
line-height:1.5;
margin:0px 15px 5px 15px;
padding:0 0 0 0}
#in ul li, #box ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/obrazy/bullet.gif") no-repeat 0em 0.75em; 
padding:0.2em 1em}
#box ul li{background:url("../css/obrazy/bullet-box.gif") no-repeat 0em 0.75em;}
#in ul>li, #box ul>li {
display:block;
background-position: 0em 0.45em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 30px; margin:0;}
#in ol{
margin-left:20px;
padding:5px 0 5px 5px}
#in table{
width:100%;
border-collapse:collapse;
font-size:100%;
margin:10px 0px 2px 0;
border:3px double #652606;}
#in th, #in td{
color:#000;
border:1px solid #652606;
padding:3px 10px;
text-align:left}
#in td{background:#fff}
#in th{background:#fff;}
#in table.auto{
width:auto;}
#in table.normal{
border:1px solid #000;}
#in table.normal th{background:#ffebd4;}
#in table.normal td{background:#ffebd4;}
#in .nobordertable th, #in .nobordertable td{
border:0; background:#e3e9f0;margin:0; padding:2px}
#in .nobordertable img{margin:2px; padding:0}
#in .nobordertable {border:0;}
#in hr{
margin:10px 0;
color:#000;
background-color:#000;
border:0;
height:1px;
clear:both}

/* box - boxy */
.boxy{
margin:10px 0;
padding:0;
width:251px;
overflow:hidden;
background:url("../css/obrazy/box-bg.gif") top left repeat-y;}
.boxy .obal-proc{
padding:40px 0px 0px 0;
background:url("../css/obrazy/proc.gif") top left no-repeat;}
.boxy .obal-kde{
padding:40px 0px 0px 0;
margin:0;
background:url("../css/obrazy/kde.gif") top left no-repeat;}
.boxy .obal-seznam{
padding:40px 0px 0px 0;
background:url("../css/obrazy/seznam.gif") top left no-repeat;}
.boxy .obal-sit{
padding:40px 0px 0px 0;
background:url("../css/obrazy/sit.gif") top left no-repeat;}
.boxy span{
width:251px;
height:0px;
line-height:0px;
border-bottom:3px solid #bfbfbf;
display:block;
overflow:hidden;}

.boxy p{padding:0px 10px 5px 15px;}
.boxy img{margin:0; padding:0}
.boxy table{padding:0px 5px 10px 17px; margin:0; overflow:hidden}
.boxy table td{padding:4px 6px;_padding:4px 9px; margin:0; _font-size:90%}
.boxy table img{margin:0 2px; padding:0; border:1px solid #999}

/* formular */
/* formular */
#in form.napistenam{width:auto;padding:10px 0}
#in form.napistenam p{color:#000}
#in form.napistenam fieldset{width:100%;border:none}
#in form.napistenam label{display:block;white-space:nowrap}
#in form.napistenam label.cervene{font-weight:bold;color:#000}
#in form.napistenam input, #in form.napistenam textarea{
margin:2px 0 7px 0;width:350px;border:1px solid #85c1fa;background:#e7f1fb}

#in form.napistenam table{border:0}
#in form.napistenam td{border:none;background:none}
#in form.napistenam td.button{text-align:left}
#in form.napistenam td.button input{color:#fff;background:#1a42a2;width:120px;padding:3px;margin:0;cursor:pointer;border:0;font-weight:bold}
#in form.napistenam td.button input:hover{color:#fff;background:#000}
#in form.napistenam td.button input:active{background:#620016;color:#fff}
#in form.napistenam td.button p{margin:0;padding:0}

#in blockquote.neodeslano p, #in blockquote.odeslano p{color:#f00;font-size:130%}

a.vstup{text-decoration:none}