/* -------------- Estilos Generales ----------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-size: 62.5%;
		font-family: Verdana;
		font-weight: normal;
		background: #ffffff;
	}

	html {
		margin: 0px;
		padding: 0px;
	}

	h1 {
		position: absolute;
		left: -5000px;
	}
	

	h2 {
		margin: 0px;
		padding: 0px 0px 5px 0px;
		font:  22px Verdana;
		color: #1591ea;
		border-bottom: 1px dotted #666;
		width: 690px;
		float: left;
	}
	
	h3, h3.galeria {
		margin: 20px 0px 5px 0px;
		padding: 2px 2px 2px 5px;
		font:  bold 14px Verdana;
		color: #fff;
		background: #1591ea;
	}
	
	h3.galeria {margin: 0px 0px 5px 0px;}

div.hr {
	margin: 0px;
	padding: 0px;
	background: url(../images/hr.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	float: left;
}
div.hr hr{
	display: none;
}


	img {border: none;}
		
	a {
		text-decoration: none;
		color: #000;
	}
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	a:active {outline: none;}
	a:focus {-moz-outline-style: none;}
	.clear {clear: both;}
	
	.resalte {color: red;}
	.resalte2 {color: #666; font-size: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}



/* -------------- Contenedor ----------------- */

	#contenedor {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -500px;
		width: 980px;
		height: 50px;
	}
	html>body #contenedor {
		min-height: 50px;
		height: auto;
	}
	.index {
		margin: 0px;
		padding: 0px;
		width: 120px;
		height: 130px;
		background: url(../images/null.gif) repeat;
		float: left;
	}



/* -------------- Cabecera ----------------- */

	#cabecera {
		margin: 0px;
		padding: 0px;
		width: 980px;
		height: 135px;
		/*background: #1591ea url(../images/bg_cabecera.gif) no-repeat top left;*/
		background: #1591ea url(../images/bg_cabecera2.gif) no-repeat top left;
		float: left;
	}
	html>body #cabecera {margin: 0px;}
	#cabecera ul {float: left;}
	#cabecera ul li {display: inline;}
	#derecha {
		margin: 0px;
		padding: 0px;
		width: 445px;
		float: right;
	}
	#menu1 {
		padding: 0px;
		margin: 18px 15px 0px 0px;
		color: #fff;
		font-size: 11px;
		text-align: left;
		float: left;
	}
	#menu1 a{color:#fff;}
	#cabecera a.acceso {
		margin: 0px;
		padding: 0px;
		width: 138px;
		height: 39px;
		background: url(../images/bot_acceso01.gif) no-repeat top right;
		text-indent: -5000px;
		float: left;
	}
	#cabecera a.acceso:hover { background: url(../images/bot_acceso02.gif) no-repeat top right;}
	#cabecera p.telefono {
		margin: 0px 5px 0px 5px;
		padding: 0px;
		width: 126px;
		height: 38px;
		text-indent: -5000px;
		background: url(../images/telefono.gif) no-repeat top right;
		float: left;
	}
	
	/*------ Menu desplegable ------ */
	
	#menu2 {  
		font-size: 11px;
		width: 858px;
		margin: 100px 0px 0px 122px;
		height: 30px;
	}
	#menu2 ul { list-style-type: none; padding: 0px; margin: 0px;}
	#menu2 ul li.nivel1 { 
		float: left;
		width: 142px;
		height: 30px;
		border-right: 1px solid #1591ea;
	}
	#menu2 ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		background-color: #000;
		width: 135px;
		height: 22px;
		padding: 8px 0px 0px 7px;
		position: relative;
	}
	#menu2 ul li:hover {position: relative;}
	#menu2 ul li a:hover, #menu2 ul li:hover a.nivel1 {
		background: #0e4b6d url(../images/icon_desplegable.gif) no-repeat top right;
		color: #fff;
		position: relative;
	}
	#menu2 ul li:hover a.nivel2 {
		background: #0e4b6d;
		color: #fff;
		position: relative;
	}
	#menu2 ul li a.nivel1 {
		background: #000 url(../images/icon_desplegable.gif) no-repeat top right;
		display: block!important;
		display: none;
		position: relative;
	}
	#menu2 ul li a.nivel2 {text-align: center;}
	#menu2 ul li ul {display: none;}
	#menu2 ul li a:hover ul, #menu2 ul li:hover ul {
		display: block;
		position: absolute;
		left: 0px;
	}
	#menu2 ul li ul li a {
		width: 135px;
		padding: 8px 0px 0px 7px;
		border-top: 1px solid #ccc;
	}
	#menu2 ul li ul li a:hover {
		background: #3d8fbd;
		position: relative;
	}
	
	

/* -------------- Contenido home y columnas ------------------ */

#contenido {
	font-size: 11px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 960px; 
	height: 200px;
	min-height: 200px;
	height: auto!important;
	background: #fff; 
	clear: both;
}

#columna1 {margin: 0px; width: 245px; float: left;}
#columna2 {margin: 0px; width: 235px; float: right;}
#centro {margin: 0px; padding:0px; width: 470px; float:left;}

#columna2 a.socio {
	margin: 0px;
	padding: 0px;
	width: 235px;
	height: 81px;
	background: url(../images/bg_socio1.gif) no-repeat top left;
	text-indent: -5000px;
	float: left;
}
#columna2 a.socio:hover{
	background: url(../images/bg_socio2.gif) no-repeat top left; 
	cursor: pointer;
}


p.caja, p.asistencia, p.juridica, p.programas, p.banner {
	margin:0px 0px 10px 0px;
	text-align: justify;
	float: left;
}
p.banner {padding:0px;}
p.caja {
	padding: 10px;
	width:215px;
	border: 1px solid #d1d1d1;
}
p.caja:hover{border:1px solid #bcd7ea; background:#dae3ea;}
p.caja a{color:#000; text-decoration: none;}
p.programas {
	padding: 5px;
	font-size: 16px;
	color: #fff;
	background: #0a4671;
	width:225px;
}
.tit_caja{
	margin: -10px 0px 0px -10px;
	padding: 0px;
	width: 232px;
	float: left;
	cursor: pointer;
}
p.asistencia {
	padding: 0px 10px 0px 50px;
	width: 175px;
	background: #1591ea url(../images/asistencia.gif) no-repeat top left;
	height: 58px;
}
p.asistencia a {text-decoration:none; color:#fff;}
p.asistencia a:hover {text-decoration:underline;}
p.juridica {padding: 10px; background: #000; width: 215px;}
p.juridica a{color:#fff;}


p.voluntario, p.teleayuda{
	margin:10px 0px 0px 0px; 
	float: left;
}
p.teleayuda {
	padding: 10px 70px 10px 10px;
	background: #000 url(../images/bg_teleayuda.gif) no-repeat top left; 
	width: 155px; 
	height: 95px;
	min-height: 95px;
	height: auto!important;
	text-align: justify;
	color:#fff;
	}
p.teleayuda a{color:#fff;}
p.caja2 {
	padding: 10px;
	width:215px;
	border: 1px solid #d1d1d1;
	margin:10px 0px 0px 0px;
	text-align: justify;
	float: left;
}
p.caja2 a{color:#000; text-decoration: none;}

#columna2 dl{
	margin:0px;
	padding: 10px;
	width: 215px;
	border: 1px solid #d1d1d1;
	border-top: none;
	float: left;
}
#columna2 dl:hover {background: #f2f2f2;}
#columna2 dl a{color: #000;text-decoration: underline;}
#columna2 dl dt {margin:0px; padding: 0px; font-size: 12px;}
#columna2 dl dd.fecha{margin:2px 0px 2px 0px; padding: 0px; background: #000; color: #fff; float: right;}
#columna2 dl dd{margin:0px; padding: 0px;}
#columna2 dl dd a{text-decoration: none;}

p.caja3{
	margin:0px 0px 10px 0px; 
	padding:5px 10px 5px 10px; 
	width: 215px; 
	text-align: right;
	border: 1px solid #d1d1d1;
	border-top: none;
	background: #e6e6e6;
	float: left;
	}
p.caja3 a{color: #000; text-decoration: underline;}
p.caja3 a:hover{text-decoration: none;}

#columna2 ul{
	margin: 0px;
	padding: 0px;
	border: 1px solid #d1d1d1;
	border-top: none;
	border-bottom: none;
	float: left;	
}
#columna2 ul li {
	margin: 3px 0px 10px 0px;
	padding: 4px 5px 0px 30px; 
	list-style-type: none;
	width: 200px;
	background: url(../images/icon_hoja.gif) no-repeat top left;
}
#columna2 ul li a{color:#000; text-decoration:underline; font-size: 12px; line-height: 18px;}
#columna2 ul li a:hover {text-decoration: none;}

p.flash, p.noticias { float: left;}
p.flash {
	padding:0px;
	width: 470px;
	margin: 0px 0px 15px 0px;
	height: 200px;
}
p.noticias {
	margin: 0px;
	padding: 0px 15px 3px 0px;
	width: 455px;
	background: #000;
	border: 1px solid #000;
	text-align: right;
	}
p.noticias a{text-decoration:underline;}
p.noticias a:hover{text-decoration:none;}

#centro dl{
	margin:0px;
	padding: 14px 15px 14px 10px;
	width: 445px;
	border: 1px solid #d1d1d1;
	border-top: none;
	float: left;
}
#centro dl:hover {background: #eff5f9;}
#centro dl a{color: #000;text-decoration: underline;}
#centro dl dt {margin:0px; padding: 0px 0px 0px 95px;}
#centro dl dt a{font-weight: bold;}
#centro dl dd.fecha{margin:0px; padding: 0px; color: #1591ea; float: left; font-weight: bold;}
#centro dl dd{margin:0px; padding: 0px 0px 0px 95px; text-align: justify;}
#centro dl dd a{text-decoration: none;}


#centro p.banner {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 470px;
	float: left;
}

/*---------------- Páginas interiores ----------------- */
#int{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
	width: 680px;
	text-align: justify;
	line-height: 14px;
	float: left;
}

#int a {color: #1591ea; text-decoration: underline;}
#int a:hover {color: #000; text-decoration: none;}

#int .migas {
	margin: 10px 0px 10px 0px;
	padding: 5px;
	width: 680px;
	background: #f5f5f5;
	color: #666;
	float: left;
}

#int ul{margin: 0px;}
#int ul li{
	font: normal 11px Verdana;
	padding: 0px 0px 5px 20px;
	list-style-type: none;
	background: url(../images/ico_li.gif) no-repeat top left;
	line-height:16px!important;
}
#int ul li a{font: normal 11px Verdana;}

#int ul ul {margin: 10px 0px 10px 10px; padding: 0px;}
#int ul ul li{
	font: italic 11px Verdana;
	padding: 0px 0px 0px 20px;
	background: url(../images/icon_cruz.gif) no-repeat top left;
	color: #444;
	width: 500px;
	line-height: 14px!important;
}

#galeria_izquierda {
	padding: 5px;
	width: 190px;
	background: #f9f9f9;
	height: 300px;
	min-height: 300px;
	height: auto!important;
	float: left;
	border-right: 1px dotted #d2d2d2;
}
#galeria_izquierda ul{ 
	margin:0px; 
	padding: 0px; 
	width: 190px;
}
#galeria_izquierda ul li{
	margin:0px; 
	border-bottom: 1px dotted #d2d2d2; 
	padding: 0px 0px 5px 2px;
}
#galeria_izquierda ul li a{
	margin:0px; 
	padding: 0px 0px 3px 15px; 
	width: 175px;
	}


#galeria_derecha {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 10px;
	width: 463px;
	float: left;
}

#galeria_derecha ul {
	margin:0px;
	padding: 0px;
	width: 460px;
	height: 80px;
	min-height: 80px;
	height: auto!important;
	float: left;
}
#galeria_derecha ul li{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	list-style-type: none;
	background:#fff;
	float: left;
}
#galeria_derecha ul li a {
	margin: 0px 4px 0px 4px; 
	border: 1px dotted #cacaca; 
	padding: 2px; 
	float: left;
}
#galeria_derecha ul li a:hover {border: 1px solid #1591ea;}
/**para las descargas, he duplicao el galeria*/
#contenido_descargas {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 10px;
	width: 463px;
	float: left;
}

/* ------------------- Formularios, botones -------------- */
a.boton {
	clear:both;
	padding: 5px;
	color: #fff!important;
	background: #1591ea;
	font-size: 12px;
	text-decoration: none!important;
	float: right;
}
a.boton:visited {color: #fff;background: #1591ea; text-decoration: none;}
a.boton:hover {color: #fff;background: #000; text-decoration: none;}

table.azul {	
	padding: 10px;
	width: 680px;
	background: #f5f7fa;
	border: 1px solid #c0cfe0;
	font-size: 11px;
	color: #000;
}

.boton2 {
	margin: 5px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #587ca4;
	border: none;
}

.campo, .campo2 {
	font-family: Verdana;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #666;
}
.campo {width: 215px; height: 16px;}
.campo2 {width: 460px; height: 100px;}


/* ------------- Pie ----------------- */
#pie {
	margin: 20px 0px 20px 0px;
	padding:5px 0px 0px 80px;
	width: 898px;
	font-size: 11px;
	height: 70px;
	min-height: 70px;
	height: auto!important;
	border: 1px solid #d1d1d1;
	background: #fff url(../images/logo_pie.gif) no-repeat top left;
	float: left;
}
#pie a{color:#000; text-decoration: underline;}
#pie a:hover{text-decoration: none;}
#pie p {margin:0px; padding: 7px 0px 0px 0px;}
#pie p.direccion {width: 500px; float: left;}
#pie p.izanet{width: 150px; float:right;}
#pie p.izanet a{font-weight:bold;}