
@font-face {
    font-family: "Montserrat";
    font-display: auto;
    src:  url('Termina-Bold.otf');
}
@font-face {
    font-family: "Termina Light";
    font-display: auto;
    src: url('Termina-Light.otf');
}





html a img{border:none;}

img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;}
body{padding:0;margin:0px auto;max-width:3000px;font-family:Arial;background:#FFF;text-align:justify;font-size:1em;}
*{margin: 0;}
html, body {height:100%;}
input{border:#D1CAB7 solid 1px;color:#D2CBB8;}
b{font-family: Arial;}
.titulo h1{font-size:0 !important;}
h1{color:#fff;font-size:2.5em;font-family: arial;}
h2{color:#0F3A61;font-size:1.5em;font-family:Arial;letter-spacing:1px;}
h3{color:#0F3A61;font-size:1em;letter-spacing:3px;text-align: center;font-family:arial;}
h4{color:#FFF;font-size:1.5em;letter-spacing:1px;text-align: center;font-family:arial;}

.secciones_redes h3{color:#000;font-size:16px;font-style: italic;font-weight:400;}




#divgral{width:100%;margin:0 auto;padding:0;z-index:8888;position:fixed;    max-width: 3000px;}
#home{height:0px;max-width:3000px;}
#todo{    width: 100%;
  margin: 0 auto;
  min-height: 55px;
  /*overflow: hidden;*/
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;}
#logo{width:30%;display:block;margin:5px auto;text-align: center;}
#logo img{display:block;margin:10px auto;max-width:256px;width:auto;}
#divm{width:100%;background:#000;}
#telmail{width:33%;float:left;font-size:.9em;font-family:Arial;/*letter-spacing:1px;*/padding-top:44px;color:#01669c;}
#redes_soc{display:block;width:100%;height:34px;margin:0 auto;max-width:3000px;}
#redes_soc a{display: inline-block;float:right;margin:9px 13px;text-decoration: none;color:#fff;font-size:11px;}
#redes_soc a:hover{color:#2c9ce6}

#newsletter{display:inline-block;float:right;line-height: 37px;color:#9E8262;font-size:0.89rem;font-weight:400;}
#barblock{width:70%;}
#divmenu{display:block;width:100%;min-height:56px;float:none;margin:0 auto;max-width:900px;
}
#contenido{width:100%;margin:0 auto;max-width:2000px;}

#commercial .mitad img{display:block;margin:20px auto;max-width:100%;}
#residential .mitad img{display:block;margin:20px auto;max-width:100%;}
#commercial b{display:block;margin:50px auto;text-align: center;}
#residential b{display:block;margin:50px auto;text-align: center;}
.btng{width:50%;display:inline-block;text-align: center;padding:30px 0;color:#515141;text-decoration:none;color:#000;font-size:1.5em;font-weight:bold;margin:-5px auto;cursor:pointer;}
.btng:hover{    filter: drop-shadow(2px 4px 6px black);}
.comm{background:#f5dece;}
.res{background:#ce988c;}
#commercial{display: none;padding-top:70px;}
#residential{padding-top:70px;}
.galleryf{background:url('../img/gallery.png');background-position: center;background-size:cover;background-repeat:no-repeat;height:600px;
}
#gallery{width:100%;color:#FFF;font-size:47px;font-weight:600;letter-spacing:2px;text-align: center;position:absolute;margin-top:200px;padding-top:100px;}
#gallery b{color:#f5dece;}
#gallery strong{color:#fff;letter-spacing:4px;font-weight:200;font-size:27px;}
#up{background:#791a2e5c;font-size:10px;text-align:center;line-height:56px;width:50px;height:50px;padding:0 0 20px;position:fixed;cursor:pointer;bottom:10%;right:1%;color:#fff;z-index:999999;}
#covidmsj{
  background: url(../img/news/fhojas.jpg?v3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #e4c5b9;
  font-size: 1.6em;
  margin-top: -5px;
  padding: 50px 0;
  text-align: center;
  font-weight: 200;
  height: 330px;
}
#covidmsj b{font-size:1.9em;}

#covidmsj div{
  background-image: url(../img/news/hojas.png);
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  padding: 10px;
  height: 172px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  color: #000;
  font-size: 17px;
  justify-content: center;
  padding: 10px 30px 33px 0px;
}


#covid{background:url('../img/fcov.png');background-position:center;background-repeat:no-repeat;background-size:cover;color:#e4c5b9;font-size:1.5em;margin-top:-5px;padding:100px 0;text-align: center;font-weight:200;}

#covid .izq b{font-size:3em;letter-spacing:5px;}
#covid .izq strong{font-size:1.8em;color:#FFF;letter-spacing:3px;}
#covid .tres img{width:90%;margin:0 auto;display: block;}
#covid .tres{text-align: center;font-size:1.2em;}
#covid .der b{color:#fff;}
#covid .der strong{color:#fff;font-size:1em;}


#testimonios{background:#fff;padding:100px 0;color:#4e545a;font-size:1.5em;}
#testimonios img{margin:30px auto;width:auto;display:block;max-width:100%;}
#testimonios .noventa{margin:0 auto;width:80%;}
#testimonios b{color:#710d20;text-align: center;}
#testimonios i{color:#999;text-align:center;display:block;}

#contactus{background:#f9f9f9;padding:100px 0;color:#4e545a;}
#contactus img{display:block;margin:0 auto;}
#contactus b{color:#710d20;text-align: center;}
#contactus i{color:#515151;font-weight:bold;font-style:normal;}

#contactus input{displaY:block;width:90%;border-radius:60px;height:40px;border:1px solid #dad5c8;margin:10px auto;font-family:arial;font-style: oblique;line-height:30;text-align: center;}
#contactus textarea{displaY:block;width:90%;border-radius:20px;height:130px;border:1px solid #dad5c8;font-family:arial;font-style: oblique;padding:15px;text-align: center;margin:10px auto;}
.btnr{background:#710d20;color:#FFF;line-height:27px !important;}

/*********/

* {box-sizing: border-box;}

body {
  margin: 0 auto;
  font-family: Arial;
  font-size: 17px;
}

#myVideo {
  position: fixed;
      right: 0%;
      bottom: 0;
      left: 0%;
      top:5%;
      width: 100%;
      min-height: 100%;
}

.imgtxt {
  margin:50px auto;display:block;
  max-width:100%;
}
.infotxt{margin-top:50px;font-size: 1.5em;
line-height:30px; width: 60%;color: #515151;}

#servicestitle{
  margin-top: 40px;
    margin-bottom: 40px;
}
#aboutus {
  padding-bottom: 80px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
}
.imggallery{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}

.imggallery img{
  margin:10px 0
}

#services{background:url('../img/fservices.png');background-position: center -250px;background-repeat: no-repeat;background-size:100%;background-color:#ececec;color:#fff !important;height:1930px;width:100%;padding:20px 0;}
#s2{width:100%;height:800px;}
.prd{width:90%;margin:0 auto 20px;max-width:360px;font-size:1.3em;text-align: left;color:#989898;}
.prd img{max-width:100%;border:#fff solid 10px;margin:5px auto 10px;display:block;}
.prd b{color:#720e23;}
.s2-1{margin-top:50px;}
.s2-2{margin-top:90px;}

#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

.btnservicios{background:#54a7d1;color:#FFF;padding:10px 20px;border-radius:30px;margin:63px auto 0;display: block;width: 242px;}

.pag_gral{background:#FFF;width:100%;margin:0 auto;min-height:100px;height:auto;overflow:hidden;margin-top:350px;position:relative;    font-size:1.5em;
}
.bluetitle{background:#54a7d1;text-align:centeR;padding:50px 0;width:100%;margin:0px auto 0;}

.opc1{width:47%;float:left;text-align:center;color:#999;background:#cfecfc;min-height:370px;font-size:.7em;}
.opc1 b{color:#0F3A61;font-size:.8em;}
.opc1 img{display:block;margin:20px auto;}
.opc1 a{background:#0F3A61;color:#FFF;font-size:.9em;border-radius:15px;padding:5px 10px;display:block;margin:20px auto;width:200px;}
.opc2{width:47%;float:right;text-align:center;color:#999;background:#cfecfc;min-height:370px;font-size:.7em;}
.opc2 b{color:#0F3A61;font-size:.8em;}
.opc2 img{display:block;margin:20px auto;}
.opc2 a{background:#0F3A61;color:#FFF;font-size:.9em;border-radius:15px;padding:5px 10px;display:block;margin:20px auto;width:200px;}

/***********/


.banspan{display:block;width:90%;border:red solid 0px;margin:0 auto;text-align: center;font-size:23px;font-family: Montserrat, sans-serif;font-weight:300}
.blue{background:#2d9de7;color:#FFF;}
.txtcenter{text-align:center;}
.btninfo{background:none;color:#FFF;border-radius:5px;bordeR:#FFF solid 1px;padding:3px 0;display:block;width:200px;text-align:center;font-family: 'Montserrat';text-decoration: none;}
.iemocional{padding:30px 0;background-image:url('../img/iemocional.jpg');background-repeat:no-repeat;background-position: center;background-size: 100%;color:#FFF}
.imgs{max-width:100%;margin:0 auto 20px;display:block;}
.gray{background:#e9f1f4;}
.newsletter{width:300px;max-width:80%;height:30px;font-sizE:20px;border-radius:5px;}
.newsletterbtn{width:auto;background:#2d9de7;color:#FFF;border-radius:5px;height:30px;margin:0}


.full{width:100%;display:block;overflow:hidden;}
.pag{width:100%;max-width:1140px;margin:0 auto;overflow:hidden;}
.noventa{width:90%;}
.btn{background:#4d4d4d;color:#fff;text-align:center;display:block;width:200px;padding:10px 0;text-decoration: none;border-radius:3px;font-size:10px;}
.btn:hover{background:#2c9ce6;}
.btns{background:#fFfFf0;color:#fff;text-align:center;display:block;width:100px;padding:5px 0;text-decoration: none;}
.btns:hover{background:#ECECE0}
.izq{float:left;}
.der{float:right;}
.sidebarpeq{width:35%}
.sidebargde{width:65%;}
.txtdiv{width:95%;margin:10px auto;display:block;overflow:hidden;}
.txtdivpeq{width:70%;margin:10% auto;display:block;overflow:hidden;}
.txtgral{font-size:13px;color:#515151}
.txtgris{font-size:13px;color:#999;}
.borderbottom{border-bottom:1px solid #d8d8d8;}
.margentop{margin-top:20px;}
.margenbot{margin-bottom:20px;}
.padd{padding:40px 0;}
.mitad{width:50%;}
.txtcentro{text-align: center;display: block;margin: 10px auto;}
.centro{display:block;margin:0 auto;}
.txtpeq{font-size:13px;;}
.divpeq{width:70%;margin:10%;height:200px;background:#fff;color:#515151}
.mxw{max-width:90%;width:100%;margin:0 auto;}
.rs{color:#2c9ce6;}
.centro{margin:0 auto;}
.cuatro{float:left;width:33%;}
.cuatro img{margin-bottom:15px;}
.cuatro b{font-size:17px;}
.cuatro img:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.tres{float:left;width:33%;text-align:justify;font-size:.6em;}
.tres b{font-size:.9em;color:#515151;text-align: center;display:block;margin:12px auto;}
.tres img{display:block;margin:10px auto;width:100%;}
.tres hr{display:block;margin:10px auto;border:none;border-bottom:#ececec solid 1px;}
.tres a{display:block;margin:10px auto;text-align: center;color:#0F3A61;}

.consultoria img{margin-right:9px;}

.fa{font-size:22px !important;margin-top:-3px;}
#smfooter a{text-decoration:none;color:#FFF;}
#smfooter .fa{margin-right:5px;}

.banner{width:100%;margin:0 auto;border-bottom:#202686 solid 0px}
.body_ban{width:100%;min-height:100px}
.body_ban img{width:100%;}


footer{float:left;width:100%;overflow:hidden;height: 333px;background:#000;padding:40px 0;position:absolute;z-index:8888;}
.footer{color:#ECECE0;font-size:.8em;}

.seccionesfooter{width:11%;float:left;margin-left:1%;color:#ecd0e0;font-size:13px;height:270px;text-align:left;}
.titulo{color:#FFF;font-size:13px;text-align:left;
    line-height:14px;display:block;height:44px;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:13px;;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;}

.fta a{color:#ECECE0;text-decoration:none;text-transform: uppercase;}
.fta a:hover{color:#2c9ce6;}

.movil{display:none;}
.web{display:block;}



.taller{width:100%;padding:20px 0;border-bottom:#2d9de6 solid 1px;margin:5px auto;overflow:hidden;}
.imgtaller{width:10%;floaT:lefT;}
.imgtaller img{width:100%;margin:0 auto;display:block;}
.titlet{width:60%;float:left;}
.horariot{width:30%;float:right;}
.horariot b{color:#2d9de6;font-weight:500;}
.horariot strong{color:#0e3a60;font-weight:300}

@media only screen and (max-width : 3500px) {
#services {
    background: url(../img/fservices.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 135%;
    background-color: #ececec;
    color: #fff !important;
    height: 1718px;
    width: 100%;
    padding: 20px 0;
}
}

@media only screen and (max-width : 2700px) {
  #services {
    background: url(../img/fservices.png);
    background-position: center -300px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ececec;
    color: #fff !important;
    height: 1624px;
    width: 100%;
    padding: 20px 0;
    }
}
@media only screen and (max-width : 2000px) {
  #services {
    background: url(../img/fservices.png);
    background-position: center -73px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ececec;
    color: #fff !important;
    height: 1930px;
    width: 100%;
    padding: 20px 0;
    }
}

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

#covidmsj{font-size: 1.3em;}
#covidmsj b{font-size: 1.4em;}
.infotxt{font-size:1.2em;}
#servicestitle{margin-top:78px;margin-bottom:40px;}
.prd{font-size: 1em;}
#services{height: 1560px;background:url('../img/fservices.png');background-position: center top;background-repeat: no-repeat;background-size:100% auto;background-color:#ececec;color:#fff !important;}
#covid{font-size:1em;}
#covid .tres{font-size:0.8em;}
}

@media only screen and (max-width : 1035px) {
#services{height: 1560px;background:url('../img/fservices.png');background-position: center top;background-repeat: no-repeat;background-size:auto 700px;background-color:#ececec;color:#fff !important;}

}


@media only screen and (max-width : 929px) {
 nav ul{display:block;height:auto;width:100%;}
#logo{width:100%;float:none;margin:0 auto;}
#logo img{display:block;margin:5px auto;width:120px;}
#divm{width:100%;float:none;margin:0 auto;}
#redes_soc{display:block;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#newsletter{display:inline-block;float:right;line-height: 37px;color:#9E8262;font-size:13px;font-weight:400;}
#divmenu{display:block;width:100%;height:auto;}
#contenido{width:100%;margin:0 auto;}


}

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

/*#todo{display:none !important;}*/
#barblock{width:100%;    background: #fff !important;}
  .taller{width:100%;padding:20px 0;border-bottom:#2d9de6 solid 1px;margin:5px auto;overflow:hidden;}
  .imgtaller{width:100%;floaT:lefT;}
  .imgtaller img{width:100%;margin:0 auto;display:block;}
  .titlet{width:100%;float:left;}
  .horariot{width:100%;float:right;}
  #logo{display:none;}
  #aboutus{flex-direction: column !important;}

#telmail{    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    font-size: .6em;
    font-family: Arial;
    letter-spacing: 1px;
    padding-top: 0;
    color: #fff;
    background: #24a0e1;}
    .pag {
    width: 90%;}

    #divmenu{background:#fff !important;min-height:27px;}
    #myVideo{    width: auto;}
    .content{    font-size: .8em;}
    .opc1{width:100%;}
    .opc2{width:100%;}
    .tres{width:100%}
    #contenido{min-width:100%;margin:0 auto;}
#divgral{position:relative;margin-bottom:120px;}

#logo img{width:130px;}
#redes_soc{display:none;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#newsletter{float:none;margin:0 auto;}

#submenus a{width:30%;margin-top:5px}


.movil{display:block;}
.web{display:none;}


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

  .contenido{
    padding-top: 107px;
  }
  

#blanco{height:94px;}
.divpeq {
    width: 95%;
    margin: 10px auto;
    padding: 20px 0 !important;

    min-height: 203px;
    background: #fff;
    color: #515151;
    overflow: hidden;
    height: auto;
}
.iemocional{padding:30px 0;background-image:url('../img/iemocional.png');background-repeat:no-repeat;background-position: center;background-size: cover;color:#FFF}
    .cuatro{width:100%;}
    .consultoria img{margin-right:0px;margin:10px auto;float:none;}
    .consultoria div{text-align: center;}
    #contactopag{text-align: center;}

h2{text-align:center;color:#000;font-size:28px;}
.izq{float:none;}
.der{float:none;}
.sidebarpeq{width:95% !important;margin:0 auto;border:none !important;}
.sidebargde{width:95%;margin:0 auto;}
.txtdiv{width:95% !important;margin:10px auto;display:block;overflow:hidden;}
.txtdivpeq{width:70%;margin:10% auto;display:block;overflow:hidden;}

.txtgral{font-size:13px;color:#515151}
.margen{margin-top:20px;margin-bottom:20px;}
.padd{padding:25px 0;}
.mitad{width:100%;}
.txtcentro{text-align: center;display: block;margin: 10px auto;}

.txtpeq{font-size:13px;;}
.mxw {
    max-width: 95%;
}
.banner{width:100%;margin:0 auto;border-bottom:#202686 solid 0px;}
.body_ban{width:100%;min-height:300px}
.body_ban img{width:100%;}
.sidebarpeq img{display:block;margin:0 auto; width: 95px;}

#services{background:url('../img/fservices.png');background-position: center top;background-repeat: no-repeat;background-size:auto;background-color:#ececec;color:#fff !important;height:3004px;width:100%;padding:20px 0;}
#gallery {padding-top:58px;}
.btng {font-size:1em;}
#covidmsj{        background: url(../img/news/fhojas.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #e4c5b9;
  font-size: 1.6em;
  margin-top: -5px;
  padding: 50px 0;
  text-align: center;
  font-weight: 200;
  height: 400px;
}

#covidmsj div{
  background-image: url(../img/news/hojas2.png);
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding: 10px;
        height: 307px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        color: #000;
        font-size: 15px;
        padding: 40px;
        width: 95%;
}

  .infotxt {width:89%;}
#covid{background-size: auto 100%;}
#covid .tres{margin-bottom:30px;}
#covid .tres img{width: 65%;}
#contactus img{max-width:100% !important;}
#contactus .der{margin-top:100px;}
#residential .izq{margin-bottom:65px;}
#commercial .izq{margin-bottom:65px;}

footer{float:left;width:100%;overflow:hidden;min-height:350px;background:#1d1d1b;;
    padding: 0px 0;}
footer .mitad{text-align: center!important;}
footer .mitad .pag{text-align: center!important;padding-bottom:40px;}
.seccionesfooter{width:30%;float:left;margin-left:1%;color:#ecd0e0;font-size:13px;min-height:270px;overflow:hidden;text-align:left;}
.titulo{color:#FFF;font-size:13px;text-align:left;
    line-height:14px;display:block;height:44px;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:13px;;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;width: 95px;}

    #ftm{display:none;}
    .icon{margin-top:34px;margin-left:0;margin-right:17px;}

    .txtgris{font-size:15px;color:#999;}
}

/*@media only screen and (max-width : 600px) {

    .body_ban{min-height: 120px;}
}*/
