/*Estilos generales*/
body{margin:0;padding:0;text-align:center;font:normal 70% "arial",verdana,Tahoma,Helvetica,sans-serif;color:#515151;background:url(../img/fondo.gif) repeat-x}
body.no{background:none !important}
fieldset{border:none;margin:0;padding:0}
legend{display:none}
img{border:none}
.sinborde{background:none !important}
h1{margin:0;padding:0}
a{outline:none}
.marca{float:left;background:url(../img/marca.gif) bottom left no-repeat;width:100%}
.rojo{color:#f2042c;font-weight:bold;text-transform:uppercase}
noma{margin:10px 0 0 0;padding:0}
.rojox{color:#fc0505;font-weight:bold;margin:0;padding:0;font-size:120%}
.noma2{margin:0;padding:0}
p.new{color:#8d8c8c;font-weight:bold;font-size:120%}
.rojon{color:#fc0505;font-weight:bold;margin:0;padding:0}
span.rojon{color:#fc0505;font-weight:bold;margin:0;padding:0;text-transform:uppercase}
.bloq_int h2{font-size:100%;margin:0;paddding:0}
p.bases a{color:#5e5e5e;text-decoration:none;font-size:80%;font-weight:bold}
p.bases a:hover{text-decoration:underline}
p.gr{font-size:130%;font-weight:bold;text-transform:capitalize;margin:20px 0;float:left}
.bloq_int .foto_modulon{float:left;width:480px;margin:0 10px;font-size:120%;color:#8a8a8a}
* html .bloq_int .foto_modulon{margin:0 5px}
.bloq_int .foto_modulon img{float:left;margin-right:10px}
.bloq_int .foto_modulon ul{float:left;list-style:none;clear:both;margin:0;padding:0}
.bloq_int .foto_modulon ul li{background:url(../img/bolo_rojo.gif) 0 .42em no-repeat;padding-left:10px;margin:10px 0}
.bloq_int .foto_modulon .ii{float:left;width:140px}
.bloq_int .foto_modulon .dd{float:left;width:320px}

/*Estructura*/
#centrado{width:771px !important;margin:0 auto;text-align:left}
#cabecera{float:left;width:100%}
#cabecera h1{background:url(../img/cepsa.gif) 0 0 no-repeat;margin:0;padding:0 50px 0 0;width:86px;height:26px}
#cabecera ul.menu{float:right;list-style:none;clear:both;margin:0;padding:0}
#cabecera ul.menu li{float:left;display:inline;margin:20px 0 0 2px}
#cabecera ul.menu li.uno{background:url(../img/gama_optima.gif);width:78px;height:29px}
#cabecera ul.menu li.uno a.on{background:url(../img/gama_optima2.gif) 0 0 no-repeat}
#cabecera ul.menu li a{text-indent:-5000px;display:block}
#cabecera ul.menu li.uno a:hover{background:url(../img/gama_optima2.gif) 0 0 no-repeat}
#cabecera ul.menu li.uno a{width:78px;height:29px}

#cabecera ul.menu li.dos{background:url(../img/productos.gif);width:64px;height:29px}
#cabecera ul.menu li.dos a{width:64px;height:29px}
#cabecera ul.menu li.dos a:hover{background:url(../img/productos2.gif) 0 0 no-repeat}
#cabecera ul.menu li.dos a.on{background:url(../img/productos2.gif) 0 0 no-repeat}

#cabecera ul.menu li.tres{background:url(../img/prolonga_vida_motor.gif);width:150px;height:29px}
#cabecera ul.menu li.tres a{width:150px;height:29px}
#cabecera ul.menu li.tres a:hover{background:url(../img/prolonga_vida_motor2.gif) 0 0 no-repeat}
#cabecera ul.menu li.tres a.on{background:url(../img/prolonga_vida_motor2.gif) 0 0 no-repeat}

#cabecera ul.menu li.cuatro{background:url(../img/ahorro.gif);width:59px;height:29px}
#cabecera ul.menu li.cuatro a{width:59px;height:29px}
#cabecera ul.menu li.cuatro a:hover{background:url(../img/ahorro2.gif) 0 0 no-repeat}
#cabecera ul.menu li.cuatro a.on{background:url(../img/ahorro2.gif) 0 0 no-repeat}

#cabecera ul.menu li.cinco{background:url(../img/investigacion.gif);width:80px;height:29px}
#cabecera ul.menu li.cinco a{width:80px;height:29px}
#cabecera ul.menu li.cinco a:hover{background:url(../img/investigacion2.gif) 0 0 no-repeat}
#cabecera ul.menu li.cinco a.on{background:url(../img/investigacion2.gif) 0 0 no-repeat}

#cabecera ul.menu li.seis{background:url(../img/medio_ambiente.gif);width:76px;height:29px}
#cabecera ul.menu li.seis a{width:76px;height:29px}
#cabecera ul.menu li.seis a:hover{background:url(../img/medio_ambiente2.gif) 0 0 no-repeat}
#cabecera ul.menu li.seis a.on{background:url(../img/medio_ambiente2.gif) 0 0 no-repeat}

#cabecera ul.menu li.siete{background:url(../img/ofertas_optima.gif);width:93px;height:29px}
#cabecera ul.menu li.siete a{width:93px;height:29px}
#cabecera ul.menu li.siete a:hover{background:url(../img/ofertas_optima2.gif) 0 0 no-repeat}
#cabecera ul.menu li.siete a.on{background:url(../img/ofertas_optima2.gif) 0 0 no-repeat}

#cabecera2{float:left;width:100%;padding:10px 0 0 0}

#interior{float:left;width:99%;padding:20px 0 0 5px}
#interior #izda{width:513px;float:left}
#interior #izda .primero{float:left;width:504px;height:230px;margin:0;background:url(../img/gasolinas.gif) 0 0 no-repeat;padding:14px 0 0 10px}
#interior #izda .primero .uno{padding-top:124px;font-size:90%;float:left;width:220px;height:78px;background:url(../img/diesel.gif) 0 0 no-repeat;margin-right:34px}
#interior #izda .primero .noma{margin-right:0}
#interior #izda .primero .uno span{line-height:10px;margin:0 10px;display:block;float:left;color:#6a6a6a}
* html #interior #izda .primero .uno span{margin-left:5px}
#interior #izda .primero .uno a{margin:35px 0 0 130px;float:left}

#interior #izda .primero .dos{padding-top:124px;font-size:90%;float:left;width:221px;height:78px;background:url(../img/gasolina.gif) 0 0 no-repeat;margin-right:34px}
#interior #izda .primero .noma{margin-right:0}
#interior #izda .primero .dos span{line-height:10px;margin:0 10px;display:block;float:left;color:#6a6a6a}
* html #interior #izda .primero .dos span{margin-left:5px}
#interior #izda .primero .dos a{margin:35px 0 0 130px;float:left}

#interior #izda .segundo{float:left;width:502px;height:322px;background:url(../img/punteado.gif) 0 0 repeat-x}
#interior #izda .segundo .punteado{float:left;width:502px;height:322px;background:url(../img/punteado2.gif) top right no-repeat}
#interior #izda .segundo .punteado h2{margin:0;padding:16px 0 8px 0;float:left;width:100%}
#interior #izda .segundo .punteado .bloque{padding:20px;float:left;width:210px;height:200px;background:url(../img/fondo_cuadro.gif) 0 0 no-repeat}
#interior #izda .segundo .punteado .bloque p.enl{margin:0;padding:0 0 10px 0;float:left;width:100%;}
#interior #izda .segundo .punteado .bloque p.enl a{text-decoration:underline;background:url(../img/bolo.gif) 0 .3em no-repeat;color:#7f7f7f;padding:0 0 0 15px;font-size:120%}
#interior #izda .segundo .punteado .bloque p.enl a:hover{text-decoration:none}

#interior #dcha{width:240px;float:left}
#interior #dcha .ventajas{float:left;width:204px;background-color:#f7f7f7;padding:18px;margin-left:5px}
* html #interior #dcha .ventajas{margin-left:3px}
#interior #dcha .ventajas .bloq{float:left;width:100%;margin:15px 0 0 0}
#interior #dcha .ventajas .bloq p.tit{margin:0;padding:0;float:left;width:100%;background:url(../img/bolo.gif) 0 .3em no-repeat;color:#5e5e5e;font-weight:bold;padding-left:15px}
#interior #dcha .ventajas .bloq p.txt{font-size:90%;padding-left:15px;margin:0;color:#656565;float:left;width:90%}
#interior #dcha .ventajas .bloq a{color:#f2042c;text-decoration:none;float:left;text-align:right;width:100%;font-size:90%;font-weight:bold;font-family:"tahoma",arial;padding-right:10px}
#interior #dcha .ventajas .bloq a:hover{text-decoration:underline}

#interior #dcha .ppr{float:left;width:100%;margin:7px 0;text-align:right}
#interior #dcha .prolonga{float:right;text-align:right;width:100%}
#interior #dcha .ppr2{float:left;width:100%;margin:7px 0}

#interior #dcha a.buscador{float:left;width:100%;text-decoration:underline;color:#666;text-align:left;font-size:80%;font-family:"tahoma",verdana}
#interior #dcha a:hover.buscador{text-decoration:none}
#pie{float:left;width:637px;margin:10px 0 0 6px;background:url(../img/fondo_pie.gif) 0 0 repeat-x}
#pie ul{list-style:none;float:right;margin:11px 0 20px 0;padding:0}
#pie ul li{display:inline}
#pie ul li a{text-decoration:none;color:#ababab}
#pie ul li a:hover{text-decoration:underline}
#pie ul li.esp img{float:left;margin-right:10px}
/*Interiores*/
.bloq_int{float:left;width:490px;margin-left:10px}
* html .bloq_int{margin-left:5px}
.bloq_int h2{float:left;width:100%;margin:0 0 10px 0;padding:0}
.bloq_int .foto_modulo{float:left;width:480px;margin:0 10px;font-size:120%;color:#8a8a8a}
* html .bloq_int .foto_modulo{margin:0 5px}
.bloq_int .foto_modulo2{float:left;width:490px;margin:0 10px 0 0;font-size:120%;color:#8a8a8a}
* html .bloq_int .foto_modulo2{margin:0 5px 0 0}
.bloq_int .foto_modulo img{float:left;margin-right:10px}
.bloq_int .foto_modulo ul,.bloq_int .foto_modulo2 ul{float:left;list-style:none;clear:both;margin:0;padding:0}
.bloq_int .foto_modulo ul li,.bloq_int .foto_modulo2 ul li{background:url(../img/bolo_rojo.gif) 0 .42em no-repeat;padding-left:10px;margin:10px 0}
.bloq_int .foto_modulo2 .fotos{float:left;width:100%;margin:35px 0 0 0}
.bloq_int .foto_modulo2 .fotos a{padding-right:11px;float:left}

#interior #dcha .ventajas2{float:left;width:224px;background-color:#f0f0f0;padding:8px;margin-left:5px}
* html #interior #dcha .ventajas2{margin-left:3px;width:210px}
#interior #dcha .ventajas2 .bloq{float:left;width:100%;margin:15px 0 0 0}
#interior #dcha .ventajas2 ul{list-style:none;margin:20px 0 50px 0;padding:0;float:left;clear:both;width:100%}
#interior #dcha .ventajas2 ul li{padding:0 0 15px 0;float:left;width:100%;clear:both}
* html #interior #dcha .ventajas2 ul li{width:102%}
#interior #dcha .ventajas2 ul li a{text-decoration:none;background:url(../img/bolo.gif) 0 .3em no-repeat;font-size:110%;color:#5e5e5e;padding:0 0 0 15px}
#interior #dcha .ventajas2 ul li a.on{font-weight:bold}
#interior #dcha .ventajas2 ul li a:hover.on{text-decoration:none}
#interior #dcha .ventajas2 ul li a:hover{text-decoration:underline}
#interior #dcha .ventajas2 ul li ul{margin:10px 0 0 18px;padding:0;float:left;clear:both}
*:first-child+html #interior #dcha .ventajas2 ul li ul{margin:10px 0 0 18px}
* html #interior #dcha .ventajas2 ul li ul{margin:10px 0 0 5px}
#interior #dcha .ventajas2 ul li ul li{padding:0;float:left;clear:both}
#interior #dcha .ventajas2 ul li ul li a{text-decoration:none;background:url(../img/bolo_gris.gif) 0 .42em no-repeat;font-size:100%;padding:0 0 0 6px;color:#000}
#interior #dcha .ventajas2 ul li ul li a.on{font-weight:bold}
#interior #dcha .ventajas2 ul li ul li ul{float:left;margin:0;padding:8px 0;width:90%}
#interior #dcha .ventajas2 ul li ul li ul li a{background:none}

.gaso{float:left}
.gaso a,.gaso img{margin:0;padding:0;float:left}
.descuento{color:#000;background-color:#f2f2f2;width:220px;font-size:90%;font-weight:bold;padding:3px;margin:0 auto}
p.i{float:right}
p.d{float:left}

ul.descargas{float:left;list-style:none;font-size:90%;padding-left:100px;width:95%}
* html ul.descargas{padding-left:50px}
ul.descargas li{background:url(../img/bolo_rojo.gif) 0 .45em no-repeat;padding:0 0 0 10px;width:100%;float:left}
ul.descargas li a{color:#8a8989;text-decoration:underline}
ul.descargas li a:hover{text-decoration:none}
ul.descargas li ul{list-style:none;margin:10px 0;padding:0;float:left;clear:both;width:100%}
ul.descargas li ul li{background:none !important;width:100%;clear:both}

.opiniones{float:left;width:100%;color:#000;background:url(../img/fondo_opi.gif) bottom left repeat-x;margin-bottom:10px}
.opiniones p.tit{background:url(../img/arroba.gif) 0 0 no-repeat;float:left;width:450px;font-size:80%;font-weight:bold;height:17px;padding-left:25px;margin:0}
.opiniones p.tit span{padding-left:20px}
.opiniones p.txt{font-size:80%;padding:0 0 0 25px;clear:both}
* html .opiniones p.txt{padding:0 0 10px 25px}
.opiniones p.tit2{background:url(../img/movil.gif) 0 0 no-repeat;float:left;width:450px;font-size:80%;font-weight:bold;height:22px;padding-left:25px;margin:0}
.opiniones p.tit2 span{padding-left:20px}

ul.paginacion{float:left;list-style:none;font-size:80%;width:100%;text-align:center}
ul.paginacion li{display:inline;border:1px solid #e1e0e0;padding:0 3px;margin:0 4px;background:none !important}
* html ul.paginacion li{float:left}
ul.paginacion li.no{border:none}
ul.paginacion li a{color:#605e5e;text-decoration:none}
ul.paginacion li a:hover{color:#ee1717}
ul.paginacion li.on{color:#ee1717;font-weight:bold}

ul.mapa{float:left;margin:0;padding:0;width:100%;list-style:none;font-size:80%;width:90%}
ul.mapa li{background:url(../img/bolo_rojo.gif) 0 .49em no-repeat;padding:0 0 0 8px;float:left;width:100%}
ul.mapa a{color:#454444;text-decoration:none}
ul.mapa a:hover{text-decoration:underline}
ul.mapa li ul{list-style:none;margin-top:8px;margin-bottom:8px;float:left;width:100%}
ul.mapa li ul li{background:url(../img/bolo_gris.gif) 0 .52em no-repeat;padding-left:7px;float:left;width:100%;margin:0}
ul.mapa li ul li ul{list-style:none;float:left;width:100%;margin:0;padding:0}
ul.mapa li ul li ul li{background:none !important;float:left;width:100%;margin:0;padding:0}

* html .pagin{float:left;padding:0 0 0 180px}