/* ETIQUETAS */ body{ font-family:Arial, Helvetica, sans-serif; font-size:0.7em;} h2{ padding:5px 10px 5px 0; border-right:2px solid #c2c2c2; width:326px; float:left;} p{ margin-bottom:1em;} /* CONTENEDORES */ #web{ width:990px; margin:10px auto 0 auto;} #menu-principal { width:100%; float:left; border-bottom:0px solid #00a5dd;} #cabecera{ width:970px; padding:10px; float:left; border-bottom:0px solid #00a5dd;} #cabecera-logo{ width:170px; float:left; padding-top:0px;} #imagenes-cabecera{ float:right; width:auto;} #contenido{ padding:10px; width:970px; float:left;} #imagenes-representativas{ width:703px; height:190px; float:left; margin-top:10px;} #carrusel{ float:left; margin-top:17px; margin-left:15px;} #texto-presentacion{ width:235px; height:178px; float:left; margin-left:10px; padding:5px 10px 5px 10px; border:1px solid #00a5dd; margin-top:10px;} #pie{ width:970px; float:left; text-align:center; padding:10px; /*background:#00A5DD;*/ background:#272525; margin-top:20px;} #pie-menu{ width:auto; width:450px; margin:0 auto;} #pie-direccion{ clear:both; width:auto; color:#FFF; padding-top:10px;} #menu-categorias{ float:left; width:970px; padding:0 0 15px 0; margin:15px 0 15px 0; border-bottom:1px dotted #00A5DD;} #menu-subcategorias{ float:left; width:auto; margin-left:30px;} #menu-gamas{width:235px; height:176px; float:left; margin-left:10px; padding:5px 10px 5px 10px; border:1px solid #00a5dd; margin-top:10px; color:#005ADD;} #productos{ float:left; width:970px; margin-top:20px;} #producto{ float:left; width:970px; margin-top:20px;} /* MODIFICADORES */ .clear_both{ clear:both;} #menu-principal ul{ margin-left:10px;} #menu-principal ul li { display:inline;} #menu-principal ul li a { float:left; background: url(../imgs/menuleft.gif) no-repeat left top; padding:0 0 0 4px; text-decoration:none; color:#5B8FBE;} #menu-principal ul li a span {float:left; display:block; background:url(../imgs/menuright.gif) no-repeat right top; padding:5px 15px 4px 6px;} #menu-principal ul li a:hover { color:#000000;} #menu-principal ul li.menu-promociones a { float:left; background: url(../imgs/menuleft-red.gif) no-repeat left top; padding:0 0 0 4px; text-decoration:none; color:#FFF; font-weight:bold;} #menu-principal ul li.menu-promociones a span {float:left; display:block; background:url(../imgs/menuright-red.gif) no-repeat right top; padding:5px 15px 4px 6px;} #menu-principal ul li.menu-promociones a:hover { color:#000000;} #menu-principal ul#menu-idiomas{ margin-right:10px; float:right; margin-top:2px;} #menu-principal ul#menu-idiomas li {float:left; margin-left:10px;} #menu-principal ul#menu-idiomas li a { float:none; background: none; padding:0; text-decoration:none; color:#5B8FBE;} #menu-principal ul#menu-idiomas li a img{ padding:1px; border:1px solid #FFF;} #menu-principal ul#menu-idiomas li a:hover img{ color:#000000; padding:1px; border:1px solid #000;} #menu-principal ul#menu-idiomas li.active img{padding:1px; border:1px solid #000;} #cabecera-logo h1{ text-align:center; float:left; width:100%; margin-bottom:10px;} #cabecera-logo #ayuda-remota{ float:left; width:100%; text-align:center; margin-bottom:10px;} #cabecera-logo #telefono-hqe{ float:left; width:100%; text-align:center; margin-bottom:10px;} #imagenes-cabecera ul li{ float:left; width:60px; padding:0 5px 0 5px;} h2 span.titular-h2{ float:left; float:left; margin:3px 0 0 2px;} #h3-subcategoria h3{ float:left; width:auto; margin-left:2em; font-size:1.2em; color:#0077A0; font-weight:bold; padding-top:.8em;} #texto-presentacion h3{ font-size:1.1em; font-weight:bold; color:#00a5dd; margin-bottom:.5em;} #pie-menu li{ float:left; width:auto; padding:2px 10px; border-right:1px solid #FFF;} #pie-menu li.primera{ padding-left:0;} #pie-menu li.ultima{ border:0; padding-right:0;} #pie-menu li a{ color:#FFF; text-decoration:none;} #pie-menu li a:hover{ text-decoration:underline;} #pie-direccion a{ color:#FFF; text-decoration:none;} #pie-direccion a:hover{ text-decoration:underline;} #menu-categorias ul{ float:left; width:auto;} #menu-categorias ul li{ float:left; width:auto; padding:0 5px; border-right:1px solid #000; margin-bottom:.5em;} #menu-categorias ul li.primera{ padding-left:0;} #menu-categorias ul li.ultima{ padding-right:0; border:0;} #menu-categorias li a{ color:#000; text-decoration:none; padding:3px;} #menu-categorias li a:hover{ color:#FFF; background:#00a5dd;} #menu-categorias li a.activo{ color:#FFF; background:#00a5dd;} #menu-subcategorias ul{ margin-top:11px; float:left; width:auto;} #menu-subcategorias ul li{ float:left; width:auto; padding:2px 10px; border-right:1px solid #000;} #menu-subcategorias ul li.primera{ padding-left:0;} #menu-subcategorias ul li.ultima{ padding-right:0; border:0;} #menu-subcategorias li a{ color:#000; text-decoration:none; padding:3px;} #menu-subcategorias li a:hover{ color:#FFF; background:#00a5dd;} #menu-subcategorias li a.activo{ color:#FFF; background:#00a5dd;} #menu-gamas h3.producto{ font-size:1.2em;} #menu-gamas ul{ padding:5px 0 5px 10px; margin-top:10px; border-left:1px dotted #005add;} #menu-gamas ul li{ margin-bottom:2px;} #menu-gamas ul li.ultima{ margin-bottom:0;} #menu-gamas ul li a{ color:#005add; text-decoration:none;} #menu-gamas ul li a:hover{ color:#000; font-weight:bold;} #menu-gamas ul li a.activo{ color:#000; font-weight:bold;} #productos ul{ float:left; width:100%;} #productos ul li{ float:left; width:28%; margin-bottom:30px; border:1px solid #00a5dd; padding:10px; margin-right:35px;} #productos ul li img{ float:left; clear:left; margin-right:15px; padding:0 10px 10px 0; border:1px solid #CCC; border-top:0; border-left:#CCC;} #productos ul li a{ color:#00a5dd; font-weight:bold; text-decoration:none;} #productos ul li a:hover{ color:#000;} #productos ul li p{ margin-bottom:.3em;} #productos ul li.primera{clear:both;} #productos ul li.ultima{ margin-right:0;} #producto #imagen-producto{ float:left; width:130px; border:1px solid #00a5dd; padding:10px; margin-right:50px;} #producto #imagen-producto img{ padding:0 10px 10px 0; border:1px solid #CCC; border-top:0; border-left:#CCC;} #producto #referencias-producto{ float:left; width:auto; padding-top:10px;} #producto #referencias-producto h4{ font-weight:bold; font-size:1.4em; margin-bottom:1em; text-decoration:underline;} #producto #referencias-producto dl{ float:left; width:500px;} #producto #referencias-producto dt{ font-weight:bold; clear:both; width:30%; float:left; margin-bottom:.3em;} #producto #referencias-producto dd{ width:70%; float:left; margin-bottom:.3em;} #producto #referencias-producto dd strong{ font-weight:bold;} #producto #referencias-producto a{ color:#000;} #producto #referencias-producto a:hover{ text-decoration:none;} #producto #referencias-producto a.pdf{ background:url(../imgs/pdf-icon.jpg) no-repeat 0 0; padding:5px 0 5px 36px; font-size:1.2em; text-decoration:none;} #producto #referencias-producto a.pdf:hover{ background:url(../imgs/pdf-icon-hover.jpg) no-repeat 0 0;} /*#producto #resto-referencias{ clear:both; margin-top:1.5em; float:left; width:100%;}*/ #producto #resto-referencias{ margin-top:2.5em; float:left; width:50%;font-size: 20px;} #producto #resto-referencias a{ font-weight:bold; color:#0077A0; text-decoration:none;} #producto #resto-referencias a:hover{ color:#000;} #contacto-datos{ padding:10px 10px 10px 0; border-right:2px solid #c2c2c2; width:326px; float:left; margin-top:25px; margin-right:4em;} #contacto-datos h3{ font-size:1.1em; font-weight:bold; margin-bottom:1em;} #contacto-datos dl{ float:left; width:100%;} #contacto-datos dl dt{ float:left; width:32%; margin-bottom:.3em; clear:both;} #contacto-datos dl dd{ float:left; width:63%; margin-bottom:.3em;} #contacto-datos a{ color:#0077A0; text-decoration:none; font-weight:bold;} #contacto-datos a:hover{ color:#000;} #contacto-formulario{ padding: 9px; width:526px; float:left; margin-top:25px; border:1px solid #c2c2c2;} #contacto-formulario h3{ font-size:1.1em; font-weight:bold; margin-bottom:1em;} #contacto-formulario dl{ float:left; width:100%;} #contacto-formulario dl dt{ float:left; width:25%; margin-bottom:.5em; clear:both;} #contacto-formulario dl dd{ float:left; width:70%; margin-bottom:.5em;} #contacto-formulario input{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; background:#f0f0f0; border:1px solid #575757; padding:.2em;} #contacto-formulario textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; background:#f0f0f0; border:1px solid #575757; padding:.2em;} #contacto-formulario .error-envio{ border:1px solid #F00; background:#FFE5E5; padding:10px; color:#F00; margin-bottom:1em;} #contacto-formulario .error-envio p{ font-weight:bold;} #contacto-formulario .error-envio ul{ margin-bottom:1em; margin-left:1.5em;} #contacto-formulario .error-envio ul li{ margin-bottom:0.3em; font-weight:bold;} #mapa-web{ float:left; width:100%; margin-top:25px;} #mapa-web ul li{ margin-bottom:1em; font-weight:bold; background:url(../imgs/flecha_categoria.jpg) no-repeat 0 1px; padding-left:35px; text-transform:uppercase;} #mapa-web ul li ul{ margin-top:1em;} #mapa-web ul li ul li{ margin-bottom:.5em; background:url(../imgs/flecha_subcategoria.jpg) no-repeat 0 0; padding-top:8px; padding-bottom:5px; text-transform:none;} #mapa-web ul li a{ color:#0077A0; text-decoration:none; font-weight:bold;} #mapa-web ul li a:hover{ color:#000;} #mapa-web ul li ul li a{ font-weight:normal;} #enlaces-pdfs{ float:right; width:auto;} #enlaces-pdfs ul li{ float:left; width:auto; margin-left:10px;} #enlaces-pdfs ul li a{ color:#0077A0; background:url(../imgs/pdf-icon.jpg) no-repeat center 0; padding-top:30px; float:left; width:auto; text-decoration:none; font-weight:bold;} #enlaces-pdfs ul li a:hover{ color:#000; background:url(../imgs/pdf-icon-hover.jpg) no-repeat center 0;} #partners{ float:left; width:100%; margin-top:25px;} #partners ul li{ float:left; width:290px; margin-right:15px; padding:5px; border:1px solid #c2c2c2; height:150px; margin-bottom:15px;} #partners ul li.more_height{ height: 175px;} #partners ul li img{margin-bottom:.5em;} #partners ul li h3{ margin-bottom:.5em;} #partners ul li h3 a{ font-size:1.2em; color:#0077A0; text-decoration:none; font-weight:bold;} #partners ul li h3 a:hover{ color:#000;} #partners ul li img{ border-bottom:1px solid #0077A0; padding-bottom:.5em;} #partners ul li img:hover{ border-bottom:1px solid #000;} p.no-disponible{ color:#00A5DD; font-weight:bold; font-size:1.1em;} #login-privada{ float:left; width:100%; margin-top:25px;} #login-privada p.txt_error{ color:#F00; font-weight:bold;} #login-privada dl{ float:left; width:100%;} #login-privada dl dt{ float:left; width:15%; clear:both; margin-bottom:.5em;} #login-privada dl dd{ float:left; width:70%; margin-bottom:.5em;} #login-privada input{ background:#FFF; color:#000; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:1em;} /* PAGINA ERROR 404 */ #mensaje-error-404{ float:left; width:100%; margin-top:25px; color:#0077A0;} #mensaje-error-404 p.error-404{ padding:10px; background:#0077A0; color:#FFF; font-size:2.5em; font-weight:bold; margin-bottom:.5em;} .mapa-error{ margin-top:0 !important;} /* Numeros H2 */ h2 span.numero00{ float:left; background:url(../imgs/numeros/00.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero01{ float:left; background:url(../imgs/numeros/01.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero02{ float:left; background:url(../imgs/numeros/02.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero03{ float:left; background:url(../imgs/numeros/03.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero04{ float:left; background:url(../imgs/numeros/04.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero05{ float:left; background:url(../imgs/numeros/05.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero06{ float:left; background:url(../imgs/numeros/06.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero07{ float:left; background:url(../imgs/numeros/07.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero08{ float:left; background:url(../imgs/numeros/08.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero09{ float:left; background:url(../imgs/numeros/09.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero10{ float:left; background:url(../imgs/numeros/10.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero11{ float:left; background:url(../imgs/numeros/11.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero12{ float:left; background:url(../imgs/numeros/12.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero13{ float:left; background:url(../imgs/numeros/13.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero14{ float:left; background:url(../imgs/numeros/14.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero15{ float:left; background:url(../imgs/numeros/15.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero16{ float:left; background:url(../imgs/numeros/16.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero17{ float:left; background:url(../imgs/numeros/17.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero18{ float:left; background:url(../imgs/numeros/18.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero19{ float:left; background:url(../imgs/numeros/19.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero20{ float:left; background:url(../imgs/numeros/20.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero21{ float:left; background:url(../imgs/numeros/21.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero22{ float:left; background:url(../imgs/numeros/22.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero23{ float:left; background:url(../imgs/numeros/23.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero24{ float:left; background:url(../imgs/numeros/24.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero25{ float:left; background:url(../imgs/numeros/25.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero26{ float:left; background:url(../imgs/numeros/26.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero27{ float:left; background:url(../imgs/numeros/27.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero28{ float:left; background:url(../imgs/numeros/28.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero29{ float:left; background:url(../imgs/numeros/29.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero30{ float:left; background:url(../imgs/numeros/30.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero31{ float:left; background:url(../imgs/numeros/31.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero32{ float:left; background:url(../imgs/numeros/32.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero33{ float:left; background:url(../imgs/numeros/33.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero34{ float:left; background:url(../imgs/numeros/34.jpg) no-repeat left top; width:33px; height:33px;} h2 span.numero35{ float:left; background:url(../imgs/numeros/35.jpg) no-repeat left top; width:33px; height:33px;} /* FORMULARIO COLCHONES */ #form_colchones dl{ float:left; width:100%; margin:2em 0;} #form_colchones dt{ float:left; width:10%; margin-bottom:.5em; clear:both;} #form_colchones dd{ float:left; width:80%; margin-bottom:.5em;} #form_colchones a{ color:#000; text-decoration:underline;} #form_colchones a:hover{ text-decoration:none;} #form_colchones input{ background:#FFF; color:#000; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:1em;} /* CASQUILLOS */ #casquillos{ width:238px; float:left; padding:10px;} #casquillos .img-casquillo{ width:100%; padding-bottom:10px; float:left; text-align:center;} /* PROMOCIONES */ .promocion{ /*float:left; width: 930px; border-bottom:1px solid #333; padding-left:20px; padding-bottom:40px; margin-bottom:20px; margin-top:20px; */ float:left; width: 930px; border:1px solid #CCC; padding-left:20px; /* font-family: verdana; */ padding-bottom:40px; margin-bottom:20px; padding-top:10px; margin-top:20px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 55%, rgba(245,242,245,0.97) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(55%, rgba(255,255,255,0.98)), color-stop(100%, rgba(245,242,245,0.97))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 55%, rgba(245,242,245,0.97) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 55%, rgba(245,242,245,0.97) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 55%, rgba(245,242,245,0.97) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.98) 55%, rgba(245,242,245,0.97) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2f5', GradientType=1 ); border-radius:20px; } .promocion h3{ padding-bottom:20px; font-size:22px; color: #000000; font-weight:bold; /*color:#f3005f;*/} .promocion img{ float:left; padding-right:20px;} .promocion h4{ font-size:18px; font-weight:bold; line-height:25px; } .promocion h5{margin-bottom:20px; } .promocion h5 *{ font-size:14px;} .promocion h5 span{color:#ec113a;font-weight:bold; font-size:18px;} .promocion ul{ } .promocion ul li{ } .promocion strong{ } .promocion p{font-size:12px;} .promocion a{ } .promocion a:hover{ } /* NOVEDADES */ .novedades-hqe{ float:left; width:970px; padding:10px 0; margin:15px 0; border-top:1px dotted #00A5DD;} .novedades-ultima {border-bottom:1px dotted #00A5DD;} .novedades-hqe p.entrada{ font-style:italic; font-size:1.1em;} .novedades-hqe h3{ font-size:1.3em; font-weight:bold; color: #00A5DD; margin-bottom:15px;} .novedades-hqe h4{ font-size:1.2em; font-weight:bold; color:#00A5DD; margin-bottom:.6em;} .novedades-hqe strong{color:#00A5DD; font-weight:bold;} .novedades-hqe img{ margin-bottom:1em; padding:2px; background:#fcfcfc; border:1px solid #f1efe3; margin-right:4px;} .novedades-hqe a{ color:#000;} .novedades-hqe a:hover{ text-decoration:none;} .promocion p {margin-left: 140px; font-size:12px !important;} #menu-principal { width: 100%; float: left; /*border-bottom: 0px solid #00a5dd;*/ margin-top: 10px; font-size: 12px; } #cabecera { width: 970px; padding: 10px; float: left; border-bottom: 0px dotted #0CCC; box-shadow: 0px 0px 35px rgba(0,0,0,.2); /*border-top: 40px solid #333;*/ border-radius: 10px; padding-top:20px; } .arrow_box { height:150px; width:200px; background-color:#ebebeb; position:relative; } .arrow_box:after { width:0; height:0; content:""; border-top:75px solid transparent; border-bottom:75px solid transparent; border-left:20px solid #ebebeb; position:absolute; left:100%; } hr {border: 0; height: 1px; text-align: center; background-image: linear-gradient(left, #fff, #CCCCCC, #fff);} #cabecera-logo #telefono-hqe{ background:url('../imgs/telefono-icono.jpg') no-repeat left center;} @import url(http://fonts.googleapis.com/css?family=Oxygen+Mono); /* Starter CSS for Menu */ #cssmenu { padding: 0; margin: 0; border: 0; } #cssmenu ul, #cssmenu li { list-style: none; margin: 0; padding: 0; } #cssmenu ul { position: relative; z-index: 597; } #cssmenu ul li { float: left; min-height: 1px; vertical-align: middle; } #cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } #cssmenu ul ul li { float: none; } #cssmenu ul ul ul { top: 0; left: auto; right: -99.5%; } #cssmenu ul li:hover > ul { visibility: visible; } #cssmenu ul ul { bottom: 0; left: 0; } #cssmenu ul ul { margin-top: 0; } #cssmenu ul ul li { font-weight: normal; } #cssmenu a { display: block; line-height: 1em; text-decoration: none; } /* Custom CSS Styles */ #cssmenu { background: #333; border-bottom: 4px solid #1b9bff; font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; font-size: 12px; } #cssmenu > ul { *display: inline-block; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu ul { text-transform: uppercase; } #cssmenu ul ul { border-top: 4px solid #1b9bff; text-transform: none; min-width: 190px; } #cssmenu ul ul a { background: #1b9bff; color: #FFF; border: 1px solid #0082e7; border-top: 0 none; line-height: 150%; padding: 16px 20px; } #cssmenu ul ul ul { border-top: 0 none; } #cssmenu ul ul li { position: relative; } #cssmenu ul ul li:first-child > a { border-top: 1px solid #0082e7; } #cssmenu ul ul li:hover > a { background: #35a6ff; } #cssmenu ul ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 0 #1b9bff; -webkit-box-shadow: 0 1px 0 #1b9bff; box-shadow: 0 1px 0 #1b9bff; } #cssmenu ul ul li:last-child:hover > a { -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu ul ul li.has-sub > a:after { content: '+'; position: absolute; top: 50%; right: 15px; margin-top: -8px; } #cssmenu ul li:hover > a, #cssmenu ul li.active > a { background: #1b9bff; color: #FFF; } #cssmenu ul li.has-sub > a:after { content: '+'; margin-left: 5px; } #cssmenu ul li.last ul { left: auto; right: 0; } #cssmenu ul li.last ul ul { left: auto; right: 99.5%; } #cssmenu a { background: #333; color: #CBCBCB; padding: 0 20px; } #cssmenu > ul > li > a { line-height: 48px; } /*actual*/ #nav { font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 13px; height: 36px; list-style: none outside none; margin: 0px auto; /*text-shadow: 0 -1px 3px #202020;*/ /* width: 700px; */ /* border radius */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* box shadow */ -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color: #5f5f5f; } #nav li { border-bottom: 1px solid #575757; border-left: 1px solid #929292; border-right: 1px solid #5d5d5d; border-top: 1px solid #797979; display: block; float: left; height: 34px; position: relative; width: 105px; } #nav > li:first-child { border-left: 0 none; margin-left: 5px; } #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2; } #nav ul li { background: none repeat scroll 0 0 #838383; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); width: 100%; } #nav li a { color: #FFFFFF; display: block; line-height: 34px; outline: medium none; text-align: center; text-decoration: none; /* gradient */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color: #5f5f5f; } /* keyframes #animation */ @-webkit-keyframes animation { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1.1); } } @-moz-keyframes animation { 0% { -moz-transform: scale(1); } 30% { -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1.1); } } #nav li > a:hover { /* CSS3 animation */ -webkit-animation-name: animation; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: animation; -moz-animation-duration: 0.3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; } #nav li:hover ul { left: 0; top: 34px; width: 150px; } #nav li.menu-promociones a{ background: rgb(255,93,177); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */ } #menu-idiomas li{display:inline; padding-right: 10px;} #languages{ margin-top:5px; margin-bottom:5px;} /* .tooltip { display:none; position:absolute; border:1px solid #333; background-color:#161616; border-radius:5px; padding:15px; color:#fff; font-size:12px; } }*/ .tooltip{ display: inline; position: relative; font-size:14px; } .tooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; } .tooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99;