/* ELEMENTOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* COMPAŅEROS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-companeros { float:left; width:100%; margin-left:0%; margin-right:0%;  height:auto; margin-bottom:10px; padding-bottom:10px; background-color:#ffffff;}
	.el-companeros-a { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0px; }
	.el-companeros-b { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:8px; margin-bottom:3px; }
	.el-companeros-b-izq { float:left;  width:30%; margin-left:0%; height:auto; margin-right:4%;    }
	.el-companeros-b-der { float:right; width:66%; margin-right:0%; height:auto; }
	.el-companeros-mas { float:left; width:100%; margin-left:0%; margin-right:0%; text-align:right;}
}
@media screen and (min-width:330px) and (max-width:1109px) {
.el-companeros { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:20px;}
	.el-companeros-a { float:left; width:320px; margin-top:0px; margin-left:0px; margin-right:0px;}
	.el-companeros-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-companeros-b-izq { float:left; width:60px; margin-right:10px;}
	.el-companeros-b-der { float:right; width:248px; }
	.el-companeros-mas { float:left; width:320px; text-align:right;}
}
@media screen and (min-width:1110px) {
.el-companeros { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:10px;}
	.el-companeros-a { float:left; width:320x; margin-top:10px; margin-left:0px; margin-right:0px;}
	.el-companeros-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-companeros-b-izq { float:left; width:60px; margin-right:10px;}
	.el-companeros-b-der { float:right; width:248px; }
	.el-companeros-mas { float:left; width:320px; text-align:right;}
}

/* COMPAŅEROS INICIO////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-companeros-inicio { float:left; width:100%; margin-left:0%; margin-right:0%;  height:auto; margin-bottom:10px; padding-bottom:10px; background-color:#ffffff;}
	.el-companeros-inicio-a { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0px; }
	.el-companeros-inicio-b { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:8px; margin-bottom:3px; }
	.el-companeros-inicio-b-izq { float:left;  width:30%; margin-left:0%; height:auto; margin-right:4%;    }
	.el-companeros-inicio-b-der { float:right; width:66%; margin-right:0%; height:auto; }
	.el-companeros-inicio-mas { float:left; width:100%; margin-left:0%; margin-right:0%; text-align:right;}
}	
@media screen and (min-width:330px) and (max-width:1109px) {
.el-companeros-inicio { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:0px;}
	.el-companeros-inicio-a { float:left; width:320px; margin-top:0px; margin-left:0px; margin-right:0px;}
	.el-companeros-inicio-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-companeros-inicio-b-izq { float:left; width:60px; margin-right:10px;}
	.el-companeros-inicio-b-der { float:right; width:248px; }
	.el-companeros-inicio-mas { float:left; width:320px; text-align:right;}
}
@media screen and (min-width:1110px) {
.el-companeros-inicio { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:0px;}
	.el-companeros-inicio-a { float:left; width:320x; margin-top:10px; margin-left:0px; margin-right:0px;}
	.el-companeros-inicio-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-companeros-inicio-b-izq { float:left; width:60px; margin-right:10px;}
	.el-companeros-inicio-b-der { float:right; width:248px; }
	.el-companeros-inicio-mas { float:left; width:320px; text-align:right;}
}

/* EVENTOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-eventos { float:left; width:100%; margin-left:0%; margin-right:0%;  height:auto; margin-bottom:10px; padding-bottom:10px;}
	.el-eventos-a { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0px; }
	.el-eventos-b { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:8px; margin-bottom:3px; }
	.el-eventos-b-izq { float:left;  width:30%; margin-left:0%; height:auto; margin-right:4%px;    }
	.el-eventos-b-der { float:right; width:66%; margin-right:0%; height:auto; }
	.el-eventos-mas { float:left; width:96%; margin-left:2%; margin-right:2%; text-align:right;}
}	
@media screen and (min-width:330px) and (max-width:1109px) {
.el-eventos { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:20px;}
	.el-eventos-a { float:left; width:320px; margin-top:0px; margin-left:0px; margin-right:0px;}
	.el-eventos-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-eventos-b-izq { float:left; width:60px; margin-right:10px;}
	.el-eventos-b-der { float:right; width:248px; }
	.el-eventos-mas { float:left; width:320px; text-align:right;}
}
@media screen and (min-width:1110px) {
.el-eventos { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:20px;}
	.el-eventos-a { float:left; width:320x; margin-top:10px; margin-left:0px; margin-right:0px; }
	.el-eventos-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-eventos-b-izq { float:left; width:60px; margin-right:10px;}
	.el-eventos-b-der { float:right; width:248px; }
	.el-eventos-mas { float:left; width:320px; text-align:right;}
}

/* EVENTOS INICIO////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-eventos-inicio { float:left; width:100%; margin-left:0%; margin-right:0%;  height:auto; margin-bottom:0px; padding-bottom:10px;}
	.el-eventos-inicio-a { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0px; }
	.el-eventos-inicio-b { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:8px; margin-bottom:3px; }
	.el-eventos-inicio-b-izq { float:left;  width:30%; margin-left:0%; height:auto; margin-right:4%px;    }
	.el-eventos-inicio-b-der { float:right; width:66%; margin-right:0%; height:auto; }
	.el-eventos-inicio-mas { float:left; width:96%; margin-left:2%; margin-right:2%; text-align:right;}
}	
@media screen and (min-width:330px) and (max-width:1109px) {
.el-eventos-inicio { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:0px;}
	.el-eventos-inicio-a { float:left; width:320px; margin-top:0px; margin-left:0px; margin-right:0px;}
	.el-eventos-inicio-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-eventos-inicio-b-izq { float:left; width:60px; margin-right:10px;}
	.el-eventos-inicio-b-der { float:right; width:248px; }
	.el-eventos-inicio-mas { float:left; width:320px; text-align:right;}
}
@media screen and (min-width:1110px) {
.el-eventos-inicio { float:left; width:320px; height:auto; background-color:#ffffff; margin-bottom:0px;}
	.el-eventos-inicio-a { float:left; width:320x; margin-top:10px; margin-left:0px; margin-right:0px; }
	.el-eventos-inicio-b { float:left; width:320px; margin-top:8px; margin-bottom:3px; }	
	.el-eventos-inicio-b-izq { float:left; width:60px; margin-right:10px;}
	.el-eventos-inicio-b-der { float:right; width:248px; }
	.el-eventos-inicio-mas { float:left; width:320px; text-align:right;}
}

/* USUARIOS COLABORADORES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:559px) {
.el-usuariocolaboradorpre { float:left; width:98%; margin-left:1%; margin-right:1%; height:30px; text-align:left; background-color:#BA007C;}
.el-usuariocolaborador { float:left; width:98%; margin-left:1%; margin-right:1%; height:auto; margin-bottom:10px; }
	.el-usuariocolaborador-a { float:left; width:98%; text-align:left; margin-left:1%; margin-right:1%; margin-top:0px; margin-bottom:10px; }
}
@media screen and (min-width:560px) and (max-width:1109px) {
.el-usuariocolaboradorpre { float:left; width:100%; margin-left:0%; margin-right:0%; height:30px; text-align:left; background-color:#BA007C;}
.el-usuariocolaborador { float:left; width:525px; height:258px; margin-left:5px; margin-right:5px; margin-bottom:20px;}
	.el-usuariocolaborador-a { float:left; width:525px; text-align:left; margin-left:0px; margin-right:20px; margin-top:0px; }
}
@media screen and (min-width:1110px) {
.el-usuariocolaboradorpre { float:left; width:100%; height:30px; text-align:left; background-color:#BA007C;}
.el-usuariocolaborador { float:left; width:525px; height:258px; margin-right:40px; }
	.el-usuariocolaborador-a { float:left; width:525px; text-align:left; margin-right:36px; margin-top:0px; }
}

/* CAMINO SOLIDARIO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:559px) {
.el-caminosolidariopre { float:left; width:98%; margin-left:1%; margin-right:1%; height:30px; text-align:left; background-color:#BA007C;}
.el-caminosolidario { float:left; width:98%; margin-left:1%; margin-right:1%; height:auto; margin-bottom:20px;}
	.el-caminosolidario-a { float:left; width:98%; text-align:left; margin-left:1%; margin-right:1%;  margin-top:0px; margin-bottom:10px; }
}
@media screen and (min-width:560px) and (max-width:1109px) {
.el-caminosolidariopre { float:left; width:100%; margin-left:0%; margin-right:0%; height:30px; text-align:left; background-color:#BA007C;}
.el-caminosolidario { float:left; width:525px; height:258px; margin-left:5px; margin-right:5px; margin-bottom:20px; }
	.el-caminosolidario-a { float:left; width:525px; text-align:left; margin-left:0px; margin-right:20px; margin-top:0px;}
}
@media screen and (min-width:1110px) {
.el-caminosolidariopre { float:left; width:100%; height:30px; text-align:left; background-color:#BA007C;}
.el-caminosolidario { float:left; width:525px; height:258px; }
	.el-caminosolidario-a { float:right; width:525px; text-align:left; margin-top:0px; }
}

/* QUI SOM ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-quisom { float:left; width:98%; margin-left:1%; margin-right:1%; height:auto; }
	.el-quisom-a { float:left; width:100%; margin-left:0%; margin-right:0%; margin-top:0px; margin-bottom:10px;}
}
@media screen and (min-width:330px) and (max-width:1109px) {
.el-quisom { float:left; width:320px; height:auto; margin-right:200px;}
	.el-quisom-a { float:left; width:320px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:10px;}
}
@media screen and (min-width:1110px) {
.el-quisom { float:left; width:320px; height:auto;}
	.el-quisom-a { float:left; width:320px; margin-bottom:10px;}
}

/* LOMAS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:329px) {
.el-lomas { float:left;  width:98%; margin-left:1%; margin-right:1%; height:auto; margin-top:26px; margin-bottom:15px;}
.el-lomas-0 { float:left; width:100%;  height:auto;  margin-left:0px; margin-right:0px; margin-bottom:8px;}
.el-lomas-a { float:left; width:100%;  height:auto; padding-left:0%; padding-right:0%; padding-top:7px; padding-bottom:7px; background-color:#ffffff;}
}
@media screen and (min-width:330px) and (max-width:1109px) {
.el-lomas { float:left; width:320px; height:auto; margin-top:26px; background-color:#ffffff; margin-bottom:15px;}
.el-lomas-0 { float:left; width:320px;  height:auto;  margin-left:0px; margin-right:0px; margin-bottom:8px;}
.el-lomas-a { float:left; width:320px;  height:auto; padding-left:0px; padding-right:0px; padding-top:7px; padding-bottom:7px; margin-left:0px; margin-right:0px; background-color:#ffffff;}
}
@media screen and (min-width:1110px) {
.el-lomas { float:left; width:320px; height:auto; margin-top:15px; background-color:#ffffff; margin-bottom:15px;}
.el-lomas-0 { float:left; width:320px;  height:auto;  margin-left:0px; margin-right:0px; margin-bottom:8px;}
.el-lomas-a { float:left; width:320px;  height:auto; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px; margin-left:0px; margin-right:0px; background-color:#ffffff;}
}

/* PAISES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:100px) and (max-width:379px) {
.el-paisespre { float:left; width:98%; margin-left:1%; margin-right:1%; height:30px; text-align:left; background-color:#4897D2;}
.el-paises { float:left; width:98%; margin-left:1%;; margin-right:1%; height:auto; margin-top:0px;}
.el-paises-a { float:left; 96%; margin-top:15px; margin-left:2%;; margin-right:2%; text-align:left; margin-bottom:15px;}
		.el-paises-menu {margin:0px; padding:0px;}
		.el-paises ul{ list-style:none; margin:0px; padding:0px;}
      	.el-paises ul li{ margin-top:20px; float:left; width:62px; margin-right:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#7F7F7F; text-align:center;}
}
@media screen and (min-width:380px) and (max-width:1109px) {
.el-paisespre { float:left; width:100%; margin-left:0%; margin-right:0%; height:30px; text-align:left; background-color:#4897D2;}
.el-paises { float:left; width:98%; margin-left:1%;; margin-right:1%; height:auto;  }
.el-paises-a { float:left; 100%; margin-top:15px; margin-left:0%;; margin-right:0%; text-align:left; margin-bottom:15px;}
		.el-paises-menu {margin:0px; padding:0px;}
		.el-paises ul{ list-style:none; margin:0px; padding:0px;}
      	.el-paises ul li{ margin-top:20px; float:left; width:62px; margin-right:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#7F7F7F; text-align:center;}
}
@media screen and (min-width:1110px) {
.el-paisespre { float:left; width:100%; height:30px; text-align:left; background-color:#4897D2;}
.el-paises { float:left; width:1090px; height:auto; margin-right:50px; margin-top:0px; margin-bottom:10px;}
.el-paises-a { float:left; width:1090px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:20px; text-align:left; border: }
		.el-paises-menu {margin:0px; padding:0px;}
		.el-paises ul{ list-style:none; margin:0px; padding:0px;}
      	.el-paises ul li{ margin-top:20px; float:left; width:60px; margin-right:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#7F7F7F; text-align:center;}
}

/* CREDITOS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media screen and (min-width:100px) and (max-width:379px) {
	.el-creditos { float:left; width:100%; margin-bottom:5px; margin-top:15px; }
	.el-creditos-a { float:left; width:96%; margin-top:0px; margin-left:2%; margin-right:2%; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7F7F7F;  text-align:left;}
}
	@media screen and (min-width:380px) and (max-width:1109px) {
	.el-creditos { float:left; width:100%; margin-bottom:5px; margin-top:15px; }
	.el-creditos-a { float:left; width:96%; margin-top:0px; margin-left:2%; margin-right:2%; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7F7F7F; text-align:left;}
}
	@media screen and (min-width:1110px) {
	.el-creditos { float:left; width:1090px; margin-bottom:5px; margin-top:0px; }
	.el-creditos-a { float:left; width:1090px; margin-top:0px; margin-left:0px; margin-right:50px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7F7F7F; text-align:left; }
}