/**GENERAL***/
html a img{border:none;}
img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;}
body{padding:0;margin:0px;font-family:'Didact Gothic', sans-serif; /*background-color:#FFF;*/text-align:justify;font-size:17px;/*background:url('../img/fondo_rosa.png');background-position: center;background-attachment: fixed;*/
}
*{margin: 0;}
html, body {margin:0;padding:0;min-height:100%;height:100%;}
h1{
  font-family: 'Ysabeau', sans-serif;
  color: #000;
  font-size: 25px;
  display: block;
  padding:20px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}
h1 b{color:#FFF;}
p{margin:10px auto;display:block;}
.full{width:100%;display:block;overflow:hidden;}
.pag{width:100%;max-width:1600px;margin:0 auto;overflow:hidden;}
.btn{background:#000608;color:#fff;text-align:center;display:block;width:200px;padding:10px 0;text-decoration: none;}

.btn{background: #fff;
color: #000608;
border-radius: 20px;}

.btn:hover{background:#870800}

.margen{margin-top:20px;margin-bottom:20px;}
.padd{padding:40px 0;}
.mitad{width:50%;}
.gde{width:60%}
.peq{width:40%}
.full{width:100%;}

.fa{font-size:22px !important;margin-top:-3px;}

.movil{display:none;}
.web{display:block;}
  @media only screen and (max-width : 785px) {
    .web{display:none !important;}
    .movil{display:block !important;}
  }




/***HEADER***/
#divgral{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  background: #ffffffe6;
}
#inicio{  }
#tophead{height:26px;background:none;width:100%;text-align: right;color:#FFF;}
#tophead a{color:#FFF;margin-right:7px;font-size:.8em;}
#menutop{width:70%;float:left;color:#FFF;text-align: right;line-height:26px;}
.mtop{color:#FFF;background:#000;padding:3px 7px;}
.mtop:hover{background:#d6251d;}
#redessoc .fa-facebook{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6cd;}
#redessoc .fa-facebook:hover{background:#1071b7;color:#FFF;}

#redessoc .fa-youtube{background:#FFF;padding:7px;margin:0;font-size:22px;color:#3cb6cd;}
#redessoc .fa-youtube:hover{background:#f90f00;color:#FFF;}


#redessoc .fa-tiktok{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6ce;}
#redessoc .fa-tiktok:hover{background:#000;color:#FFF;}


#redessoc .fa-whatsapp{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6ce;}
#redessoc .fa-whatsapp:hover{background:#06c613;color:#FFF;}

#redessoc .fa-spotify{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6ce;}
#redessoc .fa-spotify:hover{background:#1b8222;color:#FFF;}






#redessoc .fa-instagram{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6cd;}
#redessoc .fa-instagram:hover{background:#e71e7a;color:#FFF;}
#redessoc .fa-twitter-square{background:#FFF;padding:7px;margin:0;font-size:27px;color:#3cb6cd;}
#redessoc .fa-twitter-square:hover{background:#29a5db;color:#FFF;}
#redessoc .fa-phone-volume{font-size:18px;}
#blanco{height:0;}
#todo{width:100%;margin:0 auto;min-height:44px;background:none;z-index:9999;    max-width:1600px;}

#barra{width: 100%;
  height: 75px;
  padding: 5px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;}

#logo{width:auto;padding:0px;margin: 0 20px;}
#logo img{display:block;margin:10px auto;width:auto;max-width:100%;height:68px;}
#divm{width:auto;}
#redessoc{    width: 50px;
  position: fixed;
  right: 0;
  top:15%;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: center;    display: none !important;}
#redessoc a{display:block;margin:0px;text-decoration:none;margin-left:8px;color:#fff;}
#redessoc a:hover{color:#fff}
#barblock{width:100%;float:left;}
#divmenu{display:block;width:100%;min-height:30px;border:green solid 0px;float:right;margin-top:16px;}
#contenido{width:100%;margin:0 auto;max-width:1600px;}
.gal{float:left;max-width:45%;height:374px;margin-right:2.5%;margin-left:2.5%;margin-top:20px;}
  


/* Slider principal */
.slideRandom {
position: relative;
width: 50%;
height: auto;
}

.slideRandom img {
width: 100%;
height: 100%;
object-fit: cover;
}

.prev,
.next {
position: absolute;
  top:50%;
  transform: translateY(-50%);
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  z-index: 1;
  border: 0;
  color: #fff;
  background: #9e9e9e69 !important;
}


.prev {
left: 20px;
}

.next {
right: 20px;
}



  #formInscripcion input{       
    display: block;
    width: 40%;
    height: 30px;
    border: 0;
    border-radius: 13px;
    margin: 15px;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 17px;
  }
  #formInscripcion textarea{
    width: 83%;
    height: 100px;
    border-radius: 20px;
    margin-bottom:30px;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 17px;
  }

  #formInscripcion{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  /**menumovil**/
#menumovil{float:right;display:none;color:#f7b024;margin:5px;font-size:30px;text-decoration:none;}
a{color:#515151;text-decoration:none;}


/***SECTION***/
section{width:auto;max-width:100%;padding:0 50px;}

#txt1{
  padding:50px 0;
  text-align: center;;
}
.txtcenter{margin:20px auto;text-align:center;display:block;width:100%;max-width:790px;}
#txt1 b{color:#f7b024;}

#residential{
  background:#f7b024;  
}
#residential .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
}
#residential img{width:100%;display:block;}


#commercial{
  background:#000;  
  color:#FFF;
}
#commercial h1{color:#FFF;}
#commercial h1 b{color:#f7b024;}

#commercial .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
}
#commercial img{width:100%;display:block;}

.txtBox{
  display:block;width:90%;margin:0 auto;
}

#aboutus{
padding:50px 0;
}

#aboutus .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
}
#aboutus b{color:#f7b024;}
#aboutus img{max-width:80%;width:auto;max-height:150px;display:block;margin:20px auto;}

#aboutus span{display:block;max-width:80%;padding:20px;width:auto;}

.spanAbout{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}


#gallery{
  background:#000;color:#FFF;padding:50px 0 60px;
}
#gallery h1{color:#FFF;}

#gallery .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  max-width:95%;
}
#gallery span{
  display: block;
    margin: 0 auto;
    text-align: centeR;
}

#gallery img{width:24%;margin: 5px;}

#projects{
  background:#e5eaee;color:#000;padding:50px 0 60px;
}
#projects span{
  display: block;
    margin: 0 auto;
    text-align: centeR;
}

#projects .pag{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  max-width:95%;
}
.rw3{    
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
.rw3 img{
  width:100%;margin:8px;
}

#contacto{
 
  background: url(../img/contacto.png);
  background-size: cover;
  height: auto;
  padding: 50px 0;

}
#contacto h1{color:#FFF;}
#contacto .pag{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
#contacto .mitad{
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: center;
}
#contacto input{
 border-radius:15px;
 width:300px;height:25px;
 line-height:25px;
 color:#000;
 font-weight: 700;
 background:#e5eaee;
 border:none;
 margin:20px 0;
}
#contacto textarea{
  border-radius:15px;
  width:300px;height:65px;
  line-height:25px;
  color:#000;
  font-weight: 700;
  background:#e5eaee;
  border:none;
  margin:20px 0;
 }
 #btnYllw{
  color:#000 !important;
  background:#f7b024 !important;
  width:170px !important;
 }
 



footer{background-color:#000;padding: 50px 0 40px;color:#FFF;}

footer a{color:#fff;}
footer i{font-size:30px;margin:10px;}

footer .pag{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
footer span{
  display:block;text-align:center;padding:20px 0;
}
footer span:nth-child(3){padding:20px 0 0;color:#4f4f4f}




  @media only screen and (max-width :1100px) {
    #logo img {width:120px;height: auto;}
  
  #barra {
    width: 100%;
    height: 75px;
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  }


@media only screen and (max-width : 929px) {
  nav ul{display:block;height:auto;width:100%;}
 #logo{width:100%;float:none;margin:0 auto 0;}
 #logo img{display:block;margin:5px auto;width:120px;}
 #divm{width:100%;float:none;margin:0 auto;}
 #divmenu{display:block;width:100%;height:auto;}
 #contenido{width:100%;margin:0 auto;}
 }

@media only screen and (max-width : 785px) {

  .mitad{width:100%;}
.gde{width:100%}
.peq{width:100%}

  #main-nav{display: none; position: fixed;    right: 0; top: 53px;}
  #divgral{position:fixed;height:auto;z-index:99999;}
  #menumovil{display:block;}
  #blanco{height:10px;}
  #main-menu{background:#2b2a2a;}

  section { padding:20px 10px;}
  /* Slider principal */
  .slideRandom {
  width: 100%;
  }
  #gallery img {
    width: 47%;
    margin: 5px;
}

span{display:block;width:90%;margin:0 auto;}


.rw3{width:100%;}
.rw3 img {
  width: 100%;
  margin: 5px auto;
}
#contacto {
  background: url(../img/contacto.png);
  background-size: auto 100%;
  height: 500px;
  background-position: top center;
}

  .txtBox { width: auto;
    max-width: 100%;
    padding: 20px;}

    .txtcenter{
      width: auto;
    max-width: 100%;
    padding: 20px;
    }
  
  footer{margin-top: 0px !important;}
  

  body{background-image: url(../img/fondo2.png);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;}
    #divmenu{position:fixed;top: 0;margin-top: 0px;}
    #barra{width:100%;height:38px;padding:1px 0;}
    #contenido{min-width:100%;margin:0 auto;}
    #divgral{margin-bottom:0px;}
    #logo img{    height: 35px;
      width: auto;
      margin: 5px 20px;}
    .movil{display:block;}
    .web{display:none;}
    .footmenu{width:50%;float:left;text-align:center;height:170px;}
    .footmenu a{text-align:center;font-size:11px;width:100%;display:block;}
    .footmenu_promo{width:100%;float:left;text-align:center;margin:30px auto;}
#contacto div{float:none !important;}

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {  
  color: #ffffff !important;
}


}