@charset "utf-8";

/* CSS Document */
/* Container styling*/
#container {
	width:700px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-350px;
}

#hContainerInstalaciones {
	margin: 0px 0px 12px 0px;
	width: 576px;
	height: 325px;
}

#vMainContainer {
	margin: 0px;
	width: 700px;
}

#vContainerNoticias,
#vContainerFAQ,
#vContainerActividades,
#vContainerUbicacion,
#vContainerNosotros,
#vContainerContacto {
	margin: 10px;
	width: 600px;
}

/*	Vertical Accordions */

.accordion_toggle {
	display: block;
	height: 50px;
	width: 620px;
	padding: 0px;
	color: #ffffff;
	border: 0;
	cursor: pointer;
	margin: 0 auto;
	background-repeat: no-repeat;
	position:relative;
}

.accordion_toggle .aspa {
	background:url(img/aspa.gif) no-repeat right top;
	width:15px;
	height:50px;
	position:absolute;
	right:10px;
	top:0;
	visibility:hidden;
}

.accordion_toggle_active {
	color: #ffffff;
	border: 0;
}

.accordion_toggle:hover .aspa { visibility:visible; }

.accordion_toggle_active:hover .aspa { visibility:hidden; }

.accordion_content {
	color: #444444;
	background:url(img/bg85.png);
	overflow: hidden;
	width: 620px;
	margin: 0 auto;
	*display:none; /* IE HACK */
}

.aspa {
	color: #FFFFFF;
	visibility:hidden;
}

.vToggle {
	font-weight:normal;
	display: block;
	height: 17px;
	width: 588px;
	padding: 6px;
	color: #000000;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	cursor: pointer;
}
.ultimo {
	border-bottom:0;
	}

.vToggle_active {
	color: #ffffff;
	border:0;
}


.vToggle:hover .aspa { visibility:visible; }

.vToggle_active .aspa {
	visibility:hidden;
	display:none;
}

.vToggle_active:hover .aspa {
	visibility:hidden;
	display:none;
}

.vContent {
	color: #444444;
	overflow: hidden;
	position: relative;
	padding: 12px 12px 0px 12px;
}

/* colores subsecciones */
#seccNoticias .vToggle { background-color: #C67164; }
#seccNoticias .vToggle:hover { background-color: #DEA8A0; }
#seccNoticias .vToggle_active { background-color: #853328; }
#seccNoticias .vToggle_active:hover { background-color: #853328; }

#seccNosotros .vToggle { background-color: #ECCB71; }
#seccNosotros .vToggle:hover { background-color: #F3DEA0; }
#seccNosotros .vToggle_active { background-color: #EEB111; }
#seccNosotros .vToggle_active:hover { background-color: #EEB111; }

#seccFAQ .vToggle { background-color: rgb(196,196,102); }
#seccFAQ .vToggle:hover { background-color: rgb(216,216,153); }
#seccFAQ .vToggle_active { background-color: #9C9C00; }
#seccFAQ .vToggle_active:hover { background-color: #9C9C00; }

#seccActividades .vToggle { background-color: #E2A266; }
#seccActividades .vToggle:hover { background-color: #ECC199; }
#seccActividades .vToggle_active { background-color: #F06000; }
#seccActividades .vToggle_active:hover { background-color: #F06000; }

#seccUbicacion .vToggle { background-color: #A2A283; }
#seccUbicacion .vToggle:hover { background-color: #C1C1AD; }
#seccUbicacion .vToggle_active { background-color: #74743A; }
#seccUbicacion .vToggle_active:hover { background-color: #74743A; }

#seccContacto .vToggle { background-color: #877F66; }
#seccContacto .vToggle:hover { background-color: #AFAA99; }
#seccContacto .vToggle_active { background-color: #483A0B; }
#seccContacto .vToggle_active:hover { background-color: #483A0B; }

/*	Horizontal Accordion	*/
		
.hToggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	position:relative;
	display: block;
	cursor: pointer;
	height: 325px;
	width: 41px;
	color: #ffffff;
	border-right: 1px solid #FFF;
	margin: 0;
}

.hToggle_active {
	width: 42px;
	border: 0;
	z-index: 200;
}

.hContent {
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
	border: 0;
	/* REQUIRED */
	height: 325px;	/* We need to define a height for the accordion */
	width: 366px;
	float: left;	 /* This make sure it stays horizontal *//* REQUIRED */
}