/* CSS Document */

/* ------ RESET ------- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
margin:0;
padding:0;}

ul, li{list-style-type:none}

img {
border:0;}


/* ------ GENERAL -----*/

body {
background:url(../img/img_fondo_web.jpg) repeat top left;}

.limpia {
float:none;
display:block;
clear:both;}

fieldset {
border:0;}

.ocult{display:none;}

p.floatLeft{
float:left;
padding:20px 20px 20px 0;}

p.floatRight{
float:right;
padding:10px 0 20px 20px;}

hr{
margin:10px 0;
height:1px;
border:0;
border-top: 1px dotted #CC6600;}


/* ---- CONTENEDOR ----- */

#contenedor {
width:1012px;
margin:0 auto;}


/* ---- CONTENIDO ----- */

#contenido_img_arriba {
width:1012px;
margin:60px auto 0 auto;
background:url(../img/img_contenido_arriba.png) no-repeat top left;
_background-image:none;
_margin-left:5px;
_height:30px;
height:16px;}

#contenido_fondo {
width:1012px;
margin:0 auto;
background:url(../img/img_fondo_contenido.png) repeat-y top left;
_background:url(../img/img_fondo_contenido.gif) repeat-y top left;}

#contenido {
width:980px;
overflow:hidden;
margin:0 auto;}


/* ---- CABECERA ----- */

#cabecera {
width:802px;
height:139px;
float:left;
background:url(../img/cabecera.jpg) no-repeat top left;}

#logo {
width:220px;
height:115px;
background:url(../img/logo.png) no-repeat top left;
_background:url(../img/logo.gif) no-repeat top left;
margin-top:2px;
margin-left:2px;}


/* ---- COLUMNA DERECHA SIGUEME ----- */

#col_dcha {
width:178px;
background:#151515;
float:right;}

	#sigueme {
	width:178px;
	height:200px;
	float:left;
	background:url(../img/img_sigueme.jpg) no-repeat top left;}	
		
		#sigueme ul{
		width:178px;
		padding-top:75px;
		*padding-top:40px;
		padding-left:20px;
		_padding-left:0px;
		}
		
		#sigueme ul li{
		float:left;
		font:normal 11px "Trebuchet MS";
		margin-top:10px;
		margin-left:16px;
		width:55px;
		height:70px;
		text-transform:uppercase;}

			
			#sigueme ul li a.blogger {
			background:url(../img/icono_blogger.jpg) no-repeat top left;
			padding-top:40px;
			*position:absolute;
			*height:30px;}
			
			#sigueme ul li a.tuenti {
			background:url(../img/icono_tuenti.jpg) no-repeat center top;
			padding-top:40px;
			*position:absolute;
			*height:30px;}
			
			#sigueme ul li a.facebook {
			background:url(../img/icono_facebook.jpg) no-repeat top left;
			padding-top:40px;
			*position:absolute;
			*height:30px;}
			
			#sigueme ul li a.twitter {
			background:url(../img/icono_twitter.png) no-repeat top left;
			padding-top:40px;
			*position:absolute;
			*height:30px;}
			
			
		#sigueme ul li a {
		color:#000000;
		text-decoration:none;
		}
		
		#sigueme ul li a:hover {
		text-decoration:underline;
		}
	
/* ---- COLUMNA DERECHA MENU ----- */	
			
	#menu {
	width:178px;
	height:auto;
	overflow:hidden;
	font:normal 11px "Trebuchet MS";
	color:#FFFFFF;
	float:left;
	}
	
	#menu ul{
	width:178px;
	height:auto;
	overflow:hidden;
	float:left;
	}
	
		#menu ul li{
		width:178px;
		height:31px;
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		background:url(../img/img_flecha_menu.gif) no-repeat left;
		}
	
		#menu ul li a{ 
		width:178px;
		height:31px;
		_height:23px;
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		padding-left:10px;
		padding-top:6px;
		_padding-top:7px;
		}
		
		#menu ul li a:hover{
		width:178px;
		height:31px;
		_height:23px;
		float:left;
		color:#FFFFFF;
		text-decoration:underline;
		padding-top:6px;
		_padding-top:7px;
		}
		
		#menu ul li a.active{
		width:178px;
		height:31px;
		_height:23px;
		float:left;
		background:url(../img/ahover_menu.jpg) no-repeat top left;
		color:#FFFFFF;
		text-decoration:none;
		}


/* ---- COLUMNA DERECHA NOTICIAS ----- */

#feeds_blog {
width:178px;
float:left;
margin-top:20px;
background:#CCCCCC;}

	#feeds_blog h2 {
	width:178px;
	height:37px;
	background:url(../img/img_li_noticias.gif) #6C9B00 no-repeat 10px 0;}	
			
			#feeds_blog p a{
			background:url(../img/bolo_list_noti.jpg) no-repeat 10px 10px;
			margin-top:8px;
			margin-bottom:10px;
			font:normal 11px/14px "Trebuchet MS";
			padding:5px 5px 0 25px;
			color:#000;
			text-decoration:none;
			float:left;}
			
				#feeds_blog p a:hover{
				color:#000;
				text-decoration:underline;}
					

/* ---- GALERIA ----- */

#interior {
width:801px;
float:left;
border-right:1px solid #CCCCCC;
background:#FFFFFF;}

	#interior h2 {
	font:bold 20px/30px "Trebuchet MS";
	border-bottom:1px dotted #6C9B00;
	color:#6C9B00;
	margin:20px 30px 10px 30px;}
	
	#interior h3 {
	font:bold 15px/30px "Trebuchet MS";
	color:#6C9B00;
	margin:20px 30px 10px 30px;}

		#interior h3 a {
		color:#6C9B00;
		text-decoration:none;}
		
			#interior h3 a:hover {
			color:#666666;
			text-decoration:underline;}
			
	.center {
	text-align:center; }
			
	#interior h4 {
	font:bold 18px/26px "Trebuchet MS"; 
	margin:20px 30px 10px 30px;
	color:#333333;}
	
	#interior h5 {
	font:normal 16px/22px "Trebuchet MS";
	margin:10px 30px 10px 50px;
	color:#999999;
	text-transform:uppercase;}
	
	#interior h6 {
	font:italic 12px/20px "Trebuchet MS";
	margin:10px 30px 10px 50px;
	color:#000000;
	text-transform:uppercase;}

	#interior p {
	font:normal 12px/16px "Trebuchet MS";
	margin:20px 30px 25px 30px;
	text-align:justify;}
	
	#interior img {
	float:right;
	margin:15px 30px 20px 30px;}
	
	#interior ul {
	margin:10px 30px 15px 50px;}
	
		#interior ul li {
		font:normal 12px/16px "Trebuchet MS";}
		
	.listado_noti {
	font:normal 12px/16px "Trebuchet MS";
	text-align:justify;
	background:url(../img/icono_listado_hemeroteca.jpg) no-repeat top left;
	padding:4px 20px 7px 35px;}
	
		.listado_noti a {
		text-decoration:none;
		color:#666666;}
		
			.listado_noti a:hover {
			text-decoration:underline;
			color:#6C9B00;}
			
	.volver_listado {
	width:150px;
	height:20px;
	background:url(../img/flecha_volver.jpg) no-repeat top left;
	padding:3px 20px 7px 38px;
	text-transform:uppercase;}

		.volver_listado a {
		text-decoration:none;
		color:#666666;}
		
			.volver_listado a:hover {
			text-decoration:underline;
			color:#6C9B00;}

/* ---- TABLAS DENTRO DE TEXTO ----- */	

td h5 {
font:bold 14px "Trebuchet MS";
color:#6964AD;
margin:10px;
}

td p {
padding-top:10px;
}

table {
margin:30px 0 20px 30px;
font: normal 11px "Trebuchet MS";
color:#000000;
}


/* ---- LOGOS DE ABAJO ----- */
	
#logos {
width:801px;
float:left;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
background:#FFFFFF;}

	#logos img {
	padding:7px 16px 3px 20px;}	
	
	
/* ---- PIE ----- */

#pie {
width:1012px;
height:40px;
margin:0 auto;
float:left;
background:url(../img/img_pie.png) no-repeat top left;
_background:url(../img/img_pie.gif) no-repeat top left;
_margin-left:8px;
}

	#pie p {
	color:#FFFFFF;
	font:normal 11px "Trebuchet MS";
	margin:0 0 0 50px;
	padding-top:3px;}
	
	#pie p a {
	color:#FFFFFF;
	text-decoration:none;}
	
	#pie p a:hover {
	color:#FFFFFF;
	text-decoration:underline;}
	
	
#pie #pie_aviso {
width:170px;
height:40px;
float:right;
_margin-top:-16px;}

	#pie_aviso ul {
	margin-top:-16px;
	_margin-top:0;}
	
		#pie_aviso ul li {
		font:normal 11px "Trebuchet MS";
		color:#FFFFFF;
		float:left;
		margin-right:5px;}	
		
			#pie_aviso a {
			color:#FFFFFF;
			text-decoration:none;
			}
			
				#pie_aviso a:hover {
				color:#FFFFFF;
				text-decoration:underline;
				}