@font-face {
    font-family:'Roboto';
    src:url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: 'Roboto-Light';
    src:url("../fonts/Roboto/Roboto-Light.ttf");
}
@font-face {
    font-family: 'Roboto-Medium';
    src:url("../fonts/Roboto/Roboto-Medium.ttf");
}
@font-face {
    font-family: 'Roboto-Thin';
    src:url("../fonts/Roboto/Roboto-Thin.ttf");
}
@font-face {
    font-family: 'Roboto-Bold';
    src:url("../fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family:'Montserrat-Light';
    src:url("../fonts/Montserrat/Montserrat-Light.ttf");
}
@font-face {
    font-family:'Montserrat-Bold';
    src:url("../fonts/Montserrat/Montserrat-Bold.ttf");
}
@font-face {
    font-family:'Montserrat-ExtraBold';
    src:url("../fonts/Montserrat/Montserrat-ExtraBold.ttf");
}
@font-face {
    font-family:'Montserrat-Regular';
    src:url("../fonts/Montserrat/Montserrat-Regular.ttf");
}

.width70 {
    width:70% !important;
}

body, html { 
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family:Roboto;
    color:#4e4e4e;
}

.containerPlenum {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index:1;
}

/*---------------------------------------------------------
----------------Estilos para color de texto---------------- 
-----------------------------------------------------------*/
.secondaryTextColor { color: #0d594c; }
.tertiaryTextColor { color: #29aae1; }
/*-----------------------------------------------------------*/

/*---------------------------------------------------------
--------------------Estilos para botones------------------- 
-----------------------------------------------------------*/
/*modificaciones para bootstrap*/
.btn {
    border: none;
    font-family: Roboto-Medium;
    padding: 5px 15px;
    -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
}

.btn-info {
    background-color:#29aae1;
    color:white !important;
}
    .btn-info:hover { background-color:#2490bf; }

/* botones */
.btn-big {
    padding: 25px 30px !important;
}

.btn-plenum-primary-color {
    background-color: #106588;
}
.btn-plenum-secondary-color {
    background-color: #00594D;
}
    .btn-plenum-secondary-color:hover { background-color: #004239; }

a.btn-plenum 
{
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    text-decoration: none;
    color:#4e4e4e;
}
    a.btn-plenum > .fa { font-size:24px; }

.btn-plenum-h {
    display: inline-block;
    position: relative;
}
    .btn-plenum-h > div {
        width:30px;
        height:30px;
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
    }

.btn-plenum-facebook { background-image:url("../Images/Icons/FACEBOOK.png"); }
    .btn-plenum-facebook:hover { background-image:url("../Images/Icons/FACEBOOK_HOVER.png"); }

.btn-plenum-twitter { background-image:url("../Images/Icons/TWITTER.png"); }
    .btn-plenum-twitter:hover { background-image:url("../Images/Icons/TWITTER_HOVER.png"); }

.btn-plenum-linkedin { background-image:url("../Images/Icons/LINKEDIN.png"); }
    .btn-plenum-linkedin:hover { background-image:url("../Images/Icons/LINKEDIN_OVER.png"); }

.btn-plenum-youtube { background-image:url("../Images/Icons/YOUTUBE.png"); }
    .btn-plenum-youtube:hover { background-image:url("../Images/Icons/YOUTUBE_OVER.png"); }

.btn-plenum-contacto {
    width:35px;
    height:38px;    
}

.btn-plenum-oficina {
    width:23px;
    height:33px;
    background-image:url("../Images/Icons/ICONO.png");
}
    .btn-plenum-oficina:hover { background-image:url("../Images/Icons/ICONO_over.png"); }

/*-----------------------------------------------------------*/

/*---------------------------------------------------------
---------------------Área de cabecera--------------------- 
-----------------------------------------------------------*/
/*-----Header-----*/
.headerPlenum {
    display:block;
    position:fixed;
    top:0;
    z-index:9999;
    width:100%;
    height: 50px;
    /*padding: 10px 0px;*/
    /*padding: .526% 7.5% 0% 7.5%;*/ 
    padding: 0% 10%;   
    background-color:white;
    box-shadow: 0 0 10px; -moz-box-shadow: 0 0 10px; -webkit-box-shadow: 0 0 10px;
}

/*-----Menu izquierdo-----*/
.optionsLeftPlenum {
    position:absolute; 
    top:5px;
    left:0; 
    min-width: 20%;
    text-align: center;
}

/*-----Menu Derecho-----*/
.optionsRightPlenum {  
    right: 23%;
    position:absolute; 
    top:-17%; 
    text-align:center;
    border-spacing: 1px 0;
    min-width:16%;
}
.optionsRightAndersen {  
    right: 1%;
    position:absolute; 
    top:0%; 
    text-align:center;
    border-spacing: 1px 0;
    min-width:16%;
}
.optionsRightPlenum > div {
    display: table-cell;
}

.optionsRightPlenum > div.tabBotonPlenum 
{
    background-size: 1.5em 1.5em;
}
.optionsRightPlenum > div.idiomas 
{
    min-width: 2em; 
    position: relative; 
    font-size: 0.8em; 
    bottom:70%;
    top:30%;
}

.optionsRightAndersen > div {
    display: table-cell;
}

.optionsRightAndersen > div.tabBotonPlenum 
{
    background-size: 1.5em 1.5em;
}
.optionsRightAndersen > div.idiomas 
{
    min-width: 2em; 
    position: relative; 
    font-size: 0.8em; 
    bottom:70%;
    top:30%;
}
        
.tabBotonPlenum {
    /*width: 28px;
    height: 28px;*/
    /*display: block;*/
    white-space: nowrap;
    z-index:9999;
    /*border-bottom: 0px solid #ffbd2b;*/
    margin: 0px 0px;
    background-image:url("../Images/Icons/CONTACT.png");
    background-position:bottom;
    background-size:cover;
    background-repeat:no-repeat;
}
    .tabBotonPlenum:hover {
        background-image:url("../Images/Icons/CONTACT_OVER.png");
    }
    .tabBotonPlenum > .tabInfo {
        display:block;
        position:fixed;
        width:100%;
        height:0;
        max-height:0;
        overflow:hidden;
        min-height: 0;
        background-color:whitesmoke;
        left:0;
        -o-transition:max-height .2s ease-in-out, min-height .2s ease-in-out;
        -moz-transition:max-height .2s ease-in-out, min-height .2s ease-in-out;
        -webkit-transition:max-height .2s ease-in-out, min-height .2s ease-in-out;
        transition:max-height .2s ease-in-out, min-height .2s ease-in-out;
    }
        /*.tabBotonPlenum:hover > .tabInfo,*/ 
        .tabMenuPlenum:hover > .tabInfo {
            height:initial;
            max-height:100%;
        }
    .tabBotonPlenum > .tabInfo > .tabContainer {
            display: inline-block;
            position: relative;
            width: 100%;
            height: 100%;
            white-space: normal;
        }
   

/*-----Contacto-----*/
.overMap {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
    .overMap > div.inactivo { visibility: hidden; }
.btn-plenum-oficina > div.activo { visibility: visible; }
.grayShadowBg {
   background-color:rgba(250,250,250,0.5);
}

.plenum-contacto-social { width: 100% }
    .plenum-contacto-social > div {
        width: 240px;
        margin-left: auto;
        margin-right: 20px;
        margin-top: 20px;
    }
        .plenum-contacto-social > div > a {
            margin-left: 10px;
        }

.requestMeetingContainer
{
    width:16%;
    margin-top:23%;
}

a.btnRequestMeeting
{
    background-color :#00594D;
    color:white;
    font-size:0.8em;
    padding:8% 0% !important;
}

a.btnRequestMeeting:hover { background-color: #004239; color:white;}

/*-----Para la barra de navegacion-----*/
.smallTextNavbar
{
    font-size:.8em;
}

.navbarPlenum {
    display: table;
    text-align: center;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -5%;
    margin-right: 0%;
    border-spacing: 0px 7px;
}
    .navbarPlenum > ul {
        display: table-row;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        font-family: Roboto-Bold;
        font-size:0.8em;
    }

.navbar-brand 
{
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
  margin-top:-22px;
}

.navbarPlenum > ul > li.tabMenuPlenum {
            display:table-cell;
            white-space:nowrap;
            z-index: 99999;
            border-bottom: 0px solid #ffbd2b;
            -o-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in;
            width:20%;
        }
            .navbarPlenum > ul > li.tabMenuPlenum:hover {
                border-bottom: 6px solid #ffbd2b;
            }
        .navbarPlenum > ul > li > #imgLogoPlenum {
            display: inline-block;
            padding: 0px 1%;
        }
        .navbarPlenum > ul > li > a {
            text-decoration: none;
            color: black;
            cursor: pointer;
        }

img.logoPlenum {
    margin: 0px;
    padding: 0px;
    width: 125px;
}

.logoAndersen {
    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 36px;
}
/*-----Sub menú de la barra de navegación-----*/
/*-Las clases que tienen !important estan sobreescribiendo estilos en el area no organizada-*/
.plenum-submenu { }
    .plenum-submenu .verticalTitle {
        display: block;
        position: absolute;
        left: 0;
        top: 85px;
        -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
        -o-transform-origin: bottom right 0; -moz-transform-origin: bottom right 0; -webkit-transform-origin: bottom right 0; transform-origin: bottom right 0;
        width: 6%;
        font-size: 20px;
        font-weight: normal;
    }
    /*.plenum-submenu .plenum-submenu-container { height: 612px; }*/
    .plenum-submenu .plenum-submenu-content {
        margin-top: 17px;
        padding: 2% !important;
        color: #5d5d5d !important;
        
    }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-title {
            font-family: Roboto-Medium;
            font-size: 2.2em;
            word-wrap: break-word;
        }
            .plenum-submenu .plenum-submenu-content h1.plenum-submenu-content-title { margin-top: 0px; }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-description {
            /*text-align: justify;*/
            text-align: left;
            font-family: Roboto-Light;
            font-size: 1.1em;
            margin-top: 3%;
            direction: initial;
            line-height:1.3;
        }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-image { }
            .plenum-submenu .plenum-submenu-content .plenum-submenu-content-image > img {
                margin-left: 25px;
                max-width: 100%;
            }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-options { margin-top: 36px; }
            .plenum-submenu .plenum-submenu-content .plenum-submenu-content-options > .btn {
                font-family: Roboto-Medium;
                font-size: 12px;
                width: auto !important;
                padding: 7px 12px;
            }

/*Esto es para poder poner contenido en el container del sub menu sin que se haya seleccionado una opción del submenu*/
    .plenum-submenu .plenum-submenu-container.no-after-background:after { background-color: transparent !important; }
    .plenum-submenu .plenum-submenu-container.no-after-background .plenum-submenu-content { background-color: whitesmoke; }
    .plenum-submenu .plenum-submenu-container-default-content {
        width: 76.1%;
        margin-left: auto;
        margin-top: 15px;
        height: 100%;
        background-color: whitesmoke;
        text-align: left;
        padding-bottom: 1%;
    }
        .plenum-submenu .plenum-submenu-container-default-content .plenum-submenu-content-description { white-space: initial; }
        .plenum-submenu .plenum-submenu-container-default-content .plenum-submenu-content-image > img { margin-left: auto; }

/*----- Testimonios -----*/
#bannerRecomend .tp-caption > p {
    font-family: Roboto-Light;
    font-size: 16pt !important;
    color: black;
}


@media (min-width: 768px) and (max-width: 991px) {
    .btn-plenum { padding: 7px 10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-plenum { padding: 7px 10px; }

    a.btn-plenum { padding: 6px 10px; }
        a.btn-plenum > .fa { font-size:26px; }
}
@media (min-width: 1200px) and (max-width: 1365px) {
    a.btn-plenum { padding: 6px 10px; }
        a.btn-plenum > .fa { font-size:26px; }

    .btn {
        width: 100%;
        height: 100%;
        font-size:18px;
        padding:30px;
    }
}
@media (min-width: 1366px) {
    a.btn-plenum { padding: 6px 10px; }
        a.btn-plenum > .fa { font-size:26px; }

    .btn {
        width: 100%;
        height: 100%;
        font-size:18px;
        padding:30px;
    }
}

@media (max-width: 767px) {
    .headerPlenum { height: 38px; }
    
    
.plenum-contacto-detail{
    top:38px;
}

    .contentPlenum {
    padding-top:38px;
    }

    .optionsLeftPlenum {
        position: absolute;
        top: 7px;
        left: 0;
        min-width: 15%;
        text-align: center;
    }
    .optionsRightPlenum {  
    right: 40%;
    position:absolute; 
    top:-45%; 
}
.optionsRightAndersen {  
    right: 1%;
    position:absolute; 
    top:20%; 
}

    /*.optionsRightPlenum {
        position: absolute;
        top: -7px;
        right: 0;
    }
    .optionsRightPlenum > .tabBotonPlenum 
    {
         margin-top: 12px; margin-bottom: 0px;
    }
    .optionsRightPlenum > .tabBotonPlenum > .btn-plenum-contacto { height: 33px; }
    .optionsRightPlenum > div { display:table-cell; }

    .optionsRightPlenum > div.idiomas > div 
    {
                position: inherit;
                bottom: auto;
                right: auto;
    }*/
    
    img.logoPlenum { width: 90px; }
    img.logoAndersen {  width: 150px;
        height: 18px; }

    .plenum-contacto-social { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .headerPlenum { height: 38px; }
    
.plenum-contacto-detail{
    top:38px;
}
    .contentPlenum {
    padding-top:38px;
    }
    .optionsLeftPlenum {
        top:7px; 
        min-width:15%;
    }
    .optionsRightPlenum {  
    right: 23%;
    position:absolute; 
    top:-30%; 
}
.optionsRightAndersen {  
    right: 1%;
    position:absolute; 
    top:0%; 
}
/*.optionsRightPlenum { top: -1px; }
.optionsRightPlenum > .tabBotonPlenum { margin-top: 12px; padding-top: 12px; margin-bottom: 0px; }
.optionsRightPlenum > .tabBotonPlenum > .btn-plenum-contacto { height: 33px; }
.optionsRightPlenum > div.idiomas > div { bottom: -2px; }*/

    .plenum-contacto-social > div {
        width: 160px;
        margin-right: 10px;
        margin-top: 10px;
    }
        .plenum-contacto-social > div > a { margin-left: 5px; }
            .plenum-contacto-social > div > a > div {
                width: 30px;
                height: 30px;
            }
    

    .navbarPlenum > ul { font-size: 11px; }
    img.logoPlenum { width: 90px; }
    img.logoAndersen {  width: 150px;
        height: 18px; }
    
    .plenum-submenu .plenum-submenu-content { padding: 20px 30px !important; }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-title { font-size: 17px; }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-description {
            margin-top: 10px;
            font-size: 12px;
        }
    .plenum-submenu .plenum-submenu-container-default-content {
        padding-bottom: 90px;
        margin-top: -5px;
    }

    #bannerRecomend .tp-caption > p { font-size: 10pt !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .optionsLeftPlenum { min-width:15%; }
    
    .navbarPlenum { /*border-spacing: 30px 0px;*/ width:70%; }
        .navbarPlenum > ul { font-size: 12px; }

    .plenum-submenu .plenum-submenu-content { padding: 30px !important; }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-title { font-size: 16px; }
        .plenum-submenu .plenum-submenu-content .plenum-submenu-content-description {
            margin-top: 10px;
            font-size: 13px;
        }
    #bannerRecomend .tp-caption > p {
        font-size: 12pt !important;
    }
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .navbarPlenum {
        width: 70%;
        /*border-spacing: 40px 0px;*/        
    }
    
    .verticalTitle {
        width:6%;
        top:85px;
        font-size: 25px;
    }
}
@media (min-width: 1366px) {
    .navbarPlenum { width: 70%; }
    
    .verticalTitle {
        width:6%;
        top:85px;
        font-size: 25px;
    }
}
/*-----------------------------------------------------------*/

/*---------------------------------------------------------
---------------------Área de contenido-------------------- 
-----------------------------------------------------------*/
.contentPlenum {
    display:block;
    position:relative;
    width:100%;
    padding-top:50px;
    overflow-x:hidden;    
    z-index:1;
    /*text-align: justify;*/
    text-align: center;
    color: #4D4D4D;
    height:auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .contentPlenum { padding-top:50px; }
}

.noSlider { width: 1300px; }
@media (max-width: 767px) {
    .noSlider { width:95%; }
}
@media (min-width: 768px) and (max-width: 1299px) {
    .noSlider { width:90%; }
}
/*-----------------------------------------------------------*/

/*---------------------------------------------------------
-------------------Área de pie de página------------------- 
-----------------------------------------------------------*/
.footerPlenum {
    display: block;
    position:relative;

    width:100%;
    height: 350px;
    padding-top: 3.6%;

    background-color: #F1F1F1;
    font-size: 13px;
}

    .footerPlenum > .footer-plenum-container {
        margin: 0px auto;
        width: 85%;
        display: table;
    }
        .footerPlenum > .footer-plenum-container > div {
            display: table-cell;
            vertical-align: top;
        }
            .footerPlenum > .footer-plenum-container > div:first-child { width: 35%; }
            .footerPlenum > .footer-plenum-container > div:last-child { width: 65%; }

    .footerPlenum .footer-plenum-explore {
        font-family: Roboto-Medium; 
        font-size: 22px;
        text-transform: capitalize;
    }

    .footerPlenum .footer-plenum-menu {
        font-family: Roboto;
        font-size: 14px;
    }
        .footerPlenum .footer-plenum-menu > ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
            .footerPlenum .footer-plenum-menu > ul > li {
                float: left;
                padding: 30px 0px 0px 0px;
                width: 25%;
            }
                .footerPlenum .footer-plenum-menu > ul > li > a {
                    color: #666666;
                    display: inline-block;
                    text-decoration: none;
                    border-bottom: 2px solid transparent;
                }
                    .footerPlenum .footer-plenum-menu > ul > li > a:hover {
                        border-bottom-color: #fcc328;
                    }

    .footerPlenum .footer-plenum-social {
        margin-top: 30px;
        width: 100%;
    }
        .footerPlenum .footer-plenum-social > div { display: table-cell; }
            .footerPlenum .footer-plenum-social > div:first-child,
            .footerPlenum .footer-plenum-social > div:first-child > div { width: 250px; }
                .footerPlenum .footer-plenum-social > div:first-child > div .col-xs-3 {
                    padding-right: 5px;
                    padding-left: 5px;
                    text-align: center;
                }
        .footerPlenum .footer-plenum-social > div:last-child {
            padding: 15px 0px 15px 0px;
        }

    .footerPlenum .plenum-branch { }
        .footerPlenum .plenum-branch .plenum-branch-city {
            font-family:Roboto-Medium; 
            font-size:22px; 
            color:#00594D;
            margin-bottom: 0px;
        }
        .footerPlenum .plenum-branch .plenum-branch-type {
            font-size:18px; 
            color:#808080;
        }
        .footerPlenum .plenum-branch .plenum-branch-address {
           
            margin-top: 5%;
        }
h4.plenum-branch-address
{ 
    font-family:Roboto !important; 
    white-space:pre-line !important;
    font-size:1em !important;
}

@media (max-width: 767px) {
    .footerPlenum { height: auto; padding-bottom: 3.6%; display: block; }

        .footerPlenum > .footer-plenum-container { width: 90%; }
            .footerPlenum > .footer-plenum-container > div { display: block; }
            .footerPlenum > .footer-plenum-container > div:first-child,
            .footerPlenum > .footer-plenum-container > div:last-child { width: 100%; }

        .footerPlenum .footer-plenum-menu > ul > li { padding-top: 15px; }

        .footerPlenum .footer-plenum-social { margin-top: 15px; }
            .footerPlenum .footer-plenum-social > div { display: block; margin-left: 0px; }
                    .footerPlenum .footer-plenum-social > div:first-child > div { margin-left: -10px; }
                .footerPlenum .footer-plenum-social > div:last-child { padding-top: 10px; }

        .footerPlenum .plenum-branch { margin-bottom: 10px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .footerPlenum { height: auto; padding-bottom: 3.6%; }

        .footerPlenum > .footer-plenum-container { width: 92%; }
            .footerPlenum > .footer-plenum-container > div:first-child { width: 50%; }
            .footerPlenum > .footer-plenum-container > div:last-child { width: 50%; }

        .footerPlenum .footer-plenum-social > div { display: block; }
            .footerPlenum .footer-plenum-social > div:last-child { padding-top: 10px; }

        .footerPlenum .plenum-branch { margin-bottom: 10px; }
            .footerPlenum .plenum-branch:last-child { margin-bottom: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .footerPlenum { height: auto; padding-bottom: 3.6%; }

        .footerPlenum > .footer-plenum-container { width: 92%; }

        .footerPlenum .footer-plenum-social > div { display: block; }
            .footerPlenum .footer-plenum-social > div:last-child { padding-top: 10px; }

        .footerPlenum .plenum-branch { margin-bottom: 10px; }
            .footerPlenum .plenum-branch:last-child { margin-bottom: 0px; }
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .footerPlenum > .footer-plenum-container { width: 92%; }

    .footerPlenum .footer-plenum-social > div:last-child { padding-top: 10px; }
}
/*-----------------------------------------------------------*/






.contentTab a.tituloSeccion {
    text-decoration:none;
    color:white;
}





.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #4D4D4D;
}


/* DELAY DE SLIDER TESTEAR*/
.tabMenuPlenum > .tabInfo .sliderTab-content {
    opacity: 0;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.tabMenuPlenum:hover > .tabInfo .sliderTab-content {
    opacity:1;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/*Estilos para el segundo menu*/
.cont-second-menu {
        display: block;
        position: absolute;        
    }

.cont-second-menu > div.base-second-menu {
    display:block;
    position:fixed;
    width:100%;
    max-width:0;
    height:100%;
    left:0;
    padding-top: 3%;
    overflow:hidden;
    -o-transition:max-width .2s ease-in-out, min-width .2s ease-in-out;
    -moz-transition:max-width .2s ease-in-out, min-width .2s ease-in-out;
    -webkit-transition:max-width .2s ease-in-out, min-width .2s ease-in-out;
    transition:max-width .2s ease-in-out, min-width .2s ease-in-out;
}

.cont-second-menu:hover > div.base-second-menu {
    max-width:300px;
}

.cont-second-menu > div.base-second-menu:after {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    content:'';
    background-color:#4e4e4e;
    top:6px;
    z-index: -1;
}

ul.list-second-menu {
    display:block;
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}

ul.list-second-menu ul{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    float:left;
}

ul.list-second-menu:after {
    display:block;
    position:relative;
    width:100%;
    content:"";
    border-bottom:1px solid black;
    margin:0;
    padding:0;
    float:left;
}

ul.list-second-menu a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    color:white;
    border:none;
    padding:5px 0;
}

ul.list-second-menu li.submenu:hover div.content-second-submenu{
    height:initial;
    max-height:100%;
}

ul.list-second-menu li {
    text-align:left;
    padding:0 0 0 0;
}

.content-second-submenu ul li{
    text-align:left;
    padding:5px 0 5px 30%;
}

ul.list-second-menu>li>div>ul>li:hover{
    background-color:#3F3F3F;    
}
ul.list-second-menu>li>a:hover{
    background-color:#FFBD2B;    
}
ul.list-second-menu>li>a:active{
    background-color:#FFBD2B;    
}

ul.list-second-menu>li>a{
    text-align:left;
    padding:10px 0 10px 20%;
}

ul.list-second-menu li.submenu a.title-submenu:after {
    display:inline-block;
    position:relative;
    color:white;
    font-family:'FontAwesome';
    content:"\f054";
    vertical-align:middle;
    float:right;
    padding-right:40px;
}

ul.list-second-menu li.submenu div.content-second-submenu {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    max-height:0;
    overflow:hidden;
    -moz-transition: height .2s ease-in-out, min-height .2s ease-in-out, max-height .2s ease-in-out;
    -o-transition: height .2s ease-in-out, min-height .2s ease-in-out, max-height .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out, min-height .2s ease-in-out, max-height .2s ease-in-out;
    transition: height .2s ease-in-out, min-height .2s ease-in-out, max-height .2s ease-in-out;
}

.two-columns-description{
    -webkit-column-count: 2; 
    -moz-column-count:    2;
     column-count:         2;
       -webkit-column-gap:   20px; 
     -moz-column-gap:      20px; 
     column-gap:           20px;
     column-rule-color: #ccc;
     column-rule-style:solid;
     column-rule-width: 1px;
     /*text-align: justify;*/
     text-align: center;
}

.plenum-contacto-detail{
    top:50px;
}

/*Resoluciones mayores a 768px*/
@media (min-width: 768px) {

    .tabMenuPlenum > .tabInfo:after {
        display: inline-block;
        position: absolute;
        content: '';
        width: 30%;
        height: 100%;
        background-color: #4e4e4e;
        z-index: -1;
        left: 0;
    }

    a.btn-plenum > .tabInfo, .tabMenuPlenum > .tabInfo {
        display: block;
        position: fixed;
        width: 100%;
        height: 0;
        max-height: 0;
        left: 0;
        top: 33px;
        color: white;
        overflow: hidden;
        -o-transition: max-height .2s ease-in-out, min-height .2s ease-in-out;
        -moz-transition: max-height .2s ease-in-out, min-height .2s ease-in-out;
        -webkit-transition: max-height .2s ease-in-out, min-height .2s ease-in-out;
        transition: max-height .2s ease-in-out, min-height .2s ease-in-out;
    }

    .btn-plenum .tabInfo {
        color: #4e4e4e;
        border: none;
        margin: 0;
    }

        .btn-plenum .tabInfo:after {
            display: inline-block;
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            background-color: whitesmoke;
            left: 0;
            top: 0;
            z-index: -1;
        }

    .tabMenuPlenum:hover > .tabInfo {
        max-height: 100%;
        height: initial;
    }

    ul.contentTab {
        direction: rtl;
        padding: 0;
        display: inline-block;
        list-style: none;
        width: 24% !important;
        float: left;
        text-align: left;
        /*max-height: 280px;*/
        margin-bottom: 100px;
        overflow: hidden;
        overflow-y: auto;
    }

        ul.contentTab > li {
            display: block;
            width: 100%;
            margin: 0;
            -o-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -webkit-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            ul.contentTab > li > .tituloSeccion {
                display: inline-block;
                position: relative;
                width: 100%;
                padding: 3px 15px 3px 25px;
                margin-bottom: 12px;
                cursor: pointer;
                white-space: normal;
            }

            ul.contentTab > li > div.tituloSeccion:after {
                display: inline-block;
                position: absolute;
                font-family: 'FontAwesome';
                font-size: 20px;
                right: 20px;
                top: 0;
                content: '\f0da';
                color: #4e4e4e;
            }

    .tabMenuPlenum > .tabInfo > .sliderTab,
    .tabMenuPlenum > .tabInfo > .sliderTab::after {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        float: right;
        margin: 0;
        padding: 0;
        z-index: 1;
    }

        .tabMenuPlenum > .tabInfo > .sliderTab::after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            background-color: #ffbd2b;
            z-index: -1;
        }



    ul.contentTab > li > div.tituloSeccion > span {
        display: inline-block;
        width: 80%;
    }

    .scrollTabContainer:after,
    ul.contentTab > li > .contSeccion {
        display: inline-block;
        position: absolute;
        width: 76.2%;
        height: 100%;
        color: black;
        top: 0;
        right: 0;
    }



    .scrollTabContainer:after {
        background-color: whitesmoke;
    }

    .scrollTabContainer {
        display: inline-block;
        float: right;
        width: 92%;
        min-height: 320px;
    }

    .scrollTabContainerNoSmoke {
        display: inline-block;
        float: right;
        width: 92%;
        min-height: 320px;
    }

    .scrollTabContainer:after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 70%;
        top: 0;
        color: black;
        right: 0;
        background-color: whitesmoke;
    }

    ul.contentTab > li > .contSeccion {
        padding: 0 4%;
        z-index: -1;
        opacity: 0;
        -o-transition: opacity .1s ease-in-out;
        -moz-transition: opacity .1s ease-in-out;
        -webkit-transition: opacity .1s ease-out;
        transition: opacity .1s ease-out;
        white-space: normal;
    }

    ul.contentTab > li > .tituloSeccion {
        -moz-transition: background-color .1s ease-in-out;
        -o-transition: background-color .1s ease-in-out;
        -webkit-transition: background-color .1s ease-in-out;
        transition: background-color .1s ease-in-out;
    }

    ul.contentTab > li:hover > .tituloSeccion {
        color: #4D4D4D;
        background-color: #fcc328;
    }

    ul.contentTab > li > .contSeccion img {
        max-width: 100%;
        max-height: 100%;
    }

    ul.contentTab > li > .tituloSeccion > .arrow-right {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        opacity: 0;
        -o-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

    ul.contentTab > li:hover > .tituloSeccion > .arrow-right,
    ul.contentTab > li:hover > .contSeccion {
        opacity: 1;
        z-index: 1;
    }

    ul.contentTab .subInfoSeccion {
        margin-top: 20px;
    }

    .slimScrollDiv {
        padding-bottom: 70px;
    }

    .slimScrollBar,
    ul.contentTab {
        margin: 3% 0 0 0;
    }


    .cont-second-menu:hover > div.base-second-menu {
        max-width: 350px;
    }

    /*margenes de separacion*/
    .scrollTabContainer:after,
    .tabMenuPlenum > .tabInfo:after {
        margin-top: 3px;
    }
}
/*Resoluciones mayores a 992px*/
@media (min-width: 992px) {
    .arrow-right {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 14px solid #4D4D4D;
    }


    /*margenes de separacion*/
    .scrollTabContainer:after,
    .tabMenuPlenum > .tabInfo:after {
        margin-top:17px;
    }
}

/*Resoluciones mayores a 1200px*/
@media (min-width: 1200px) {
    ul.contentTab>li>.tituloSeccion {
        padding: 5px 15px 5px 50px;
    }
}

/* Para controlar el alto del sub-menú central */
@media (min-height: 401px) {
    ul.contentTab { max-height: none; }
    .slimScrollBar { display: none !important; }
}
@media (max-height: 400px) {
    .tabMenuPlenum:hover > .tabInfo { max-height: 300px; }
    ul.contentTab { max-height: 280px; }
    .slimScrollBar { display: block; }
}


#oficinaHongkong{
        left:28.22%;
        top:23.54%;
        position:absolute;
        width:325px;
        height:108px;
    }

#oficinaHongkong{
        left:28.22%;
        top:23.54%;
        position:absolute;
        width:325px;
        height:108px;
    }

.mainMenuElement
{
    max-width:5.29% !important;
}



/* Control del tamaño gral de los textos */
@media all and (min-width: 960px) {
    body{
        font-size: 18px;
    }
    h1{font-size:36px;}
    h2{font-size:30px;}
    h3{font-size:24px;}
    h4{font-size:18px;}
    h5{font-size:14px;}
    h6{font-size:12px;}
    
}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 16px;
    }
    h1{font-size:34px;}
    h2{font-size:28px;}
    h3{font-size:22px;}
    h4{font-size:16px;}
    h5{font-size:12px;}
    h6{font-size:10px;}
}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 12px;
    }
    h1{font-size:30px;}
    h2{font-size:24px;}
    h3{font-size:18px;}
    h4{font-size:12px;}
    h5{font-size:8px;}
    h6{font-size:6px;}
 
}

@media (min-width: 769px) and (max-width:1024px) {
    #oficinaHongkong{
        left:65.22%;
    }
}

@media (min-width: 1024px) {
    #oficinaHongkong{
        left:68.22%;
    }
}