.maincharset "utf-8";

/****************************************************************************************************************** COMMON CSS                                                                            */

.fl { float:left }
.fr { float:right }
.oh { overflow:hidden }
.nb { text-decoration:none; border:none; }
* { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
a { text-decoration:none; }
a img { border:none }
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:regular }
body { width:100%;  padding:0px; margin:0px; overflow-x:hidden; overflow:auto;}
html { width:100%; height:100%; padding:0px; margin:0px; overflow:auto; overflow-x:hidden; background:url(environment/pattern.bmp) 0px -1px }

a.link { color:#0000FF; text-decoration:underline}
a.link:hover { color:#C13035;}
div.a.link:active { color:#0000FF;}
div.a.link:visited { color:#0000FF;}

/****************************************************************************************************************** SITE STRUCTURE                                                                            */

#mainTable { width:100%; height:100%; background-color:#FFFFFF }
#leftCell { background:url(environment/pattern.bmp) right -3px }
#rightCell { background:url(environment/pattern.bmp) left -3px }
#centerCell { width:940px; overflow:hidden; background:url(environment/pattern.bmp) 0px -3px }

#leftCell div {background:url(environment/top_bar_pattern.bmp) repeat-x right top; height:260px;}
#rightCell div {background:url(environment/top_bar_pattern.bmp) repeat-x left top; height:260px;}

#mainHolder {width:940px; overflow:hidden; background:url(environment/content_border.bmp) repeat-y }

.menuHolder { width:940px; height:260px; overflow:hidden; background:url(environment/menu_pattern.bmp) repeat-x left top }
.flashHolder { width:938px; height:260px; float:right; }
#flashcontent { width:800px; height:260px; margin-right:69px; float:right; }

.bottomBar { height:34px; background-color:#2B2B2B }
#content {  padding-bottom:20px; width:800px; overflow:hidden; margin-left:70px;}

#botomMenu { width:929px; height:23px; cursor:default; padding-left:11px; padding-top:11px; clear:both; color:#646464; background-color:#2d2d2d;}
#botomMenu a { color:#646464;}
#botomMenu a:hover { color:#ffffff}
#botomMenu i { float:right; font-style:normal; margin-right:11px}

/****************************************************************************************************************** CONTENT                                                                            */

/* HOME*/

.homeLeft { width:312px; height:430px; float:left; overflow:hidden; }
.homeRight { width:450px; height:410px; margin:0px; padding:20px 0px 0px 0px; overflow:hidden; float:right; text-align:justify; overflow:hidden; }

.homeImage { width:312px; overflow:hidden}
.homeImage img { width:312px; height:167px; margin-top:8px; margin-bottom:35px; }
.homeBtn { display:block; width:308px; height:97px; margin-left:2px;}
.btnImage1 { background-image:url(environment/btn_services.jpg)}
.btnImage2 { background-image:url(environment/btn_used_vehicles.jpg); margin-top:15px;}

.homeBtn p { color:#FFFFFF; display:block; width:280px; height:43px; padding-top:33px; padding-left:20px; overflow:hidden}
.homeBtn a { color:#FFFFFF; display:block; width:286px; height:14px; padding-top:0px; text-align:right; font-weight:bold; overflow:hidden;}

.btnImage1 a:hover { color:#111111}
.btnImage2 a:hover { color:#BE2B33}

.homeTitle { width:250px; height:31px; overflow:hidden; background:url(environment/title_bullet.jpg) left top no-repeat; padding-left:30px}

a.homeNews { display:block; width:450px; height:70px; overflow:hidden; color:#333333 }
a.homeNews img { width:71px; height:50px; border:3px solid #333333; float:left} 
a.homeNews h2 { width:357px; height:17px; margin-top:-2px; overflow:hidden; display:block; padding-left:14px;  float:left; color:#E22028; cursor:pointer}
a.homeNews p { width:357px; height:43px; overflow:hidden; display:block; padding-left:14px; float:left;  cursor:pointer}

a.homeNews:hover img {border:3px solid #E22028;}

/* VW LINK */

#vw { clear:both; float:right; color:#686868;  margin-right:70px; padding-bottom:15px; padding-top:20px;}
#vw a { color:#DB2027;}
#vw a:hover { text-decoration:underline}

/* INSTALACIONES & LOCALIZACION */

#flashGallery { width:450px; height:420px; overflow:hidden;}

a.map { font-size:12px; font-weight:bold; color:#333333}
a.map:hover { color:#C13035}

/* CONTACTAR */

.contactForm { width:450px; margin-left:80px;}
.contactForm legend { padding:0px 5px; margin-left:30px; font-weight:bold; color:#545660}

.contactFormHolder { width:504px; overflow:hidden; font-weight:bold; text-align:justify; color:#616668;}
.contactFormHolder legend {padding: 0px 5px; font-size:12px; margin-left:30px;  color:#616668}
.contactFormHolder table { width:428px; margin:0px 45px 45px 45px; clear:both}
.contactFormHolder td {vertical-align:top; color:#545660}

.contactFormCheckbox { margin-top:20px; margin-right:14px; font-size:9px; line-height:11px; font-weight:normal; color:#BBC2C5}
.contactFormCheckbox input { margin-right:2px;}
.contactFormCheckbox a { font-size:9px; font-weight:normal; text-decoration:none; color:#728997}
.contactFormInput { width:200px;  padding:0px 3px; margin-bottom:5px; font-weight:normal; }
.contactFormButton { width:80px; padding:4px 3px; margin-bottom:0px; margin-top:10px; font-weight:normal; }
.contactFormComments { width:310px; overflow:auto; height:120px; padding:0px 3px; margin-bottom:5px;  font-weight:normal; }
.contactFormHolder select { width:190px; margin-bottom:5px; color:#333333; font-weight:normal; }

/* NOTICIAS */
#newsListHolder { width:940px; overflow:hidden}
#newsList { width:915px; float:right; }
#newsListLeftMargin { width:24px; height:400px; float:left;}

a.news { display:block; width:434px; height:70px; overflow:hidden; margin-right:23px; margin-bottom:9px; float:left; color:#333333; }
a.news img { width:71px; height:50px; border:3px solid #333333; clear:both; float:left;} 
a.news h2 { width:341px; height:17px; margin-top:-2px; overflow:hidden; display:block; padding-left:14px;  float:left; color:#E22028 ; cursor:pointer}
a.news p { width:341px; height:43px; overflow:hidden; display:block; padding-left:14px; float:left; cursor:pointer }

a.news:hover img {border:3px solid #E22028;}

.newsListTitle { width:885px; margin-left:2px; margin-top:4px; height:35px; overflow:hidden; background:url(environment/title_bullet.jpg) 23px 0px no-repeat; padding-left:50px}

#newsBodyLeftMargin {width:74px; height:300px; float:left;}
#newsBody {width:792px; margin-right:75px; float:right;}
#newsTitle { text-transform:uppercase; color:#D7242A; padding-left:72px; font-size:15px; font-weight:bold; margin-bottom:15px;}

.newsHeader { width:838px; padding-left:50px; margin-left:48px; margin-top:14px; height:40px; overflow:hidden; background:url(environment/title_bullet.jpg) 23px 0px no-repeat; }
#newsButtons { width:229px; margin-right:74px; height:16px; background:url(environment/news_buttons.jpg) no-repeat; float:right}
#newsButtons a { display:block; height:16px; float:left}
#newsButtons #prev { width:70px; margin-left:10px;}
#newsButtons #back { width:55px; margin-left:7px; }
#newsButtons #next { width:65px; margin-left:7px; }


.usedVehiclesHolder { width:810px; margin-left:70px; overflow:hidden;}
#flashsimulator { width:806px; height:145px; margin-left:0px;}

#usedVehiclesTable { width:800px;}
#usedVehiclesTable td { text-align:center; color:#333333; padding-top:5px; padding-bottom:5px;}
#usedVehiclesTable .header { background-color:#B92E33; color:#FFFFFF;}
#usedVehiclesTable .highlite td { background-color:#E5E5E5 }
#usedVehiclesTable .comment { text-align:left; color:#FF0000; font-size:10px;}



#usedVehiclesTable td a { display:block; width:105px; height:16px; overflow:hidden; background:url(environment/doc_icon.gif) center top no-repeat}
#usedVehiclesTable td a:hover { background-position: center -16px }

#servicesBody {width:792px; margin-right:75px; float:right;}
#servicesBody ul { margin-left:40px;}
#servicesBody img {margin-left:8px; margin-top:50px; margin-bottom:10px; }

.facilitiesRight { width:450px; height:440px; margin:0px; padding:20px 0px 0px 0px; overflow:hidden; float:right; text-align:justify; overflow:hidden; }
.vw2 { clear:both; float:right; color:#686868;  margin-right:70px; padding-bottom:15px; padding-top:0px; margin-top:-10px;}
.vw2 a { color:#DB2027;}
.vw2 a:hover { text-decoration:underline}


/* USED VEHICLES PHP */
.prodHigh { background-color:#E5E5E5; padding:3px;}
.prodLow { padding:3px;}
