@font-face {
    font-family: 'alternate_gothic_no2_dregular';
    src: url('fonts/alternate_gothic_no2_d_regular-webfont.woff2') format('woff2'),
         url('fonts/alternate_gothic_no2_d_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Isidora Light';
font-style: normal;
font-weight: normal;
src: local('Isidora Light'), url('fonts/Latinotype - Isidora-Light.woff') format('woff');
}

* {
  box-sizing: border-box;
}
html, body{
  width: 100%;
  height:100%;
}
html {
  scroll-behavior: smooth;
}
.paddingFix{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.menuContainer{
  width: 100%;
  float: left;
}
.menuTop{
  cursor: pointer;
  padding: 5px;
  border-style: none;
  float: left;
  text-align: right;
}
.menuTop:hover{
  color: #b2b2b2;
  text-decoration: none;
}
.menuTopContainer{
  width: 100%;
  float: left;
}
.menuItems{
  align-items: center;
  max-width: 1366px;
  width: 100%;
  padding: 10px 0 10px 0;
  font-family: 'Isidora Light';
  font-size: 22px;
}
.imagenTop{
  width: 100%;
  max-width: 1366px;
  height: auto;
}
.circulosContainer{
    width: 100%;
    padding: 20px 30px 15px 30px;
}
.circulos{
  max-width: 1366px;
  height: auto;
  align-items: center;
}
.circulos img{
  margin: 10px 10px 10px 10px;
}
.imgCabecera{
  max-width: 100%;
}
.imgBottom{
  width: 80%;
}
.navContainer{
  width: 100%;
  float:left;
  padding: 20px;
}
.contenedores{
  max-width: 1366px;
  width: 100%;
  float: left;
}
.colNav{
  float: left;
  width: 100%;
}
.cmsInputBtn{
  width: 100%;
  height: auto;
  background-color: #3fad2c;
  margin-bottom: 2px;
  margin-top: 2px;
  cursor: pointer;
  color: #ffffff;
  height: 60px;
  font-size: 22px;
  font-family: 'Isidora Light';
  border-radius: 5px 0 0 5px;
  float: left;
  text-align: left;
  padding-top: 15px;
}
.cmsInputBtn:hover {
  color: #666666;
  text-decoration: none;
}
.cmsInputBtn:hover span{
 background-position: center bottom;
}
.welcomeContainer{
  background-color: #f8f8f8;
  width: 100%;
  float: left;
  height: auto;
  padding: 15px;
min-height: 382px;
}
.cuarenta{
  width: 100%;
  float: left;
}
.textoBienvenida{
  font-size: 40px;
  font-family: 'alternate_gothic_no2_dregular';
  text-align: center;
  float: left;
  padding-top: 50px;
  padding-bottom: 60px;
}
#empresaContainer, #servicioContainer, #productosContainer, #contactoContainer, #privacidadContainer{
  display: none;
}
.cmsInputBtn:hover{
    background-color: #CCCCCC;
    text-decoration: none;
}
.titulo{
  margin-top: 40px;
  font-size: 40px;
  font-family: 'alternate_gothic_no2_dregular';
}
.tituloEmpresa{
    text-align: center;
}
.parrafo{
  float: left;
  font-family: 'Isidora Light';
  font-size: 22px;
  margin-bottom: 10px;
    padding: 40px;
    font-weight: bold;
    text-align: justify;
    -webkit-hyphens:none;
-moz-hyphens:none;
hyphens:none;
}

.parrafo span{
  white-space: nowrap;
}


.parraFooter{
  float: left;
  color: #ffffff;
  font-family: 'Isidora Light';
  width: 100%;
    font-size: 15px;
  text-align: center;
  margin-top: 10px;
}
.parrafo2{
  float: left;
  font-size: 22px;
  margin-top: 35px;
  margin-bottom: 10px;
  margin-left: 24px;
  width: 100%;
    padding: 10px 40px;
}
hr{
  height: 2px;
  width: 100%;
  float: right;
}
.img{
  float: left;
  margin-top: 20px;
  width: 100%;
}
.listNum{
  list-style: decimal;
  margin-left: 15px;
}
.img2{
  float: left;
  margin-top: 20px;
  width: 100%;
  margin-bottom: 25px;
}
.list{
  list-style: disc;
}
.btnCenter{
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-left: 480px;
}
.centerBtn{
  width: 100%;
  float: left;
}
.centerBtn2{
  width: 100%;
  float: left;
}

.inputBtn2{
  background-color: #3fad2c;
  margin-top: 0px;
  margin-bottom: 30px;
  cursor: pointer;
  color: #ffffff;
  height: 50px;
  font-size: 22px;
  font-family: 'Isidora Light';
  border-radius: 5px;
  float: left;
  width: auto;
    padding: 10px;
}
.inputBtn2:hover{
  background-color: #666666;
  color: #ffffff;
  text-decoration: none;
}
.link{
  width: 100%;
  float: left;
}
.pt25{
  padding-top: 25px;
}
.centerBtn a{
  text-decoration: none;
  color: #ffffff;
}
.titulo2{
  width: 100%;
  text-align: center;
  font-family: 'alternate_gothic_no2_dregular';
  margin-top: 10px;
  font-size: 40px;
  float: left;
}
.titulo3{
  width: 100%;
  text-align: center;
  font-family: 'alternate_gothic_no2_dregular';
  margin-top: 10px;
  font-size: 40px;
  float: left;
  color: #ffffff;
}
.titulo3 a{
    text-decoration: none;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.titulo3 a:hover{
    opacity: .4;
}
.firma{
    align-self: center;
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'alternate_gothic_no2_dregular';
    font-size: 25px;
    font-weight:800!important;
}
.contacto{
    margin: 25px 0 0 0;
    padding: 0;
}
.contactoLbl{
    width: 100%;
    float: left;
}
.inputWrap{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.inputWrap p{
    margin-bottom: 10px;
}
.mt10{
  margin-top: 5px;
}
.inputCms{
  width: 100%;
  border: solid 1px #b3b3b3;
}
.inputCms2{
  width: 100%;
  height: 250px;
    border: solid 1px #b3b3b3;
}
#map_canvas{
  height: 100%;
}
.googleMaps{
  width: 100%;
  height: 300px;
  float: left;
  margin-top: 20px;
}
.alertWarp{
  width: 100%;
  float: left;
  text-align: center;
  height: 30px;
  font-family: 'Isidora Light';
  margin-bottom: 15px;
  margin-top: 15px;
}
#alert{
}
.btnSend:hover{
  background-color: #848484;
  color: #ffffff;
  text-decoration: none;
}
.inputBtn3{
  background-color: #3fad2c;
  margin-top: 0px;
  margin-bottom: 30px;
  cursor: pointer;
  color: #ffffff;
  height: 50px;
  font-size: 18px;
  font-family: 'Isidora Light';
  border-radius: 5px;
  float: left;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: center;
}
.inputBtn3:hover{
  background-color: #666666;
  color: #ffffff;
  text-decoration: none;
}
.imgContainer{
  width: 100%;
  min-height: 500px;
  background: url(../images/back.png) center center no-repeat;
  background-size: cover;
  float: left;
}
/* Inician imagenes de iconos */
.inicioIcon{
  background: url(../images/inicioIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}
.curriIcon{
  background: url(../images/curriIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;

}
.empresaIcon{
  background: url(../images/empresaIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}


.pt10{
  padding-top: 10px;
}
.serviciosIcon{
  background: url(../images/serviciosIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}
.welcomeContainer, .empresaContainer, .servicioContainer, .productosContainer, .contactoContainer, .privacidadContainer{

}
.privacidadContainer{
    padding: 0;
}
.contactoContainer{
    width: 100%;
    float: left;
}
.productosIcon{
  background: url(../images/productosIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}
.contactoIcon{
  background: url(../images/contactoIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}
.privacidadIcon{
  background: url(../images/privacidadIcon.png) center top no-repeat;
  height: 27px;
  width: 35px;
  float: left;
  margin-right: 15px;
}
/* terminan imagenes de iconos */
.imgFoot{
  align-items: center;
  margin-top: 10px;
}
.redes{
    width: 70px;
    height: 70px;
    margin: 0 10px 20px 10px;
    opacity: 1;
    margin-bottom: 30px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.fb{
    background: url(../images/fb.png) center center no-repeat;
    background-size: 70px;
}
.twt{
    background: url(../images/tw.png) center center no-repeat;
    background-size: 70px;
}
.redes:hover{
  opacity: .8;
  text-decoration: none;
}
.footer{
  float: left;
  width: 100%;
    padding: 25px 0 25px 0;
  background-color: #5e5e5e;
    margin: 0;
}
.row2{
}
.curri{
  max-width: 1366px;
  float: left;
  padding: 0;
}
#curri{
    display: flex;
    align-items: center;
    justify-content: center;
}
.w100{
  width: 100%;
}

.btnActive{
  color: #666666;
    background-color: #f8f8f8;
  text-decoration: none;
}

.btnSpanActive{
    background-position: center bottom;
}


@media (max-width: 767px) {

    .cmsInputBtn{
      border-radius: 0;
      text-align: center;
      padding-bottom: 40px;
      font-size: 16px;
    }
    .colNav{
      margin-right: 10px;
    }
    .circulosContainer{
      display: none!important;
    }
    .mediaBtn{
      border: 5px solid white;
    }
    .parrafo{
      font-size: 18px;
    }
    .parrafo2{
        font-size: 18px;
        padding: 0;
        margin-left: 10px;
    }
    .imgBottom {
        width: 100%;
    }
    .titulo2 {
    text-align: left;
    }
    .inputBtn2 {
    height: auto;
    text-align: center;
    }
    .parrafo {
    width: 100%;
    padding: 20px;
    }
    ul{
        margin-left: 20px;
    }
    .inputWrap {
        padding: 0;
    }
    .inputBtn3{
      width: 100%;
    }
  }