@charset "windows-1252";  
             
/* body */
body { background: black; color: white; font-family: sans-serif} 
#layout { z-index: 1; position: relative; width: 800px; text-align: left; margin: 0 auto }    
#content { width: 800px; min-height: 410px; height: auto !important; height: 410px; background: url(back.png); background-repeat: repeat-y}  

/* splash */

.bmlogo { position: absolute; top: 100px; left: 60px; z-index: 3; display: none}
.mtlogo { position: absolute; top: 100px; left: 450px; z-index: 3; display: none}
.bmtxt { position: absolute; width: 290px; top: 155px; left: 60px; text-align: center; z-index: 2; font-size: 14px; font-weight: bold; display: none}
.mttxt { position: absolute; width: 290px; top: 155px; left: 430px; text-align: center; z-index: 2; font-size: 14px; font-weight: bold; display: none}
img {border: none}

/* header */
#header { width: 800px; height: 120px; text-align: center; background-image: url(header.png)}
#logo { position: relative; top: 15px; background-image: url(shade.png);}              

#menu { position: absolute; top: 180px; left: 16px; width: 160px; background-image: url(menu-back.png)}       
#menu .top{ width: 160px; height: 9px; background-image: url(menu-top.png); overflow: hidden}
#menu .bottom{ width: 160px; height: 9px; background-image: url(menu-bottom.png); overflow: hidden}
#menu .separator{ width: 160px; height: 9px; background-image: url(menu-separator.png); overflow: hidden}
#menu a { margin: 5px; margin-left: 10px; width: 140px; height: 25px; text-align: center; display: block; line-height: 24px; background-image: url(button.png); font-size: 14px}
a { text-decoration: none; font-weight: bold; border: none}
a:link { color: white;}
a:visited { color: gray;}
a:hover { color: yellow;}
#menu a.bmw{ background-image: url(button-bmw.png); text-indent: 16px} 
#menu a.kws{ background-image: url(button-kws.png); text-indent: 16px} 
#menu a.hnd{ background-image: url(button-hnd.png); text-indent: 16px} 

/* home */

#image1 { position: relative; top: 130px; left: 200px; width: 262px; height: 187px; background-image: url(gm1.png); margin-right: 20px; float:left; }  
#image2 { position: relative; top: 70px; left: 200px; width: 280px; height: 252px; background-image: url(gm2.png); margin-right: 20px; float:left; }  
.separator { height: 20px;}     
#desc { z-index: 4; position: absolute; top: 160px; left: 200px; width: 300px; font-size: 13px; color: yellow; text-align: justify} 
#desc span {display: block; width: 300px; text-align: right; font-style: italic}
  
/* chisiamo */
#col { position: relative; left: 210px; text-align: left; width: 600px; min-height: 650px; height: auto !important; height: 650px;color: yellow; font-size: 14px;}    
table { width: 550px;}
td {line-height: 20px}
p:first-letter { font-size: 17px }

/* dovesiamo */
#ind { position: relative; left: 180px; text-align: center; width: 600px; height: 180px;}
#ind h2 { display: inline; font-weight: bold;}
#i1 {position: absolute; top: 50px; left: 0px; width: 200px}
#i2 {position: absolute; top: 50px; left: 200px; width: 200px}
#i3 {position: absolute; top: 50px; left: 400px; width: 200px}
#map { position: relative; left: 210px; top: 0px; width: 542px; height: 756px; background-image: url(map.png)}

/* usato */
#usato  { position: absolute; left: 200px; top: 130px; width: 550px; height: 300px }
.cbar   { padding-top: 10px; position: absolute; top: 0px; left: 0px; width: 550px; height: 30px; background-image: url(control_bar.png); color: yellow; text-align: center; font-weight: bold}
.cbar2   { padding-top: 10px; position: absolute; top: 340px; left: 0px; width: 550px; height: 30px; background-image: url(control_bar.png); color: yellow; text-align: center; font-weight: bold}
#usato img { position: absolute; top: 40px; left: 150px}
 
#info { position: absolute; top: 40px; left: 0px; width: 150px; height: 300px}
#info div { padding-left: 2px; width: 145px; margin-bottom: 5px; background: yellow; color: black; font-size: 14px; font-weight: bold } 

#prec { position: absolute; top: 7px; left: 150px; width: 60px; height: 26px; text-align: center; display: block; line-height: 22px; background-image: url(button_small.png); font-size: 24px}
#succ { position: absolute; top: 7px; right: 150px; width: 60px; height: 26px; text-align: center; display: block; line-height: 22px; background-image: url(button_small.png); font-size: 24px}

#print { position: absolute; top: 7px; right: 50px; width: 60px; height: 26px; text-align: center; display: block; line-height: 24px; background-image: url(button_small.png); font-size: 13px}
#search1 {position: absolute; top: 10px; left: 90px; width: 180px; height: 20px; line-height: normal}
#search2 { position: absolute; top: 10px; left: 280px; width: 105px; height: 16px; line-height: normal}
#search3 { position: absolute; top: 7px; left: 400px; line-height: 25px; width: 60px; height: 26px; text-align: center; background-image: url(button_small.png); font-size: 14px; display: block}

span#prec,span#succ { color: black}

#notfound { position: relative; top: 100px;  width: 550px; text-align: center;  font-weight: bold; color: yellow}

/* contatti */      
#cmsg {color: black; position: absolute; top: 23px; left: 70px; font-size: 13px; font-weight: bold}
#ctmsg { position: absolute; top: 300px; left: 200px; width: 550px; text-align: center;  font-weight: bold; color: yellow}
#mlfrm_top { position: absolute; top: 190px; left: 200px; width: 550px; height: 10px; background-image: url(form_top.png)}
#mlfrm_bottom { position: absolute; top: 440px; left: 200px; width: 550px; height: 10px; background-image: url(form_bottom.png)}
#mlfrm { position: absolute; top: 200px; left: 200px; width: 550px; height: 240px; background-image: url(form_back.png)}
#txt_a { position: absolute; top: 20px; left: 220px; width: 250px; color: gray; background: black; border-color: gray; border-style: solid; border-width: 1px}
#txt_b { position: absolute; top: 50px; left: 70px;  width: 400px; color: gray; background: black; border-color: gray; border-style: solid; border-width: 1px}
#send { position: absolute; top: 210px; right: 78px; width: 60px; height: 26px; text-align: center; display: block; line-height: 24px; background-image: url(button_small.png); font-size: 13px}

/* footer */
#footer { width: 800px; height: 30px; text-align: center; font-size: 14px; color: gray; background-image: url(footer.png)}
