@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos parte modulos de la parte derecha
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	estilos comunes para todos los bloques
	----------------------------------------------------------------------------*/
	#layer_right .capaSombra
	{
		margin:0 0 15px 0;		
		padding:0 2px 2px 2px;
		width:298px;
		
		background-image:url(../img/capaDerecha_sombra.jpg) repeat-x;
	}
	.capaSombra div
	{
		padding:8px 0 8px 12px;
		/*width:283px;*/
		
		background-color:#ffffff;
		border:1px solid #CD0102;
		border-top:3px solid #CD0102;		
	}
	.capaSombra div div
	{
		margin:0;
		padding:0;
		border:0;
	}
	.capaSombra div div a
	{
		font-size:11px;
		color:#04637F;
		text-decoration:none;
	}
		#layer_right .capaSombra div h2
		{	
			margin:0 0 8px 0;
			padding:2px 0 4px 27px;			
			width:243px;
			
			font-size:small;
			font-weight:bold;
			color:#333333;
						
			background-repeat:no-repeat;
			background-position:0 -2px;
			border-bottom:1px solid #cccccc;
		}
		.capaSombra div p
		{
			margin:0;
			padding:0 0 10px 0;			
			width:270px;
			line-height:15px;
			
			font-size:small;
		}
	/* BOTON (votar, enviar ...) */
	.boton
	{
		margin:0;
		padding:0 0 3px 0;		
		width:52px;
		height:22px;
				
		text-align:center;
		font-size:x-small;
		color:#666666;
		
		background:#E0E0E0 url(../img/boton_fnd.jpg) 0 0 no-repeat;
		border:0;
	}
	.boton:hover
	{
		color:#CD0102;
	}

/*	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	Modulo video de red
	----------------------------------------------------------------------------*/	
	#layer_videored 
	{
		width:283px;
	}
		#layer_videored #layer_titulo_videored
		{
			margin:0 0 8px 0;
			padding:2px 0 4px 27px;				
			width:243px;
			
			background-repeat:no-repeat;
			background-position:0 0;
			border:0;
			border-bottom:1px solid #cccccc;
		}
		#layer_videored #layer_titulo_videored h2
		{
			float:left;			
			margin:0;
			padding:0;			
			width:auto;			
			
			font-size:small;
			font-weight:bold;
			color:#333333;
			
			border:0;
		}		
		.icoYoutube a:link, .icoYoutube a:active, .icoYoutube a:visited
		{
			float:right;
			margin:2px 0 0 0;			
			width:auto;
			
			font-size:xx-small;
			color:#666666;
			text-decoration:none;
		}
		.icoYoutube a:hover
		{
			text-decoration:underline;
		}
		#layer_videored #video
		{
			padding:0;			
			
			border:0;
		}
/*	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	Modulo encuesta
	----------------------------------------------------------------------------*/	
	#layer_encuesta
	{
		background:url(../img/encuesta_fondo.jpg) 0 bottom no-repeat;
	}
	#layer_encuesta #pEncuestaVacia
	{	
		padding:0 10px 0 80px;
		width:auto;
		
		background:url(../img/encuestas_sinencuestas.png) 0 0 no-repeat;
	}
	#layer_encuesta p
	{
		line-height:17px;
	}
	#layer_encuesta form
	{
		margin:5px 0 0 0;
		width:270px;
	}
	#layer_encuesta label
	{
		display:block;
		margin:0 0 10px 0;		
		width:250px;
		
		font-size:small;
		color:#666666;
	}
	#layer_encuesta .radio
	{
		margin:0 8px 0 0;		
		width:13px;
		height:13px;
	}
	#layer_encuesta #ver
	{
		display:block;
		margin:12px 0 0 0;
		padding:4px 8px 4px 0;		
		width:270px;
		
		text-align:right;
		background-color:#666666;
	}
		#ver a:link, #ver a:active, #ver a:visited
		{
			text-decoration:none;
			font-size:x-small;
			color:#CCCCCC;
		}
		#ver a:hover
		{
			text-decoration:underline;
		}
	#layer_encuesta #pErrorEncuesta
	{
		padding:0;
		
		color:#cc0001;
		font-size:x-small;
	}
/*	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	Modulo encuesta
	----------------------------------------------------------------------------*/	
	#layer_newsletter
	{
		min-height:200px;
		
		background:url(../img/newsletter_fondo.jpg) 0 bottom no-repeat;
	}
		#layer_newsletter .pErrorNewsletter
		{
			color:#cc0001;
			font-size:x-small;
		}
		#layer_newsletter form
		{
			margin:5px 0 0 0;
			width:250px;
		}
		#layer_newsletter #correo
		{
			margin:0 0 11px 0;
			padding:6px 0 0 6px;			
			width:236px;
			height:19px;			
			
			font-size:x-small;
			color:#666666;
			
			background:#ffffff url(../img/newsletter_input.jpg) no-repeat;
			border:0;	
		}
		#layer_newsletter label
		{
			width:240px;
			
			font-size:x-small;
			color:#666666;
		}
			#layer_newsletter label a:link, #layer_newsletter label a:active, #layer_newsletter label a:visited
			{
				font-size:x-small;
				color:#CD0102;
				text-decoration:none;
			}
			#layer_newsletter label a:hover
			{
				text-decoration:underline;
			}
			#layer_newsletter #check
			{
				margin:0 6px 0 0;				
				width:13px;
				height:13px;
				
				background:url(../img/newsletter_check.jpg) no-repeat;
			}
			#layer_newsletter #enviar
			{
				margin:11px 0 0 0;
			}
		#layer_newsletter #pResultadoNewsletter
		{
			padding:0;
			
			color:#cc0001;
			font-size:x-small;
			text-align:center;
		}
/*	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	Modulo Suscripcion RSS
	----------------------------------------------------------------------------*/
	#layer_suscripcion_rss
	{
		background:url(../img/sugerencia_fondo.jpg) 0 70% no-repeat;
	}
		#layer_suscripcion_rss p
		{
			display:block;
			width:180px;
		}
		#layer_suscripcion_rss p a:link, #layer_suscripcion_rss p a:active, #layer_suscripcion_rss p a:visited
		{
			text-decoration:none;
			color:#CD0102;
		}
		#layer_suscripcion_rss p a:hover
		{
			text-decoration:underline;
		}
/*	----------------------------------------------------------------------------
	Modulo Suscripcion RSS
	----------------------------------------------------------------------------*/
	#layer_sugerencia_rss
	{
		background:url(../img/sugerencia_fondo.jpg) 0 70% no-repeat;
	}
	  #layer_sugerencia_rss p
	  {
		  display:block;
		  width:180px;
		  line-height:15px;
	  }
	  #layer_sugerencia_rss p a:link, #layer_sugerencia_rss p a:active, #layer_sugerencia_rss p a:visited
	  {
		  text-decoration:none;
		  color:#CD0102;
	  }
	  #layer_sugerencia_rss p a:hover
	  {
		  text-decoration:underline;
	  }
	  
/*	----------------------------------------------------------------------------
	Modulo RSS
	----------------------------------------------------------------------------*/

	#layer_rss
	{
		background-image:url(../img/rss_fondo.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	#layer_rss ul
	{
		display:block;		
		list-style:none;
		margin:0 0 0 10px;
		padding:6px 0 15px 0;		
		width:260px;
	}
		#layer_rss ul li
		{
			float:left;			
			margin:0 0 0 0;
			padding:0 0 6px 0;			
			width:260px;
			
			color:#333333;
			font-size:small;
			
			border-bottom:1px solid #dddddd;
		}
		#layer_rss ul li a
		{
			display:block;
			float:left;			
			margin:6px 0 0 2px;
			padding:0 0 0 0;			
			width:auto;
			
			color:#333333;
			font-size:small;
			text-decoration:none;
		}
		#layer_rss ul li a:hover
		{
			color:#CD0102;
		}
		#layer_rss ul li span
		{
			display:block;
			float:right;			
			margin:10px 4px 0 0;
			padding:0 0 0 0;			
			width:9px;
			height:9px;
			
			background-repeat:no-repeat;
			background-position:0 0;
		}
		#layer_rss ul li #rssG
		{
			margin:10px 0 0 0;			
			width:16px;
			height:15px;			
		}
		
		/* Li con "subcategorias" */
		#layer_rss ul li ul
		{
			margin:5px 0 0 10px;
			padding:0 0 0 0;			
			width:240px;
		}
			#layer_rss ul li ul li
			{
				width:250px;
				
				border:0;
			}
			#layer_rss ul li ul li a
			{
				padding:0 0 0 10px;
				font-size:x-small;
				
				background-repeat:no-repeat;
				background-position:0 6px;
			}
			#layer_rss ul li ul li a:hover
			{
				background-image:url(../img/ico_cuadradoAzul_claro.gif);
			}
/*	----------------------------------------------------------------------------
	Modulo Requisitos mediateca
	----------------------------------------------------------------------------*/

	#layer_requisitos
	{
		background-image:url(../img/sugerencia_fondo.jpg);
		background-repeat:no-repeat;
		background-position:0 70%;
	}
		#layer_requisitos p
		{
			display:block;
			width:180px;
		}
		#layer_requisitos p a:link, #layer_requisitos p a:active, #layer_requisitos p a:visited
		{
			text-decoration:none;
			color:#CD0102;
		}
		#layer_requisitos p a:hover
		{
			text-decoration:underline;
		}