/* MODIFIED BY ESI http://www.esi.es Theme Name: KeKo version: 1.0.3 Theme URI: http://www.mkels.com/ Description: Unique Urban Grunge Integrated Adsense And 6 Ads Banner WordPress Theme with Theme Option Author: Micheal kelsinger Author URI: http://www.mkels.com/ Designer: Micheal Kelsinger */ /* RESETEO */ body,html,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,address,fieldset,legend,input,button,table,th,td,div,span{margin:0; padding:0; border:0;} dl,dt,dd,ul,ol{display:block;} ul,ol {list-style:none;} body{font-family: Tahoma, "Lucida Sans", Arial, sans-serif; font-size:62.5%; color:#333; background: #dbddd2 url(bg_general.png) repeat-x left top;} h1, h2, h3, h4, h5, h6 {font-weight:400;} h1{font-size:2em;} h2{font-size:1.7em;} h3{font-size:1.5em;} h4{font-size:1.2em;} h5{font-size:1.1em;} p,ul,ol,dl,legend,caption,th,td{font-size:1.2em;} em{/*font-style:normal;*/} a{text-decoration:none; font-weight:bold; text-decoration:none;} a:hover{text-decoration:underline;} a img{border:0;} abbr,acronym{border-bottom:1px dotted #666; cursor:help;} kbd { line-height:2em; font-size:.8em; font-weight:normal; font-family:"Lucida console", Courier, monospace, sans-serif; border-top:.15em solid #ccc; border-right:.25em solid #aaa; border-bottom:.3em solid #888; border-left:.2em solid #bbb; padding:.05em .2em; color:#000; background:#eee; vertical-align:text-bottom;} .flotad{float:right; margin:0 0 10px 10px; padding:0px; border:0px solid #B7D223; width:40%;} .flotai{float:left; margin:0 10px 10px 0px; padding:0px; border:0px solid #B7D223; width:40%;} .sec-noticias .flotad, .sec-noticias .flotai{width:auto;} .flota-bloque-d{float:right; margin:0 0 10px 10px; padding:0px; border:0px solid #B7D223; width:275px; font-style:italic; text-align:center;} /* ..................ANCHURA, ALTURA, MARGIN Y PADDING PARA LOS BLOQUES DE MAQUETACIÓN PRINCIPALES ..................*/ #aside{width:20em;} #contenedor{width:53em; min-height:500px;} .sec-generica #contenedor{padding:0; border:0;} /* pongo estos 3 valores los primeros, para que no se machaquen los tamaños */ #pagina, #cabecera, #menu-principal, #pag-portada #contenedor, .sec-generica #contenedor, .sec-generica #migas, #pie-wrap{width:76em;} #pagina{margin:2px auto 0px auto;} #cabecera{padding:0px 0px 0px 0px;} #titulo{width:39em;} #menu-auxiliar{width:30em; margin:0px 5px 39px 0px;} #busqueda {width:34em; margin:0px 5px 0px 0px; padding:10px 3px;} #menu-principal{min-height:5.6em; margin:9px 0px 15px 0px;} #menu-principal ul li{padding:0px 2px;} #menu-principal li a{padding:0px 7px 5px 4px;} #migas{width:53em;} #pie-wrap{ padding:15px 0px 0px 0px;} #pie{padding:0px 0px 5px 0px;} /* ........................................................... CABECERA ........................................................... */ #pagina{} #cabecera{float:left;} #titulo{float:left;} #menu-auxiliar{position:relative; float:right; text-align:right;} #menu-auxiliar li{display:inline;} #menu-auxiliar a {color:#333;} #menu-auxiliar a:hover {color:#000;} #menu-auxiliar li:after{content:" | "; font-size:110%;} #menu-auxiliar a#enlace-index{color:#677E0B;} #menu-auxiliar li#cambiar-idioma{margin-left:5px;} #menu-auxiliar li#cambiar-idioma:after{content:"";} /* #menu-auxiliar li#salto{background:#FFF; color:#FFF;} #menu-auxiliar li#salto a, #menu-auxiliar li#salto a:link, #menu-auxiliar li#salto a:visited; #menu-auxiliar li#salto a:hover{color:#FFF;} #menu-auxiliar li#salto a:focus{color:#333;} */ #busqueda {position:relative; float:right; background:#2C2B2A; color:#FFF; border:1px solid #2C2B2A; font-family:"Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;} #busqueda legend{position:absolute; left:-999px; width: 990px; display:none;} #busqueda p{text-align:center; position:relative; min-height:2em; color:#d8e2db;} #busqueda label{font-size:1.3em; position:absolute; bottom:0px; left:0px;} #busqueda label input{vertical-align:bottom; padding:10px 2px 0px 2px; background:#FFF; border:1px solid #FFF; font-weight:bold;} #busqueda label input:focus{ background:#F6FFCF;} #busqueda .boton-buscar{background:#C1DB5D url(fondo_boton.png) repeat-x top; font-size:1.1em; font-weight:bold; border:1px solid #C1DB5D; position:absolute; bottom:0px; right:0px; min-height:2.2em;} /* ........................................................... MENÚ PRINCIPAL ........................................................... */ #menu-principal{float:left; background:#2c2b2a;} #menu-principal ul{float:left; width:100%; list-style-type:none; text-align:left;} #menu-principal ul li{float:left; display:inline; line-height:3.3em; color: #fff; background:#2c2b2a url(inline-top.png) no-repeat right center; font-size:1.3em;} #menu-principal li a{display:block; color:#d8e2db;} #menu-principal li#actual a{color:#000;} #menu-principal ul li a:hover{color:#d8e2db; text-decoration:none;} .sec-que-es-la-ergonomia-digital ul li#actual{background:#B7D223 url(menu-que.png) repeat-x;} .sec-factores-de-calidad ul li#actual{background:#B07C7C url(menu-factores.png) repeat-x;} .sec-nuestros-servicios ul li#actual{background:#8A71AB url(menu-servicios.png) repeat-x;} .sec-articulos ul li#actual{background:#6F96A8 url(menu-articulos.png) repeat-x;} .sec-noticias ul li#actual{background:#C5B947 url(menu-noticias.png) repeat-x;} #menu-principal ul li#menu-que a, #menu-principal ul li#menu-servicios a, #menu-principal ul li#menu-factores a, #menu-principal ul li#menu-articulos a, #menu-principal ul li#menu-noticias a{background:url(none);color:#2C2B2A;} /* ........................................................... SUBMENÚ ........................................................... */ #aside{position:relative; float:left;} #aside dl{} #aside dl dt{padding:1px 8px; line-height:3em; font-size:1.3em; font-weight:bold; background:#E8E9E3; border:1px solid #C3C5BB; border-bottom:1px solid #D2D5CA;} #aside dl dd{border-left:1px solid #C3C5BB; border-right:1px solid #C3C5BB; font-size:1.1em;} #aside dl dd a{display:block; background:#E8E9E3 url(list.png) no-repeat center bottom; padding:10px; color:#2C2B2A;} #aside dl dd a:hover{background:#E8E9E3 url(list-hover.png) no-repeat center bottom;} #aside dl dd a#current{background:#E8E9E3 url(list-current.png) no-repeat center bottom;} .sec-que-es-la-ergonomia-digital dt{color:#5D6E14;} .sec-factores-de-calidad dt{color:#6C4141;} .sec-nuestros-servicios dt{color:#53406D;} .sec-articulos dt{color:#3F5B68;} .sec-noticias dt{color:#645E25;} /* ........................................................... CONTENIDO ........................................................... */ #migas{position:relative; float:right;} #migas p{float:left;/* width:4.5em;*/ font-size:1.1em; color:#333; border:1px solid #DBDDD2;} #migas ul{float:left; width:27em;} #migas ul li{display:inline; margin-right:2px; color:#000; font-size:0.9em; color:#333; padding-bottom:2px;} #migas li a {color:#333; display:inline;} #migas li a:hover {color:#000;} #migas li a:after{content:" >";} /* ........................................................... CONTENIDO ........................................................... */ #contenedor{position:relative; float:right; background:#FFF; border:1px solid #C3C5BB; font-family:"Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;} #pag-portada #contenedor{background:#DBDDD2 url(none);} #contenedor p{line-height:1.6em; margin-bottom:1.5em; font-size:1.4em; color:#333;} h1{position:relative;background:#2C2B2A; color:#FFF; font-family:"Lucida Grande","Gill Sans", Arial, sans-serif; font-size:3em; padding:14px 15px;} #titulo h1{background:transparent; color:#000; padding:0px;} .sec-que-es-la-ergonomia-digital h1{background:#B7D223; color:#000;} .sec-factores-de-calidad h1{background:#B07C7C; color:#000;} .sec-nuestros-servicios h1{background:#8A71AB; color:#000;} .sec-articulos h1{background:#6F96A8; color:#000;} .sec-noticias h1{background:#C5B947; color:#000;} h1 span {background:transparent url(loop.png) no-repeat; height:88px; width:17px; position:absolute; right:-17px; top:0px;} .sec-que-es-la-ergonomia-digital h1 span {background:url(loop-que.png) no-repeat;} .sec-factores-de-calidad h1 span {background:url(loop-factores.png) no-repeat;} .sec-nuestros-servicios h1 span{background:url(loop-servicios.png) no-repeat;} .sec-articulos h1 span {background:url(loop-articulos.png) no-repeat;} .sec-noticias h1 span {background:url(loop-noticias.png) no-repeat;} #content{margin:15px;} #content h2{padding:5px 0px 0px 0px; margin-bottom:10px; color:#85A019;} #content a{text-decoration:underline; color:#52630F; /*color:#444D65;*/} /* ........................................................... PIE DE PAGINA ........................................................... */ #pie-wrap {float:left; background:url(grunge-footer.jpg) repeat-x left top;} #pie{ background:#2c2b2a;} #pie p{font-size:1.4em; color:#FFF; margin-left:10px;} #pie ul{position:relative; margin-left:5px;} #pie ul li{margin-right:3px;display:inline;} #pie ul li#rss{position:absolute; bottom:0; right:5px;} address{text-align:center; margin-top:5px;} address a{color:#333333; font-size:1.1em; display:block;} /* .......................... ESTILOS PARA LAS CITAS ......................*/ p.PullQuote, q.PullQuote{clear:right; float:right; width:35%; margin:0 0 1em 1em; padding:5px 0px 5px 10px; text-indent:34px; font-style:italic; font-size:1.3em; font-family:serif; color:#222; background:url(blockquote.png) no-repeat 10px 0px; border:1px dotted #B7D223;} #contenedor p.PullQuote{font-size:1.6em;} q.PullQuote:before, q.PullQuote:after{content: "";} p.PullQuote cite{display:block;} .PullQuoteSource{} .PullQuoteSourceCited{font-weight: normal;} .PullQuoteSourceHighlight{background:/*#fff373*/#EBF1D0;} /* .......................... ESTILOS PARA LAS LISTAS ......................*/ #contenedor dl{display:block; clear:both; margin:0px auto 1.5em auto; width:90%;} #contenedor dl dt{font-weight:bold; margin:0.8em 0em 0.1em 0em; font-size:1.2em; color: #333333;} #contenedor dl dd{margin-left:4em; font-size:1.2em;} #contenedor dl dd ul{font-size:1em;} .lista{ margin:0px auto 1.5em auto; width:85%;} .lista li{background:transparent url(image_peppermint.png) no-repeat left 4px; padding-left:14px; margin-bottom:5px; font-size:1.2em; color:#575757;} .lista li a{} .lista li li{ font-size:0.8em; margin:2px 0px 2px 15px;} #define-ergonomia{border:1px dotted #B7D223; padding:10px 20px; margin-bottom:15px;} #define-ergonomia dl{} #define-ergonomia dl dt{font-family:"Monotipe Corsive", Georgia, serif; font-style:italic; font-size:2em;} #define-ergonomia dl dd{} /* .......................... ESTILOS PARA LOS ARTÍCULOS ......................*/ .referencia{border:1px dotted #B7D223; padding:5px;} .autor{ border:1px dotted #B7D223; padding:5px 0px 5px 10px; /*width:75%;*/ min-height:95px;} .autor img{float:left; margin:5px 10px 0px 0px;} .autor strong{display:block; font-size:1.1em; margin-bottom:15px;} .sec-articulos blockquote{width:90%; padding-left:30px; background:url(blockquote.png) no-repeat top left;}