.haccordion
{
    height:220px;
    width:360px;
    overflow:hidden;
}

.haccordion .header, .haccordion .content{
	float: left;
	height: 220px;
}
		
.haccordion .header{
	width: 20px;
	background: #ccc;
	color: #fff;
	cursor: pointer;
}
		
.haccordion .content{
	display: none;
	width: 0px;
	overflow:hidden;
}
		
.haccordion .content p{
	margin: 5px;
}

.haccordion .texto{
	width:257px;
	height:220px;
	margin:0px;
}

#sabiasQue{
	width:278px;
	height:220px;
	overflow:auto;
}

#sabiasQue .encabezado{
	text-align:center;
	font:14px bold "Trebuchet MS", Arial;			
}

#sabiasQue .contenido{
	font:11px 'Trebuchet MS', Arial; 
	text-align:justify;
	padding:10px;
}

h4{
	font:16px "Myriad Pro", "Trebuchet MS", Arial;
	text-align:center;
}


.contenidoAV{
	font:11px 'Trebuchet MS', Arial; 
	text-align:justify;
	padding:10px;
}

.encabezadosAV{
	font:13px bold 'Trebuchet MS', Arial; 
	text-align:center;
}