/** * nanimarquina v1.0 2009 * * 422.WEB09.NM * * copyright 2009 by runroom * */ @font-face { font-family: 'Century Gothic'; src: url('centurygothic.eot'); src: local('Century Gothic Regular'), local('Century Gothic'), url('fonts/centurygothic.ttf') format('truetype'); } @font-face { font-family: 'Century Gothic Bold'; src: url('centurygothicbold.eot'); src: local('Century Gothic Bold'), url('fonts/centurygothicbold.ttf') format('truetype'); } /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, sup { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } ul,li { list-style: none; } /* GENERAL STYLES -----------------------------------------------------------------------------*/ body { font: normal 62.5%/1.3 Georgia, "Times New Roman", Times, serif; background: #ebebeb; } .clear { clear: both; } .row { display: block; clear: both; overflow: hidden; } h1 span, #header span, #content-main .post ul.postinfo li.estrellas span { position: absolute; left: -99999px; } #container, #footer { display: block; width: 941px; margin: 0 auto; padding-left: 56px; padding-right: 56px; overflow: hidden; background: #fff; } #container { padding-top: 30px; } #content { overflow: hidden; } a { color: #3b3b3b; text-decoration: none; cursor: pointer !important; } /* HEADER -----------------------------------------------------------------------------*/ #header { position: relative; height: 100px; margin-bottom: 20px; font: bold 1.6em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; border-bottom: 1px solid #d7d7d7; } #header h1 { margin: 0; float: right; width: 250px; position: relative; top: -13px; left: 4px; } #header h1 a { display: block; width: 250px; height: 45px; background: url(css_imgs/mask.png) 0px -138px no-repeat; } #header .botonera1 { float: left; width: 300px; margin-bottom: 0; padding-bottom: 0; } #header .botonera1 li { float: left; margin: 0 2px 3px 0; } #header .botonera2 { float: left; width: 244px; clear: left; margin-top: 0; } #header .botonera2 li { float: left; margin: 0 2px 3px 0; } #header .botonera1 li a, #header .botonera2 li a { display: block; text-decoration: none; height: 18px; overflow: hidden; background: url("css_imgs/menu_es.gif") -2px -2px no-repeat; } #header .botonera1 .prod a { width: 84px; } #header .botonera1 .prod a:hover, #header .botonera1 .prod a.selected { background-position: -2px -108px; } #header .botonera1 .about a { width: 74px; background-position: -89px -2px; } #header .botonera1 .about a:hover, #header .botonera1 .about a.selected { background-position: -89px -108px; } #header .botonera1 .designers a { width: 103px; background-position: -2px -23px; } #header .botonera1 .designers a:hover, #header .botonera1 .designers a.selected { background-position: -2px -129px; } #header .botonera1 .projects a { width: 84px; background-position: -108px -23px; } #header .botonera1 .projects a:hover, #header .botonera1 .projects a.selected { background-position: -108px -129px; } #header .botonera1 .dealers a { width: 150px; background-position: -2px -44px; } #header .botonera1 .dealers a:hover, #header .botonera1 .dealers a.selected { background-position: -2px -150px; } #header .botonera1 .press a { width: 59px; background-position: -155px -44px; } #header .botonera1 .press a:hover, #header .botonera1 .press a.selected { background-position: -155px -150px; } #header .botonera2 .blog a { width: 41px; background-position: -2px -80px; } #header .botonera2 .blog a:hover, #header .botonera2 .blog a.selected { background-position: -2px -186px; } #header .botonera2 .down a { width: 89px; background-position: -46px -80px; } #header .botonera2 .down a:hover, #header .botonera2 .down a.selected { background-position: -46px -186px; } #header .botonera2 .contact a { width: 87px; background-position: -138px -80px; } #header .botonera2 .contact a:hover, #header .botonera2 .contact a.selected { background-position: -138px -186px; } #header .idioma { float: right; width: auto; font-size: 0.92em; position: absolute; bottom: 10px; right: 0; } #header .idioma li { float: right; margin: 0 0 0 10px; } #header .idioma li a { text-decoration: none; color: #b0b0b0; line-height: 1.1em; } #header .idioma li a:hover, #header .idioma li.selected a { color: #3b3b3b; } .shop #header h1 { height: 59px; top: -15px; } .shop #header h1 a { height: 59px; background-position: 0px -186px; } /* CONTENT-MAIN -----------------------------------------------------------------------------*/ #content-main { float:right; width: 760px; } #content-main p.breadcrumb { margin: 0; background-color:#f3f3f3; font-family:"Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; height:17px; padding:2px 0 0 9px; color:#3b3b3b !important; font-size:1.1em } #content-main p.breadcrumb a { color: #939393; text-decoration: none; } #content-main .breadcrumb a:hover { color: #3b3b3b; } #content-main.inicio .post, #content-main.category .post { border-top: 1px solid #e2e2e2; } #content-main.category .post h2 { margin-bottom: 16px; } /* FOOTER -----------------------------------------------------------------------------*/ #footer { padding-top: 20px; padding-bottom: 50px; } #footer .bloque1, #footer .bloque2, #footer .bloque3, #footer .bloque4 { float:left; margin:0 19px 0 0; border-top:1px solid #d7d7d7; padding-top: 15px; color: #3b3b3b; font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size: 1.2em; width: 220px; } #footer a { color: #3b3b3b; text-decoration: underline; } #footer a:hover { color: #bf0b1d; } #footer li { margin: 0 0 4px 0; } #footer .bloque1 { font:normal 1em/1.3em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; } #footer .bloque1 strong{ display:block; line-height:1.6em; font-weight:normal; background: url(css_imgs/nani-marquina-mini.gif) left bottom no-repeat; padding-left: 82px;} #footer .bloque1 strong span{ position:absolute; left:-99999px;} #footer .bloque1 a { text-decoration:none;} #footer .bloque1 a:hover{color:#bf0b1d;} #footer .bloque2 li{ float:left; width:110px; vertical-align:top; } #footer .bloque4 { margin: 0; } #footer .bloque4 ul{margin-top:5px} #footer .bloque4 ul li{ padding:0 0 0 20px; background-position:0 1px; background-repeat:no-repeat; } #footer .bloque4 ul li.facebook{ background-image:url(css_imgs/icono-facebook.gif)} #footer .bloque4 ul li.twitter{ background-image:url(css_imgs/icono-twitter.gif)} #footer .bloque4 ul li.rss{ background-image:url(css_imgs/icono-RSS.gif)} #runroom { width: 940px; margin: 10px auto 60px auto; font: normal 1em/1.3em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; text-align: center; } #runroom a { padding-right: 11px; background: url("css_imgs/runroom_logo.png") right center no-repeat; } #gototop { font-family: "Century Gothic", Futura, "Helvetica Neue", Arial, sans-serif; } #gototop a { display: block; margin: auto; padding: 10px; color: #fff; font-size: 14px; text-align: right; background: url("css_imgs/bg_collection.png"); } #gototop a:hover { color: #3b3b3b; background: #ccc; } /* HOME -----------------------------------------------------------------------------*/ #content.home p { margin-bottom: 13px; padding-left: 4px; color: #7f7f7f; font: normal 1.2em/1.5em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } #content.home p strong { font: bold 1.05em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; } #content.home p .strong1 { color: #bf0b1d; } #content.home p .strong2 { color: #3b3b3b; } #content.home p a:hover { color: #bf0b1d; } #content.home form { clear: both; display: block; line-height: 3em; height: 31px; overflow: hidden; margin-top: 20px; border-top: 1px solid #cee4f1; border-bottom: 1px solid #cee4f1; background: #e5f5fe url("css_imgs/bg_form.jpg") 219px 3px no-repeat; } #content.home form p { float:left; width:auto; display:block; color:#939393; font: bold 1.2em/2.5em "Century Gothic", Verdana, Arial, Helvetica, sans-serif; margin:0px;} #content.home form p a, .home form p.especial { font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important; font-weight: normal; } #content.home form p.especial { font-size:1.1em; margin-top:1px; font-weight: normal;} #content.home form a:hover {color:#bf0b1d;} #content.home form label { position:absolute; left:-99999px;} #content.home form a.rss { background:url(css_imgs/icono-RSS.gif) right top no-repeat; padding-right:17px; margin-right:66px; font-size:1em;} #content.home form a.send {margin-left:20px;} #content.home form p.close { float:right; margin:7px 10px 0px 0px;} #content.home form p.close a {width:20px; height:18px; display:block; overflow:hidden; background:url(css_imgs/mask.png) -80px -57px no-repeat; } #content.home form p.close a:hover { background-position:-80px -39px; } #content.home form p.close a span { position:absolute; left:-99999px; } #content.home form input { float:left; margin-top:8px; } #content.home form input.text { border:1px solid #d7d7d7; padding:2px; font: normal 1.1em/1.1em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin:4px 15px 0px 15px; width:155px;} /* EMPRESA -----------------------------------------------------------------------------*/ #content-main.empresa p.breadcrumb { margin-bottom:20px;} #content-main.empresa .info h2 { background:url(css_imgs/mask.png) 0px -76px no-repeat; width:148px; height:24px; margin:30px 0px 10px 0px;} #content-main.empresa .info h2 span { position:absolute; left:-99999px;} #content-main.empresa .info { margin-top:20px;} #content-main.empresa .info p { font: normal 1.1em/1.35em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin-bottom:13px;} #content-main.empresa p { font: normal 1.1em/1.6em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin-bottom: 13px; } #content-main.empresa p.pdf { background: url(css_imgs/bg_pdf.gif) 0px 0px repeat-x; height: 31px; line-height: 31px; overflow: hidden; width: 100%; } #content-main.empresa p.pdf a { display: block; background: url(css_imgs/bg_download_red.jpg) left center no-repeat; padding-left: 20px; color:#bf0b1d; margin-left: 1px; } #content-main.empresa p.pdf a:hover { text-decoration: underline; } p.pdf, p.sinicon { clear: both; } #content-main.empresa p.sinicon { background: url(css_imgs/bg_pdf.gif) 0px 0px repeat-x; height: 31px; line-height: 31px; overflow: hidden; width: 100%; } #content-main.empresa p.sinicon a { display: block; color: #bf0b1d; margin-left: 1px; } #content-main.empresa p.sinicon a:hover { text-decoration: underline; } .panes { margin-bottom: 20px; } .nav + p.sinicon { margin-top: 20px; } .nav + p.pdf { margin-top: 20px; } p.sinicon + p.sinicon { margin-top: -14px; } p.sinicon + p.pdf { margin-top: -14px; } p.pdf + p.sinicon { margin-top: -14px; } p.pdf + p.pdf { margin-top: -14px; } #content-main.empresa h3 { font:bold 1.4em/1.4em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; color:#3b3b3b; } #content-main.empresa h4, #content-main.prensa h4 { font:bold 1.4em/1.4em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; color:#bf0b1d; } /* lista de distribuidores */ .distributors_list { margin-top: 10px; } .distributors_list ul { clear: both; } .distributors_list ul li { width: 200px; float: left; margin-right: 53px; } .distributors_list ul li strong { font-weight: normal; color: #3b3b3b; } /* PROYECTOS -----------------------------------------------------------------------------*/ .info h3 span { font-size: 0.8em; } /* POST -----------------------------------------------------------------------------*/ #content-main .post { padding-top:33px; color:#939393; padding-bottom:17px; display:block; overflow:hidden; } #content-main .first { border:none !important;} #content-main .post.first {padding-top:20px;} #content-main .last-post {border:0 none!important} #content-main .post a { color:#3b3b3b; text-decoration:none; } #content-main .post a:hover {color:#bf0b1d; } #content-main .post h2 { font-size:2.4em; font-weight:normal; margin:0 0 10px 0; } #content-main .post .posttitle, #content-main .post .entry{ float:left; width:580px; display:block; overflow:hidden; } #content-main .post .snap_preview {font-size:1.5em} #content-main .post .snap_preview_post {font-size:1.5em; line-height:1.45em;} #content-main .post .entry p { margin:0 0 20px 0} #content-main .post .entry div.imagen_preview { padding:2px; border:1px solid #939393; margin:39px auto 37px } #content-main .post div.imagen_post { clear:both; padding:2px; border:1px solid #939393; margin:0 0 35px; } #content-main .post .entry div.video { text-align:center; width:auto; margin:37px auto 35px } #content-main .post .entry p.leermas { margin:5px 0 0px 0; font-size:2em; clear:both } #content-main .post .entry p.leermas a { color:#3b3b3b; font-size:.7em; font-style:italic; text-decoration:underline } #content-main .post .entry p.leermas a:hover { color:#bf0b1d;} #content-main .post ul.postinfo { float:right; width:135px; padding:0 30px 0 0; font-size:1.1em; font-style:italic; position:relative; top:4px;} #content-main .post ul.postinfo li {margin-bottom:4px} #content-main .post ul.postinfo li.navegacion { padding:0 0 10px 0; margin-bottom:15px; font-size:1.1em; border-bottom:1px solid #d7d7d7; width:163px; position:relative;} #content-main .post ul.postinfo li.navegacion a {color:#939393; font-size:1.2em;} #content-main .post ul.postinfo li.navegacion a.seg { position:absolute; right:0px;} #content-main .post ul.postinfo li.navegacion a:hover {color:#3b3b3b; text-decoration:none} #content-main .post ul.postinfo li.comentarios { background:url(css_imgs/icono-comentario.gif) 0 2px no-repeat;padding:0 0 0 20px; } #content-main .post ul.postinfo li.estrellas {margin-bottom:30px} #content-main .post ul.postinfo li.estrellas p {margin:12px 0 6px} #content-main .post ul.postinfo li.estrellas .plus, #content-main .post ul.postinfo li.estrellas .minus { float:left; width:14px; height:13px; background-position:0 0; background-repeat:no-repeat; margin:0 3px 0 0;} #content-main .post ul.postinfo li.estrellas .plus { background-image:url(css_imgs/icono-estrella-amarilla.gif)} #content-main .post ul.postinfo li.estrellas .minus { background-image:url(css_imgs/icono-estrella-gris.gif)} #content-main .post ul.postinfo li p.compartir { font-style:normal; margin-bottom:7px;} #content-main .post .clear { border-bottom:1px solid #e2e2e2; margin-bottom:15px; height:20px;} #content-main .navigation {font-size:1.3em; padding-top: 30px;} #content-main .navigation .alignleft{float: left; width: 200px;} #content-main .navigation .alignright{float: right; padding-right: 180px;} h3.comments, h3.respond {clear:both; font: normal 1.4em/1.5em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; border-bottom:1px solid #e2e2e2; border-top: 1px solid #e2e2e2; color:#939393; background-color:#f3f3f3; padding-left:4px;} ol.commentlist { clear:both; margin-bottom:20px} ol.commentlist li { height:auto; background:url(css_imgs/fondo-comillas.gif) 12px 30px no-repeat; padding:25px 40px 35px 55px; font-size:1.3em; font-style:italic; border-bottom:1px solid #D7D7D7; display:block; clear:both; overflow:hidden; height:1% } ol.commentlist li.last {border:0 none;} ol.commentlist li .cmtinfo { float:right; width:125px; font-size:.9em; } ol.commentlist li p { float:left; width:470px; margin:0; } #commentform { padding-top:30px; margin:0;} #commentform p {font-size:1.1em; font-style:italic; margin:0 0 12px 0; overflow:hidden; display:block;} #commentform .datos { float:left; width:245px;} #commentform .comentario { float:left; width:460px; } #commentform .datos input { width:210px} #commentform .comentario textarea {width:340px; float:left; height:125px;} #commentform .comentario input { margin-left:8px; margin-top:102px; position:relative; bottom:0px;} #commentform p label {display:block; margin-bottom:5px;} #commentform input, #commentform textarea { color:#696868; font-family:"Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size:1.1em; padding:0 3px; } /* MODELS -----------------------------------------------------------------------------*/ #content-main.models h2 { background-color:#F3F3F3; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; clear:both;color:#3b3b3b; font: bold 1.2em/1.7em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;padding-left:15px; margin-top:20px;} #content-main.models p.designer { float:right; top:-1.8em; font: normal 1.2em/1.7em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; margin-bottom:-1.8em; margin-right:8px; position:relative;} ul.models li { clear:both; display:block; padding:20px 0px 10px 8px;background: url(css_imgs/bg_li_models.jpg) left top repeat-x; overflow:hidden;} ul.models li.first { background-image:none;} ul.models li .wrapper { width:112px; display:block; float:left;} ul.models li p.name { font: normal 1.2em/1em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#3b3b3b; width:180px; float:left;} ul.models li p strong { line-height:1.5em; position:relative; top:-4px;} ul.models li p.name strong { font-size:1.15em; } ul.models li p.info { margin-top:3px; font: normal 1.2em/1em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; width:450px; float:left; } #content-main.models a:hover {color:#bf0b1d;} #preview { position: absolute; border:1px solid #e5e5e5; background:#fff; padding:4px; display:none; } /* COLLECTION -----------------------------------------------------------------------------*/ .collection .description { margin:20px 0px 30px 0px; padding-bottom:10px; border-bottom:1px solid #e2e2e2; display:block; overflow:hidden; width:100%;} .collection .description h2 { color:#3b3b3b; font: normal 1.2em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;} .collection .description h2 strong { font-size:1.2em; font-weight:bold;} .collection .description p {margin-top:8px; font: normal 1.1em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393;} .collection .description p a#a_more { font: italic 1.05em/1em Georgia, "Times New Roman", Times, serif; text-decoration:underline; background:url(css_imgs/bg_filter.gif) 0px 2px no-repeat; padding-left:13px; color:#3b3b3b; cursor:pointer;} .collection .description p a#a_more.up { background: url(css_imgs/bg_arrow_up.gif) 0px 4px no-repeat;} .collection .description .slide { padding-bottom:10px;} .wrapperInfo { float:right; width:220px; font-family:"Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#929292;} .wrapperInfo h3 {font-size: 1.4em; color:#bf0b1d; font-weight:bold; margin-bottom:10px; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;} .wrapperInfo dl, .wrapperInfo p, .wrapperInfo img { margin-bottom:10px;} .wrapperInfo dl { clear:both; display:block; overflow:hidden; line-height:1.45em;} .wrapperInfo dl,.wrapperInfo p, .wrapperInfo ul { font-size:1.1em;} .wrapperInfo dl dt { clear:both; float:left;margin-right:3px;} .wrapperInfo dl strong { font-weight:normal; color:#3b3b3b;} .wrapperInfo dl .dry { display:block; margin-top:15px;background:url(css_imgs/clean_lavar_seco.jpg) left center no-repeat; padding-left:16px;} .wrapperInfo dl .no_dry { display:block; margin-top:15px;background:url(css_imgs/clean_no_lavar_seco.jpg) left center no-repeat; padding-left:16px;} .wrapperInfo dl .hand { display:block; margin-top:15px; background:url(css_imgs/clean_lavar_mano.jpg) left center no-repeat; padding-left: 20px; } .wrapperInfo ul { line-height:1.8em;} .wrapperInfo ul li.download { background:url(css_imgs/bg_download.jpg) left center no-repeat; padding-left:16px;} .wrapperInfo ul li.print { background:url(css_imgs/bg_print.jpg) left center no-repeat; padding-left:16px;} .wrapperInfo ul li a:hover { color: #bf0b1d; } .wrapperModels { width:520px; float:left;} .wrapperModels h2 { color:#939393; font: normal 1.4em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; background-color:#f3f3f3; line-height:1.3em; height:20px; padding-left:8px;} .wrapperModels ul {margin-bottom:20px;} .wrapperModels ul li { display:block; overflow:hidden; border-top:1px solid #e2e2e2; padding:20px 0px 10px 0px;} .wrapperModels ul li.first { border:none;} .wrapperModels ul li .text{ width:210px; padding-left:8px;float:left; color:#3b3b3b;} .wrapperModels ul li .text h3{font: bold 1.4em/1.6em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;} .wrapperModels ul li .text p{font: normal 1.2em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;} .wrapperModels ul li a{ float:right; display:block; overflow:hidden; border:1px solid #fff; cursor:pointer; padding-right:24px;} .wrapperModels ul li a:hover{ border:1px solid #e2e2e2; background:url(css_imgs/bg_lupa.gif) top right no-repeat;} .awards { clear:both; display:block; overflow:hidden} .awards h2{ background-color:#ffd854; border-top: 1px solid #f1ba00; border-bottom: 1px solid #f1ba00; font: normal 1.2em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#3b3b3b; padding-left:8px;} .awards h2 a{ cursor:pointer; background: url(css_imgs/bg_awards.jpg) 0px center no-repeat; padding-left:36px;} .awards h2 a.down{ cursor:pointer; background: url(css_imgs/bg_awards_down.jpg) 0px center no-repeat;} .awards ul{clear:both; display:block; overflow:hidden; font: normal 1.1em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#3b3b3b;} .awards ul li{ margin-top:20px; width:160px; margin-left:20px; float:left;} .awards ul li.first{ margin-left:0px; padding:0px !important;} .awards ul li img{border:1px solid #939393;} /* DESIGNERS -----------------------------------------------------------------------------*/ #content-main.designers p.breadcrumb { margin-bottom:13px;} ul.designers li { margin:10px 0px 0px 10px; overflow:hidden; float:left; display:inline; } ul.designers li.first { clear:right; } /* DESIGNER -----------------------------------------------------------------------------*/ #content-main.designer p.breadcrumb { margin-bottom: 17px; } .designer .author { color:#3b3b3b; margin-bottom:10px;} .designer .author h2 { font: bold 2.4em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; } .designer .author p { font: normal 1.4em/1.4em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; } .designer .bio { margin:10px 0px; width:700px; font: normal 1.2em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; display:block; overflow:hidden;} .designer .bio p { margin-bottom:10px;} .designer h2.deesteautor { font: normal 1.2em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; color:#191919; border-bottom: 1px solid #e2e2e2; padding-bottom:10px; } .designer h2.deesteautor strong { font-size:1.15em;} /* DOWNLOAD -----------------------------------------------------------------------------*/ #content-main.downloads ul {clear:both; background:url(css_imgs/bg_points.gif) top left repeat-x; display:block; overflow:hidden; padding-top:20px; margin-bottom:12px;} #content-main.downloads ul.first { background:none;} #content-main.downloads ul li { width:241px; float:left; padding-left:18px;} #content-main.downloads ul li.first {padding:0px;} #content-main.downloads ul li h2 { font: bold 1.2em/1em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#3b3b3b; margin-bottom:6px; } #content-main.downloads ul li img { margin-bottom:3px;} #content-main.downloads ul li p a { font: normal 1.2em/1.4em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color:#bf0b1d; } #content-main.downloads ul li p a.download { background:url(css_imgs/bg_download_red.jpg) center left no-repeat; padding-left:18px; } /* ZOOM COLECCION -----------------------------------------------------------------------------*/ div.overlay { display:none; min-height:200px; width:675px; z-index:10000; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; text-align: center; background: #fff url(css_imgs/bg_overlay.jpg) left bottom no-repeat; padding:42px 18px;} div.overlay .info { top:15px; left:19px; position:absolute; color:#3b3b3b; font-family:"Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:1.4em; background:#fff !important; text-align:left;} div.overlay #img{ border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;} div.overlay .info strong{ display:inline;} div.overlay .next, div.overlay .prev{ cursor:pointer; position:absolute; bottom:10px; font:italic 1.4em/1.4em Georgia, "Times New Roman", Times, serif; color:#939393;} div.overlay a:hover{ color:#3b3b3b;} div.overlay .next{ right:19px;} div.overlay .prev{ right:104px;} div.overlay .close{position:absolute; width:22px; height:18px; background: #fff url(css_imgs/mask.png) -80px -20px no-repeat; top:15px; right:19px; cursor:pointer; z-index:10} div.overlay .close:hover{ background-position:-80px -2px;} div.overlay .disabled { visibility:hidden;} .progress { position:absolute; top:45%; left:50%; display:none;} /* PREMIOS -----------------------------------------------------------------------------*/ #content-main.premios p.breadcrumb{ margin-bottom:13px;} #content-main.premios h2{font: bold 1.4em/1.4em "Century Gothic","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; color:#3b3b3b; margin-left:200px; text-align:left; } #content-main.premios ul{ clear:both;} #content-main.premios ul li{ display:block; overflow:hidden; background:url(css_imgs/bg_points.gif) left top repeat-x; padding:25px 0px 18px 0px;} #content-main.premios ul li.first{ background-image:none;} #content-main.premios ul li img{ float:left;} #content-main.premios ul li .info{ width:560px; float:right;} #content-main.premios ul li .info h3 { font:bold 1.2em/1.5em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin-bottom:5px;} #content-main.premios ul li .info p, #content-main.premios ul li .info a{font:normal 1.1em/1.45em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393;} #content-main.premios ul li .info a{ color:#3b3b3b; margin-top:2px; float:left;} /* LISTA DE DISTRIBUIDORES -----------------------------------------------------------------------------*/ #content-main.dist p.breadcrumb { margin-bottom:12px;} #content-main.dist h2 {color:#191919; font:normal 1.2em/2.2em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; border-bottom: 1px solid #e2e2e2; } #content-main.dist h2 strong{ font-size:1.15em;} #content-main.dist ul{ display:block; overflow:hidden; clear:both;} #content-main.dist ul li{ width:243px; float:left; padding-left:10px;font: normal 1.1em/1.45em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin-top:15px;} #content-main.dist ul li h3{color:#bf0b1d; font:bold 1.35em/1.5em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;} #content-main.dist ul li a{ display:block;} #content-main.dist ul li a:hover{ color:#bf0b1d; } /* PRENSA -----------------------------------------------------------------------------*/ .prensa ul {font: normal 1.1em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; clear:both; display:block; overflow:hidden; background: url(css_imgs/bg_points.gif) bottom left repeat-x; margin-bottom:20px;} .prensa ul.last { background-image:none;} .prensa ul li { float:left; width:154px; padding: 0px 0px 20px 42px;} .prensa ul li.first { padding:0px 1px 20px 0px;} .prensa ul li h2 { color:#3b3b3b; font-weight:bold; margin-bottom:2px;} .prensa ul li p { color:#3b3b3b; font-style:italic; margin-bottom:2px;} .prensa ul li p.date { color:#939393; font-style:normal;} .prensa ul li .img { border:1px solid #939393; padding:2px; text-align:center; margin:6px 0px 8px 0px;} .prensa ul li .img img { margin: 0px auto;} .prensa ul li a.download { background:url(css_imgs/bg_download_red.jpg) 0px center no-repeat; padding-left:16px; color:#bf0b1d; } /* CONTACTAR -----------------------------------------------------------------------------*/ #content-main.contact p.breadcrumb{ margin-bottom:10px;} #content-main.contact h2 { clear:both; color:#3b3b3b; font:bold 2.25em/1.5em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; } #content-main.contact .info{font: normal 1.1em/1.35em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#939393; margin-bottom:13px;} #content-main.contact .info h2 { background:url(css_imgs/bg_points.gif) bottom left repeat-x;} #content-main.contact .info h3 { font: normal 1.4em/1.8em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#bf0b1d;} #content-main.contact .info ul{ margin:10px 0px 40px 0px; display:block; overflow:hidden;} #content-main.contact .info ul li{ float:left; margin-right:23px;} #content-main.contact .info ul li p { line-height:1.5em;} #content-main.contact .info ul li strong{ font-weight:normal; color:#3b3b3b;} #content-main.contact .info a:hover{ color:#bf0b1d;} #content-main.contact form { position:relative;} #content-main.contact p.especial{ font: italic 1.1em/1.4em Georgia, "Times New Roman", Times, serif; color:#939393;text-align:right; margin:0px 10px 5px 0px;} #content-main.contact fieldset{ padding:0px 10px 10px 10px; border:none; background-color:#f7f7f7; margin-bottom:10px;} #content-main.contact fieldset h3{ font: normal 1.55em/2.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;color:#3b3b3b; background:url(css_imgs/bg_points.gif) bottom left repeat-x; margin-bottom:10px;} #content-main.contact fieldset label { display: block; height: 1.6em; margin-bottom: 2px; font: italic 1.2em/1.6em Georgia, "Times New Roman", Times, serif; color: #939393; } #content-main.contact fieldset sup { position: relative; top: -3px; left: 2px; vertical-align: middle; } #content-main.contact fieldset label a { text-decoration: underline; } #content-main.contact fieldset .row { margin:10px 0px 10px 0px;} #content-main.contact fieldset .row div { float:left; width:240px;} #content-main.contact fieldset textarea { border:1px solid #737373; padding:5px 2px; width:450px; height:100px;} #content-main.contact fieldset textarea, #content-main.contact fieldset input, #content-main.contact fieldset select { font: normal 1.1em/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#696868;} #content-main.contact fieldset .radio label, #content-main.contact fieldset .check label { width: auto; color:#3b3b3b; font: normal 1.1em/1.6em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin-right: 20px; } #content-main.contact fieldset .radio label { float: left; } #content-main.contact fieldset .check { position: relative; padding: 5px 0 0 0; } #content-main.contact fieldset .check .button { position: absolute; top: 0; right: 20px; } #content-main.contact fieldset input[type="text"] { width: 210px; } #content-main.contact fieldset input[type="checkbox"] { margin-right: 3px; } #content-main.contact fieldset.especial { background:#ebebeb url(css_imgs/bg_contact.gif) left bottom no-repeat; padding:0px 10px 1px 10px;} #content-main.contact fieldset.especial .row { margin:5px 0px;} #content-main.contact fieldset.especial sup { color: #3b3b3b; } #content-main.contact fieldset.especial .button{ float:right; margin-top:5px;} /* FAQ'S -----------------------------------------------------------------------------*/ #content-main.faqs p.breadcrumb { margin-bottom:12px;} #content-main.faqs h2 {color:#3b3b3b; font:bold 2.4em/1.5em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; background:url(css_imgs/bg_points.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:24px;} #content-main.faqs ul.faqs { margin-bottom:51px;} #content-main.faqs ul.faqs li a {font: bold 1.4em/1.7em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color:#bf0b1d;} #content-main.faqs ul.ans { font-family:"Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;} #content-main.faqs ul.ans li { display:block; overflow:hidden; background: url(css_imgs/bg_points.gif) top left repeat-x; padding-top:20px; margin-bottom:15px;} #content-main.faqs ul.ans li.first { background:none; padding-top:0px;} #content-main.faqs ul.ans h3 { width:220px; float:left; color:#3b3b3b; font-size:1.4em; color:#3b3b3b;} #content-main.faqs ul.ans .info { width:520px; float:right; color:#939393; font-size:1.1em; line-height:1.6em;} #content-main.faqs ul.ans .info a.top { clear:both; float:left; background: url(css_imgs/bg_arrow_up.gif) 0px 6px no-repeat; padding-left:15px; color:#3b3b3b; margin-top:10px; } /* ----------------------------------------------------------------------------- * * ANADIDO Rr * ----------------------------------------------------------------------------- */ ol { list-style-position: inside; } ul { list-style: none; } a:link, a:visited { color: #3b3b3b; text-decoration: none; } a:hover, a:active { color: #bf0b1d; text-decoration: none; } /* coleccion anterior / siguiente */ #antsig { width: 180px; float: right; text-align: right; color: #bf0b1d; text-transform: lowercase; } #antsig a { padding: 0 5px; } /* FILTROS -----------------------------------------------------------------------------*/ .filter { clear: both; margin: 0 0 0 0; /*margin: 20px 0 7px 0;*/ overflow: hidden; display: block; height: 28px; font: 1.2em/2.45em "Trebuchet MS"; color: #3b3b3b; background: #f3f3f3; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .filter p { float: left; width: auto; padding-left: 11px; } .filter p a { padding-left: 14px; background: url("css_imgs/bg_filter.gif") left center no-repeat; } .filter p a:hover { color: #bf0b1d; } .filter p a.down { background: url("css_imgs/bg_filter_down.gif") left center no-repeat; } .filter ul { float: right; } .filter ul li { display: block; float: left; height: 28px; padding: 0px 10px; background: url("css_imgs/bg_filter_li.jpg") top left repeat-y; } .filter ul li a { padding-right: 30px; display: block; color: #939393; } .filter ul li a.collection { background: url("css_imgs/bg_collection_off.jpg") right center no-repeat; } .filter ul li a.collection:hover, .filter ul li.selected a.collection { color:#3b3b3b; background-image: url("css_imgs/bg_collection.jpg"); } .filter ul li a.models { background: url("css_imgs/bg_models_off.jpg") right center no-repeat; } .filter ul li a.models:hover, .filter ul li.selected a.models { color:#3b3b3b; background-image: url("css_imgs/bg_models.jpg"); } #filterSlide { width: 100%; display: block; overflow: hidden; padding: 20px 0px; font: normal 1.05em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif; color: #3b3b3b; border-bottom: 1px solid #e2e2e2; background: #fffff7; } #filterSlide form { display: block; overflow: hidden; background: url("css_imgs/bg_filter_lines.gif") 250px 0px repeat-y; } #filterSlide select { width: 200px; font: normal 1.05em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif; } #filterSlide .col { float: left; width: 230px; padding-left: 22px; } #filterSlide .last { padding-left: 10px; width: 230px; } #filterSlide p.title, #filterSlide label.title { display: block; margin-bottom: 3px; } #filterSlide .title { font-weight: bold; font-size: 1.1em; } #filterSlide .row { margin-bottom: 11px; } #filterSlide .others { margin-top: 62px; } .filterclose { display: block; float: right; margin: 3px 10px 0 0; width: 16px; height: 16px; background: url("css_imgs/closefilter.gif") 0 0 no-repeat; } .filterclose span { position: absolute; left: -9999px; } /* POST -----------------------------------------------------------------------------*/ .avatar { display: block; margin-bottom: 8px; } ol.commentlist li .comment-body { float: right; width: 125px; font-size: 0.9em; } #content-main .post { padding-top: 30px; color: #939393; padding-bottom: 0px; display: block; overflow: hidden; } #content-main .post .entry .more-link { margin: 5px 0 0 0; clear: both; display: block; color: #3b3b3b; font-size: 0.7em; font-style: italic; text-decoration: underline; } #content-main .post .entry .more-link:hover { color: #bf0b1d; } #content-main .post .entry img.alignnone { padding: 2px; margin: 0 auto 17px; border: 1px solid #939393; } /* MENU -----------------------------------------------------------------------------*/ #header .botonera2 { float: left; width: 244px; clear: left; margin-top: 11px; } /* HOME -----------------------------------------------------------------------------*/ #ticker { height: 40px; position: relative; clear: both; } #content.home #ticker p { width: 40px; height: 40px; float: left; line-height: 40px; margin-bottom: 0; } #content.home #ticker p strong { font: bold 14px/40px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; letter-spacing: 0; color: #bf0b1d; } #tickerTextHolder { position: absolute; top: 1px; left: 75px; height: 40px; overflow: hidden; padding: 0px; width: 860px; } #tickerTextHolder .tickerText { font: normal 1.2em/40px "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;; color: #666; } .tickerText a { display: block; } /* #content.home ul.elements li span { padding: 1px 3px 3px 2px; } */ /* DISENADOR -----------------------------------------------------------------------------*/ ul.designers li { margin: 10px 10px 0px 0px; overflow: hidden; float: left; display: inline; } /* EMPRESA -----------------------------------------------------------------------------*/ #carefair { float: left; width: 355px; padding-right: 25px; } #kala { float: left; width: 360px; padding-left: 20px; } #kala img { padding: 2px; border: 1px solid #e3e3e3; } #content-main.empresa .info p, ol li { font: normal 1.1em/1.35em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color: #939393; margin-bottom: 13px; } /* COLECCION -----------------------------------------------------------------------------*/ .wrapperInfo { overflow: hidden; padding-bottom: 20px; } #content-main.collections p.breadcrumb, #content-main.models p.breadcrumb { margin-bottom: 20px; } .disenador { width: auto; float: right; padding-right: 10px; } /* CONTACTAR -----------------------------------------------------------------------------*/ h2+.info { margin-top: 40px; } .alert { display: inline; padding: 2px 0 2px 18px; color: #bf0b1d; font: normal 1.1em/1.4em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; background: url(css_imgs/mask.png) -186px 0px no-repeat; } /* PRENSA -----------------------------------------------------------------------------*/ #content-main.prensa p.breadcrumb { margin-bottom: 18px;} .prensa ul li { float: left; width: 154px; padding: 0px 0px 20px 42px; } .prensa ul li.first { padding: 0px 1px 20px 5px; } /* ELEMENTOS IMAGEN CON FONDO Y/O SLIDESHOW -----------------------------------------------------------------------------*/ .element a:link, .element a:visited, .element a:hover, .element a:active { text-decoration: none; } .element { position: relative; font-family: "Century Gothic", Futura, "Helvetica Neue", Arial, sans-serif; } .element:hover { background: #000; } .element h2 { position: absolute; font-weight: normal; } .element span { display: inline-block; padding: 2px 3px; white-space: nowrap; color: #fff; background: url("css_imgs/bg_collection.png") 0px 0px repeat; } .element:hover span { color: #3b3b3b; background: #fff; } /* elementos que contienen "element" */ /* slideshows */ .panes.paraslide { position: relative; } .panes.paraslide .element { display: none; position: absolute; } .panes.paraslide .element.show { display: block; position: absolute; } /* tipo */ .panes { width: 760px; height: 460px; margin-top: 20px; } .panes h2 { top: 20px; left: 20px; font-size: 18px; } .panes h2 strong { font-size: 30px; } .panes span { margin-bottom: 2px; } .panes.home { width: 940px; height: 500px; margin-top: 0; margin-bottom: 0; } .panes.home h2 { top: 30px; right: 20px; font-size: 45px; text-align: right; } .panes.home h2 strong { font-size: 45px; } .panes.home span { margin-bottom: 9px; } .panes.subhome { width: 580px; height: 404px; float: left; } .panes.subhome h2 { top: 10px; right: 15px; font-size: 30px; text-align: right; } .panes.subhome h2 strong { font-size: 30px; } .panes.subhome span { margin-bottom: 6px; } /* listas (UL) */ .desta_pqs { list-style: none; float: right; width: 160px; overflow: hidden; margin-top: 20px; } .desta_pqs li { margin-bottom: 11px; } .desta_pqs h2 { top: 5px; left: 5px; font-size: 14px; } .desta_pqs span { margin-bottom: 1px; } ul.collection { list-style: none; clear: both; } ul.collection li { float: left; width: 240px; margin: 20px 0 0 20px; } ul.collection li.first { margin: 20px 0 0 0; } ul.collection h2 { top: 10px; left: 10px; font-size: 15px; } ul.collection h2 strong { font-size: 15px; } ul.collection span { margin-bottom: 1px; } ul.collection span.new { margin-top: 3px; padding-right: 5px; font-weight: bold; font-style: italic; font-size: 12px; background: #000; } ul.collection .element:hover span.new { background: #fff; } #content-main.collections.start ul.collection.encathome { position: relative; top: -20px; margin-bottom: -20px; } .previews { list-style: none; clear: both; overflow: hidden; } .previews h2 { top: 10px; left: 10px; font-size: 14px; } .previews li { float: left; width: 220px; margin-left: 20px; } .previews li.first { margin-left: 0; } .previews span { padding-top: 1px; padding-bottom: 1px; margin-bottom: 1px; } .designers { list-style: none; clear: both; } .designers li { float: left; width: auto; } .designers h2 { top: 10px; left: 10px; font-size: 12px; } .designers h2 strong { font-size: 14px; } .designers span { margin-bottom: 1px; } /* disenos de un designer */ .related { list-style: none; overflow: hidden; margin-top: 20px; } .related li { margin-bottom: 11px; } /* 4 columnas */ .designer ul.related li { float: left; width: 160px; margin-left: 20px; } .designer ul.related li.first { margin-left: 0; } .related h2 { top: 5px; left: 5px; font-size: 14px; } .related span { margin-bottom: 1px; } /* "thumbnails" y botoncito play/pause */ .nav { float: right; position: relative; top: -50px; margin-right: 20px; height: 31px; z-index: 200; } .nav ul { float: left; } .nav p { float: right; } .nav li { float: left; width: auto; margin-right: 6px; } .nav li a { display: block; width: 10px; height: 12px; background: #e3e4e4; border: 1px solid #939393; } .nav li a:hover { background: #666; } .nav li a span { position: absolute; left: -9999px; } .nav li a.current { background: #bababa; } .pause { display: block; margin: -1px 0 0 10px; width: 17px; height: 16px; background: url("css_imgs/mask.png") -37px 0px; border: none; } .pause span { position: absolute; left: -9999px; } .pause:hover { cursor: pointer; background-position: -37px -16px; } .pause.paused { background-position: -37px -32px; } .pause.paused:hover { background-position: -37px -48px; } /* problemas de especidicidad */ #content-main.empresa .nav ul { margin-top: 0; } #content-main.empresa .nav ul li { margin-right: 6px; } .element:hover img { opacity: .80; /* for all real browsers */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* for IE8 */ filter: alpha(opacity=80); /* for IE5-7 */ } /* SIDEBAR -----------------------------------------------------------------------------*/ #sidebar { float: left; width: 160px; } #sidebar h2 { font: bold 1.4em/1em "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; color: #3b3b3b; } #sidebar p { padding-top: 1px; display: block; font: normal 1.1em/1em "Trebuchet MS"; color: #939393; } #sidebar ul li { float: none; padding: 3px 0 6px 4px; border-bottom: 1px solid #d7d7d7; } #sidebar ul li.selected a { color: #bf0b1d; } /* buscar */ #sidebar ul li.buscador { margin-bottom: 8px; padding-top: 0; border-bottom: none; } #sidebar #searchform { padding: 1px 0 0 5px; width: 160px; height: 20px; background: url("css_imgs/mask.png") 0 -111px no-repeat; } #sidebar form input.textbox { position: relative; top: -1px; width: 126px; height: 19px; padding: 0 0 0 2px; font-size: 1.1em; color: #696868; font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; background: none; border: none; } /* DESIGNER */ #sidebar ul li.designers { border-bottom: none; } #sidebar ul li.designers h2 { padding-bottom: 6px; padding-left: 4px; margin-bottom: 3px; border-bottom: 1px solid #d7d7d7; } #sidebar ul li.designers ul li { padding-bottom: 3px; font: normal 1.1em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; border-bottom: none; } /* PROYECTOS */ #sidebar ul li.proyectos { border-bottom: none; } #sidebar ul li.proyectos h2 { padding-bottom: 6px; padding-left: 4px; margin-bottom: 3px; border-bottom: 1px solid #d7d7d7; } #sidebar ul li.proyectos ul li { padding-bottom: 3px; font: normal 1.1em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; border-bottom: none; } /* DISTRIBUIDORES */ #sidebar ul li.select { border-bottom: none; } #sidebar ul li.select h2 { padding-bottom: 6px; padding-left: 4px; margin-bottom: 8px; border-bottom: 1px solid #d7d7d7; } #sidebar ul li.select label { display: none; } #sidebar ul li.select select { width: 100%; } #sidebar ul li.select ul li { padding-bottom: 3px; font: normal 1.1em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; border-bottom: none; } #sidebar ul.faq { padding-top: 20px; } #sidebar ul.faq li { border-bottom: none; } #sidebar ul.faq li h2 { font-size: 1.2em; padding-bottom: 3px; } /* BLOG */ #sidebar ul li.feedarea { margin-bottom: 5px; border-bottom: none; } #sidebar .feedarea .rss { padding: 0 6px 0 17px; background: url("css_imgs/icono-RSS_mini.gif") center left no-repeat; } #sidebar .feedarea a { color: #3b3b3b; text-decoration: underline; font: normal 1.15em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; } #sidebar .feedarea a:hover { color: #bf0b1d; } #sidebar ul li.categories, #sidebar ul li.blog_archives, #sidebar ul li.tags { border-bottom: none; } #sidebar ul li.categories h2, #sidebar ul li.blog_archives h2, #sidebar ul li.tags h2 { padding-bottom: 6px; padding-left: 4px; margin-bottom: 3px; border-bottom: 1px solid #d7d7d7; } #sidebar ul li.current-cat a{ color: #bf0b1d;} #sidebar ul li.categories ul li, #sidebar ul li.blog_archives ul li, #sidebar ul li.tags ul li { padding-bottom: 3px; font-style: italic; font-size: 1.15em; border-bottom: none; } #sidebar ul li.blog_archives select { margin-bottom: 10px; } /* nube de etiquetas */ #sidebar li.tags ul { margin-top: 10px; } #sidebar li.tags ul li { display: inline; margin: 1px 2px; padding-left: 0; } #sidebar li.tags ul li a { display: inline; font-family: "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif; font-style:normal; font-weight:bold; color:#c2c2c2; line-height: 1em; } #sidebar li.tags ul li a:hover { color: #3b3b3b; } #sidebar li.tags ul li a.n1 { font-size: 2.6em; } #sidebar li.tags ul li a.n2 { font-size: 2.3em; } #sidebar li.tags ul li a.n3 { font-size: 2em; } #sidebar li.tags ul li a.n4 { font-size: 1.7em; } #sidebar li.tags ul li a.n5 { font-size: 1.4em; } #sidebar li.tags ul li a.n6 { font-size: 1.1em; } /* DESCARGAS */ #sidebar ul.zip li { margin: 20px 0 0 4px; font: normal 1.1em/1.2em "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color: #939393; border-bottom: none; } #sidebar .zip p { margin-bottom: 10px; } #sidebar .zip a { padding-left: 19px; color: #3b3b3b; font-style: normal; } #sidebar .zip a.zip_win { background: url("css_imgs/mask.png") -238px -18px no-repeat; } #sidebar .zip a.zip_mac { background: url("css_imgs/mask.png") -238px -36px no-repeat; } #sidebar .zip a:hover { color: #bf0b1d; } /* adelgazar fonts en webkit */ * { -webkit-text-stroke: 1px transparent; } /* pero no en mobile safari */ @media only screen and (max-device-width:480px) {*{-webkit-text-stroke:0 black;}}