body,html{font-family: "Montserrat", sans-serif; background-color:#fff}a:active,a:hover,a:link,a:visited{text-decoration:none}.space0{margin-top:5px;margin-bottom:5px}.space1{margin-top:10px;margin-bottom:10px}.space2{margin-top:20px;margin-bottom:20px}.space3{margin-top:30px;margin-bottom:30px}.space4{margin-top:40px;margin-bottom:40px}.space5{margin-top:50px;margin-bottom:50px}.space6{margin-top:60px;margin-bottom:60px}.space7{margin-top:70px;margin-bottom:70px}.space8{margin-top:80px;margin-bottom:80px}.space9{margin-top:90px;margin-bottom:90px}.space10{margin-top:100px;margin-bottom:100px}.no-padding{margin:0;padding:0}
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
}
html, body {
  margin: 0;
  width: 100%;
  height: 100%;
}


/************ fonts **************/
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/**************************/
.contenedor{
    max-width: 1200px;
    margin: 0px auto;
}

.bgvid{
    background: url(../img/fondovid@4x.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 100px 0px;
}

.videox{
    width: 90%;
    margin: 0px auto;
}
.frase{
    text-align: right;
}

.frase h1{
    font-size: 1em;
    font-weight: 200;
}
.frase h1 span{
    font-weight: 800;
}


.txtfrase h2 span{
    color: #fff;
    font-weight: 600;
}
.txtfrase h3 span{
    color: #D5A875;
    font-weight: 600;
}


.contenedor3{
    max-width: 800px;
    margin: 0px auto;
    padding: 20px;
}

.contenedor2 h2{
    font-size: 2em;
    font-weight: 200;
    text-align: center;
}

.contenedor2 h2 span{
    font-weight: 600;
}




.separadorcito{
    width: 50px;
    height: 5px;
    background-color: #D5A875;
}
.margsep{
    margin-left: 10px;
}

.sp1{
    color: #D5A875 !important;
    font-weight: 600;
}
.sp2{
    font-weight: 600;
}

.bg-agenda{
    background: url(../img/agenda-tu-cita@4x.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 40px 0px;
}

.cajagris{
    background-color: #434343ac;
}
.infoagendahoy{
    max-width: 700px;
    margin: 0px auto;
    text-align: center;
}
.infoagendahoy h2{
    text-align: center;
    font-size: 1.8em;
    color:#fff;
    font-weight: 400;
}

.infoagendahoy h2 span{
    font-weight: 600;
}
.infoagendahoy h3{ 
    font-size: 1.8em;
    color:#fff;
    font-weight: 600;
}

.infoagendahoy a{
    color: #DDA76C;
    background-color: #000;
    padding: 10px;
    font-size: 1.8em;
    font-weight: 600;
    display: block;
    max-width: 300px;
    margin: 0px auto;
}
.infoagendahoy a{
    color: #DDA76C;
    background-color: #000;
    padding: 10px;
    font-size: 1.8em;
    font-weight: 600;
    display: block;
    max-width: 300px;
    margin: 0px auto;
}
.zoomimg{
    transition: transform .2s; /* Animation */
    transition: all 0.2s ease;

}
.zoomimg:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.infonos p{
    font-size: 1.2em;
    text-align: justify;
}

.bg-black{
    background-color: #000;
}

.infointerior p{
    font-size: 1.8em;
    font-weight: 200;
    color: #fff;
}

.spanx1{
    color: #DDA76C !important;
}
.spanx2{
    font-weight: 600;
}


.titups h2{
    text-align: center;
    font-weight: 200;
    color: #000;
}
.titups h3{
    text-align: center;
    font-weight: 600;
    color: #D5A875;
}

.cajaexper{
    text-align: center;
}
.cajaexper img{
    width: 80%;
}

.bg-dismedida{
    background: url(../img/fondodalamedida@4x.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.infodismedida{
    padding: 100px 0px;
    text-align: center;
}

.infodismedida h2{
    color: #fff;
    font-weight: 400px;
}
.infodismedida h2 span{
    color:#D5A875 !important;
    font-weight: 600;
}
.infodismedida h3{
    color: #fff;
    font-weight: 400px;
}
.infodismedida h3 span{
    font-weight: 600;
}

.agendamicita h2{
    text-align: center;
    font-weight: 200;
    color: #000;
}
.agendamicita h3{
    text-align: center;
    font-weight: 400;
    color: #000;
}

.btnagenda{
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnagenda a{
    background-color: #000;
    padding: 10px 20px;
    color: #D5A875;
    font-weight: 600;
    font-size: 1.8em;
    text-align: center;
}
.colorblack{
    background-color: #000;
    padding: 100px 0px;
}
.colorblack2{
    background-color: #000;
}
.colorblack2 p{
    font-size: .8em;
    font-weight: 300;
    color: #fff;
}
.colorblack2 p a{
    color: #fff;
}


.wicon{
    position: fixed;
    bottom: 10px;
    right: 12px;
    z-index: 2000;
}
.wicon span{
    padding: 6px;
    background-color:#000;
    color:#fff;
    border-radius: 3px;
    font-size: .9em;
}

.redessociales{
    text-align: center;
}


.picgaltaller{
    width: 100%;
    height: 300px;
    cursor: pointer;
}

.picgal1{
    background: url(../img/fotos-banner/1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal2{
    background: url(../img/fotos-banner/2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal3{
    background: url(../img/fotos-banner/3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal4{
    background: url(../img/fotos-banner/4.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal5{
    background: url(../img/fotos-banner/5.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal6{
    background: url(../img/fotos-banner/6.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal7{
    background: url(../img/fotos-banner/7.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal8{
    background: url(../img/fotos-banner/8.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal9{
    background: url(../img/fotos-banner/9.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal10{
    background: url(../img/fotos-banner/10.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.picgal11{
    background: url(../img/fotos-banner/11.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal12{
    background: url(../img/fotos-banner/12.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal13{
    background: url(../img/fotos-banner/13.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal14{
    background: url(../img/fotos-banner/14.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal15{
    background: url(../img/fotos-banner/15.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal16{
    background: url(../img/fotos-banner/16.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal17{
    background: url(../img/fotos-banner/17.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal18{
    background: url(../img/fotos-banner/18.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal19{
    background: url(../img/fotos-banner/19.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal20{
    background: url(../img/fotos-banner/20.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.picgal21{
    background: url(../img/fotos-banner/21.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal22{
    background: url(../img/fotos-banner/22.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal23{
    background: url(../img/fotos-banner/23.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal24{
    background: url(../img/fotos-banner/24.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal25{
    background: url(../img/fotos-banner/25.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.picgal26{
    background: url(../img/fotos-banner/26.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
