@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos para secciones de noticias (home y home categorias)
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Area de la noticia destacada de la home
	----------------------------------------------------------------------------*/
	#notDestacada
	{
		margin:0 0 10px 0;
		padding:9px;
		
		width:620px;
		
		background-color:#000;
	}
		#notDestacada #destImg
		{
			float:left;
			padding:1px;
			
			width:343px;
			
			border:1px solid #ffffff;
			/*overflow:auto;*/
			
			background-repeat:no-repeat;
			background-position:0 0;
		}
			#notDestacada #destImg img
			{
				width:343px;
			}
		#notDestacada #destTexto
		{
			display:inline;
			float:right;
			margin:0 5px 0 0;
			
			width:245px;
		}
			#notDestacada #destTexto h2
			{
				margin:8px 0 8px 0;
				padding:0;
				
				color:#ffffff;
			}
			#destTexto h2 a
			{
				margin: 0;
				padding:0;
				
				color:#ffffff;
				text-decoration:none;
			}
			#notDestacada #destTexto h2 a:hover
			{
				text-decoration:underline;
			}
			#destTexto h3
			{
				margin:0 0 0 0;
				padding:0;
				
				color:#666666;
			}
			#destTexto p
			{
				margin:0 0 0 0;
				padding:0 0 8px 0;
				
				color:#cccccc;
			}
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estilos comunes para noticias unicas, principales y segundas
	----------------------------------------------------------------------------*/
	.noticias div h3
	{
		margin:0;
		padding:0 10px 0 0;
		
		font-size:small;
		font-weight:bold;
		color:#990000;
		text-align:left;
	}
	.noticias div p
	{		
		margin:0;
		padding:0 10px 0 0;
		
		font-size:14px;
		line-height:18px;
		color:#666666;
		text-align:left;
		
	}
	.noticias div ul
	{
		list-style:none;
	}
	.noticias div ul li
	{
		font-size:small;
		color:#666666;
	}
	.noticias div a
	{
		font-size:small;
		color:#003366;
		text-decoration:none;
	}
	.noticias div a:hover
	{
		text-decoration:underline;
	}
	
	#noticias_unicas .numComentarios,#noticias_principales .numComentarios,#noticias_segundas .numComentarios
	{
		display:inline-block;
		margin:0 0 10px 0;
		padding:1px 0 1px 24px;
		
		width:98px;
		min-height:22px;
		
		background-image:url(../img/numComentarios_fondo.jpg);
		background-repeat:no-repeat;
		border:none;
	}
		.noticias .numComentarios a
		{
			padding:0;
			font-size:xx-small;
			text-decoration:none;
			color:#666666;
		}
		.noticias .numComentarios a:hover
		{
			color:#CC0000;
		}
		
	.vertical
	{
		margin:0; 
		padding:0;
	}	
		.vertical img
		{
			float:left;
			
			margin:0 15px 0 0;
		}
	.horizontal
	{
		margin:0; 
		padding:0;
	}	
		.horizontal img
		{
			margin:0 0 15px 0;
		}
		
	#noticias_unicas .ultimoDiv,#noticias_principales .ultimoDiv,#noticias_segundas .ultimoDiv
	{		
		border:0;
	}
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estilos comunes para noticias unicas
	----------------------------------------------------------------------------*/
	#noticias_unicas
	{
		display:inline;
		float:left;
		margin:0 20px 0 0;
		width:620px;
	}
		#noticias_unicas img
		{
			float:left;
			margin:0 15px 0 0;
		}
		#noticias_unicas div
		{
			/*overflow:auto;*/
			padding:5px 0 15px 0;
			border-bottom:1px solid #cccccc;
		}	
		#noticias_unicas h2 
		{
			margin:5px 0 10px 0;
			padding:0 10px 0 0;
			
			font-size:x-large;
			font-weight:bold;
			color:#333333;
			text-align:left;
			line-height:25px;
		}
		#noticias_unicas h2 a
		{
			font-size:x-large;
			font-weight:bold;
			text-decoration:none;
		}
		#noticias_unicas h2 a:link, #noticias_unicas h2 a:active, #noticias_unicas h2 a:hover
		{
			color:#333333;
		}
		#noticias_unicas h2 a:visited
		{
			color:#666;
		}
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estilos comunes para noticias principales
	----------------------------------------------------------------------------*/
	#noticias_principales
	{
		float:left;
		margin:0 20px 0 0;
		width:390px;		
	}
		#noticias_principales div
		{
			/*overflow:auto;*/
			padding:5px 0 15px 0;
			border-bottom:1px solid #cccccc;
		}	
		#noticias_principales h2 
		{
			margin:5px 0 10px 0;
			padding:0 10px 0 0;
			
			font-size:x-large;
			font-weight:bold;
			color:#333333;
			text-align:left;
			line-height:25px;
		}
		#noticias_principales h2 a
		{
			font-size:x-large;
			font-weight:bold;
			text-decoration:none;
		}
		#noticias_principales h2 a:link, #noticias_principales h2 a:active, #noticias_principales h2 a:hover
		{
			color:#333333;
		}
		#noticias_principales h2 a:visited
		{
			color:#666;
		}
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estilos comunes para noticias segundas
	----------------------------------------------------------------------------*/
	#noticias_segundas
	{
		float:left;
		margin:0;
		width:230px;
	}
		#noticias_segundas div
		{
			overflow:auto;
			padding:5px 0 10px 0;
			border-bottom:1px dashed #cccccc;
		}
		#noticias_segundas div h2 /*titular de la noticia secundaria */
		{
			margin:5px 0 10px 0;
			padding:0 10px 0 0;
			
			font-size:large;
			font-weight:bold;
			color:#333333;
			text-align:left;
			line-height:19px;
		}
		#noticias_segundas h2 a
		{
			font-size:large;
			font-weight:bold;
			text-decoration:none;
		}
		#noticias_segundas h2 a:link, #noticias_segundas h2 a:active, #noticias_segundas h2 a:hover
		{
			color:#333333;
		}
		#noticias_segundas h2 a:visited
		{
			color:#666;
		}		
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estilos para el enlace a mostrar todas las noticias (aparece en la home de categorias no en la home del periodico)
	----------------------------------------------------------------------------*/
	#pTodasNoticias
	{
		margin:10px 0 10px 0;
		padding:2px 0 5px 35px;
		width:300px;
		
		background:url(../img/masnoticias_fondo.jpg) 0 0 no-repeat;;		
	}
	#pTodasNoticias a
	{
		color:#CC0000;
		font-size:11px;
		text-decoration:none;
	}
	#pTodasNoticias a:hover
	{
		text-decoration:underline;
	}
/*	----------------------------------------------------------------------------*/