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

	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.interior-inicio {width: 100%;}
	.info{width: 268px;} 
	.redes{width: 740px; text-align: right;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 0px;} #menu {width: 100%;}
	#menu {width: 92%;}
	.cuadro-1{width: 50%; display: inline-block; vertical-align: middle;}
	.cuadro-2{width: 100%;display: inline-block;margin: 0px;padding: 50px;}
	.content-box{width: 100%;}
	.box{display: inline-block; text-align: center;}
	.interior-principal{width: 90%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding-top: 45px;}
	.area-formulario-fondo {width: 100%;}
	.interior-rellenos-faciales {width: 100%;}
	.informacion2 .promociones {display: inline-block;}
	.promociones img {padding: 0px 0px 30px 0px;}
	.principal .mapa-qara {display: inline-block; width: 100%; padding: 0px 50px 0px 50px;}
	
@media (max-width: 800px){
	#wrapper{width: 100%}

	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%; display: inline-block; text-align: center; padding: 15px 0px 15px 0px;}
	.interior-inicio {display: inline-block; width: 100%;}
	.info{width: 200px;} 
	.redes{width: 540px; text-align: right;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 0px;} #menu {width: 100%;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	.cuadro-1 img {display: inline-block;}
	.informacion-principal {display: inline-block;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding-top: 45px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 90%; height: 90%;} .descripcion-area-formulario{width: 100%; font-size: 14px;}
    .texto-inicio{padding: 0px 100px;}
    .cuadro-2 .imagen-principal {padding: 0px 0px 0px 0px;}
    .imagen-principal img {display: inline-block; width: 100%;}

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

	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width: 100%; text-align: center; padding: 10px 0px 15px 0px;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 0px;} #menu {width: 100%;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding-top: 45px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 90%; height: 90%;} .descripcion-area-formulario{width: 100%; font-size: 14px;}


@media (max-width: 720px){
	#wrapper{width: 100%;}
	
	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width: 100%; text-align: center;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 0px;} #menu {width: 100%;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding-top: 45px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 90%; height: 850px;} .descripcion-area-formulario{width: 100%; height: 700px; font-size: 14px;}
	.title-form{font-size: 15px;} .parrafo{ font-size: 15px; }


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

	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width:100%; text-align: center;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 0px;} #menu {width: 100%;}
	.titulo{line-height: 40px;}
	h1{line-height: 40px;}
	.subtitulo{line-height: 25px;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	img{width: 90%;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding-top: 40px; line-height: 20px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 90%; height: 850px;} .descripcion-area-formulario{width: 100%; height: 700px; font-size: 14px;}
	.title-form{font-size: 14px;} .parrafo{ font-size: 13px;}
	.modalbox {top: 50px;} 
	.modalbox a.cross {top: 82px;}

@media (max-width: 425px){
	#wrapper{width: 100%}
	
	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width:100%; text-align: center;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 8px; padding-bottom: 8px; padding-right: 0px;} #menu {width: 100%;}
	.titulo{line-height: 40px;}
	h1{line-height: 40px;}
	.subtitulo{line-height: 25px;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	img{width: 90%;}
	.box{margin: 20px;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding: 40px; line-height: 20px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 850px;} .descripcion-area-formulario{width: 100%; height: 700px; font-size: 12px;}
	.title-form{font-size: 12px;} .parrafo{ font-size: 12px;}


@media (max-width: 375px){
	#wrapper{width: 100%}
	
	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width:100%; text-align: center;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 8px; padding-bottom: 8px; padding-right: 0px;} #menu {width: 100%;}
	.titulo{line-height: 40px;}
	h1{line-height: 40px;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	img{width: 90%;}
	.box{margin: 20px 0px 20px 0px;}
	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding: 40px; line-height: 20px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 850px;} .descripcion-area-formulario{width: 100%; height: 700px; font-size: 12px;}
	.title-form{font-size: 12px;} .parrafo{ font-size: 12px;}
	.contenido-contacto {display: inline-block;}
	.texto-inicio {padding: 0px 50px; text-align: justify;}
	.subtitulo-inicio{padding: 0px 20px 0px 20px;}
	.promociones img {width: 260px;}

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

	.home{width: 100%;}
	.interior-home{width: 220px;}
	.interior-home1{width: 100%;}
	.info{width:100%; text-align: center;} 
	.redes{width: 100%; text-align: center;}
	.principal{width: 100%; text-align: center;}
	.int-principal{width: 1024px; display: inline-block; vertical-align: middle; text-align: right;}
	.logo{width: 220px; height: 220px; display: inline-block; vertical-align: top; text-align: center;}
	.menu{width: 100%; height: 100%; display: inline-block; text-align: center; padding-top: 8px; padding-bottom: 8px; padding-right: 0px;} #menu {width: 100%;}
	.titulo{line-height: 40px;}
	h1{line-height: 40px;}
	.subtitulo{line-height: 25px;}
	.cuadro-1{width: 100%; display: inline-block; vertical-align: middle; text-align: center;}
	img{width: 90%;}
	.box{width: 90%; height: 90%; margin: 20px 0px 20px 0px;}
	.box hover .centro{width: 10%; height: 10%; padding-top: 10px;}
	.centro{width: 100%; height: 30%; padding-top: 20px;}
	.div-img.hidden{width: 95%; height: 95%;}
	.titulobox{font-size: 15px; line-height: 120%; color: white;}
	.titulobox2{font-size: 15px; line-height: 120%; color: white;}

	.div-img.hidden{width: 100%; height: 100%; border: 7px solid #00CCCC;}


	.cuadro-2{width: 100%; display: inline-block; vertical-align: middle;}
	.informacion{width: 100%; text-align: center; font-size: 14px;}
	.interior-principal{width: 100%; display: inline-block;}
	.fondo-azul{width: 100%;}
	.fondo-blanco{width: 100%;}
	.creditos{width: 100%;}
	.info-creditos{width: 100%; padding: 40px; line-height: 20px;}
	.area-formulario{width: 100%; height: 100%;} .area-formulario-fondo{width: 100%; height: 850px;} .descripcion-area-formulario{width: 100%; height: 700px; font-size: 12px;}
	.title-form{font-size: 12px;} .parrafo{ font-size: 12px;}