*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1601px) {
    .taco-publicidad {
        display: block;
    }
}


/*@media screen and (min-width: 1441px) and (max-width: 1600px) {
    .gn-menu-main {
        width: 85%;
    }
}*/

@media screen and (max-width: 1600px) {
    .taco-publicidad {
        display: none;
    }
}

@media screen and (min-width: 1601px) {
    .taco-sombra-pub {
        display: block;
    }
}


/*@media screen and (min-width: 1441px) and (max-width: 1600px) {
    .gn-menu-main {
        width: 85%;
    }
}*/

@media screen and (max-width: 1600px) {
    .taco-sombra-pub {
        display: none;
    }
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'ecoicons';
    src: url("../fonts/ecoicons/ecoicons.eot");
    src: url("../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");
}


/* Icomoon.com * prueba de camnbio 15:49*/

.taco-publicidad {
    height: 100vh;
    top: 70px;
    position: fixed;
    right: 0px;
    width: 25vw;
    /*   background-image: url(/img/pub_01.jpg);*/
    z-index: 0;
}

.taco-publicidad-menu {
   
    right: 0px;
    width: 25vw;
    z-index: 0;
}

.taco-sombra-pub {
    height: 100vh;
    top: 70px;
    position: fixed;
    background-color: #fbfbfb;
    right: 0px;
    width: 25vw;
    background: linear-gradient(to right, #fbfbfb, transparent);
    z-index: 1;
}

.taco-sombra-menu {
     
    background-color: #fbfbfb;
    right: 0px;
    background: linear-gradient(to bottom, #fbfbfb, transparent);
    z-index: 1;
    right: 0px;
    width: 25vw;
    padding-top: 5px;
   
}


/* +++++++ BG-BLEND +++++++++++  */

.bgblend {
    width: 100%;
    height: 100px;
    /* border: 10px solid #E0EFFA;*/
    background-color: #E0EFFA;
    background-image: url("/img/baner_01.png");
    background-blend-mode: color-burn;
    /* filter: grayscale(100%);*/
    /* background-blend-mode: lcolor-burn;*/
}


/* +++++++ FIN BG-BLEND +++++++ */


/* ********MENU PRINCIPAL***** */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
#techList {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
    text-transform: uppercase;
    color: #666;
}

.mutual {
    color: rgb(255, 255, 255);
    font-size: 60px;
    font-weight: 300;
    position: absolute;
    left: 25px;
    top: 18px;
}

.online {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(77, 152, 204, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

.online_00 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_00 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(140,68,136, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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

.online_01 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_01 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(193,79,91, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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

.online_02 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_02 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(43,128,81, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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

.online_03 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_03 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(47,101,150, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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

.online_04 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_04 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(100,149,237, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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

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

.online_06 {
    text-align: center;
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.online_06 p {
    left: 195px;
    top: 20px;
    position: absolute;
    font-size: 20px;
    color: rgb(255, 255, 255);
    background: rgb(43, 64, 182, 0.7);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
}

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


.nombre-mutual {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(77, 152, 204, 0.7), 3px 3px 2px rgb(77, 152, 204, 0.7), -3px 3px 2px rgb(77, 152, 204, 0.7), 3px -3px 2px rgb(77, 152, 204, 0.7);
}

.nombre-mutual_00 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(140,68,136, 0.7), 3px 3px 2px rgb(140,68,136, 0.7), -3px 3px 2px rgb(140,68,136, 0.7), 3px -3px 2px rgb(140,68,136, 0.7);
}

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

.nombre-mutual_01 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(193,79,91, 0.7), 3px 3px 2px rgb(193,79,91, 0.7), -3px 3px 2px rgb(193,79,91, 0.7), 3px -3px 2px rgb(193,79,91, 0.7);
}

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

.nombre-mutual_02 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(43,128,81, 0.7), 3px 3px 2px rgb(43,128,81, 0.7), -3px 3px 2px rgb(43,128,81, 0.7), 3px -3px 2px rgb(43,128,81, 0.7);
}

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

.nombre-mutual_03 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(47,101,150, 0.7), 3px 3px 2px rgb(47,101,150, 0.7), -3px 3px 2px rgb(47,101,150, 0.7), 3px -3px 2px rgb(47,101,150, 0.7);
}

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

.nombre-mutual_04 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(100,149,237, 0.7), 3px 3px 2px rgb(100,149,237, 0.7), -3px 3px 2px rgb(100,149,237, 0.7), 3px -3px 2px rgb(100,149,237, 0.7);
}

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

.nombre-mutual_05 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(237, 50, 55, 0.7), 3px 3px 2px rgb(237, 50, 55, 0.7), -3px 3px 2px rgb(237, 50, 55, 0.7), 3px -3px 2px rgb(237, 50, 55, 0.7);
}

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

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

.nombre-mutual_06 {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    text-shadow: -3px -3px 2px rgb(43, 64, 182, 0.7), 3px 3px 2px rgb(43, 64, 182, 0.7), -3px 3px 2px rgb(43, 64, 182, 0.7), 3px -3px 2px rgb(43, 64, 182, 0.7);
}

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

/* =Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* End of Your Generated css 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* ------------fin menu principal------------*/

nav ul li a:focus {
    text-decoration: none;
}

.pie {
    position: fixed;
    bottom: 0;
    height: 50px;
    left: 0;
    z-index: 101;
}

.footer {
    padding: 10px;
    padding-bottom: 15px;
    background: rgb(255, 255, 255, 0.8);
    border-radius: 0px 0px 20px 20px;
}

.footer img {
    margin-top: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.footer b {
    position: relative;
    top: 7px;
}

.footer a {
    text-decoration: none;
    color: rgb(26, 101, 153);
}

.footer a:hover {
    text-decoration: none;
    color: rgb(56, 154, 221);
}

.footer a:visited {
    text-decoration: none;
    color: rgb(56, 154, 221);
}

.footer a:active {
    text-decoration: none;
    color: rgb(56, 154, 221);
}

.footer a:focus {
    text-decoration: none;
    color: rgb(56, 154, 221);
}

.fondo {
    background-color: #f7f2f2fb;
    color: #fff;
}

.boton-fondo-esquina {
    width: 200px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: #FF0000;
    color: white !important;
}

.bot-cerrar {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(77, 152, 204, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar a {
    text-decoration: none;
    color: white;
}

.bot-cerrar_00 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(142,68,173, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_00 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_00 a {
    text-decoration: none;
    color: white;
}

/* ---------------------------------------*/
.bot-cerrar_01 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(193,79,91, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_01 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_01 a {
    text-decoration: none;
    color: white;
}

.bot-cerrar_02 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(43,128,81, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_02 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_02 a {
    text-decoration: none;
    color: white;
}

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

.bot-cerrar_03 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(47,101,150, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_03 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_03 a {
    text-decoration: none;
    color: white;
}

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

.bot-cerrar_04 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(100,149,237, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_04 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_04 a {
    text-decoration: none;
    color: white;
}

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

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

.bot-cerrar_05 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(237,50,55, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_05 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_05 a {
    text-decoration: none;
    color: white;
}

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

.bot-cerrar_06 {
    right: 15px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 10px;
    padding: 10px;
    background: rgb(43, 64, 182, 0.7);
    border-radius: 5px;
    color: white;
    width: 150px;
}

.bot-cerrar_06 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-cerrar_06 a {
    text-decoration: none;
    color: white;
}

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

.bot-perfil {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(77, 152, 204, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil a {
    text-decoration: none;
    color: white;
}

.bot-perfil a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

.bot-perfil_00 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(140,68,136, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_00 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_00 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

/* --------------------------------------*/
.bot-perfil_01 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(193,79,91, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_01 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_01 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

/* --------------------------------------*/
.bot-perfil_02 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(43,128,81, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_02 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_02 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

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

.bot-perfil_03 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(47,101,150, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_03 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_03 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

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

.bot-perfil_04 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(100,149,237, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_04 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_04 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

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

.bot-perfil_05 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(237,50,55, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_05 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_05 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

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

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

.bot-perfil_06 {
    right: 170px;
    font-weight: bold;
    position: absolute;
    right: 170px;
    top: 10px;
    padding: 10px;
    background: rgb(43, 64, 182, 0.7);
    border-radius: 5px;
    color: white;
    width: 290px;
}

.bot-perfil_06 a {
    text-decoration: none;
    color: white;
}

.bot-perfil_06 a:hover {
    text-decoration: none;
    color: rgb(255, 255, 255, 0.7);
}

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

.gn-menu-main,
.gn-menu-main ul {
    margin: 0;
    padding: 0;
    background: #fbfbfb;/* rgb(255, 255, 255);*/ /*cambio del fondo*/
    /*color: #479bfc;  /*color de la letra del menu inicio titulos*/
    list-style: none;
    text-transform: none;
    font-weight: 300;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 30.7px;
    z-index: 100;
    /* 120319*/
}

.gn-menu-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    font-size: 15px;
    /* tamaño de la letra del header*/
    border: 0px solid;
}

.gn-menu-main a.efecto {
    -webkit-transition: padding-left 0.3s;
    -moz-transition: padding-left 0.3s;
    -o-transition: padding-left 0.3s;
    transition: padding-left 0.3s;
    display: block;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    height: 100%;
    /*color: #479bfc;  color de la letra del menu interno*/
    text-decoration: none;
    cursor: pointer;
}

link a {
    text-decoration: none;
}

.gn-menu-main a:hover.efecto {
    text-decoration: none;
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: #eeeeee;
    /*al pasar por le item*/
    color: white;
    background: linear-gradient(to right, #eeeeee, white);
    background-color: #eeeeee;
}


/* *********** Colores para los botones del menú para cada mutual ***************  */

.fondo_baner {
    /* border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;*/
    background: linear-gradient(to right, #001152, white);
    background-color: #E7F1FA;
    color: #fff;
}


/* ***** MORADO COLOR 00 **************  */

.fondo_00 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #ffe4ff, white);
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_00_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #8C4488, white);
    color: #fff;
}

/* ***** ROJO COLOR 01 **************  */

.fondo_01 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #f8e1df, white);
    background-color: #E7F1FA;
    color: #fff;
}

.fondo_01_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    background: linear-gradient(to right, #C14F5B, white);
    color: #fff;
}


/* ***** VERDE COLOR 02 **************  */

.fondo_02 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #d4f2e3, white); /*#E0EFFA */
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_02_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    margin-left: 5px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #2B8051, white);
    color: #fff;
}


/* ***** AZUL COLOR 03 **************  */

.fondo_03 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #d3e4f5, white);
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_03_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #2F6596, white);
    color: #fff;
}

/* ***** CELESTE COLOR 04 **************  */

.fondo_04 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #d3e3ff, white);
    background-color: #f1e7f6;
    color: #fff;
}

.fondo_04_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    background: linear-gradient(to right, #6495ED, white);
    color: #fff;
}


/* *****ROJO COLOR 05 **************  */

.fondo_05 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #f8e1df, white);
    background-color: #F4BEC0;
    color: #fff;
}

.fondo_05_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #ED3237, white);
    color: #fff;
}


/* *****NARANJA COLOR 06 **************  */

.fondo_06 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #d3e4f5, white);
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_06_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #2b40b6, white);
    color: #fff;
}


/* *****GRIS COLOR 07 **************  */

.fondo_07 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #eaedee, white);
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_07_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #95A5A6, white);
    color: #fff;
}


/* *****VERDE COLOR 08 **************  */

.fondo_08 {
    border-radius: 12px 0px 0px 12px;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    background: linear-gradient(to right, #d4f2e3, white);
    background-color: #E0EFFA;
    color: #fff;
}

.fondo_08_osc {
    border-radius: 12px 0px 0px 12px;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
    height: 43px;
    /*background-color: #389ADD;*/
    background: linear-gradient(to right, #3FC380, white);
    color: #fff;
}


/* ********************* FIN COLORES MENU MUTUALES ***************************** */

.gn-menu-main>li {
    display: block;
    float: left;
    height: 100%;
    border-right: 1px solid #dac6c6;
    /*bodeer de barra horizontal*/
    text-align: center;
}


/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
    position: relative;
    width: 60px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gn-menu-main>li:last-child {
    float: right;
    border-right: none;
    /*   border-left: 1px solid #c6d0da;*/
}

.gn-menu-main>li>a {
    padding: 0 30px;
    text-transform: uppercase;
    letter-spacing: 3.4px;
    font-weight: bold;
}

.gn-menu-main:after {
    display: table;
    clear: both;
    content: "";
}

.gn-menu-wrapper {
    position: fixed;
    top: 100px;
    bottom: 0px;
    left: 1%;
    /*overflow: hidden;*/
    /*width: 60px;*/
    border-top: 0px solid #c6d0da;
    /*10052019*/
    background: white;
    /*-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;*/
}


/*.gn-menu-wrapper {
    min-width: 250px;
    max-width: 250px;
    background: #1b8eeec7;
    color: #fff;
    transition: all 0.3s;
}
.gn-menu-wrapper.active{
	margin-left: -250px;
}
*/

.gn-scroller {
    position: fixed;
    left: 0px;
    overflow-y: auto;
    /* para mostrar colocar scroll 210*/
    width: 280px;
    /*tamaño de la linea horizontal separacion ultimo hijo estaba 240*/
    height: 93%;
    border-right: 1px solid;
    /*cambio 120319*/
    padding-top: 0px;
    /*cambio 130319 era 30*/
    margin-top: 15px;
    /*cambio 130319 era 30*/
}

.gn-menu {
    border-bottom: 0px solid #c6d0da;
    /*linea final*/
    text-align: left;
    font-size: 16px;
}


/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
    color: transparent
}

input.gn-search:focus {
    cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
    color: white
}


/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
    color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
    color: white
}

.gn-menu-main a.gn-icon-search {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
}

.gn-icon::before {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'ecoicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
    content: "\e000"
}

.gn-icon-earth::before {
    content: "\e004"
}

.gn-icon-cog::before {
    content: "\e006"
}

.gn-icon-search::before {
    content: "\e005"
}

.gn-icon-download::before {
    content: "\e007"
}

.gn-icon-photoshop::before {
    content: "\e001"
}

.gn-icon-illustrator::before {
    content: "\e002"
}

.gn-icon-archive::before {
    content: "\e00d"
}

.gn-icon-article::before {
    content: "\e003"
}

.gn-icon-pictures::before {
    content: "\e008"
}

.gn-icon-videos::before {
    content: "\e009"
}


/* if an icon anchor has a span, hide the span */

.gn-icon span {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.gn-icon-menu::before {
    margin-left: -105px;
    vertical-align: -2px;
    width: 30px;
    height: 3px;
    background: #5f6f81;
    box-shadow: 0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81;
    content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
    background: white;
    box-shadow: 0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
    background: #5993cd;
    box-shadow: 0 3px white, 0 -6px #5993cd, 0 -9px white, 0 -12px #5993cd;
}


/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
    width: 340px
    /*estab 240*/
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
    height: 50px
}

@media screen and (max-width: 422px) {
    .gn-menu-wrapper.gn-open-all {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }
    .gn-menu-wrapper.gn-open-all .gn-scroller {
        width: 130%
    }
    .activo {
        /*text-decoration: underline;
		background-color:  rgb(44, 204, 98);
		rgb(151, 148, 148);*/
        background-color: #d90000;
        color: #fff;
    }
    a:visited {
        color: purple;
        background-color: brown;
    }
    ul {
        list-style-type: none;
        color: #b3b6b9
    }
    a {
        text-decoration: none;
    }
    /*.gn-menu-wrapper.active{
		margin-left: 0px;
	}*/
}