@charset "utf-8";
/* CSS Document */

body { background:url(../images/bg-quaker.jpg) no-repeat center top; background-color:#000; color:#FFF; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}
a, object { outline:none}
div#wrapper{ width:1000px; min-height:458px; margin:0 auto;}
.bg-home{ height:520px; background:url(../images/bg-home.jpg) no-repeat}
.bg-centro-inteligencia{ height:609px; background:url(../images/bg-centro-de-inteligencia1.jpg) no-repeat}
img{ border:none}

/*** Menu ***/
#menu{ width:1000px; height:145px}
#menu ul{ width:430px; height:88px; margin:0; padding:25px 0 32px 0; list-style:none; display:block; float:left}
#menu li{ height:40px; float:left; text-indent:-2500px}
#menu .menu-productos{ width:115px;}
#menu .menu-productos a{ width:115px; height:40px; display:block; }
#menu .menu-centro-de-inteligencia{ width:260px; padding-right:55px}
#menu .menu-centro-de-inteligencia a{ width:260px; height:40px; display:block}
#menu .menu-historia{ width:100px; height:34px; padding-top:13px; margin-left:150px;}
#menu .menu-historia a{ width:100px; height:34px; display:block}
#menu .menu-descargas{ width:180px; height:34px; padding-top:13px;}
#menu .menu-descargas a{ width:180px; height:34px; display:block}
#menu .menu-promociones{ width:148px; padding-left:55px}
#menu .menu-promociones a{ width:148px; height:40px; display:block}
#menu .menu-distribuidores{ width:227px;}
#menu .menu-distribuidores a{ width:227px; height:40px; display:block}
#menu .menu-registro{ width:135px; height:34px; padding-top:13px;}
#menu .menu-registro a{ width:135px; height:34px; display:block}
#menu .menu-contacto{ width:135px; height:34px; padding-top:13px; padding-right:160px}
#menu .menu-contacto a{ width:135px; height:34px; display:block}
#logo-qs{ width:140px; height:145px; float:left}
#logo-qs h1{ margin:0; padding:0; text-indent:-2500px}
#logo-qs h1 a{ width:140px; height:145px; display:block}

/*** Footer ***/
#footer{ width:1000px; height:30px; padding-top:20px; float:left; color:#999; font-family:Verdana, Geneva, sans-serif; font-size:9px; background:url(../images/clear.gif)}
#footer ul{ margin:0; padding:0}
#footer li{ margin:0; padding:0; list-style:none; float:left; padding:0 10px}
#footer .legal{ width:780px;}
#footer .firma{ width:180px; text-align:right}
#footer a{ color:#999; text-decoration:none}

/*** Banner Inferior General***/
#banner-inferio{ width:1000px; height:146px; float:left}


/*** Home ***/
#contect-home{ width:1000px; height:313px; float:left}

/*** Centro de Inteligencia ***/
#content-ci{ width:1000px; height:415px; float:left}
.centro-inteligencia-izquierda{ width:340px; height:402px; float:left; padding:0 45px}
.centro-inteligencia-izquierda h2{ width:340px; height:70px; margin:0; padding:0 0 20px 0; display:block; text-indent:-2500px}
.galeria-ci{ width:320px; height:240px; float:left; padding:0 10px}
.centro-inteligencia-izquierda ul{ width:333px; margin:0; padding:5px 0 5px 7px; list-style:none; float:left}
.centro-inteligencia-izquierda .lista-ci{margin:0; padding:0 20px 0 5px; float:left; font-weight:bold}
.centro-inteligencia-izquierda .lista-gal{margin:0; padding:0 20px 0 22px; float:left; font-weight:bold}
.thumb-video{ width:48px; height:47px; float:left; padding-left:10px}
.thumb-galeria{ width:262px; height:47px; float:left; padding-left:30px}
.centro-inteligencia-derecha{ width:510px; height:335px; float:left; padding:25px 45px 15px 15px}
.foto-galeria{ width:320px; height:240px; float:left}
.galeria-1{width:320px; height:240px;}
#Galeria2, #Galeria3, #Galeria4, #Galeria5, #Galeria6, #Galeria7, #Galeria8, #Galeria9, #Galeria10, #Galeria11, #Galeria12, #Galeria13, #Galeria14, #Galeria15, #Galeria16, #Galeria17, #Galeria18, #Galeria19, #Galeria20, #Galeria21{ display:none}


/*** Historia ***/
.bg-historia{ height:724px; background:url(../images/bg-historia.jpg) no-repeat}
.bg-historia-2{ height:821px; background:url(../images/bg-historia-4.jpg) no-repeat}
#content-historia{ width:1000px; height:530px; float:left}
#content-historia1{ width:1000px; height:620px; float:left}
#general-historia{ width:384px; height:auto; float:left; padding:0 0 0 16px}
#menu-historia{ width:312px; height:132px; background:url(../images/img-menu-historia-quaker-state.png) no-repeat; float:left; padding:0 72px 28px 0}
#menu-historia ul{ width:293px; height:100px; margin:0; padding:32px 19px 0 0; list-style:none;}
#menu-historia li{ width:293px; height:33px; text-indent:-2500px}
#menu-historia li a{ width:293px; height:33px; display:block}
#menu-img{ width:348px; height:284px; float:left; margin:0 18px}
#descripcion-historia{ width:555px; height:auto; float:left; padding:5px 45px 0 0}
#descripcion-historia img{ padding-left:115px}
#descripcion-historia a{ color:#fff; text-decoration:none}
#descripcion-historia h2{ width:555px; font-size:20px; color:#ff0}
#descripcion-historia p{ padding-left:44px}
#descripcion-historia span{ font-weight:bold; font-size:15px}
.imagen-historia-productos{ width:242px; height:179px; background:url(../images/img-aceites-historia-quaker-state.png); float:left; margin:0 65px 0 286px}
.logos-quaker{ width:1000px; height:150px; float:left}


/*** Productos ***/
.bg-productos-general{ width:1000px; height:500px; background:url(../images/bg-productos-general1.jpg) no-repeat}
#content-productos-general{ width:930px; height:310px; float:left; padding:0 35px}
.producto-general{ width:170px; height:310px; float:left; text-indent:-2500px}
.producto-general-aditivo{ width:200px; height:310px; float:left; text-indent:-2500px}
.producto-general-aditivo h2, .producto-general-diesel h2{ margin:0; padding:0}
.producto-general-aditivo a{ width:200px; height:310px; display:block}
.producto-general-diesel{ width:210px; height:310px; float:left; text-indent:-2500px}
.producto-general-diesel a{width:210px; height:310px; display:block}
.producto-general a{ width:170px; height:310px; display:block}
.producto-general h2{ margin:0; padding:0}

/*** Descarga ***/
.bg-descargas{ width:1000px; height:606px; background:url(../images/bg-descargas.jpg) no-repeat}
#video{ width:400px; height:auto; float:left; padding:10px 25px 0 290px}
#video ul{ width:200px; height:auto; margin:0; padding:0; list-style:none; display:block; float:left}
#video li{ width:200px; height:auto; display:block; margin:0; padding:0; font-size:9px}
#video .lista-superior-video{ padding-bottom:10px}
#video img{ border:none}
#video .wallpapper-size{ font-size:11px; padding:3px 0 5px 0}
#video a{ color:#fff; text-decoration:none}
#descargas{ width:270px; height:195px; float:left; padding:0 15px 210px 0px}
.descarga{ width:270px; height:45px; float:left; text-indent:-2500px}
.descarga h2{ margin:0; padding:0; font-size:14px}
.wallpaper{ width:215px; padding-left:55px}
.wallpaper a{ width:215px; height:45px; display:block}
.canal-youtube{ width:240px; padding-left:30px}
.canal-youtube a{ width:240px; height:45px; display:block}
.personaliza{ width:270px; height:45px;}
.personaliza a{ width:270px; height:45px; display:block}
#video-campana, #video-campana1, #video-campana2, #video-campana3{ display:none}
#wallpapers{width:426px; height:auto; float:left; padding:10px 25px 0 264px}
.previo-wallpapers{ width:397px; height:207px; padding:13px 16px 13px 13px; float:left; background:url(../images/img-bloque-wallpapers.png) no-repeat}
.previo-wallpapers ul{width:397px; height:207px; margin:0; padding:0; list-style:none}
.previo-wallpapers ul li{width:397px; height:207px; margin:0; padding:0;}
.previo-wallpapers .medidas{ width:397px; height:25px; margin:0; padding:182px 0 0 0; display:block}
.previo-wallpapers .medidas li{height:22px; margin:0; padding:3px 0 0 0; font-weight:bold; text-align:center}
.medidas .medida-wall{ width:75px; height:22px; margin:0; padding:3px 0 0 0; float:left; color:#b6d043M;}
.medidas .medida-wall a{color:#b6d043; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.medidas .medida-wall a:hover{ color:#627828}
.medidas .descarga-wallpaper{ width:150px; display:block; float:left}
#wall-2{background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-productos.png) no-repeat}
#wall-3{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-historia-de-logos.png) no-repeat}
#wall-4{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-memo-ochoa.png) no-repeat}
#wall-5{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-aciete-y-fuego.png) no-repeat}
#wall-6{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-bandera-de-salida.png) no-repeat}
#wall-7{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-auto-rojo.png) no-repeat}
#wall-8{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-carretera-y-logo-de-quaker-state.png) no-repeat}
#wall-9{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-auto-de-carreras-con-tacometro.png) no-repeat}
#wall-10{display:none; background:url(../images/thumbs-walls/completos/wallpaper-quaker-state-motociclista-en-carretera.png) no-repeat}
#wallpapers .thumbs-walpapers{ width:394px; clear:left; list-style:none; margin:0; padding:10px 0 0 32px}
#wallpapers .thumbs-walpapers li{ width:43px; height:43px; margin:0; padding:0 10px 10px 0; float:left}
#wallpapers .thumbs-walpapers a:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5; -khtml-opacity: 0.5;}


/*** Distribuidores ***/
.bg-distribuidores{ width:1000px; height:610px; background:url(../images/bg-distribuidores1.jpg)}
#selecciona{ width:1000px; height:420px;}
.selecciona-estado{ width:235px; height:220px; float:left; padding:195px 10px 0 60px}
.selecciona-estado form{ width:235px; height:245px; margin:0; padding:0;}
.selecciona-estado ul{ width:235px; height:245px; margin:0; padding:0; list-style:none}
.selecciona-estado li{ width:235px; height:25px; padding:20px 0 60px 0; text-align:center}
.selecciona-estado select{ width:200px; background-color:#fff; border:1px solid #fff}
.localizacion{ width:400px; height:375px; float:left; padding:25px 0 20px 0}
.localizacion h2{ margin:0; padding:0; font-size:10px; width:400px; height:20px; text-indent:-2500px; display:block}
.localizacion .distribuidor{ width:360px; height:60px; float:left; padding:20px; padding-bottom:0}
.localizacion .distribuidor p{ margin:0; padding:0 0 7px 0; font-weight:bold; color:#e3e48f; text-align:center; font-size:16px}
.mapa-distribuidor{ width:388px; height:245px; float:left; padding:15px 6px 35px 6px}
.direccion{ width:220px; height:220px; float:left; padding:200px 45px 0 30px}
.direccion p{ margin:0; padding:0; font-weight:bold}

/***** Acesor Virtual ***/
.bg-edita-perfil{ width:100px; height:609px; background:url(../images/bg-asesor-virtual-perfil.jpg)}
#content-perfil{ width:915px; height:419px; padding:0 55px 0 30px}
#edita-perfil{ width:200px; height:419px; float:left; padding-right:20px}
#edita-perfil a{ color:#fff; text-decoration:none}
.nombre-perfil{ width:200px; height:38px; padding:40px 0 10px 0; float:left}
.nombre-perfil p{ margin:0; padding:0; text-align:center; font-weight:bold}
.edita-perfil{ width:200px; height:25px; padding:230px 0 76px 0; float:left}
.edita-perfil p{ margin:0; padding:0; text-indent:-2500px;}
.edita-perfil a{ width:200px; height:25px; display:block}
#datos-perfil{ width:695px; height:419px; float:left}
.lista-autos{ width:665px; height:20px; margin:0; padding:15px 0 0 30px; list-style:none; float:left; display:block}
.lista-autos a{ color:#fff; text-decoration:none}
.lista-autos li{ padding-right:20px; float:left}
.especificaciones-auto{ width:695px; height:384px; float:left; }
.especificaciones-auto ul{ height:172px; margin:0; padding:10px 0 0 30px; list-style:none; display:block; float:left}
.especificaciones-auto p{ width:665px; height:20px; margin:0; padding:0 0 0 30px; display:block; float:left}
.especificaciones-auto li{ margin:0; padding-bottom:3px;}
.especificaciones-auto .datos-auto{width:220px; height:172px; padding:10px 0 0 30px}
.especificaciones-auto .aceites-recomendados{width:415px; height:182px;padding:0 30px 0 0;}
.especificaciones-auto .aceites-recomendados li{ width:89px; height:150px; padding:0 10px; float:left;}
.especificaciones-auto .aceites-recomendados .recomendado{ width:415px; height:15px; padding:7px 0 10px 0; text-align:center}
.especificaciones-auto .aceites-recomendados .primer-recomendado{ margin-left:90px}
.requisitos{ width:665px;}


/*** Editar perfil ***/
.bg-perfil{ width:100px; height:609px; background:url(../images/bg-editar-perfil.jpg)}
#lista-autos{ width:200px; height:230px; float:left}
#lista-autos ul{ width:200px; height:210px; margin:0; padding:20px 0 0 0; list-style:none}
#lista-autos li{height:25px; float:left; display:block; padding-bottom:10px}
#lista-autos .auto-editable{ width:150px}
#lista-autos .editable-auto{ width:50px}
#lista-autos a{ color:#fff; text-decoration:none}
.agregar-auto{ width:200px; height:25px; padding:0 0 76px 0; float:left}
.agregar-auto p{ margin:0; padding:0; text-indent:-2500px}
.agregar-auto a{ width:200px; height:25px; display:block}
#editar-datos-perfil{ width:505px; height:334px; float:left; padding:85px 80px 0 70px}
#editar-datos-perfil ul{ width:525px; height:334px; margin:0; padding:0; list-style:none; }
#editar-datos-perfil form{ width:525px; height:334px; margin:0; padding:0}
#editar-datos-perfil li{ height:25px; margin:0; padding:0 0 27px 0; float:left; display:block}
#editar-datos-perfil .field-completo{ width:525px}
#editar-datos-perfil .field-tres{ width:150px;}
#editar-datos-perfil .field-tres-centro{ padding:0 20px 0 30px}
#editar-datos-perfil #ano{ width:100px; margin-right:10px}
#editar-datos-perfil #mes{ width:50px; margin-right:10px}
#editar-datos-perfil #dia{ width:50px; margin-right:10px}
#editar-datos-perfil .sexo{ height:25px; padding:3px 0 25px 0; margin-left:135px}
#editar-datos-perfil #Femenino{ margin-left:85px}
#editar-datos-perfil .estado{width:150px; padding:10px 50px 0 0}
#editar-datos-perfil .municipio-del{width:150px; padding:10px 0 0 0}
#editar-datos-perfil .notificaciones{ width:25px; height:30px; clear:left;padding:26px 0 0 0; margin-left:290px}
#editar-datos-perfil .boton-guardar{ clear:left; padding-top:20px; margin-left:420px}