
* {
 margin:0;
 padding:0;
}

body {
 margin: 0px ;
 background: url(../imagenes/fondo.png);
}

div#contenedor {
  margin: 0px auto 0px auto;
  background: #FFFFFF;
  position: relative;
  width: 975px;
  height: 665px;
}
div#cabecera {
  position: absolute;
  left: -18px;
  top: 0px;
  width: 980px;
  height: 140px;
}
/* ............................ Panel Izq .................................. */
div#panel_izq {
  position: absolute;
  left: 0px;
  top: 140px;
  width: 209px;
  height: 505px;
  border-right: #CDC0AB solid 1px ;
}
div#esquina_top {
  background: url(../imagenes/esquina_top.jpg);
  position: absolute;
  left: 5px;
  top: 2px;
  width: 171px;
  height: 266px;

}
div#ofertas {
  position: absolute;
  left: 6px;
  top: 2px;
  width: 200px;
  height: 245px;
  z-index: 0;
}
div#lista{
  position: absolute;
  left: 28px;
  top: 83px;
  z-index: 5;
}
div#lista_2{
  position: absolute;
  left: 13px;
  top: 51px;
  text-align: left;
  padding-left: 15px;
}
li{
 font-family: "time new roman";
 font-size: 11px;
 list-style: disc;
 color: #787878;
 line-height: 11px;
}
.peque2 {
  position: absolute;
  top: 228px;
  left: 62px;
  font-size: 13px;
  color: #4E4E4E;
  z-index: 5;
}
div#flash_trafic {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 244px;
  z-index: 0;
}
div#texto_oferta {
  position: absolute;
  left: 28px;
  top: 65px;
  font-size: 13px;
  font-family: "Arial black";
  color: #555555;
  width: 158px;
  height: 40px;
  z-index: 5;
  /*  border: 1px #000000 solid; */
}
div#flecha_llamenos {
  background: url(../imagenes/flecha.jpg);
  position: absolute;
  left: 155px;
  top: 274px;
  width: 19px;
  height: 19px;
  z-index: 2;
}
div#medio {
  background: url(../imagenes/medio.jpg);
  position: absolute;
  left: 0px;
  top: 250px;
  width: 209px;
  height: 36px;
}
div#llamenos{
  background: url(../imagenes/llamenos.jpg);
  position: absolute;
  left: 20px;
  top: 270px;
  width: 126px;
  height: 23px;
  z-index: 2;
}
div#telefonista {
  background: url(../imagenes/telefonista.JPG);
  position: absolute;
  left: 0px;
  bottom: 52px;
  width: 100px;
  height: 148px;
}
div#telefono {
  background: url(../imagenes/telefonos2.jpg);
  position: absolute;
  left: 100px;
  bottom: 95px;
  width: 98px;
  height: 96px;
  z-index: 3;
}
div#rsport {
  background: url(../imagenes/seat_oferta.jpg);
  position: absolute;
  top: 97px;
  left: 5px;
  width: 200px;
  height: 150px;
  z-index: 0;
}
/* ............................ Panel Central .............................. */
div#panel_central_principal {
  background: #FFFFFF;
  position: absolute;
  left: 210px;
  top: 187px;
  width: 552px;
  height: 405px;
  border-top: #CDC0AB solid 1px ;
  border-bottom: #CDC0AB solid 1px ;
}
div#panel_central {
  background: #F2EFE9;
  position: absolute;
  left: 210px;
  top: 187px;
  width: 552px;
  height: 405px;
  border-top: #CDC0AB solid 1px ;
  border-bottom: #CDC0AB solid 1px ;
}
iframe#panel_central {
  background: #FFFFFF;
  position: absolute;
  left: 210px;
  top: 207px;
  width: 552px;
  height: 385px;
  border-top: #CDC0AB solid 1px ;
  border-bottom: #CDC0AB solid 1px ;
}

/* ............................ Panel Der .................................. */
div#panel_der {
  position: absolute;
  left: 762px;
  top: 140px;
  width: 200px;
  height: 505px;
  border-left: #CDC0AB solid 1px ;
}
div#esquina_top2 {
  background: url(../imagenes/esquina_top2.jpg);
  position: absolute;
  left: 35px;
  top: 2px;
  width: 171px;
  height: 266px;
}
div#texto_exclusivo {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 182px;
  height: 102px;
  font-size: 22px;
  text-align: center;
  color: #292929;
}
.peque {
  position: absolute;
  top: 90px;
  left: 12px;
  font-size: 13px;
  color: #4E4E4E;
}
.rojo {
  position: absolute;
  top: 26px;
  left: 13px;
  color: #FF0000;
  display: block;
  text-align: center;
  font-size: 20px;
}
.renault {
  font-size: 12px;
  color: #2C2C2C;
  border-bottom: solid 1px #EBEBEB;
  padding-bottom: 3px;
}

.compramos{
  position: absolute;
  top: 120px;
  left: 3px;
  font-size: 12px;
  color: #383838;
}
.rojoo {
  position: absolute;
  top: 0px;
  left: 27px;
  color: #FF0000;
  font-size: 24px;
}

div#acuerdo {
  position: absolute;
  left: 7px;
  top: 280px;
  width: 200px;
  height: 175px;
  font-size: 14px;
  text-align: center;
}
div#foto_acuerdo {
  background: url(../imagenes/acuerdo.jpg);
  position: absolute;
  left: 45px;
  top: 45px;
  width: 113px;
  height: 75px;
  font-size: 14px;
}
div#flash_exclusivo {
  position: absolute;
  top: 122px;
  left: 0px;
  width: 210px;
  height: 160px;
}
/* .................................Menu.................................... */
div#menu_div {
  position: absolute;
  top: 140px;
  left: 210px;
  width: auto;
  height: 50px;
}

ul#menu
	{ margin:0;
      padding:0px ;
      list-style:none;
      width:561px;
      height:47px;
      font:normal 8pt verdana, arial, helvetica;

    }
ul#menu li
	{ margin:0;
      padding:0;
      display:block;
      float:left;
      position:relative;
      width: 110px;
      height: 45px;
    }
ul#menu li a:link, ul#menu li a:visited
	{
      display:block;
      text-align:center;
      text-decoration:none;
      background: #919191;
      color:#ffffff;
      width: 110px;
      height: 30px;
      border: #FFFFFF solid 1px;
      padding-top: 15px;
    }
ul#menu li a:hover , ul#menu li a:active   /*  si quiero que se quede de color claro cuando haga click */
	{
      display:block;
      text-align:center;
      text-decoration:none;
      background: #E2A618;
      color:#ffffff;
      width: 110px;
      height: 30px;
      border: #FFFFFF solid 1px;
      padding-top: 15px;
    }

li#empresa {
   background: #E2A618;
}

/* ............................... Pies  .................................... */

div#pie {
  background: #919191;
  position: absolute;
  left: 210px;
  bottom: 0px;
  width: 552px;
  height: 60px;
  height: 70px;
}
div#pie_izq {
  background: #CDC0AB;
  position: absolute;
  left: 0px;
  bottom: -20px;
  width: 209px;
  height: 70px;
}
div#pie_der {
  background: #CDC0AB;
  position: absolute;
  left: 0px;
  bottom: -20px;
  width: 212px;
  height: 70px;
}
/* .............................Separadores.................................. */

div#separador_izq {
  background: url(../imagenes/separador_izq.jpg);
  position: absolute;
  bottom: 50px;
  left: 0px;
  width: 210px;
  height: 2px;

}
div#separador_der {
  background: url(../imagenes/separador_izq.jpg);
  position: absolute;
  bottom: 50px;
  left: 0px;
  width: 212px;
  height: 2px;

}


/* .............................Contenido Pie................................ */

div#pie_cont {
  position: absolute;
  top: 0px;
  left: 95px;
  width: 370px;
  height: 46px;
  font-size: 10px;
  font-family: "Arial Black";
}
div#derechos {
  position: absolute;
  top: 15px;
  left: 27px;
  color: #D4D4D4;
  font-size: 12px;
  font-family: "Times New Roman";
}
div#leer {
  position: absolute;
  top: 30px;
  left: 70px;
  color: #D4D4D4;
  font-size: 12px;
  font-family: "Times New Roman";
}


a.pie:link {
	text-decoration: none;
    color:#F2F2F2;
}
a.pie:visited {
	text-decoration: none;
	color:#F2F2F2;
}
a.pie:hover {
	text-decoration: none;
	color:#E2A618;
}
a.pie:active {
	text-decoration: none;
	color:#F2F2F2;
}
a.pie {
    outline:0;
}




a.politica:link {
	text-decoration: underline;
    color:#E2A618;
}
a.politica:visited {
	text-decoration: underline;
	color:#E2A618;
}
a.politica:hover {
	text-decoration: underline;
	color:#F9EAC6;
}
a.politica:active {
	text-decoration: underline;
	color:#E2A618;

}




a.exclusiva:link {
	text-decoration: underline;
    color:#2D2D2D;
}
a.exclusiva:visited {
	text-decoration: underline;
	color:#2D2D2D;
}
a.exclusiva:hover {
	text-decoration: underline;
	color:#6E6E6E;
}
a.exclusiva:active {
	text-decoration: underline;
	color:#2D2D2D;
}
