/*COLORES Y CARACTERISTICAS COMUNES
AZÚL:#005FB6;
VERDE:#52AE32;
GRIS:#707070;
NARANJA: #EE7203
        
*/
body {
    font-family: "Lato",Arial,sans-serif;
    height: 136px;
    margin: 0;
    color: white;
}


/* ESTILOS SITE MASTER */


/*.wrapper {

}*/

.circulo {
    list-style-type:square;
    margin-top:20px;
    margin-left: 15px;
}

.cabecera {
    font-family: "Futura LT Pro";
    color: white;
    background-color: #52AE32;
    margin-left: 0;
    margin-top: 0px;
    width: 100%;
    height: 100px;
    text-align: left;
    display: list-item;
    padding-top: 1%;
    padding-bottom: 1%;
    color: white;
}

.CabIzda {
    float:left;
    padding: 0 0 0 80px;
}

.CabDcha {
    float:right;
    padding: 10px 80px 0 0;
    text-align: right;
}

.lbCabecera {
    position: absolute;
    font-size: 35px;
    cursor: pointer;
    color:white;
    
}

.lbContraelhambre {
    position: absolute;
    top: 60px;
    font-size: 13px;
    font-family: "Futura LT Pro";
    cursor:pointer;
    color:white;
}

.LogoMySite {
    Height: 90px;
    Width: 200px;
    margin-left: 5%;
}

.lbUser {
    font-family: Lato;
    font-size: 17px;
    color: white;
    display: block;
}
.lbVersion {
    font-family: Lato;
    font-size: 10px;
    color: white;
    display: block;
}

.DocHyperlink {

    font-family: 'Lato';  
    Color: #005FB6;
    font-size:13px; 
    font-style:italic; 
    font-weight: bold;
}

    .DocHyperlink:hover {
    color: #707070;
    border-radius: 20%;
    
    }


.btLogin {
    font-family: "Futura LT Pro";
    font-size: 13px;
    text-transform: uppercase;
    color:white;
}

    .btLogin:hover {
        color: lightgrey; /*005FB6;;*/
        text-decoration: none;
    }

/*.btLogin {
    text-align:right;
    font-family:Lato;
    color: #52AE32;
    margin-right:2%;
    margin-top:0%;
    margin-left:93%;*/





.cls {
    margin-left: 10px;
    margin-right: 5px;
    border: 0px !important;
}

    .cls .dxeEditAreaSys {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }


.FotoPortada {
    z-index: 0; 
    margin: 0 0 0 80px;
    width: 1000px; 
    height: 300px ;

}

.imCabecera {
    vertical-align: middle;
    width: 151%;
    height: 223px;
    margin-left: 0%;
}

.logo {
    text-align: right;
    
    margin: 10px 70px 0 0;
    float: right;
    height: 53px;
    width: 90px;
    border-style:none;
    cursor:pointer;
}

.footer {
    width: 100%;
    padding:0;
    margin:0;
    background-color: #52AE32;
    color: #005FB6;
    font-family: "Futura LT Pro";
    height: 2%;
    position: relative;
 }

.mnu_principal {
    font-family: "Futura LT Pro";
    color: white;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
    padding-right: 15px;
    margin-right: auto;
    margin-left: 5%;
    height: 90%;
    Width: 100%;
    background: #005FB6;
    background-color: #005FB6;
}

mnu_principal_Item {
    font-family: "Futura LT Pro";
    color: white;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
}

.S_mnu_PortalEmpleado {
    font-family: "Futura LT Pro";
    text-align: left;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-left: 13%;
    border: none;
    height: 37px;
    color: white;
    background-color: #005FB6;
    background: #005FB6;
    border: none;
}


/*ESTILOS 1 COLUMNA (FOTO + CONTENIDO) */
.divPagina {
    padding: 0%;
    margin-bottom: 0%;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: #FFFFFF;
    background-color: #ffffff;
    height: 507px;
    width: 100%;
    text-align: left;
    float: left;
}

.lbTitulo {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    margin-left: 5%;
    padding-bottom: 2em;
}

.tb2Columnas {
    background-color: #ffffff;
    background: white;
    height: 389px;
    /*width: 1206px;*/
    width: 75%;
    vertical-align: top;
    margin-top: 2%;
    margin-left: 5%;
    text-align: center;
}

.tdFoto1Col {
    border-style: none;
    color: #FFFFFF;
    vertical-align: top;
    width: 15%;
    text-align: left;
    right: 0px;
}

.imFoto {
    border-style: None;
    Height: 284px;
    text-align: Left;
    Width: 181px;
}

.tdColumna1 {
    border-style: none;
    color: #808080;
    vertical-align: top;
    /*width: 1931px; */
    width: 100%;
    top: 0px;
    text-align: center;
    /*margin-left: 10%; */
    font-family: 'Lato Medium';
    font-size: small;
}

.col1treeView {
    top: 20%;
    margin-left: 40%;
}

.col1TreeItem {
    color: #707070;
    font-family: Lato;
    font-size: 11px;
}

/*FIN ESTILOS 1 COLUMNA*/


/*ESTILOS COMUNES*/


.btBlancoVerde {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: none;
    /*border-bottom-style:solid;
    border-color:#52AE32;*/
    color: #52AE32;
    background: white;
}

.btBlancoAzul {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: solid;
    border-width:0.5px;
    border-color: #005FB6;
    color: #005FB6;
    background: white;
}
.lbTituloPaginaComun {
    font-family: "Futura LT Pro";
    text-align: left;
    color: #52AE32;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-left: 7%;
    top: 10%;
}

.tbContenido {
    background-color: #ffffff;
    background: white;
    height: 389px;
    vertical-align: top;
    margin-top: 5%;
    margin-left: 5%;
    /*width: 1206px;*/
    text-align: center;
}

.tdFotoComun {
    border-style: none;
    color: #FFFFFF;
    vertical-align: top;
    height: 50%;
    width: 17%;
}



.pnTD1 {
    margin-left: 5%;
    height:100px;
}

.td1 {
    border-style: none;
    vertical-align: top;
    width: 60%;
    top: 0px;
    margin-left: 10%;
    font-family: 'Lato Medium';
    font-size: small;
}

/*  ESTILOS LOGIN*/

.pnLogin {
    vertical-align: central;
    width: 500px;
    height: 300px;
    margin-left: 25%;
    margin-top: 5%;
}

.txUser {
    margin-left: 5%;
    margin-top: 20%;
}


/* ESTILOS DEFAULT */

.mnu_principalDefault {
    font-family: "Futura LT Pro";
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-color: white;
    height: 37px;
    color: #707070;
    background-color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 15px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: 27%;
    height: 37px;
    Width: 100%;
}


.S_mnu_PortalEmpleado {
    font-family: "Futura LT Pro";
    text-align: left;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-left: 13%;
    border: none;
    height: 37px;
    color: white;
    background-color: #005FB6;
    background: #005FB6;
    border: none;
}


.lbPropones {
    left: 2%;
    top: 5%;
}

.lb_bienvenida {
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #52AE32;
}

/*.tx_Bienvenida {
    
    font-family: 'Lato';
    font-size:11px;
    text-align:justify;
    color:#707070;
    width:500px;

}*/



h2 {
    font-family: "Lato", sans-serif;
    font-size: 1.5em;
    color: #707070;
}

h3 {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #005FB6;
}


/*ESTILOS POLÍTICAS RRHH*/

.pnIframePoliticas {
    
    border-style: none;
    border-top:none;
    margin-top: 0%;
    top:0%;
    margin-left: 5%;
    width: 99%;
    height: 99%;
    text-align:left;
    z-index:0;
  
   
}
.iframePoliticas {
    
    position: absolute;
    width:99%;
    height:99%;
    z-index:0;
    border-style: none;
    border-top: none;
    margin-top: 0%;
    top: 0%;
    margin-left: 0%;
    text-align: left;
    float: left;

}

.PoliticasTreeView {
    top: 20%;
    margin-left: 7%;
    font-family:Lato;
    font-size: 13px;
}

.PoliticasTreeItem {
    color: #707070;
    font-family: Lato;
    font-size: 13px;
}
.PoliticasTreeItemCab {
    color: #52AE32;
    font-weight:bold;
    font-family: Lato;
    font-size: 13px;
}

.lb_politicas {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    
}

/*ESTILOS CONCILIACION*/


.tbConciliacion {
    background-color: #ffffff; 
    background:white;
    vertical-align:top;
    margin-top: 3%;
    margin-left:3%;
    text-align:left;
    }

.tdConciliacion {
    vertical-align: top; 
    width: 1931px; 
    top: 0px; 
    text-align: left; 
    margin-left: 7%; 

}

.pnMedidas {
    vertical-align: top;
    text-align: left;
    color: #707070;
    margin-left: 7%;
}

.lbMedidas {
    vertical-align: top;
    text-align: left;
    color: #707070;
    font-family:Lato;  
    font-size:15px;
    Width:84%;
}

.imMedidas {
    top: 10%;
    width: 300px;
}


/*ESTILOS LOGIN*/

.btAcceder {
    font-family: "Futura LT Pro";
    font-size: 10px;
    background: white;
    color: #52AE32;
    border-style: none;
    border-width: 0px;
    margin-left: 32%;
}



/*ESTILOS INF_EGUROS*/

.infSeg_imagen {
    text-align: center;
    margin-top: 0%;
    border-bottom-style: none;
    background-color: white;
}


/*ESTILOS NOMINAS*/


.NominasTreeView {
    top: 10%;
    margin-left: 10%;
}

header {
    background-color: #005FB6;
    color: white;
    width: 100%;
    height: 15%;
}

#divNavegacion {
    margin-left: 0%;
    margin-bottom: 0px;
    height: 18px;
    width: 1215px;
}


/*ESTILOS ORGANIGRAMA*/

.divOrganizacion {
    margin-left: 5%;
    float: left;
    font-family: "Futura LT Pro";
}

.divRRHH {
    float: left;
    background-color: #52AE32;
    width: 200px;
    height: 200px;
    text-align: center;
}

.divFinanzas {
    float: left;
    background-color: #005FB6;
    width: 200px;
    height: 200px;
    text-align: center;
}

.divComunicacion {
    float: left;
    background-color: #707070;
    width: 200px;
    height: 200px;
    text-align: center;
}

.divOperaciones {
    float: left;
    background-color: #52AE32;
    width: 200px;
    height: 200px;
    text-align: center;
}

.divAdvocacy {
    float: left;
    background-color: #005FB6;
    width: 200px;
    height: 200px;
    text-align: center;
}

/*ESTILOS USERS*/
.paneles {
    margin-left: 50px;
    margin-right: 50px;
}

.gridRoles {
    margin-top: 0%;
    margin-left: 5%;
    font-family: Lato;
    font-size: 8px;

}

/*ESTILOS RECONOCIMIENTO MÉDICO*/

.lb_reconocimiento {
    margin-left: 5%;
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    width: 100%;
}

.gridDias {
    margin-top: 0%;
    /*margin-left: 0%;*/
    font-family: Lato;
    font-size: 13px;
    /*text-align:center;*/
}

.gridGrupos {
    margin-top: 0%;
    /*margin-left: 30px;*/
    font-family: Lato;
    font-size: 13px;
    width:99%;
    /*text-align:center;*/
}

.gridCitas {
   margin-top: 5%;
    /*margin-left: 0%;*/
    font-family: Lato;
    font-size: 13px;
}

.divInfo {

    position: absolute;
   
    width: 210px; 
    text-align:center
}

.divInfoGrupos {
    position: absolute;
    width: 210px;
    text-align: right;
    margin-left:60px;
    margin-top: -27px;
}
.lbInfo {
    margin-top:-10px; 
    margin-left:5px;
    font-family:Lato; 
    font-size:12px;
    color:#005FB6;
}

.txInfo {
    margin-top:5px; 
    margin-left:5px;
    font-family:Lato; 
    font-size:13px;
    color:#707070;
}

.divEnlaceDoc {
    display:inline;
    vertical-align:central;
    text-align:center;
    margin-left: 25%;

}

.imgDoc {
    border:none;
    width: 25px; 
    height: 25px; 
    margin-top:12px; 
    border:none;

}

.DivBotones{
    float: left;
    margin-left:0px;
    display:block;
   
}
.divPaneles {
    margin-top: 3%;
    margin-left: 0%;
    width: 33%;
    height:99%;
    /*display:block;*/
    float:left;
    /*border-style: solid;
    border-width:1px;*/

}


.btAzul {
    outline:none;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    background: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: #005FB6;
    padding: 5px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
   -webkit-transform: translateZ(0);
  transform:  translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

 .btAzul:hover, btAzul:focus, btAzul:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: white;
    background-color: #005FB6;
    border-color:#005FB6;
  
}

.btAzulBienestar {
    outline: none;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    /*float: left;*/
    background: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: #005FB6;
    position: absolute;
    margin-top:50px;
    margin-left: 290px;
    padding: 5px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .btAzulBienestar:hover, btAzulBienestar:focus, btAzulBienestar:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        color: white;
        background-color: #005FB6;
        border-color: #005FB6;
    }

.mnBienestar {
    
    font-family:'Futura LT Pro';
    color:#005FB6;
}
    .mnBienestar:hover, mnBienestar:focus, mnBienestar:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        color: #95B7DA;
        text-decoration:none;
        /*background-color: #005FB6;
    border-color: #005FB6;*/
    }



.btAzulMenuBienestar {
    outline: none;
    text-align: center;
    margin: auto;
    text-decoration: none;
    font-family: "lato";
    font-size: 14px;
    font-weight: bold;
    width:99%;
    /*width: 250px;*/
    color: #005FB6;
    background: white;
    border-style: none;
    margin-top: 15px;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .btAzulMenuBienestar:hover, btAzulMenuBienestar:focus, btAzulMenuBienestar:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        color: white;
        background-color: #005FB6;
        border-color: #005FB6;
    }

 .btVerde {
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #52AE32;
    background: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: #52AE32;
    padding: 5px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btVerde:hover, btVerde:focus, btVerde:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: white;
    background-color: #52AE32;
    border-color:#52AE32;
}

.btNaranja {
   
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #ee7203;
    background: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: #ee7203;
    padding: 5px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

 .btNaranja:hover, btNaranja:focus, btNaranja:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: white;
    background-color: #ee7203;
    border-color:#ee7203;
}


.btRechazar{
    margin-right:30%;
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: solid;
    border-width: 0.5px;
    border-color:#ee7203;
    color: #ee7203;
    background: white;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding: 5px;
  
}
.btRechazar:hover {
    color:  #52AE32;
    
    border-color:#52AE32;
}

.btActualizar {
    display:inline-block;
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: none;
    /*border-style: solid;
    border-width: 0.5px;
    border-color: #005FB6;*/
    color: #005FB6;
    background: white;
    text-align: left;
    margin-left: 5%;
   
}
.btActualizar :hover {
    color: #52AE32;
    background: white ;
}

.Informacion {
    padding:15px; 
    margin-top: 50px; 
    margin-left:0px; 
    font-family:Lato; 
    font-size:12px;
    text-decoration:none;

}

.btAnularSolicitud {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: solid;
    border-width: 0.5px;
    border-color: #52AE32;
    color: #52AE32;
    background: white;
    margin-top: 5%;
    margin-left: 90%;
}

.lbElige {
    font-family: "Futura LT Pro";
    font-size: 15px;
    color: #52AE32;
    text-align: left;
    width: 100%;
    margin-left: 5%;
}

.pnEligeCita {
    float: left;
    text-align: left;
    margin-left: 0%;
}

.tdTusDatosCita {
    width: 15%;
    text-align: left;
    padding: 1%;
    vertical-align: top;
}

.tdTusDatosHora {
    width: 15%;
    text-align: left;
    padding: 1%;
    vertical-align: top;
}

.tdTusDatosSexo {
    width: 10%;
    text-align: left;
    padding: 1%;
    vertical-align: central;
    float: left;
    margin-left: 5%;
}

.tdTusDatosPuesto {
    width: 400px;
    text-align: left;
    padding: 1%;
    vertical-align: central;
    float: left;
    margin-left: 5%;
}

.lbDisponibles {
    font-family: Lato;
    font-size: 12px;
    color: #005FB6;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-left: 5%;
    margin-top: 1%;
}

.comboDisponibles {
    margin-top: 0%;
    margin-left: 5%;
    font-family: Lato;
    font-size: 12px;
    width: 200px;
    border: none;
    text-align: left;
    background-color: #d0e6fa;
    height: 10px;
}

.comboSexo {
    margin-top: 0%;
    margin-left: 10%;
    font-family: Lato;
    font-size: 10px;
    width: 300px;
}


.miCita {
    margin-top: 10%;
    margin-left: 10%;
    Height: 25px;
    Width: 334px;
}
/*ESTILOS GESTIÓN RECONOCIMIENTOS*/

.divMisCitas{

    display:inline-block;
    float:left;
}

.divReconocimientos {
    padding-top: 3%;
    margin-bottom: 0%;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: #FFFFFF;
    background-color: #ffffff;
    height: 349px;
    width: 90%;
    float: left;
}

.tbReconocimientos {
    background-color: #ffffff;
    background: white;
    height: 400px;
    vertical-align: top;
    margin-top: 3%;
    margin-left: 3%;
    /*width: 1206px;*/
    text-align: left;
}

.tdFoto {
    border-style: none;
    color: #FFFFFF;
    vertical-align: top;
    width: 5%;
    text-align: left;
    right: 0px;
    margin-left: 0%;
}

.tdDatos {
    border-style: none;
    color: #FFFFFF;
    vertical-align: top;
    width: 30%;
    text-align: left;
    right: 0px;
    margin-left: 5%;
    height:99%
}


.pnFechas {
    float: left;
    margin-left:15%;
    /*background-color: #F2F3F1;*/
    margin-top: 0%;
    text-align: center;
}

.pnDatos {
    margin-top: 5%;
    padding: 4%;
    margin-left: 10%;
}

.btGuardarFecha {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: none;
    color: #52AE32;
    /*background: #F2F3F1;*/
    text-align: right;
    margin-left: 15%;
    margin-top: 1%;
}

.lbNavegacion {
    color: #707070;
    margin-left: 5%;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: right;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-weight: normal;
    font-size: 1.0em;
}

.lbNavegacionVerde {
    color: #52AE32;
    margin-left: 4%;
    margin-right: 0;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: left;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-weight: normal;
    font-size: 0.6em;
}

.lbNavegacionAzul {
    color: #005FB6;
    margin-left: 4%;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: left;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-weight: normal;
    font-size: 0.6em;
}

.Titulo1Verde {
    color: #52AE32;
    margin-left: 15%;
    margin-top: 0%;
    margin-right: 0;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: left;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-weight: normal;
    font-size: 0.7em;
}

.Titulo1Azul {
    color: #005FB6;
    margin-left: 15%;
    margin-top: 0%;
    margin-right: 0;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: left;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-weight: normal;
    font-size: 0.7em;
}


.lbTituloAzul {
    color: #005FB6;
    background-color: white;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
    float: left;
    font-weight: bold;
    font-size: 1.0em;
}

.txTextoCentrado {
    width: 100%;
    height: 100%;
    top: 4%;
    border-style: none;
    font-weight: normal;
    font-size: 0.6em;
    font-family: "Lato", sans-serif;
    color: #707070;
}

.ImagenForm {
    width: 1200px;
    height: 235px;
}

ImagenIzda {
    background-color: white;
    margin-top: 3%;
    margin-left: 98%;
    width: 50px;
    height: 50px;
}


.Imagencentrada {
    background-color: white;
    margin-top: 0%;
    margin-left: 0%;
}

.BotonHead1 {
    position: absolute;
    top: 1.5%;
    left: 95%;
}


.BotonHead2 {
    position: absolute;
    top: 1.5%;
    left: 3%;
}


.titulo_pie {
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    font-size: 1.5em;
    text-align: right;
    margin-top: 1.5%;
    font-weight: 600;
    margin-left: 2.2%;
}



#divBotones {
    position: absolute;
    height: 150px;
    width: 600px;
    left: 5%;
    top: 200%;
    float: left;
}

#panelAzul {
    background-color: #005FB6;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    color: white;
    font-size: 2.0em;
    font-weight: 600;
    text-align: center;
    padding-top: 2%;
    width: 30.5%;
    height: 50%;
    position: absolute;
    top: 32%;
    left: 6.6%;
}

#panelAzulInterno {
    background-color: #005FB6;
    color: white;
    width: 90%;
    height: 45%;
    position: absolute;
    top: 33%;
    left: 5%;
}

#PanelA {
    color: #005FB6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 42%;
    left: 11%;
    /*margin-top: 5%;
    margin-left: 1%;*/
}

#panelBlanco {
    background-color: white;
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    color: #52AE32;
    font-size: 2.0em;
    font-weight: 600;
    text-align: center;
    padding-top: 2%;
    width: 55%;
    height: 69%;
    position: absolute;
    top: 10%;
    /*bottom:30%;*/
    left: 45%;
    overflow: hidden;
}

.LabelServicios {
    color: #52AE32;
    position: absolute;
    font-size: 19px;
    top: 17%;
    left: 20%;
}

.BotonVolver {
    background-color: #005FB6;
    color: white;
    position: absolute;
    font-size: 19px;
    top: 17%;
    left: 5%;
}

.BotonAzul {
    background-color: #005FB6;
    color: white;
    position: absolute;
    font-size: 19px;
    border-radius: 7px;
}

.BotonAzulMenu {
    background-color: #005FB6;
    margin-left: 19%;
    color: white;
    height: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    font-size: 19px;
    text-align: center;
    top: 80%;
    left: 3%;
}

.BotonAzulMenuItem {
    border-radius: 7px;
    height: 200px;
    width: 10px;
}

.BotonVerdeMenu {
    background-color: #52AE32;
    margin-left: 19%;
    color: white;
    height: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    font-size: 19px;
    text-align: center;
    top: 70%;
    left: 2%;
}

.BotonVerdeMenuItem {
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    color: #52AE32;
    height: 100px;
    width: 10px;
    font-size: 19px;
    text-align: center;
    top: 70%;
    left: 2%;
}

.BotonEntrar {
    background-color: #52AE32;
    color: white;
    position: absolute;
    font-size: 19px;
    top: 134%;
    left: 66%;
}

#panelBlancoInterno {
    background-color: white;
    color: #52AE32;
    width: 95%;
    height: 70%;
    position: absolute;
    top: 25%;
    left: 1%;
    overflow: auto;
}

#PanelB {
    color: #52AE32;
    width: 10%;
    height: 50%;
    position: absolute;
    top: 15%;
    left: 5%;
    overflow: hidden;
    /*margin-top: 5%;
    margin-left: 1%;*/
}

.BServicio {
    width: 100px;
    text-align: left;
    float: left;
    font-size: 0.5em;
    font-weight: 100;
    margin-top: 5px;
    margin-left: 50px;
    color: #707070;
    background-color: white;
    border-bottom-color: white;
    border-left-color: white;
    border-color: white;
    border-image: none;
    border-width: 0px;
}

.BOtroServicio {
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    color: white;
    background-color: #005FB6;
    border-bottom-color: White;
    border-left-color: white;
    border-color: white;
    color: white;
    position: absolute;
    top: 80%;
    left: 83%;
}

#otro {
    position: absolute;
    color: red;
    top: 80%;
    left: 80%;
}

.Benviar {
    position: absolute;
    top: 50%;
    left: 5%;
    color: white;
    background-color: #005FB6;
}

.Llogin {
    position: absolute;
    top: 30%;
    left: 8%;
    /*background-color:#005FB6*/
}

.Tlogin {
    position: absolute;
    top: 107%;
    left: 58%;
    /*background-color:#005FB6*/
}

.Lclave {
    position: absolute;
    top: 35%;
    left: 8%;
    /*background-color:#005FB6*/
}

.Tclave {
    position: absolute;
    top: 30%;
    left: 58%;
    /*background-color:#005FB6*/
}



.datos {
    position: absolute;
    top: 30%;
    left: 10%;
    text-align: left;
}

Header_Home {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #005FB6;
}

HD_IMG_Usuario {
    vertical-align: central;
    margin-right: 20%;
}

Header_Usuario {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    right: 30px;
    color: white;
}

Header_TXTBuscar {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #005FB6;
}

Header_IMG_Buscar {
    font-family: "Lato", sans-serif;
    font-size: 1.2em;
    color: #005FB6;
}

iframe {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    top: 0%;
    height: 90%;
}

ItemMenuPAzul {
    font-family: "Futura LT Pro Book", Arial,sans-serif;
    font-weight: 200;
    font-size: 1.2em;
    color: #52AE32;
    background-color: white;
}

ItemMenuSAzul {
    font-family: "Futura LT Pro Book", "Lato", Arial,sans-serif;
    color: #707070;
    font-size: 1em;
    background-color: white;
}

.GridPanelControl {
    border-style: none;
    font-family: Lato;
    font-size: 12px;
}

/*#GridView1{
    font-size: 40px;
}*/

/*ESTILOS FAQS*/

.BotonFAQS {
    /*display:table-column;*/
    /*float:left;*/
    font-family: Lato;
    margin-top: 1%;
    margin-left: 0%;
    text-align: left;
    font-size: 15px;
    color: #005FB6;
    background: white;
    border: none;
    display: block;
    width: 100%;
    white-space: pre-line;
    transition: 0.5s;
}

.DescripcionFAQS {
    /*display:table-column;*/
    /*float:left;*/
    font-family: Lato;
    margin-top: 1%;
    margin-left: 0%;
    text-align: center;
    font-size: 15px;
    color: #707070;
    background: white;
    border: none;
    display: block;
    width: 100%;
    white-space: pre-line;
    transition: 0.5s;
}

/*ESTILOS PANEL DE CONTROL*/

.lbTexto {
    font-family: Lato;
    vertical-align: top;
    text-align: left;
    color: #707070;
    width: 80%;
}

/*ESTILOS PANEL CONTROL*/

.lb_info {
    font-family: Lato;
    font-size: 11px;
    color: #005FB6;
    text-align: left;
}





.bt_Actualizar {
    margin-top: 15px;
    margin-left: 20px;
    text-transform: uppercase;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    background-color: white;
    background: white;
    border-style: none;
}

.bt_VerLog {
    margin-top: 0px;
    margin-left: 0px;
    text-transform: uppercase;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    background-color: white;
    background: white;
    border-style: none;
    margin-right: 62px;
}

.pnResultados {
    /*overflow-y:scroll;*/
    margin-left:5%;
    font-size: 11px;
    /*border-style:solid;*/
    height:99%;

}

.pnNominasOrigen {
    overflow-y:auto;
    margin-left:0%;
    font-size: 11px;
    height:98%;
    display:block;
    font-family:Lato;
    color: #707070;
    background-color:#eee;

}

.pnSeparacionSede {
    overflow-y:auto;
    margin-left:0%;
    font-size: 11px;
    /*float:left;*/
    /*border-width:1px;
    border-style:solid;*/
    width:99%;
    height:99%;
    background-color:#eee;
}

.pnSeparacionDASE {
    overflow-y:auto;
    margin-left:0%;
    font-size: 11px;
    /*float:left;*/
    /*border-width:1px;
    border-style:solid;*/
    width:99%;
    height:99%;
    background-color:#eee;

}


.lbAccion {
    /*display:table-column;*/
    /*float:left;*/
    font-family: Lato;
    margin-top: 0.5%;
    margin-left: 0%;
    text-align: left;
    font-size: 11px;
    color: #707070;
    background: white;
    border: none;
    display: block;
    width: 100%;
    white-space: pre-line;
    transition: 0.5s;
}

.lbNominas {
    float:left;
    font-family: Lato;
    margin-top: 0.5%;
    margin-left: 0%;
    text-align: left;
    font-size: 11px;
    color: #707070;
    background: #eee;
    border: none;
    display: block;
    width: 99%;
    white-space: pre-line;
    transition: 0.5s;
}


/*ESTILOS SEGUROS*/



/*ESTILOS MIS SOLICITUDES*/
.divSolicitudes {
    margin-top: 5%;
    padding: 0%;
    margin-bottom: 0%;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: white;
    background-color: white;
    height: 507px;
    width: 1500px;
    float: left;
    text-align: center;
}

.label {
    text-align: left;
    margin-left: 0%;
    font-family: Lato;
    font-size: 13px;
    color: #52AE32;
}

.tbSolicitudes {
    background-color: white;
    background: white;
    height: 389px;
    vertical-align: top;
    margin-top: 5%;
    margin-left: 5%;
    width: 100%;
    text-align: center;
    float: left;
}

.pnSolicitudes {
    float: left;
    width: 100%;
    text-align: left;
}

.btSolicitudes {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: none;
    /*border-bottom-style:solid;
    border-color:#52AE32;*/
    margin-top: 5%;
    color: #005FB6;
    background: white;
    float: right;
}

.lsSolicitudes {
    margin-left: 10%;
    vertical-align: central;
    text-align: center;
}

.pnAnticipo {
    margin-top: 0%;
    width: 90%;
    height:50%;
    margin-left: 0%;
    float: right;
    background:#E5E5E5;
    display: inline-block;
    text-align: right;
  
}
.tabAnticipo {
    background-color:#E5E5E5;
    display: inline-block;
    text-align: right;

}

.lbSolicitudes {
    font-family: Lato;
    font-size:12px;
    color:#52AE32;
    margin-left:5%;


}

.gridSolicitudes {
    margin-top: 0%;
    margin-left: 0%;
    font-family: Lato;
    font-size: 11px;
}

.txAnticipo {
    font-family: Lato;
    font-size: 12px;
    color: #005FB6;
    background-color: #E5E5E5;
    height: 18px;
    Width: 150px;
    margin-top: 20%;
    border: none;
    border-style: none;
    border-width: 0px;
  
    
}
.txOtrasSolicitudes {
    font-family: Lato;
    font-size: 12px;
    color: #005FB6;
    background-color: #E5E5E5;
    Width: 400px;
    Height:80px;
    margin-top: 20%;
    border: none;
    border-style: none;
    border-width: 0px;
  
    
}

.comboCausas {
    margin-top: 0%;
    margin-left: 5%;
    font-family: Lato;
    font-size: 12px;
    width: 500px;
    border: none;
    text-align: left;
    background-color: #d0e6fa;
    height: 10px;
}



/*ESTILOS MIS SUGERENCIAS*/

.lb_OtraIdea {
    font-family: Lato;
    font-weight: bold;
    font-size: 13px;
    color: #52AE32;
    text-align: center;
    margin-top: 30%;
    margin-left: 20%;
}

.lb_Titulo {
    font-family: Lato;
    font-weight: bold;
    font-size: 13px;
    color: #52AE32;
    text-align: left;
    margin-top: 15%;
    margin-left: 0%;
}
.pnSugerencia {
    margin-top: 0%;
    width: 90%;
    height:50%;
    margin-left: 5%;
    float: right;
    background:#E5E5E5;
    display: inline-block;
    text-align: right;
  
}
.tx_Titulo {
    Height: 20px;
    Width: 334px;
    margin-top: 0%;
    margin-left: 20%;
    width: 500px;
    background: #E5E5E5;
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
    border-style: none;
}

.txSugerencia {
    background-color: white;
    color: #707070;
    Height: 150px;
    Width: 500px;
    margin-top: 5%;
    margin-left: 20%;
    width: 900px;
    border-style: solid;
    border-width: 0.5px;
    border-color: grey;
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
}

.btAnularSugerencia {
    font-family: "Futura LT Pro";
    font-size: 12px;
    border-style: solid;
    border-width: 0.5px;
    border-color: #52AE32;
    color: #52AE32;
    background: white;
    margin-top: 5%;
    margin-left: 80%;
}

/*ESTILOS BUZÓN SUGERENCIAS*/
.divSugerencias {
    padding: 0%;
    margin-bottom: 0%;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: #FFFFFF;
    background-color: #ffffff;
    height: 90%;
    width: 100%;
    float: left;
}

.tbSugerencias {
    background-color: #ffffff;
    background: white;
    height: 389px;
    vertical-align: top;
    margin-top: 5%;
    margin-left: 5%;
    width: 60%;
    text-align: center;
}

.lb_loquenoshan {
    font-family: "Futura LT Pro";
    font-size: 15px;
    font-weight: bold;
    font-size: 15px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
}

.lb_ytuque {
    font-family: "Futura LT Pro";
    font-size: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
}

.tx_TituloSugerencia {
    font-family: Lato;
    font-size: 12px;
    color: #707070;
    text-transform: uppercase;
    Height: 30px;
    vertical-align: central;
    margin-top: 0%;
    margin-left: 0%;
    width: 80%;
    border: solid;
    border-color: lightgrey;
    border-style: groove;
    border-width: 0.5px;
}

.tx_ResumenSugerencia {
    font-family: Lato;
    font-size: 12px;
    color: #707070;
    Height: 30px;
    vertical-align: top;
    margin-top: 0%;
    margin-left: 0%;
    width: 80%;
    border: solid;
    border-color: lightgrey;
    border-style: groove;
    border-width: 0.5px;
}

.lb_etiquetas {
    font-family: Lato;
    font-size: 13px;
    font-weight: bold;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
    margin-top: 3%;
}

.lb_etiquetas2 {
    font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
    margin-top: 10%;
}

/*ESTILOS GESTIÓN DOCUMENTOS*/
.lb_Distribucion {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
}

.td_Docs {
    border-style: none;
    color: #808080;
    vertical-align: top;
    width: 33%;
    height: 200px;
    top: 0px;
    text-align: left;
    margin-left: 10%;
    font-family: 'Lato Medium';
    font-size: small;
}

.td_Resultados {
    border-style: none;
    color: #808080;
    vertical-align: top;
    width: 50%;
    height: 200px;
    top: 0px;
    text-align: left;
    margin-left: 10%;
    font-family: 'Lato Medium';
    font-size: small;
}

.tb_Nominas {
    background-color: #ffffff;
    background: white;
    height: 389px;
    vertical-align: top;
    margin-top: 0%;
    margin-left: 5%;
    /*width: 1206px;*/
    text-align: left;
}

.bt_MoverNominas {
    margin-top: 0px;
    margin-left: 0px;
    text-transform: uppercase;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    background-color: white;
    background: white;
    border-style: none;
}

.lb_docs {
    font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    color: #005FB6;
    text-align: left;
    width:33%;
}
.lb_Nominas {
    font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    color: #005FB6;
    text-align: left;
    width:33%;
    display:block;
}



.txFechaCita {
    font-family: Lato;
    font-size: 12px;
    color: #707070;
    /*background-color: #E5E5E5;*/
    height: 18px;
    margin-top: 1%;
    border: solid;
    border-style:solid;
    border-width: 0.5px;
    margin-left:5%;
  
    
}

.lbAgregar {

margin-top: 0%;
font-family: Lato;
    font-size: 11px;
    font-weight: bold;
    color: #005FB6;
    text-align: center;
    margin-left:15%;

}

.MisDatosList{
    font-family: Lato; 
    font-size: 13px; 
    color: #444; 
    font-weight:bold;
    text-decoration: none;
    text-transform:uppercase;
    

}

.MisDatosText{
    width: 200px;
    font-family: Lato; 
    font-size: 13px; 
    color: #444; 
    font-weight:bold;
    text-decoration: none;
    text-transform:uppercase;
    background-color: transparent;
    border-style:none;

}

.txDatosError {
    width: 170px;
    height: 20px;
    border-style:none;
    border-width:0px;
    font-family:Lato;
    font-size:12px;
    vertical-align:top;
    border-radius: 0.5em;
    text-align:center;
    color:#444;
    

}
.txDatosErrorCaption {
    font-family:Lato;
    font-size:12px;
    text-align:left;
    vertical-align:central;
    color:#52AE32;
}


ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 13px 'Lato';
    padding: 0;
    margin-bottom: 4em;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
    
}

.rectangle-list li{
    width:350px;
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.rectangle-list li:hover{
    background: #eee;
}   

.rectangle-list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #52AE32;
    color: white;
    text-decoration:none;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.rectangle-list li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.rectangle-list li:hover:after{
    left: -.5em;
    border-left-color: #52AE32;             
}   


.rounded-list a{
    width:400px;
    position: relative;
    display: block;
    padding: .4em .4em .4em 3em;
    *padding: .4em;
    margin: .5em 0;
    background: #CCDCF0; /*#ddd;*/
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
    cursor:initial;
}

.rounded-list a:hover{
    background: #eee;
}

.rounded-list a:hover:before{
    transform: rotate(360deg);  
}

.rounded-list a:before{
    text-decoration: none;
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #005FB6;
    color: white;
    height: 2.5em;
    width: 2.5em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


    /* Icon Forward */
    .hvr-icon-forward {
      display: inline-block;
      font-family:Lato;
      text-decoration:none;
      font-size:13px;
      vertical-align: middle;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px transparent;
      position: relative;
      padding-right: 2.2em;
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
    }
    .hvr-icon-forward:before {
      content: "\f138";
      position: absolute;
      right: 1em;
      padding: 0 1px;
      font-family: FontAwesome;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
    }
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
    
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

  .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform:  translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.NewsCab {
    background-color: #52AE32;
    font-family:Lato;
    font-size: 13px;


}

.NewsText {

    font-family:Lato;
    text-decoration:none;
    font-style:normal;
}



.FotoDefault {
    margin: auto;
}


body {
    font-family: "Lato",Arial,sans-serif;
    height: 136px;
    margin: 0;
    color: white;
}

.inf_div {
    padding: 1%;
    /*margin-bottom: 0%;*/
    margin-top: 0%;
    height: 454%;
    width: 99%;
    float: left;
}

.inf_div_dasboard {
    position: absolute;
    margin-bottom: 0%;
    margin-top: 2%;
    /*font-size: 21px;
    font-weight: 200;*/
    line-height: 2.1428571435;
    color: #ffffff;
    background-color: #ffffff;
    height: 454%;
    width: 94%;
    float: left;
}


.tbContenido {
    background-color: #ffffff;
    background: white;
    vertical-align: top;
    margin-top: 1%;
    margin-left: 3%;
    /*width: 1206px;*/
    text-align: left;
    /*height:99%;*/
}

.tdFoto {
    border-style: none;
    color: #ffffff;
    vertical-align: top;
    width: 220px; /* 7%;*/
    text-align: left;
    right: 0px;
    /*grid-row-span:2px;*/
    Height: 284px;
}

.imgFoto {
    text-align: Left;
    margin-left: 2%;
    width: 150px;
    margin-right: 0px;
}

.imgFotoVerano {
    text-align: Left;
    margin-left: 2%;
    width: 175px;
    margin-right: 0px;
}

.imgGruposConsumo {
    text-align: Left;
    border-style: none;
    /*border-color: #ddd;
    border-width: 0.5px;*/
    margin-left: 30px;
    width: 150px;
    
    margin: auto;
    border-radius: 5px;
    /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;*/
    cursor: pointer;
    outline: none;
}

.imgVending {
    text-align: center;
    border-style: none;
    width: 300px;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

    /*.imgGruposConsumo:hover {
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
        transform: translateY(-7px);
    }*/

.lbCrearGrupo {
    color: #005FB6;
    width: 300px;
    font-family: Lato;
    font-size: 11px;
  
  }
.imgFotoBienestar {
    text-align: Left;
    border-style: solid;
    border-color: #ddd;
    border-width: 0.5px;
    margin-left: 30px;
    width: 150px;
    height: 140px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    background-color: white;
}
    .imgFotoBienestar:hover {
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
        transform: translateY(-7px);
    }

.imgFotoBienestarMenu {
    text-align: Left;
    border-style: solid;
    border-color: #ddd;
    border-width: 0.5px;
    margin-left: 0px;
    width: 150px;
    height: 140px;
    margin-top: 0px;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

    .imgFotoBienestarMenu:hover {
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
        transform: translateY(-7px);
    }

.imgFotoPlanBienestar {
    text-align: Left;
    border-style: solid;
    border-color: #ddd;
    border-width: 0.5px;
    margin-left: 50px;
    width: 150px;
   
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}
.imgFotoPlanBienestar:hover {
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
    transform: translateY(-7px);
}


.lbTituloPagina {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
    margin-top: 0%;
    padding-bottom: 0%; /*30px;*/
}

.lbTituloPlanBienestar {
    position:absolute;
    margin-top:-25px;
    margin-left:-50px;
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;  
}

.lbSubTituloPlanBienestar {
    position: absolute;
    margin-top: -15px;
    margin-left: -50px;
    font-family: 'Futura LT Pro';
    text-transform:uppercase;
    font-size: 14px;
    color: #707070;
}

.lbEquipoFelicidad {
    font-family: "Futura LT Pro";
    font-size: 11px;
    color: #52AE32;
    margin-left: 35px;
    text-transform: uppercase;

}

.lbComiteEmpresa {
    font-family: "Futura LT Pro";
    font-size: 11px;
    color: #52AE32;
    margin-left: 35px;
    text-transform: uppercase;
    /* text-align: center; */
}


.lbGrupoConsumo {
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #52AE32;
    margin-top: 20px;
    margin-left:100px;
    text-align:center;
    text-transform: uppercase;

}

.lbImgBienestar {
    font-family: "Futura LT Pro";
    font-size: 8px;
    color: #005FB6;
}

.lbPlan19 {
    font-family: "Futura LT Pro";
    font-size: 11px;
    color: #52AE32;
    margin-left: 120px;
}


.lbPlan19Text {
    font-family: Lato;
    font-size: 12px;
    color: #707070;
    margin-left: 120px;
    width: 600px;
    height:100px;
    line-height:15px;
  
}

.txVending {
    font-family: "lato";
    font-size: 13px;
    color: #707070;
    margin-left: 10px;
    width: 550px;
    text-align:justify;
}

.txTITGruposConsumo {
    font-family: "Futura LT Pro";
    font-size: 13px;
    color: #005FB6;
    text-align:justify;
    text-transform: uppercase;
    margin-left:10px;

}

.txGruposConsumo {
    font-family: "lato";
    font-size: 12px;
    color: #707070;
    margin-left: 10px;
    width:550px;
    text-align:justify;
    
}

.txTit2GruposConsumo {
    font-family: "lato";
    font-size: 12px;
    font-weight:bold;
    color: #52AE32;
    margin-left: 10px;
    margin-top:15px;
    width: 750px
}


.lbTituloPaginaL5 {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
    margin-top: 7%;
    padding-bottom: 0%; /*30px;*/
}

.lbTituloPagina_Info {
    font-family: "Futura LT Pro";
    display: inline-block;
    font-size: 18px;
    color: #52AE32;
    text-align: left;
    margin-left: 0%;
    margin-top: 0%;
    vertical-align: top;
    /*padding-bottom:30px;*/
}


.TreeNodeCab {
    color: #707070;
    background-color: white;
    cursor: default;
}
/*Para pantallas con una sola columna de contenido*/
.tdContenido1 {
    border-style: none;
    color: #808080;
    vertical-align: top;
    width: 80%;
    top: 0px;
    text-align: left;
    margin-left: 10%;
    font-family: 'Lato';
    font-size: small;
}
/*.lbInfo {
    margin-left:0%;
    font-family:Lato;
    font-size:13px;
    color: #707070;
    line-height:20px;
    display:block;
    text-align:justify;
}*/

/*Para pantallas con dos columnas de contenido*/
.tdContenido1_2 {
    border-style: none;
    color: #808080;
    vertical-align: top;
    width: 1000px;
    top: 0px;
    text-align: left;
    margin-left: 5%;
    font-family: 'Lato Medium';
    font-size: small;
}

.pnlContenido1_2 {
    width: 80%;
    margin-left: 2%;
    margin-top: 0%;
}

.pnlJornadas {
    width: 80%;
    margin-left: 8%;
    margin-top: 0%;
}

.pnlDashboard {
    margin: auto;
}


.tdContenido2_2 {
    border-style: none;
    color: #808080;
    vertical-align: top;
    width: 1000px;
    top: 0px;
    text-align: left;
    margin-left: 10%;
    font-family: 'Lato Medium';
    font-size: small;
}

.cabeceraTablas {
}

.icq {
    padding: 1%;
    font-family: 'Futura LT Pro';
    font-size: 12px;
    border-style: none;
    color: #52AE32;
    cursor: pointer;
    float: left;
    margin-left: 7%;
    margin-top: 5px;
    background-color: white;
    background: white;
}

.masInfo {
    font-family: Lato;
    font-size: 13px;
    margin-top: 100px;
    margin-left: 90px;
}

/*ESTILOS BIENVENIDA*/

.txBienvenida {
    background-color: white;
    color: #707070;
    Height: 100%;
    margin-top: 0;
    margin-left: 0%;
    border-style: none;
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    Width: 99%;
    text-align: justify;
    line-height: 18px;
}

.txtPlanBienestar {
    background-color: white;
    color: #707070;
    Height: 100%;
    margin-top: 0;
    margin-left: 0%;
    border-style: none;
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    Width: 99%;
    text-align: left;
    line-height: 18px;
}

.lblPlanBienestar {
    background-color: none;
    color: #707070;
    /*Height: 100%;*/
    display:inline-block;
    float: left;
    margin-top: 3%;
    margin-left: 2%;
    border-style: none;
    font-family: Lato;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    Width: 99%;
    text-align: left;
    text-transform:uppercase;
    text-align:center;
    /*line-height: 18px;*/
}

.titPlanBienestar {
    background-color: none;
    color: #005FB6;
    /*Height: 100%;*/
    display: inline-block;
    float: left;
    margin-top: 5%;
    margin-left: 2%;
    border-style: none;
    font-family: 'Futura LT Pro';
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    Width: 99%;
    text-align: left;
    text-transform: uppercase;
    text-align: center;
    /*line-height: 18px;*/ 
}

.boxPlanes {
    position: absolute;
    float: left;
    margin-left: 970px;
    margin-top:100px;
    width: 400px;
    height: 300px;
    display:none;
    overflow:hidden;


    border-style:solid;
    border-color:#ddd;
    border-width:0.5px;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    outline: none;
    background-color: white;

}

.boxGrupos {
    position: absolute;
    float: left;
    margin-left: 970px;
    margin-top: 100px;
    width: 400px;
    height: 300px;
    display: none;
    overflow: hidden;
    border-style: solid;
    border-color: #ddd;
    border-width: 0.5px;
    border-radius: 5px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    outline: none;
    background-color: white;
}


.boxPlanesHeader {
    font-size:18px; 
    color: #005FB6; 
    text-align: center; 
    font-family:'Futura LT Pro';
    border-style:none;
}

.boxPlanesText {
    font-family: Lato;
    font-size: 13px;
    color: #707070;
    text-align:center;
    /*text-align: left;*/
    overflow: hidden;
    line-height: 20px;
    margin-top: 10px;
   
    /*text-shadow: 0px 0.5px 1px #555;*/
}

.boxPlanesContent {
    font-family: Lato;
    font-size: 13px;
    color: #005FB6;
    text-align: left;
    overflow: hidden;
    line-height: 20px;
    margin-top: 10px;
    /*text-shadow: 0px 0.5px 1px #555;*/
}

.lbPlanesText {
    font-family: Lato;
    font-size: 13px;
    background-color:#eee;
    /*color:#52AE32;*/
    /*color:#005FB6;*/
    color:#707070;
    width:100%;
    height: 50px;
    vertical-align:central;
    text-align: center;
    overflow: hidden;
    line-height: 50px;
    margin-top: -20px;
    /*font-weight: bold;*/
    text-transform:uppercase;
    /*text-shadow: 0px 0.5px 1px #555;*/
}
.lbPlanesTextSub {
    font-family: Lato;
    font-size: 10px;
    color: #52AE32;
    text-align: center;
    overflow: hidden;
    line-height: 20px;
    /*margin-top: 0px;*/
    vertical-align:text-bottom;
    /*text-shadow: 0px 0.5px 1px #555;*/
}


.txtFotoBienestar {
    background-color: #0070B8;
    color: white;
    Height: 100%;
    margin-left: 50px;
    border-style: none;
    font-family: 'Futura LT Pro';
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    Width: 90%;
    text-align: center;
}

.txtFotoConciliacion {
    background-color: #EC7D00;
    color: white;
    Height: 100%;
    margin-left: 50px;
    margin-top: 37px;
    border-style: none;
    font-family: 'Futura LT Pro';
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    Width: 90%;
    text-align: center;
}
.txtFotoMision {
    background-color: #EC7D00;
    color: white;
    Height: 100%;
    margin-left: 50px;
    margin-top: 37px;
    border-style: none;
    font-family: 'Futura LT Pro';
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    Width: 90%;
    text-align: center;
}

/*ESTILOS BUZÓN SUGERENCIAS*/

.pnlSugerencias {
    width: 80%;
    margin-left: 5%;
    margin-top: 5%;
}

.gridSugerencias {
    margin-top: 0%;
    margin-left: 5%;
    font-family: Lato;
    font-size: 12px;
}

/*ESTILOS ORGANIGRAMA*/

.tdOrganigrama {
}

.ifrOrganigrama {
    width: 99%;
    height: 99%;
    overflow: scroll;
    z-index: -1;
}

/*ESTILOS SEGUROS*/

.hiperlinkDoc {
    font-family: Lato;
    font-size: 12px;
    color: #005FB6;
    text-align: center;
    padding: 1%;
}

    .hiperlinkDoc:hover {
        text-decoration: solid;
    }

.pnIframesSeguros {
    border-style: none;
    border-top: none;
    margin-top: 0%;
    top: 0%;
    margin-left: 0%;
    width: 90%;
    height: 99%;
    text-align: left;
    z-index: 0;
}

.iframesSanitas {
    border-style: none;
    border-top: none;
    margin-top: 0%;
    top: 0%;
    margin-left: 0%;
    width: 90%;
    height: 100%;
    z-index: -1;
    text-align: left;
    float: left;
}

.iframeSeguros {
    position: absolute;
    width: 99%;
    height: 800px;
    z-index: 0;
    border-style: none;
    border-top: none;
    margin-top: 0%;
    top: 0%;
    margin-left: 0%;
    text-align: left;
    float: left;
}

.SegurosTreeView {
    top: 20%;
    margin-left: 17%;
    z-index: -1;
}

/*ESTILOS TABLÓN*/

.pnlGrid {
    width: 80%;
    margin-left: 5%;
}

.gridTablon {
    margin-top: 0%;
    margin-left: 5%;
    font-family: Lato;
    font-size: 13px;
}


/*ESTILOS SOLICITUDES*/
.lbMisSolicitudes {
    font-family: "Futura LT Pro";
    font-size: 18px;
    color: #52AE32;
    text-align: left;
}


/*.trigger {
    input [type="checkbox"]

{
    & + span

{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

 Show if checkbox is clicked 
&:checked + span {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}*/




/*// Simple styling for message.*/
.msg {
    display: block;
    margin-top: 8px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
/*PRUEBAS DE POPUP ANIMADOS*/
body {
    background: white;
    width: 100%;
    height: 100vh;
    position: relative;
}

h1 {
    color: #005FB6;
    font-family: 'Futura LT Pro';
    font-weight: 200;
    text-align: center;
    position: absolute;
    top: 45%;
    width: 100%;
}

h2 {
    color: #005FB6;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

p {
    font-family: Lato;
    color: #707070;
    margin: 7px 0 0 0;
    line-height: normal;
}


.PopupCab {
    margin-top: 2%;
    font-size: 18px;
    color: #005FB6;
    text-align: center;
    font-family: 'Futura LT Pro';
    /*text-shadow: 0px 1px 2px #555;*/
}

.PopupText {
    font-family: Lato;
    font-size: 13px;
    color: #707070;
    text-align: justify;
    overflow: hidden;
    line-height: 20px;
    margin-top: 10px;
    /*text-shadow: 0px 0.5px 1px #555;*/
}

.PopupTextCentered {
    font-family: Lato;
    font-size: 15px;
    color: #707070;
    text-align: center;
    overflow: hidden;
    line-height: 20px;
    margin-top: 20px;
    /*text-shadow: 0px 0.5px 1px #555;*/
}

.PopupList {
    font-family: Lato;
    font-size: 13px;
    color: #707070;
    text-align: left;
    overflow: hidden;
    line-height: 20px;
    margin-top: 5px;
}

.PopupLabel {
    color: #005FB6;
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
}

.PopupCloseBtn {
    margin-top: 0%;
    margin-left: 97%;
    margin-top:-10%;
    width: 15px;
    height: 15px;
}


/*ESTILO DE LOS POPUP DE INFORMACIÓN*/

.wrap {
    position: absolute;
    overflow: hidden;
    top: 20%; /*10*/
    right: 20%; /*10*/
    bottom: 5%; /*85*/
    left: 20%; /*10*/
    padding: 20px 50px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all 0.5s;
    visibility: hidden;
    z-index: 90;
    background: white;
}

    .wrap .content {
        opacity: 0;
        z-index: 90;
    }

    .wrap:before {
        position: absolute;
        width: 1px;
        height: 1px;
        background: #F0F0F0;
        content: "";
        bottom: 10px;
        left: 50%;
        top: 60%;
        transform: rotate(135deg);
        color: #fff;
        border-radius: 50%;
        -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .wrap.active {
        display: block;
        visibility: visible;
        box-shadow: 2px 3px 16px silver;
        transition: all 600ms;
        transform: translateY(0px);
        transition: all 0.5s;
        /*height:99%;*/
    }

        .wrap.active:before {
            height: 2000px;
            width: 2000px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            margin-left: -1000px;
            margin-top: -1000px;
            display: block;
            -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .wrap.active .content {
            position: relative;
            z-index: 1;
            opacity: 1;
            transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

/*ESTILO DEL BOTÓN DE INFORMACIÓN*/
a.button {
    font-size: 13px;
    padding: 8px 5px 20px 5px;
    text-decoration: none;
    border-radius: 90%;
    background: #005FB6;
    color: white;
    display: block;
    position: absolute;
    vertical-align: top;
    text-align: center;
    margin-left: 90px;
    margin-top: 45px;
    width: 30px;
    height: 30px;
    transition: transform 0.25s;
}

    a.button:hover {
        text-decoration: none;
        background: #2198ff;
        color: #fff;
    }

    a.button.active {
        transform: rotate(135deg);
        transition: transform 0.5s;
        color: #fff;
        text-decoration: none;
    }

    a.button :after {
        color: white;
        text-decoration: none;
    }

a.buttonGrupos {

    margin-top:-10px;
    outline: none;
    font-family: "Futura LT Pro";
    font-size: 12px;
    color: #005FB6;
    background: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: #005FB6;
    padding: 10px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.buttonGrupos:hover, buttonGrupos:focus, buttonGrupos:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: white;
    background-color: #005FB6;
    border-color: #005FB6;
    text-decoration:none;
}

  

a.buttonIMG {
    font-size: 13px;
    padding: 8px 5px 20px 5px;
    text-decoration: none;
    border-radius: 90%;
    background: #005FB6;
    color: white;
    display: block;
    position: relative;
    vertical-align: top;
    text-align: center;
    margin-left: 0px;
    margin-top: 0;
    width: 30px;
    height: 30px;
    transition: transform 0.25s;
}

    a.buttonIMG:hover {
        text-decoration: none;
        background: #2198ff;
        color: #fff;
    }

    a.buttonIMG.active {
        transform: rotate(135deg);
        transition: transform 0.5s;
        color: #fff;
        text-decoration: none;
    }

    a.buttonIMG :after {
        color: white;
        text-decoration: none;
    }


.cboCaption {
    vertical-align: middle;
    color: #005FB6;
    font-weight: bold;
    /*margin-left: 10%;*/
    margin-top: 5px;
}

.cboLeft {
    /*float: left;*/
    /*margin-left: 10%;*/
}



/*ESTILOS DE LISTAS*/
ul.circulo {
list-style-type:circle;
margin-left: 4%;

}

ul.cuadrado {
    list-style-type: square;
}


.cboNominas {
    float: left;
    font-family: Lato;
    margin-left: 3px;
    font-size: 12px;
    color: #808080;
    border: none;
    box-shadow: inset;
    background-color: #eee;
    width: 100px;
}

/* Wapasha */

/*.button {
	float: left;
   
	display: block;
	margin: 1em;
	/*padding: 1em 2em;*/
/*border: none;*/
/*background: none;
	color: inherit;
	vertical-align: middle;
    text-align:center;
	position: relative;
	z-index: 1;
}*/

/*.button:focus {
	outline: none;
}

.button > span {
	vertical-align: middle;
}
/* Sizes */
/*.button--size-s {
	font-size: 14px;
}

.button--size-m {
	font-size: 16px;
}

.button--size-l {
	font-size: 18px;*/
/*}*/

/* Typography and Roundedness */
/*.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}

.button--text-thin {
	font-weight: 300;
}

.button--text-medium {
	font-weight: 500;
}

.button--text-thick {
	font-weight: 600;
}

.button--round-s {
	border-radius: 5px;
}

.button--round-m {
	border-radius: 15px;
}

.button--round-l {
	border-radius: 40px;
}*/

/* Borders */
/*.button--border-thin {
	border: 1px solid;
}

.button--border-medium {
	border: 2px solid;
}

.button--border-thick {
	border: 3px solid;
}
.button.button--wapasha {
	background: #005FB6;
	color: #fff;
    border-radius: 50%; 
    text-align:center;
    font-size:12px;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--wapasha.button--inverted {
	background: #fff;
	color: #005FB6;
}
.button--wapasha::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;*/
/*width: 100%;
	height: 100%;*/
/*border: 2px solid #005FB6;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha.button--inverted::before {
	border-color: #005FB6;
    background-color: #fff;

}
.button--wapasha:hover {
	background-color: #fff;
	color: #005FB6;
}
.button--wapasha.button--inverted:hover {
	background-color: white;/* #37474f;*/
/*color: #005FB6;*/

/*.button--wapasha:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}*/

/*popup para las noticias*/
.lightboxPolicy .box {
    /*width: -webkit-min-content;
    width: -moz-min-content;*/
    height: 650px;
    min-width: 500px;
    margin: 2% auto;
    padding: 20px;
    background-color: #FFF;
    box-shadow: 0px 1px 26px -3px #777777;
}

.lightboxPolicy .title {
    margin: auto;
    padding: 0;
    /*border-bottom:1px #ccc solid;*/
    height: 50px;
    width: 680px;
    vertical-align: middle;
    font-size: 22px;
    font-family: 'Futura LT Pro';
    background-color: #005FB6;
    color: white;
    border-style: none;
    text-align: center;
}

.lightboxPolicy .content {
    display: block;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.lightboxPolicy .close {
    float: right;
    display: block;
    text-decoration: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #52AE32; /*#858585;*/
}

.lightboxPolicy {
    /** Hide the lightbox */
    /*display: none;*/
    /** Apply basic lightbox styling */
    margin: auto;
    position: fixed;
    z-index: 9999;
    width: 60%;
    height: 100%;
    top: 40%;
    margin-top: 0px;
    /*left: 0;*/
    color: #333333;
}

    .lightboxPolicy:target {
        /** Show lightbox when it is target */
        display: block;
        outline: none;
        animation: fadeIn 1s;
    }

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 400px;
    margin: auto;
    text-align: center;
    font-family: lato;
}

.cardtitle {
    margin: 0;
    padding: 0 0 0px 0px;
    /*border-bottom:1px #ccc solid;*/
    font-size: 15px;
    font-family: 'Futura LT Pro';
    color: #A8A8A8;
    border-style: none;
    text-align: center;
    text-transform: uppercase;
    margin-top: 3px;
}

.cardtext {
    font-family: Lato;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
    text-align: center;
}
.ListaJornada {
    list-style-type: circle;
    font-family:Lato;
    color:#005FB6;
    margin-left: 70px;
}

.ListaJornadaSquare {
    list-style-type: circle;
    font-family: Lato;
    font-weight:bold;
    color: #52AE32;
    margin-left: 70px;
}

.ListaJornadaGuion {
    list-style-type:   disc;
    font-family: Lato;
   font-size: 11px;
    color: #707070;
    margin-left: 20px;
}

.frmCrearGrupo {
    margin-left: 50px;
    width: 500px;
    color:#808080;
    font:lato;
    font-size: 13px;




}