/* CSS Document */
body {
text-align: center;
background: url(./img/back.gif);
}


.shadow-top {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='./img/shadow-top.png',sizingMethod='scale'); 
width: 760;
height: 20;
margin: 0 auto 0 auto;
}

head:first-child+body .shadow-top {
background: url(./img/shadow-top.png);
}


.shadow-bottom {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='./img/shadow-bottom.png',sizingMethod='scale'); 
width: 760;
height: 20;
margin: 0 auto 0 auto;
}

head:first-child+body .shadow-bottom {
background: url(./img/shadow-bottom.png);
}

.all_shadow_sides {
background-repeat: repeat-y;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (enabled=true,src='./img/shadow-sides.png',sizingMethod='scale');
width: 760px;
height: auto;
margin: 0 auto 0 auto;
padding-top: 0px;
padding-bottom: 0px;
}

head:first-child+body .all_shadow_sides {
background: url(./img/shadow-sides.png) repeat;
}



.all {
background: white;
width: 728px;
height: auto;
margin: 0 auto 0 auto;
padding-top: 1px;
padding-bottom: 1px;
}


/* ----- begin  Header  -----  */

.header {
background: url(./img/header.jpg);
width: 720px;
height: 130px;
color: red;
font-family: Times New Roman;
font-weight: bold;
text-align: left;
margin: 3px auto 3px auto;
border: 1px solid rgb(175,175,175);
}

.header-en {
background: url(./img/header-eng.jpg);
width: 720px;
height: 130px;
color: red;
font-family: Times New Roman;
font-weight: bold;
text-align: left;
margin: 3px auto 3px auto;
border: 1px solid rgb(175,175,175);
}

.language {
width: 84px;
height: 23px;
position: relative;
bottom: 1px;
left: 637px;
float: left;
}

a.language-cz {
background: url(./img/czech.gif);
background-position: top;
width: 35px;
height: 23px;
float: left;
color: white;
}

a.language-germ {
background: url(./img/german.gif);
background-position: top;
width: 23px;
height: 23px;
float: left;
}

a.language-eng {
background: url(./img/english.gif);
background-position: top;
width: 26px;
height: 23px;
float: left;
}

a.language-cz:hover {
background: url(./img/czech.gif);
background-position: bottom;
width: 35px;
height: 23px;
float: left;
}

a.language-germ:hover {
background: url(./img/german.gif);
background-position: bottom;
width: 23px;
height: 23px;
float: left;
}

a.language-eng:hover {
background: url(./img/english.gif);
background-position: bottom;
width: 26px;
height: 23px;
float: left;
}

a.lang-cz {
position: relative;
bottom: 12px;
font-size: 12pt;
}


/* ----- end  Header  -----  */




/* ------ begin Menu ---- */
.menu {
background: url(./img/menu.png);
width: 720px;
height: 30px;
margin: 0 auto 3px auto;
text-align: center;
border: 1px solid rgb(175,175,175);
}

a.button, a.button:visited, a.button:active,a.button:link {
float: left;
color: white;
height: 28px;
width: 118px;
width: "119px"; /*Hack pro IE*/
font-family: Tahoma;
font-size: 11pt;
font-weight: bold;
border-right: 1px solid black;
border-left: 1px solid gray;
}

a.button:hover {
background: url(./img/menu-down.png);
color: rgb(207,207,207);
float: left;
height: 28px;
width: 118px;
width: "119px"; /*Hack pro IE*/
font-family: Tahoma;
font-size: 11pt;
font-weight: bold;
border-right: 1px solid black;
border-left: 1px solid rgb(65,65,65);
}


.activebutton {
background: url(./img/menu-down.png);
float: left;
height: 28px;
width: 118px;
width: "119px"; /*Hack pro IE*/
font-family: Tahoma;
font-size: 11pt;
font-weight: bold;
border-right: 1px solid black;
border-left: 1px solid gray;
color: rgb(255,60,60);
}



/* ------ end Menu ---- */


/* ------ begin Obsah ---- */
.obsah {
background: white;
width: 720px;
height: auto;
margin: 0px auto 3px auto ;
padding-top: 8px;
padding-bottom: 30px;
text-align: left;
border: 1px solid rgb(175,175,175);
}

.text {
position: relative;
padding: 30px;
font-family: Tahoma;
text-align: justify;
}

.text_kontakt {
position: relative;
padding: 30px;
font-family: Tahoma;
text-align: center;
}



.startodstavce{
font-family:Tahoma;
color: red;
font-size: 14pt;
font-weight: bold;
}

#malypismena {
font-size: 10pt;
position: relative;
bottom: 4px;
}



#mapa {
width: 300px;
height: 172px;
border: 1px dashed black;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

#mapa:hover {
width: 300px;
height: 172px;
border: 1px dashed red;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}


.firmy {
border: 0px;
margin-right: 52px;
}



/* -------- end Obsah ------- */

.paticka {
height: 30px;
margin: 0px auto 3px auto;
width: 720px;
background: white;
border: 1px solid rgb(175,175,175);
text-align: left;
}





/*.nadpis{
position: relative;
top: 35px;
font-family: Tahoma;
font-size: 30pt;
color: rgb(214,35,31);
}*/

a, a:link, a:active, a:visited{
text-decoration: none;
color: red;
}

a:hover{
text-decoration: none;
color: rgb(255,191,191);
}

.pismenka{
position: relative;
top: 5px;
}

.aktivnipismenka{
position: relative;
top: 5px;
}

#copyright {
width: 150px;
height: 30px;
position: relative;
text-align: right;
float: left;
}

#datum {
width: 150px;
height: 30px;
position: relative;
left: 10px;
float: left;
}


#nahoru {
width: 400px;
height: 30px;
position: relative;
text-align: center;
left: 10px;
float: left;
}


.paticka-pismo {
position: relative;
font-family: Tahoma;
font-size: 10pt;
top: 5px;
}



/* --------- Poptavka tab ---------- */

.input {
border: 1px dotted red;
}

#poptavka {
border: 3px dotted rgb(223,223,223);
background: rgb(245,245,245);
}

#potvrzeni {
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.tlacitko {
width: 100px;
height: 25px;
background-color: rgb(79,79,79);
color: white;
font-weight: bold;
}

.confirm {
margin-top: 5px;
text-align: center;
}

.td {
width: 130px;
}




/* -------- Cenik Tab --------*/
.cell {
text-align: left;
} 

.head {
background: silver;
}

.even {
background: rgb(245,245,245);
}

.odd {
}

.cenik {
border: 3px solid gray;
text-align: center;
}

.malypismena {
font-size: 11pt;
}

#zoom {
font-size: 8pt;
font-family: tahoma;
position: relative;
bottom: 2px;
left: 250px;
}
.clanek {
border: 3px dotted rgb(223,223,223);
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
padding-top: 20px;
}

.clanek-profil {
background: url(./img/europe.jpg);
background-position: center;
background-repeat: no-repeat;
border: 3px dotted rgb(223,223,223);
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
padding-top: 20px;
height: 400px;
}



.nadpis {
font-weight: bold;
position: relative;
left:15px;
background: white;
padding-left: 15px;
padding-right: 15px;
top:10px;

}


.dobadodani {
font-size: 10pt;
}





/*Auta Begin*/
#multivan {
background: url(./img/multivan-small.jpg);
width: 340px;
height: 260px;
border: 0px solid black;
}




a.spolecna {
background: url(./img/cars/spolecna.jpg);
background-position: top;
float: left;
height: 240px;
width: 600px;
border: 0px solid grey;
}

a.spolecna:hover {
background: url(./img/cars/spolecna.jpg);
background-position: bottom;
height: 240px;
width: 600px;

}


.autodiv{
width: auto;
height: 300px;
}

.autodiv-daf{
width: auto;
height: 300px;
}

  /*DAF Begin*/
.daf
{
width: 419px;
height: 289px;
background: url(./img/cars/daf-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}


.daf:hover {
width: 419px;
height: 289px;
background: url(./img/cars/daf-small.jpg);
background-position: bottom;
position: relative;
top: -12px;

float: left;
}


  /*DAF End*/


  /*Peugeot-red Begin*/
.peugeot
{
width: 419px;
height: 289px;
background: url(./img/cars/peugeot-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}

.peugeot:hover {
width: 419px;
height: 289px;
background: url(./img/cars/peugeot-small.jpg);
background-position: bottom;
position: relative;
top: -12px;
float: left;
}

  /*Peugeot-red End*/
  
  
  /*Peugeot-boxer Begin*/
.peugeotboxer
{
width: 419px;
height: 289px;
background: url(./img/cars/peugeotboxer-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}

.peugeotboxer:hover {
width: 419px;
height: 289px;
background: url(./img/cars/peugeotboxer-small.jpg);
background-position: bottom;
position: relative;
top: -12px;
float: left;
}

  /*peugeotboxer End*/
  
    /*renault trafic Begin*/
.renaulttrafic
{
width: 419px;
height: 289px;
background: url(./img/cars/trafic-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}

.renaulttrafic:hover {
width: 419px;
height: 289px;
background: url(./img/cars/trafic-small.jpg);
background-position: bottom;
position: relative;
top: -12px;
float: left;
}

  /*renault trafic End*/
  
  
  /*renault master Begin*/
.renaultmaster
{
width: 419px;
height: 289px;
background: url(./img/cars/master-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}

.renaultmaster:hover {
width: 419px;
height: 289px;
background: url(./img/cars/master-small.jpg);
background-position: bottom;
position: relative;
top: -12px;
float: left;
}

  /*renault master End*/
  
  
  
    /*peugeot Partner Begin*/
.peugeotpartner
{
width: 419px;
height: 289px;
background: url(./img/cars/partner-small.jpg);
background-position: top;
position: relative;
top: -12px;
float: left;
}

.peugeotpartner:hover {
width: 419px;
height: 289px;
background: url(./img/cars/partner-small.jpg);
background-position: bottom;
position: relative;
top: -12px;
float: left;
}

  /*renault master End*/
  
.rozmery{
width: 170px;
position: relative;
top:55px;
left: 10px;
float: left;

}

#rozmeryvozidel {
position: relative;
left: 20px;
top: 10px;
font-weight: bold;
font-size: 13pt

}


.naves {
width: 100px;


}

/*Auta End*/