/* Theme Name: Cuida tu Piel Theme URI: http://www.cuidatupiel.cl Description: Plantilla WP Cuidatupiel.cl Version: 1.0 Author: Independiente Author URI: http://www.independiente.cl */ body { background:#FFF; margin:0; padding:0; font-family:"Trajan Pro", Verdana, Geneva, sans-serif; } #contenedor { width:960px; height:800px; margin:0 auto; background:#fff url(imagenes/bodybg.jpg) right no-repeat; } #main { width:935px; margin:0 10px 0 15px; float:left; } /************************* CABEZERA *************************/ #cabezera { width:935px; height:208px; margin:20px 0 15px; float:left; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; } #cabezera1 { width:776px; height:208px; background:url(imagenes/cabezera1bg.jpg) no-repeat; float:left; position:relative; } #cabezera2 { width:159px; height:208px; float:left; } #cabezera2 a { width:159px; height:208px; background:url(imagenes/cabezera2bg.jpg) no-repeat; text-indent:-9999px; display:block; text-align:center; } h1 a{ background:url(imagenes/logo.png); width:409px; height:66px; display:block; position:absolute; top:130px; left:20px; text-indent:-9999px; } /************************* BOTONERA *************************/ #botonera-contenedor { width:935px; height:86px; float:left; margin:0 0 15px; } #botonera-botones { margin-left:115px; width:660px; height:86px; float:left; } #botonera-rs { width:160px; height:86px; float:left; } ul#nav { margin:0; padding:0; float:left; } ul#nav li { list-style:none; float:left; width:159px; height:86px; display:block; } ul#nav li.btn_cara{ float:left; width:159px; height:86px; margin-right:7px; } ul#nav li.btn_cara a{ background:url(imagenes/btn_cara.jpg); text-indent:-9999px; display:block; width:159px; height:86px; } ul#nav li.btn_cara a:hover{ -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } ul#nav li.btn_cuerpo { float:left; width:159px; height:86px; margin-right:7px; } ul#nav li.btn_cuerpo a{ background:url(imagenes/btn_cuerpo.jpg); text-indent:-9999px; display:block; width:159px; height:86px; } ul#nav li.btn_cuerpo a:hover{ -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } ul#nav li.btn_pelo { float:left; width:159px; height:86px; margin-right:7px; } ul#nav li.btn_pelo a{ background:url(imagenes/btn_pelo.jpg); text-indent:-9999px; display:block; width:159px; height:86px; } ul#nav li.btn_pelo a:hover{ -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } ul#nav li.btn_contacto { float:left; width:159px; height:86px; } ul#nav li.btn_contacto a{ background:url(imagenes/btn_contacto.jpg); text-indent:-9999px; display:block; width:159px; height:86px; } ul#nav li.btn_contacto a:hover{ -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } /*****************/ #contenido-contenedor { width:935px; height:385px; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; box-shadow:1px 1px 10px #999; float:left; background:url(imagenes/contenido-contenedorbg.png) repeat; float:left; margin-bottom:15px; } /*****************/ /************************* SINGLE *************************/ #single-imagen { width:318px; margin-right:20px; height:355px; padding:30px 0 0 20px; float:left; } #single-contenido { width:537px; height:298px; padding:10px; float:left; margin:33px 20px 0 0; background:url(imagenes/single-contenidobg.jpg); -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; box-shadow:1px 1px 10px #999; overflow-y:auto; position:relative; } #single-titulo { color:#646464; font-size:19px; margin-bottom:10px; float:left; } #single-descripcion { color:#646464; font-size:15px; text-align:justify; margin-bottom:15px; float:left; } #single-solicitar { width:74px; height:14px; background:#BAD0C5; padding:5px 20px; float:left; margin-left:400px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #single-solicitar a { text-decoration:none; color:#000; text-shadow:0 1px #fff; font-size:12px; font-weight:bold; letter-spacing:1px; } #single-solicitar a:hover { color:#C00; text-shadow:0 1px #fff; } /*****************/ #hidratacion-contenedor { width:891px; padding:10px 22px; height:362px; float:left; } #hidratacion-1 { width:434px; height:362px; float:left; background:url(imagenes/hidratacion-1bg.jpg) no-repeat; margin-right:23px; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; } #hidratacion-2 { width:434px; height:362px; float:left; background:url(imagenes/hidratacion-2bg.jpg) no-repeat; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; } /*****************/ /*****************/ #contacto-contenedor { width:891px; padding:10px 22px; height:362px; float:left; } #contacto-1 { width:434px; height:362px; float:left; background:url(imagenes/hidratacion-1bg.jpg) no-repeat; margin-right:23px; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; } #contacto-2 { width:434px; height:362px; float:left; display:block; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; } #contacto-2 a { width:434px; height:362px; float:left; background:url(imagenes/contacto-2bg.jpg) no-repeat; text-indent:-9999px; } /*****************/ /************************* CATEGORIAS *************************/ #categoria-contenedor { width:850px; height:339px; margin:23px auto 0; } #categoria-contenedor-productos { background:url(imagenes/productos-contenedorbg.jpg); width:479px; height:339px; float:left; margin-right:21px; -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } #contenedor-productos { width:439px; max-height:300px; padding:10px; margin-left:10px; margin-top:10px; background:#FFF; -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; overflow:auto; float:left; } .unproducto { width:100px; height:60px; float:left; margin-right:5px; margin-bottom:40px; float:left; display:block; } .unproducto:hover { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } a.unproducto-foto img { width:30px; height:40px; float:left; } .unproducto-titulo { width:70px; height:60px; float:left; } .unproducto-titulo a { text-decoration:none; color:#333; font-size:10px; } .unproducto-titulo a:hover { color:#C00; } #categoria-contenedor-consejo {width:350px; height:339px; float:left; background:url(imagenes/productos-consejobg.jpg); -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; } #consejos-titulo { float:left; font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif; color:#d0d0d0; font-weight:bold; font-style:italic; text-shadow:0 1px #333; font-size:20px; margin:10px 0 15px 11px; } #consejos-main { width:300px; padding:15px; margin:0 0 0 10px; font-size:12px; font-weight:bold; color:#666; text-align:justify; background:rgba(255,255,255,0.9); background:rgb(255,255,255); float:left; -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; -ms-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999; overflow:auto; height:250px; } /************************* PIE *************************/ #pie { width:935px; height:39px; background:url(imagenes/piebg.jpg) no-repeat; float:left; -moz-box-shadow:1px 1px 10px #999; -webkit-box-shadow:1px 1px 10px #999; -ms-box-shadow:1px 1px 10px #999; box-shadow:1px 1px 10px #999;} #wpcf7-f1-p4-o1 { margin:20px auto 0; padding:0; width:350px; } #wpcf7-f2-p6-o1 { margin:40px auto 0; padding:0; width:350px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(images/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(images/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(images/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(images/border2.png) -25px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}