/*
Theme Name: IDL
Theme URI: http://fenixsoluciones.com
Description: Tema desarrollado para la web IDL - Reporteros
Version: 0.1
Author: Diego Lerma Gómez
Author URI: http://diego.lermagomez.com
Tags: black, custom header, fixed width, two columns, widgets
*/
#wrapper { width:1030px; margin:0 auto; padding:0; background:#ffffff; }

#maincontainer { width:990px; margin:0 auto; }
#categorias{ width: 990px; background-color: black;}
#contentcontainer { clear:both; overflow:hidden; padding-top:0px; margin:0 auto; width:990px; }

#barra_superior {
	margin:0 auto 1px auto;
	width:990px;
	height:630px;
	overflow:hidden;
	font-size:14px;
	background:#000000 url(images/bgds.jpg) repeat-x;
	height:40px;
	clear:both;
}

#barra_superior .fecha_superior {
	float:left;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	height:40px;
	width: 290px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}
#barra_superior .ultimitas{
	float:left;
	height:40px;
	width: 700px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
}
#barra_superior .texto{
	color: #fff;
	font-size:13pt;
	float: left;
	width: 90px;
}
.fechayactua{
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}
#barra_superior .ultimitas A{
	color: #fff;
	font-size: 13pt;
}
#barra_superior .ultimitas MARQUEE{
	float: right;
	color: #fff;
	font-size: 13pt;
}
#barra_superior .buscador, #nmag-navbar .buscador { float:right; width: 256px;}
#barra_superior .buscador .searchinput, #nmag-navbar .buscador .searchinput { border:1px solid #dddddd; padding:2px; width:175px; margin-top:5px; margin-bottom:5px; height:15px; }
#barra_superior .buscador .searchbutton, #nmag-navbar .buscador .searchbutton { float:left; margin-top:5px; margin-bottom:5px; background:#D2D2D2; border:1px solid #dddddd; height:21px;  }


#caja { text-align:center; float:right; width:250px; margin:0px; }
#caja .searchinputbox {  float:left; }
#caja .searchsubmitbutton { float:left; }


#sitetitle { clear:both; margin:0 auto; padding:0px; width:990px; }



#sitetitle .logo { float:left; margin-top:20px; }
#sitetitle .logo h1 { color:#000000; font-size:30px; text-transform:uppercase; }
#sitetitle .logo h1 a { color:#000000; font-size:30px; text-transform:uppercase; }
#sitetitle .logo h1 a:hover { text-decoration:none; color:#8c8c8c }
#sitetitle .tagline { clear:both;float:right; color:#212121; padding-top:10px; margin-left:10px;  font-size:11px; text-transform:uppercase; }

#navbar {
	height: 46px;
	min-height:35px;
	font-size: 11px;
	font-weight: bold;
	clear:both;
	width:990px;
	border-top: double #000000;
	
	}
	
#navbar a, #navbar a:visited {
	color: #423B35;
	font-size: 11px;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #004080;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}

#nav, bottom-nav {
	margin: 0px;
	padding: 0px;
	padding-right:8px;
	list-style: none;
	clear:both;
	}
	
#nav ul,  bottom-nav{
	margin: 0px;
	padding: 0px;
	list-style: none; height: auto;
	min-height:35px;

	}

#nav a, #nav a:visited {
	color: #000000;
	display: block;
    font-weight: bold;
   	text-transform: uppercase;
    margin: 0px;
	padding: 8px 17px 8px 15px;
	
	}
	
#nav a:hover {
	background: #f2f2f2;
	color: #000000;
    margin: 0px;
	padding: 8px 17px 8px 15px;
	text-decoration: none;
	}

#nav li {
	float: left;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	height:30px;
	}

#bottom-nav li {
	float: left;
	margin: 0px;
	padding: 0px;
}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 130px;
z-index:2222 !important;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #f2f2f2;
	width: 150px;
	float: none;
   	text-transform: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	color:#000000;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #dddddd;
	padding: 7px 10px 7px 10px;
	color:#000000;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:2222 !important;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	

#nmag-navbar {
	font-size: 11px;
	height:36px;
	border-top: double #000000;
	font-weight: bold;
	clear:both;	
}
#nmag-navbar-inner {
	width: 990px;
	margin: 0 auto;
}
#nmag-navbar a {
	color: #423B35;
}
#nmag-navbar a:hover {
	background-color: #F2F2F2;
}
#nmag-navbar ul {
	padding: 0;
}


/* Page Nav */

#nmag, #nmag ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 36px;
	z-index: 100;
}

#nmag a {
	display: block;
	text-decoration:none;text-transform:uppercase;
	padding: 0 15px;
	z-index: 100;
	display: block;
}

#nmag {
	float: left;
}

#nmag li {
	float: left;
}

#nmag li.page_item {
}

#nmag li.current_page_item {
	background-color: #869293;
}

#nmag li.current_page_item a {
	color: #ffffff !important;
}

#nmag li.current_page_item li a {
	color: #555555 !important;
}

/* Style drop down list */

#nmag li ul { position: absolute; width: 160px; left: -999em;}
#nmag li ul li {	border-style: solid; border-color: #dddddd; border-width:0 1px 1px 1px; background: #f2f2f2; padding: 3px 0; }
#nmag li ul li a { line-height: 25px; font-size: x-small; color: #555555; width: 150px;text-shadow:  none; text-decoration:none;text-transform:uppercase;}
#nmag li ul ul {	margin: -28px 0 0 180px; }
#nmag li ul ul li a { line-height: 25px; }
#nmag li ul li ul li a {	border-width:0 1px 1px 0px; }
#nmag li:hover ul, #nmag li.sfhover ul { left: auto; }
#nmag li:hover ul ul, #nmag li.sfhover ul ul { left: -999em; }
#nmag li:hover ul, #nmag li li:hover ul, #nmag li.sfhover ul, #nmag li li.sfhover ul { left: auto; }
#nmag li:hover, #nmag li.hover { position: static; } /* IE7 Fix */


#leaderboardspace { background: url(images/stripebg.gif) repeat; height:90px; padding:10px; margin:5px 0px 0px 0px; }


.widget { padding:10px; }
.widget ul { color:#CC0000; }

.widget ul li { padding:5px 0px 5px 0px; list-style:none; color:#CC0000; background:transparent url(images/liline.gif) bottom repeat-x; }

.widget ul li ul li {
background:transparent url(images/lichild.gif) top left no-repeat;
padding-left:15px;
color:#CC0000;
list-style:none;
}

.widget li.widget_tag_cloud {
padding:0px 0px 10px 0px;
list-style:none;
height:180px;
text-align:left;
background:none;
border:none;
}

li.widget_tag_cloud a {
padding:2px 5px 2px 5px;
}



/* Content */

#content { width:990px; margin:0 auto; }
.postarea { width:500px; margin:0 auto; padding:10px; float:left; }
.postareasingle { width:500px; margin:0 auto; padding:10px; float:left; }
.postareaindex { width:500px; margin:0 auto; padding:10px; float:left; }

.postareameta { margin: 30px 0;}
.postarea h2 {}
.postarea blockquote,.entry blockquote { clear:both; color:#3f3f3f;background:#f2f2f2;padding:6px 14px;margin:18px 35px;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.postarea ul li { list-style:square; }
.postarea .byline,.postareasingle .byline { width:480px; border:5px solid #f2f2f2; padding:5px; margin-top:20px; }
.postarea .byline a { color:#000000;text-decoration:none; }
.postarea .byline a:hover { color:#705738;text-decoration:underline; }
.postarea .excerpt { margin:20px 0px 20px 0px; background:transparent url(images/liline.gif) bottom repeat-x; height:auto !important; min-height:200px; }
.postarea .excerpt p { margin:0px; }
.postarea .excerpt .byline { margin-bottom:10px; }
.postarea .excerpt img{ float:left;margin:0px 10px 0px 0px; padding:5px; background:#f2f2f2; border:1px solid #e7e7e7;}
.postarea .excerpt .readfull { background: #f9f9f9; padding:5px; width:100%; float:right; border:1px double #f5f5f5; margin:10px 0px 10px 0px; text-align:right; } 
.postarea .excerpt .byline { margin-top:0px; border:none; background:#f2f2f2; text-transform:uppercase; font-size:x-small;}
.postarea .excerpt span.searchtexthighlight { background:#004080; }


.postarea .archivespagecatlist {}

.postarea .archivespagecatlist ul li {
padding:5px 0px 5px 0px;
list-style:none;
width:200px;
float:left;
margin-right:20px;
}

.postarea .archivespagecatlist ul li ul li {
background:transparent url(images/lichild.gif) top left no-repeat;
padding-left:15px;
margin:0;
list-style:none;
}


.postarea h1 {
font-size:24px;
width:480px;
}

h2.singletitle {
font-size:24px;
width:480px;
}

.bnavigation {
/*	padding: 10px auto; */
	width:480px;
	margin:20px auto 20px auto;
}
.bnavigation a {
	font-size: 1em;
}

.bnavleft {
width:200px;
float:left;
}

.bnavright {
width:200px;
float:right;
}

.paginav {
	width:500px;
	margin-bottom:15px;
	float:left;
	padding:10px;
}
.paginav a {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

.npfsearchmsg {margin:20px 0px 20px 30px;}
.npfsearchmsg h2 {margin:0px 0px 10px 0px;}

.postareameta {margin:10px 0px 10px 30px;}

ul.list404, ol.list404 {}
ul.list404 li, ol.list404 li { padding:6px 0px 6px 0px; }
ul.list404 li a, ol.list404 li a { color:#423B35; }

#calendar caption, #wp-calendar caption { font-weight: bold; 	color : #ffffff; 	text-transform:uppercase; 	margin:0; 	padding:2px 0 2px 10px; 	width:100%; 	text-align:center; }
#calendar table, #wp-calendar table { 	width: 100%; 	padding: 0; 	text-align: center; }
#calendar thead th, #wp-calendar thead th { 	padding:3px; color:#3F3F3F; text-align:center; }
#calendar tbody td, #wp-calendar tbody td { 	padding: 5px 0;  color:#cccccc;  text-align:center;  }
#calendar tfoot td, #wp-calendar tfoot td { }
#calendar #prev, #wp-calendar #prev { 	text-align: left; }
#calendar #next, #wp-calendar #next { 	text-align: right; }
#calendar a, #wp-calendar a { 	font-weight: normal; 	color: #000000; }


/* Form Elements */

.button { padding: 1px; background:#3F3F3F; color:#ffffff; border:none; }
.button:hover { background:#eeeeee;color:#3f3f3f;text-decoration:none }

#respond { }

#commentform input { width: 170px; margin: 5px 5px 1px 0; padding:5px; border:1px solid #dddddd; }
#commentform textarea { width: 480px; margin-top:5px;height:auto !important; min-height:100px; border:1px solid#dddddd; }
#commentform .commentsubmit { background:#dddddd; border:1px solid #dddddd; padding:1px; color:#000000; height:35px; }
#commentform .commentsubmit:hover { background:#f2f2f2; border:1px solid #dddddd; padding:1px; color:#000000; height:35px;  }

/* Comments*/

.commentarea { clear:both; margin-top:25px; width:480px; padding:20px 0px 20px 20px; }
.comment h2,.comment h3 { margin-bottom:10px; }
.commentlist { padding-left:30px; }

.commentlist li { margin: 0px 0 0px; padding: 18px 15px 10px 15px; }
#commentform small { font-weight:normal; padding:0; }
.commentmetadata { display: block; }
.commentlist small { background:#f9f9f9; }

.commentlist cite { font-size:12px; font-weight:bold; }

.cancel-comment-reply { font-size:12px; font-weight:bold; }

.commentlist ul li, .comments ol li { list-style:none;}

.commentlist p { margin:15px 0px 15px 0px; }

.commentlist li.even { border-left:1px solid #eeeeee; border-top:1px solid #eeeeee; margin-right:10px; }

.commentlist li.alt { border-right:1px solid #eeeeee; border-top:1px solid #eeeeee;  margin-right:10px; }
.commentlist li.odd { padding-top:10px; }

.commentlist li img { float:left; margin-right:5px; }

/* Footer*/

#footer { margin:5px auto 0px auto; width: 980px; color:#ffffff; font-size:x-small; 	background:#5E5E5E url(images/bgds.jpg) repeat-x;
 padding: 2px 5px; clear:both; }
#footer a { color:#ffffff; }


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f2f2f2;
padding: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
/* border-radius: 3px; */
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption.aligncenter img {  max-width: 475px; height:auto;  }
.wp-caption.alignleft img {  max-width: 250px; height:auto;  }
.wp-caption.alignright img {  max-width: 250px; height:auto;  }

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
text-align: left !important;
}


#fenix, #fenix A{ text-align: right; color: #bfbfbf; font-size: 10px; padding-bottom: 20px;}
/* Nota principal */
#principal{ }
#principal H2, #principal H2 A { font-size: 62pt; font-weight: bold; color: #990000; text-align: center; text-decoration: none; margin-bottom: 16px; }
#principal H4 { font-size: 23pt; width: 900px; font-style: normal; text-align: center; margin: 10px; bottom: 20px; }
/* #principal .foton, #principal .fotazo{ width: 950px; height: 535px; background-color: #F2F2F2; padding: 5px 6px; margin: 10px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } */
#principal .foton IMG{ height: 535px; border: 0px; }
#principal .leyenda{ font-size: 12pt; text-align: left; margin-left: 30px; margin-bottom: 16pt; }
#principal .resumen{ font-size: 17pt; text-align: justify; }
#principal .resumen A{ color: #CC0000; }
#principal .linea { background-color: #F8F8F8; font-size: 12px; padding: 2px 16px; margin: 20px 0px 5px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#principal .relacionados, #principal .relacionados A{ color: #CC0000; font-size: 18px; text-decoration: none; margin: 4px 0px 4px 8px;  }
#principal .relacionados UL{ color: #CC0000; list-style-type: square; list-style-position: inside;padding-left: 80px;}
/* Notas secundarias */
#secundarios { border-bottom: 1px inset #CCC; inset #eee; margin: 8px 0px; }
#secundarios H2, #secundarios H2 A { color: #CC0000; font-size: 18pt; }
#secundarios .foto{ width: 120px;}
#secundarios .foto IMG{ border: 3px solid #eee; margin: 3px; padding: 2px; }
#secundarios .texto-grande P{ text-align: justify; width: 550px; font-size: 15pt; }
#secundarios .texto-mediano P{ text-align: justify; width: 550px; font-size: 13pt; }
#secundarios .texto-grande-l P{ text-align: justify; width: 765px; font-size: 15pt; }
#secundarios .texto-mediano-l P{ text-align: justify; width: 765px; font-size: 13pt; }
#secundarios .texto-chico P{ text-align: justify; width: 550px; font-size: 11pt; }
#secundarios .texto2 P{ text-align: justify; width: 765px; font-size: 14pt; }
#secundarios .linea { width: 1px; }
#secundarios .relacionadas{ width: 384px;}
#secundarios .relacionadas, #secundarios .relacionadas A{ color: #CC0000; font-size: 14px; text-decoration: none; margin: 4px; }
#secundarios .relacionadas UL{ border-left: 1px solid black; padding-left: 20px; color: #CC0000; list-style-type: square; list-style-position: inside; padding: 15px;}
/* Notas cortas */
#tercero { margin: 8px 0px; }
#tercero H2, #tercero H2 a { color: #CC0000; font-size: 16pt; }
#tercero P { font-size: 12pt; }
#tercero .foto{ width: 180px;}
#tercero .foto IMG{ border: 1px solid #eee; margin: 3px; padding: 2px; }
#tercero .texto P,#tercero .texto2 P{ text-align: justify; }
#tercero .texto A, #tercero .texto2 A{ color: #CC0000; }
/* Parte inferior de la web */
#caratula {}
#caratula .izquierda{ width: 330px; margin: 8px 6px; }
#caratula .editorial{ width: 320px; padding: 6px 5px 10px 5px; background-color: #F2F2F2; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#caratula .editorial P{ text-align: justify; margin: 10px;}
#caratula .editorial H2{ font-size: 16px; font-weight: bold; margin: 5px 10px; }
#caratula .editorial H3{ font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 12px; }
#caratula .editorial A{ color: #CC0000; }
#caratula .editorial A:hover { text-decoration: underline; }
#caratula .centro { width: 230px; border-right: 1px solid black;}
#caratula .creditos{ margin: 10px;}
#caratula .creditos IMG{ float: left; margin: 1px 10px 1px 1px; border: 1px solid black; }
#caratula .par{ background-color: #e4e4e4; padding: 5px; margin: 3px 15px; }
#caratula .impar{ background-color: #efefef; padding: 5px; margin: 3px 15px; }
#caratula .fotito { width: 90px;}
#caratula .fotito IMG{ margin: 1px 1px 1px 1px; border: 1px solid black; }
#caratula .detalles H4 { font-weight: bold; font-size: 14px;}
#caratula .detalles P{ margin: 0px; padding: 0px; }
/* Widgets */
#wd_suscribete {}
#wd_suscribete SPAN, #wd_suscribete SPAN A { font-size: 8px; color: #8F8F8F; }
#wd_suscribete .boton { border: 1px solid #eee; padding: 3px 16px; margin: 1px 1px; }
#wd_suscribete .campo { border: 1px solid #8f8f8f; margin: 2px; padding: 2px; width: 200px; }
/* Entrada */
.volada{ font-weight:bold; text-transform:uppercase; }
.cintillo{ font-style:italic; font-weight:normal; }
.titulo{ font-size: 42pt; font-weight: bold; color: #990000; text-align: left; text-decoration: none; margin-bottom: 16px; }
.bajada{ font-size: 12pt; font-weight: bold; color: #000000; text-align: left; text-decoration: none; margin-bottom: 6px; }
.post { border-right: 1px solid black; }
.sumilla_izq { float: left; font-size: 20px; color: #990000; width: 160px; background-color: #FAFAFA; padding: 15px; margin: 10px 20px 10px 0px; text-align: left !important; }
.sumilla_der { float: right; font-size: 20px; color: #990000; width: 160px; background-color: #FAFAFA; padding: 15px; margin: 10px 0px 10px 20px; text-align: right !important; }
#escondido{ visible: none; display: none; }
#comentarios{ border-right: 1px solid black; }


/************************************************
* Sidebar                                        * 
************************************************/
#sidebar{ float: right; width: 220px; }
#sidebar .relacionadas { }
#sidebar .relacionadas, #sidebar .relacionadas A{ color: #CC0000; font-size: 14px; text-decoration: none; margin: 4px; }
#sidebar .relacionadas UL{ color: #CC0000; list-style-type: square; list-style-position: inside; }
#sidebar .portada{}
#sidebar .portada H3, #sidebar .portada H3 A{ font-weight: bold; color: #CC0000; }
/* Entrada normal */
.tags { width:700px; padding: 0px; }
.entry { width:700px; padding: 10px; }
.entry .capitular{ float:left; font-size:35pt; font-style:italic; font-weight:bolder;} 
.entry P{ text-align: justify; }
.entry .tags { background:#f2f2f2; padding:5px; }
.entry a { color: #CC0000; }
.entry a:hover { text-decoration: underline; }
.entry ul, .entry ol { margin:10px 0px 10px 30px;clear:both; }
.entry ul li { list-style:square; padding:3px 0px 3px 0px; }
.entry ol li {  list-style-type: decimal; padding:3px 0px 3px 0px; }
.entry ol ol li {  list-style-type: lower-roman; padding:3px 0px 3px 0px; }
.entry img { 	margin-bottom:10px;  }
.entry textarea { width:100%; height:auto !important; min-height:100px; border:1px solid#dddddd; }
.entry input[type=text] { width: 300px; padding:5px; border:1px solid#dddddd; }
.entry input.text { width: 300px; padding:5px; border:1px solid#dddddd; }
.entry input[type=password] { width: 300px; padding:5px; border:1px solid#dddddd; }
.entry input.password { width: 300px; padding:5px; border:1px solid#dddddd; }

.post h2 a { color: #CC0000; }

/*Ed*/
* html .fcl{
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top:0px
}

head+body .fcl{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top:-1px
}
/* */
	/* Carousel */
		
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 330px;
	margin-left:35px;
	background:#5B5B5B url(images/carousel-bg.png) bottom left repeat-x;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:0 10px 10px 0;
}

#carousel .panel {
	width: 410px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 3px 40px;
	padding:5px;
	border:1px solid #5B5B5B;
	background:#383838 url(images/carousel-panel-bg.png) bottom left repeat-x;
	height:312px;
}
#carousel .panel H2, #carousel .panel H2 a{
	color:#CC0000;
	font-size:14pt;
}
#carousel .panel P{
	color: white;
	font-size: 12pt;
	font-weight: bold;
}

#carousel .panel .panel-text {
	padding-top:5px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

#carousel .panel .panel-text a {
	color:#CCC;
	text-decoration:none;
}

#carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
}

			/* Botones del carousel */
#scroll_ultimos{}
#scroll_ultimos .fotazo IMG{
	width: 370px;
}
#scroll_ultimos .button-prev {
	height:330px;
	width:35px;
	float:left;
	background:#5B5B5B url(images/carousel-bg.png) bottom left repeat-x;
	-moz-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}

#scroll_ultimos .button-prev a {
	display:block;
	padding:5px;
	margin-top:145px;
}

#scroll_ultimos .button-next {
	height:330px;
	width:35px;
	float:right;
	background:#5B5B5B url(images/carousel-bg.png) bottom left repeat-x;
	-moz-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}

#scroll_ultimos .button-next a {
	display:block;
	padding:5px;
	margin-top:145px;
}
#scroll_ultimos a img {
	border:none;
}
#fotazoheadline img{
	width:450px;
}