@media (max-width: 1024px){
	#wrapper{width: 100%}

	.home{width: 100%;}
	.interior-home{width: 100%;}
	.info{width: 820px;}
	.redes{width: 180px;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: top; text-align: right;}
	.logo{width: 255px; height: 146px; display: inline-block; vertical-align: top;}
	.menu{width: 765px; height: 146px; display: inline-block; padding-top:35px; padding-left: 70px; text-align: center;}
	.area-formulario{width: 100%;} .area-formulario-fondo{width: 100%;} .descripcion-area-formulario{width: 100%;}
	.informacion{width: 100%;}
	.content-box{width: 100%;}
	.box{display: inline-block; margin: 9px; text-align: center;}
	.fondo-galeria{width: 100%;}
	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 100px 20px 0px 0px;}
	.titulo-slider{padding: 0px 20px 0px 0px;}

@media (max-width: 800px){
	#wrapper{width: 100%}

	.home{width: 100%; height: 100%;} .interior-home{width: 100%; height: 100%;} .info{width: 100%; text-align: center; line-height: 20px;}
	.principal{width: 100%;} .int-principal{width: 100%;} .menu{width: 100%; height: 20px; padding: 0px;} #menu {width: 100%;}


	.banner{width: 100%; height: 100%;}
	.fondo-gris{width: 100%;} .fondo-gris-int{width: 100%;}
	.informacion{width: 97%; padding: 50px; line-height: 20px; font-size: 14px;}
	.content-box{width: 100%;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 100%;} .descripcion-area-formulario{width: 100%; font-size: 13px;}
	.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-size: 12px;}

	.pie{width: 100%; height: 100%;} .info-pie{width: 100%; font-size: 14px; padding-left: 15px; padding-right: 15px;} .info-pie-int{width: 100%; font-size: 14px; line-height: 19px; padding: 50px 20px 0px 20px;}
	.pie-2{width: 100%; height: 100%; padding-top: 5px;}
	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 65px 270px 0px 0px;}
	.titulo-slider{padding: 0px 270px 0px 0px; font-size: 37px;}
	.mensaje{width: 100%}

@media (max-width: 768px){
	#wrapper{width: 100%}
	.home{width: 100%; height: 100%;} .interior-home{width: 100%; height: 100%;} .info{width: 100%; text-align: center; line-height: 20px;}
	.principal{width: 100%;} .int-principal{width: 100%;} .menu{width: 100%; height: 20px; padding: 0px;} #menu {width: 100%;}

	.banner{width: 100%; height: 450px;}
	.fondo-gris{width: 100%;} .fondo-gris-int{width: 100%;}
	.informacion{width: 100%; padding: 50px; line-height: 20px; font-size: 14px;}
	.titulo{font-size: 20px;}
	.titulo3{font-size: 20px;}
	.info-fono{font-size: 16px;}
	.content-box{width: 100%;}
	.fondo-galeria{width: 100%; height: 100%;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 100%;} .descripcion-area-formulario{width: 100%; font-size: 13px;}
	.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-size: 12px;}

	.pie{width: 100%; height: 100%;} .info-pie{width: 100%; font-size: 14px; padding-left: 15px; padding-right: 15px;} .info-pie-int{width: 100%; font-size: 14px; line-height: 19px; padding: 50px 20px 0px 20px;}
	.pie-2{width: 100%; height: 100%; padding-top: 5px;}
	.line{padding: 50px;}
	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 65px 300px 0px 0px;}
	.titulo-slider{padding: 0px 300px 0px 0px; font-size: 37px;}
	.mensaje{width: 100%}


@media (max-width: 720px){
	#wrapper{width: 100%;}
	.home{width: 100%; height: 100%;} .interior-home{width: 100%; height: 100%;} .info{width: 100%; text-align: center; line-height: 20px;}
	.principal{width: 100%;} .int-principal{width: 100%;} .menu{width: 100%; height: 20px; padding: 0px;} #menu {width: 100%;}
	.redes{width: 100%;}

	.banner{width: 100%; height: 450px;}
	.fondo-gris{width: 100%;} .fondo-gris-int{width: 100%;}
	.informacion{width: 97%; padding: 40px 30px 40px 30px; line-height: 18px; font-size: 14px;}
	.titulo{font-size: 20px;}
	.titulo3{font-size: 20px;}
	.info-fono{font-size: 16px;}
	.content-box{width: 100%;} .box{margin: 10px;}
	.fondo-galeria{width: 100%; height: 100%;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 100%;} .descripcion-area-formulario{width: 100%; font-size: 13px;}
	.parrafo{opacity: 1.0; padding: 4px; line-height: 10px; font-size: 12px;}


	.pie{width: 100%; height: 100%;} .info-pie{width: 100%; font-size: 14px; padding-left: 15px; padding-right: 15px;} .info-pie-int{width: 100%; font-size: 14px; line-height: 19px; padding: 50px 20px 0px 20px;}
	.pie-2{width: 100%; height: 100%; padding-top: 5px;}
	.line{padding: 50px;}
	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 55px 350px 0px 0px;}
	.titulo-slider{padding: 0px 350px 0px 0px; font-size: 37px;}
	.mensaje{width: 100%}
	.creditos{width: 100%;}
	.info-creditos{width: 100%;}


@media (max-width: 480px){
	#wrapper{width: 100%}
	.home{width: 100%; height: 100%;} .interior-home{width: 100%; height: 100%;} .info{width: 100%; text-align: center; line-height: 18px; font-size: 13px;}
	.principal{width: 100%;} .int-principal{width: 100%;} .menu{width: 100%; padding: 0px;} #menu {width: 100%;}
	.redes{width: 100%;}

	.banner{width: 100%; height: 100%;}
	.fondo-gris{width: 100%;} .fondo-gris-int{width: 100%;}
	.informacion{width: 100%; padding: 40px 30px 40px 30px; line-height: 17px; font-size: 13px;}
	.titulo{font-size: 18px;}
	.titulo3{font-size: 18px;}
	.info-fono{font-size: 15px;}
	.content-box{width: 100%;} .box{margin: 15px;}
	.fondo-galeria{width: 100%; height: 100%;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 100%;} .descripcion-area-formulario{width: 100%; font-size: 13px;}
	.parrafo{width: 100%; opacity: 1.0; padding: 4px; line-height: 10px; font-size: 14px;}

	.pie{width: 100%; height: 100%;} .info-pie{width: 100%; font-size: 13px; padding-left: 15px; padding-right: 15px;} .info-pie-int{width: 100%; font-size: 13px; line-height: 19px; padding: 50px 20px 0px 20px;}
	.pie-2{width: 100%; height: 100%; padding-top: 5px;}
	.line{padding: 50px;}
	.iframe{width: 90%; height: 70%;}
	img{width: 100%;}
	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block; margin: 0px;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 25px 580px 0px 0px; font-size: 13px; line-height: 14px;}
	.titulo-slider{padding: 0px 580px 0px 0px; font-size: 30px;}
	.boton-slider{width: 80px; height: 25px; font-size: 13px}
	.boton-slider:hover{width: 80px; height: 25px; font-size: 13px}
	.mensaje{width: 100%}
	.creditos{width: 100%;}
	.info-creditos{width: 100%;}


@media (max-width: 320px){
	#wrapper{width: 100%}
	.home{width: 100%; height: 100%;} .interior-home{width: 100%; height: 100%;} .info{width: 100%; text-align: center; line-height: 18px; font-size: 13px;}
	.redes{width: 100%;}
	.principal{width: 100%;} .int-principal{width: 100%;} .menu{width: 100%; padding: 0px;} #menu {width: 100%;}

	.banner{width: 100%; height: 100%;}
	.fondo-gris{width: 100%;} .fondo-gris-int{width: 100%;}
	.informacion{width: 100%; padding: 40px 30px 40px 30px; line-height: 17px; font-size: 12px;}
	.titulo{font-size: 18px;}
	.titulo3{font-size: 18px;}
	.info-fono{font-size: 15px;}
	.content-box{width: 100%;} .box{margin: 6px;}
	.fondo-galeria{width: 100%; height: 100%;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 100%;} .descripcion-area-formulario{width: 100%; font-size: 13px;}
	.parrafo{width: 100%; opacity: 1.0; padding: 4px; line-height: 10px; font-size: 12px;}

	.pie{width: 100%; height: 100%;} .info-pie{width: 100%; font-size: 12px; padding-left: 15px; padding-right: 15px;} .info-pie-int{width: 100%; font-size: 12px; line-height: 19px; padding: 50px 20px 0px 20px;}
	.pie-2{width: 100%; height: 100%;}
	.line{padding: 50px;}
	.iframe{width: 90%; height: 50%;}
	img{width: 100%;}
	.iframe2{width: 90%; height: 50%;}

	.l-contenedor {width: 100%; text-align: center; display: inline-block;}
	.l-antesydespues {width: 250px; text-align: center; display: inline-block; margin: 0px;}
	.antesydespues1 {width: 100%;}
	.info-slider{padding: 10px 750px 0px 0px; font-size: 10px; line-height: 10px;}
	.titulo-slider{padding: 0px 750px 0px 0px; font-size: 25px;}
	.boton-slider{width: 45px; height: 12px; font-size: 10px}
	.boton-slider:hover{width: 45px; height: 12px; font-size: 10px}
	.mensaje{width: 100%}
	.creditos{width: 100%;}
	.info-creditos{width: 100%;}