/*  
Theme Name: Esto es Tucumán
Theme URI: http://www.estoestucumán.com.ar/
Description: El Css para el portal de noticias Tucumano Esto es Tucumán.
Version: 1.0
Author: Benjamin Arnedo
Author URI: http://estoestucuman.com.ar
*/

/* Estilos generales */
body {background: #606060 url(img/fondo_tile.gif) repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666; text-align:center; height:100%;}
html {height:100%;}
.campo {font-size:0.8em; color:#000000; margin:0 0 5px 0; background:url(img/grad_comments.jpg) top left repeat-x; border:1px solid #CCCCCC; padding:3px;}
.campodetexto {background:url(img/grad_breves.jpg) repeat-x top left; border-top:1px solid #c2d2c2;border-right:2px solid #999999;border-bottom:2px solid #999999;border-left:1px solid #c2d2c2; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#006600; font-size:0.8em; font-weight:bold; }
.separador {background:url(img/separador.jpg) center center no-repeat; width:100%;  height:30px; float:left; clear:both;}
.separador hr {display:none;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; line-height:100%; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;} a:hover {text-decoration:underline;}

/* Estructura */
* html #contenido {height:100%; min-height:100%;}

#contenido {width:780px; margin:0 auto 0 auto; text-align:left;font-size:1em; min-height:100%;position: relative; background:#FFFFFF url(img/fondo.gif); clear:both;}
	#top {background:#FFF url(img/top.gif); width:780px; float:left;}
	.logo_top {float:left;}
	
	/* Banner top */
	.banner_top {float:right; width:468px; height:60px; padding:14px 51px 0 0;}
	.banner_top img {float:left; width:468px; height:60px; border:none;}
		
		.centro {width:780px; float:left; }
		
/* Menu principal */	
	#menu2 {background:#FFF url(img/sub_menu.gif) no-repeat; width:560px; height:25px; padding:3px 0 0 220px; clear:both;}
		#menu2 a {color:#009900; font-weight:bold; text-decoration:none;} #menu2 a:hover {text-decoration:underline;}
		#menu2 ul {list-style-type:none; margin:0; padding:0 0 0 1px;}
			#menu2 li {margin:0; padding:0 0 0 5px; display:inline; font-size:0.8em; font-family:"Times New Roman", Times, serif; border-left:1px solid #999999;}
	
	
	/* Columna uno */
	#col1 {float:left; width:115px; font-size:1em;}
		#col1 ul {margin:0 0 0 1px; padding:0; list-style-type:none; display:block; width:105px; }
			#col1 #menu ul li {margin:0; padding:4px 0 4px 6px;list-style-image:none; background:#FFFFFF; font-size:0.70em; border-bottom:1px solid #E9E9E9;  line-height:120%;}
			#col1 #archivos_list ul li {margin:0; padding:4px 0 4px 6px;list-style-image:none; background:#FFFFFF; font-size:0.70em; border-bottom: 1px solid #E9E9E9;line-height:120%;}
		#col1 #menu, #col1 #archivos_list {float:left; font-size:1em;}
			#col1 #menu a {color:#666666; text-decoration:none; font-weight:bold;} #col1 #menu a:hover {color:#CC0000;}
			#col1 #archivos_list a {color:#666666; text-decoration:none; font-weight:bold;} #col1 #archivos_list a:hover {color:#CC0000;}			
			#col1 #menu h2 {font-family:"Times New Roman", Times, serif; font-size:1.2em; color:#FFFFFF; letter-spacing:-0.05em; margin:0; background:#CC0000; padding:2px 2px 2px 6px;width:101px;}
			#col1 #archivos_list h2 {font-family:"Times New Roman", Times, serif; font-size:1.2em; color:#FFFFFF; letter-spacing:-0.05em; margin:0; background:#990000; padding:2px 2px 2px 6px;width:101px;}
	
	
	/* Columna tres */
	#col3 {float:right; width:145px; text-align:left; padding:0 10px 0 5px;} #col3 a {color:#666666; text-decoration:none;} #col3 a:hover {color:#000000; text-decoration:underline;}
		#col3 #form_buscar {clear:both; margin:0 0 15px 0; padding:15px 0 0 0;}
		#col3 #section_details { float:left; border-top:1px solid #CCCCCC; border-bottom:1px solid #ADADAD; padding:5px 0 10px 0;}
			#col3 #section_details p {line-height:130%; font-size:0.7em;color:#999999;}
		#col3 ul {list-style-type:none; list-style-position:outside; margin:0; padding:0;}
		#col3 li {padding:0; margin:0 0 10px 0;}
		#col3 li  h2 {font-family:"Times New Roman", Times, serif; font-size:1.1em; color:#FFFFFF; letter-spacing:-0.05em; margin:0; background:#006600; padding:3px 3px 3px 6px;}
			#col3 li ul {margin:0 0 0 0;} 
 			#col3 li ul li { border:none; font-size:0.7em; background:#F5F5F5 url(img/bullet.gif) left center no-repeat; padding:4px 4px 4px 18px; margin:0 0 2px 0; line-height:120%; border-bottom:1px solid #E1E1E1;} #col3 li ul li:hover {background:#FFFFFF url(img/bullet.gif) left center no-repeat;}
		
			/* banner derecha */
			.banner_right {float:left; width:145px;}			
			.banner_right img {border:none;}			
			.banner_right fieldset {border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-left:none; border-right:none; margin:0; padding:5px 0 10px 0; width:145px;}
				.banner_right legend {font-size:0.5em; color:#CCCCCC;  margin:0 auto; padding:0 3px 0 3px;} 
	
	
	/* Columna dos */		
	#col2 {float:right; width:500px;}
	.otras_notas .foto {border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; float:left; margin:0 5px 10px 0; clear:both;}
	#central .fotogrande, #central .foto {border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; float:left; margin:0 10px 10px 0; clear:both;}
	#nota_completa .foto, #nota_completa .fotogrande {border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; float:left; margin:0 9px 10px 0;}
	.nota_achivo .foto, .nota_achivo .fotogrande {display:none;}
	#col2 .pagetitle {font-family:"Times New Roman", Times, serif; font-size:1.4em; color:#999999; margin:10px 0 0 20px; letter-spacing:-0.03em;}
		#col2 .pagetitle strong {font-weight:normal; color:#666666;}
	
	/* banner central1 */
	.banner_center {float:left; text-align:center; width:473px; margin:0 0 10px 0; padding:6px 0 6px 0;}
		.banner_center img {border:none; float:left; width:468px;}
		.banner_center fieldset {border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-left:none; border-right:none; margin:0; padding:5px 0 10px 0 ; width:473px;}
		.banner_center legend {font-size:0.5em; color:#CCCCCC; margin:0 auto; padding:0 3px 0 3px;} 
	

		
	
		/* Nota principal */
		 #central {width:480px;margin:0 auto; clear:both; padding:0 10px 0 10px;}
		 	#central .entry {width:470px; float:left;}
			#central .fecha_nota {font-size:0.7em; border-bottom:1px solid #E2E2E2; padding:4px; margin:0 0 10px 0; background-color:#F7F7F7; } 
			#central h2 {font-family: "Times New Roman", Times, serif; font-size:2.1em; letter-spacing:-0.05em; padding:0 0 4px 0; line-height:105%; }
			#central h2 a {color:#009900;} #central h2 a:hover {color:#006600;}
			#central h3 {font-size:0.7em; padding:0 0 2px 0; color:#999999; margin-left:12px; padding-left:12px; background:url(img/autor.gif) center left no-repeat;}
			#central .tiempo_de_lectura {font-size:0.6em;}
			#central .seccion {padding:0 0 5px 24px; font-size:70%; background:url(img/carpetita.gif) left center no-repeat;} #central .seccion a {color:#CC0000;}
			#central .postmetadata { font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:0.7em; letter-spacing:normal; border-top:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-bottom:1px solid #999999 ; border-left:1px solid #999999; padding:4px; margin:15px 10px 0 0; float:right; background:url(img/grad_comments.jpg) repeat-x bottom left;} #central .postmetadata a {color:#006600;} #central .postmetadata a:hover {text-decoration:none; color:#000;}
			#central p { font-family: Georgia, "Times New Roman", Times, serif;font-size:1em; font-size:130%;  line-height:120%; margin:0 0 3px 15px; text-align:left; color:#333333; padding:0 15px 0 0;} #central p a {color:#009900;} #central p a:hover {color:#000000; text-decoration:none;}
				
				.imagen-grande {float:left; border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; float:left; margin:8px 9px 8px  0; clear:both;}			
				.epigrafe-foto-grande {float:left; width:452px; background:#000; clear:both; padding:5px 10px 5px 10px ; color:#FFFFFF; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}

		/* Otras notas */
		#columna {width:490px; float:left;}
			.otras_notas {width:215px; float:left; padding:0 9px 0 9px; }
			.nota_completa {font-weight:bold; background:url(img/ico_nota.gif) no-repeat center left; padding:0 0 0 18px; border-left:1px solid #666666; float:left; margin:5px 0 0 0; clear:both; cursor:pointer;} .nota_completa:hover { background:url(img/ico_nota_h.gif) no-repeat center left;}
				.otras_notas .fotogrande {display:none; float:left;}
		#nota_dos, #nota_cuatro {border-left:1px solid #F1F1F1; float:right; }
		#nota_uno, #nota_tres {border-right:1px solid #F1F1F1; float:left;}
			.otras_notas .fecha_nota {font-size:0.7em; border-bottom:1px solid #E2E2E2; padding:4px; margin:0 0 10px 0; background-color:#F7F7F7;}
			.otras_notas .seccion {padding:0 0 5px 24px; font-size:70%; background:url(img/carpetita.gif) left center no-repeat;} .otras_notas .seccion a {color:#CC0000;}
			.otras_notas h2 {font-family: "Times New Roman", Times, serif; font-size:1.5em; letter-spacing:-0.05em; padding:0 0 4px 0; line-height:105%; } .otras_notas h2 a {color:#000000;}  .otras_notas h2 a:hover {color:#009900;}
			.otras_notas h3 {font-size:0.7em; color:#999999; margin-left:12px; padding-left:12px; background:url(img/autor.gif) center left no-repeat;}
			.tiempo_de_lectura {font-size:0.6em; background: left center no-repeat;padding:0 0 0 15px; margin:4px 0 12px 0; clear:both;}
			.otras_notas p {font-size:0.80em; line-height:130%; margin:0 0 10px 0; text-align:left; color:#666666;} .otras_notas p a {color:#006600; } .otras_notas p a:hover {color:#000000; text-decoration:none;}
			.otras_notas .postmetadata {text-align:right; font-size:0.7em; letter-spacing:normal; border-top:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-bottom:1px solid #999999 ; background:url(img/grad_comments.jpg) repeat-x bottom left; border-left:1px solid #999999; margin:5px 0 0 0; padding:4px; float:right; } .otras_notas .postmetadata a {text-decoration:none} .otras_notas .postmetadata a:hover {text-decoration:underline;}
			.seccion {font-size:0.9em; text-align:left;} .seccion a {color:#CC0000;}
			.seccion ul { margin:0; padding:0 0 0 1px; display:block; list-style-type:none;}
			.seccion ul li {display:inline;list-style-type:none; margin:0; padding:0;}
			
			.imagen-chica {float:left; border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; margin:0 9px 8px 0;}	
			.otras_notas .epigrafe-foto-chica {width:197px; background:#000; padding:5px 10px 5px 10px; color:#FFFFFF; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; margin:0;}
		
		/* Notas Breves */
		#breves { background-color:#F2F4F2; padding:8px; width:43%; margin:0 0 0 6px; border-top:3px solid #c2d2c2;border-left:1px solid #c2d2c2;border-bottom:2px solid #c2d2c2;border-right:1px solid #c2d2c2; float:left;} 
			#breves h2 {background:url(img/otras-notas.gif) top left no-repeat; width:69px; height:30px; margin:0 0 10px 15px;}
			#breves p  {font-size:0.7em; line-height:130%;}
				#breves p a {color:#003300;}
				#breves p strong {font-size:120%;}
			#breves ol {list-style-position:outside; margin:0 0 0 5px; padding:0 0 0 1px;  list-style-type:none; width:90%;}
				#breves ol li {list-style-image:none; padding:8px 0 10px 35px; border-bottom:1px dashed #c2d2c2; background:url(img/apuntador.gif) no-repeat center left; clear:both; }
					
		/* Top 5 */
		#top_5 {float:left; width:43%; font-size:0.7em; padding:8px; background-color:#f4fff4; margin:0 0 0 5px; border-top:3px solid #c2d2c2;border-left:1px solid #c2d2c2;border-bottom:2px solid #c2d2c2;border-right:1px solid #c2d2c2;}
		#top_5 h2 {background:url(img/top5.gif) top left no-repeat; width:63px; height:36px; margin:0 0 10px 15px;}
		#top_5 li a {color:#000000; text-decoration:none;} #top_5 li a:hover {color:#009900; text-decoration:underline;}
			.PSR_moment_scores {margin:0 0 0 1em; padding:0; display:block; list-style-position:inside;}
			.PSR_moment_scores li {border-bottom:1px solid #c2d2c2; margin:0 0 5px 0; padding:0 0 6px 0;}
			.PSR_container {margin:6px 0 0 0;}
			.top_5_intro {font-size:110%; line-height:120%; margin:0 0 10px 5px;}
			
		/* Notas Completas */
		#nota_completa {width:480px;margin:0 auto; clear:both; padding:0 10px 0 10px;}
			#nota_completa .fecha_nota {font-size:0.7em; border-bottom:1px solid #E2E2E2; padding:4px; margin:0 0 10px 0; background-color:#F7F7F7;} 
			#nota_completa .seccion {padding:0 0 5px 24px; font-size:70%; background:url(img/carpetita.gif) left center no-repeat;} #nota_completa .seccion a {color:#CC0000;}
			#nota_completa h2 {font-family: "Times New Roman", Times, serif; font-size:1.8em; letter-spacing:-0.05em; padding:0 0 10px 0; line-height:90%; margin:10px 0 15px 0; color:#000000; border-bottom:1px solid #E6E6E6; }
			#nota_completa h3 {font-size:1.1em; font-weight:normal; color:#999999; letter-spacing:-0.05em; padding:0 0 5px 10px; margin:15px 0 5px 0}
			#nota_completa p { font-family:Arial, Helvetica, sans-serif; font-size:0.75em;  line-height:135%; padding-right:14px; margin:0 0 10px 0; text-align:left; color:#666666;} #nota_completa p a {color:#009900; text-decoration:underline;} #nota_completa p a:hover {color:#000;} 
			
			#nota_completa blockquote {float:left; margin:0 10px 10px 0; padding:0;}
			#nota_completa blockquote p {float:left; width:200px; left:0; line-height:120%; font-size:1.05em; font-family:"Times New Roman", Times, serif; color:#000000; background:#FFFCDF; border-right:1px dashed #CCCCCC; padding:20px 10px 20px 10px;}
			
			#nota_completa .entrytext  ul, #nota_completa .entrytext ol {list-style-type:none; margin:10px 0 15px 12px; padding:0; width:90%;}
				#nota_completa .entrytext li {background:url(img/bullet-2.jpg) left center no-repeat; padding:0 0 2px 10px; margin:0 0 6px 0; font-size:0.7em;}
				#nota_completa .entrytext a {color:#00CC00; text-decoration:underline;}
				#nota_completa .entrytext a:hover {color:#000000;}
			
			#nota_completa .postmetadata {margin:0; text-align:center; line-height:100%;} #nota_completa .postmetadata a:hover { color:#000000;}
		
		.imagen-nota {float:left; border-top:6px solid #009900;border-left:1px solid #000;border-bottom:2px solid #000;border-right:1px solid #000; float:left; margin:0 9px 0 0;}
		.epigrafe-foto-nota {float:left; width:202px; background:#000; clear:both; padding:5px 10px 10px 10px; color:#FFFFFF; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; margin:0 10px 10px 0;}

		
		/* Navigation */
		.navigation {width:450px; margin:0 auto; font-size:0.7em; }
		.navigation a {color:#009900;}
			.navigation_title { font-size:1.5em; font-weight:normal; font-family:"Times New Roman", Times, serif; letter-spacing:-0.05em; margin:0 0 5px 0; color:#000000;}
			.navigation .alignright {border:1px solid #E8E8E8; float:right; width:45%;padding:7px;background:url(img/grad_comments.jpg) bottom left repeat-x; height:60px;}
			.navigation .alignleft{border:1px solid #E8E8E8; float:left;width:45%;padding:7px; background:url(img/grad_comments.jpg) bottom left repeat-x; height:60px;}
		
		/* Navigation 2 */
		.navigation2 {width:450px; margin:0 auto; font-size:0.7em; }
		.navigation2 a {color:#009900;}
			.navigation2 .alignright {border:1px solid #E8E8E8; float:right; width:45%;padding:8px;background:#fff url(img/grad_comments.jpg) bottom left repeat-x; height:10px; }
			.navigation2 .alignleft{border:1px solid #E8E8E8; float:left;width:45%;padding:8px; background:#fff url(img/grad_comments.jpg) bottom left repeat-x;height:10px;}

		/* Para votar */
		#votacion {width:410px; margin:0 auto; font-size:0.7em; background:url(img/ok_hand.gif) left center no-repeat; padding-left:40px;}
		#votacion h3 {font-family:"Times New Roman", Times, serif; color:#000000; font-size:1.8em; letter-spacing:-0.05em; margin:0 0 6px 0;}
		
		/* Post relacionados */	
		#post_relacionados {width:450px; margin:0 auto; font-size:0.7em;}
		#post_relacionados a {color:#990000;} #post_relacionados a:hover {text-decoration:none; color:#CC0000}
		#post_relacionados h3 {font-family:"Times New Roman", Times, serif; color:#CC0000; font-size:1.8em; letter-spacing:-0.05em; margin:0 0 6px 0;}
			#post_relacionados ul {list-style-type:none; list-style-position:outside; display:block; margin:0; padding:0 0 0 1px;}
				#post_relacionados li {list-style-image:none; background:url(img/mini_doc.gif) left center no-repeat; padding:3px 0 3px 17px; margin:0 0 1px 0; background-color:#F5F5F5;} #post_relacionados li:hover {background-color:#FFF;}
					
		/* Comentarios */
		#comentarios {width:450px; float:left; padding:15px; font-size:1em;}
			#comentarios p {margin:0 0 10px 0;}
			#comentarios h2 {font-family:"Times New Roman", Times, serif; font-size:1.6em; letter-spacing:-0.05em; margin:0 0 5px 0; color:#000000; }
			#comentarios h3#comments {font-size:1.1em; letter-spacing:-0.05em; margin:0 0 15px 0;}
			#comentarios .ident  {margin:0 0 10px 0; font-size:0.8em;}
			.ident {line-height:120%;}
			.ident a {color:#009900;} .ident a:hover {color:#006600;}
			
			.comment_number {color:#CC0000; font-size:130%; font-weight:normal;} 
			.commentlist  {display:block; margin:0 0 0 30px; padding:0 0 0 1px; list-style-position:outside; font-size:0.8em; }
				.commentlist li {border:1px solid #E8E8E8; margin:0 0 10px 0; background-color:#fff;} .commentlist li p {color:#000000; }
			#comentarios .autor_comment {font-size:0.9em; font-weight:bold; background:#b2e0b2 url(img/grad_name_comments.jpg) repeat-x top left; padding:3px 3px 3px 6px; color:#006600;} #comentarios .autor_comment a {color:#003300; text-decoration:none;} #comentarios .autor_comment a:hover {text-decoration:underline;} 
			#comentarios .fecha_comment {font-size:0.8em; margin:0 0 5px 0;background:#F4F4F4 url(img/grad_fecha_comment.jpg) repeat-x top left;padding:3px 3px 3px 15px ;} #comentarios .fecha_comment a {color:#006600; text-decoration:none;} #comentarios .fecha_comment a:hover {text-decoration:underline;}
			#comentarios .texto_comment { margin:0 0 0 15px; }
				#comentarios .texto_comment p {color:#333333; line-height:130%; font-size:0.85em;}
		
		/* Notas de archivos */
		.nota_achivo {width:95%; margin:0 auto; clear:both; font-size:1em;}
			.nota_achivo .fecha_nota {font-size:0.7em; border-bottom:none; padding:0; margin:0 0 2px 0; background:none;}
			.nota_achivo h3 {font-family: "Times New Roman", Times, serif; font-size:1.3em; letter-spacing:-0.03em; padding:0 0 4px 0; line-height:105%; } .nota_achivo h3 a {color:#333333;}  .nota_achivo h3 a:hover {color:#009900;}
			.nota_achivo h4 {font-size:0.7em; color:#999999; margin-bottom:5px;}
			.tiempo_de_lectura {font-size:0.6em; background:url(img/relojito.gif) left center no-repeat;padding:0 0 0 15px; margin:4px 0 12px 0;}
			.nota_achivo p {font-size:0.70em; line-height:120%; margin:0 0 5px 0; text-align:left;} .nota_achivo p a {color:#006600;}
			.nota_achivo .postmetadata {text-align:right; font-size:0.7em; letter-spacing:normal; border-top:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-bottom:1px solid #999999 ; background:url(img/grad_comments.jpg) repeat-x bottom left; border-left:1px solid #999999; margin:0 10px 0 0; padding:4px; float:right; } .nota_achivo .postmetadata a {text-decoration:none} .nota_achivo .postmetadata a:hover {text-decoration:underline;}
				

	
		
	
	/* Pie de pagina */
	#pie {width:780px; background: #FFFFFF url(img/pie.gif) no-repeat top left; margin:0 auto 0 auto; padding:90px 0 20px 0; clear:both; font-size:0.7em; text-align:center; height:20px; position:relative; }
		#pie a {text-decoration:none; color:#009900;} #pie a:hover {color:#000000; text-decoration:underline;} 

/* Ayudas visuales */
.ocultar {display:none;}