/*
 Theme Name:   Element Child
 Theme URI:    http://qkthemes.com
 Description:  Created by <a href="http://qkthemes.com">QKThemes</a>
 Author:       <a href="http://qkthemes.com">QKThemes</a>
 Author URI:   <a href="http://qkthemes.com">QKThemes</a>
 Template:     element
 Version:      2.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  element-child
*/

@import url("../element/style.css");
@import url(http://fonts.googleapis.com/css?family=Raleway:500);

/* =Theme customization starts here
-------------------------------------------------------------- */

/** Anula accesibilidad **/
a {
    outline: none !important;
}

a:focus {
    color: #fa6302 !important;
    text-decoration: underline !important;	
}

.boton-ubicacion:focus {
    color: #003864 !important;
}

.c-azul-gc {
    color: #003864; /*Azul Grupo Copo*/
}

.c-azul2-gc {
    color: #6c86a1; /*Azul Grupo Copo Claro*/
}

.c-naranja-gc {
    color: #fa6302; /*Naranja Grupo Copo*/
}

.c-gris-gc {
    color: #7d7d7d; /*Gris Grupo Copo*/
}

.f-9 {
    font-size:10px !important;
}

.f-14 {
    font-size:14px !important;
}

.f-16 {
    font-size:16px !important;
}

.f-18 {
    font-size:18px !important;
}

.f-20 {
    font-size:20px !important;
}

.f-21 {
    font-size:21px !important;
}

.f-22 {
    font-size:22px !important;
}

.f-25 {
    font-size:25px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.lh-30 {
    line-height: 30px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.centrado {
    text-align: center !important;	
}

.borde-dr {
    border-right: 2px solid #003864;	
}

.borde-iz {
    border-left: 2px solid #003864;	
}

.separador-20 {
    border-top: solid 1px #6c86a1;
    border-bottom: solid 2px #6c86a1;
    height: 5px;
    width: 10%;
    margin: 22px auto;	
}

.separador-transparente {
    height: 1px;
    width: 100%;
    margin: 0 !important;	
}

.b-transparente {
    background-color: transparent !important;
}

.seccion-titulo,
.seccion-titulo-legal {
    color: #003864 !important;
    text-align:center;
    padding: 30px 0;
    font-size: 40px;
    font-family: Raleway;
}

.seccion-titulo-legal {	
    padding: 25px 0;
    font-size: 30px;
}

.seccion-titulo-productos {
    color: #003864 !important;
    text-align:left;
    font-size: 30px;
    font-family: Raleway;
}

.flota-i {
    float:left !important;
}

.texto-icono-contacto {
    float: left;
    padding: 14px 0 0 10px !important;
}

.texto-icono-contacto p {
    font-size: 14px !important;
}

.seccion-subtitulo {
    color: #003864 !important;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    font-family: Raleway;
}

.seccion-subtitulo-clientes {
    color: #777777 !important;
    padding: 20px 0;
    font-size: 22px;
    font-family: Raleway;
    font-weight: 300;
}

.seccion-subtitulo2 {
    color: #003864 !important;
    font-size: 16px;
    font-weight: bold;
    font-family: Raleway;
    margin-top: 6px;
}

.seccion-subtitulo3 {
    color: #003864 !important;
    font-size: 12px;
    font-weight: bold;
    font-family: Raleway;
    margin-top: 15px;
    background-color: lightsteelblue;
    text-align: center;
    padding: 7px 0;	
}


.seccion-subtitulo4 {
    color:#3170A0 !important;
    font-size: 13px;
    font-weight: bold;
    font-family: Raleway;
    margin-top: 15px;
    text-align: center;
    padding: 7px 0;
}

.texto-parrafo {
    font-family: Raleway;
    font-weight: 300;
    color: #666 !important;
}

.texto-parrafo-interior {
    font-family: Roboto;
    font-weight: 400;
    color: #666 !important;
}

.texto-parrafo-proyectos {
    font-size: 14px;
    font-family: Raleway;
    font-weight:300;
    color: #666 !important;
}

#logos-proyecto-despega {
    padding-top: 15px;
}

#logos-proyecto-despega .flota-iz {
    float:left;
}

#logos-proyecto-despega .pr-20 {
    padding-right: 20px;
    margin-bottom: 10px;
}

#contenedor-logos-admin {
    float:left;
}

p {
    color: #666;
}

.icono-gcopo {
    display: inline-block;
    width: 16px;
    height: 18px;
    background:url(images/icono-gcopo.png) 0px 5px no-repeat;
}

hr {
    border-top: 2px solid #eee !important;
}

.hr-1 { 
    border-top: 1px solid #cfcfcf !important;
    margin-top: 0px;
}

.justificado {
    text-align:justify !important;
}

.wpb_accordion_wrapper .ui-state-active a, .services-post3:hover .inner-service-post a {
    background-color: #6c86a1 !important;
    border-color: #6c86a1 !important;
}

.ocultar {
    display: none !important
}


/********************** HEADER ******************************/


.dark-style {
    background-color: #fff !important;
}

.container {
    max-width: 1024px !important;
}

.navbar-header {
    margin-left: -50px !important;
}

.navbar-brand {
    padding: 16px 15px 15px;
}

.navbar-brand img {
    max-width: 85% !important;
    padding-top: 8px;
}


header.active .navbar-brand {
    padding: 10px 15px 0px;
}

header.white-style .navbar-nav > li > a {
    color: #7d7d7d !important;
    font-weight: 400;
    font-size: 14px;
    padding: 20px 15px 20px 15px;
}

header.white-style .navbar-nav > li > ul > li > a {
    font-weight: 400;
    font-size: 13px;
}

header.white-style .navbar-nav > li > ul > li > ul > li > a {
    font-weight: 400;
    font-size: 12px;
}

.navbar-nav {
    margin-top: 28px;
    margin-right: 25px !important;
}

.navbar-nav > li > a {
    text-transform: none !important;
}

header.active .navbar-nav {
    margin-top: 20px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 15px !important;
}

.especial_vc_col-sm-4 {
    width: 31.333333% !important;
}

.especial-home_vc_col-sm-4 {
    width: 33.333333% !important;
}

.especial_vc_col-sm-4-central {
    margin: 0 3% 0 3%;	
}

@media (max-width: 1200px) {	
    .navbar-brand img {
        height: auto;
    }
    .navbar-brand {
        padding: 14px 15px 25px;
    }

    header.active .navbar-nav {
        margin-top: 15px;
    }		
}

@media (max-width: 992px) {	
    .navbar-nav {
        margin-top: 0px;
    }
    .navbar-brand {
        padding: 10px 0px 0px;
    }
    .navbar-header{
        height: auto;
        margin-left: 0px !important;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: 11% !important;
    }
    .formato-992px {
        margin-top: 45px;
    }
}

@media (max-width: 782px) {		
    .formato-992px {
        margin-top: 0px;
    }
    .wpb_revslider_element.wpb_content_element {
        margin-top: 115px;
    }	
}

@media (max-width: 403px) {		
    .wpb_revslider_element.wpb_content_element {
        margin-top: 100px;
    }

    .navbar-brand {
        width: 75%;
    }	
}

@media (max-width: 768px) {	
    .borde-dr, .boder-iz {
        border-right: none !important;	
    }
    .icono-mas-info,
    .icono-mas-info2,
    .icono-mas-info3,
    .icono-mas-info4 {
        padding: 20% 0 !important;
    }
    .rev_slider_wrapper {
        margin: -7px auto 0px !important;
    }
    .vc_row .especial_vc_col-sm-4 {	
        width: 100% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }	
    #menu-footer-dr {
        margin-top:20px !important;	
    }

    .navbar-default {
        padding: 0 !important;
    }

    .navbar-toggle {
        margin-right: 25px;
    }
}


@media (min-width: 768px) {
    .vc_col-sm-3 {
        width: 23.8% !important; /***** ALTERACION DE ANCHO 4 COLUMNAS BOOTSTRAP ******/
    }	

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 20px !important;
    }

}


.navbar-nav li ul.drop-down {
    width: 200px !important;
    margin-right: 30px;
    opacity: 0.94 !important;
}

.navbar-nav li ul.drop-down li a {
    padding: 15px 30px 15px 20px; /* Deja espacio a la derecha para el icono de submenu */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar-nav > li.idiomas:before {
    width: 0px;
    height: 0px;
}

#idiomas {
    padding: 20px 0 20px 5px;
    margin-right: -20px;
}

#idiomas a {
    padding-right: 5px;
    text-align:center;	
}

#idiomas a span {
    display: inline-block;
    width: 21px;
    height: 21px;
    font-size: 11px;
    font-family: Roboto;
    font-weight: 500;
    border-radius: 10px;
    line-height: 22px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

#idiomas a span:hover {
    color: #fff;
    background-color: #bbb;
}

#idiomas a span.selected {
    background-color: #fa6302;
    color: #fff;
}

.navbar-nav > li > ul > li.drop:after {
    position: absolute;
    content: ">";
    margin: -36px 0 0 90%;
    color: #fff;
    font-family: monospace;
    font-size: 16px;
}

.navbar-nav > li > ul > li.drop:hover:after {
    color: #fa6302;
}


/********* REVOLUTION SLIDER ***************/

.slotholder:after {
    background: none !important;
}




/********************** HOME ******************************/


.home-slogan {
    font-size: 38px;
    line-height: 46px;
    font-family: Raleway;
    color: #003864;
    text-align: center;
    letter-spacing: 1.2px;
}

.home-slogan.strong {
    color: #003864;
}

.imagen_over_presencia_internacional img:hover,
.imagen_over_presencia_internacional_en img:hover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;		
}

.imagen_over_presencia_internacional img:hover {
    background:url(http://www.grupocopo.com/wp-content/uploads/2014/11/presencia-internacional-texto-on1.png);
}

.imagen_over_presencia_internacional_en img:hover {
    background:url(http://www.grupocopo.com/wp-content/uploads/2014/11/international-presence-text-on.png);
}

.puntero-mano img {
    cursor: pointer;
}

/********** MACRO-BOTON SERVICIO ***********/


.macro-boton,
.macro-boton2,
.macro-boton3 {
    display:block;
    background-color: white;
    height: 100%;
    padding-bottom: 50px;
    text-decoration: none;
}

.macro-boton h2,
.macro-boton2 h2,
.macro-boton3 h2 {
    font-family: Raleway;
    font-weight: 600;
    font-size: 20px;
    color: #003864;
}

.macro-boton .descripcion,
.macro-boton2 .descripcion,
.macro-boton3 .descripcion {
    color: #7d7d7d;
    padding: 0 11%;
    font-size: 16px;
}

.macro-boton-on {
    background-color: transparent;
}

.icono-servicios {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #6c86a1;
    border-radius: 50%;
    color: #6c86a1;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-bottomright: 50%;
    display: inline-block;
    height: 75px;
    font-size: 28px;
    margin-bottom: 5px;
    margin-top: -45px;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease-in-out 0s;
    width: 75px;	
}


.icono-servicios i {
    padding: 33% 0;
    color: #6c86a1;
}

.icono-servicios-on {
    border: 2px solid #fa6302;
    background: none repeat scroll 0 0 #fa6302;
}

.color-fff {
    color: #fff !important;
}


.especial_vc_col-sm-4 .wpb_content_element {
    margin-bottom: 0px !important;
}

/********** MACRO-BOTON PRODUCTO ***********/


.macro-boton-producto,
.macro-boton-producto2,
.macro-boton-producto3,
.macro-boton-producto4 {
    display:block;
    height: 100%;
    text-decoration: none;
}

.icono-mas-info,
.icono-mas-info2,
.icono-mas-info3,
.icono-mas-info4 {
    display: block;
    height: 275px;
    font-size: 50px;
    text-decoration: none;
    transition: all 0.1s ease-in-out 0s;
    padding: 35% 0;
    margin: 0;
}

.icono-mas-info-on {
    background-color: rgba(0, 56, 100, 0.4);    
}

.icono-mas-info-on2 {
    background-color: rgba(250, 99, 2, 0.4);    
}

.icono-mas-info i,
.icono-mas-info2 i,
.icono-mas-info3 i,
.icono-mas-info4 i {
    /*color: rgba(0, 56, 100, 0.6);*/
    color: rgba(250, 250, 250, 0.6);
    margin: auto 0;	
}

.icono-mas-info-i-on {
    color: #fff !important;
}

.macro-boton-producto h2,
.macro-boton-producto2 h2,
.macro-boton-producto3 h2,
.macro-boton-producto4 h2,
.macro-boton-idi h2,
.macro-boton-idi2 h2,
.macro-boton-idi3 h2,
.macro-boton-iniproductos h2,
.macro-boton-iniproductos2 h2,
.macro-boton-iniproductos3 h2 {
    font-family: Raleway;
    background-color: rgba(0, 56, 100, 0.9);	
    padding: 15px 0;
    vertical-align:bottom;
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.macro-boton-producto h2,
.macro-boton-producto2 h2,
.macro-boton-producto3 h2,
.macro-boton-producto4 h2,
.macro-boton-iniproductos h2,
.macro-boton-iniproductos2 h2,
.macro-boton-iniproductos3 h2 {
    background-color: rgba(0, 56, 100, 0.9);
    padding: 30px 48px;
    min-height: 80px;
}

.macro-boton-idi h2,
.macro-boton-idi2 h2,
.macro-boton-idi3 h2 
{	
    background-color: rgba(250, 99, 2, 0.7);	
    padding: 30px 48px;
    min-height: 80px;
}

.boton-flotante {
    position: relative;
    top: -100px;
}


/********** AVISO LEGAL ***********/



.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { /***** ALTERACION MAX-WIDTH ******/
    max-width: none !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    margin: 20px 0 20px 0 !important;
}

ol {
    font-size: Roboto;
    font-size: 13px;
    font-weight: normal;
}

/*body .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
        background-color: #7d7d7d;
}*/

/********************** EMPRESA ******************************/

.history-timeline ul.timeline-list li p.date {
    padding-top: 20px;
    background: #003864 !important;
    opacity: 0.6;
}

.history-timeline ul.timeline-list li p.date strong {
    font-size: 18px !important;
}

.history-timeline ul.timeline-list:before {
    height: 420%;
}

.history-timeline ul.timeline-list li div.history-content {
    background: #fefefe;
}

.graficos-azules .meter p {
    background: #335f83 !important;
    color: #335f83 !important;
}

.graficos-azules .meter p:after {
    border-color: #335f83 !important;
}

.h1-c-azul-gc h1 {
    color: #003864 !important; /*Azul Grupo Copo*/
}

.client-section .client-box ul li a {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

#ancla-mision {
    position:absolute;
    top: -100px !important;
}

#ancla-historia {
    position:absolute;
    top: -150px !important;
}

#ancla-cifras {
    position:absolute;
    top: -150px !important;
}

#ancla-clientes {
    position:absolute;
    top: -140px !important;
}

#ancla-proyectos-colaboraciones {
    position:absolute;
    top: -150px !important;
}



/********************** PRODUCTOS ******************************/


/*.desplegables-productos .wpb_accordion_wrapper .wpb_accordion_header a {  
  background-color: #fff;  
  border: 1px solid #fff;
}*/
body .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    background-color: #fff;  
    border: 1px solid #fff;
}

body .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    border: 1px solid #fff;
}

.desplegables-productos .wpb_accordion_content {
    background-color: #f5f5f5 !important;
}


/************************* IDI *********************************/

.slogan {
    font-size: 28px;
    line-height: 32px;
    font-family: Raleway;
    font-weight: 300;
    color: #003864;
    text-align: center;
    letter-spacing: 1px;
}

.slogan strong {
    color: #003864;
}

.subentrada {
    font-size: 26px;
    line-height: 30px;
    font-family: Raleway;
    color: #003864;
    text-align: left;
}

.entradas-idi h3 {
    color: #003864;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
}

.altura-1 {
    min-height: 175px !important;
}


#ancla-espumas {
    position:absolute;
    top: -150px !important;
}

#ancla-tejidos {
    position:absolute;
    top: -150px !important;
}

#ancla-slabstock {
    position:absolute;
    top: -150px !important;
}

/************************* UBICACIONES *********************************/

.ubicacion-titulo {
    color: #003864 !important;
    text-align:left;
    padding: 0 0 20px 0;
    font-size: 30px;
    font-family: Raleway;
    font-weight: 300;
}

.boton-ubicacion:hover {
    color: #003864 !important;;
}


.zona-inactiva-inicio {
    display:none;
}

/********************** FOOTER ******************************/

footer .up-footer {
    text-align:center;
    background: #003864;
    padding: 40px 0 0 0;
}

footer .up-footer .footer-widget {
    margin-bottom: 0px;
}


/********* MENU ***************/

#menu-footer-iz {
    font-family: Roboto;
    font-size: 12px;
    margin: 10px 0 10px 0;
    padding: 0;

}

#menu-footer-iz a {
    color: #fff;
    text-decoration: none !important;
}

#menu-footer-iz a:hover {
    color: #fa6302;
}

#menu-footer-iz a:visited {
    text-decoration: none !important;
}

#menu-footer-iz {
    text-align:center;
}

#menu-footer-iz li {
    color: #ccc;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 8px;
}

#menu-footer-iz li.zona-privada a {
    color: #fa6302;
    text-decoration: none !important;
}

#menu-footer-iz li.zona-privada a:hover {
    color: #A5B5D0;
}

#menu-footer-iz i {
    padding-right: 5px;
}

.footer-line {
    background: #003864;
}

.copyright {
    font-size: 12px;
    font-weight:300;
    color: #BBBABA;
}

.copyright a {
    color: #BBBABA;
    text-decoration: none !important;
}

.separador {
    color: #BBBABA;
    font-style:normal;
    padding: 0 5px;
}

/* OVERRIDE style.css*/
.navbar-nav li ul.drop-down .current-menu-item > a {
    background: #fa6302 !important;
    color: #f7f7f7 !important;
}

.navbar-nav li ul.drop-down .current-menu-item > a:hover {
    background: #f7f7f7 !important;
    color: #fa6302 !important;
}
/* FIN OVERRIDE */

/********************** CONTACTO ******************************/

input[type="text"], input[type="passworg"], input[type="email"], textarea {
    color: #6c86a1;
}

div.lopd {
    width: 100%;
    height: 60px;
    overflow:auto;
    background-color:#fafafa;	
    padding: 15px;	
    margin-bottom: 20px;
}

div.lopd p {
    color: #999;
    font-size:10px;
    line-height: 12px;
    text-align:justify;	
}

p.leyenda-lopd {
    margin-bottom: 20px;
}

p.leyenda-lopd .wpcf7-list-item-label {
    font-weight:normal !important;
    color: #666;
}

span.wpcf7-not-valid-tip {
    position: relative;
    top: -18px;
}

p.leyenda-lopd span.wpcf7-not-valid-tip {
    position: relative;
    top: 0px;
}

input[type="file"] + span.wpcf7-not-valid-tip {
    position: relative;
    top: 5px;
}


/******************* JS COMPOSER > VC CARROUSEL ***************************/

.vc_images_carousel .vc_carousel-indicators li { 
    background-color: transparent !important;
    border: 2px solid #FA6302 !important;
}

.vc_images_carousel .vc_carousel-indicators .vc_active {
    background-color: #FA6302 !important;	
    border: 2px solid #FA6302 !important;
}


/********************** INFORMACIÓN LEGAL **********************************/

.titulo-infolegal {	
    margin: 40px 0 20px 0;
    font-size: 14px;
    color: #003864;
    font-family: Roboto;
    font-weight: bold;
}

.titulo-infolegal .fa {
    margin-right: 5px;
}

.lista {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.accordion-content {
    display: none;
}

/*#idiomas {
        display: none;
}*/

a.open-search {
    display: none !important;
}


/********************** ZONA PRIVADA **********************************/

.page-id-408 .vc_btn3-container a,
.page-id-1809 .vc_btn3-container a {
    background-color: #fa6302 !important; 
}

.page-id-408 .vc_btn3-container a:hover,
.page-id-1809 .vc_btn3-container a:hover {
    background-color: #d85300 !important; 
}

.page-id-408 .vc_btn3-container a:focus,
.page-id-1809 .vc_btn3-container a:focus {
    color: #e1e1e1 !important;
    text-decoration: none !important; 
}

#menu-menu-principal-es ul.drop-down, #menu-menu-principal-en ul.drop-down {
    top: 65% !important;
}

/********************** eTIC: sliders de portadas *****************************/
@media (width: 768px) {
    .wpb_revslider_element.wpb_content_element {
        margin-top: 25%;
    }

    #slide_ubicaciones_portada .wpb_revslider_element.wpb_content_element {
        margin-top: 0;
    }
}

@media (min-width: 783px) and (max-width: 992px) {
    .wpb_revslider_element.wpb_content_element {
        margin-top: 16%;
    }

    #slide_ubicaciones_portada .wpb_revslider_element.wpb_content_element {
        margin-top: 0;
    }

    #slide_mapa_tactil {
        margin-top: -14%;
    }
}

/********************** eTIC: página ubicaciones ******************************/
#mapas_toggle_menu {
    display: none;
    margin-top: 65px;
    margin-bottom: 65px;
    background-image: url('../../uploads/2017/05/mapa-puntos-movil.jpg') !important;
    background-position: center;
    background-repeat: no-repeat;
}

.acordeon-borde-inferior {
    margin-left: 44px;
    margin-right: 8%;
    border-bottom: 1px solid #FA6302;
}

.acordeon_padre .vc_tta-panel-body {
    margin-left: 45px;
}

.acordeon_padre .vc_tta-panel-body a {
    color: #999999 !important;
}

.acordeon_padre span.vc_tta-title-text {
    color: #004982;
    font-size: 16px;
}

.acordeon_padre .vc_tta-controls-icon {
    height: 10px !important;
    width: 10px !important;
}

.acordeon_padre a {
    text-decoration: none !important;
}

.acordeon_padre a:visited, .acordeon_padre a:hover, .acordeon_padre a:focus, .acordeon_padre a:after, .acordeon_padre a:active, .acordeon_padre a:valid {
    color: #FA6302 !important;
}

.acordeon_padre:focus {
    text-decoration: none !important;
}

.acordeon_hijo .wpb_wrapper {
    line-height: 24px;
}

@media (max-width: 768px) {
    #mapas_toggle_menu {
        margin-bottom: 40px;
    }
}

.acordeon_padre i.vc_tta-controls-icon::before, .acordeon_padre i.vc_tta-controls-icon::after {
    border-color: #FA6302 !important;
}

.acordeon_padre .vc_tta-panel-heading {
    background: none !important;
}

.acordeon_padre .vc_tta-panel-body {
    background: none !important;
}

@media (min-width: 993px) and (max-width: 1199px) {
    #imagen-portada-ubicaciones {
        margin-top: 148px !important;
    }

    ul#menu-menu-principal-es, ul#menu-menu-principal-en {
        margin-left: -3%;
        margin-right: 4% !important;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    ul.nav.navbar-nav.navbar-right {
        margin-right: -2% !important;
    }
}

@media (min-width: 993px) and (max-width: 1050px) {
    .navbar.navbar-default.navbar-fixed-top {
        margin-left: -3%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    ul.nav.navbar-nav.navbar-right {
        margin-right: -1% !important;
    }
}

@media (max-width: 782px) {
    #imagen-portada-ubicaciones {
        margin-top: 0 !important;
    }

    #slide_mapa_tactil {
        margin-top: -134px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    #slide_ubicaciones_portada {
        margin-top: 0;
    }
}

@media (min-width: 783px) and (max-width: 992px) {
    #slide_ubicaciones_portada {
        margin-top: 3%;
    }
}

@media (min-width: 768px) and (max-width: 782px) {
    #slide_ubicaciones_portada {
        margin-top: 4%;
    }
}

@media (min-width: 769px) and (max-width: 782px) {
    #slide_ubicaciones_portada {
        margin-top: -4%;
    }
}

@media (max-width: 767px) {
    #slide_ubicaciones_portada {
        margin-top: -8%;
    }

    button.navbar-toggle {
        margin-top: 40px;
    }
}

#imagen-portada-ubicaciones {
    background-image: url('../../uploads/2017/05/ubicaciones.jpg');
    background-repeat: no-repeat;
    background-position: center;
    height: 242px;
    margin-top: 108px;
}

.ubicaciones_portada_en #imagen-portada-ubicaciones {
    background-image: url('../../uploads/2017/05/locations.jpg');
}

@media (max-width: 600px) {
    #imagen-portada-ubicaciones {
        background-image: url('../../uploads/2017/05/ubicaciones_max_600px.jpg');
        height: 141px;
    }

    .ubicaciones_portada_en #imagen-portada-ubicaciones {
        background-image: url('../../uploads/2017/05/locations_max_600px.jpg');
    }
}

@media (max-width: 1024px) and (min-width: 993px) {
    ul.nav.navbar-nav.navbar-right {
        margin-right: -1% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav.navbar-nav.navbar-right {
        margin-right: 8% !important;
    }

    .nav.navbar-nav.navbar-right #idiomas {
        padding: 0 !important;
        margin: 100% 0 0 0 !important;
    }
}

@media (max-width: 420px) {
    .navbar-brand {
        width: 75%;
    }
}

@media (width: 768px) {
    #imagen-portada-ubicaciones {
        margin-top: 10% !important;
    }
}

@media (min-width: 769px) and (max-width: 782px) {
    #imagen-portada-ubicaciones {
        margin-top: 8% !important;
    }
}

@media (min-width: 783px) and (max-width: 992px) {
    #imagen-portada-ubicaciones {
        margin-top: 86px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #imagen-portada-ubicaciones {
        margin-top: 58px !important;
    }
}

@media (min-width: 1201px) {
    #imagen-portada-ubicaciones {
        margin-top: 50px !important;
    }
}

@media (width: 992px) {
    .navbar.navbar-default.navbar-fixed-top {
        margin-left: -5%;
    }

    .navbar.navbar-default.navbar-fixed-top #idiomas {
        padding: 0;
        margin: 0;
        margin-top: 100%
    }
}

.boton_como_llegar a {
    color: #FA6302 !important;
    border-color: #FA6302 !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

.boton_como_llegar a:hover {
    color: #F4F4F4 !important;
    border-color: #FA6302 !important;
    background-color: #FA6302 !important;
    text-decoration: none !important;
}

.boton_como_llegar a:focus, .boton_como_llegar a:visited {
    text-decoration: none !important;
}

.acordeon_menu_toggle a.boton-ubicacion.mapa-visitado {
    color: #FA6302 !important;
}

/********************** eTIC: header menú responsive **************************/
@media (max-width: 767px) {
    ul#menu-menu-principal-es.nav.navbar-nav.navbar-right, ul#menu-menu-principal-en.nav.navbar-nav.navbar-right {
        margin-top: 0 !important;
    }

    header.white-style .navbar-nav > li {
        padding-bottom: 0 !important; 
    }

    header.white-style .navbar-nav > li > a {
        padding: 10px 15px !important;
    }

    header.white-style .navbar-nav > li > ul > li > a {
        padding: 5px 5px 5px 30px !important;
    }
}

/* ******** eTIC: retoques márgenes e imagen "Presencia Internacional" ********/
@media (max-width: 878px) {
    .imagen_over_presencia_internacional img:hover {
        background-image: none;
    }
}

.nuestra-mision-actuacion {
    padding-left: 30px !important;
}

@media (max-width: 767px) {
    .nuestra-mision-actuacion {
        padding-left: 0 !important;
    }
}