@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos mediateca
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	Importacion de css del paginador
	----------------------------------------------------------------------------*/
	@import url(paginador_mediateca.css);	
/*	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	CSS mediateca
	----------------------------------------------------------------------------*/
	
	#capaSwf
	{
		margin:18px 0 30px 0;
		padding:0;		
		width:638px;
		height:408px;
		
		border:1px solid #CBCBCB;
	}
	#divInfo
	{
		margin:0 15px 0 15px;
		padding:0 0 0 0;		
		width:960px;
	}
	#divpestanias #menuPestanias
	{
		float:left;		
		margin:0;
		padding:0;		
		width:398px;
		
		border-top:1px solid #228D87;
		border-left:1px solid #228D87;
		border-right:1px solid #228D87;
	}
		#menuPestanias ul
		{
			list-style:none;
			float:left;			
			padding:0;
			margin:0;			
			width:398px;			
		}
			#menuPestanias li
			{
				float:left;				
				margin:0;
				padding:0;
				
				border-right:1px solid #228D87;
			}
			#menuPestanias .ultLi
			{
				border:0;
			}
			#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:#FFFFFF;
				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:#228D87;
								
				background-image:none;
				background-color:#F3F3F3;				
				border-top:2px solid #228D87;
			}
			#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);
			}				
			
	#contenido 
	{
		margin:0 0 0 0;
		padding:14px 0 14px 12px;		
		width:946px;
				
		background-color:#D9EEEC;
		border:1px solid #228D87;
	}	
		#categorias
		{
			float:left;			
			margin:0 5px 0 0;
			padding:12px 0 0 0;		
			width:133px;
			
			border-top:3px solid #228D87;
		}
		#categorias h3
		{
			margin:0 0 0 0;
			padding:2px 0 20px 35px;			
			width:98px;
			
			font-size:small;
			color:#333333;
			
			background-repeat:no-repeat;
			background-position:8px 0;			
			border-bottom:1px solid #CCCBD0;
		}
		#categorias ul
		{
			list-style:none;
			margin:0;
			padding:0;			
			width:133px;			
		}
		#categorias ul li
		{
			margin:2px 0 2px 0;
			padding:0 0 2px 0;	
			width:133px;
			
			border-bottom:1px solid #FFFFFF;
		}
		
		#categorias ul li a:link, #categorias ul li a:visited, #categorias ul li a:active
		{
			display:block;
			margin:0 0 0 0;
			padding:4px 0 4px 11px;			
			width:122px;
			
			color:#228D87;
			font-size:small;
			text-decoration:none;
		}
		#categorias ul li a:hover
		{
			background-color:#FFFFFF;
		}
		#categorias ul #liSeleccionado a
		{
			background-color:#228D87;
			color:#FFFFFF;	
		}
		#categorias ul li a .num_noticias
		{
			font-size:xx-small;
		}
		
		/* con subcategorias */
		#categorias ul .aSub
		{
			margin:2px 0 2px 0;
			padding:0 0 2px 0;	
			width:133px;
			
			background-repeat:no-repeat;
			background-position:115px 7px;
		}
		#categorias ul li ul
		{
			list-style:none;
			margin:0;
			padding:0;						
		}
		#categorias ul li ul li
		{
			padding:0 0 8px 20px;			
			width:110px;
			
			border:0;
		}
		#categorias ul li ul li a:link, #categorias ul li ul li a:visited, #categorias ul li ul li a:active
		{
			padding:0 0 0 12px;			
			width:98px;
			
			text-decoration:none;
			font-size:x-small;
			
			background:url(../img/ico_cuadradoGris.gif) 0 4px no-repeat;
		}
		#categorias ul li ul li a:hover
		{
			color:#04637F;
			
			background-color:#F3F3F3;
			background-image:url(../img/ico_cuadradoAzul_claro.gif);			
		}
	#contenido .pSinContenidoMediateca
	{
		padding:10px;
		color:#333333;
		font-size:small;
	}
		/* capa donde se muestran los videos, fotos, documentos y enlaces */
	#contenedoraNoticiasListado p
	{
		padding:10px;
		color:#333333;
		font-size:small;
	}
	#contenido .divDerecha
	{
		float:left;
		margin:0;
		padding:0;
		width:800px;
	}
		#contenido .divDerecha .fila
		{
			margin:0 0 7px 0;
			padding:0;			
			width:800px;
		}
			#contenido .divDerecha .fila .divComun
			{
				display:inline;
				float:left;				
				margin:0 0 10px 10px;
				padding:7px;				
				width:173px;
				min-height:280px;
				_height:280px;
				
				border: 1px solid #228D87;
				border-bottom: 4px solid #228D87;
				background-color:#FFFFFF;
				background-image:url(../img/fondo_mediateca.jpg);
				background-repeat:repeat-x;
				
			}	
			#contenido .divDerecha .fila .divComun h4
			{
				margin:10px 0 0 0;
				padding:0;				
				width:173px;
				
				font-weight:normal;
			}
				#contenido .divDerecha .fila .divComun h4 a
				{
					margin:0 0 0 0;
					padding:0 0 0 0;					
					width:173px;
					
					color:#999999;
					font-size:small;
					text-decoration:none;
				}
				#contenido .divDerecha .fila .divComun h4 a:hover
				{
					text-decoration:underline;
				}
			#contenido .divDerecha .fila .divComun ul
			{
				list-style:none;
				margin:0 0 0 0;
				padding:0 0 10px 0;				
				width:173px;	
								
				background-color:#F3F3F3;
				border-bottom:1px solid #cccccc;
			}			
				#contenido .divDerecha .fila .divComun ul li
				{
					margin:0 0 12px 0;
					padding:0 0 0 0;					
					width:173px;
					
					background-color:#F3F3F3;
				}
				#contenido .divDerecha .fila .divComun ul li a
				{
					margin:0 0 22px 0;
					padding:0 0 0 10px;					
					width:170px;
					
					color:#333333;
					font-size:small;
					text-decoration:none;
					
					background-repeat:no-repeat;
					background-position:0 7px;
					background-color:#F3F3F3;
				}
				#contenido .divDerecha .fila .divComun ul li a:hover
				{
					color:#003366;
					background-image:url(../img/ico_cuadradoAzul_claro.gif);
				}
				
	/******************* CAPA DERECHA ******************/		
	#layer_noticia
	{
		margin:25px 0 0 0;
		padding:20px 0 0 0;		
		width:300px;
		
		border-top:3px solid #FFFFFF;
	}
		#layer_noticia h2
		{
			margin:0 12px 0 12px;
			padding:0 0 0 0;
			
			width:276px;
			
			font-size:small;
			font-weight:bold;
			color:#333333;
		}
		#layer_noticia p
		{
			margin:0 0 0 0;
			padding:12px 12px 0 12px;
			line-height: 1.3em;
			
			width:276px;
			
			font-size:small;
		}
		#layer_noticia #verDetalle
		{
			margin:15px 0 20px 8px;
			padding:4px 14px 4px 0;
			
			width:265px;
			
			background-color:#228D87;
			
			text-align:right;
		}
		#layer_noticia #verDetalle a:link, #layer_noticia #verDetalle a:active, #layer_noticia #verDetalle a:visited
		{
			margin:0 0 0 0;
			padding:0 0 0 18px;			
			width:auto;
			
			text-decoration:none;
			font-size:x-small;
			color:#FFFFFF;
			
			background-repeat:no-repeat;
			background-position:0 4px;
		}
		#layer_noticia #verDetalle a:hover
		{
			text-decoration:underline;
		}
		#layer_noticia h3
		{
			margin:0 0 0 8px;
			padding:0 0 6px 25px;			
			width:255px;
			
			color:#333333;
			font-size:small;
						
			background-repeat:no-repeat;
			background-position:0 0;
			border-bottom:1px solid #cccccc;
		}
		#layer_noticia ul
		{
			list-style:none;
			margin:12px 0 0 12px;
			padding:0 0 0 0;			
			width:280px;
		}
		#layer_noticia ul li
		{
			display:inline;			
			margin:0 14px 0 0;
			padding:0 0 0 0;
		}
		#layer_noticia ul li a:link, #layer_noticia ul li a:active, #layer_noticia ul li a:visited
		{
			font-size:small;
			color:#04637F;
			text-decoration:none;
		}
		#layer_noticia ul li a:hover
		{
			text-decoration:underline;
		}