html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
list-style-type:none;
text-decoration:none;
}
body {
background:#fff;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:0.7em;
color:#5c5c5c;
}
.clear {
clear:both;
margin:0;
}
/* Header */
#header {
background:transparent url(../img/headerbg.jpg) repeat-x;
height:100px;
}
#header #header_content {
width:960px;
margin:0 auto;
}
#header .logo {
background:url(../img/logoheader.jpg) no-repeat;
width:152px;
height:43px;
float:left;
margin:15px 15px 0 0;
}
#header .nav_top {
margin:15px 15px 0 15px;
float:left;
font-size:14px;
font-weight:bold;
}
#header .nav_top a {
color:#fff;
}
#header .nav_top a:visited, a:hover {
color:#09f;
text-decoration:none;
}
#header .contactenos_top {
background:url(../img/contactenos.jpg) no-repeat top left;
overflow:hidden;
text-indent:-9999px;
display:block;
width:300px;
height:33px;
float:left;
margin:5px 0;
}
#header a.contactenos_top:hover {
background:url(../img/contactenos.jpg) no-repeat bottom left;
}
#header #content_nav {
margin:0;
float:left;
padding:0;
}
#header #content_login {
margin:0;
float:right;
}
.nav_top .content_nav_top {
width:auto;
float:left;
margin:15px 25px 0 0;
}
.nav_top .content_nav_letras {
width:auto;
float:left;
margin:8px 25px 0 0;
}
.nav_top .contraste {
background:transparent url(../img/contraste.jpg) no-repeat;
float:left;
text-indent:-9999px;
width:59px;
height:12px;
margin:3px 5px 0;
}
.nav_top .contraste_blanco {
background:transparent url(../img/contrastb.jpg) no-repeat;
height:12px;
width:11px;
text-indent:-9999px;
float:left;
margin:3px 5px 0;
}
.nav_top .contraste_azul {
background:transparent url(../img/contrasta.jpg) no-repeat;
height:12px;
width:11px;
text-indent:-9999px;
float:left;
margin:3px 0;
}
.nav_top .letra {
background:transparent url(../img/letra.jpg) no-repeat;
text-indent:-9999px;
width:30px;
height:13px;
float:left;
display:block;
margin:10px 5px 0;
}
.nav_top .a1 {
background:transparent url(../img/a1.jpg) no-repeat;
text-indent:-9999px;
width:23px;
height:19px;
float:left;
margin:3px 0;
}
.nav_top .a2 {
background:transparent url(../img/a2.jpg) no-repeat;
text-indent:-9999px;
width:25px;
height:22px;
float:left;
margin:0 5px 0;
}
.registrese {
background:transparent url(../img/registrese.jpg) no-repeat top left;
text-indent:-9999px;
width:112px;
height:42px;
overflow:hidden;
float:right;
margin:0 5px 0 0;
}
a.registrese:hover {
background:transparent url(../img/registrese.jpg) no-repeat bottom left;
}
.ingrese {
background:transparent url(../img/ingrese.jpg) no-repeat top left;
overflow:hidden;
text-indent:-9999px;
float:right;
margin:0 5px 0 0;
width:95px;
height:42px;
}
a.ingrese:hover {
background:transparent url(../img/ingrese.jpg) no-repeat bottom left;
}
#nav_bottom {
margin:0 auto;
width:970px;
position:relative;
z-index:10;
}
#nav_bottom li {
display:inline;
}
#nav_bottom .inicio {
background:transparent url(../img/inicio.jpg) no-repeat top left;
width:61px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 25px 0 0;
}
#nav_bottom a.inicio:hover, .inicio_activo {
background:transparent url(../img/inicio.jpg) no-repeat bottom left;
width:61px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 25px 0 0;
}
#nav_bottom .productos {
background:transparent url(../img/productos.jpg) no-repeat top left;
width:85px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
cursor:pointer;
}
#nav_bottom a.productos:hover, .productos_activo {
background:transparent url(../img/productos.jpg) no-repeat bottom left;
width:85px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom .sucursales {
background:transparent url(../img/sucursales.jpg) no-repeat top left;
width:93px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom a.sucursales:hover, .sucursales_activo {
background:transparent url(../img/sucursales.jpg) no-repeat bottom left;
width:93px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom .garantia {
background:transparent url(../img/garantia_h.jpg) no-repeat top left;
width:77px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom a.garantia:hover, .garantia_activo {
background:transparent url(../img/garantia_h.jpg) no-repeat bottom left;
width:77px;
height:25px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom .promociones {
background:transparent url(../img/promociones.jpg) no-repeat top left;
width:103px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:14px 10px 0 0;
}
#nav_bottom a.promociones:hover, .promociones_activo {
background:transparent url(../img/promociones.jpg) no-repeat bottom left;
width:103px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:14px 10px 0 0;
}
#nav_bottom .tendencias {
background:transparent url(../img/tendencias.jpg) no-repeat top left;
width:144px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:14px 10px 0 0;
}
#nav_bottom a.tendencias:hover, .tendencias_activo {
background:transparent url(../img/tendencias.jpg) no-repeat bottom left;
width:144px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:14px 10px 0 0;
}
#nav_bottom .contactenos2 {
background:transparent url(../img/contactenos2.jpg) no-repeat top left;
width:103px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#nav_bottom a.contactenos2:hover, .contactenos2_activo {
background:transparent url(../img/contactenos2.jpg) no-repeat bottom left;
width:104px;
height:22px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:13px 10px 0 0;
}
#buscador_form {
float:right;
height:20px;
}
.buscador_caja {
color:#333;
font-size:10px;
padding:2px;
float:left;
background:transparent url(../img/buscadort.jpg) no-repeat;
width:135px;
height:15px;
border:0;
margin:0px 5px 0 0;
position:relative;
top:15px;
}
.boton_buscar {
float:left;
margin-top:14px;
}
/* Campaņas Head */
#campanas {
width:960px;
margin:10px auto;
}
#campanas #publicidad {
width:630px;
height:335px; /*background:transparent url(../img/publicidad.jpg) no-repeat;*/
margin:0 3px 0 0;
float:left;
position:relative;
}
#publicidad #o_campanas {
background:#00264a;
filter: alpha(opacity=70);
opacity: .7;
-moz-opacity:0.7;
position:absolute;
top:0;
left:0;
width:290px;
height:335px;
}
#o_campanas #descripcion_campana {
margin:130px 15px 0 15px;
color:#fff;
}
#o_campanas h1 {
font-size:24px;
font-weight:bold;
color:#fff;
}
#o_campanas #slide {
background:#00172c;
margin:10px 0;
position:absolute;
bottom:0;
left:0;
width:280px;
padding:10px 5px;
margin:0 auto;
}
#slide #imagenes {
margin:0 0 0 40px;
}
#slide img {
border:solid 1px #666;
margin:0 5px 0 0;
}
#slide a img:hover {
border:solid 1px #fff;
}
#campanas #video {
height:335px;
width:325px;
margin:0;
float:right;
text-align:center;
}
/* Contenido Iconos */
#content {
background:transparent url(../img/bgcontent.jpg) repeat-x top;
margin:0 0 20px 0;
}
#content #iconos_content {
width:960px;
margin:0 auto;
}
#iconos_content .iconos_texto {
width:230px;
float:left;
margin:0;
padding:0;
}
.iconos_texto p {
width:213px;
float:right;
margin:0 5px;
}
#iconos_content .divisor {
background:transparent url(../img/divisor.jpg) no-repeat;
width:1px;
height:248px;
margin:0 5px;
padding:0;
float:left;
}
#iconos_content .iconos_texto_aud {
width:230px;
float:left;
margin:0;
padding:0;
}
#iconos_content .optico {
background:transparent url(../img/opticos.jpg) no-repeat top left;
width:230px;
height:135px;
text-indent:-9999px;
overflow:hidden;
display:block;
float:left;
}
#iconos_content a.optico:hover {
background:transparent url(../img/opticos.jpg) no-repeat bottom left;
}
#iconos_content .sol {
background:transparent url(../img/sol.jpg) no-repeat top left;
width:230px;
height:136px;
text-indent:-9999px;
overflow:hidden;
display:block;
float:left;
}
#iconos_content a.sol:hover {
background:transparent url(../img/sol.jpg) no-repeat bottom left;
}
#iconos_content .contacto {
background:transparent url(../img/lentes_contacto.jpg) no-repeat top left;
width:230px;
height:136px;
text-indent:-9999px;
overflow:hidden;
display:block;
float:left;
}
#iconos_content a.contacto:hover {
background:transparent url(../img/lentes_contacto.jpg) no-repeat bottom left;
}
#iconos_content .audifono {
background:transparent url(../img/audifonos.jpg) no-repeat top left;
width:220px;
height:136px;
text-indent:-9999px;
overflow:hidden;
display:block;
float:left;
}
#iconos_content a.audifono:hover {
background:transparent url(../img/audifonos.jpg) no-repeat bottom left;
}
.audifonos_p {
margin:0 0 0 10px;
}
.mas_info {
background:transparent url(../img/ver_mas.jpg) top left no-repeat;
width:78px;
height:18px;
overflow:hidden;
display:block;
text-indent:-9999px;
margin:10px 0;
}
a.mas_info:hover {
background:transparent url(../img/ver_mas.jpg) bottom left no-repeat;
}
/* Contenido Noticias-Banners */
#content_bottom {
width:960px;
margin:0 auto;
}
#content_noticias {
background:#fff;
border:solid 1px #c1c1c1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:452px;
padding:10px 5px 10px 15px;
float:left;
margin:0 10px 0 0;
}
#content_noticias #descripcion_noticias {
float:left;
width:250px;
}
#descripcion_noticias h1 {
font-size:1.5em;
color:#616161;
font-weight:bold;
margin:0 0 10px 0;
}
#descripcion_noticias p {
font-size:1.03em;
color:#737373;
line-height:1.4em;
}
#descripcion_noticias .ver_mas {
background:transparent url(../img/ver_mas.jpg) no-repeat top left;
width:70px;
height:18px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0;
}
#descripcion_noticias a.ver_mas:hover {
background:transparent url(../img/ver_mas.jpg) no-repeat bottom left;
}
#content_noticias img {
border:solid 1px #c1c1c1;
margin:3px 8px 0;
}
#content_serv_prod {
width:230px;
height:213px;
float:right;
margin:0 0 0 5px;
}
#content_serv_prod .metodos_pago {
background:transparent url(../img/metodos_pago.jpg) no-repeat top left;
width:235px;
height:82px;
overflow:hidden;
text-indent:-9999px;
display:block;
margin:10px 0 30px 0;
}
#content_serv_prod a.metodos_pago:hover {
background:transparent url(../img/metodos_pago.jpg) no-repeat 0px -82px;
}
#content_serv_prod .garantias {
background:transparent url(../img/garantia.jpg) top left no-repeat;
width:235px;
height:76px;
overflow:hidden;
text-indent:-9999px;
display:block;
}
#content_serv_prod a.garantias:hover {
background:transparent url(../img/garantia.jpg) no-repeat 0px -76px;
}
#content_sucursales {
width:210px;
float:left;
height:183px;
margin:11px 0;
}
#content_sucursales .ejecutivo {
background:transparent url(../img/ejecutivo.jpg) no-repeat;
display:block;
text-indent:-9999px;
width:210px;
height:88px;
margin:0 0 4px 0;
}
#content_sucursales h3 {
text-align:right;
font-size:1.4em;
color:#838383;
}
.divisor {
background:transparent url(../img/separador.jpg) no-repeat;
width:1px;
height:214px;
margin:0 7px 0 0;
padding:0;
float:right;
}
#content_sucursales img {
float:left;
margin:0 0 15px 0;
}
.busq_bottom {
background:transparent url(../img/busq_bottom.jpg) no-repeat;
width:122px;
height:13px;
border:none;
float:left;
margin:15px 5px 0 7px;
padding:4px 2px;
font-size:11px;
color: #999;
}
.boton_bottom_buscar {
float:left;
margin:15px 0;
}
/*Publicidad completa Interiores*/
#publicidad_int {
width:960px;
height:335px;
margin:0 auto;
background:transparent url(../img/interna1.jpg) no-repeat top right;
position:relative;
}
#publicidad_int .titulo {
position:absolute;
top:0px;
left:0px;
width:350px;
margin:150px 0;
}
.titulo h1 {
color:#043763;
font-size:3em;
font-weight:bold;
}
.titulo p {
color:#043763;
font-size:1.4em;
}
/* Meta superior */
.meta1 {
background:transparent url(../img/meta1_2.gif) repeat-x;
height:23px;
display:block;
padding:5px 10px 0 15px;
font-size:11px;
color:#333;
text-shadow: 1px 1px #fff;
float:left;
}
.meta1_head {
background:transparent url(../img/meta1_1.gif) repeat-x;
width:11px;
height:23px;
display:block;
float:left;
}
.meta1_2bot {
background:transparent url(../img/meta2_3.gif) repeat-x;
width:11px;
height:23px;
display:block;
float:left;
}
.meta2 {
background:transparent url(../img/meta2_2.gif) repeat-x;
height:23px;
display:block;
padding:5px 10px 0 15px;
font-size:11px;
color:#333;
text-shadow: 1px 1px #fff;
float:left;
}
.meta2_head {
background:transparent url(../img/meta2_1.gif) repeat-x;
width:15px;
height:23px;
display:block;
float:left;
}
.meta2_3bot {
background:transparent url(../img/meta3_3.gif) repeat-x;
width:11px;
height:23px;
display:block;
float:left;
}
.meta3 {
background:transparent url(../img/meta3_2.gif) repeat-x;
height:23px;
display:block;
padding:5px 10px 0 15px;
font-size:11px;
color:#333;
text-shadow: 1px 1px #fff;
float:left;
}
.meta3_head {
background:transparent url(../img/meta3_1.gif) repeat-x;
width:15px;
height:23px;
display:block;
float:left;
}
/* Contenido Interiores */
#content_int {
width:960px;
margin:0 auto;
}
#content_left {
width:592px;
float:left;
}
#content_left #productos {
margin:27px 0 15px 0;
}
#productos .destacado {
background:transparent url(../img/prod_dest_bg.jpg) no-repeat top left;
width:396px;
height:98px;
float:left;
}
.destacado img {
float:left;
margin:5px;
}
.destacado .descripcion {
width:80px;
margin:10px 0 0 17px;
float:left;
text-align:center;
}
.destacado .descripcion h3 {
color:#043158;
text-align:center;
font-size:1.5em;
}
#productos .prod1 {
background:transparent url(../img/prod1_bg.jpg) no-repeat top left;
width:191px;
height:98px;
float:right;
}
.prod1 img {
float:left;
margin:5px;
}
.prod1 .descripcion {
width:60px;
float:left;
text-align:center;
margin:10px 0 0 10px;
}
.prod1 .descripcion p {
margin:0 0 0 15px;
}
.prod1 .descripcion h3 {
color:#043158;
text-align:center;
font-size:1.5em;
}
#productos .prod {
background:transparent url(../img/prod_bg.jpg) no-repeat top left;
width:191px;
height:98px;
float:left;
margin:10px 9px 0 0;
}
.prod img {
float:left;
margin:5px;
}
.prod .descripcion {
width:60px;
float:left;
text-align:center;
margin:10px 0 0 10px;
}
.prod .descripcion p {
margin:0 0 0 15px;
}
.prod .descripcion h3 {
color:#043158;
text-align:center;
font-size:1.5em;
}
#productos .prod2 {
background:transparent url(../img/prod_bg.jpg) no-repeat top left;
width:191px;
height:98px;
float:left;
margin:10px 0;
}
.prod2 img {
float:left;
margin:5px;
}
.prod2 .descripcion {
width:60px;
float:left;
text-align:center;
margin:10px 0 0 10px;
}
.prod2 .descripcion p {
margin:0 0 0 15px;
}
.prod2 .descripcion h3 {
color:#043158;
text-align:center;
font-size:1.5em;
}
#content_left .noticias {
background:#E9E9E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:583px;
margin:15px 0 10px 0;
}
#content_left .noticias img {
border:solid 1px #cbcbcb;
float:right;
margin:20px;
}
#content_left .noticias .descripcion {
float:left;
font-size:1em;
color:#4e4e4e;
width:300px;
margin:10px 0 10px 10px;
}
#content_left .noticias .descripcion h2 {
color:#4e4e4e;
font-size:1.5em;
}
#content_left .noticias .descripcion p, #noti_destacado_sol p {
font-size:1.1em;
line-height:1.6em;
}
#producto_destacado_sol .info {
float:left;
padding:30px 0 0 100px;
}
#content_left .ver_mas {
background:transparent url(../img/mas_int.gif) no-repeat top left;
width:71px;
height:24px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px 0;
}
#content_left a.ver_mas:hover {
background:transparent url(../img/mas_int.gif) no-repeat bottom left;
}
#content_left .ver_mas_c {
background:transparent url(../img/mas_int2.gif) no-repeat top left;
width:71px;
height:24px;
display:block;
text-indent:-9999px;
overflow:hidden;
margin:10px auto;
}
#content_left a.ver_mas_c:hover {
background:transparent url(../img/mas_int2.gif) no-repeat bottom left;
}
/* Sidebar */
#sidebar {
width:338px;
float:right;
}
#sidebar_content {
background:#efefef;
border:solid 1px #cbcbcb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:337px;
margin:27px 0 20px 0;
}
.lupa_side {
background:transparent url(../img/lupita_s.jpg) no-repeat;
width:84px;
height:73px;
float:left;
margin:0 20px 0;
}
#buscadorint_form {
width:338px;
margin:0 auto;
padding:10px 0;
}
#buscadorint_form h3 {
color:#686868;
}
#buscadorint_form img {
float:left; /*margin:0 20px 0; Commented by Renato Moya*/
margin-bottom: 20px;
border: #888 1px solid;
}
.buscadorint_caja {
color:#333;
font-size:10px;
padding:2px;
float:left;
background:transparent url(../img/buscar_s.jpg) no-repeat;
width:135px;
height:16px;
border:0;
margin:17px 0 0 0;
}
.boton_buscar_int {
float:left;
margin:14px 0 0 10px;
}
#sidebar h3 {
font-size:1.4em;
text-align:center;
margin:0;
width:330px;
}
#sidebar .divisor {
background:transparent url(../img/divisor_s.jpg) no-repeat center;
width:338px;
height:5px;
margin:0;
}
#sidebar_content .metodos_int {
background:transparent url(../img/metodos_int.jpg) no-repeat center top;
width:338px;
height:103px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
#sidebar_content a.metodos_int:hover {
background:transparent url(../img/metodos_int.jpg) no-repeat bottom center;
}
#sidebar_content .garantia_int {
background:transparent url(../img/garantias_int.jpg) no-repeat center top;
width:338px;
height:152px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin:0 0 10px 0;
}
#sidebar_content a.garantia_int:hover {
background:transparent url(../img/garantias_int.jpg) no-repeat bottom center;
}
#sidebar .compromiso {
background:transparent url(../img/hora_s.jpg) no-repeat top center;
width:340px;
height:102px;
display:block;
text-indent:-9999px;
}
#sidebar .publicidad_s {
background:transparent url(../img/publicidad_s.jpg) no-repeat top center;
width:336px;
height:104px;
display:block;
border:solid 1px #cbcbcb;
text-indent:-9999px;
margin:20px 0;
padding:0;
}
/*#sidebar .publicidad_lent {
background:transparent url(../img/publicidad_lent.jpg) no-repeat top center;
width:336px;
height:104px;
display:block;
border:solid 1px #cbcbcb;
text-indent:-9999px;
margin:20px 0;
padding:0;
}*/
#sidebar .retiro {
background:transparent url(../img/retiro_prod.jpg) no-repeat top center;
width:340px;
height:101px;
display:block;
text-indent:-9999px;
margin:20px 0;
padding:0;
}
#sidebar .publicidad_sol_masc {
background:transparent url(../img/publi_sol_masc.jpg) no-repeat top center;
width:336px;
height:104px;
display:block;
border:solid 1px #cbcbcb;
text-indent:-9999px;
margin:20px 0;
padding:0;
}
#sidebar .publicidad_sol {
background:transparent url(../img/publi_sol.jpg) no-repeat top center;
width:336px;
height:209px;
display:block;
border:solid 1px #cbcbcb;
text-indent:-9999px;
margin:20px 0;
padding:0;
}
/*Header de Despliegue de articulos*/
#header_despliegue {
width:960px;
height:164px;
margin:0 auto;
background:transparent url(../img/contenido_header.jpg) no-repeat top right;
position:relative;
}
#header_despliegue .titulo {
position:absolute;
top:0px;
left:0px;
width:400px;
margin:50px 0;
}
.titulo h1 {
color:#043763;
font-size:2.5em;
font-weight:bold;
}
.titulo p {
color:#043763;
font-size:1.4em;
}
/*Despliegue Contenidos*/
#content_desp {
width:960px;
margin:0 auto;
}
#content_desp #content_left {
width:560px;
float:left;
margin:30px 0;
}
#content_desp h1 {
margin:0 0 15px 0;
font-weight:bold;
}
#content_desp h2 {
font-size:1.2em;
line-height:1.6em;
margin:0 0 15px 0;
}
/*#content_desp img{border:solid 1px #bbb; margin:5px 10px; float:left;}*/
#content_desp img {
border:solid 1px #bbb;
margin-right:10px;
float:left;
}
#content_des .imagen_der {
float:right;
}
#content_desp p {
margin:0 0 10px 0;
font-size:1.1em;
}
#content_desp .compartir {
background:transparent url(../img/compartir.jpg) no-repeat;
width:138px;
height:34px;
padding:5px 10px 5px 10px;
margin:30px 0;
}
#content_desp .facebook {
background:transparent url(../img/facebook_int.jpg) no-repeat top left;
width:21px;
height:22px;
text-indent:-9999px;
display:block;
float:right;
}
#content_desp a.facebook:hover {
background:transparent url(../img/facebook_int.jpg) no-repeat bottom left;
}
#content_desp .twitter {
background:transparent url(../img/twitter_int.jpg) no-repeat top left;
width:21px;
height:22px;
text-indent:-9999px;
display:block;
float:right;
margin:0 5px 0 0;
}
#content_desp a.twitter:hover {
background:transparent url(../img/twitter_int.jpg) no-repeat bottom left;
}
#content_desp .compartir p {
margin:3px 0;
float:left;
font-weight:bold;
font-size:11px;
}
/* Despliegue de Productos */
#content_prod {
width:515px;
float:left;
margin:30px 0;
}
#content_prod .foto_prod {
width:500px;
border: solid 1px #dadada;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align:center;
}
#content_prod .foto_prod img {
margin:0;
padding:0;
width:500px;
}
#content_prod .zoom {
background:transparent url(../img/zoombg.jpg) no-repeat;
width:56px;
height:25px;
padding:2px 0 0 62px;
float:right;
margin:10px;
}
.zoom .mas {
background:transparent url(../img/mas.jpg) no-repeat top left;
width:18px;
height:18px;
display:block;
float:left;
text-indent:-9999px;
margin:2px 0 0 5px;
}
.zoom a.mas:hover {
background:transparent url(../img/mas.jpg) no-repeat bottom left;
}
.zoom .menos {
background:transparent url(../img/menos.jpg) no-repeat top left;
width:18px;
height:18px;
display:block;
float:right;
text-indent:-9999px;
margin:2px 5px 0 5px;
}
.zoom a.menos:hover {
background:transparent url(../img/menos.jpg) no-repeat bottom left;
}
.zoom .separador {
background:transparent url(../img/zseparador.jpg) no-repeat;
width:3px;
height:21px;
display:block;
text-indent:-9999px;
float:right;
}
#content_prod .miniatura {
width:118px;
border: solid 1px #dadada;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
margin:10px 7px 0 0;
text-align:center;
}
#content_prod .miniatura img {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:115px;
}
#content_prod .detalles {
margin:0 5px 0 0;
width:120px;
float:left;
}
#content_prod .detalles img {
margin:0 8px 0 0;
width:10px;
}
#content_prod h3 {
margin:20px 0 10px 0;
font-size:1.25em;
color:#043055;
}
#descripcion_prod {
width:430px;
float:right;
margin:30px 0;
}
#descripcion_prod h1, h3 {
color:#043055;
}
#descripcion_prod h2 {
margin-bottom:20px;
font-size:1.3em;
}
#descripcion_prod p {
font-size:1em;
}
#descripcion_prod .compartir {
background:transparent url(../img/compartir.jpg) no-repeat;
width:138px;
height:34px;
padding:5px 10px 5px 10px;
margin:30px 0;
}
#descripcion_prod .facebook {
background:transparent url(../img/facebook_int.jpg) no-repeat top left;
width:21px;
height:22px;
text-indent:-9999px;
display:block;
float:right;
}
#descripcion_prod a.facebook:hover {
background:transparent url(../img/facebook_int.jpg) no-repeat bottom left;
}
#descripcion_prod .twitter {
background:transparent url(../img/twitter_int.jpg) no-repeat top left;
width:21px;
height:22px;
text-indent:-9999px;
display:block;
float:right;
margin:0 5px 0 0;
}
#descripcion_prod a.twitter:hover {
background:transparent url(../img/twitter_int.jpg) no-repeat bottom left;
}
#descripcion_prod .compartir p {
margin:3px 0;
float:left;
font-weight:bold;
font-size:11px;
}
/*Audifonos*/
#publicidad_aud {
width:960px;
height:335px;
margin:0 auto;
background:transparent url(../img/audifonos_top.jpg) no-repeat top right;
position:relative;
}
#publicidad_aud .titulo {
position:absolute;
top:0px;
left:0px;
width:350px;
margin:150px 0;
}
#publicidad_aud .titulo h1 {
color:#043763;
font-size:2.5em;
font-weight:bold;
}
#publicidad_aud .titulo p {
color:#043763;
font-size:1.4em;
}
#sidebar .pedir_hora {
background:transparent url(../img/pedir_hora.jpg) no-repeat top center;
width:340px;
height:102px;
display:block;
text-indent:-9999px;
margin:27px 0 15px 0;
}
#publicidad_aud .noticias {
background:#f2f5f7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:583px;
margin:15px 0 10px 0;
}
#contenidos_aud {
margin:27px 0 0 0;
}
/* Lentes Contacto */
#publicidad_cont {
width:960px;
height:335px;
margin:0 auto;
/* background:transparent url(../img/contacto_top.jpg) no-repeat top right;*/
position:relative;
}
#publicidad_cont .titulo {
position:absolute;
top:0px;
left:0px;
width:350px;
margin:150px 0 0 20px;
}
#publicidad_cont .titulo h1 {
color:#043763;
font-size:2.5em;
font-weight:bold;
}
#publicidad_cont .titulo p {
color:#043763;
font-size:1.4em;
}
#publicidad_cont .noticias {
background:#f2f5f7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:583px;
margin:15px 0 10px 0;
}
#contenidos_cont {
margin:27px 0 0 0;
}
#contenidos_cont #producto_destacado {
background:#e9e9e9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0;
color:#585858;
width:583px;
}
#producto_destacado img {
border:solid 1px #cbcbcb;
float:left;
margin:10px;
}
#producto_destacado h1 {
background:#8dacc9;
color:#fff;
font-size:1.5em;
padding:3px 3px 3px 10px;
}
#producto_destacado p {
font-size:1.5em;
margin:0;
}
#producto_destacado .precio {
color:#839fba;
font-size:1.8em;
font-weight:bold;
margin:15px 0 15px 0;
}
#producto_destacado h2 {
margin:10px 0 0 0;
}
.ver_producto {
background:transparent url(../img/ver_prod.jpg) top left no-repeat;
height:25px;
width:90px;
display:block;
float:left;
overflow:hidden;
text-indent:-9999px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:solid 1px #cbcbcb;
}
a.ver_producto:hover {
background:transparent url(../img/ver_prod.jpg) bottom left no-repeat;
}
#publicidad_cont {
position:relative;
display:block;
margin:0px;
padding:0px;
width:960px;
height:335px;
overflow:hidden;
}
#publicidad_cont li {
position:absolute;
display:block;
list-style-type:none;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}
#publicidad_cont li img {
display:block;
background-color:#FFFFFF;
}
/* Lentes de Sol */
#publicidad_sol {
width:960px;
height:230px;
margin:0 auto;
background:transparent url(../img/sol_top.jpg) no-repeat top right;
position:relative;
}
#publicidad_sol .titulo {
position:absolute;
top:0px;
left:0px;
width:350px;
margin:150px 0;
}
#publicidad_sol .titulo h1 {
color:#043763;
font-size:2.5em;
font-weight:bold;
}
#publicidad_sol .titulo p {
color:#043763;
font-size:1.4em;
}
#publicidad_sol .noticias {
background:#f2f5f7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:583px;
margin:15px 0 10px 0;
}
#contenidos_sol {
margin:27px 0 0 0;
}
#contenidos_sol #producto_destacado_sol {
background:#e9e9e9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0;
color:#585858;
width:583px;
}
#producto_destacado_sol img {
float:left;
margin:10px;
}
#producto_destacado_sol h1, #noti_destacado_sol h1, .noticias h1 {
background:url(../img/sol_h1_bg.jpg) repeat-x bottom;
color:#fff;
font-size:1.5em;
padding:3px 3px 3px 10px;
height:30px;
}
#content #content_int #content_left .noticias .gray {
background-image:none;
background-color:#999;
color:#fff;
font-size:1.5em;
padding:3px 3px 3px 10px;
height:30px;
}
#producto_destacado_sol p {
font-size:10px;
margin:0;
}
#producto_destacado_sol .precio {
font-size:1.8em;
font-weight:bold;
margin:15px 0 15px 0;
}
#producto_destacado_sol h2 {
margin:10px 0 0 0;
}
#contenidos_sol #noti_destacado_sol {
background:#e9e9e9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:25px 0 0 0;
color:#585858;
width:583px;
padding:0;
}
#noti_destacado_sol img {
float:right;
margin:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#noti_destacado_sol p {
font-size:1.2em;
margin:0;
line-height:1.6em;
}
#noti_destacado_sol h2 {
margin:10px 0;
font-size:1.6em;
}
#noti_destacado_sol .descripcion {
margin:0 0 0 10px;
}
/* Vista Blog */
.blog_past {
background:#fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0 0 10px 0;
border:solid 1px #bcc7d0;
padding:10px;
}
.blog_past img {
border:solid 1px #cbcbcb;
float:left;
margin:5px 10px 0 0;
height:165px;
width:180px;
}
.blog_past .descripcion {
float:left;
font-size:1em;
color:#4e4e4e;
width:280px;
margin:10px 0 10px 10px;
border-right:dashed 1px #cbcbcb;
}
.blog {
margin:15px 0;
}
.blog .optico {
width:80px;
display:block;
background:transparent url(../img/i_opticos.jpg) no-repeat top center;
height:80px;
float:right;
text-indent:-9999px;
margin-top:50px;
overflow:hidden;
}
.blog a.optico:hover {
background:transparent url(../img/i_opticos.jpg) bottom center;
}
.blog .audifono {
width:80px;
display:block;
background:transparent url(../img/i_audifono.jpg) no-repeat top center;
height:80px;
float:right;
text-indent:-9999px;
margin-top:50px;
overflow:hidden;
}
.blog a.audifono:hover {
background:transparent url(../img/i_audifono.jpg) bottom center;
}
.blog .sol {
width:80px;
display:block;
background:transparent url(../img/i_lentes.jpg) no-repeat top center;
height:80px;
float:right;
text-indent:-9999px;
margin-top:50px;
overflow:hidden;
}
.blog a.sol:hover {
background:transparent url(../img/i_lentes.jpg) bottom center;
}
.blog .contacto {
width:80px;
display:block;
background:transparent url(../img/i_contacto.jpg) no-repeat top center;
height:80px;
float:right;
text-indent:-9999px;
margin-top:50px;
overflow:hidden;
}
.blog a.contacto:hover {
background:transparent url(../img/i_contacto.jpg) bottom center;
}
/* Paginador */
#nav_content {
margin:10px 0 10px 0;
}
#nav_content li {
display:inline;
background:#e7e7e7;
padding:5px;
color:#01d1ff;
margin:2px;
}
#nav_content a {
color:#999;
text-shadow:1px 1px #fff;
}
#nav_content a:hover {
color:#002e3b;
text-shadow:1px 1px #fff;
}
/* Drop down menu */
#nav_bottom li .menu_lineal {
display:none;
}
#nav_bottom li:hover .menu_lineal {
display:block;
z-index:10;
position:absolute;
top:36px;
left:88px;
}
.menu_lineal {
width:71px;
z-index:10;
position:relative;
}
.menu_lineal ul {
z-index:10;
position:relative;
}
.menu_lineal .link {
background:#053156 !important;
text-indent:0px;
font-size:1em;
color:#fff;
text-align:left;
width:71px;
display:block;
z-index:10;
position:relative;
}
.menu_lineal .link a {
color:#fff;
display:block;
background:#053156 !important;
padding:5px;
width:71px;
border-bottom:solid 1px #1f415f;
text-shadow:1px 1px #04233f;
}
.menu_lineal .link a:hover {
color:#3872a4;
background:#04233f !important;
}
.menu_lineal .bottom {
background:transparent url(../img/menu_bottom.gif) no-repeat top right;
display:block;
text-indent:-9999px;
height:13px;
width:81px;
display:block;
z-index:20;
position:relative;
}
/* Footer */
#footer {
background:transparent url(../img/footer_bg.jpg) repeat-x;
margin:20px 0 0 0;
padding:2px 0 0 0;
}
#footer #footer_content {
width:960px;
margin:0 auto;
}
#footer #social {
background:transparent url(../img/social_bg.jpg) no-repeat;
height:100px;
width:81px;
padding:5px;
float:left;
}
#social .facebook {
background:transparent url(../img/facebook.gif) no-repeat top left;
height:30px;
width:30px;
overflow:hidden;
display:block;
float:right;
text-indent:-9999px;
margin:10px 5px 0 0;
}
#social a.facebook:hover {
background:transparent url(../img/facebook.gif) no-repeat bottom left;
}
#social .twitter {
background:transparent url(../img/twitter.gif) no-repeat top left;
height:30px;
width:30px;
overflow:hidden;
display:block;
float:left;
text-indent:-9999px;
margin:10px 0 0 5px;
}
#social a.twitter:hover {
background:transparent url(../img/twitter.gif) no-repeat bottom left;
}
#footer #links_centrales {
float:left;
margin:0;
padding:0;
}
#links_contenedor {
float:right;
margin:0 0 0 25px;
}
#links_contenedor .links_f {
width:200px;
float:left;
margin:0;
padding:25px 0;
}
.links_f .hr {
background:transparent url(../img/hr.jpg) no-repeat;
height:15px;
width:118px;
}
.links_f h3 {
font-size:1.1em;
color:#fff;
font-weight:bold;
text-shadow:#001628 1px;
}
.links_f a, a:active {
color:#fff;
text-shadow:#001628 1px;
}
.links_f a:hover {
color:#3972a4;
}
.links_f p {
color:#fff;
text-shadow:#001628 1px;
text-align:right;
}
.logo_bottom {
float:right;
margin:0;
padding:0;
color:#fff;
text-shadow:#001628 1px;
text-align:right;
margin:19px 0;
display:block;
}
.logo_botom img {
float:right;
}
/*LENTESOL*/
#contenidos_sol #producto_destacado_sol .cajaProducto, .noticias .cajaProducto {
width:260px;
_width:255px;
height:100px;
/* background-color:#F2F5F7;*/
background-color:#fff;
margin:5px;
float:left;
padding:10px;
text-align:left;
}
.fichaProducto {
width:100px;
float:left;
}
#producto_destacado_sol .cajaProducto img, #content_left .noticias .cajaProducto img {
float:right;
margin:0;
padding:0;
border:none;
}
.noticias h1 {
height:30px;
background-color:#999;
color:#FFF;
padding:3px 10px;
}
.tabActive {
background-image:url(../img/tabAzul.gif);
background-repeat:no-repeat;
}
.tabOff {
background-image:url(../img/tabGris.gif);
background-repeat:no-repeat;
}
.ryk_btn {
display:block;
height:20px;
width:121px;
float:left;
padding:5px 0;
color:#043763;
font-weight:bold;
margin:0 10px 20px 0;
text-align:center;
}
.ryk_btn:hover {
color:#09F;
}
.pearl_btn {
display:block;
height:20px;
width:121px;
float:left;
clear:right;
padding:5px 0;
color:#043763;
font-weight:bold;
text-align:center;
}
.pearl_btn:hover {
color:#09F;
}
.content_leftContacto h1 {
clear:both;
}
.botoneraSomos {
border-bottom:2px solid #043763;
height:30px;
}
#content_login .log {
background-color:#021b32;
width:250px;
height:56px;
padding:3px 10px 0 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
float:right;
}
#content_login .log .fotoLog {
background-color:#FFF;
width:50px;
height:50px;
float:left;
border:1px solid #555;
}
#content_login .log .datosLog {
float:left;
margin-left:15px;
width:180px;
}
#content_login .log .datosLog span {
color:#FFF;
font-weight:bold;
float:left;
margin-bottom:10px;
}
#content_login .log .datosLog a {
color:#09F;
text-decoration:underline;
width:70px;
float:left;
}
#content_login .log .datosLog a:hover {
text-decoration:none;
}
#content_login .log .datosLog .exit {
display:block;
color:#FFF;
background-color:#3b73a6;
width:50px;
text-align:center;
float:left;
text-decoration:none;
}
#content_login .log .datosLog .exit:hover {
background-color: #043764;
}
/* CSS Paginator added by Renato Moya */
.pagination_links {
margin: 10px;
}
.full_tag_open {
float: left;
margin-top: 5px;
}
.num_tag_open, .cur_tag_open, .next_tag_open, .prev_tag_open {
display: inline;
padding: 2px 2px;
border: #043764 1px solid;
padding: 2px 4px 2px 4px;
margin-right: 5px;
font-size: 11px;
color: #FFF;
}
.cur_tag_open {
border: #043764 1px solid;
background-color: #FFF;
color: #043764;
}
.num_tag_open {
background-color: #EEE;
}
.num_tag_open a {
text-decoration: none;
color: #043764;
}
.num_tag_open:hover {
background-color: #FFFFFF;
}
.next_tag_open {
border: #043764 1px solid;
color: #043764;
background-color: #EEE;
text-decoration: none;
}
.next_tag_open a {
text-decoration: none;
color: #043764;
}
.next_tag_open:hover {
text-decoration: none;
background-color: #FFFFFF;
}
.prev_tag_open {
border: #043764 1px solid;
color: #043764;
background-color: #EEE;
text-decoration: none;
}
.prev_tag_open a {
text-decoration: none;
color: #043764;
}
.prev_tag_open:hover {
text-decoration: none;
background-color: #FFFFFF;
}
/* CSS Paginator added by Renato Moya */
/* CSS added by Renato Moya */
.mas_promos {
background:transparent url(../img/ver_mas_promos.jpg) top left no-repeat;
width:78px;
height:18px;
overflow:hidden;
display:block;
text-indent:-9999px;
margin:10px 0;
}
a.mas_promos:hover {
background:transparent url(../img/ver_mas_promos.jpg) bottom left no-repeat;
}
/* CSS added by Renato Moya */
.botones_slide a.prev, .botones_slide a.next {
display:block;
background-color:#999;
width:80px;
height:20px;
color:#FFF;
font-weight:bold;
padding:0 5px;
border:1px solid #fff;
text-shadow: 0 0.1em #666;
font-size:12px;
}
.botones_slide a.prev:hover, .botones_slide a.next:hover {
background-color:#043763;
border:1px solid #fff;
}
.botones_slide {
background-color:#E9E9E9;
width:573px;
padding:5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
}
.botones_slide a.prev {
float:left;
}
.botones_slide a.next {
float:right;
text-align:right;
}