@charset "utf-8";

footer { width:91%; max-width: 99.5%;  padding-left:5%; padding-right:5%; padding-top:2%; padding-bottom:1%; background-image: url("../imagenes/bg.png"); background-color: #3059ac; color:#FFF; font-size:0.9em; float:left; border-top:#999 2px solid;}

.titulosfooter{ width: 100%; font-size: 1.2em; font-weight: bold; text-decoration: underline;}
.textfooter{ padding: 5%; text-align:center; }

@media screen and (max-width: 3500px) {
.conteinfo{ width:100%; float:left; margin:3% 0%;}

.columnasfooter{ width:24%; float:left; margin-left:0.5%; margin-right:0.5%;}

.conbot{opacity:; float:left; margin-left:3%; border-radius:5%; }
.conbot:hover{opacity:0.5; text-decoration:underline; border-radius:5%;}

/*clases de los iconos de las redes en css general  ====== REDES SOCIALES =====*/

.footerlegal{width:98%; max-width: 99.5%; padding:1%; color:#CCCCCC; font-size:0.9em; float:left; border-top:#CCC 1px solid; }
.copyright{width:28%; max-width: 99.5%; padding:1%; color:#FFFFFF; font-size:0.9em; font-style:oblique; float:left;}
.linkcopyright{width:66%; max-width: 99.5%; padding:1%; color:#CCCCCC; font-weight:bold; float:right; text-align:center; font-size:1.1em;}
.textolinkbot{ color:#e4e4e4; padding: 0% 2%;}
.textolinkbot:hover{ color:#FFF; text-decoration:underline;}
.derechos{border-top:#FFF 1px solid; float:left; padding-top:1%; width:100%;}
	}

@media screen and (max-width: 850px) {
	.columnasfooter{ width:100%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom: 4%; padding:0% 0% 4% 0%; border-bottom:#666666 1px solid;}
	.titulosfooter{ width: 100%; font-size: 1.2em; font-weight: bold; text-decoration: underline; margin-bottom: 3%;}
	.textfooter{ padding-top: 1%; padding-bottom:2%; text-align:center; }
	
	.footerlegal{ border-top:#CCC 0px solid; }
	.copyright{width:98%; max-width: 99.5%; padding:1%; color:#FFFFFF; font-size:0.9em; font-style:oblique; float:left;}
	.linkcopyright{width:98%; max-width: 99.5%; padding:1%; color:#CCCCCC; font-weight:bold; float:left; text-align:center; font-size:1.1em;}
	.textolinkbot{ color:#FFF; padding: 0% 0.5%;}
	
	.derechos{float:left; width:100%;}
	}
	

@media screen and (max-width: 480px) {
	.columnasfooter{ width:100%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom: 4%; padding:0% 0% 4% 0%; border-bottom:#666666 1px solid;}
	.titulosfooter{ width: 100%; font-size: 1.2em; font-weight: bold; text-decoration: underline; margin-bottom: 3%;}
	.textfooter{ padding-top: 1%; padding-bottom:2%; text-align:center; }
	
	.footerlegal{ border-top:#CCC 0px solid; }
	.copyright{width:98%; max-width: 99.5%; padding:1%; color:#FFFFFF; font-size:0.9em; font-style:oblique; float:left;}
	.linkcopyright{width:98%; max-width: 99.5%; padding:1%; color:#CCCCCC; font-weight:bold; float:left; text-align:center; font-size:1.1em;}
	.textolinkbot{ color:#FFF; padding: 0% 0.5%;}
	
	.derechos{float:left; width:100%;}
	}