@charset "utf-8";
/* CSS Document */
/*------------   GENERAL  ---------------*/
p, ul, li, a, h1, h2, h2, h3{
margin:0;
padding:0;

}

body{
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:"Trebuchet MS", Arial;

}

#clear{
display:block;
clear:both;

}

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

/*----------   BARRA NAVEGACIÓN SUPERIOR      -----------------*/
#NavSup{
display:block;
clear:both;
background-color:#c9cdd8;
margin:auto;
height:36px;
}

#ContentNav{
display:block;
clear:both;
margin:auto;
width:990px;
height:36px;


}

#ContentNav ul{
	display:block;
	float:right;
	height:14px;
	width:184px;
	border-left: #e9ebef solid 1px;
	border-right:#e9ebef solid 1px;
	margin:5px 0 0 0;
	list-style-type: none;
	padding:5px 0 5px 11px;
	
}
#ContentNav ul li a:hover{
color:#003f73;
text-decoration:underline;

}
#ContentNav ul li , #ContentNav ul li a{
display:inline;
font-size:12px;
color:#4695c4;
text-decoration:none;
}

/*----------------  FIN BARRA NAVEGACIÓN SUPERIOR    -------------------------*/


/*----------   CABECERA  (IMAGEN, LOGO, MENU)   -----------------*/

#Head{
display:block;
clear:both;
margin:auto;
height:324px;

background-image:url(../images/sombra_centro.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#ContentHead{
	position:relative;
	display:block;
	clear:both;
	height:324px;
	width:990px;
	margin:auto;
}
#Logo{
position:absolute;
left:11px;
top:11px;
width:282px;
height:83px;
z-index:100;
}

#Menu{
	position:absolute;
	z-index:200;
	left: 28px;
	top: 124px;
	width: 205px;
	height: 196px;
	padding:0 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #fcdfaf;
	border-right-color: #fcdfaf;
	border-left-color: #fcdfaf;
}


#Menu ul ul{
background-color:#f0f4f7;
width:350px;
padding:10px;
}
#Menu ul ul li{
width:350px;
background-color:#FFFFFF;}

#Menu ul li{
width:205px;
display:block;
clear:both;
	list-style-type: none;
	height:20px;
	border-bottom:#CCCCCC 1px dashed;
	font-size:12px;
	padding:3px 0 0 0;
	
}


#Menu ul li a{
display:block;
clear:both;
width:195px;
height:12px;
text-decoration:none;
color:#000000;
background-image:url(../images/flechamenu1.gif);
background-position:right top;
background-repeat:no-repeat;
padding:3px 0 3px 10px;


}
#Menu ul li a:hover{
background-position:bottom right;
background-color:#f0f4f7;
}

#Menu ul li ul li a{
display:block;
clear:both;
width:340px;
height:12px;
font-size:11px;
text-decoration:none;
color:#000000;
background-image:none;

padding:3px 0 3px 10px;

}
#Menu ul li ul li a:hover{

background-color:#f0f4f7;
}

#TrianguloMenu{
	position:absolute;
	width:56px;
	height:27px;
	z-index:300;
	left: 68px;
	top: 297px;
}


#FotoCabHome{
	position:absolute;
	width:522px;
	height:300px;
	z-index:300;
	left: 451px;
	top: 56px;
	z-index:100;
}


/*----------  FIN   CABECERA  (IMAGEN, LOGO, MENU)   -----------------*/

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


#Center{
background-image:url(../images/bg_stripe.png);
margin:auto;
}




#ContentCenter, #ContentCenter2{
width:962px;
margin:auto;
background-color:#f7f7f6;
/*height:500px;*/
padding:40px 14px 0 14px ;

}

#ContentCenter2{
padding:15px 14px 0 14px ;

}

#MigasPan{
display:block;
clear:both;
margin:0 0 10px 10px;
font-size:12px;
}

#MigasPan a{
color:#666666;
text-decoration:none;}

#MigasPan a:hover{
text-decoration:underline;
color:#2a8ec9;}

.pagActual{
font-weight:bold;
color:#cf2739;}

/*---------- FIN CONTENIDO CENTRAL  -----------------*/


/*---------- CONTENIDO CENTRAL HOME -----------------*/

#DestacadosHome{
display:block;
clear:both;
height:144px;
width:960px;
border-bottom:1px solid #dededd;
border-top:1px solid #dededd;
margin:0 0 48px 0;
}



#DestacadoHome1, #DestacadoHome2, #DestacadoHome3{
display:block;
float:left;
height:134px;
width:315px;
padding:10px 0 0 0;
}

#DestacadoHome1 h1, #DestacadoHome2 h1, #DestacadoHome3 h1{
display:block;
clear:both;
width:251px;
height:24px;
background-image:url(../images/flecha_destacado.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0 0 12px 8px;
padding:0 0 0 32px;}

#DestacadoHome1 p, #DestacadoHome2 p, #DestacadoHome3 p{
display:block;
margin:0 0 5px 18px;
width:272px;
font-size:11px;
line-height:13px;
text-align:justify;}

#DestacadoHome3 p{
width:200px;
float:left;
margin:0 0 3px 10px;
}
#DestacadoHome3 h2{
font-size:11px;
font-weight:bold;
color:#000000;
display:block;
float:left;
width:200px;
margin:0 0 3px 10px;

}
#DestacadoHome3 .ftoNews img{
display:block;
float:left;
width:67px;
height:67px;
padding:3px;
background-color:#d0d0d0;
margin:0 0 0 8px;
}


#DestacadoHome1 a, #DestacadoHome2 a, #DestacadoHome3 a{
display:block;
float:right;

font-size:11px;
text-decoration:none;
font-weight:bold;
margin:0 26px 0 0;}


#DestacadoHome1 a{
color:#c40d1f;}

#DestacadoHome2 a{
color:#297bba;}

#DestacadoHome3 a{
color:#f4a50f;}

#DestacadoHome1 a:hover, #DestacadoHome2 a:hover, #DestacadoHome3 a:hover{
color:#999999;}



#separador{
display:block;
float:left;
border-right:dashed #d5d4d4 1px;
height:130px;
width:1px;
margin:7px 0 0 0;
}


/*----------  FIN CONTENIDO CENTRAL HOME -----------------*/


#Logos{
width:884px;
height:64px;
padding:10px 5px 5px 74px;
margin:0 0 30px 0;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
background-color:#FFFFFF;


}

#Logos img{
margin:0 32px 0 0;}


#Pie{
display:block;
clear:both;
margin:auto;
text-align:center;
font-size:11px;
color:#000000;
padding:0 0 50px 0;

}

#Pie a{
color:#000000;
text-decoration:none;

}

#Pie a:hover{
color:#e53a2a;
text-decoration:underline;

}

/*-------- PIREGRID -------*/
#FotoCabPiregrid{
	position:absolute;
	width:522px;
	height:300px;
	z-index:300;
	left: 326px;
	top: 15px;
	z-index:100;
}

#FondoCajaGeneralTextos{
display:block;
clear:both;
width:959px;
border-bottom:#dededd solid 1px;
border-top:#dededd solid 1px;
padding:10px 0  9px 0;
margin:0 0 60px 0;
}

#ColumnaTituloSeccion{
display:block;
float:left;
width:165px;


}
#ColumnaTextoCentral{
display:block;
float:left;
width:486px;
border-right:#d5d4d4 1px dashed;
border-left:#d5d4d4 1px dashed;
padding:8px 20px 13px 20px;
}

#ColumnaTextoCentral p{
padding:0;
margin:0 0 15px 0;
color:#000000;
font-size:12px;
line-height:20px;
text-align:justify;}

#ColumnaDerch{
display:block;
float:left;

}

.pDestacado{
font-weight:bold;
font-size:14px;
line-height:22px;}

#ColumnaTextoCentral p a{
font-weight:bold;
color:#f19100;
text-decoration:underline;
}

#ColumnaTextoCentral p a:hover{
color:#097dbe;}

#ColumnaTextoCentral img{
display:block;
float:left;
width:328px;
padding:3px;
background-color:#FFFFFF;
border:2px #dededd solid;
margin:10px 7px 10px 0;
_margin:0 7px 0  0;


}

#ColumnaTextoCentral .piefoto{
display:block;
float:right;
width:141px;
color:#000000;
font-size:11px;
line-height:18px;
font-style:italic;
padding:25px 0 0 0;
_padding:15px 0 0 0;
text-align:left;
}

#CuadroDestacados{
display:block;
float:left;
background-color:#f7f2e6;
width:234px;
margin:10px 0 0 8px;
padding:13px 8px 13px 8px;

}

#CuadroDestacados li{
list-style:none;
border-bottom:#b4afa7 dashed 1px;
padding:0 0 18px 0;
margin:0 0 8px 0;}

#CuadroDestacados ul li p{
font-size:12px;
width:234px;

}

#CuadroDestacados ul li p a{
display:block;
clear:both;
margin:5px 0 0  0;
color:#000000;
font-weight:bold;

}

#CuadroDestacados ul li h2{
display:block;

font-size:18px;
margin:0 0 10px 0;
color:#f19100;
}

/*--------------  FIN PIREGRID -----------------*/


/*--------------  SOCIOS  -----------------*/

#FichaSocios{
display:block;
clear:both;
border-bottom:#b4b2b2 dashed 1px;
padding:0 0 26px 0;
margin:0 0 22px 0;

}
#ColumnaSocios{
display:block;
float:left;
width:750px;
border-left:#d5d4d4 1px dashed;
padding:8px 20px 13px 20px;}

#FichaSocios p{
display:block;
clear:both;
width:485px;
padding:0;
margin:0 0 15px 0;
color:#000000;
font-size:12px;
line-height:20px;
text-align:justify;


}
#FichaSocios #IzqFicha li{
color:#000000;
font-size:12px;
line-height:20px;
	width:385px;
	margin:0 0 10px 40px;
	list-style-type: circle;
}

#FichaSocios h1{
display:block;
font-size:18px;
margin:0 0 17px 0;
color:#f19100;
}

#FichaSocios p a{
font-weight:bold;
color:#f19100;
text-decoration:underline;
}

#FichaSocios p a:hover{
color:#097dbe;}

#FichaSocios img{
display:block;
float:left;
padding:3px;
background-color:#FFFFFF;
border:2px #dededd solid;
margin:10px 7px 10px 0;
_margin:0 7px 0  0;


}

#FichaSocios #IzqFicha .piefoto {
display:block;
float:left;
width:131px;
color:#000000;
font-size:11px;
line-height:18px;
font-style:italic;
padding:25px 0 0 0;
_padding:15px 0 0 0;
text-align:left;
}
#FichaSocios #IzqFicha{
display:block;
float:left;
width:485px;}

#FichaMini{
display:block;
float:left;
background-color:#f7f2e6;
width:227px;
margin:10px 0 0 15px;
padding:13px 8px 13px 15px;

}


#FichaMini p{
font-size:11px;
width:234px;
text-align:left;}

#FichaMini h2{
display:block;
float:left;
font-size:18px;
height:90px;
color:#f19100;
}

#FichaMini h2 img{
display:block;
margin:0 0 0 130px;
padding:0;
border:none;


} 

#FotoCabSocios{
	position:absolute;
	width:522px;
	height:300px;
	z-index:300;
	left: 325px;
	top: 2px;
	z-index:100;
}

/*--------------  FIN  SOCIOS  -----------------*/


/*--------------  ACTIVIDADES  -----------------*/

#ColumnaTextoCentral h1{
	display:block;
	font-size:18px;
	margin:0 0 17px 0;
	color:#f00;
}
#ColumnaTextoCentral h2{
	display:block;
	font-size:16px;
	margin:0 0 17px 0;
	color:#333;
}

.tituloGrupo{
	font-size:16px;
	color:#666;
	line-height:150%;
}

#CuadroActividades{
	display:block;
	float:left;
	background-color:#f7f2e6;
	width:234px;
	margin:10px 0 0 8px;
	padding:13px 8px 13px 8px;

}

#CuadroActividades li{
	list-style:none;
	border-bottom:#b4afa7 dashed 1px;
	padding:0 0 18px 0;
	margin:0 0 8px 0;
}

#CuadroActividades ul li p{
	font-size:12px;
	width:234px;
}

#CuadroActividades ul li a{
	display:block;
	clear:both;
	font-size:12px;
	margin:5px 0 0  0;
	color:#f19100;
	font-weight:bold;
	text-decoration:none;
}
#CuadroActividades ul li a:hover{
	color:red;
	text-decoration:underline;
}

/*PARTICIPA EN PIREGRID*/
#FotoCabParticipa{
	position:absolute;
	width:522px;
	height:300px;
	z-index:300;
	left: 326px;
	top: 0;
	z-index:100;
}
#ColumnaTextoCentralParticipa{
display:block;
float:left;
width:600px;
/*border-right:#d5d4d4 1px dashed;*/
border-left:#d5d4d4 1px dashed;
padding:8px 20px 13px 20px;
}

#ColumnaTextoCentralParticipa p{
padding:0;
margin:0 0 15px 0;
color:#000000;
font-size:14px;
line-height:20px;
text-align:justify;}

#ColumnaTextoCentralParticipa ul{
margin:0 0 0 50px;
font-size:14px;
width:500px;

}

#ColumnaTextoCentralParticipa ul li{
margin:0 0 10px 0 ;

}

#ColumnaTextoCentralParticipa form{
display:block;
float:left;
width:450px;
background-color:#ecf2f5;
padding:40px;


}
#ColumnaTextoCentralParticipa form.textoCampo h3{
font-size:14px;
display:block;
float:left;
margin:0 0 10px 0;
padding:4px 0 0 5px;
width:170px;
height:25px;
color:#003f73;
background-color:#c9cdd8;
}
#ColumnaTextoCentralParticipa form.textoCampo input, #ColumnaTextoCentralParticipa form.textoCampo  textarea {
display:block;
float:left;
border:2px solid  #c9cdd8;
background-color:#FFFFFF;
margin:0 10px 0 0;
font-size:14px;
color:#333333;


}
#ColumnaTextoCentralParticipa form.textoCampo input.Boton{
background-color:#c9cdd8;
color:#003f73;
font-size:14px;
font-weight:bold;
padding: 0 0 3px 0;
height:30px;
width:80px;}

#ColumnaTextoCentralParticipa form.textoCampo input{
height:23px;}

.clear{
clear:both;
display:block;}

/*NOTICIAS*/

#ColumnaTextoCentralNoticias{
display:block;
float:left;
width:750px;
/*border-right:#d5d4d4 1px dashed;*/
border-left:#d5d4d4 1px dashed;
padding:8px 20px 13px 20px;
}

#Noticia{
display:block;
clear:both;
width:600px;
background-color:#FFFFFF;
padding:10px;
margin: 0 0 20px 0;
}

#Noticia2{
display:block;
float:left;
width:410px;
background-color:#FFFFFF;
padding:10px;
margin: 0 0 20px 0;
}

#Noticia h1, #Noticia2 h1{
font-size:14px;
color:#1364a6;
margin:0 0 10px 0;
}

#Noticia p, #Noticia2 p{
color:#000;
font-size:12px;
text-align:justify;

}
#Noticia2 p{
margin:0 0 10px 0;}

#Noticia p a, #Noticia2 p a{
color:#c30000;
font-weight:bold;

}

#Noticia p a:hover, #Noticia2 p a:hover{
color:#1364a6;}


#FotoNoticia{
width:300px;
display:block;
float:right;
background-color:#FFFFFF;
padding:4px;
border:solid 1px #CCCCCC;}

#FotoNoticia p{
font-size:11px;
color:#666666;
padding:10px 5px 5px 5px;}