@charset "utf-8";
/* CSS Document */

.contacto {
padding:0!important;
margin:0!important;
background:url(../images/bk-contacto.jpg) 50% 50% no-repeat;
background-size: cover;
top:-10000000000px;
width:100%;
visibility:hidden;
position:absolute;
z-index: 989;
min-height: 100vh;
display:block;
-webkit-transition:  0.2s; /* Safari */
    transition: 0.2s;
}
.contacto.mostrar {
top:0!important;
visibility:visible!important
}


.contacto section {/*padding:0!important;*/ margin:0!important; /*height:100vh;*/ position:relative; vertical-align:middle; display:none; width:100vw; overflow:hidden; padding:100px 0 0 0!important; min-height:100vh}


.contacto section.active {display:table}
.contacto .titulo {
color:#fff;
text-align:center;
font-weight:normal;
font-size:80px;
line-height:1.2;
display:table-cell;
vertical-align:middle;
position:relative;
top:-400px;
opacity:0;
font-family: 'GothamUltra';
cursor:auto!important
}
.contacto .titulo-ch {
color:#fff;
text-align:center;
font-weight:normal;
font-size:55px;
line-height:1.2;
font-family: 'GothamUltra';
position:relative;
opacity:0;
top:-100px;
display:block;
cursor:auto!important

}

.contacto .contenido {
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
position:relative
}

.contacto .cerrar {width:68px; left:-20px; top:18px;}


.contacto ul#accesos a {height:auto!important; margin:0!important; padding:0!important; z-index:100; display:inline-block}
.contacto ul#accesos a img {border:0!important; height:40px; width:auto; display:block; margin:0!important; padding:0!important; opacity:0; transform: scale(2.5);}
.contacto ul#accesos a:hover {z-index:999!important; transform: scale(1.5)!important;}

.contacto ul#accesos {
list-style:none;
margin:auto;
padding:0;
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
opacity:1;
height:252px
}
.contacto ul#accesos > li {
list-style:none;
padding: 0;
margin:22px auto;
float:none;
clear:both;
display:block;
}

.contacto .contenido {
display:table-cell;
vertical-align:middle;
position:relative;
text-align:center;
position:relative
}

.contacto #contactodirector {
background:#5c7fa7;
opacity:0;
}
.contacto #contactooficinas {
background:#80aa96;
opacity:0;
}
.contacto #contactoadministracion {
background:#e7ba79;
opacity:0;
}

.contacto .info {
opacity:0;
/*padding:30px 0*/
padding:20px 0
}

.contacto .data {
font-style:italic;
color:#fff;
font-family: 'Droid Serif', serif; /*font-size:30px*/ font-size:23px; line-height:1.3 /*1.4*/
}
.contacto .data a {color:#fff}
.contacto #contactodirector .data span, .contacto #contactodirector .data a:hover {color:#ecb747}
.contacto #contactooficinas .data span, .contacto #contactooficinas .data a:hover {color:#5c7fa7}
.contacto #contactoadministracion .data span, .contacto #contactoadministracion .data a:hover {color:#5c7fa7}

.contacto .info form {max-width:535px; margin:auto; /*padding-top:70px;*/ font-family: 'GothamMedium'; font-size:14px; /*padding-top:40px;*/ padding-top:20px;}
.contacto .info label {text-align:center; text-transform:uppercase; display:block; line-height:26px; font-family: 'GothamMedium'; font-weight:normal!important; font-size:14px}
.contacto .info input {display:block; width:100%; padding-left:15px; padding-right:15px; margin-bottom:10px; line-height:30px; height:30px; color:#999; font-weight:normal!important; border:none!important; font-size:14px}


.contacto .info input.btnenviar {display:inline-block; width:auto!important; padding-left:15px; padding-right:15px; margin-bottom:10px; margin-top:10px; line-height:30px; height:auto!important; color:#fff; border:none!important; font-size:14px; text-transform:uppercase; font-family: 'GothamMedium'; font-weight:normal!important;}

.contacto #contactodirector input.btnenviar {background:#ecb747;}
.contacto #contactodirector input.btnenviar:hover {color:#ecb747!important; background:#fff!important;}

.contacto #contactooficinas input.btnenviar {background:#5c7fa7;}
.contacto #contactooficinas input.btnenviar:hover {color:#5c7fa7!important; background:#fff!important;}

.contacto #contactoadministracion input.btnenviar {background:#5c7fa7;}
.contacto #contactoadministracion input.btnenviar:hover {color:#5c7fa7!important; background:#fff!important;}

.contacto .info textarea {display:block; width:100%; padding-left:15px; padding-right:15px; resize:none;  color:#999; font-weight:normal!important; /*height:65px;*/ height:45px; border:none!important; font-size:14px}

.contacto .btn-cerrar {visibility:hidden}


span.wpcf7-not-valid-tip {top:2px!important; position:absolute!important; width:200px!important; font-size:14px!important; text-transform:none!important; font-family: 'GothamBook'!important}

.contacto form p {margin-bottom:0!important}
.wpcf7-form-control-wrap {position:relative; display:block}
div.wpcf7-response-output {
margin:0!important;
padding:5px 15px!important;
border:none!important;
border-top:1px solid #fff!important;
font-family: 'GothamMedium'!important;
/*font-size:15px!important;*/
font-size:13px!important;
}
div.wpcf7-validation-errors {color:#f00!important}
div.wpcf7-mail-sent-ok {background:#5c7fa7!important; color:#fff!important}
.contacto #contactodirector div.wpcf7-mail-sent-ok {color:#background!important; color:#fff!important}





.contacto #contactodirector input.btnenviar, .contacto #contactoadministracion input.btnenviar, .contacto #contactooficinas input.btnenviar {opacity:1!important; position:relative!important}
.jcf-button-content {display:none!important}
.wpcf7-spinner {margin:0 auto!important; display:block!important}
.jconfirm jconfirm-light {display:none!important}