/*Theme Name: Mesa de luz (blog de J. Pujol)
Theme URI: http://www.publico.es/
Description: 
Version: 2
Author: Daniel Solana Tacón*/

/** Generalidades **/
a { outline: none; }
img { border: none;}
acronym, abbr { border-bottom: 1px dashed #333;}
acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em;}
acronym, abbr { cursor: help;}
blockquote { border-left: 5px solid #ccc; margin-left: 1.5em; 	padding-left: 5px;}
.pie_bloq { display: none;}

.publicidad_top, .cabeceraNivel1, .fechaInterna { display: none;}


body {  background: #f6eeda url(img/bgmesadeluz8.jpg) center repeat-y; color: #58585A; font-family: Arial, Georgia, Verdana, Geneva, Helvetica, sans-serif; margin: 0;padding: 0;text-align: center;margin: 0 auto; border: none;}

.cabeceraNivel2 { background: #fff; border-bottom: 1px solid #b0113a; border-top: 1px solid #b0113a; position: absolute; margin: 0; left: 0; top: 0;}
.contenedorLogoInterior { float: left; width: 1000px; margin: 0; padding: 0;}
.cabeceraNivel2 ul { float: left; width: 1000px; margin: 0; padding: 3px 0 0 0px; list-style: none;}
.cabeceraNivel2 ul li { float: left; width: auto; color: #b0113a;}
.cabeceraNivel2 ul li span { color: #b0113a;  }
.cabeceraNivel2 ul li span.titulo_seccion_top { padding-top: 0px; padding-bottom: 0; padding-left: 10px;  margin-top: 4px; display: block; font-size: 18px;}
.cabeceraNivel2 ul li span.titulo_seccion_top a { text-decoration: none }
.cabeceraNivel2 ul li span.titulo_seccion_top a:hover { color: #057; }

#barapublico { position: absolute; top: 0; left: 0; width: 100%; height: 27px; margin: 0 0 5px 0; background-color: #b0113a; /* background: #b0113a url(img/bg_publicomenu.gif) repeat-x */; border-top: 1px solid #bcbbbb; border-bottom: 1px solid #bcbbbb; z-index: 1}
#barapublico .logo {float: left; width: 127px; padding: 0 0 0 5px}
#barapublico .logo a {display: block; height: 27px; background: url(http://imagenes.publico.es/v2/css/img/publicowlogo.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}


#contenedor { margin: 0 auto; padding: 0; width: 906px; }
#cabecera {  float: left; width: 1000px; margin: 0;}
#contenido { margin: 30px 0 0 3px; padding: 0 30px; width: 876px; float: left; position: relative }

/** columna izquierda **/
#izq { position: relative; float: left; width: 830px; margin: 0; padding: 0;}
#izq h1 { float: left; width: 441px; height: 102px; margin: 60px 0 130px 80px; padding: 0; display: inline;}
#izq h1 a { float: left; width: 441px; height: 102px; background: url(img/logo.png) no-repeat; }
#izq h1 a span { position: absolute; top: -10000em;}
#izq h2 { display: none}
#izq ul { clear: both; width: 800px; padding: 0; margin: 0; }



/** posts **/
.post { width: 800px; margin: 35px 0 0 0; padding: 20px 10px 0 15px; font-size: 15px; float: left; line-height: 22px; color: #000;  text-align: left; overflow: hidden;}
.post a { color: #000; text-decoration: underline;}
.post a:hover { text-decoration: none; }
.post h3.storytitle { font-size: 29px; font-weight: normal; margin: 5px 0 0 10px; padding: 0; float: left; width: auto;  display: inline; line-height: 32px !important; }
.post h3.storytitle a { text-decoration: none; line-height: auto !important;}
.post h3.storytitle a:hover { text-decoration: underline;}
.post #date { text-transform: uppercase; font-size: 12px; float: left; width: 50px; padding: 0px 0px 0px 0; text-align: center; }
.post #date .dia { font-size: 24px;  width: 50px; margin: 0; padding: 0; line-height: 30px; display: block; color: #000;}
.post #date .mes { font-size: 12px; text-transform: uppercase;  width: 50px; margin: 0; padding: 0; line-height: 14px; display: block; color: #000;}
.post #date .anno { font-size: 12px; text-transform: uppercase;  width: 50px; margin: 0; padding: 0; line-height: 16px; display: block; color: #000;}
.post .compartir { float: right; width: 200px; margin: 0; color: #000;}
.post .compartir a { background: none }
.post .meta { text-transform: uppercase; font-size: 11px; font-weight: bold; float: right; width: auto; display: inline; background: url(http://blogs.publico.es/wp-content/themes/plantilla-blogs-diario-publico/img/clock.gif) left no-repeat; padding: 1px 0 3px 20px; display: none;}
.post .storycontent { float: left; width: 100%;display: inline; color: #000 }
.post .storycontent .UTWPrimaryTags { text-transform: uppercase; font-size: 10px; width: auto; float: left; margin: -20px 0 0 60px; display: inline; font-weight: bold;}
.post .feedback { width:150px; display: inline; float: left; clear: left; padding: 2px; font-size: 17px;  }
.post .feedback a { font-weight: bold;}
.post .feedback a:hover { color: #000; }
.post.navigation { float: left; display: inline; }
.post em { font-size: 12px; font-style: normal; background: transparent; color: #555; margin: -10px 0 20px 0; width: 98%; padding: 1%; float: left; line-height: 18px; border-bottom: 1px solid #ccc; }
.navigation a {text-transform: uppercase; /* padding-left: 20px; */text-transform: uppercase; font-weight: bold; }
.comentarios { width: 810px; float: left; text-align: left;  display: inline; margin-left: 10px;}
.post .comentarios form { width: 800px; float: left;}
form p.captcha_1 { float: left; width: 140px; margin: 0 10px; display: inline;}
.post img { margin: 0 10px 0 0;}
textarea#comment { width: 780px; border: 1px solid #ccc; padding: 10px; }
.comentarios ol#commentlist { float: left; width: 800px; list-style: none; margin: 0; padding: 0;}
.comentarios #comments { float: left; width:auto; display: inline; padding: 0; font-size: 22px; font-weight: bold; margin: 10px 0 -10px 0; color: #057; }
.comentarios #postcomment { float: left; width:780px;display: inline; padding: 10px; font-size: 15px; font-weight: bold; margin: 20px 0 0 0; }
.comentarios #postcomment a { color: #333; }
.comentarios p { float: left; width: 700px; margin: 1px 0; padding: 0;}
.comentarios p.meta { position: relative; bottom: -24px; float: right; width: auto; text-align: right; font-size: 11px; padding: 0 0 0 0; margin: 0 0 0 0; text-transform: uppercase; }
ul#commentlist li { position: relative; float: left; width: 780px;  margin: 20px 0 20px 0; list-style:none; background: #fff; padding: 10px; border: 1px solid #ccc;}
ul#commentlist li div.autor { float: left; width: 780px; padding:0; margin: 0; font-size: 12px; font-weight: bold; overflow: hidden;}
ul#commentlist li div.autor h4 { position: relative; left: 0px; text-align: left; margin: 5px 0 10px 0; font-size: 14px; text-indent: 0; }
ul#commentlist li div.autor h4 span, ul#commentlist li div.autor h4 span a { color: #057; }
ul#commentlist li div.autor p.fechacom { text-align: right; font-size: 11px; width: auto; position: absolute; top: 15px; right: 15px;  }
ul#commentlist li div.autor a { text-decoration: underline;}
ul#commentlist li div.autor a:hover { text-decoration: none;}
ul#commentlist li div.texto { float: left; width: 780px; color: #000; }
ul#commentlist li div.texto p { margin-bottom: 10px; line-height: 22px; width: 100%; }
ul#commentlist li div.texto a { color: #000; text-decoration: underline;}
.comentarios form { float: left; width: 700px;}
.comentarios small { font-size: 11px;}
.comentarios form input { width: 320px; border: 1px solid #ccc; padding: 2px; }
.comentarios form input#submit { width: 145px; text-align: center; font-size: 14px; cursor: pointer; background: #000; color: #fff;}
.comentarios form input#text2 { width: 145px !important; }

.captcha { float:left; width:100%;}

#comentahoy { padding: 3px 0 3px 28px; background: url(img/talk.gif) 0px 0px no-repeat; font-weight: bold; font-size: 16px; }
#comentahoy a { color: #b0113a;}

.autorpost {float: left; width:110px; padding-left: 10px;}

/** Men� derecho **/
#menu { float: left; width: 840px; overflow: show }
#menu #person { position: absolute; right: 0; top: 50px; margin-right: 5px;}
#menu #person img { display: none;}
#menu .name { width: 230px; height: 260px; padding: 0; background: url(img/bgname.jpg) top no-repeat; display: block;}
#menu .name:hover { background: url(img/bgname.jpg) bottom no-repeat; }
#menu .name span { position: absolute; top: -5000em;}
#menu .description { display: none;}
#menu a { color: #000; text-decoration: none;}
#menu a:hover { color: #000; text-decoration: underline;}
#menu #search { width: 300px; position: absolute; top: 15px;right: 10px; }
#menu #search form { width: 300px; margin: 0; display: inline; padding: 0;}
#menu #search input.searchtext { width: 196px; padding: 2px 5px; height: 18px; float: left; font-size: 12px; border: 1px solid #000; background: #f5f5f5;}
#menu #search input.searchbutt { background: url(img/button.gif) top no-repeat; border: none;  font-size: 9px; height: 29px; width: 83px; cursor: pointer; color: white; float: right; overflow: hidden; color: #000; margin: 0}
#menu h5#tags1 { position: absolute; top: 160px; left: 10px; width: 120px; height: 120px;  }
#menu h5#tags1 a { float: left; width: 120px; height: 120px; margin: 0; background: url(img/tags.png) top no-repeat; text-transform: lowercase;}
#menu h5#tags1 a:hover { background: url(img/tags.png) bottom no-repeat; }
#menu h5#tags1 a span { position: absolute; top: -5000em;}
#tags a {text-transform: lowercase;}

#menu h5#mesames1 { position: absolute; top: 160px; left: 155px; width: 120px; height: 120px; text-indent: -99999em}
#menu h5#mesames1 a { width: 120px; height: 120px; display: block; background: url(img/archivo.png) top no-repeat; }
#menu h5#mesames1 a:hover { background: url(img/archivo.png) bottom no-repeat; }

#menu #tags { left:0px; position:absolute; top:290px; width:140px; background: #fff; padding: 10px; border: 2px solid black; }
#menu #mesames { left:150px; position:absolute; top:290px; width:120px; background: #fff; padding: 10px; border: 2px solid black; }


/*** atencion ***/
#menu ul#month { float: left; width: 120px; margin: 0; padding: 0; list-style: none;}
#menu ul#month li { float: left; width: 120px; margin: 0; padding: 0; text-align: right;}
#menu h5#rss1 {  position: absolute; width: 32px; height: 32px; top: -5px; left: -620px; background: url(img/rss.png) no-repeat;}
#menu h5#rss1 span { position: absolute; top: -5000em;}
#meta { position: absolute; width: 180px;  top: 20px; right: 635px;}
#meta ul#rss { float: left; width: 550px; margin: 0; padding: 0; list-style: none;}
#meta ul#rss li { float: left; width: auto; margin: 0 0 0 20px; padding: 0; text-align: right;}
#menu h5#mascomentados1 { position: absolute; top: 160px; left: 455px; width: 100px; height: 120px; text-indent: -9999em;}
#menu h5#mascomentados1 a { display: block; width: 120px; height: 120px; background: url(img/mascomentadas.png) top no-repeat;}
#menu h5#mascomentados1 a:hover { background: url(img/mascomentadas.png) bottom no-repeat;}

/*** atencion ***/
#menu .more {  left: 490px; position:absolute; text-indent:-9999em; top:290px; width:250px; list-style: none; background: #fff; border: 2px solid black; padding: 10px;}
#menu .more ul { float: left; width: 250px; margin: 0; padding: 0; list-style: none;}
#menu .more ul li { float: left; width: 250px; margin: 0; padding: 0; text-align: right;}
#menu h5#otrosblogs1 { position: absolute; top: 160px; left: 295px; width: 120px; height: 120px; }
#menu h5#otrosblogs1 a { float: left; width: 120px; height: 120px; margin: 0; background: url(img/links.png) top no-repeat;}
#menu h5#otrosblogs1 a:hover { background: url(img/links.png) bottom no-repeat;}
#menu h5#otrosblogs1 a span { position: absolute; top: -5000em;}
#menu ul#otrosblogs { left:305px; position:absolute; top:290px; width:150px; list-style: none; background: #fff; padding: 10px; border: 2px solid black}
#menu ul#otrosblogs li { float: left; width: 150px; margin: 0 0 10px 0; padding: 0; text-align: right;}
#menu ul#otrosblogs li p { float: left; width: 150px; margin: 0; padding: 0; text-align: right;}
#menu ul#otrosblogs li p.blog a { color: #000;}
#menu ul#otrosblogs li p.blog a:hover { color: #fff;}
#menu ul#otrosblogs li p.autor { text-transform: uppercase; font-size: 11px;}
#menu ul#otrosblogs li p.posted { font-size: 12px;}
#menu h5#vinetas1 { display: none;}
#menu ul#vinetas { display: none;}

/*** Pie de la p�gina ***/
#footer { text-align: left; clear: both; background: transparent; padding: 0px 20px; font-size: 0.85em; width: 736px; padding-top: 60px; color: #000;}
#footer ul { border-bottom: 1px dashed #999; border-top: 1px dashed #999; padding: 4px 0; margin: 2px; float: left; list-style: none; width: 732px;}
#footer ul li { float: left; width: auto; padding: 0 10px 0 10px; margin: 0;}
#footer ul li.ult { float: right; width: auto; padding: 0; margin: 0;}
#footer ul li a { padding: 0 10px; margin: 0; color: #000;}
#footer p { font-size: 11px; margin: 0; padding: 0; float: left; width: 736px;}
.pieN1 { background-color: #E6E6E6; color: #000; padding: 2px 1% 2px 1%; display: none}
#footer a { color: #ccc;} 

/* Adsense */

.publiAdsense {clear: left; padding: 20px 0 0}
.publiAdsense h3 {margin: 0; font-size: 12px}
.publiAdsense h3 a {text-decoration: none}
.publiAdsense h4 {margin: 0}
.publiAdsense p {margin: 0; color: #555555}
.publiAdsense ul {display: block; list-style: none; margin: 0; padding: 0; font-size: 12px; width: auto; }
.publiAdsense ul li {float: left; width: 250px; margin: 0 15px 0 0}

/***** ADSENSE good **********/
.publiAdsense { float: left; width: 98% !important; padding: 0.5%; margin: 50px 0 35px 0; border: 1px solid #ccc; font-family: arial, georgia, helvetica; background: none}
.publiAdsense ul { width: auto; padding: 0; margin: 0; list-style: none}
.publiAdsense ul li { padding: 1px 0; margin: 0; width: 100%; font-size: 12px}
.publiAdsense ul li a { color: #057; text-decoration: none;}
.publiAdsense ul li a:hover { text-decoration: underline; }
.publiAdsense ul li h4 { float: left; width: auto; margin-right: 10px;font-weight: bold; font-size: 14px !important; }
.publiAdsense ul li h4 a { text-decoration: underline !important}
.publiAdsense ul.unico li h4, .publiAdsense ul.unico li p { font-size: 12px}
.publiAdsense h3 { height: auto !important; padding: 0px 5px; margin: 0; background: #005577 !important; color: #fff !important; font-size: 11px !important; text-transform: uppercase; font-weight: bold !important; }
.publiAdsense h3 a { color: #fff}
.publiAdsense p { font-family: Arial, helvetica; float: left; width: auto; margin-right: 7px;}
.publiAdsense a.link { font-family: arial, helvetica; color: green; ; }

ul.navppal { display: none;}

/* Módulo loPeta hecho por Multivac */
.v2esimportante.v2ventanica { float: left; height: auto; margin: 0 0 15px 0; padding: 0 0 5px 0; background: #f7f7f7; border: 1px solid #999; border-top: 1px solid #999;}
.v2esimportante.v2ventanica h3 { display: block; height: 20px !important; margin: 0; padding: 2px 0; background: none; font-weight: bold; text-transform: none; }
.v2esimportante.v2ventanica h3 span.open { display: block; height: 19px; padding: 7px 0 0 10px; background: #057; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: georgia; }
.v2esimportante.v2ventanica ul li .ventanica { float: left; width: 80px; height: auto; padding: 0; margin: 0 5px 0 0; overflow: hidden; border: 1px solid  #ccc; }
.v2esimportante.v2ventanica ul li img { width: 80px; margin: 0; padding: 0;  }
.v2esimportante.v2ventanica ul { margin: 0; padding: 5px; list-style: none; font-size: 13px; }
.v2esimportante.v2ventanica ul li { display: inline; margin: 2px 0; padding: 3px 0px 6px 0px; float: left; width: 100%; border-bottom: 1px solid #ccc; background: #f0f0f0; text-transform: none; }
.v2esimportante.v2ventanica ul li.deportes .ventanica { border: 2px solid #fa9a21; }
.v2esimportante.v2ventanica ul li.ciencias .ventanica { border: 2px solid #2e5c09; }
.v2esimportante.v2ventanica ul li.espana .ventanica, .v2esimportante.v2ventanica ul li.dinero .ventanica { border: 2px solid #b0113a}
.v2esimportante.v2ventanica ul li.internacional .ventanica { border: 2px solid #005577}
.v2esimportante.v2ventanica ul li.culturas .ventanica { border: 2px solid #25404c}
.v2esimportante.v2ventanica ul li.televisionygente .ventanica { border: 2px solid #7f0055}
.v2esimportante.v2ventanica ul li.viajes .ventanica { border: 2px solid #33a4ee}
.v2esimportante.v2ventanica ul li a { color: #005577; text-decoration: none;}
.v2esimportante.v2ventanica ul li a:hover { text-decoration: underline; background: none; }
.v2esimportante.v2ventanica ul li h3, .v2esimportante.v2ventanica ul li span { font-family: georgia, arial, helvetica; font-size: 12px; font-weight: bold; float: none; width: auto; text-transform: none;}
.v2esimportante.v2ventanica ul li p { font-family: arial, helvetica; font-size: 12px; font-weight: bold; float: none; width: auto; text-transform: none; text-align: right; padding-top: 30px; color: #555}
.v2esimportante.v2ventanica ul li p a span { font-family: arial, helvetica; }
.v2esimportante.v2ventanica ul li p a { color: #555}
#main .post img.alignleft{float:left; margin:10px;}
#main .post img.alignright{float:right; margin:10px;}
/* Movil */
@media only screen and (max-device-width: 500px) {
	
	body { margin: 0 !important; padding: 0 !important; background: #ccc}
	#contenedor { width: 100% !important; padding: 0 !important; margin: 0 !important; }
	#cabecera { width: 100%; }
	#contenido { width: 96% !important; margin: 0 !important; padding: 2% !important; background: #fff; border: none !important}
	#izq { float: none !important; width: 100% !important; margin: 0; padding: 0;}
	#izq h1 { float: none; width: 100% !important; height: auto; padding: 60px 0 20px 0; margin: 0; display: inline; font-family: georgia, arial, helvetica  }
	#izq h1 a { float: none; width: 100% !important; height: auto; background: none; }
	#izq h1 a span { font-size: 30px; position: relative; top: 45px; }
	#menu { display: none}
	.post { width: 100% !important; margin: 55px 0 0 0 !important; padding: 0 !important; font-size: 15px; float: none; line-height: 22px; color: #000;  text-align: left; overflow: hidden;}
	.post h3.storytitle { float: none; width: auto; font-size: 22px; margin: 5px 0 0 10px; line-height: 24px; }
	.post .storycontent { float: none; width: 100% !important;  }
	.post img { width: 100% !important; margin: 0;}
	.post.navigation { float: none; width:auto; display: inline; }
	.comentarios { width: 100%  !important; float: none; }
	.post .comentarios form { width: 100% !important; float: none;}
	form p.captcha_1 { float: left; width: 140px; margin: 0 10px; display: inline;}
	.post img { margin: 0 10px 0 0;}
	textarea#comment { width: 100%; border: none; padding: 0; }
	.comentarios ol#commentlist { float: none; width: 100%; }
	.comentarios #comments { float: none; width: 100%; }
	.comentarios #postcomment { float: none; width: 100%; }
	.comentarios p { float: none; width: 100% !important; margin: 7px 0; padding: 0;}
	ol#commentlist li { float: left; width: 100%; margin: 20px 0 0 0;}
	ol#commentlist li p.autor { float: left; width: 100%; padding:10px 0 5px 0; margin: 20px 0 0 0; font-weight: bold;text-transform: uppercase;}
	ol#commentlist li p.autor a { text-decoration: underline;}
	ol#commentlist li p.autor a:hover { text-decoration: none;}
	ol#commentlist li div.texto { float: left; width: 100%; color: #000; background: #fff; padding: 20px 0px; margin: 0; border: none;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	ol#commentlist li div.texto a { color: #000; text-decoration: underline;}
	.comentarios form { float: left; width: 100%; margin: 5px 0; padding: 0;}
	.comentarios small { font-size: 11px;}
	.comentarios form input { width: 240px; border: 1px solid #ccc; padding: 2px; }
	.comentarios form input#submit { width: 145px; text-align: center; font-size: 14px; cursor: pointer; background: #000; color: #fff;}
	.comentarios form input#text2 { width: 145px !important; }
	textarea#comment { width: 100%; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
	#footer { margin: 10px 0 0 0; float: none; width: 100% !important; padding: 0; }
	#footer { padding: 0px; width: 100% !important; padding-top: 60px; color: #000;}
	#footer ul { margin: 2px 0; float: none; width: 100% !important;}
	#footer p { float: none; width: 100% !important;}
	.compartir { display: none; }
	#publiAdsense { display: none; }
	.post .storycontent .UTWPrimaryTags { margin-top: 0; }
	#barapublico ul { display: none; }
	.post #date { border: 1px solid #ccc; width: 40px; margin-right: 15px;}
	.post #date .dia { font-size: 24px;  width: 40px; margin: 0; padding: 0; line-height: 30px; display: block; color: #000;}
	.post #date .mes { font-size: 12px; width: 40px; }
	.post #date .anno { width: 40px;}
}
#listaComentarios {margin-left:10px !important; width:800px !important;}
#listaComentarios ul li {position:relative}
#listaComentarios .autor p.fechacom { position:absolute;right:0;top:5px  !important;}
ul#commentlist li div.autor {width:798px !important;}