/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
}
.Enclosure #hc1 {
	border: thin solid #333;
}

.Enclosure #cabelleros {
	width: 306px;
	border: thin solid black;
	clear: left;
	float: left;
	height: 280px;
	background-color: #ADD8E6;
}


.haccordion ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /*leave as is*/
}
.Enclosure {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ADD8E6;
	border: thin solid #FFF;
	height: 1000px;
}
.Enclosure #footer {
	clear: both;
	float: left;
	background-color: #39F;
	width: 100%;
}




.haccordion li{
	margin: 0;
	padding: 0;
	display: block; /*leave as is*/
	width: 100%; /*For users with JS disabled: Height of each content*/
	overflow: visible; /*leave as is*/
	float: left; /*leave as is*/
}

.haccordion li .hpanel{
	width: 100%; /*For users with JS disabled: Width of each content*/
	height: 250px;  /*For users with JS disabled: Height of each content*/
	background-color: #39F;
}
.Enclosure #projects {
	border: thin ridge #333;
	float: left;
	width: 280px;
	height: 280px;
	padding: 3px;
	background-color: #ADD8E6;
}