/*main {max-width:90%; margin:0 auto}*/
#letraslogo, #encabezado_mail, #encabezado_lenguaje{
    margin-top: 1em;
    
}


#zooms div{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    
}

#zooms img{
    min-width:100%;
    /*min-height: 100%;*/
    display: block;

}

#logo img{
    /*min-width:100%*/;
}

#logoFooter a {
    line-height: 10px;
    display: inline-block;
    background: white;    
}

#logoFooter a img {
    padding: 3px;
}

.logo-footer-left {
    padding-right: 8px !important;
}

.logo-footer-right {
    padding-left: 8px !important;
}

.img-width-max img {
    width: 100%;
}

.img-inaa {
    max-width: 135px;
    background: #FFF;
}

body{
    background-color: #eaeaea;
}

#encabezado{
    background-color: #e2e2e2;
    
}

#hastarriba{
    background-color: #666666 !important;
}

footer{
    background-color: #222222;
    padding-top: 20px;
    padding-bottom: 20px;
}

.miembro-de p {
    font-size: 16px;    
    color: white;
    font-weight: 300;
    letter-spacing: .7px;
}

.footer {
    margin-bottom: 0;
    padding-top: 10px !important;    
}

.footer > div {
    flex-wrap: wrap;
}

.footer p {
    margin-bottom: 5px;
    margin-top: 5px;    
    line-height: 1.2em;
}

.footer-section {
    -webkit-align-items: flex-end;
    align-items: flex-end;       
}

.footer-text-container p {    
    max-width: 65%;
    margin-left: auto;    
    margin-right: auto; 
    font-size: 14px;    
}

.logoDespachoLetras {
    padding: 4px;
    padding-bottom: 0;
}

.copy {
    margin-top: 0;
    line-height: 1em;    
}

.copy p {
    margin: 0;
}

@media screen and (max-width: 600px) {
    .copy p {
        text-align: center;
    }
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

#nosotros_principal img{
    min-width:100%;
}

table {
    font-size: 16px;
    margin-bottom: 3rem;
}

.table-head {
    background: black;
    color: #E2E2E2;    
}

.table-head > th {
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
}

table tbody tr.table-content-head {    
    background: #E4E4E4;    
    margin-top: 15px;
    /*display: block;*/
    width: 100%;    
}

.table-space {        
    height: 14px;
}

table tbody tr.table-content-head td:nth-child(1) {
    text-align: left;
    /*display: inline-block;*/
}

table tbody tr.table-content-head td h6 {    
    width: 100%;
    max-width: 480px;
    margin: 0 auto 0 auto;
    font-size: 1.1em;
}

#letra_capital{
    font-size: 1.5em;
}

.color-gray {
    color: #5b5b5b;
}

.color-light-gray {
    color: #CbCbCb;
}

#tarjeta{
    background-color: #1a1a1a;
    color: #4b4b4b;
}

#tagcontacto, #tagservicios{
    background-color: #1a1a1a;
    color:white;
    margin-top: 2em;
}

#formulario{
    margin-top: 2.5em;
}

#formu_inferior{
    margin-top: 2em;
}

#recaptcha{
    margin-top: 3em;
}

#seccion_enviar{
    margin-top: 4em;
}

#seccion_enviar_s{
    margin-top: 4em;
}

#contacto_tarjeta_s{
    margin-top: 5em;
}

#seccion_adn{
    background-color: #c3c8cc;
}

#adn_mision, #adn_vision, #adn_valores{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    position:relative; 
    top:-7em; 
    background-color:black;
}

#adn_mision img, #adn_vision img, #adn_valores img{
    min-width:100%;
}

#adn_fondo{
    max-height:12em;  padding:0 0 1em 0;
}

#adn_tag{
    background-color: #1a1a1a;
    color:white;
    margin-bottom: 2em;
}

.empresa-atributos > div:nth-child(1) {    
    height: auto;
}

.empresa-atributos-img > div {
    overflow: hidden;    
    max-width: 220px;
    margin: 0 auto;
    height: 200px;
}

.empresa-atributos-img img {
    max-width: 110%;
}

img.img-horizontal {    
    max-width: 150%;
}

.view {
    width: 50% ;
    height: 27.5em;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../img/img1.jpg) no-repeat center center
}
.view .mask, .view .content {
    width: 100%;
    height: 27.5em;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    width: 100%;
    height: 27.5em;
    display: block;
    position: absolute;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 24px;
    padding: 10px;
    margin: 30% 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    color: #fff;
}
.view a.info:hover {
    
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*servicios*/

.letra-oscura {
    font-weight: bold;
}

.letra-semi-oscura {
    font-weight: 400;
}

.servicios-top-description {
    margin-bottom: 0;
}

.servicios-top-description > div > p {    
    max-width: 512px;
}

p.texto-subtitlo {
    display: block;
    font-size: 1.2em;
    width: 100%;
    font-weight: 500;
}

span.texto-subtitulo {    
    font-size: 1.3em;
    width: 100%;    
}

.servicio-mask {
    position: relative;
}

.back-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;    
    overflow: hidden;
    z-index: -1;
}

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

.back-img-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 11, 11, .8);    
    overflow: hidden;
    z-index: 2;
}

.servicio-title {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    color: white;
    letter-spacing: 1px;
    margin: auto auto;    
    opacity: 1;
    
    transition: transform 200ms ease-out, opacity 200ms ease;
}

.servicio-title > div {    
    position: absolute;    
    left: 0; right: 0; top: 0; bottom: 0;
    height: auto;
    margin: auto auto;
    width: 100%;
    display: table;
}

.servicio-title > div > h4 {
    display: block;
    line-height: 1em;
    font-size: 3em;
    letter-spacing: 2px;
    text-align: center;
}

.servicio-data {    
    position: relative;
    padding: 0;
    overflow: hidden;
}

.servicio-data > .servicio-info-container {
    display: block;
    opacity: 1;        
}

.servicio-data:hover > .servicio-info-container {    
    opacity: 1;    
}

.servicio-data:hover > .servicio-title {
    opacity: 0;
    transform: translateY(30%);
    transition: transform 300ms ease, opacity 300ms ease;
}

.servicio-data:hover > .servicio-info-container > div.servicio-data-top {
    transform: translateY(0);
    transition: transform 200ms ease;
}

.servicio-data:hover > .servicio-info-container > .servicio-info-back {
    background: rgba(0,0,0, 0.7);
    transition: background 300ms ease 50ms;
}

.servicio-data:hover > .servicio-info-container > div.servicio-data-container {    
    transition: opacity 300ms ease-in 150ms;
    opacity: 1;
}

.servicio-info-container > .servicio-info-back {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    
    background: rgba(33, 33, 33, 0);
    transition: background 400ms ease-out;
}

.servicio-info-container > div.servicio-data-top {
    background: #1a1a1a;
    color: white;
    text-align: center;        
    position: relative;
    z-index: 10;
    border-bottom: 1px solid black;
    
    transform: translateY(-100%);  
    
    transition: transform 150ms ease-out;
}

.servicio-info-container > div.servicio-data-top h4 {
    font-size: 1.44rem;
}

.servicio-info-container > div.servicio-data-container {    
    min-height: 500px;        
    display: flex;
    display: -webkit-flex;    
    flex-direction: row;
    -webkit-flex-direction: row;    
    flex-wrap: wrap;
    opacity: 0;
    
    transition: opacity 200ms ease-out;
}

.servicio-info-container .info-container {    
    height: 100%;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    align-self: center;
    z-index: 9;
}

.servicio-info-container .info-container > div {
    align-self: center;          
}

.servicio-info-container .info-container > div > section {
    /*display: table-cell;*/
    display: block;
}

.servicio-info-container .info-container > div > section > p,
.servicio-info-container .info-container > div > section > span {
    color: white;
}

.servicio-info-container .info-container > div > section:nth-child(1) {    
    font-size: 17px;
    font-weight: bold;
    min-width: 72px;
    text-align: center;
}

.servicio-info-container .info-container > div > section:nth-child(2) p {        
    font-weight: 300;
}

.servicios-list {    
    padding: 0;
    padding-left: 20px;
    font-weight: bold;  
}

.servicios-list > div {
    display: table;
    width: 100%;
}

.servicios-list > div > p {
    display: inline-block;
    vertical-align: top;
}

.servicios-list > div > p:nth-child(1) {
    width: 5%;
    max-width: 36px;
}

.servicios-list > div > p:nth-child(2) {
    width: 95%;
}
/*
.servicios-list li {
    display: table;
}

.servicios-list li::before {
    content: attr(data-number);
    display: inline-block;    
    width: 34px;    
    background: crimson;
}

.servicios-list li p {
    display: inline-block;
    background: cyan;
    width: 90%;
    vertical-align: top;
}*/

.servicios-list span {
    font-weight: 300;
}

.view2 {
    width: 100%;
    height: 13.75em;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../img/img1.jpg) no-repeat center center
}
.view2 .mask, .view2 .content {
    width: 100%;
    height: 13.75em;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view2 img {
    width: 100%;
    height: 13.75em;
    display: block;
    position: absolute;
}

.view2 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 24px;
    padding: 10px;
    margin: 10% 0 0 0
}
.view2 p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view2 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    color: #fff;
}
.view2 a.info:hover {
    
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

@media screen and (max-width:600px){
    .view {
    width: 100% ;

    }
    .view .mask, .view .content {
        width: 100%;

    }
    .view img {
        width: 100%;

    }
    .footer-section {
        display: block;
    }        
    
    .footer > div > div {        
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .footer > div > div > div {
        display: inline-block;
        vertical-align: bottom;
        float: none !important;        
    }
    
    .logo-footer-right-small {
        max-width: 300px;
        width: 70% !important;
    }
    
    .footer > div > div .footer-text-container {
        display: block;
        margin: 0 auto;
    }
    
    .footer-text-container p {    
        width: 80%;
        max-width: 320px;
        display: block !important;        
    }
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #2d2e2e;
}

.btn-idioma{
    border-radius: 10px;
    width: auto;
    padding: 0em 1em;
}