/* CSS Documento Canecas para reciclaje */ * { padding:0px; margin:0px;} body,td,th {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;} body {background: #F5F5F5 url(../imgs/fnd_web.png) top left repeat-x; margin:0px; padding:0px} .clear {margin:0; padding:0; clear:both;} #mainContent{width:980px;} #headContent {margin:0px 0px 0px 0px; padding:0px; width:960px; height:120px;} #headContent h1 {margin:5px 0 0 0 ; padding:0px; width:222px; height:164px; background:url(../imgs/logo-canecasparareciclaje.png) top center no-repeat; float:left;} #headContent h1 a {display:block; width:216px; height:116px; border:0px; text-decoration:none; text-indent:-9999px;} #headContent h2 {margin:0px; padding:10px 0px 5px 10px; float:right; width:630px; font-family: 'Droid Serif', serif; text-align:left; font-size:18px; color:#666;} #headContent em {float:right; width:630px; font-family: 'Droid Serif', serif; text-align:left; font-size:14px; color:#666; font-style:normal;} #nav { width:640px; height:65px; float:right; font-family: 'Droid Serif', serif;} #nav ul {margin:0px; padding:0px; list-style:none; text-align:left; position:relative;} #nav ul li {margin:0px; padding:0px; float:left; font-size:16px; font-weight:bold; height:65px; position:relative;} #nav ul li:hover {background:url(../imgs/img-menu-lihover.png);} #nav ul li a {color:#FFF; text-decoration:none; display:block; height:41px; padding:10px 25px 15px 10px;} #nav ul li a:hover {background:url(../imgs/sprite-canecas.png) center 51px no-repeat;} #nav ul li .submenu {display:none; position:absolute; left:-10px; width:380px; height:175px; border:#A3D764 solid 1px; z-index:999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #a3d764; background: -moz-linear-gradient(top, #a3d764 0%, #edf7e1 53%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d764), color-stop(53%,#edf7e1)); background: -webkit-linear-gradient(top, #a3d764 0%,#edf7e1 53%); background: -o-linear-gradient(top, #a3d764 0%,#edf7e1 53%); background: -ms-linear-gradient(top, #a3d764 0%,#edf7e1 53%); background: linear-gradient(top, #a3d764 0%,#edf7e1 53%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d764', endColorstr='#edf7e1',GradientType=0 ); -webkit-box-shadow: 2px 2px 2px 0px #333; -moz-box-shadow: 2px 2px 2px 0px #333; box-shadow: 2px 2px 2px 0px #333; } #nav ul li:hover .submenu {display:block;} #nav ul li .submenu p {margin:0px; padding:10px; font:12px/14px Arial, Helvetica, sans-serif;} #nav ul li .submenu img {float:right; margin:10px;} #nav ul li .submenu ul {margin:0px 0px 0px 10px; padding:0px; list-style:none;} #nav ul li .submenu ul li {margin:0px ; padding:4px 0px 4px 15px;background:url(../imgs/sprite-canecas.png) -20px -18px no-repeat; height:auto;} #nav ul li .submenu ul li a {color:#069; display:inherit; height:auto; font:14px/16px Arial, Helvetica, sans-serif; text-decoration:underline; padding:0px;} #nav ul li .submenu ul li a:hover {background:none; text-decoration:none;} #nav ul li ul.menuSup {margin:0px 0px 0px 5px; padding:0px; list-style:none; width:auto; position:absolute; top:34px;} #nav ul li ul.menuSup li {margin:0px; padding:0px 5px; list-style:none; font:12px/14px Arial, Helvetica, sans-serif; height:auto; border-right:#F1F1F1 solid 1px;} #nav ul li ul.menuSup li:last-child {border:none; } #nav ul li ul.menuSup li:hover {background:none; } #nav ul li ul.menuSup li a {height:auto; padding:0px;} #nav ul li ul.menuSup li a:hover {background:none; text-decoration:underline;} ul.menu-estrella li {width:100px;} #productos-home {margin:20px 10px; float:left; width:700px; height:250px; } ul.link-productos {margin:0px; padding:0px; list-style:none; width:700px;} ul.link-productos li {float:left; border-right:#CCC solid 1px; width:170px; height:250px; padding:0px 2px; position:relative;} ul.link-productos li a {text-decoration:none; border:0px;} ul.link-productos li:last-child {border:none;} ul.link-productos li h2 {position:relative; top: 190px; font-size:14px; color:#066; height:30px; text-decoration:underline; } ul.link-productos li:hover h2 {position:inherit; margin:5px 0px 0px 0px; padding:0px; font-size:14px; color:#FFF; height:30px; text-decoration:none;} ul.link-productos li img {margin:5px 0px 0px 0px; border:0px;} ul.link-productos li:hover img {margin:0px;} ul.link-productos li p {margin:0px; padding:5px; text-align:left; font:11px/14px Arial, Helvetica, sans-serif; color:#333; display:none;} ul.link-productos li:hover p {margin:0px; padding:5px; text-align:left; font:11px/14px Arial, Helvetica, sans-serif; color:#333; display:block;} ul.link-productos li:hover {background:#8FCC44;} #novedades-home {margin:20px 10px; padding:10px; float:right; width:220px; height:220px; text-align:left; background:#FFF; -webkit-border-radius: 5px; border-radius: 5px;} .descripHome {width:900px; padding:10px 0; text-align:left; font-size:11px;} .descripHome #canecasDesc{width:580px; float:left;} .descripHome #PEDesc{width:300px; float:right;} #destacadosHome {width:900px; margin:10px 0; text-align:left;} #destacadosHome a{border:none; cursor:pointer;text-decoration:none;} #destacadosHome a:hover{text-decoration:underline;} #destacadosHome .destApoyoPrograms{ float:left; background:url(../imgs/fnd_apoyoProgramas.gif) top left no-repeat; width:147px; height:59px; padding:10px 5px 5px 50px; color:#FFFFFF; font-size:12px; font-weight:bold; margin:0 15px; text-transform: uppercase;} #destacadosHome .destMasopciones{ float:left; background:url(../imgs/fnd_masModelosOpciones.gif) top left no-repeat; width:147px; height:59px; padding:10px 5px 5px 50px; color:#FFFFFF; font-size:24px; font-weight:bold; margin:0 15px 0 0; text-transform: uppercase; line-height:26px;} #destacadosHome .destPersonalizacion{ float:left; background:url(../imgs/fnd_personalizacion.gif) top left no-repeat; width:160px; height:59px; padding:10px 0px 5px 50px; color:#FFFFFF; font-size:16px; font-weight:bold; margin:0 15px 0 0; text-transform: uppercase; line-height:16px;} #destacadosHome .destPersonalizacion h3{margin:0; padding:0; font-size:24px; line-height:24px;} #destacadosHome .destReciclable{ float:left; background:url(../imgs/fnd_reciclable.gif) top left no-repeat; width:147px; height:59px; padding:10px 5px 5px 50px; color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; text-transform: uppercase; line-height:13px;} #destacadosHome .destReciclable h3{margin:0; padding:0; font-size:24px; line-height:24px;} #destacadosHome .divisorDestacado{height:23px; background:url(../imgs/fnd_divResaltado.gif) repeat-x;} #destacadosHome h4.titNuevo{margin:0; height:43px; background:url(../imgs/fnd_h4Nuevo.gif) top left no-repeat; padding:5px 0 5px 130px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;} #destacadosHome h4.titNuevo_canecasPlasticas{margin:0; height:61px; #height:66px; background:url(../imgs/fnd_h4NuevasCanecas.gif) top left no-repeat; padding:5px 0 5px 130px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;} #destacadosHome h4.titNuevo_canecasPlasticas a {color:#FFF; text-decoration:none;} #destacadosHome h4.titNuevo_canecasPlasticas a:hover {text-decoration:underline;} #destacadosHome h4.titNuevo_contenedoresPostconsumo{margin:0; height:61px; #height:66px; background:url(../imgs/fnd_h4NuevosContenedores.gif) top left no-repeat; padding:5px 0 5px 170px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;} .destacadoHome {margin:0px 5px; padding:0px 5px; float:left; width:430px; background:url(../imgs/fnd_destacadoHome.png) top left no-repeat;} .destacadoHome h4 {margin:0px; padding:3px 5px 0px 115px; text-align:left; color:#FFF; font-size:20px; line-height:22px; text-transform:uppercase; background:url(../imgs/sprite_h4_destHome.png) top left no-repeat; height:55px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);} .destacadoHome h4 a {color:#FFF; text-decoration:none;} .destacadoHome h4.nuevo {background-position:left 10px;} .destacadoHome h4.nuevalinea {background-position:left -50px;} .destacadoHome h4.exclusivo {background-position:left -110px;} .destacadoHome h4.novedad {background-position:left -170px;} .destacadoHome h4.nuevalineab {background-position:left -230px;} .destacadoHome h4.lideres {background-position:left -290px;} .destacadoHome h4.variedad {background-position:left -350px;} .notaHome img { padding:0px 10px 10px 0px;} .notaHome p { line-height:1.4em; margin:20px 0px 0px 20px;} .notaHome p a {color:#333; font-weight:bold; text-decoration:underline !important; border:0px;} .otrosProducts_home {margin:20px 0px 10px 0px; padding:20px; background:#FFF; #border:#ccc solid 1px; -moz-box-shadow:inset 0 0 10px #999; -webkit-box-shadow:inset 0 0 10px #999; box-shadow:inset 0 0 10px #999; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } .otrosProducts_home h3 {margin:0px; padding:10px; color:#333; font-size:16px;} .otrosProducts_home h4 {margin:0px; padding:0px; color:#666; font-size:14px;} #destHomePlasticas {margin:0px 0px 20px 0px; padding:0px; background:url(../imgs/fnd_destBPHome.png) top center no-repeat; width:900px; height:140px;} #destHomePlasticas a.btnBolsasHome {float:left; width:200px; height:140px; margin:0px 0px 0px 10px; text-indent:-9999px;} #destHomePlasticas a {color:#333; font-weight:bold; text-decoration:underline !important; border:0px;} #destHomePlasticas h4 {font-size: 18px;height: 55px; color:#FFF;line-height: 22px;margin: 0; padding:5px 0 0 0; text-align: left;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);text-transform: uppercase;} #footer{ background: #515759 url(../imgs/fndFoot.gif) repeat-x; color:#FFFFFF; font-size:11px; text-align:left; padding:10px 0 0 50px; margin:40px 0 0 0;} #footer .containerFoot{ width:980px; padding:10px; margin:0 auto;} #footer #menuInferior{float:left; width:200px; border-right:#666 solid 1px; padding:30px 25px 0 0;} #footer #contactoPie{font-size:13px; float:left; width:500px; padding:30px 0 0 100px; border-left:#888 solid 1px;} #footer #contactoPie img{float:right;padding:0px 0 0 0;} #footer #contactoPie a{color:#FFFFFF; text-decoration:none;} #footer #contactoPie a:hover{text-decoration:underline;} #footer ul{margin:0; padding:0; list-style:inside; list-style-type:disc;} #footer ul a{color:#ccc; text-decoration:none;} #footer ul a:hover{color:#fff;} #footer ul li{margin:0; padding:0 0 2px 15px; font-weight:bold;} #footer ul li ul li{font-weight:normal; list-style-type:circle;} #footer h6{font-size:14px; margin:10px 0; padding:0;} #pieCreditos{font-size:10px; margin:0px auto; padding:25px 0 0 0; width:980px; text-align:center; color:#999999;} #pieCreditos a{color:#999999; text-decoration:none;} #pieCreditos a:hover{color:#CCCCCC;} /*internas*/ .contInternas {width:900px; margin:0 auto; padding:10px 0; text-align:left;} .colizq {float:left; width:510px; padding:10px 10px 10px 20px; } .colizq img{padding:10px 10px 25px 10px;} .colder {float:left; width:329px; height:100%; padding:25px 10px 10px 20px; background:#515759 url(../imgs/fndColIzq.gif) top left repeat-y;border-left:#ccc solid 1px; } .colder ,td,th{color:#FFFFFF; font-size:10px;} .colder ul{list-style:inside;} .colder li{padding:2px 0; border-bottom:#333 dotted 1px;} .colder a{color:#FFF; text-decoration:underline;} .colder a:hover{text-decoration:none;} h3 {margin:0;padding:10px 0;font-size:14px;font-weight:bold;text-transform: uppercase;} p{margin:0; padding:0 0 10px 0;} .nota01 {padding:10px 0; border-bottom:#CCCCCC solid 1px;} .nota02 {padding:10px 0; border-top:#FFFFFF solid 1px;border-bottom:#CCCCCC solid 1px;} a.mailinfo {width:130px;#width:140px;background:#f5f5f5 url(../imgs/mailInfo.gif) top left no-repeat; float:right; font-size:10px; color:#336666; text-decoration:none; padding:8px 5px 5px 35px; margin:125px 0 0 0; font-weight:bold;} .seccion {float:left; width:198px; padding:10px; border-right:#fff solid 1px; border-left:#ccc solid 1px;text-align:center; height:375px;} .seccion .txtSeccion{background:#f5f5f5 url(../imgs/fndTxtseccion.gif) top center no-repeat; padding:5px 0 0 0; text-align:left;} .seccion a.masInfo{background:#990000 url(../imgs/masInfo.gif) 5px 5px no-repeat;width:100px;#width:110px; height:16px; float:right; font-size:10px; color:#fff; text-decoration:none; padding:8px 5px 5px 35px; text-align:left; margin:10px 0; font-weight:bold;} a.masmodelos {width:130px;#width:140px;background:#f5f5f5 url(../imgs/masModelos.gif) top left no-repeat; float:right; font-size:10px; color:#990000; text-decoration:none; padding:8px 5px 5px 35px; margin:5px 0; font-weight:bold; position:absolute; } /*contactenos*/ .txtForm {padding: 5px 0;} .txtForm input {font-size:11px; color:#333333; margin-top: 5px;padding: 2px; border: 1px solid #999999; width: 300px;} .txtForm textarea {font-family:Arial, Helvetica, sans-serif;margin-top: 5px; padding: 2px; border: 1px solid #999999; width: 300px; height: 50px; font-size: 11px; color: #333333;} /*clientes*/ .cliente {width:170px; height:225px; float:left; margin:0 5px; border-bottom:#CCC solid 1px; border-top:#FFF solid 1px;} .imgLogocliente {text-align: center;padding: 5px;} .txtNombrecliente {text-align: center; font-size: 12px;font-weight: bold;color: #003333;text-transform: uppercase;padding: 5px 0 15px 0;} /*Aiso importante home*/ #avisoImportante { font-size:10px; width:453px; height:200px; margin:0px; padding:10px 40px 10px 65px; background:transparent url(../imgs/fndImportant.png) top left no-repeat; color:#333333; position:fixed; top:100px; left:-521px; line-height:1.1em; #line-height:1.2em; z-index:99; cursor:pointer; text-align:justify;} #avisoImportante:hover {left:0px;} #avisoImportante a {color:#003333;} #btn_bolsas { display: block; height: 108px; margin: 0; padding: 0; position: fixed; right: 1em; top: 120px; width: 64px; } #punto-movil {width:540px; height:170px; background:url(../imgs/punto-movil-dest-home.jpg) top center no-repeat; color:#444; margin:0px 10px 20px 10px; padding:80px 20px 0px 320px; font:14px/18px Arial, Helvetica, sans-serif;} #punto-movil h4 {font:Bold 20px/26px Arial, Helvetica, sans-serif;font-weight:bold; padding:20px 0px 0px 0px; text-shadow: -2px 2px 2px #999;} #punto-movil h4 a {color:#444; text-decoration:none;} #punto-movil p {font:15px/18px Arial, Helvetica, sans-serif; padding:10px 0px; text-shadow: -2px 2px 2px #999;} #punto-movil a {color:#069; text-decoration:underline;} ul.formas-pago {margin:0px; padding:0px; list-style:none;} ul.formas-pago li {float:left; width:60px; margin:0px; padding:5px;} ul.formas-pago li img {max-width:60px;}