.titfotos{
display:block;
width:100%;
text-align: center;
}
.hero h1{
width:100%;
color:white;
padding-left:2em;
padding-right:2em;
box-sizing: border-box;
margin-top:20px;
margin-bottom:5px;
line-height: 1.2em;
text-shadow: 1px 1px 5px black;
}
.hero p{
width:100%;
font-size: 20px;
color:white;
padding-left:1em;
padding-right:1em;
box-sizing: border-box;
margin-top:10px;
}
.hero h2{
color:#FFFF2D;
padding-left:1em;
padding-right:1em;
margin-top:12px;
text-shadow: 1px 1px 5px black;
}
.cotiza {
width:100%;
color:white;
font-weight: bold;
letter-spacing: 2px;
padding:1em;
margin-bottom:2px;
box-sizing: border-box;
background:#3b8632;
}
.cotiza:hover{
color:black !important;
background:rgb(214, 214, 214) !important;
}
h1{
display:block;
font-weight: 400;
color:#E97F11;
margin-bottom:10px;
margin-top:40px;
line-height: 1em;
}
.productos li{
font-size:17px;
text-align: left;
padding-bottom:8px;
padding-right:15px;
box-sizing: border-box;
}
.productos h2{
width:100%;
font-size:2em;
font-weight: 400;
color:#d46e00;
margin-bottom:10px;
margin-top:40px;
line-height: 1em;
}
.productos h3{
width:100%;
font-size:19px;
color:black;
line-height: 1.2em;
padding-left:1em;
padding-right: 1em;
box-sizing: border-box;
}
.politicas{
padding:1em;
box-sizing: border-box;
}
.politicas a{
color:red
}

.celuoff{
display:none;
}
body{
font-size:18px !important;
margin:2px !important;
}
.raya{
width:95%;
margin-bottom:20px;
}

/* FOTOGALERIA */
.fotogaleria{
display:flex;
justify-content: center;
flex-wrap: wrap;
background:white;
padding-top:10px;
padding-bottom:20px;
box-sizing: border-box;
}
.fotobloque{
width:24%;
margin:2px;
line-height: 0;
}
.fotobloque img{
width:100%;
max-width: 900px;
}

.ventana{
display:none;
position: fixed;
width:100%;
height:100vh;
text-align: center;
background:black;
z-index: 100;
}
.ventanafoto{
}
/*
.ventana .ventanafoto{
height:100vh;
background-position: top center; 
background-repeat: no-repeat;
background-size: contain; 
background-attachment: fixed; 
z-index: 200;
}
*/

/* FOTOGALERIA FIJO */
.clicgaleria{
position:fixed;
border-left:0px;
bottom:-38px;
left:-40px;
z-index:2000
}
.clicgaleria img{
width:100%;
max-width:113px;
}
.clicgaleria ul{list-style:none}
.clicgaleria ul li a{
display:inline-block;
padding: 2px 2px;
margin:2px;
text-decoration:none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
border-radius: 8px;
opacity:1;
/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
}

.clicgaleria ul li a:hover{opacity:0.8;}
/* ----------------------------------------- */

.productos .maderas img{
width:100%;
max-width:160px;
}

.sospechas img{
width:370px;
height:290px;
border-radius: 25px;
opacity:0.8;
}
.reducir{
width:30% !important;
padding:7px !important;
}
.subtitulo{
font-size:2em;
width:99%;
color:#E97F11;
line-height: 1em;
text-align:center;
background:white;
padding:1em 1em 0.5em 1em;
box-sizing: border-box;
}
.productos{
display:flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-left:10%;
padding-right:10%;
box-sizing: border-box;
margin-bottom:0;
text-align: center;
overflow: hidden;
}

.productos img{
width:100% !important;
max-width: 1510px;
}
.pro_texto{
width:33%;
padding:2em;
box-sizing: border-box;
text-align:center;
}
.pro_foto{
width:33%;
line-height: 0;
margin-bottom:2px;
}
.pro_foto img{
width:100%;
max-width:100%;
}
.recalcular{
width:60%;
}

.pro_fotox4{
width:24.7% !important;
}
.productos .pro_fotox4 img{
width:100%;
max-width:100%;
}

.pro_fotox4_central{
width:49.4% !important;
}
.productos .pro_fotox4_central img{
width:100%;
max-width:100%;
}


.radio-left img{
border-radius: 0;
}
.radio-center img{
border-radius: 0px;
}
.radio-right img{
border-radius: 0;
}

.radio-leftx4 img{
border-radius: 0;
}
.radio-centerx4 img{
border-radius: 0px;
}



.banda-ppal{
border-radius: 20px 20px 0 0;
text-align: center;
width:100%;
font-size:29px;
color:white;
padding:24px 20px 12px 20px;
box-sizing: border-box;
margin-bottom:0px;
background: #E97F11;
background: linear-gradient(180deg, rgba(233, 127, 17, 1) 0%, rgba(191, 106, 15, 1) 100%);
}

.banda-ppal a{
color:white;
font-size:20px;
line-height:1.2em;
letter-spacing:2px
}
.banda-ppal a:hover{
color:yellow;
}

.banda-ppal h1{
color:white;
font-size:25px;
font-weight: 200;
margin-top:0;
margin-bottom:10px;
line-height: 1em;
}
.banda-ppal h2{
color:#FFF5BA;
font-size:22px;
font-weight: 400;
letter-spacing: 8px;
margin-bottom:0;
margin-top:0;
}
.pago{
width:100%;
text-align: center !important;
padding-left:15px;
padding-right:15px;
padding-bottom:2em;
box-sizing: border-box;
}
.pago img{
width:100%;
}
.servicios2 p{
line-height:1.7em;
margin-top:0;
}
.servicios2 h1{
letter-spacing:1px;
line-height:1em;
margin-bottom:10px;
}
.logo{
width:27%;
border: solid 1px rgb(228, 228, 228);
padding-top:20px;
padding-bottom: 20px;
box-sizing: border-box;
}
.logo img{
display:block;
width:100%;
max-width:260px;
margin:0 auto;
filter:grayscale(1);
}
.logo img:hover{
filter:grayscale(0);
transform:scale(1.05);
}

/* TARJETAS */
.servicios{
display:flex;
justify-content: center;
flex-wrap: wrap;
width:80%;
margin: 0 auto;
}
.servicios1{
width:35%;
line-height: 0 !important;
background-image: url("../images/tecnico.jpg");
background-position: center center; 
background-repeat: no-repeat;
background-size:cover;
border-radius: 30px 0 0 30px;
}
.servicios1 img{
width:100%;
border-radius: 30px 0 0 30px;
}
.servicios2{
width:40%;
padding-left:30px;
padding-right: 30px;
box-sizing: border-box;
background:rgb(240, 240, 240);
border-radius: 0 30px 30px 0;
}
.servicios2 li{
font-size:16px;
color:rgb(85, 85, 85);
}
.tarjeta{
display:flex;
position:relative;
justify-content: center;
flex-wrap: wrap;
width:70%;
text-align: center;
margin: 0 auto;
margin-bottom:20px;
}
.ficha{
position:relative;
width:22%;
padding:1.5em 1.7em;
box-sizing: border-box;
margin:6px;
margin-top:6px;
border-radius: 10px;
font-size:17px;
color:white !important;
line-height: 1.4em;
background:orange;
}
.ficha h1{
color:white;
font-size:24px;
letter-spacing:1px;
line-height:1.2em;
margin-bottom:15px;
margin-top:10px;
}
.ficha strong{
color:#89d6f7;
}
.signo{
position:absolute;
top:-50px;
right:0;
left:0;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
 }
}

h3{
margin-top:5px;
margin-bottom:10px;
line-height: 1em;
color:black;
}

.tarjetas{
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.item{
width:33%;
text-align: center;
padding:0.5em;
box-sizing: border-box;
}
.item img{
width:100%;
max-width:350px;
border-radius: 10px;
border: 1px solid rgb(182, 216, 255);
}
.item img:hover{
transform:scale(1.02);
border:solid 2px white;
}
.celulares2{
text-align: center;
width:100%;
font-size:40px;
padding:12px;
box-sizing: border-box;
margin-bottom:20px;
background: #E97F11;
background: linear-gradient(180deg, rgba(233, 127, 17, 1) 0%, rgba(191, 106, 15, 1) 100%);
}
.celulares2 a{
font-size:30px;
color:white;
}
.celulares2 a:hover{
color:black;
}

h5{
margin:0;
color:grey;
font-weight:normal;
}

.yellow{
color:yellow;
}
.items p{
line-height: 0.6em;
}
.speech{
font-size:20px;
width:100%;
color:white;
text-align:center;
background:#ea728c;
padding:1em;
box-sizing: border-box;
}
.footer{
line-height: 1.4em;
padding:2em 1em;
text-align:center;
color:white;
font-size:18px;
background:black;
}
.logo_pie{
width:180px;
height:154px;
}
.piebanda{
text-align:center;
}
.foto_whatsapp{
width: 100%;
max-width:360px;
}
#inscripcion{
font-size:31px;
padding-top:15px;
font-weight:100;
}
.form_inscripcion{
width:35%;
margin:0 auto;
text-align: center;
}
main{
max-width:100%;
width: 100%;
margin:0 auto;
background:white;
}

/* banda superior */
.banda_header{
text-align:center;
font-size:18px;
padding:1.5em 1em 0em 1em;
box-sizing: border-box;
background:black;
}

.banda_header img{
width:100%;
max-width: 202px;
}

.banda_header h1{
font-size:22px;
margin:0;
margin-bottom:5px;
}

.contenido{
padding:2em 2.5em;
box-sizing:border-box;
background:white;
}

li{
padding-bottom:0.8em;
}

.hero{
display:flex;
align-items: center;
justify-content: center;
padding-top:10%;
padding-bottom:10%;
box-sizing: border-box;
text-align:center;
width:100%;
border-radius: 0;
background-image: url("../images/alacena-bajomesada.webp");
background-position: left center; 
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;
}
.sospechas{
position:relative;
}
body{
padding:0;
border:0;
margin:0;
color:#415A69;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size:17px;
box-sizing:border-box;
} 

a {
text-decoration: none;
color:red;
}

.fucsia{
color: #455da0;
font-weight: bold;
}
h2 {
font-size: 24px;
color:red;
margin-top:30px;
margin-bottom:30px;
}
.nowrap{
white-space:nowrap;
}
/* WHATSAPP FIJO */
.social{
position:fixed;
border-left:0px;
bottom:-30px;
right:10px;
z-index:2000
}
.social img{
width:100%;
max-width:300px;
}
.social ul{list-style:none}
.social ul li a{
display:inline-block;
padding: 2px 2px;
margin:2px;
text-decoration:none;
-webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease; 
border-radius: 8px;
opacity:1;
/* box-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
}

.social ul li a:hover{opacity:0.8;}
/* ----------------------------------------- */

@media (max-width: 480px) {
.logo{
width:100%;
}
.marcas{
margin-bottom:0;
}
.celulares2{
font-size:30px;
}
.celulares2 img{
width:40px;
}
}


/* FORMULARIO CONTACTO ---------------------------- */

.contact{
display:flex;
align-items: center;
}
.contact_foto{
width:25%;
}
.contact_foto img{
width:100%;
max-width:140px;
}
.contact_descripcion{
width: 75%;
text-align: left;
padding:16px;
line-height:1.6em
}

.con_titulo{
color:#ea728c;
font-size: 20px;
}
.con_subtitulo{
color:#E97F11;
font-size: 22px;
}
.con_descripcion{
line-height:1.6em;
}

.s7-btn {
font-size: 16px;
font-weight: 700;
color: #ffffff;
letter-spacing: 0.2em;
text-align: center;
background: rgb(46, 153, 46);
font-family: "Muli", Sans-serif;
border-radius: 3px 3px 3px 3px;
border-color: #303030;
padding: 10px 20px;
margin-top: 20px;
text-decoration: none;
margin-bottom:2em;
} 
.s7-btn:hover {
background: #FF7000;
cursor:pointer;
}
input, textarea, select{
font-size:16px;
font-family: Arial, Helvetica, Sans-serif;
width:94%;
padding:10px;
box-sizing: border-box;
margin:3px;
color:black;
border: solid 1px #AAAAAA;
background:rgb(237, 237, 237);
}

.grecaptcha-badge {
visibility: hidden;
}
.consulta_enviada{
font-family: sans-serif;
font-size:18px;
font-weight: 400;
line-height: 1em;
color:white;
background: #3EB6A3;
line-height:1.3em;
width: 100%;
padding: 2em 1em 2em 1em;	
box-sizing: border-box;
text-align: center;
margin-bottom: 3px;
border-radius: 0 0 20px 20px;
}
@media (max-width: 1730px) {
.tarjeta{
width:100%;
}
}
@media (max-width: 1700px) {
.productos{
padding-left:6%;
padding-right:6%;
}
.pro_texto{
width:33%;
padding:0 2em;
}
.pro_texto p{
margin-bottom:0;
}
.pro_foto{
width:33%;
}
.recalcular{
width:60%;
}
.pro_foto img{
width:100%;
max-width:100%;
}

.servicios1{
width:40%;
}
.servicios2{
width:45%;
}
}

@media (max-width: 1450px) {
.productos{
padding-left:2%;
padding-right:2%;
}
.pro_texto{
width:33%;
padding:0 2em;
}
.pro_texto p{
margin-bottom:0;
}
.pro_foto{
width:33%;
}
.recalcular{
width:50%;
}
.pro_foto img{
width:100%;
max-width:100%;
}

}

@media (max-width: 1330px) {
.tarjeta{
width:100%;
}
.ficha{
width:23%;
padding:1em;
border-radius: 10px;
padding-top:50px;
padding-bottom:40px;
line-height: 1.4em;
}
}

@media (max-width: 1300px) {
.contenedor{
box-shadow: none;
margin-top:0px;
}
}

@media (max-width: 1250px) {
.form_inscripcion{
width:45%;
}
}

@media (max-width: 1220px) {
.servicios{
width:95%;
}
}

@media (max-width: 1100px) {
.sospechas img{
width:300px;
height:235px;
border-radius: 25px;
}
.raya{
display:none;
}
.oculta-right{
display:none;
}
.celulares2{
margin-bottom:0;
}
.pro_fotox4{
width:25% !important;
}
.reducir{
width:32% !important;
padding:3px !important;
}
.orden1{
order:1;
}
.orden2{
order:2;
}
.orden3{
order:3;
}
.orden4{
order:4;
}
.orden5{
order:5;
}
.orden6{
order:6;
}
.subtitulo{
width:100%;
border-radius: 0;
}
.productos{
padding-left:0;
padding-right:0;
}
.pro_texto{
width:100%;
padding:0 2em;
}
.pro_texto p{
margin-bottom:20px;
}
.pro_foto{
width:100%;
}
.pro_foto img{
width:100%;
max-width:100%;
border-radius: 0;
}
.radio-left img{
border-radius: 0;
}

}

@media (max-width:1100px){
.productos p{
padding:0 1em 0 1em;
}
.footer{
padding:2em 1em 9em 1em;
}
}

@media (max-width: 1000px) {
.fotogaleria{
flex-wrap: wrap;
padding-top:0;
}
.fotobloque{
width:32%;
margin:2px;
line-height: 0;
}
}

@media (max-width: 991px) {
.form_inscripcion{
width:65%;
}
.ficha{
position:relative;
width:30%;
line-height: 1.4em;
}
.item{
width:47%;
padding-bottom:0.2em;
box-sizing: border-box;
}
.consulta_enviada{
margin-top:3px;
margin-bottom: 3px;
border-radius: 0 0 20px 20px;
}
.banda_header h1{
font-size:20px;
}
.items p{
line-height: 0.6em;
}
}

/* form inscripcion cursos */
.contact_foto img{
max-width:140px;
width:100%;
}

@media (max-width: 960px) {
.servicios1{
width:50%;
}
.servicios2{
width:50%;
}
}

@media (max-width: 850px) {
#cotiza{
border-radius: 20px 20px 0 0;
}
.celuoff{
display:block;
}
.radio-centerx4{
display:none;
}
.reducir{
width:100% !important;
padding:0 !important;
}
.tarjeta{
width:98%;
}

.ficha{
position:relative;
width:48%;
padding:1em;
line-height: 1.4em;
}
}

@media (max-width: 750px) {
.servicios{
width:100%;
margin:0 !important;
}
 .servicios1{
width:100%;
height:250px;
border-radius:0;
}
.servicios1 img{
border-radius:0;
}
.servicios2{
width:100%;
border-radius:0;
} 
.servicios .servicios2 p strong{
color:black !important;
}
}

@media (max-width: 710px) {
.pro_fotox4, .pro_fotox4_central{
width:100% !important;
}
.radio-leftx4 img, .radio-centerx4 img{
border-radius: 0 !important;
}
.pro_texto{
padding:1em;
}
}

@media (max-width: 650px) {
.productos li{
padding-bottom:17px;
}
.zoom img{
width:130% !important;
}
.ficha .signo img{
width:80px;
}
.signo{
top:-43px;
}
.ficha{
width:100%;
padding:1em;
margin:0px;
margin-top:6px;
border-radius: 0px;
padding-top:20px;
padding-bottom:20px;
line-height: 1.3em;
}

.item{
width:50%;
margin:0;
padding-bottom:0px;
padding-left:6px;
padding-right:6px;
}
.contenido{
padding:0.5em 1em;
}
.productos ul{
margin-left:-15px;
}
h2{
font-size: 20px;
margin-bottom: 6px;
}
.clicgaleria img{
max-width:90px;
}
}

@media (max-width: 570px) {
.sospechas img{
width:250px;
height:196px;
border-radius: 25px;
}
.fotogaleria{
padding-top:0;
}
.fotobloque{
width:44%;
margin:2px;
line-height: 0;
}
}

@media (max-width: 510px){
.productos .maderas img{
max-width:120px !important;
}
}

@media (max-width: 500px){
.sospechas img{
max-width: 320px;
}
.hero h1 {
font-size:29px;
}
.form_inscripcion{
width:90%;
}
.item{
width:100%;
margin:0;
padding:0;
margin-bottom:6px;
}
}


@media (max-width: 440px) {
.ficha .signo img{
width:70px;
}
.signo{
top:-39px;
}
.ficha{
margin-top:4px;
}

.banda_header{
font-size:16px;
}
.banda_header img{
width:255px;
}
}

@media (max-width: 440px) {
.hero p {
font-size:18px;
}
h5{
font-size:12px;
}
}

@media (max-width: 400px){
.productos .maderas img{
max-width:116px !important;
}
}


@media (max-width: 400px) {
.fotogaleria{
padding-top:0; 
padding-bottom:0; 
margin-top:0;
}
.fotobloque{
width:100%;
margin-left:4px;
margin-right:4px;
}
.celulares2{
margin-bottom:0;
}
}