/***************************************************************************************************************************************/
/* Estilos de Etiquetas Generales																									   */
/***************************************************************************************************************************************/

BODY{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color:#000000;
	}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 2.2em;
	margin: 0;
	color: #333;
	}
	H1 A {
		color: #333;
		text-decoration: none;
		}
		H1 A:hover{
			color: #666;
			}
			
H2 {
	margin: 0 0 25px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	color: #ED1B23;
	border-bottom: 2px solid #ED1B23;
	}
	H2 A {
		color: #ED1B23;
		text-decoration: none;
		}
		H2 A:hover {
			color: #7D0D11;
			}
			
H3
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 15px;
	margin: 0 0 10px;
	color: #010101;
}
	H3 A
	{	
		color: #010101;
		text-decoration: none;
	}
		H3 A:hover
		{
			color: #333;
		}
			
H4
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 0.1em;
	color: #333;
}
	H4 A
	{	
		color: #333;
		text-decoration: none;
	}
		H4 A:hover
		{
			color: #666;
		}
			
IMG{
	border: 0;
	}
	IMG.imagen-izquierda,
	IMG.imagen-derecha,
	.imagen-izquierda IMG,
	.imagen-derecha IMG{
		border: 1px solid #000;
		padding: 1px;
		}

a
{
	text-decoration:underline;
	color:red;
	font-weight:bold;	
}

	a:hover
	{
		text-decoration:none;	
	}
	
/***************************************************************************************************************************************/
/* Estilos de Maquetación Común																										   */
/***************************************************************************************************************************************/

#all{
	width:100%;
	}

#general {
	margin:0 0 20px;
	padding:0;
	width:100%;
	min-height: 600px;
	height: auto!important;
	height: 600px;
	background-image:url(../images/css/comunes/Fondo_Web.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.centrar-contenido
{
	width: 1000px;
}

.oculto
{
	display:none;
}

/***************************************************************************************************************************************/
/* Estilos de la Cabecera																											   */
/***************************************************************************************************************************************/

#header
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	min-height: 188px;
	height: auto!important;
	height: 188px;
}
			
	#header #logo{
		margin: 10px 0 0 0;
		padding:0 0 0 10px;
		width:605px;
		float: left;
		}
		#header #logo IMG{
			border: 0;
			}
	
	#header #utilities{
		margin:0;
		padding:0;
		width: auto;
		}

		#header #utilities #fondo_utilities{
			margin:0;
			padding:0;
			width:138px;
			height:23px;
			float:right;
			background-image:url(../images/css/header/Fondo_Utilidades.gif);
			background-position:0 0;
			background-repeat:no-repeat;
		}
	
			#header #utilities #fondo_utilities UL 
			{
				margin:0 0 0 5px;
				padding: 0 0 0 0;
				float: left;
				display: inline;
				list-style-type:none;
			}
		
				#header #utilities #fondo_utilities UL LI
				{
					margin:0 0 0 0;
					padding: 0 0 0 0;
					display: inline;
					background-image:url(../images/css/header/Separador_Utilidades.gif);
					background-position:center right;
					background-repeat:no-repeat;
					float: left;
				}
			
					#header #utilities #fondo_utilities UL LI.sin_fondo
					{
						background-image:none;
					}
				
					#header #utilities #fondo_utilities UL LI A
					{
						margin: 0 0 0 0;
						width: 32px;
						height: 23px;
						float: left;
					}
				
					#header #utilities #fondo_utilities UL LI A SPAN
					{
						display: none;
					}
					
					#header #utilities #fondo_utilities UL LI A.volver
					{
						background: url(../images/base/utilities/volver.gif) center center no-repeat;
					}
					
					#header #utilities #fondo_utilities UL LI A.home
					{
						background: url(../images/base/utilities/home.gif) center center no-repeat;
					}
					
					#header #utilities #fondo_utilities UL LI A.mapa-web
					{
						background: url(../images/base/utilities/mapa-web.gif) center center no-repeat;
					}
					
					#header #utilities #fondo_utilities UL LI A.contacto
					{
						background: url(../images/base/utilities/contacto.gif) center center no-repeat;
					}

/***************************************************************************************************************************************/
/* Estilos para el Contenido																										   */
/***************************************************************************************************************************************/

#content
{
	margin: 18px 0 18px 0;
	padding:0 0 0 0;
	width:1000px;
	float:left;
	background-image:url(../images/css/contenido/Contenido_Top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
	#content #contenido
	{
		margin: 14px 0 0 0;
		padding:6px 10px 10px 8px;
		width:982px;
		float:left;
		background-color:#ffffff;
		background-image:url(../images/css/contenido/Fondo_Contenido.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	#content .content{
		padding: 0 10px;
		}
		
.contenido-izquierda{
	float: left;
	padding: 0 0 0 20px;
	width: 643px;
	}
	
.contenido-derecha{
	float: right;
	padding: 0 20px 0 0;
	width: 266px;
	}
	.contenido-derecha IMG{
		border: 0;
		}
	.contenido-derecha H3{
		font-size: 1.4em;
		}


/***************************************************************************************************************************************/
/* Estilos para el Pie																												   */
/***************************************************************************************************************************************/

#footer
{
	margin:50px 0 0 0;
	padding:22px 0 0 0;
	width:982px;
	float:left;
	background-image:url(../images/css/footer/Fondo_Pie.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
	#footer P
	{
		margin: 0 0 5px 0;
	}
	
	#footer P.creditos
	{
		margin: 20px 0 0 0;
	}
	
	#footer A
	{
		color: #000000;
		text-decoration: underline;
	}
		#footer A:hover
		{
			text-decoration: none;
		}
		
	.footer-izquierda
	{
		margin:0 0 0 0;
		padding: 0 2% 0 2%;
		float: left;
		width: 45%;
	}
	
	.footer-derecha
	{
		float: right;
		padding: 0 2% 0 2%;
		width: 45%;
		text-align: right;
	}
		
#menu-principal{
	float: left;
	margin: 0 0 30px;
	width: 100%;
	background: url(../images/css/comunes/menu-derecha.gif) top right no-repeat;
	height: 45px;
	}
	#menu-principal UL{
		float: left;
		padding: 0 15px 0 0;
		background: url(../images/css/comunes/menu-izquierda.gif) top left no-repeat;
		height: 45px;
		width: 930px;
		}
		#menu-principal UL LI{
			float: left;
			display: inline;
			margin: 8px 5px 0 10px;
			background: none;
			padding: 0 10px 0 20px;
			border-left: 1px solid #FFF;
			position: relative;
			}
			#menu-principal UL LI.primero{
				border: 0;
				margin: 8px 0 0;
				}
			#menu-principal UL LI A{
				color: #FFF;
				font-size: 16px;
				font-weight: 700;
				text-decoration: none;
				}
				
				#menu-principal UL LI A:hover{
					color:#000000;	
				}
				
				#menu-principal UL LI A.sel{
					color:#000000;	
				}
				
				#menu-principal UL LI UL{
					display: none;
					float: left;
					position: absolute;
					top: 15px;
					left: 0;
					padding: 15px 10px 7px;
					height: auto;
					width: 163px;
					background: #ed1b23 url(/images/css/comunes/menu-secundario-bottom.gif) bottom left no-repeat;
					}
					#menu-principal UL LI:hover UL,
					#menu-principal UL LI.over UL{
						display: block;
						position:absolute;
						z-index:5;
						}
					#menu-principal UL LI UL LI{
						border-left:0;
						border-top: 1px dotted #ffffff;
						padding: 8px 0;
						margin: 0;
						width: 100%;
						font-size: 14px;
						}
						#menu-principal UL LI UL LI.primero{
							border: 0;
							}
						#menu-principal UL LI UL LI A{
							font-size: 13px;
							}

/* FORMULARIOS */
.formulario{	
	padding: 0.5em 0 0;
	}
	.formulario DIV{
		margin: 0 0 1.5em;
		}
		.formulario DIV INPUT,
		.formulario DIV SELECT,
		.formulario DIV TEXTAREA{	
			border: 1px solid #D9D9D9;
			background: #FFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			padding: 0.2em;
			color: #000
			}
			/* Por si se necesita maquetar el botón de alguna forma especial con imágenes de fondo */
			.formulario DIV.botones{	
				}
				.formulario DIV.botones DIV{
					}
					.formulario DIV.botones DIV INPUT,{	
						}
						
UL LI{
	padding-left: 1em;
	background: transparent url(../images/css/comunes/lista-principal.gif) 0em 0.4em no-repeat;	
	}
	UL LI UL LI{
		background: transparent url(../images/css/comunes/lista-secundaria.gif) 0em 0.5em no-repeat;	
		}
	
/* LISTADO DE NOTICIAS */
.listado-noticias{
	margin: 10px 0 15px;
	}
	.listado-noticias UL{	
		margin: 10px 0 0;
		padding: 0;
		}
		.listado-noticias UL LI{
			margin:0 0 15px;
			padding: 0;
			float:left;
			width:100%;
			background: none;
			clear:both;
			}
			.listado-noticias UL LI DIV.con-imagen{
				margin-bottom:20px;
				float: left;
				width: 75%;
				}
				
.noticia-ampliada{
	float: left;
	margin: 0 0 20px;
	width: 100%;
	}
			
SPAN.fecha{
	display: block;
	margin: 0 0 4px;
	background: url(../images/css/comunes/fecha.gif) center left no-repeat;
	padding: 0 0 0 20px;
	}
	.noticia-ampliada SPAN.fecha{
		margin: 0 0 15px;
		}
	
/* COMENTARIOS */
#comentarios UL LI{
	margin:0 0 15px;
	}
	#comentarios UL LI SPAN.autor{
		font-weight: 700;
		margin: 0 0 5px;
		}
		
#add_comentarios{
	float: left;
	width: 100%;
	margin: 0 0 15px;
	}
	#add_comentarios FORM{
		border: 1px solid #D9D9D9;
		background: #E9E9E9;
		padding: 1em;
		margin: 1em 0 0;
		}
	
P.ver-mas{
	margin:0;
	float: right;
	clear: both;
	}
	P.ver-mas A{
		color: #010101;
		text-decoration: none;
		}
		P.ver-mas A:hover{
			text-decoration: underline;
			}
			
/* ESTILOS DE 4 ESQUINAS */
.gris{
	float:left;
	margin:0 0 1.5em;
	width:100%;
	}
.gris .esq-top-izq{
	float: left;
	width: 100%;
	background: transparent url(../images/css/contenido/esq-top-izq-gris.gif) top left no-repeat;
	}
.gris .esq-top-der{
	float: left;
	width: 100%;
	padding: 1em 0 0;
	background: transparent url(../images/css/contenido/esq-top-der-gris.gif) top right no-repeat;
	}
.gris .esq-bot-der{
	float: left;
	width: 100%;
	background: transparent url(../images/css/contenido/esq-bot-der-gris.gif) bottom right no-repeat;
	}
.gris .esq-bot-izq{
	float:left;
	padding:0 0 0 1%;
	width:99%;
	background: transparent url(../images/css/contenido/esq-bot-izq-gris.gif) bottom left no-repeat;
	}
.gris .caja{
	background: #F4F4F4;
	margin: 0.2em;
	padding: 0 1em 1em;
	}
	
/* GENERALES */
TABLE TH{
	padding: 3px 5px;
	font-weight: 700;
	text-align: left;
	}
TABLE TD{	
	padding: 3px 5px;
	text-align: left;
	}
	
/* ESTILOS */
.imagen-izquierda{
	float: left;
	margin: 0 0.5em 0 0;
	}
.imagen-derecha{
	float: right;
	margin: 0 0 0 0.5em;
	}
	
A.ver-mas{	
	float: right;
	padding: 0 0 0 1em;
	background: url(../images/comunes/angulo_derecha_azul.gif) center left no-repeat;
	}
	
.rojo{
	color: #FF0000
	}
	
.migas
{
	font-size:10px;
}

.negrita A
{
	font-weight:bold;
}

.cursiva A
{
	font-weight:normal;
	font-style:italic;
}