/* Autor : Emenia email : info@emenia.es Web : www.emenia.es */ /* R E S E T E R I C M E Y E R */ 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; font-size: 100%; vertical-align: top; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; } /* C O L O R E S Body - Gris claro : #666; Titulares - Gris Oscuro : #333; Links - Rojo : #9B0000; (Alternativo? Azul #1d5cd1) */ /* E S T I L O S P R I N C I P A L E S */ html, body { margin: 0; padding: 0; text-align: center; width: 100%; color: #666; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 100.01%; line-height: 1.4em; } html { overflow: auto;} /* eliminar barra vertical ie6 e ie7 */ body { font-size: 1em; } #contenedor { margin: 0 auto; width: 960px; } .aligncenter { display:block; margin:0 auto } .alignleft { float:left; padding: 10px; } .alignright { float:right; padding: 10px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } .clear { clear: both;} input:focus, textarea:focus { border: 1px solid #000!important; } .buttons { border: 1px solid #333; background: white; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .buttons:hover { background: #666; color: #FFF; } input, textarea { padding: 4px; margin: 0 0 10px 0;} a:link, a:active, a:visited { color: #9B0000; text-decoration: underline; } a:hover { color: #666;} /* C A B E C E R A */ #cabecera { width: 960px; overflow: hidden; border-bottom: 5px solid #000;} h1#logo { width: 490px; height: 91px; text-indent: -9000px; margin: 0 auto; background: url(/images/logo.jpg) no-repeat top left; } /* N A V E G A D O R */ ul#navegador { height:28px; padding: 10px 0; margin-left: 73px;} ul#navegador li { display: inline; } ul#navegador li a { display: block; float:left; height:28px; margin:0; background: url(/images/navegador.png); text-indent: -9000px; } ul#navegador li.page-item-3 a:link, ul#navegador li.page-item-3 a:visited, ul#navegador li.page-item-3 a:active { width: 106px; background-position: 0 0;} ul#navegador li.page-item-3 a:hover { background-position: 0 28px; } #inicio ul#navegador li.current_page_item a { background-position: 0 56px; } ul#navegador li.page-item-5 a:link, ul#navegador li.page-item-5 a:visited, ul#navegador li.page-item-5 a:active { width: 105px; background-position: -106px 0;} ul#navegador li.page-item-5 a:hover { background-position: -106px 28px; } #coleccion ul#navegador li.current_page_item a{ background-position: -106px 56px; } ul#navegador li.page-item-7 a:link, ul#navegador li.page-item-7 a:visited, ul#navegador li.page-item-7 a:active { width: 86px; background-position: -211px 0;} ul#navegador li.page-item-7 a:hover { background-position: -211px 28px; } #tiendas ul#navegador li.current_page_item a{ background-position: -211px 56px; } ul#navegador li.page-item-9 a:link, ul#navegador li.page-item-9 a:visited, ul#navegador li.page-item-9 a:active { width: 164px; background-position: -297px 0;} ul#navegador li.page-item-9 a:hover { background-position: -297px 28px; } #tarjeta ul#navegador li.current_page_item a{ background-position: -297px 56px; } ul#navegador li.cat-item-1 a:link, ul#navegador li.cat-item-1 a:visited, ul#navegador li.cat-item-1 a:active { width: 136px; background-position: -461px 0;} ul#navegador li.cat-item-1 a:hover { background-position: -461px 28px; } #estilo ul#navegador li.cat-item-1 a { background-position: -461px 56px; } ul#navegador li.cat-item-4 a:link, ul#navegador li.cat-item-4 a:visited, ul#navegador li.cat-item-4 a:active { width: 91px; background-position: -597px 0;} ul#navegador li.cat-item-4 a:hover { background-position: -597px 28px; } #noticias ul#navegador li.cat-item-4 a { background-position: -597px 56px; } ul#navegador li.page-item-12 a:link, ul#navegador li.page-item-12 a:visited, ul#navegador li.page-item-12 a:active { width: 128px; background-position: -688px 0;} ul#navegador li.page-item-12 a:hover { background-position: -688px 28px; } #venta ul#navegador li.current_page_item a { background-position: -688px 56px; } ul#navegador li.page-item-17 a:link, ul#navegador li.page-item-17 a:visited, ul#navegador li.page-item-17 a:active { width: 144px; background-position: -816px 0;} ul#navegador li.page-item-17 a:hover { background-position: -816px 28px; } #contacto ul#navegador li.current_page_item a{ background-position: -816px 56px; } /* I N I C I O */ #inicio #galeria { width: 960px; height: 433px; margin: 11px auto; overflow: hidden;} #simplegallery1 { margin: 0 auto; padding: 0;} /*Mailchimp*/ .newsletter { border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; height:100px; position:relative; width:711px; margin-top: 15px; padding: 10px 10px 0; background: #cccccc;} .newsletter_texto { width: 343px; text-align: left; float: left;} .newsletter_texto p { font-size: 12px; padding-top: 5px; float: left; width: 310px; color: #666;} .newsletter_texto h2 { text-transform: uppercase; color: #333;} .newsletter img { float: right;} .mc_custom_border_hdr, #mc_signup_container { width: 230px !important; font-size: 11px !important;} .mc_custom_border_hdr { background-color: transparent !important; } #mc_message { height: 20px; left:385px; position:absolute; top:5px; width: 350px; text-align: left;} #mc_signup_container { margin-left:378px;} #mc_signup_form { background-color: transparent !important; color:#555555; padding:5px; width: 365px;} #mc_signup_form .mc_var_label { left:385px; position:absolute; top:27px; width: 350px; text-align: left; } #mc_signup_form .mc_input { left:385px; position:absolute; top:52px; width:190px; } .mc_signup_submit { left:595px; position:absolute; top:49px; } #tweet { clear: right; font-size: 10px; width: 200px; float: right; line-height: 1.5em; text-align: left; padding: 10px; border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; margin-top: 15px; position: relative; background: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #tweet img { position: absolute; top: -9px; left: 144px;} #menu_inferior { float: right; width: 200px; margin-top: 5px;} ul#menu_inferior li { float: right; width: 40px;} /* C O L E C C I O N */ #coleccion #contenido { margin-top: 20px;} #coleccion h1#titulo_pagina { display: block; float:left; height:48px; width: 235px; margin:0 0 10px; background: url(/images/titulo_coleccion.gif) no-repeat top left; text-indent: -9000px;} #coleccion h3#subtitulo { clear: both; letter-spacing: 5px; font-weight: normal; font-size: 1.4em; text-align: right; margin-right: 70px; padding: 0 0 10px 0;} #intro { padding-bottom: 10px;} #back { background: url(/images/fondo_coleccion.jpg) no-repeat top left; width: 825px; height: 350px; margin: 0 auto;} #slider { width: 800px; margin: 0 auto; position: relative; background-color: #FFF; border: 5px solid #FFF;} .scroll { overflow: hidden; width: 800px; margin: 0 auto; position: relative; text-align: left; } .scrollContainer { position: relative; } .scrollContainer div.panel { padding: 25px 10px 5px; width: 274px; height: 300px; } /* #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(/images/leftshadow.png) repeat-y; } #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(/images/rightshadow.png) repeat-y; } */ .inside { padding: 10px; border: 1px solid #fff; background-color: #fff; text-align: left; line-height: 15px;} .inside img { display: block; border: 2px solid #666; margin: 0 0 10px 0; width: 250px;} .inside h2 { font-weight: normal; color: #333; font-size: 16px; margin: 0 0 8px 0; } .inside p { font-size: 11px; color: #333; text-align: center; font-family: 'Century Gothic', 'Apple Gothic', sans-serif;} #slider a { color: #999; text-decoration: none; border-bottom: 1px dotted #ccc; } #slider a:hover { border-bottom: 1px solid #999; } .scrollButtons { position: absolute; top: 127px; cursor: pointer; } .scrollButtons.left { left: -50px; } .scrollButtons.right { right: -44px; } .hide { display: none; } /* T I E N D A S */ #tiendas #contenido { margin-top: 20px;} #tiendas h1#titulo_pagina { display: block; float:left; height:48px; width: 178px; margin:0 0 30px; background: url(/images/titulo_tiendas.gif) no-repeat top left; text-indent: -9000px;} #tiendas .fotos_tiendas { float: right; width: 719px; background-color: #FFF;} #tiendas .fotos_tiendas #pics1 { float: left; margin: 0; padding: 2px; width: 261px; height: 288px;} #tiendas .fotos_tiendas #pics2 { float: left; margin: 0; padding: 2px; width: 226px; height: 288px;} #tiendas .fotos_tiendas #pics3 { float:right; margin: 0; padding: 2px; width: 220px; height: 392px;} #tiendas .fotos_tiendas #pics4 { float: left; margin: 0; padding: 2px; width: 339px; height: 100px;} #tiendas .fotos_tiendas #pics5 { float: left; margin: 0; padding: 2px; width: 148px; height: 100px;} #tiendas dl { clear: left; float: left; width: 235px; text-align: left; font-size: 0.8em; line-height: 1.3em; } #tiendas dl dd { padding-bottom: 23px;} #tiendas dt.tienda1 { display: block; height:15px; width: 119px; margin:0 0 5px; background: url(/images/titulo_abc.gif) no-repeat top left; text-indent: -9000px;} #tiendas dt.tienda2 { display: block; height:16px; width: 173px; margin:0 0 5px; background: url(/images/titulo_arturo.gif) no-repeat top left; text-indent: -9000px;} #tiendas dt.tienda3 { display: block; height:20px; width: 191px; margin:0 0 5px; background: url(/images/titulo_modashopping.gif) no-repeat top left; text-indent: -9000px;} #tiendas dt.tienda4 { display: block; height:20px; width: 173px; margin:0 0 5px; background: url(/images/titulo_drusa.gif) no-repeat top left; text-indent: -9000px;} /* T A R J E T A D E C L I E N T E */ #tarjeta #contenido { margin-top: 20px;float: left; width: 650px; } #tarjeta h1#titulo_pagina { display: block; float:left; height:63px; width: 415px; margin:0 0 50px; background: url(/images/titulo_tarjeta.gif) no-repeat top left; text-indent: -9000px;} #tarjeta #principal { width: 650px; float: left;} #tarjeta #principal p { text-align: left; padding: 5px 0; } /* G U I A D E E S T I L O */ #estilo #contenido { margin-top: 20px;float: left; width: 650px; text-align: left;} #estilo h1#titulo_pagina { display: block; float:left; height:69px; width: 601px; margin:0 0 30px; background: url(/images/titulo_estilo.jpg) no-repeat top left; text-indent: -9000px;} h1#titulo_estilo { margin: 0 0 50px; display: block; float:left; height:69px; width: 601px; background: url(/images/titulo_estilo.jpg) no-repeat top left; text-indent: -9000px;} #estilo h2 { padding: 0 0 5px; font-size: 33px; line-height: 1em;} #estilo h2 a, #estilo h2 { color: #000; font-family: 'Reenie Beanie', arial, serif; font-weight: normal; text-decoration: none; } #estilo h2 a { font-size: 33px; line-height: 1em; padding: 0 0 5px;} #estilo h2 a:hover { text-decoration: none; border-bottom: 1px dotted #9B0000;} #estilo .resumen_noticias p { margin: 10px 0 0 10px;} p.comentario { padding: 20px 0 30px; font-weight: bold; font-size: 0.8em;} p.postinfo { font-size: 0.8em; margin-left: 10px;} .post p { margin-bottom: 1em;} /* C O M E N T A R I O S */ #commentlist { list-style: none; margin: 0; padding: 0 0 20px 50px; width: 650px;} #commentlist li { border: 1px solid #e3e3e3; margin: 16px 0; padding: 0 10px; background: #EBF2FA; } #commentlist li p { padding: 5px;} #commentlist small { float: right; font-size: 8pt; font-family: Tahoma; color: #629CD0;} #comments, #postcomment { margin: 40px 0 10px 10px;} cite { font-weight: bold; font-style: normal !important; } #commentlist li p.cite { padding: 0;} #commentlist li.author_comment { border-bottom: 1px solid #0066CC !important; border-top: 1px solid #0066CC !important; } .sociable_tagline { font-size: 0.8em;} /* A R C H I V O */ h1#titulo_archivo { display: block; float:left; height:49px; width: 196px; margin:0 0 50px; background: url(/images/titulo_archivos.gif) no-repeat top left; text-indent: -9000px;} .post { margin-bottom: 20px;} /* N O T I C I A S */ #noticias #contenido { margin-top: 20px;float: left; width: 650px; text-align: left;} #noticias h1#titulo_pagina { display: block; float:left; height:63px; width: 201px; margin:0 0 30px; background: url(/images/titulo_noticias.gif) no-repeat top left; text-indent: -9000px;} h1#titulo_noticias { margin: 0 0 50px; display: block; float:left; height:63px; width: 201px; background: url(/images/titulo_noticias.gif) no-repeat top left; text-indent: -9000px;} #noticias h2 { padding: 0; font-size: 33px; line-height: 1em;} #noticias h2 a, #noticias h2 { color: #333; font-family: 'Josefin Sans Std Light', arial, serif; font-weight: normal; text-decoration: none; } #noticias h2 a { font-size: 27px; line-height: 1em; padding: 0 0 10px;} #noticias h2 a:hover { color: #9B0000; text-decoration: underline;} #noticias .resumen_noticias p { margin: 20px 0 0 168px;} #noticias p.comentario { padding: 20px 0 30px; font-weight: bold;} /* C O N T A C T O */ #contacto #contenido { margin-top: 20px; float: left; width: 400px; text-align: left;} #contacto h1#titulo_pagina { display: block; float:left; height:63px; width: 219px; margin:0 0 30px; background: url(/images/titulo_contacto.gif) no-repeat top left; text-indent: -9000px;} #contacto #contenido ul { margin: 10px 0; background-color: #F4F5EF; font-size: 0.9em; font-weight: bold;} #contacto #contenido ul li { padding: 5px;} #contacto form { margin-top: 115px; float: right; width: 500px;} #contacto form p label { text-align: right; float:left; width: 30%;} #contacto form p input, #contacto form p textarea { width: 65%; border: 1px solid #BDC2C9;-moz-border-radius: 5px; -webkit-border-radius: 5px;} label.error { color: #000; text-align: left; display: block; float: none !important; padding-bottom: 20px; width: 97% !important;} /* S I D E B A R */ #columna { float: right; width: 233px; border-left: 2px solid #CCC; margin-top: 10px; text-align: left; margin-top: 135px;} #columna p { margin: 20px 0 0 30px; font-size: 0.9em; text-align: left;} #columna #lateral_tarjeta h3 { display: block; height:27px; width: 117px; margin:0 0 10px 30px; background: url(/images/ventajas.gif) no-repeat top left; text-indent: -9000px;} #columna #lateral_tarjeta ul { text-align: left; margin-left: 30px; font-size: 0.9em;} #columna #lateral_tarjeta ul li { padding-bottom: 5px;} #columna #archives li { padding: 3px 0; margin-left: 30px; font-size: 0.8em;} #columna #archives h3 { display: block; height:21px; width: 96px; margin: 20px 0 10px 30px; background: url(/images/archivo.gif) no-repeat top left; text-indent: -9000px;} #estilo #columna #archives h3 { margin: 0 0 10px 30px;} #noticias #columna #archives h3 { display: block; height:188px; width: 201px; margin: 0 0 10px 30px; background: url(/images/titulo_ultimas_noticias.gif) no-repeat top left; text-indent: -9000px;} #noticias #archives ul li { padding: 5px; margin-bottom: 10px;} #sidebar-facebook { margin-top: 50px; float: right !important;} /* FaceBook */ /* B I O - S O B R E T E R E S A A L D A M A */ #bio #contenido { margin-top: 20px; float: left; width: 695px; text-align: left;} #bio #foto { float: left; width: 214px;} #bio #foto p { padding-left: 10px;} #bio h1#titulo_pagina { display: block; float:left; height:63px; width: 79px; margin:10px 0 0px; background: url(/images/titulo_bio.gif) no-repeat top left; text-indent: -9000px;} #bio .post { margin: 95px 0 0 220px;} #bio .post p { padding-bottom: 10px;} #bio #fotos_bio { margin-top: 20px;} /* P O L I T I C A D E P R I V A C I D A D | P R O T E C C I O N D E D A T O S */ #privacidad #contenido, #proteccion #contenido { margin-top: 20px; float: left; width: 695px; text-align: left;} #privacidad h1#titulo_pagina { display: block; float:left; height:63px; width: 510px; margin:0 0 30px; background: url(/images/titulo_privacidad.gif) no-repeat top left; text-indent: -9000px;} #proteccion h1#titulo_pagina { display: block; float:left; height:63px; width: 466px; margin:0 0 30px; background: url(/images/titulo_proteccion.gif) no-repeat top left; text-indent: -9000px;} #privacidad .post p, #proteccion .post p { padding-bottom: 10px;} /* F O O T E R */ p.copy { font-size: 13px; color: #b4b4b4; margin: 20px auto; text-align: center; font-family: 'Century Gothic', 'Apple Gothic', sans-serif;} p.copy a { padding: 0 5px;} p.copy a img { vertical-align: middle;} p.copy a:link, p.copy a:visited { color: #b4b4b4;} p.copy a:hover { color: #000;} p.copy a:active { color: #b4b4b4;}