body { 
margin : 0; 
padding : 0; 
font: 12px "Verdana, Arial, Helvetica, sans-serif, Arial, sans-serif"; 
color : #ffffff; 
font-weight : normal; 
text-align : center; 
background-color : #ECECEC; 
background-image: url("../images/pozadi.gif"); background-position: 0% 0%; background-repeat: repeat-x;
}
#obsah { 
width : 980px; 
height : auto; 
text-align : left; 
margin : 0 auto; 
padding : 0; 
background-color: #ECECEC;
}



#obsah-akce { 
width : 990px; 
height : auto; 
margin : 0 auto; 
padding : 0; 
background-color: #fff;
}
img, table, tr, th, td, h3, h4, h5 { 
margin : 0px; 
padding : 0px; 
} 
#horni { 
width : 980px; 
height : 158px; 
margin : 0; 
padding : 0;
background-color: #ffffff;
}
#horni-left {
float: left; 
width : 805px; 
height : 158px; 
margin : 0px; 
padding : 0px;
background: url("../images/simply.gif") no-repeat;
}
#toman {
width : 400px; 
height : 62px; 
margin-top : 96px; 
padding : 0px;
background: url("../images/simply.gif") no-repeat;
}
#horni-right {
float: right; 
width : 175px; 
height : 158px; 
margin : 0px; 
padding : 0px;
text-align: right;
}
.vycisti { 
clear : both;
}



#bottom { 
height : 20px; 
}
#menu { 
width : 980px; 
height : 27px; 
margin : 0px; 
padding : 0;
text-align: center;
background-color: #4BA82E;
}

#tlacitka { 
width : 990px; 
height : 27px;
margin : 0; 
padding : 0;
display: block;
}
.links { 
color: #ffffff;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 13px; 
line-height: 27px;
font-weight : bold; 
}
a.links { color:#ffffff; padding: 0 15px 0 15px; text-decoration: none;}
a.links:hover { color:#F90000;}

.odkaz { 
color: #292929;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 12px; 
}
a.odkaz { color:#292929; text-decoration: none;}
a.odkaz:hover { color:#999999;}

.zde { 
color: #ff0000;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 14px;
font-weight : bold; 
}
.zde A { color:#ff0000; text-decoration: none;}
.zde A:hover { color:#999999; text-decoration: none;}

#telo { 
width : 980px; 
height : auto; 
margin : 0px; 
padding : 0px;

}
#telox { 
width : 978px; 
height : auto; 
margin : 0px; 
padding : 0px;
border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;
}
h1 { 
color: #000;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 18px; 
font-weight : bold;
margin: 25px 30px 10px 35px;
text-align: left; 
}
h2 { 
color: #3A931F;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 14px; 
font-weight : bold;
margin: 25px 30px 10px 35px;
text-align: left; 
}
h2 a {
color: #01B858;
}


ul {
margin: 15px 30px 10px 80px;
}
li { font-size: 10pt; 
margin: 0px 0px 2px 3px; 
font-family: "Arial CE",Arial,Helvetica,sans-serif; 
text-align: left; 
color: #292929; 
}

p, table { 
color: #292929;
font-family: "Arial CE",Arial,sans-serif; 
font-size: 10pt; 
margin: 15px 40px 10px 55px;
text-align: justify;  
}
#skoda { 
width : 980px; 
height : 325px; 
margin : 0px; 
padding : 0px;}

#skoda-modely { 
float: left;
width : 570px; 
height : 310px; 
margin :  0px; 
padding : 0px; border: 0px solid #ffffff; 
}
#skoda-pozadi { 
width : 570px; 
height : 39px; 
margin : 0px 0px 0px 0px; 
padding : 0px;
}
#skoda-roll { 
width : 550px; 
height : 271px; 
margin : 0px 0px 0px 0px; 
padding : 0px;
}
#skoda-akce {
float: right; 
width : 400px; 
height : 310px; 
margin : 0px; 
padding : 0px;
}
/*fotogalerie*/
.thumbnaily { float: left; width: 180px; margin: 2px 10px 2px 6px; padding: 0px;}


#left1 {
float: left;
width : 490px; 
height : 216px; 
margin : 0px; 
padding : 0px; 
}
#right1 {
float: right;
width : 490px; 
height : 216px; 
margin : 0px; 
padding : 0px; 
}
#telo-left {
float: left; 
width : 300px; 
height : 250px; 
margin : 0px 0px 0px 30px; 
padding : 0px; 
}
#telo-right {
float: right; 
width : 550px; 
height : 250px; 
margin : 0px 30px 0px 0px; 
padding : 0px;
}
td.tabulka { 
margin: 3px; padding: 3px;
}
thead { 
line-height: 30px;
text-align: center;
}
.zdurazni { 
color: #3A931F;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 14px; 
line-height: 30px;
font-weight : bold; 
}
#pata { 
width : 980px;
height : 25px; 
margin : 0px; 
padding : 0px;
text-align: center;
background-color: #4BA82E;
}
.spodni { 
width : 900px; 
height : 30px; 
margin : 0; 
padding : 0;
}
.odlinks { 
color: #ffffff;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 12px; 
line-height: 30px;
font-weight : normal; 
}
a.odlinks { color:#ffffff; padding: 0 12px 0 12px; text-decoration: none;}
a.odlinks:hover { color:#999999;}

.copyright { 
width: 980px; 
height: 25px; 
line-height: 24px; 
padding: 0px; 
font-size: 11px; 
color:#fff;
font-family: verdana,"Arial CE",Arial,sans-serif; 
font-size: 12px; 
}


/* styl pro lightbox */

#lightbox{        
        position: absolute;        
        left: 0; 
        width: 100%; 
        z-index: 100; 
        text-align: center; 
        line-height: 0;
}


#lightbox img{
        width: auto; 
        height: auto;
}


#lightbox a img{
        border: none; 
}



#outerImageContainer{
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }


#imageContainer{
 padding: 10px;
 }



#loading{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }


#hoverNav{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 }


#imageContainer>#hoverNav{
 left: 0;
}


#hoverNav a{
 outline: none;
}



#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background-image: url(data:image/gif;base64,AAAA);
 /* Trick IE into showing hover */ display: block;
 }


#prevLink {
 left: 0;
 float: left;
}


#nextLink {
 right: 0;
 float: right;
}


#prevLink:hover, #prevLink:visited:hover {
 background: url(../images/prevlabel.gif) left 15% no-repeat;
 }


#nextLink:hover, #nextLink:visited:hover {
 background: url(../images/nextlabel.gif) right 15% no-repeat;
 }



#imageDataContainer{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%        ;
 }



#imageData{
        padding:0 10px;
 color: #666;
 }


#imageData #imageDetails{
 width: 70%;
 float: left;
 text-align: left;
 }

        
#imageData #caption{
 font-weight: bold;
        }
        
        
#imageData #numberDisplay{
 display: block;
 clear: left;
 padding-bottom: 1.0em;
        }
        

#imageData #bottomNavClose{
 width: 66px;
 float: right;
  padding-bottom: 0.7em;
 outline: none;
}        
         

#overlay{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
 }

/* popup */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#989898;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:600px;
  height:660px;
  display:none;
  z-index:9999;
  margin: 250px 0 0 0;
  background-color:#fff;
  border: 0px solid #ff9700;
}


#boxes #dialog2 {
   background:url("../infookno.jpg") no-repeat 0 100px transparent;
  width:600px;
  height:650px;
  padding:50px 0px 0px 0px;
  }