@charset "utf-8";
/* CSS Document */

.botonera {
	width:989px;
	height:181px;
	background:url(../imagenes/botonera-logo.png);
	float:left;
	position:relative;
}

/*SECCIONES REDES SOCIALES */
.redes_sociales{
	width:47px;
	height:48px;
	float:right;
	margin:55px 60px 0 0;
}
.boton_redes_sociales{
	width:47px;
	height:48px;
	float:left;
	display:block;
}

#boton_facebook         {background:url(../imagenes/facebook-icon.png) no-repeat;}
#boton_facebook:hover 	{background:url(../imagenes/facebook-iconSOB.png) no-repeat;}

.secciones_de_imagen{
	width:90px;
	height:22px;
	float:right;
	margin:16px 55px 0 0;
}
.secciones_de_imagen a{
	margin:0 8px 0 0;
	float:left;
}


.secciones {
	width:635px;
	height:30px;
	margin:0 0 0 10px;
	z-index:100;
	position:absolute;
	top:110px;
	left:85px;
}

.secciones ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	
}

.secciones ul li{
	height:36px;
	background: url(../imagenes/botonera/boton-reposo.jpg) no-repeat;
	position:relative;
	float:left;
	margin:0 0 0 20px;
	text-align:center;
		/* CSS3 spicing */
	text-shadow:1px 1px 1px #999;

}

.secciones ul li:hover {
	background: url(../imagenes/botonera/boton-sobre.jpg) no-repeat;
}

.secciones ul li a{
	height:36px;
	display:block;
	color:#76A441;
	font-size:14px;
	line-height:30px;
	font-weight:800;
	text-shadow:1px 1px 1px #FFF;
	font-family:Tahoma, Geneva, sans-serif, "Century Gothic" !important;
	word-spacing:1px;
	

	
}
.secciones ul li:hover a{
	color:#152854;
}

.secciones ul li ul{
	position:absolute;
	
}


/********************* botonera subsecciones **************************/
.secciones ul li ul {
	width:152px;
	position:absolute;
	top:29px;
	left:-48px;
	visibility:hidden;
}

.secciones ul li ul li {
	width:152px;
	height:22px;
	background:url(../imagenes/botonera/desplegablerepeat.png) repeat-y;
}

.secciones ul li ul li:hover {
	background:url(../imagenes/botonera/desplegable-repeat-SOB.png) repeat-y;
}

.secciones ul li ul li a{
	font-size:12px;
	line-height:22px;
	margin-left:0px;

		/* CSS3 spicing */
	text-shadow:1px 1px 1px #CCF;
}

.secciones #imagen_superior{
	width:152px;
	height:11px;
	background:url(../imagenes/botonera/desplegablesuperior.png);
}

.secciones #imagen_inferior{
	width:152px;
	height:11px;
	background:url(../imagenes/botonera/desplegableinferior.png);
}



/********************* botonera selected **************************/
.secciones #selected a{
	color:#7C7C7D;
}

/********************* botonera hover **************************/
.secciones ul li:hover ul{
	visibility:visible;
}

.secciones ul li:hover ul li a{
	color:#152854;
}
.secciones ul li ul li:hover a{
	color:#152854;
}