* {margin: 0; padding: 0;}
    
body { color: black;    font-family:Arial}
header { background-color: black; color: white;position:fixed;width: 100%;opacity: 91%;padding: 0px}
.test {top: 0}
nav { background-color: black;display: inline-block;position:fixed;padding: 10px; margin: 40px 0px 20px 100px}
nav a { color: white; text-decoration: none;text-transform: uppercase;padding: 10px; font-size: 16px}
nav a:hover { color:black ;background-color:white;padding: 10px;border-radius: 10px}
nav a.selec { color:black ;background-color:lightblue;padding: 10px;border-radius: 10px}
h2 {padding: 100px;background-color:transparent; color: black}
h3{padding: 50px; text-align: center;font-size: 20px}


img{max-width: 100%}

.logo {width:10%;float:right;margin: 25px 50px 0 0}
.imgprincipal img {width: 97%;height: 800px;margin: auto;border-radius: 1% ;box-shadow: 5px 8px 12px black}
.imgprincipal img:hover {box-shadow: 2px 3px 5px 5px rgb(189, 189, 189)}
.whatsapp{width: 70px;height: 70px; border-radius: 30%;position: fixed;top: 900px;right: 5px;opacity: 80%}
.whatsapp:hover{opacity: 100%}
.cajacontenedora { display:flex; flex-flow: wrap}
.cajacontenedora div { width: 22%;margin:auto; padding: 1%;text-align: center;}
.cajacontenedora img {border-radius:1%; box-shadow: 5px 8px 12px black }
.cajacontenedora img:hover{box-shadow: 5px 8px 12px rgb(245, 209, 203)}
h6 {max-width: 350px;max-height: 200px; color:white;font-size: 3rem;position: absolute;margin: -13% 1%;opacity:0%}
h6:hover{opacity: 80%}
.transporte img{width: 100%;display: block;margin: auto}
.transportemobile img {width: 80%;margin: auto;display: none}
.redes { display:flex; flex-flow: wrap;justify-content: center}
.redes div {width: 5%; padding: 10px}
.showroom{font-size: 30px}
.colores {width: 50%;margin: auto}
.paginaconstruccion img{width: 100%;margin: 200px 0 0 0}
.mapa { width: 90%;min-height: 400px;display: block; margin: auto}
.publicidad{background-color: white;color: dimgray; text-align: center;padding: 0%}
.publicidad iframe{width:728px ;height: 91px; background-color:white}
.formulario {padding: 20px}
.respuesta1{background-color: orange;color: white;font-size: 30px ;text-align: center;padding: 6%}
.cajagaleria {display:flex; flex-flow: wrap}
.cajagaleria div { width: 15%; margin:auto; padding: 20px;text-align: center}
.cajagaleria img{border: 3px solid black}
.cajagaleria img:hover{opacity: 70%}
.cajacontenedora3 { display:flex;text-align: center;justify-content:center}
.cajacontenedora3 img {text-align: center; border-radius:2%; box-shadow: 5px 8px 12px black }
.sofa1 {box-shadow: 1px 6px 19px black }
.barra {position: initial;background-color:#000000;box-shadow: 5px 8px 12px black ;color: white;padding: 20px;margin: auto; margin-left: 20px;}
.barra a {color: white;}
.cajacontenedora6 { display:flex}
.cajacontenedora6 div {margin: 10px;}
.cajacontenedora6 img {width: 150px;height: 100px;margin-left: -25px;}
.cajacontenedora6 img:hover{opacity: 90%}
.sofa4 {width: 50%;border-radius: 0.5%;margin: 10px 10px 10px -50px ;box-shadow: 1px 6px 19px black}
.sofa5 {width: 40%;margin:10px 10px 10px 20px}
.cajacontenedora8 { display:flex; flex-flow: wrap;text-align: center;justify-content:center;text-align: center;width: 80%;margin:auto}
.cajacontenedora8 div {margin:10px}
.cajacontenedora8 img {text-align: center; border-radius:2%; box-shadow: 5px 8px 12px black }
.cajacontenedora81 {display: none;}
.cajacontenedora81 {flex-flow: wrap;text-align: center;justify-content:center;text-align: center;width: 80%;margin:auto}
.cajacontenedora81 div {margin:10px}
.cajacontenedora81 img {text-align: center; border-radius:2%; box-shadow: 5px 8px 12px black }
.cajacontenedora82 {display: none;}
.cajacontenedora82 {flex-flow: wrap;text-align: center;justify-content:center;text-align: center;width: 80%;margin:auto}
.cajacontenedora82 div {margin:10px}
.cajacontenedora82 img {text-align: center; border-radius:2%; box-shadow: 5px 8px 12px black }
.barra3 {border-radius: 50%;margin-left: 10px}
.p2 {text-align:justify;font-size: 18px;margin-left: -110px}
.jose {width:95%;margin:auto}
.instagram:hover{width: 5.4%;}
.facebook:hover{width: 5.4%;}
.cajacontenedora4 div { width: 31.3%; margin:auto; padding: 20px; box-sizing: border-box;border: 4px solid #000000;text-align: center}
.desh{width: 80%;box-shadow: 5px 8px 12px black;border-radius: 0.2%;background-color: white;margin: auto}
.medida {text-align: center;font-family: 'Golos Text', sans-serif;font-size: 30px;margin-left: -572px}
.medida1 {text-align: center;font-family: 'Golos Text', sans-serif;font-size: 30px}
.cuerpo2{text-align: center;margin-left: -19px;font-family: 'Golos Text', sans-serif;font-size: 18px}
.cuerpo3{ text-align: center;margin-left: 150px;font-family: 'Golos Text', sans-serif;font-size: 18px}
.descr1 { background-color: black;
	border: none;
	border-radius: 40px;
	color: white;
	padding: 15px 32px;
	font-size: 1.2em;
	box-shadow: 0px 0px 10px 0px #aaaaaa;
	cursor: pointer;}
	.descr1:hover{box-shadow: none;
		background-color: red;
		color: #fff;
		transition: cubic-bezier(0.075, 0.82, 0.165, 1) 3.05s;}

.envi1 {display: none;}

footer { text-align: center; color:black}
.icono { display:none;color: white}
.anuncioweb{display:block;color: white}
.anunciomobile { display:none;color: white}


form { max-width: 80%;margin: auto;border:1px solid lightblue;font-size: 16px }
form input{width: 60%;padding: 4px;border-radius: 4px}
form textarea{width: 500px;height: 150px}
form strong {width: 160px; float: left;display: block}
form input[type=submit]{width: 200px;padding: 20px;text-align: center;background-color: orange;color: white;font-size: 20px}




@media (max-width:1765px) {
	.logo {width:10%;float:right;margin: 29px 50px 0 0}
	.whatsapp{top: 780px;right: 5px}
	.imgprincipal img {width: 100%;height:870px}
	.sofa4{width: 50%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.medida{margin-left: 0px;}
	.cuerpo3{margin-left: 0px;}
	.cuerpo2{margin-left: -88px;}
	.barra{margin-top: -120px;}
}
	
@media (max-width:1366px) {
	.logo {width:10%;float:right;margin: 35px 50px 0 0}
	.whatsapp{top: 670px;right: 5px}
	.imgprincipal img {width: 100%;height:750px}
	.sofa4{width: 50%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: -60px 0 0 -10px;}
	.medida{margin-left: 0px;}
	.cuerpo3{margin-left: 0px;}
	.cuerpo2{margin-left: -88px;}
	.barra{margin-top: -120px;}

}
	
@media (max-width:1280px) {
	.logo {width:10%;float:right;margin: 35px 50px 0 0}
	.whatsapp{top: 620px;right: 5px}
    .imgprincipal img {width: 100%;height:710px}
	.sofa4{width: 50%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: -6px 0 0 11px;}
	.p2 {text-align:justify;font-size: 18px;margin-left: 0px;}
	.medida{margin-left: 0px;}
	.cuerpo3{margin-left: 0px;}
	.cuerpo2{margin-left: -88px;}
	.barra{margin-top: -120px;}
}

@media (max-width:1150px) {
	
    nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
    .responsive {display: block}
    .icono {display: block; font-size: 38px}
	.logo {width:17%;margin: 0 40% 0 0 }
	.whatsapp{top: 550px;right: 5px}
	.imgprincipal img {width: 100%;height:650px}
	.sofa4{width: 50%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: -60px 0 0 -10px;}
	.p2 {text-align:justify;font-size: 18px;margin-left: 0px;}
}

@media (max-width:1148px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
    nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
    .responsive {display: block}
    .icono {display: block; font-size: 38px}
	.logo {width:17%;margin: 0 40% 0 0 }
	.whatsapp{top: 550px;right: 5px}
	.imgprincipal img {width: 100%;height:550px}
	form textarea{width: 100%}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: -60px 0 0 -10px;}
	.p2 {text-align:justify;font-size: 18px;margin-left: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.medida{margin-left: 0px;}
	.cuerpo2{margin-left: -32px;}
	.cuerpo3{margin-left: 0px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
}


@media (max-width:900px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	 nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
    .responsive {display: block}
    .icono {display: block; font-size: 38px}
	.logo {width:17%;margin: 0 40% 0 0 }
	.whatsapp{top: 900px;right: 5px}
	.imgprincipal img {width: 100%;height:inherit}
	.mapa { width: 100%}
    .cajacontenedora4 div, .cajacontenedora div { width: 48%; }
	.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
	form textarea{width: 100%}
	form strong {display:none}
	h6{display: none;}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: -7px;font-size: 19px;}
	.cuerpo3{margin-left: 8px;font-size: 19px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
	
}
@media (max-width:727px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	.anuncioweb{display:none;color: white}
    .anunciomobile { display:block;color: white}
	.publicidad iframe{width:300px ;height: 160px; background-color:white}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: -7px;font-size: 19px;}
	.cuerpo3{margin-left: 8px;font-size: 19px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
}

@media (max-width:700px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	 nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
    .responsive {display: block}
    .icono {display: block; font-size: 38px}
	.logo {width:20%;margin: 0 40% 0 0 }
	.whatsapp{top: 450px;right: 5px}
	.mapa { width: 100%}
	.imgprincipal img {width: 100%;height:inherit}
	.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
	form textarea{width: 100%}
	form strong {display:none}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: -7px;font-size: 19px;}
	.cuerpo3{margin-left: 8px;font-size: 19px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
}

@media (max-width:600px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
    .responsive {display: block}
    .icono {display: block; font-size: 38px}
	.logo {width:25%;margin: 0 35% 0 0 }
	.whatsapp{top: 500px;right: 5px}
	.mapa { width: 100%}
	.imgprincipal img {width: 100%;height:inherit}
	.respuesta1{padding: 13%}
	.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
    form textarea{width: 100%}
	form strong {display:none}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 10px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 40%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: -7px;font-size: 19px;}
	.cuerpo3{margin-left: 8px;font-size: 19px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
}

@media (max-width:480px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	.imgprincipal img {width: 100%;height: inherit}
    nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
	h2 {padding: 50px}
    .responsive {display: block}
    .icono {display: block; font-size: 35px}
	.logo {width:35%;margin: 0 30% 0 0 }
	.whatsapp{width: 70px;height: 70px;top: 520px;right: 5px}
	.mapa { width: 100%}
	.transporte img{display: none}
    .transportemobile img {display: block}
    .showroom{font-size: 15px}
	.redes div{width: 15%; padding: 10px}
	.cajacontenedora3 { display:flex;flex-flow: wrap;text-align: center;justify-content:center}
    .cajacontenedora4 div, .cajacontenedora div { width: 98%; }
	.respuesta1{padding: 13%}
	.colores {width: 100%;margin: auto}
	.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
	form textarea{width: 100% }
	form strong {display:none}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 0px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 100%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.jose {width:95%;margin:auto;margin-top: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: 5px;font-size: 18.5px;}
	.cuerpo3{margin-left: -12px;font-size: 19px;}
	.cajacontenedora6 img{margin-left: 0px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
}
	@media (max-width:400px) {
		.barra{display: flex;margin-top: 60px;margin-left: 0px;}
		.imgprincipal img {width: 100%;height: inherit}
		nav {display:none;margin: 0;padding: 5%}
		nav a {display: block;}
		h2 {padding: 50px}
		.responsive {display: block}
		.icono {display: block; font-size: 35px}
		.logo {width:35%;margin: 0 30% 0 0 }
		.whatsapp{width: 70px;height: 70px;top: 520px;right: 5px}
		.mapa { width: 100%}
		.transporte img{display: none}
		.transportemobile img {display: block}
		.showroom{font-size: 15px}
		.redes div{width: 15%; padding: 10px}
		.cajacontenedora3 { display:flex;flex-flow: wrap;text-align: center;justify-content:center}
		.cajacontenedora4 div, .cajacontenedora div { width: 98%; }
		.respuesta1{padding: 13%}
		.colores {width: 100%;margin: auto}
		.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
		form textarea{width: 100% }
		form strong {display:none}
		.sofa4{width: 98%;border-radius: 0.5%;margin: 0px;box-shadow: 1px 6px 19px black}
		.sofa5{width: 100%;margin:10px}
		.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
		.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
		.jose {width:95%;margin:auto;margin-top: 0px;}
		.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
		.instagram:hover{width: 70px}
		.facebook:hover{width:70px}
		.cuerpo2{margin-left: -2px;font-size: 18.5px;}
		.cuerpo3{margin-left: 9px;font-size: 19px;}
		.cajacontenedora6 img{margin-left: 0px;}
		.d1{display: none;}
		.d2{display: block;}
		.cajacontenedora8{width: 100%;}
		.descr1{width: 50%;margin-bottom: 10px;}
}
@media (max-width:360px) {
	.barra{display: flex;margin-top: 60px;margin-left: 0px;}
	.imgprincipal img {width: 100%;height: inherit}
    nav {display:none;margin: 0;padding: 5%}
    nav a {display: block;}
	h2 {padding: 50px}
    .responsive {display: block}
    .icono {display: block; font-size: 35px}
	.logo {width:35%;margin: 0 30% 0 0 }
	.whatsapp{width: 70px;height: 70px;top: 520px;right: 5px}
	.mapa { width: 100%}
	.transporte img{display: none}
    .transportemobile img {display: block}
    .showroom{font-size: 15px}
	.redes div{width: 15%; padding: 10px}
	.cajacontenedora3 { display:flex;flex-flow: wrap;text-align: center;justify-content:center}
    .cajacontenedora4 div, .cajacontenedora div { width: 98%; }
	.respuesta1{padding: 13%}
	.colores {width: 100%;margin: auto}
	.cajagaleria div { width: 30%; margin:auto; padding: 20px;text-align: center}
	form textarea{width: 100% }
	form strong {display:none}
	.sofa4{width: 98%;border-radius: 0.5%;margin: 0px;box-shadow: 1px 6px 19px black}
	.sofa5{width: 100%;margin:10px}
	.barra3 {border-radius: 50%;margin: 5px 0 0 3px;text-align: center;}
	.p2 {text-align:center;font-size: 18px;margin-left: 0px;}
	.jose {width:95%;margin:auto;margin-top: 0px;}
	.desh{width: 100%;box-shadow:white;border-radius: 0%;background-color: white;margin: auto}
	.instagram:hover{width: 70px}
	.facebook:hover{width:70px}
	.cuerpo2{margin-left: 5px;font-size: 18.5px;}
	.cuerpo3{margin-left: 7px;font-size: 19px;}
	.cajacontenedora6 img{margin-left: 0px;}
	.d1{display: none;}
	.d2{display: block;}
	.cajacontenedora8{width: 100%;}
	.descr1{width: 50%;margin-bottom: 10px;}
}