*{margin:0;padding:0;}
body{
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
background:#c6c6d2 url("../css/images/bg-body.gif") repeat-x;
color:#000;
font-size:small;
text-align:center;
line-height:1.4}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main{
background:url("../css/images/bg-content.gif") repeat-y;
width:767px;
margin:0 auto;
text-align:left;
position:relative;}
#head{
width:767px;
height:119px;
overflow:hidden;
position:relative;
background:url("../css/images/head.jpg") no-repeat right top;}
#headprihlaseni{
position:absolute;
z-index:10;
top:5px;
right:1px;}
h4,h4 span{
display:block;
width:208px;
height:119px;
position:absolute;
left:0;
top:0;
z-index:1;
overflow:hidden;
font-size:110%;
cursor:hand;}
h4 span{
background:url("../css/images/h4.gif") no-repeat;
z-index:2}
#content{
width:767px;
margin:0 auto;
text-align:left;}
#text{
min-height:400px;
height:400px;}
#content>#text{height:auto}
#head-bottom{
width:559px;
height:199px;
z-index:2;
position:absolute;
top:0px;
left:0px;
background:url("../css/images/head-bottom.jpg") no-repeat;}

#box h5, #blok h5{
background:#f19239;
padding:5px 0 2px 15px;
letter-spacing:2px;
font-size:120%;
color:#fff;
font-weight:bold;}



#head-nav{
position:absolute;
top:50px;
_top:48px;
left:214px;
z-index:10;

width:553px;
border-top:2px solid #fff;
background-color:#ededf1}
#head-nav ul {
width:553px;
margin:0;
padding:0;
list-style-type:none;}
#head-nav li {
overflow:hidden;
font-size:92%;
font-weight:bold;
height:30px;
float:left;
width:79px;
white-space:nowrap;
padding:0;
margin:0;
text-align:center;}
#head-nav li a {
display:block;
padding:6px 5px;
color:black}
#head-nav li a:link, #head-nav li a:visited{

border-top:2px solid #ededf1;
text-decoration:none;}
#head-nav li a:hover {
border-top:2px solid #45455f;
background-color:#ededf1}
#head-nav li strong {
border-top:2px solid #45455f;
background:#a3a3b7 url("../css/images/head-nav-li.gif") repeat-y;
display:block;
color:#fff;
padding:6px 5px;}


#box{
overflow:hidden;
float:left;
width:208px;}
#box-nav{
width:208px;
padding:0;
margin:0;}
#box-nav ul{
font-size:95%;
border-top:1px solid #fff;
border-bottom:1px solid #fff;}
#box-nav li{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-size:100%;
list-style:none;}
#box-nav li a:link, #box-nav li a:visited{
background:#f2f2f6 url("../css/obrazy/bg-box-li.gif") repeat-y;
border-left:6px solid #ccccdd;
text-decoration:none;
font-weight:bold;
padding:5px 0 5px 20px;
color:#332467;}
#box-nav li a, #box-nav li strong, #box-nav li a:hover{
display:block;
width:100%;
padding:5px 0 5px 20px;
text-decoration:none;
background:#efeff3 url("../css/obrazy/bg-box-li.gif") repeat-y;}
#box-nav li a:hover{
border-left:6px solid #f2f2f6;
background:#fafafc url("../css/obrazy/bg-box-li.gif") repeat-y;
}
#box-nav li strong{
color:#fff;
border-left:6px solid #45455f;
background:#a3a3b7 url("../css/obrazy/bg-box-li.gif") repeat-y;
}


#in{
padding:200px 24px 10px 20px;
float:right;
margin:0;
overflow:hidden;
width:515px; 
color:#000;
position:relative;}
#foot{
height:46px;
background:#ededf1 url("../css/images/foot.gif") no-repeat;
width:767px;
overflow:hidden;}

#kontakt{
width:208px;
overflow:hidden;}
#kontakt #obal{
padding-top:19px;
background:url("../css/images/box-kontakt.gif") no-repeat;}
#kontakt span{
height:11px;
line-height:11px;
display:block;
overflow:hidden;}
#kontakt p{padding:5px 10px}


/* text */
#in h1{
background: url("../css/images/h1.gif") no-repeat left center;
padding:10px 0 10px 40px;
margin:4px 0;
clear:both;
font-size:140%;
color:#08088a;
position:absolute;
z-index:5;
left:25px;
top:135px}
/* p  */
#in p{
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:90%;
color:#000;
text-align:right;
padding:15px 15px 0 0}
#in p.border {
border:1px solid #dbdbe6;
border-left:3px solid #dbdbe6;
border-right:3px solid #dbdbe6;
background-color:#f6f6f9;
padding:5px;
margin:10px 0}
/* links */
a:link{color:#1b538d}
a:visited{color:#c70003}
a:hover{color:#000}
a:active{color:#1b538d}
#foot a:link, #foot a:visited{color:#000}
#foot a:hover{color:#c6c6d2}
#foot a.vstup:link, #foot a.vstup:visited{color:#000; text-decoration:none}
#foot a.vstup:hover{color:#000}
.doc{background:url("../css/obrazy/ikony/doc.gif") center left no-repeat}
.html{background:url("../css/obrazy/ikony/page.gif") center left no-repeat} 
.pdf{background:url("../css/obrazy/ikony/pdf.gif") center left no-repeat}
.xls{background:url("../css/obrazy/ikony/xls.gif") center left no-repeat} 
.avi{background:url("../css/obrazy/ikony/avi.gif") center left no-repeat}
.mp3{background:url("../css/obrazy/ikony/mp3.gif") center left no-repeat} 
.png{background:url("../css/obrazy/ikony/png.gif") center left no-repeat}
.ppt{background:url("../css/obrazy/ikony/ppt.gif") center left no-repeat} 
.doc, .html, .pdf, .xls, .avi, .mp3, .png, .ppt{padding:0 6px 0 22px; margin-left:3px} 
/* Pridani mezery a marginu u ikonek v textu */ 
/* img */
a:link img {border:1px solid #a765a9}
a:visited img{border:1px solid #000}
a:hover img{border:1px solid #ccc}
a:active img{border:1px solid #000}
.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;} /* hack pro IE6*/
.img-right, .imgdr{
margin:8px 7px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:8px 7px;
text-indent:0;
float:left;
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{
background: url("../css/images/h2.gif") no-repeat left center;
padding:7px 0 5px 30px;
border-bottom:none;
margin:4px 0 4px 10px;
clear:both;
font-size:120%;
color:#7e7e8f;}
#in h3{
clear:both;
font-size:110%;
margin:4px 10px;
color:#000;}
#in strong{color:#000}
#in em{color:#000}
#in strong em{color:#cb1f3f; font-style:normal}
#in blockquote p{
padding:10px 5px 5px 5px;
clear:both;
overflow:hidden;
color:#133aa4;
font-weight:bold;
text-align:center;
font-size:110%;}
#in dt{
font-weight:bold;
font-size:120%;
color:#133aa4;
margin-top:10px;}
#in dd{
padding-bottom:2px}
#in dd strong{
font-weight:bold;
color:#000}
#in ul{
list-style:disc;
margin:5px 0;
padding:0 0 0 5px}
#in ul li{
margin-left:22px;
color:#000;}
#in ul li ul{margin:0 0 0 15px; padding:0;}
#in ul li ul li{padding:0 2px; margin:0;}
#in ol{
margin:5px 0 5px 30px;
padding:0 0 0 5px}
#in table{
clear:both;
width:99%;
border-collapse:collapse;
font-size:100%;
margin:15px 0px;
border:3px double #133aa4;}
#in th, #in td{
color:#000;
border:1px solid #133aa4;
padding:3px 5px;
text-align:left}
#in td{background:#fff}
#in th{background:#ededf1;}
#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 .nobordertable th, #in .nobordertable td{
border:0; background:#fff;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{
margin:10px 20px;}
/* Speciality */ 
/* fotogalerie */
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:6px;
border:1px solid #f17b0c;
background:#fde5ce no-repeat center center;}
.fk-nahled{float:left;margin:7px;text-align:center;width:150px}
.galerie-obal{margin-bottom:10px;}
/* ikona k externim odkazum */
a[href^="http:"]{
background:url("../css/obrazy/ikony/odkaz.gif") no-repeat right top;padding:0 10px 0 0;margin:0} 
a[href^="http://dcss.cz"], a[href^="http://www.dcss.cz"]{
background-image:none;padding-right:0}