body {
background-color: #fff;
color: #000;
padding: 0px;
margin: 0px;
}

#holder {
min-height: 400px;
width: 100%;
position: absolute;
height: 100%;
min-width: 770px;
padding: 0px;
margin: 0px;
}

#supplemental {
visibility: hidden;
width: 770px;
height: 400px;
}

#stranka {
left: 50%;
margin: 0px 0px 0px -385px;
position: absolute;
top: 0px;
width: 770px;
background-image: url("images/horni.jpg");
background-repeat: no-repeat;
background-position: top left;
}

#obsah {
width: 750px;
padding: 10px;
padding-top: 201px;
font-family: Arial, Sans-Serif;
background-color: #E3E3E3;
font-size: 90%;
}
th,td{
font-size: 90%;
}

#logo {
position: absolute;
left: 0;
top: 0;
margin:0;
padding:0;
width: 425px;
height: 191px;
overflow:hidden;
}
#logo span {
display:block;
width: 425px;
height: 191px;
position:absolute;
left:0px;
top:0;
z-index:1;
margin:0;
padding:0;
background:url("images/logo.gif") top left no-repeat;
cursor: hand;
}

#auto{
position: absolute;
left: 425px;
top: 0;
width: 345px;
height: 191px;
float: right;
margin: 0;
padding: 0;
}

#citroen{
position: absolute;
left: 135px;
top: 118px;
z-index: 3;
border: 0;
}

#spodek{
width: 770px;
height: 90px;
margin: 0;
padding: 0;
}

#menu{
position: absolute;
left: 0;
top: 171px;
width: 770px;
text-align: left;
font-weight: bold;
font-size: 80%;
font-family: Verdana, Sans-serif;
z-index: 2;
}
#menu div.m{
float: left;
border-right: 1px #000 solid;
}
#menu a,#menu span{
text-decoration: none;
color: white;
display: block;
padding: 1px 12px;
height: 18px;
background-color: #797979;
}
#menu span{
color: black;
}
#menu_citroen{
position: absolute;
left: 0;
top: 20px;
width: 110px;
padding: 0;
background-color: #797979;
display: none;
}
#menu_sluzby{
width: 130px;
background-color: #797979;
display: none;
clear: both;
}
#menu_admin{
width: 120px;
background-color: #797979;
display: none;
clear: both;
}
#menu_citroen a,#menu_sluzby a,#menu_citroen span,#menu_sluzby span,#menu_admin a{
padding: 2px 5px;
width: 100%;
border-top: 1px #E3E3E3 solid;
text-decoration: none;
color: white;
font-weight: normal;
display: block;
}
#menu_citroen span,#menu_sluzby span{
color: black;
}
#menu a:hover{
background-color: #969696;
}
#menu div.mp{
float: left;
}
#preskocit{
display: none;
}
#menu br{
display: none;
}

#nova{
width: 260px;
float: left;
margin: 25px 0 0 50px;
padding: 0px;
}
#nova h2,#stara h2,#novinky h2{
background-image: url("images/nadpis_poz.gif");
margin: 0px;
letter-spacing: 7px;
font-size: 155%;
padding: 2px;
background-repeat:no-repeat;
color: white;
}
#nova img,#stara img{
margin: 0;
padding: 0;
border: 0;
}
#nova a,#stara a{
text-decoration: none;
color: #000;
}
#stara{
width: 260px;
float: right;
margin:  25px 50px 0 40px;
}

#novinky{
width: 650px;
clear: both;
padding: 0;
margin-left: 50px;
}
#novinky h2{
font-family: Verdana,Sans-serif;
font-size: 100%;
background-image: url("images/novinky_poz.gif");
background-repeat:no-repeat;
margin: 0;
}
#novinky div{
padding: 10px 5px 5px 5px;
margin: 0;
background-color: #BFBFBF;
}
#novinky div li{
background-color: #DFDFDF;
}

div.galerie{
float: left;
margin: 0 20px 10px 10px;
width: 150px;
height: 120px;
}
div.galerie img{
border: 0;
}

h2, h3{
text-align: center;
}
strong {
font-weight: bold;
}
em{
font-style: italic;
}
.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}

table.kontakt th{
width: 300px;
background-image: url("images/kontakt_poz.gif");
background-repeat:no-repeat;
margin: 0px;
padding: 3px 0;
color: white;
text-align: center;
}
table.kontakt th.p2{
background-image: url('images/kontakt_poz2.gif');
}
table.kontakt td{
background-color: #CFCFCF;
border: 1px #8D8D8D solid;
margin: 0;
padding: 5px 5px 10px 5px;
vertical-align: top;
}
table.kontakt th,table.kontakt td{
border: 0;
}
table.kontakt tr td.mez{
background: none;
height: 30px;
}
table.kontakt tr td.mapa{
text-align: center;
padding-top: 10px;
}
table.kontakt tr td.mapa img{
border: none;
}

p.hlaska{
text-align: center;
font: bold 110%;
}

input.tlac{
margin-top: 10px;
}

img.novy{
width: 14px;
height: 17px;
border: 0px;
}
img.fajfka{
width: 12px;
height: 15px;
margin: 2px;
border: 0px;
vertical-align: middle;
}
img.upravit{
width: 9px;
height: 15px;
margin: 2px;
border: 0px;
vertical-align: middle;
}
img.tecka{
width: 10px;
height: 10px;
margin: 2px;
border: 0px;
vertical-align: middle;
}
img.krizek{
width: 15px;
height: 15px;
border: 0px;
margin: 2px;
}
img.import{
width: 21px;
height: 17px;
border: 0px;
}

ul.aktuality{
margin: 0 50px;
padding: 0;
}
ul.aktuality li{
list-style: none;
margin: 20px 0;
padding: 5px;
border-left: 25px #BA0007 solid;
background-color: #C6C6C6;
}
div.aktuality{
width: 500px;
margin-left: 125px;
}
div.aktuality h3{
background-image: url("images/akt_poz.gif");
background-repeat:no-repeat;
margin:0;
padding: 5px;
font-size: 110%;
font-weight: normal;
color:white;
}
div.aktuality p{
border-right: 1px #C6C6C6 solid;
border-bottom: 1px #C6C6C6 solid;
border-left: 1px #C6C6C6 solid;
margin: 0;
padding: 10px 5px 5px 5px;
background-color: #DDDDDD;
}

ul.menu_nahr{
margin: 0 100px;
padding: 0;
}
ul.menu_nahr li{
list-style: none;
margin: 20px 0;
padding: 5px;
border-left: 25px #BA0007 solid;
background-color: #C6C6C6;
}
ul.menu_nahr li a{
font-weight: bold;
color: black;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}
ul.menu_nahr li a:hover{
background-color: #797979;
}

th{
text-align: left;
}

div.bazar{
width: 500px;
margin-left: 125px;
margin-bottom: 20px;
padding: 0;
}
div.bazar h3{
background-image: url("images/akt_poz.gif");
background-repeat:no-repeat;
margin:0;
padding: 5px;
font-weight: normal;
color:white;
}
div.bazar p{
margin: 0;
padding: 5px;
}
div.bazar p.popis{
background-color: #C6C6C6;
border-bottom: 1px #797B76 solid;
}
div.bazar p.info,div.bazar p.cena{
background-color: #CFCFCF;
}
div.bazar p.info{
border-bottom: 1px #797B76 solid;
}
div.bazar p.cena{
text-align: center;
font-size: 120%;
font-weight: bold;
}
div.bazar img{
border: 0;
float: right;
margin: 5px 0 5px 5px;
}

p.nav{
font-size: 110%;
text-align: center;
width: 500px;
margin: 20px 0 0 125px;
background-color: #C6C6C6;
padding: 5px 0 5px 0;
}

div.bazar_zn{
width: 500px;
background-color: #C6C6C6;
padding: 5px;
margin: 20px 0 0 125px;
font-size: 110%;
text-align: center;
}
div.bazar_zn a{
color: #BA0007;
}
form.bazar_ser div{
width: 500px;
background-color: #C6C6C6;
padding: 10px;
margin: 5px 0 20px 125px;
font-size: 110%;
text-align: center;
}
form.bazar_ser{
margin:0;
padding: 0;
}

div.banner{
width: 700px;
clear: left;
margin: 10px 0 10px;
text-align: center;
}