﻿/* RESET */
*{
	margin: 0;
	padding: 0;
}

body{
	position: relative;
	text-align: center;
}

a{ color: #0d3e9b; }

p{
	margin: 1em 0;
}

h1, h2, h3, h4{
	font-family: georgia, serif;
	font-weight: normal;
}

/* BLOCK SIZE AND POSITIONING */

.wrap{
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#header{
	height: 120px;
}
#mnav{
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}

#content{
	float: left;
	width: 530px;
	margin-left: 20px;
	display: inline;
}

#sidebar{
	float: right;
	width: 200px;
}

#infoperiodico{
	float: left;
	width: 200px;
	padding: 10px;
	background: #f3f3f3;
	clear: both;
	position: relative;
}

#footer{
	clear: both;
	width: 100%;
	height: 100px;
	clear: both;
}


/* TYPOGRAPHY */
body{
	font: 12px/1.4 "georgia", arial, sans-serif;
	background: #fff url(img/bg.jpg) top center repeat-x;
	margin-top: 20px;
}

/* BLOCK COLORS */
#header{
	background: #039 url(img/header-bg.png) right top repeat-x;
	border-bottom: 1px solid #fff;
}
#mnav{
	background: #00294e url(img/mnav-bg-right.gif) right bottom no-repeat;
}
#mnav li.first{
	background: url(img/mnav-bg-left.gif) left bottom no-repeat;
	padding-left: 10px;
}
#mnav a{
	color: #fff;
	text-decoration: none;
}
#mnav a:hover{
	background: #3d5278;
	color: #fff;
}
#snav{
}
#content{
}
#ads{
}
#footer{
	background: #000066;
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
	color: #fff;
	padding: 10px 0;
	text-align: center;
}

#footer a{
	color: #fff;
}

/* HEADER */
#header h1{
	width: 450px;
	height: 120px;
	text-indent: -9999px;
	background: url(img/logo.png) no-repeat;
	position: relative;
	margin: 0
	padding: 0;
}

/* MAIN NAVIGATION */
#mnav ul{
	float: left;
	list-style: none;
}
#mnav ul li{
	float: left;
	position: relative;
}
#mnav ul li a{
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 8px;
}
#mnav ul li ul{
	display: none;
	width: 200px;
	position: absolute;
	top: 30px;
	left: 0px;
}
#mnav ul li:hover ul,#mnav ul li.over ul{
	display:block;
}
#mnav ul li ul li{
	display: block;
	width: 200px;
	border-top: 1px solid #f0f0f0;
	background:  #00294e;
}

#mnav ul li ul li a{
	display: block;
	width: 184px;
}


/* ELEMENTOS DEL CONTENIDO */
.notaprincipal{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	float: left;
}
.notaprincipal h2{
	margin-bottom: 10px;
	font: normal 2.2em georgia, sans-serif;
	color: #00349a;
}

.notaprincipal img{
	margin: 0 10px 15px 0;
	float: left;
	padding: 1px;
	border: 1px solid #aaa;
}

#notas-secundarias{
	clear: both;
	float: left;
	width: 100%;
}

#notas-secundarias .post{
	clear: both;
	border-bottom: 1px dotted #ddd;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 15px;
	width: 100%;
}

#notas-secundarias .post h2{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#notas-secundarias img{
	float: left;
	padding: 1px;
	border: 1px solid #aaa;
}

#notas-secundarias .posttext{
	width: 455px;
	float: right !important;
}

#notas-secundarias .posttext p{
	margin: 0;
}

#notas-secundarias .posttext br{
	display: none;
}

/* PATROCINADORES */
#ads{
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
#ads h2{
	font: normal 1.4em georgia, sans-serif;
	margin-bottom: 20px;
}
#ads .post{
	margin-bottom: 20px;
}

#ads .post p{
	margin: 0;
}

/* EDICION IMPRESA */
#snav{
	padding-right: 10px;
	margin-bottom: 20px;
	border-right: 1px solid #ddd;
}

#snav #edimpresa{
	margin-bottom: 20px;
	background: orange;
	width: 140px;
	height: 160px;
	border: 1px solid #ddd;
	background: #f3f3f3 url(img/tit-edimpresa.gif) no-repeat;
	padding: 10px;
	padding-top: 30px;
}

#snav #edimpresa img{
	float: left;
	margin-right: 20px;
}


#snav #edimpresa p{
	display: none;
}

#snav #edimpresa:hover{
	margin-bottom: 20px;
	width: 600px;
}

#snav #edimpresa:hover p{
	display: block;
}

/* ARTICULO */
#content #post h1{
	font: normal 2.5em georgia, sans-serif;
}

#content #post p{
	text-align: justify;
	font-size: 1.1em;
	margin: 1em 0;
}

#content #articulo .autor{
	color: #666;
}

img.alignleft{
	float: left;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0 20px 10px 0;
}

#content #articulo #comentarios{
	border-top: 2px solid #ddd;
	margin-top: 50px;
}

#content #articulo #comentarios h2{
	font: normal 1.6em georgia, sans-serif;
	margin: 1em 0;
}

#content #articulo #comentario{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

#content #articulo #comentario h3{
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0;
}

#content ul, #content ol{
	margin-left: 30px;
}

/* POSTS ELEMENTOS */
.post h2 a, .notaprincipal h2 a{
	color: #000;
	text-decoration: none;
	color: #00349a;
}

.posted{
	font-size: 80%;
	color: #666;
}

a.more-link{
	float: right;
	display: block;
	width: 53px;
	height: 16px;
	overflow: hidden;
	background: url(img/leermas.png) 0 0 no-repeat;
	text-indent: -9999px;
}

a.more-link:hover{
	background: url(img/leermas.png) 0 bottom no-repeat;
}

.post ul,.notaprincipal ul{
	margin: 1em 1em 1em 20px;
}

.post h2 a:hover, .notaprincipal h2 a:hover{
	color: #000;
	text-decoration: underline;
}

.notaprincipal{
	font-size: 1.1em;
}

.notaprincipal p{
	line-height: 1.4;
}

.columnaresumen .post{
	color: #444;
}

a img{
	border: none;
}


/* FOTO DE LA SEMANA */
#fotodelasemana p{
	margin: 0;
}
#fotodelasemana img{
	margin-bottom: .5em;
}

.sideblock{
	margin-bottom: 30px;
}

.sideblock h2{
	background: #f3f3f3 url(img/tit-bg.gif);
	padding: 2px 4px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 1.3em;
	display: block;
	.width: 200px;
}


/* FOTO DE LA SEMANA */

#patrocinadores h2, #patrocinadores2 h2{
	width: 200px;
	height: 35px;
	background: url(img/tit-patrocinadores.png) no-repeat;
	text-indent: -9999px;
	margin-bottom: 5px;
}

#patrocinadores p, #patrocinadores2 p{
	margin-bottom: 20px;
}

/* INFO PERIODICO */
a#edimpresa{
	position: absolute;
	top: 37px;
	left: 10px;
	z-index: 9999;
	display: block;
	width: 200px;
	height: 250px;
	margin-bottom: 5px;
	text-decoration: none;
	text-indent: -9999px;
}

a#edimpresa img{
	width: 200px;
	height: 250px;
	overflow: hidden;
	display: block;
}

a#edimpresa:hover{
	width: 400px;
	height: 500px;
	background: #ddd;
	padding: 10px;
}

a#edimpresa:hover img{
	display: block;
	width: 400px;
	height: 500px;
}

#staff{
	font-size: .8em;
	text-align: center;
}

.encuesta{
	margin-top: 285px;
}

.video .more-link{ display: none; }

.video .youtube{ display: block; text-align:center; text-decoration: none; }

.notaprincipal.video img{
	display: none;
}

.archivomeses ul{
	list-style: none;
}
.archivomeses ul li{
	list-style: none;
	border-bottom: 1px solid #ddd;
	height: 20px;
	display: block;
}
.archivomeses ul li a{
	display: block;
	line-height: 20px;
	text-decoration: none;
	background: transparent url(img/icon-calendar.png) 2px 2px no-repeat;
	font-size: 1em;
	padding-left: 20px;
}
.archivomeses ul li a:hover{
	background: #ddd url(img/icon-calendar.png) 2px 2px no-repeat;
}

#donativo a.linkpaypal{
	width: 200px;
	height: 94px;
	display: block;
	text-indent: -9999px;
	background: url(img/patrocina.png) no-repeat;
}


#commentsblock ul{
	list-style: none;
}

#commentsblock ul li{
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
}

#comments, #respond{
	font-size: 1.6em;
}

#sidebar ul, #infoperiodico ul{ list-style: none;}

.democracy a{
	text-decoration: none;
}
.democracy li{
 margin: 0;
 padding-left: 16px;
 background: #f3f3f3 url(img/icon-flechader.png) 0 0 no-repeat;
 border-bottom: 1px solid #fff;
}

.democracy .poll-question, .democracy em{
	background: #dfdfdf;
	padding: 3px 2px;
	border-bottom: 1px solid #fff;
	display: block;
}

.democracy em{
	background: #efefef;
	border: none;
	padding-left: 16px;
}

.democracy b, .democracy i{
}

.galeria-foto{
	float: left;
	border: 1px solid #ddd;
	border-right-width: 2px;
	border-bottom-width: 2px;
	padding: 15px;
	margin: 0 15px 15px 15px;
	width: 200px;
	.width: 235px;
	_width: 235px;
	overflow: hidden;
	background: #f3f3f3;
	text-align: center;
	color: #666;
}

.galeria-foto img{
	border: 1px solid #fff;
	border-top-color: #666;
	border-left-color: #666;
}

.galeria-foto .foto-limits{
	width: 200px;
	height: 150px;
	overflow: hidden;
}

.galeria-foto p{
	margin: 0;
	padding: 0;
}

.galeria-foto h3{
	color: #000;
}

.noborder{ border: none !important;}

#content ul, #content ol{
	margin: .5em 0 0 50px;
}

#content ul li, #content ol li{
	margin: .5em 0;
}
