/* ----------------------------------------------------------- INICIO Configuracion CONTENIDO Informacion página principal --------------------------------------------*/
    #contenido {
        background: var(--color-bgContenido);
        margin: 5px auto 10px auto;
        min-height: 200px;
        padding: 40px 80px 20px 80px;
        width: 100%;
    }

        #contenido h2 {
            font-family: FuturaBT-Heavy;
            /*font-family: FuturaBT-Heavy, Helvetica, sans-serif !important;
        font-weight: bold !important;*/
            color: #797A7B;
            font-size: 26px !important;
            margin: 0 0 20px 0;
            padding: 0;
        }


    #contenido .text {
        background: #fff;
        border-radius: 20px 20px 20px 20px;
        box-shadow: 0 0 10px rgba(0,0,0,.5);
        min-height: 300px;
        padding: 40px 60px;
        text-align: justify;
    }

    #contenido .text.wide {
        padding: 40px 0 !important;
    }

        #contenido .text h3 {
            font-family: FuturaBT-Medium;
            color: #13BCEA;
            font-size: 22px !important;
        }

        #contenido .text h4 {
            font-family: FuturaBT-Medium;
            color: #57CFDD;
            font-size: 20px !important;
        }

    #contenido .text .picture {
        background-size: cover;
        float: left;
        padding-top: 27%;
        width: 27%;
    }

    #contenido .text .right {
        float: right;
        width: 70%;
    }

    #contenido .text .icon {
        height: 30px;
        vertical-align: middle;
        width: auto;
    }
/* ----------------------------------------------------------- FINAL Configuracion CONTENIDO Informacion página principal --------------------------------------------*/



/* ----------------------------------------------------------- INICIO Configuracion Estilo para MOSTRAR LISTA de ASOCIADOS --------------------------------------------*/
    .asociado {
        background: var(--color-bgContenido);
        margin-bottom: 10px;
        width: 100%;
    }

    .asociado .nombre {
        border-bottom: 1px solid #fff;
        color: var(--color-azulMarino);
        font-size: 18px;
        font-weight: bold;
        padding: 10px 20px;
    }

    /*.asociado .dependencia {
        color: #372e62;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 5px;
        text-align: center;
    }

    .asociado .cargo {
        font-weight: bold;
        font-size: 12px;
    }*/

    .asociado .logo img {
        max-height: 100px;
        max-width: 100px;
        background: #FFF;
    }
/* ----------  FINAL Configuracion Estilo para MOSTRAR LISTA de ASOCIADOS  -----------------------------------------------------*/



/* ----------  INICIO Configuracion de página con INFORMACION de EQUIPOS DE TRABAJO  --------------------------------------------*/
#equipos {
    border: none !important;
    background: none !important;
}

    #equipos > ul {
        float: left;
        display: inline-grid;
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        width: 35%;
        background: none !important;
        border: none !important;
    }

        #equipos > ul > li {
            /*background-color: #FFF;*/
            color: var(--color-azulMarino);
            margin-bottom: 10px;
            /*border-radius: 30px 5px 5px 30px;*/
            border-radius: 10px 30px 30px 10px;
            white-space: pre-wrap !important;
            background: none !important;
            border: none !important;
        }

        #equipos > ul > li > a {
            background: url(../../Imagenes/webSite/equipo.png) 10px 15px no-repeat;
            background-size: 30px;
            color: inherit;
            font-size: 16px;
            height: 60px;
            padding: 10px 10px 10px 50px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-right: 15px;
            text-decoration: none;
            width:100%;
        }

            #equipos > ul > li.ui-state-active {
                background: var(--color-grisMedio) !important;
                box-shadow: 0 0 10px rgba(0,0,0,.5) !important;
                transition: background 0.75s !important;
            }

        #equipos > ul > li:not(.ui-state-active).ui-state-hover {
            border-color: var(--color-azulMarino) !important;
            border: 2px dashed !important;
        }

#equipos > div {
    float: right;
    width: 65%;
}

#equipos ul.ulLogros {
    padding: inherit;
    padding-top: 0px;
}

.equipo {
    background: none !important;
    border: none !important;
}

    .equipo > ul {
        list-style: none !important;
        margin: 0 !important;
        margin-left: 35px !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
    }

        .equipo > ul > li {
            background: none !important;
            border: none !important;
            display: inline-block;
            padding: 0px 3px !important;
            margin: 0px !important;
        }

        .equipo > ul > li:nth-child(2) 
        {
            border-right: 1px solid !important;
            border-left: 1px solid !important;
            border-color: var(--color-separadorMenu) !important;
        }

            .equipo > ul > li > a {
                color: var(--color-azulMarino) !important;
                text-decoration: none !important;
                width: 100%;
                height:100%;
                padding: 10px 25px !important;
                display: block;
                height: 36px;
                margin: 0px;
                font-size: 16px !important;
                font-family: Proxima-Nova;
                text-align: center !important;
            }

        .equipo > ul > li:not(.ui-state-active).ui-state-hover a {
            border-bottom: 3px solid;
            border-color: var(--color-azulMarino);
        }

        .equipo > ul > li.ui-state-active > a {
            font-weight: bold !important;
            font-size: 18px !important;
            transition: font-size 0.5s !important;
        }

    .equipo > div {
        background: #FFF !important;
        color: var(--color-azulMarino) !important;
        padding: 20px !important;
        border-radius: 20px 20px 20px 20px;
        box-shadow: 0 0 10px rgba(0,0,0,.5);
        min-height: 225px;
        margin-left: 20px;
        margin-top: 15px;
        text-align: justify;
    }

    .equipo > div h3 {
        margin: 0 0 20px 0;
        font-weight: bold !important;
        color: inherit;
        text-align: center;
        font-size: 22px;
        font-family: Proxima-Nova;
    }

.equipo table, td {
    border-color: var(--color-grisGTOmedio) !important;
}

li.equipoMedio {
    border-right: 1px solid !important;
    border-left: 1px solid !important;
    border-color: var(--color-separadorMenu) !important;
}

.tblDirectorio td {
    padding: 3px 5px;
}

ul.ulLogros > li {
    margin: 10px 0px;
}
/* ----------  FINAL Configuracion de página con INFORMACION de EQUIPOS DE TRABAJO  ---------------------------------------------*/



/* ----------  INICIO Configuracion página de CONTACTO  ------------------------------------------------------------------------*/
    #contacto {
        background: var(--color-bgContenido);
        padding: 10px 20px;
    }

    #contacto div {
        background-position: 20px 10px;
        background-repeat: no-repeat;
        background-size: 40px;
        border-bottom: 2px solid #fff;
        font-size: 18px;
        padding: 20px 20px 20px 80px;
    }

    #contacto div:nth-child(3) 
    {
        border: none;
    }
/* ----------  FINAL Configuracion página de CONTACTO  -------------------------------------------------------------------------*/

/*#equipos > ul{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 36px;
	width: 35%;
}
#equipos > ul > li{
	background-color: #4881b4;
	margin-bottom: 5px;
}
    #equipos > ul > li > a {
        background: url(../../Imagenes/webSite/equipo.png) 10px 15px no-repeat;
        background-size: 30px;
        display: block;
        color: #fff;
        font-size: 16px;
        height: 60px;
        padding: 10px 10px 10px 50px;
    }
#equipos > ul > li.ui-state-active,
#equipos > ul > li.ui-state-hover{
	background-color: #372a64;
}
#equipos > div{
	float: right;
	width: 65%;
}
.equipo > ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.equipo > ul > li{
	background: #f6f6f6;
	display: inline-block;
	margin-right: 2px;
}
.equipo > ul > li > a{
	color: #372a64;
	display: block;
	height: 36px;
	padding: 10px 40px;
}
.equipo > div{
	background: #fff;
	min-height: 515px;
	padding: 20px;
}
    .equipo > div h3 {
        color: #372a64;
        margin: 0 0 20px 0;
        font-weight:bold !important;
    }*/