@charset "utf-8";

/* CSS Document */



body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#606060;

	margin:0px;

	/*background-color:#e86d0a;*/

	background-color:#ededed;

}



#fondoprincipal {

	background-image:url(../imagenes/fondo.png);

	background-repeat:repeat-x;

}

#contenedor {

	width:960px;

	margin:auto;

	background-color:#FFF;

}

#cabecera {

	position:relative;

	height:132px;

	background-image:url(../imagenes/fondo-cabecera.png);

}

#logo {

	position:absolute;

	top:35px;

	left:20px;

	background-image:url(../imagenes/logo.png);

	width:273px;

	height:84px;

}



#asociadoccl {

	width:140px;

	height:63px;

	background-image:url(../imagenes/icono-asociado.jpg);

	position:absolute;

	right:105px;

	top:10px;

}



#loultimo {

	position:absolute;

	top:10px;

	right:20px;

	background-image:url(../imagenes/loultimo.gif);

	width:70px;

	height:55px;

}





#animacion {

	position:relative;

	height:273px;

	padding-top:5px;

	background-color:#777777;

	z-index:1;

}

#cuerpo {

	position:relative;

	min-height:290px;

	background-color:#FFF;

	margin:0px;

}



#cuerpo a{

	color:#333;}

#cuerpo a:hover{

	color:#e86d0a;}





#cuerpointerior1 {

	position:relative;

	left:20px;

	top:20px;

	min-height:250px;

	width:610px;

	background-image:url(../imagenes/linea-naranja.gif);

	background-repeat:repeat-x;

	text-align:justify;

}



#cuerpointerior1 p {

	width:430px;

	margin-bottom:0;

	margin-top:40px;

}



#cuerpointerior1 img {

	position:absolute;

	top:70px;

	left:472px;

}



#cuerpointerior2 {

	position:absolute;

	left:650px;

	top:20px;

	min-height:250px;

	width:290px;

}



#cuerpointerior3 {

	position:relative;

	left:20px;

	top:20px;

	min-height:250px;

	width:610px;

	background-image:url(../imagenes/linea-naranja.gif);

	background-repeat:repeat-x;

	text-align:justify;

}



#cuerpointerior3 p {

	margin-bottom:0;

}



h1 {

	color:#606060;

	margin:0;

	padding:0;

	padding-top:20px;

}



#pie {

	position:relative;

	margin:0;

	background-color:#e86d0a;

	

	height:56px;

}

#contenedor-pie {

	position:relative;

	/*background-color:#707273;*/

	width:960px;

	margin:auto;

	height:56px;

	color:#FFF;	

}

#contenedor-pie p{

	margin:0;

	padding-top:4px;

}



#pie-sede {

	float:left;

	height:56px;

	margin:0;

	padding:0;

	margin-left:20px;

}



#blogger {

	width:31px;

	height:31px;

	background-image:url(../imagenes/icono-blogger.gif);

	position:absolute;

	right:20px;

	top:10px;

}

#youtube {

	width:31px;

	height:31px;

	background-image:url(../imagenes/icono-youtube.gif);

	position:absolute;

	right:60px;

	top:10px;

}



.naranja {

	color:#e86d0a;

	font-size:16px;

}



#nota-eventos {

	position:relative;

	height:160px;

	width:610px;

	text-align:justify;

	margin-bottom:20px;

}

#foto-eventos {

	float:left;

	height:160px;

	width:160px;

}

#text-eventos {

	float:left;

	margin-left:10px;

	height:160px;

	width:430px;

}









/*menu */

.menuContainer{

	position:absolute;

	top:84px;

	left:330px;

	z-index:5000;

	}

ul#menu a:hover, ul#menu ul, ul#menu li:hover{

	background:#e86d0a;

	color:#FFF;

	} 

.menuContainer ul{

	list-style:none;	

	margin:0;

	padding:0;

	}

ul#menu li{

	float:left;

	position:relative;

	margin-right:10px;

	}

ul#menu a{

	color:#6f7173;

	text-decoration:none;

	/*font-weight:bold;*/

	padding:10px;

	display:block;

	}

ul#menu ul{

	position:absolute;

	left:0;

	display:none;

	}

ul#menu li:hover ul{

	display:block;

}

ul#menu li:hover ul li{

	margin:0;

}

ul#menu li:hover ul li a{

	width:150px;

	color:#fff;

	}

ul#menu li:hover ul a:hover{

	background:#6f7173;

}