@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos parte pública de PressKit
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
	
/*	----------------------------------------------------------------------------
	Importacion de css comunes para todas las secciones
	----------------------------------------------------------------------------*/
	@import url(menu_superior.css);
	@import url(header.css);
	@import url(idiomas.css);
	@import url(iconos.css);
	@import url(publicidad.css);
	@import url(menu.css);
	@import url(miga.css);
/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	clases globales, tipografias y reseteo inicial
	----------------------------------------------------------------------------*/
	*
	{
		margin:0;
		padding:0;
		border:0;
	}
	.clear
	{
		clear:both;
	}
	.pOculto
	{
		display:none;
	}
	
	.hidden
	{
		display:none;
	}
	h1,h2,h3,h4,h5,h6
	{
		font-family: Helvetica, Trebuchet, Verdana, Geneva, sans-serif;
	}
	p
	{
		font-family: Helvetica, Trebuchet, Verdana, Geneva, sans-serif;
		color:#666666;
		font-size:small;
	}

/*	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Estructura base de la revista
	----------------------------------------------------------------------------*/
body
{
	background-color:#228D87;
	/*background-image:url(../img/fondo.jpg);*/
	background-image:url(../img/fondo2.jpg);
	background-repeat:repeat-x;
	color:#666666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content
{
	margin:0 auto;
	width:990px;
	
	background-color:#D9EEEC;	
}
	/*	----------------------------------------------------------------------------
	Menu superior (idiomas,fecha,secciones estaticas corporativas,contacto,rss,hemeroteca y mediateca).
				   Estilos de este espacio en menu_superior.css
	----------------------------------------------------------------------------*/
	#menu_superior
	{
		margin:10px 0 0 0;
		padding:5px 0 0 0;
		
		width:990px;
		
		background-color:#D9EEEC;
		color:#ffffff;
	}		
	/*	----------------------------------------------------------------------------
	Cabecera (logotipo y buscador).
				   Estilos de este espacio en header.css
	----------------------------------------------------------------------------*/	
	#header
	{
		margin:-1px 0 0 0;
		padding:0;
		
		width:990px;
		height:94px;
		
		background-image:url(../img/cabecera_fondo.jpg);
		background-repeat:no-repeat;
	}
	/*	----------------------------------------------------------------------------
	Menu principal (menu de secciones y subsecciones).
				   Estilos de este espacio en menu.css
	----------------------------------------------------------------------------*/	
	#layer_menu 
	{
		width:990px;
	
	}
		#content_menu
		{
			margin:0;
			padding:3px 0 8px 0;
						
			width:990px;
			
			background-image:url(../img/menu_fnd.jpg);
			background-repeat:no-repeat;
			background-color:#CECECE;			
			border-bottom:1px solid #b8b8b8;
		}
	/*	----------------------------------------------------------------------------
	Contenido informacion 
		Aqui van los espacios propios de cada seccion. La estructura base son 2 columnas (layer_left y layer_right)
		Layer_left contiene la informacion propia de la seccion
		Layer_right contiene la columna que suele ser común de las secciones
		Cada seccion puede incorporar nuevos css para los estilos propios
	----------------------------------------------------------------------------*/	
	#content_area
	{
		margin:0 0 0 0;
		padding:24px 0 18px 0;
		
		width:988px;		

		border:1px solid #FFFFFF;
		border-top:none;
		
		background-color:#D9EEEC;		
		background-image:url(../img/contenido_degradadoSup.jpg);
		background-repeat:no-repeat;
		background-position:top;		
	}
			#content_area #layer_left
			{
				display:inline;
				float:left;
				
				margin:0 20px 0 15px;
				padding:0;
				
				width:640px;
				
				background-color:#D9EEEC;
				color:#666666;
			}
				
			#content_area #layer_right
			{
				float:left;
				margin:0;
				padding:0;
				
				width:300px;
				
				background-color:#D9EEEC;
				color:#666666;
			}
	/*	----------------------------------------------------------------------------
	Pie de pagina (pie de pagina de la revista).
				   Como puede haber dos tipos de revista (con subsecciones y sin ellas) en función de esto se incorpora uno de los
				   dos css siguientes: foot_categorias o foot_subcategorias
	----------------------------------------------------------------------------*/	
	#content_foot
	{
		margin:1px 0 1px 0;
		padding:10px 0 0px 0;
		
		background-image:url(../img/fondo_logo_foot.jpg);
	    background-repeat: repeat-x;
		background-color:#CECECE;
		
		width:990px;
		
		
		
		text-align:center;
	}
/*	----------------------------------------------------------------------------*/