@charset "utf-8";



/*--- peroxido ----*/


.cajas-acordeon{
	-ms-border-bottom-width: 2px;
	-moz-border-bottom-width: 2px;
	-webkit-border-bottom-width: 2px;
	-o-border-bottom-width: 2px;
	-ms-border-bottom-style: solid;
	-moz-border-bottom-style: solid;
	-webkit-border-bottom-style: solid;
	-o-border-bottom-style: solid;
	-ms-border-bottom-color: #006699;
	-moz-border-bottom-color: #006699;
	-webkit-border-bottom-color: #006699;
	-o-border-bottom-color: #006699;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.cajas-acordeon-gotas{
	-ms-border-bottom-width: 2px;
	-moz-border-bottom-width: 2px;
	-webkit-border-bottom-width: 2px;
	-o-border-bottom-width: 2px;
	-ms-border-bottom-style: solid;
	-moz-border-bottom-style: solid;
	-webkit-border-bottom-style: solid;
	-o-border-bottom-style: solid;
	-ms-border-bottom-color: #006699;
	-moz-border-bottom-color: #006699;
	-webkit-border-bottom-color: #006699;
	-o-border-bottom-color: #006699;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}



/*--- Presentación----*/


#cajapresentacion-acordeon{
	width: 480px;
	float: left;
	margin:10px;
	padding: 10px;
	text-align: justify;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0px;
}
#cajapresentacion-acordeon-ambas{
	width: 920px;
	float: left;
	text-align: justify;
}



	#banner-acordeon{
		
	margin: 10px;
	padding: 10px;
	width: 400px;
	float: right;
	}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media (min-width: 768px) and (max-width: 979px) {
	
	
	/*--- cuerpo ---*/
	
	
	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
	
	}
		
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;
}
	
	
	#banner-acordeon{
		
		width:auto;
		float:none;
		margin:0 auto;
	}
	



}

@media (max-width: 979px) {
	/*--- cuerpo ---*/
	
	
	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
	
	}
		
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;
}
	
	
	#banner-acordeon{
		
		width:auto;
		float:none;
	}
	



}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	
	
	
	/*--- cuerpo ---*/
	
	
	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
	
	}
		
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;
}
	
	
	#banner-acordeon{
		
		width:auto;
		float:none;
		margin:0 auto;
	}
	
	
	
	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	
	
	
	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
	
	}
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;
}
	
	
	/*--- Cuerpo ----*/
	
	#banner-acordeon img{
		
		width:auto;
		height:auto;
		margin:0 auto;
	}
		
	
	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){

	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
	
	}
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;
}
	#banner-acordeon img{
		
		width:100%;
		height:auto;
	}
		
	
	
	#banner img{
		width: auto;
		height:auto;
	}
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	
	#cajapresentacion-acordeon{
	width: 95%;
	float: none;
}	
#cajapresentacion-acordeon-ambas{
	width: 100%;
	float: none;

	}
	#banner-acordeon img{
		
		width:auto;
		height:auto;
	}
	
	
}