*{ margin:0; padding:0; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; line-height: 2.4em; background:#F2F2F2 url(../images/bg.png) repeat-x; } a:link, a:visited { color:#000; } a:hover { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2, h3 { letter-spacing:-0.04em; line-height: 1.05em; padding-bottom: 10px; font-size: 2.2em; letter-spacing:-0.04em; } h4{ margin:0 0 5px 0; padding:0 0 5px 0; font: 18px/16px Arial, sans-serif; font-weight: normal; color: #444; } h4 b{ font-weight:600; } h5, h6{ margin:0 0 10px 0; font-size: 1.2em; letter-spacing:-0.04em; line-height: 1.05em; font-weight:bold; text-transform:uppercase; color:#666; } form, input, textarea, select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; } fieldset { padding: 15px; } code { color:#0000FF; } /* GENERALES */ .dentro{ position:relative; width: 970px; margin: 0 auto; background:url(../images/bgdentro.png) repeat-y; text-align: left; overflow:hidden; } .clear { clear:both; } /* CABECERA */ #cabecera { position:relative; height:170px; background:#F2F2F2 url(../images/bg.png) repeat-x; } #cabecera h1{ position:absolute; top:15px; padding-bottom:4px; font-size:2.7em; color:#fff; border-bottom:1px dotted #555; font-weight: normal; font-family: Georgia; font-style: italic; text-transform: lowercase; text-shadow: #000 1px 1px 1px; } #cabecera h1 a{ color:#fff; } #cabecera h1 a:hover{ color:#eee; } #cabecera .description{ position:absolute; top:58px; color:#ddd; text-transform: lowercase; line-height:9px; font-size: 13px; font-style: italic; font-family: Georgia; text-shadow: #000 1px 1px 1px; } /* MENU */ #menu { position: absolute; bottom:40px; width:970px; font-size:10px; background:#333; line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; z-index:2; } #menu ul { float: left; line-height: 40px; padding: 0; margin: 0; width: 100%; } #menu a { display: block; color: #ccc; text-decoration: none; padding: 0px 20px; } #menu a:hover { color: #fff; } #menu li { float: left; border-right:1px solid #1E1E1E; } #menu ul { position: absolute; left: -999em; height: auto; width: 151px; font-weight: normal; line-height: 20px; border: 0; } #menu li li { width:249px; background:#666; border:0; border-bottom:1px dotted #777; } #menu li li a { display: block; padding: 4px 10px 4px 20px; color:#ddd; } #menu li li a:hover { color:#FFF; background:#777; } #menu li ul ul { margin: -21px 0 0 250px; } #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { left:-999em; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { left:auto; } #menu li:hover, #menu li.sfhover { background:#666; color: #fff; } #menu .current_page_parent, #menu .current_page_ancestor, #menu .current-cat-parent { background:#000; color:#fff; } #menu .current-cat, #menu li.current-cat > a, #menu .current_page_item a { background:#000; color:#fff; } #menu li.current-cat a:hover { display: block; background:#333; color:#fff; } /* SUBMENU */ #submenu { position: absolute; bottom:0px; width:970px; height:40px; font-size:10px; background:#000; line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; z-index:1; } /* ARBOL */ #arbol { position:absolute; top:4px; left:20px; color:#eee; } #arbol a { color:#eee; } #arbol a:hover { color:#eee; text-decoration:underline; } /* BUSCADOR */ #buscador { position:absolute; top:3px; right:0; width:280px; height: 33px; background: url(../images/bgbuscador.png) no-repeat; background-position:top; overflow: hidden; } #buscador:hover { background-position:bottom; } #buscador input.palabra { position:absolute; top:7px; left:10px; width:230px; height: 20px; border:0; color:#FFF; background:none; } #buscador input.buscar { position:absolute; top:7px; right:12px; width:20px; height: 20px; border:0; color:#FFF; background:none; cursor:pointer; } /* SOCIAL MEDIA */ #socialmedia{ position:absolute; top:10px; right:0; } #socialmedia li{ float:right; margin-left:3px; } /* MENU TOP */ #menutop{ position:absolute; top:60px; right:0; height:11px; line-height:11px; font-size:10px; color:#fff; } #menutop a{ color:#fff; } #menutop a:hover{ color:#fff; text-decoration:underline; } #menutop ul li { float:right; margin-left:10px; padding-left:10px; border-left:1px solid #fff; } /* CONTENIDO */ #contenido { float:left; margin:20px; width:648px; } #contenido h2{ font-size: 2.2em; text-transform:uppercase; } #contenido ul{ margin-left:20px; list-style:square; } #contenido ol{ margin-left:20px; list-style:decimal; } #contenido input[type="text"], #contenido input[type="textarea"]{ padding:5px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #contenido input[type="radio"], #contenido input[type="checkbox"]{ margin-right:3px; vertical-align:text-bottom; } #contenido table{ background:#eee; } #contenido th{ padding:4px 10px; background:#000; color:#FFF; } #contenido td{ padding:2px 10px; border-bottom:1px solid #fff; } #contenido pre{ margin-bottom:15px; padding:15px; background:#eee; } #contenido blockquote{ margin-bottom:15px; border-left:4px solid #000; padding-left:15px; font-style:italic; } /* POST */ .post { margin-bottom:10px; padding-bottom:40px; background:url(../images/hr.png) no-repeat center bottom; overflow:hidden; } .post-imagen { float:left; margin:0 15px 0 0; } .post-cabecera { position:relative; margin: 0 0 15px 0; overflow:hidden; } .post-cabecera h2 a{ color:#444; } .post-cabecera h2 a:hover{ color:#888; } .post-cabecera div.fecha { float:left; width:80px; padding:3px 0; line-height:normal; background:#000; font-size:11px; color:#fff; text-align:center; text-transform: uppercase; } .post-cabecera div.comentarios { float:left; line-height:normal; background:#bbb; font-size:11px; color:#aaa; text-align:center; text-transform: uppercase; } .post-cabecera div.comentarios a { display:block; width:106px; padding:3px 0; color:#fff; } .post-cabecera div.comentarios a:hover { background:#999; } .post div.tags { float:left; margin:15px 0 0 0; line-height:normal; font-size:11px; color:#aaa; text-align:center; text-transform: uppercase; } .post div.tags a { float:left; display:block; margin-right:1px; padding:3px 10px; background:#ccc; color:#fff; } .post div.tags a:hover { background:#999; } .post div.tags span { float:left; margin-right:5px; padding:3px 0; } .entry{ text-align:justify; } #contenido .post-texto h1{ font-size: 2.4em; text-transform: none; font-weight:bold; } #contenido .post-texto h2{ font-size: 2.2em; text-transform: none; font-weight:bold; } #contenido .post-texto h3{ font-size: 2.0em; text-transform: none; font-weight:bold; } #contenido .post-texto h4{ font-size: 1.8em; text-transform: none; font-weight:bold; } #contenido .post-texto h5{ font-size: 1.6em; text-transform: none; font-weight:bold; } #contenido .post-texto h6{ font-size: 1.4em; text-transform: none; font-weight:bold; } #contenido .post-texto hr{ border:none; height:1px; background:#ccc; margin:20px 0; } /* COMENTARIOS */ .post-comentarios{ margin-bottom:10px; padding-bottom:40px; background:url(../images/hr.png) no-repeat center bottom; overflow:hidden; } .comentario { margin:0; padding:15px 0; border-bottom:1px dotted #ddd; overflow:hidden; } .comentario:last-child { border:0; } .comentario .avatar{ float:left; width:80px; } .comentario .comentdesc{ float:right; width:550px; line-height:140%; text-align:justify; } .comentario .comentdesc a{ color:#000; } .comentario .comentdesc span{ color:#666; font-size:11px; } .post-formulario{ overflow:hidden; } .post-formulario .izq{ float:left; width:312px; margin-top:5px; overflow:hidden; } .post-formulario .der{ float:right; width:312px; margin-top:5px; overflow:hidden; } .post-formulario label{ display:block; line-height:normal; margin-bottom:4px; } .post-formulario .input{ width:298px; margin-bottom:10px; } .post-formulario .boton{ margin-top:10px; } /* FORMULARIOS */ .input{ padding:6px; font-family: Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #DFDFDF; background:#F4F4F4; } .input:hover{ background:#fff; } .boton{ height:30px; padding:0 15px; font-family: Arial, Helvetica, sans-serif; font-size:11px; background:#000; line-height:30px; color:#fff; text-transform:uppercase; border:0; } .boton:hover{ background:#191919; } /* SIDEBAR */ #sidebar { float: right; width: 240px; margin-top:20px; padding:0 20px; list-style:none; } #sidebar a:hover { color:#000; text-decoration:underline; } #sidebar h2 { margin:0 0 5px 0; font-size: 1.2em; letter-spacing:-0.04em; line-height: 1.05em; font-weight:bold; text-transform:uppercase; color:#666; } #sidebar p{ margin:0 0 20px 0; } #sidebar li p{ margin:5px 0 0 0; } #sidebar p.tags{ margin-bottom:20px; line-height:normal; } /* No Widgets */ #sidebar li.nowidget ul{ margin:0 0 20px 0; overflow:hidden; } #sidebar li.nowidget ul li{ padding:10px 0; border-bottom:1px solid #ccc; overflow:hidden; line-height:120%; } #sidebar li.nowidget ul li span{ font-size:11px; } /* Widgets */ #sidebar li.widget { margin:20px 0; list-style: none; border:none; } #sidebar li.widget li ul { margin:0; background: transparent url(../images/arbol-ul.png) repeat-y top left; font-size:11px; } #sidebar li.widget li ul li { display:block; height:25px; line-height:25px; padding:0; padding-left: 17px; background: transparent url(../images/arbol-li.png) no-repeat 0px 12px; border:none; } #sidebar li.widget.widget_categories { font-weight:bold; } #sidebar li.widget.widget_categories li ul li { font-weight:normal; } /* PIE -------------------------------------------------------------------------------*/ #pie { width:100%; background:#191919 url(../images/bgpie.png) repeat-x; font-size: 11px; color: #eee; line-height:normal; overflow:hidden; } #pie .dentro{ position:relative; width:990px; background:none; overflow:hidden; } /* ESTADISTICAS */ #pie p.stats { float:right; width:50%; margin:11px 10px 0 0; color:#eee; text-align:right; } #pie p.stats span { margin:0 5px; color:#333; } #pie div.copy{ position:absolute; bottom:15px; right:0; width:100%; color:#888; } #pie div.copy p.izq{ float:left; width:45%; padding-left:10px; text-align:left; } #pie div.copy p.der{ float:right; width:45%; padding-right:10px; text-align:right; } #pie div.copy a{ color:#888; } #pie div.copy a:hover{ text-decoration:underline; } #pie div.copy span{ color:#444; margin:0 4px; } /* TOP */ #pie div.caja { float:left; width:227px; margin:35px 10px 50px 10px; color:#444; overflow:hidden; } #pie ul { list-style:none; } #pie ul li { padding:8px 0; border-bottom:1px solid #222; overflow:hidden; } #pie ul li a{ float:left; width:78%; font-style:normal; } #pie ul li em { float:right; width:22%; font-style:normal; text-align:right; color:#aaa; } #pie div.caja ul li { padding-left:11px; background: url(../images/flecha.png) no-repeat 0 12px; } #pie div.caja ul li a { color:#ddd; } #pie div.caja ul li a:hover { color:#fff; } /* WORDPRESS */ img.alignleft { float:left; margin:0 20px 15px 0; } a.more-link { float:right; font-weight:bold; color:#DF6D27; } /* PAGINACION */ .navigation { margin:15px 0 0 0; text-align:center; border:0px solid red; overflow:hidden; } .wp-paginate li { display:inline; list-style:none; overflow:hidden; margin:0!important; } .wp-paginate a { background:#000; color:#fff; margin-right:2px; padding:3px 6px; text-align:center; text-decoration:none; } .wp-paginate a:hover, .wp-paginate a:active{ background:#191919; color:#fff; } .wp-paginate .current{ background:#191919; color:#fff; margin-right:2px; padding:3px 6px; text-align:center; } .wp-paginate .page {} .wp-paginate .prev, .wp-paginate .next {} /* PAGINACION POST */ .paginacion{ margin:15px 0 0 0; text-align:center; border:0px solid red; overflow:hidden; } .paginacion a { background:#000; color:#fff; margin-right:2px; padding:3px 6px; text-align:center; text-decoration:none; } .paginacion a:hover{ background:#191919; color:#fff; } .paginacion b{ margin-right:5px; } /* SCROLL NOTICIAS */ .scroll{ position:relative; height:150px; margin:0 0 20px 0; overflow:hidden; } .scroll ul{ height:130px; } .scroll ul li{ height:130px; overflow:hidden; } .scroll ul li p{ margin:0 0 10px 0; } .scroll span a{ position:absolute; top:0px; display:block; width:11px; height:16px; text-indent:-9999px; background:red; } .scroll span.anterior a{ background:url(../images/flecha-abajo.png) no-repeat top; right:40px; } .scroll span.siguiente a { background: url(../images/flecha-arriba.png) no-repeat top; right:20px; } .scroll span a:hover { background-position: bottom; } /* FORMULARIOS */