@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos detalle noticia
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	Importacion de css del paginador de los comentarios
	----------------------------------------------------------------------------*/
	@import url(paginador_comentarios.css);	
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	CSS noticia detalle	
	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	Area para el titulo de la noticia
	----------------------------------------------------------------------------*/
	#titular
	{
		clear:both;
		margin:0 0 15px 15px;
		padding:0 0 1px 0;
		
		width:960px;
		
		border-bottom:1px solid #DBE8E8;
	}
		#titular h2
		{
			margin:0;
			padding:0;
			
			width:960px;
			
			font-weight:bold;
			font-size:x-large;
			color:#2A4A95;
		}
		#titular p
		{
			display:block;
			margin:5px 0 0 0;
			padding:0 0 5px 0;
			
			width:960px;
			
			border-bottom:2px solid #DBE8E8;
			font-size:small;
			color:#666666;
		}

/*	----------------------------------------------------------------------------
	Area para el contenido de la noticia
	----------------------------------------------------------------------------*/
	#noticia 
	{
		margin:0 0 1px 0;
		padding:0;
		
		width:640px;
	}
	.separacionNoticia 
	{
		border-bottom:2px solid #E3E3E3;
	}
	#noticia #texto 
	{
		font-size:small;
	}
		#texto  p
		{
			padding:0 0 12px 0;
			font-size:small;
		}
		#texto h3
		{
			font-weight:bold;
			font-size:smaller;
			color:#333333;
		}
		#texto ul,#texto ol
		{
			list-style:none;
			margin:0;
			padding:0 0 10px 25px;									
		}
		#texto ul li, #texto ol li
		{	
			list-style:inside circle;
			margin:0 0 4px 0;
			padding:0 0 0 10px;
			
			color:#666666;
			font-size:small;
		}	
		#texto a
		{
			color:#003366;
			font-size:small;
			text-decoration:none;
		}
		#texto a:hover
		{
			text-decoration:underline;
		}
	/*	----------------------------------------------------------------------------
		imprimir y enviar a un amigo
	----------------------------------------------------------------------------*/
	#noticia #ulOpciones 
	{
		clear:both;
		float:right;
		list-style:none;
		margin:0 0 8px 0;
		padding:0;		
		width:auto;
	}
		#ulOpciones li
		{
			float:right;			
			padding:3px 0 6px 30px;
			margin:0 15px 0 0;
			
			background-repeat:no-repeat;
			background-position:0 3px;
		}
	
		#ulOpciones li a:link, #ulOpciones a:active, #ulOpciones li a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:xx-small;
			color:#666666;
			text-decoration:none;
		}
		#ulOpciones li a:hover
		{
			text-decoration:underline;
		}
	/*	----------------------------------------------------------------------------
		ARCHIVOS RELACIONADOS (fotos, videos, documentos, enlaces)
	----------------------------------------------------------------------------*/	
	#divRelacionado
	{
		float:left;
		margin:0 10px 0 0;
		padding:0 0 0 0;
		
		width:400px;
		
		background-color:#eeeeee;
	}
		/*	----------------------------------------------------------------------------
			MENU DE PESTAÑAS
		----------------------------------------------------------------------------*/	
		#menuPestanias
		{
			margin:0 0 0 0;			
			width:398px;
			
			border:1px solid #DBE8E8;
		}
			#menuPestanias ul
			{
				/*display:inline;*/
				float:left;	
				list-style:none;
				padding:0;
				margin:0;				
				width:398px;				
			}
				#menuPestanias li
				{
					/*display:inline;*/
					float:left;					
					margin:0;
					padding:0;
					
					border-right:1px solid #DBE8E8;
				}
				#menuPestanias .ultLi
				{
					border:none;
				}
				#menuPestanias li a:link, #menuPestanias li a:active, #menuPestanias li a:visited
				{
					display:block;
					margin:0 0 0 0;
					padding:4px 0 4px 0;
					
					color:#333333;
					font-size:x-small;
					text-align:center;
					text-decoration:none;
					
					background-repeat:no-repeat;
					background-color:#D2D2D2;
				}
				#menuPestanias li a:hover,#menuPestanias #pestActiva a
				{
					padding:1px 0 4px 0;
					
					color:#04637F;
					
					border-top:3px solid #DBE8E8;
					background-image:none;
					background-color:#ffffff;	
				}
				#fotos
				{
					width:72px;					
					background-image:url(../img/notDetalle_pestania_fotos.jpg);
				}
				#videos
				{
					width:71px;
					background-image:url(../img/notDetalle_petania_videos.jpg);
				}
				#doc
				{
					width:117px;
					background-image:url(../img/notDetalle_pestania_doc.jpg);
				}
				#enlaces
				{
					width:135px;
					background-image:url(../img/notDetalle_pestania_enlaces.jpg);
				}			
				
		/*	----------------------------------------------------------------------------
			COMUN PARA DOCUMENTOS Y ENLACES
		----------------------------------------------------------------------------*/	
		#divRelacionado .divComun
		{
			margin:0 2px 2px 3px;
			padding:18px 0 0 0;			
			width:394px;
			height:270px;
			
			border-bottom:3px solid #DBE8E8;
		}
		#divRelacionado .divComun .sinenlaces
		{
			margin:-18px 0 0 -3px;
			
			border-right:1px solid #CBCBCB;
			border-left:1px solid #CBCBCB;
		}
		#noRelacionado
		{
			display:block;			
			margin:0 0 1px 0;
			padding:0 0 0 0;			
			width:394px;			
			min-height:270px;
			height:auto !important;
			height:270px;
			
			text-align:center;
			
			border-bottom:1px solid #DBE8E8;
		}
		
		/*	----------------------------------------------------------------------------
			CAPA PARA FOTOS y VIDEOS
		----------------------------------------------------------------------------*/	
		#divRelacionado .reproductor
		{
			width:398px;
			height:293px;
			
			border-bottom:1px solid #CBCBCB;
			border-right:1px solid #CBCBCB;
			border-left:1px solid #CBCBCB;
			
			font-family:"Trebuchet MS", Arial;
		}
		#divRelacionado .reproductor p
		{
			padding:18px 0 0 2px;
			font-family:"Trebuchet MS", Arial;
		}
		
		/*	----------------------------------------------------------------------------
			CAPA PARA LOS DOCUMENTOS
		----------------------------------------------------------------------------*/		
		#divDoc .capaDescarga
		{
			margin:0 0 20px 0;
			padding:0 0 0 0;			
			width:394px;			
			/*min-height:30px;*/
		}
			#divDoc .capaDescarga .capaInfo
			{
				float:left;
				margin:0;
				padding:0;					
				width:262px;
				
				background-image:url(../img/ico_separador.gif);
				background-repeat:no-repeat;
				background-position:right;
			}
				#divDoc .capaDescarga .capaInfo p
				{
					display:block;					
					margin:0 0 0 15px;
					padding:0 0 0 10px;					
					width:230px;
					
					font-size:small;
					color:#333333;
					
					background-repeat:no-repeat;
					background-position:0 6px;
				}				
			#divDoc .capaDescarga .capaArchivo
			{
				float:left;
				
				width:130px;
			}
			
			#divDoc .capaDescarga .capaArchivo a:link, #divRelacionado #divDoc .capaDescarga .capaArchivo a:active, #divRelacionado #divDoc .capaDescarga .capaArchivo a:visited 
			{
				display:block;
				margin:2px 0 0 14px;
				padding:1px 0 0 10px;				
				width:97px;
				height:21px;
				
				color:#666666;
				font-size:x-small;
				text-decoration:none;

				
				background:url(../img/noticia_detalle_documento.jpg) 0 0 no-repeat;				
			}
			#divDoc .capaDescarga .capaArchivo a:hover
			{
				background-position:bottom;
				color:#418EA6;
			}		
		/*	----------------------------------------------------------------------------
			CAPA PARA LOS ENLACES
		----------------------------------------------------------------------------*/		
			#divEnlaces ul
			{
				/*list-style-type:square;*/
				list-style:none;
				margin:0 0 1px 0;
				/*padding:0 0 25px 0;*/				
				width:394px;
				min-height:270px;
				height:auto !important;
				height:270px;				
				
				color:#CCCBD0;
				
				border-bottom:1px solid #CCCBD0;
			}
				#divEnlaces .pVacio
				{
					font-family:"Trebuchet MS", Arial;
				}
				#divEnlaces ul li
				{
					margin:0 0 15px 15px;					
					width:360px;
				}
				#divEnlaces ul li a:link, #divEnlaces ul li a:active, #divEnlaces ul li a:visited
				{
					display:block;					
					padding:0 0 0 12px;
					
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:small;
					color:#003366;
					text-decoration:none;
					
					background-repeat:no-repeat;
					background-position:0 6px;
				}
				#divEnlaces ul li a:hover
				{
					background-image:url(../img/ico_cuadradoAzul.gif);
					text-decoration:underline;
				}
				
	/*	----------------------------------------------------------------------------
			CAPA PARA LOS COMENTARIOS
		----------------------------------------------------------------------------*/	
	#divComentarios
	{	
		margin:0 0 0 0;
		padding:0 0 0 0;		
		width:640px;
		
		border-top:6px solid #E3E3E3;
	}
		#resultadoExitoComentario
		{	
			margin:10px 0 0 0;
			padding:5px 0 25px 55px;			
			width:585px;
			
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#cc0001;
			font-size:x-small;
			
			background:url(../img/ico_comentario_ok.png) 0 0 no-repeat;		
		}
		#divComentarios h3
		{
			margin:20px 0 15px 14px;
			
			font-size:large;
			color:#333333;
		}
			#divComentarios h3 span, #divComentarios h3 span a
			{
				margin:0 0 0 0;
				
				font-size:xx-small;
				color:#666666;
				text-decoration:none;
			}
		#divComentarios .textoComentario
		{
			margin:0 0 10px 0;
			padding:15px;			
			width:610px;
			
			background-color:#DBE8E8;
			font-family:Georgia, "Times New Roman", Times, serif;
			
			font-size-adjust:inherit;			
			
		}
			#divComentarios .textoComentario .layerDetalleComentario
			{
				display:block;
				float:left;
				margin:0;
				padding:0 0 15px 0;				
				width:570px;
				
				font-size:smaller;
				color:#003366;
				word-wrap: break-word; 
			}
			#divComentarios .textoComentario .layerDetalleComentario *
			{
				margin:0 0 3px 0;
				padding:0;
				width:auto;
				
				font-size:smaller;
				color:#003366;
				word-wrap: break-word; 
			}			
			#divComentarios .textoComentario span
			{
				display:block;
				float:right;
				
				font-size:medium;
				color:#333333;
			}
		#divComentarios #formComentario
		{
			width:640px;
			font-family:Arial, Helvetica, sans-serif;
		}
		#divComentarios #formComentario label
		{
			font-size:x-small;
			color:#344C84;
		}
		#divComentarios #formComentario input
		{
			display:block;		
			margin:8px 0 8px 0;
			padding:6px 0 0 24px;			
			width:176px;
			height:19px;			
						
			font-family:Arial, Helvetica, sans-serif;
			font-size:x-small;
			color:#666666;
			
			background-repeat:no-repeat;
			border:0;
		}
			#nombre
			{
				background-image:url(../img/input_nombre.jpg);
			}
			#email
			{
				background-image:url(../img/input_email.jpg);
			}
			#web
			{
				background-image:url(../img/input_web.jpg);
			}
			#captcha
			{
				background-image:url(../img/input_captcha.jpg);
			}
			#img_captcha
			{
				display:block;
				margin:3px 0 3px 0;
				font-size:9px;
			}
			#divComentarios #formComentario #fielDatos .pError
			{		
				margin:0 0 5px 0;	
				font-size:x-small;
				color:#cc0001;
			}
			#divComentarios #formComentario  .pOculto
			{
				display:none;
			}
		#divComentarios #formComentario #capaTextearea
		{
			margin:8px 0 0 0;
			padding:12px 4px 12px 4px;			
			width:250px;
			height:160px;
			
			background-image:url(../img/textarea_fnd.jpg);
			background-repeat:no-repeat;
		}
			#divComentarios #formComentario #capaTextearea textarea
			{
				margin:0 0 25px 0;
				padding:0;				
				width:242px;
				height:134px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:x-small;
				color:#666666;
				
				border:0;
			}
			#divComentarios #formComentario #capaTextearea .pError
			{			
				font-size:x-small;
				color:#cc0001;
			}
		
		#divComentarios #formComentario #envio
		{
			float:right;			
			margin:0;
			padding:0;			
			width:52px;
			height:22px;
			
			text-align:center;
			
			background-image:url(../img/boton_enviar_form.jpg);
			background-repeat:no-repeat;
			border:0;			
		}
		#divComentarios #formComentario fieldset
		{
			display:inline;
			float:left;
			padding:0;
			
			border:0;
		}
			#divComentarios #formComentario #fielCometario
			{
				margin:0 12px 0 0;
				width:250px;
				
				background-color:#F1FDFC;
			}
			#divComentarios #formComentario #fielDatos
			{
				margin:0 12px 0 0;
				width:200px;
			}
			#divComentarios #formComentario #fileAnot
			{
				width:147px;
			}
				#divComentarios #formComentario #fileAnot ul
				{
					list-style:none;
					margin:21px 0 0 0;
					padding:0;					
					width:130px;					
				}
					#divComentarios #formComentario #fileAnot li
					{
						margin:0 0 15px 0;
						padding:0 0 0 8px;						
						width:120px;
						
						font-size:x-small;
						color:#666666;
						
						background-repeat:no-repeat;
						background-position:0 4px;						
					}