/*



Theme Name: PLANTILLA PARA OJO PUBLICO



Theme URI: http://www.publico.es/



Description: Esta es la plantilla para ojo publico.



Version: 2.0



Author: Matteo Battazi



*/

/* Global properties*/
body {margin:0; padding: 0; background: #f7f7f7}
a {outline: none; color: #057; text-decoration: none}
a:hover {background: #057; color: #fff}
img {border: none}
h1, h2, h3, h4, h5, p, ul, li {margin: 0; padding: 0; font-weight: normal}
ul {list-style: none}

/* Contenedor y Contenido */
#contenedor {width: 996px; margin: 0 auto}
#contenido {width: 996px; float: left; background: #fff; border-left: 1px solid #bcbbbb; border-right: 1px solid #bcbbbb}

/* Menu arriba P�blico */
#barapublico {width: 996px; height: 27px; margin: 0 0 5px 0; background: url(img/bg_publicomenu.gif) repeat-x; border-top: 1px solid #bcbbbb; border-bottom: 1px solid #bcbbbb}
#barapublico .logo {float: left; width: 127px; padding: 0 0 0 5px}
#barapublico .logo a {display: block; height: 27px; background: url(img/logo_publico.gif) no-repeat}
#barapublico .logo span {position: absolute; top: -99999em}
#barapublico ul {float: left; margin: 6px 0 0 50px; padding: 0; list-style: none; font-family: Arial; font-size: 12px}
#barapublico ul li {display: inline; margin: 0; padding: 0 3px; text-transform: uppercase; font-weight: bold}
#barapublico ul li a {color: #fff}
#barapublico ul li a:hover {color: #ccc; background: none}

/* Cabecera */
#cabecera {width: 996px; float: left; position: relative; margin: 0}
#cabecera .logo {width: 139px; height: 129px; position: absolute; top: 1px; background: url(img/logo.jpg) no-repeat}
#cabecera .logo span {position: absolute; top: -99999em}
#contcabecera {height: 150px; padding: 5px; background: url(img/cabecera.jpg) no-repeat; border-top: 1px solid #bcbbbb; font-family: Georgia; text-align: center}
#contcabecera h1 {margin: 5px 0 0 0; padding: 0; font-size: 36px}
#contcabecera h1 a {float: left; display: block; width: 250px; height: 40px; margin: 20px 0 0;color: #057}
#contcabecera h1 a:hover {background: none; color: #006996}
#contcabecera h1 a span {position: absolute; top: -99999em}
#contcabecera h2 {float: left; margin: 57px 0 0 -132px; padding: 0; color: #898989; font-family: Arial; font-size: 15px; font-weight: bold; text-transform: uppercase}

/* Contenido izq */
#main {float: left; width: 675px; margin: 25px 0 0 0; padding: 0 15px; display: inline}
#main .post {float: left; width: 100%; margin: 0 0 50px 0; font-family: Georgia}
#main .meta {float: left; width: 675px; display: block; margin: 0 0 5px 0; font-family: Arial; color: #a4a4a4}
#main .tags {width: 600px; float: left; font-size: 10px; text-transform: uppercase}
#main .fecha {width: 40px; float: right; font-size: 15px; margin: -55px 0 0 0; text-align: center}
#main .fecha span {font-size: 30px}
#main .herramientas {float: left; width: 675px; display: block; margin: 0 0 40px 0; padding: 5px 0 0 0; border-top: 1px solid #d7d6d6}
#main .text {float: left}
#main .text img {margin: 0 1px}
#main .compartir {float: right}
#main .compartir img {margin: 0 1px}

/* Contenido izq - Post */
#main .post h3.storytitle {width: 630px; margin: 0 0 20px 0; padding: 0}
#main .post h3.storytitle a {font-size: 26px; color: #057; font-weight: normal}
#main .post h3.storytitle a:hover {background: none; color: #006996}
#main .post p {margin: 10px 0; padding: 0; font-family: Verdana; font-size: 15px; color: #171717; line-height: 20px}
#main .post .feedback {margin: 10px 0; font-family: Arial; font-size: 18px; text-align: right; }
#main .post .feedback a {color: #057}
#main .post .feedback a:hover {background: none; color: #006996}
#main .post p img{ width:640px; margin:10px;}

/* Contenido izq - Comentarios */
#main .comentarios {float: left; width: 675px; font-family: Arial; }
#main .comentarios ul {float: left; margin: 20px 0 0 0; padding: 0; list-style: none}
#main .comentarios ul li {margin: 0; padding: 0; }
#main .comentarios .autor {float: left; width: 673px; height: 22px; background: #f7f7f7; border: 1px solid #efefef}
#main .comentarios .autor h4 {float: left; width: 500px; margin: 3px 0 0 3px; padding: 0 0 0 25px; font-size: 15px; color: #171717; background: url(img/ico_com.gif) no-repeat; font-family: Georgia; font-size: 14px}
#main .comentarios .autor h4 span {font-weight: bold; color: #057}
#main .comentarios .autor p.fechacom {float: right; padding: 4px 4px 0 0; font-size: 11px; color: #a6a6a6}
#main .comentarios .texto {float: left; padding: 10px; margin: 0 0 20px 0; font-size: 12px; line-height: 18px; color: #2a2a2a}
#main .comentarios ul li {margin: 0; padding: 0; width: 100%; float: left; }
#main .comentarios .texto p, #main .comentarios .texto br { margin: 10px 0;}
#main .comentarios ul li {margin: 0; padding: 0; width: 100%; float: left; }


/* Google Adsense */
.publiAdsense {float: left; margin: 0; padding: 0; display: inline}
.publiAdsense h3 {font-size: 14px; font-weight: bold}
.publiAdsense ul {font-size: 13px} 
.publiAdsense ul li {float: left; width: 250px; margin: 0 10px 0 0}

/* #sidebar #publiAdsense h3 { background:transparent url(http://www.publico.es/estaticos/css/img/bg_cintillo.gif) repeat-x scroll 0 0; border-bottom:medium none #EEEEEE; display:block; font-weight:normal; height:23px; margin:0; padding:2px 0; } */
#sidebar .publiAdsense ul li { margin:10px 0; padding:1px 0 0; }
#sidebar .publiAdsense ul li h4 { color:#057; font-family:Georgia; font-size:13px; font-weight:bold; margin:0; padding:1px 0 0; }
#sidebar .publiAdsense ul li h4 a:hover { color:#057; background: none; text-decoration: underline; }

#sidebar .publiAdsense ul li a:hover { background: none; text-decoration: underline; }
#sidebar .publiAdsense ul li p { color:#666; font-family:arial, helvetica; font-size:13px; font-weight:normal; margin:0; padding:1px 0 0; }
#sidebar .publiAdsense ul li a.link { font-size: 13px; color:#057; font-family:arial, helvetica; }

p#respond {width: auto !important; float: right !important; padding: 4px 0 10px 0 !important}
.contcomment {float: left}
h2#comments {float: left}
h2#postcomment {color: #057}
#commentform {float: left}
input {width: 170px; margin: 2px 0 6px 0; padding: 2px; border: 1px solid #bcbbbb}
#comment {width: 650px; padding: 2px; border: 1px solid #bcbbbb}
.captcha {margin: 10px 0}
.captcha p {font-size: 12px}
label {width: 650px; float: left; margin: 10px 0 0 0}
small {font-size: 12px}

/* Sidebar */
#sidebar {float: right; width: 260px; margin: 25px 15px 0 0; padding: 0; display: inline}

/* Sidebar Bio */
#sidebar .bio {float: left; display: inline; position: relative; width: 250px; margin: 0 0 20px 0; padding: 0 5px 5px 5px; background: #f7f7f7 url(img/bg_bio.gif) top left no-repeat; border-bottom: 1px solid #bcbbbb}
#sidebar .bio .contbio {height: 57px; margin: 0 0 5px 0; border-bottom: 1px solid #bcbbbb; }
#sidebar .bio .contfoto {position: absolute; top: -13px; left: 3px; }
#sidebar .bio h3 {margin: 0 0 0 105px; padding: 5px 0 0 0; font-family: Georgia; font-size: 18px; color: #057}
#sidebar .bio p {font-family: Arial; margin: 0; padding: 5px; font-size: 12px; color: #666}

/* Caja - sidebar */
#sidebar .caja {float: left; display: inline; width: 260px; margin: 0 0 20px 0; padding: 0 0 5px 0; background: #f7f7f7 url(img/bg_caja.gif) bottom left repeat-x; border: 1px solid #eee}
/* #sidebar .caja h3 {display: block; height: 23px; margin: 0; padding: 2px 0; background: url(http://www.publico.es/estaticos/css/img/bg_cintillo.gif) repeat-x; border-bottom: #eee; font-weight: normal} */
/* #sidebar .caja h3 span.open {display: block; height: 25px; padding: 2px 0 0 18px; background: url(http://www.publico.es/estaticos/css/img/fgeneral.gif) 5px 7px no-repeat; cursor: pointer} */
/* #sidebar .caja h3 span.close {display: block; height: 25px; padding: 2px 0 0 18px; background: url(http://www.publico.es/estaticos/css/img/fgeneral2.gif) 7px 4px no-repeat; cursor: pointer} */
#sidebar .caja h3 a {display: block; width: 240px; height: 19px; margin: 0; font-family: Georgia; font-size: 17px; color: #057; text-decoration: none; cursor: pointer; }
#sidebar .caja h3 a:hover {text-decoration: underline; background: none}
#sidebar .caja .contcaja {padding: 5px}

/* Caja Tags */
#sidebar .caja p.cajatags {font-family: Arial; margin: 0; padding: 5px; font-size: 11px; color: #666}

/* Caja Blogs */
#sidebar .caja ul.otrosblogs {margin: 0; padding: 0; list-style: none}
#sidebar .caja ul.otrosblogs li {float: left; width: 250px; margin: 0; padding: 10px 0}
#sidebar .caja ul.otrosblogs h4 {margin: 0; padding: 1px 0 0 0; font-family: Georgia; font-size: 14px; color: #057; font-weight: normal}
#sidebar .caja ul.otrosblogs p {margin: 0; padding: 0; text-transform: uppercase; font-family: Arial; font-size: 11px; color: #171717}
#sidebar .caja ul.otrosblogs h5 {margin: 6px 0 5px 0; padding: 0; font-family: Arial; font-size: 12px; color: #171717; font-style: italic; font-weight: normal}
#sidebar .caja ul.otrosblogs h5 a {color: #171717; background: none}
#sidebar .caja ul.otrosblogs h5 a:hover {text-decoration: underline}
#sidebar .caja .imagen {float: left; width:110px}
#sidebar .caja .imagen img {border-top: 1px solid #cecece}

/* Caja Vi�etas */
#sidebar .caja .vinetahoy {position: relative; width: 240px; margin:5px auto; border: 1px solid #d6d6d6}
#sidebar .caja .vinetahoy img { width: 240px; height: 100px}
#sidebar .caja .fototexto {width: 220px; position: absolute; left: 5px; bottom: 3px; padding: 2px 5px; background: #216fc2; filter: alpha(opacity = 85); -moz-opacity:0.85;  opacity: 0.85}
#sidebar .caja .fototexto h4 {display: block; margin: 0; padding: 0; font-size: 13px; font-weight: normal; }
#sidebar .caja .fototexto h4 a {display: block; color: #fff; text-decoration: none}
#sidebar .caja .fototexto h4 a:hover {text-decoration: underline; background: none}
#sidebar .caja .fototexto h4 { font-weight: bold; font-variant: small-caps; font-size: 15px}
#sidebar .caja ul.vineta {margin: 0; padding: 5px; list-style: none; font-size: 13px}
/* #sidebar .caja ul.vineta li {display: inline; margin: 0; padding: 0 0 0 20px; background: url(http://www.publico.es/estaticos/css/img/ulvinetas.gif) left no-repeat; float: left; width: 100px} */
#sidebar .caja ul.vineta li a {color: #216fc2; text-decoration: none}
#sidebar .caja ul.vineta li a:hover {text-decoration: underline; background: none}
#sidebar .caja ul.vineta li h4 {margin: 0; padding: 0; font-size: 13px; font-weight: normal; }

/* Caja Mes a mes */
#sidebar .caja ul.mesames {margin: 0; padding: 5px; list-style: none}
#sidebar .caja ul.mesames li {font-family: Arial; font-size: 13px}
#sidebar .caja ul.mesames li a {color: #171717; background: none}
#sidebar .caja ul.mesames li a:hover {color: #666}

/* Caja Buscador */
#sidebar .caja input {width: 80px; border: 1px solid #bcbbbb; margin: 0 0 0 2px}
#sidebar .caja .searchtext {width: 150px}
#sidebar .caja .searchbutt {background: #ededed; cursor: pointer; font-family: Arial; font-size: 13px; text-transform: uppercase}
#sidebar .caja .searchbutt:hover {background: #bcbbbb}

/* Caja Sindicacion */
#sidebar .caja ul.rss {margin: 0; padding: 5px; list-style: none}
#sidebar .caja ul.rss li {margin: 0; padding: 0 0 0 22px; font-family: Arial; font-size: 13px; background: url(img/ico_rss.gif) no-repeat}
#sidebar .caja ul.rss li a {color: #171717; background: none}
#sidebar .caja ul.rss li a:hover {color: #666}

/* Caja Post mas comentados*/
#sidebar .caja ul.mascomentados {margin: 0; padding: 0; list-style: none; float: left; display: inline}
#sidebar .caja ul.mascomentados li {margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(img/list-style.gif) 0 6px no-repeat}
#sidebar .caja ul.mascomentados h4 {margin: 0; padding: 0; font-family: Georgia; font-size: 14px; color: #057; font-weight: normal}
#sidebar .caja ul.mascomentados p {margin: 0; padding: 0; text-transform: uppercase; font-family: Arial; font-size: 11px; color: #171717}

/* Pie */ 
#footer {float: left; width: 100%; font-family: Arial; margin: 15px 0 5px 0; border-top: 1px dashed #c9c9c9}
#footer ul.contact {width: 600px; padding: 0; margin: 0 auto; list-style: none; }
#footer ul.contact li {float: left; margin: 10px 5px; padding: 0; display: inline}
#footer ul.contact li a { font-size: 12px; color: #595858}
#footer ul.contact li a:hover {background: none; text-decoration: underline}
#footer .contp {float: left}
#footer p {margin: 0 0 0 15px; padding: 0; font-size: 11px; color: #838383; clear: both}
#footer p.diario {font-weight: bold; margin-top: 20px}
#footer .wordpress {margin: 0 15px 0 0}
#footer .wordpress a {float: right; display: block; width: 127px; height: 60px; background: url(img/logo_wordpress.gif) bottom no-repeat}
#footer .wordpress span {position: absolute; top: -99999em}

#main .compartir a:hover { background: none; text-decoration: none; border: none}
#main .compartir a img { background: none; text-decoration: none; border: none}

.navigationMain .left {float: left; margin: 10px 0 10px 0}
.navigationMain .right {float: right; margin: 10px 0 10px 0}