/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    background-color: #fff;
    color: #4a4a4a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -336px;
    margin-left: -495px;
    width: 1144px;
    height:673px;
    background-color: #90243e;
    color: #666;
    /*
    -moz-box-shadow:    0 0 5px 2px #ccc;
    -webkit-box-shadow: 0 0 5px 2px #ccc;
    box-shadow:         0 0 5px 2px #ccc;*/
    border: 1px solid #90243e;
}
.footer {
    position:absolute;
    bottom:10px;
    left:15px;
    display:block;
    color:#CCC;
    font-size: 10px;
}
    .footer a {
        color:#CCC;
        text-decoration: underline;;
    }
    .footer a:hover {
        color:white;
        text-decoration: none;
    }

/* Genéricos */
a {
    text-decoration: none;
    color:#656565;
}
h1, h2 {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
}
ul, li {
    margin:0;
    padding:0;
    list-style: none;
}
input:focus, textarea:focus, select:focus {outline:0 none;}
.fleft {display:inline-block; float:left;}
.fright {display:inline-block;float:right;}
.oculto { display:none; }
.sabermas { }
    .sabermas a {position:relative;display:inline-block;}
    .sabermas span.t {  font-family: 'Dosis', sans-serif; font-weight: 600;font-size: 10px; padding:3px; color:#6b1e34; background-color: white;}
    .sabermas span.ico { float:right;margin-left:3px; width:12px; height:15px; background: transparent url('../img/ico_sabermas.png') 0 3px  no-repeat;}
    .sabermas.invertido span.t {color:white; background-color: #6b1e34;}
    .sabermas.invertido span.ico {background: transparent url('../img/ico_sabermas_inv.png') 0 3px  no-repeat;}

.descarga { }
    .descarga a {position:relative;display:inline-block;background-color: #CCC;}
    .descarga span.t {  font-family: 'Dosis', sans-serif;
        font-weight: 600;font-size: 10px; padding:3px; color:#4a4a4a;}
    .descarga span.ico { float:right;margin-left:3px; width:8px; height:15px; background: transparent url('../img/ico_flecha_descarga.png') 0 4px  no-repeat;}

.home { }
    .home a {position:relative;display:inline-block;}
    .home span.ico { float:left;margin-right:3px; width:12px; height:15px; background: transparent url('../img/ico_fizda.png') 0 4px  no-repeat;}
    .home span.t {  font-family: 'Dosis', sans-serif; font-weight: 600;font-size: 10px; padding:3px; color:#6b1e34; background-color: white;}

/* Logo y Menú Navegación */
.menu {
    position:relative;
    float:left;
    margin:0;
    width:204px;
    height:634px;
    padding:15px;
    background-color: #FFF;
    border-right:1px solid #6b1e34;
}
.menu img.logo {
    position:absolute;
    top:40px;
    left:22px;
}

.menu img.fecha {
    position:absolute;
    top:115px;
    left:16px;
}

.menu .mainnav {
    position:absolute;
    top:210px;
    left:15px;
	width:168px;
}
    .menu .mainnav ul {
        list-style: none;
        margin:0;
        padding:0;
    }
    .menu .mainnav ul li {
        list-style: none;
        line-height: 12px !important;
        margin: 0 0 20px 0 !important;
        padding:0;
    }
    .menu .mainnav ul li a {
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
        font-size: 15px;
        text-decoration: none;
        color:#656565;
    }
    .menu .mainnav ul li a:hover {
        color:#6b1e34;
    }
    .menu .mainnav ul li.activo a {
        color:#F00; /*#656565;*/
    }
.mainnav p.ann {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
}
.mainnav div.ann {
    position: absolute;
    top:250px;
    left:-10px;
    /*background: transparent url(../img/pastilla_home.png) 0 0 no-repeat;*/
    /*background: transparent url(../img/pastilla.jpg) 0 0 no-repeat;*/
    background: transparent url(../img/pastilla_listado.jpg) 0 0 no-repeat;
    width:190px;
    height:74px;

  -webkit-box-shadow: 3px 3px 10px 0px #000;
          box-shadow: 3px 3px 10px 0px #000;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);
          box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);

}

.envio_olvido{
background-color: #494949;border: 0 none;box-shadow: none; color: #fff; font-size: 11px;

 margin-bottom: 3px;
    padding: 3px 4px;
    width: 130px;
		
}

/* Formulario Login Home */
.login_home {
    position:absolute;
    top:500px;
    left:15px;
}
.login_home p {margin:0; width:130px;}
.login_home p small {
    display:inline-block;
    margin-top:3px;
    line-height: 8px !important;
    font-weight:400;
}
.login_home form {
    margin:8px 0;
}
    .login_home > p {
        font-family: 'Dosis', sans-serif;
        font-weight: 700;
        font-size: 12px;
        color:#90243e;
		width:90%;
    }
	
	.login_home a{
		color:#90243E;
		font-size:11px;
	}
	
    .login_home input {
        font-size: 11px;
        margin-bottom:3px;
        width:130px;
        padding:3px 4px;
        color:#292929;
        background-color: #d7d7d7;
        border:none;
        -webkit-box-shadow: inset 2px 2px 3px 2px #999;
                box-shadow: inset 2px 2px 3px 2px #999;
    }
    .login_home input[type=submit] {
        font-size: 11px;
        border:0;
        background-color: #494949;
        color:#FFF;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .login_home input[disabled=disabled] {
        background-color: #CCC;
    }
    .login_home a {
        text-decoration: underline;        
    }
    .login_home a:hover {
        color:#90243e;
        text-decoration: none;        
    }
.login_validado {
    position:absolute;
    top:480px;
    left:15px;    
}
    .login_validado p {
        margin:0;
        font-family: 'Dosis', sans-serif;
        font-weight: 700;
        font-size: 12px;
    }
    .login_validado .nombre {
        color:#90243e;
        font-weight: bold;
    }
    .login_validado a {
        text-decoration: underline;
    }
    .login_validado a:hover {
        color:#90243e;
        text-decoration: none;
    }
/* Columnas en Home */
.contenedor {
    position:relative;
    float:left;
    margin:0; padding:0;
    width:938px; height:634px;
    display:inline-block;
    overflow:hidden;
    background-color: #FFF;
}
.columna {
    position:absolute;
    top:0;left:-197px;
    margin:0;
    padding:15px;
    width:196px;
    height:634px;
    background-color: #FFF;
    border-right:1px solid #6b1e34;
}
.columna:last-child { border-right:0; }
.columna .sabermas {
    position:absolute;
    right:10px;
    bottom:10px;
}

.columna .sabermas3 {
    bottom:70px;
}

.columna .sabermas2 {
    bottom:40px;
}

/* posicionado de columnas destacadas */
.col1 {
    /*top:0; left:0;*/
    z-index:13;
}
.col2 {
    /*top:0; left:197px;*/
    z-index:12;
}
.col3 {
    /*top:0; left:394px;*/
    z-index:11;
}
.col4 {
    /*top:0; left:591px;*/
    z-index:10;
}

/* Columna - Bienvenido a Gilead */
.columna.gilead {
    color: white;
    background: url('../img/bg_gilead.jpg') 0 0 no-repeat;
    padding:200px 15px 0;
}
.columna.gilead p { margin:10px 0; }

/* Columna - Programa Fellowship */
.columna.fellowship {
    color: #4a4a4a;
    background-color: #FFF;
    background: url('../img/bg_fellowship.jpg') 0 0 no-repeat;
    padding:200px 15px 0;
}
.columna.fellowship p { margin:10px 0; }
/* Columna - Investigación HIV */
.columna.hiv {
    color: #4a4a4a;
    background: url('../img/bg_HIV.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}
    .columna.hiv h3 {
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
        margin:0 0 20px 0;
        line-height: 14px !important;
        color:#6b1e34;
    }
/* Columna - Hepatitis */
.columna.hepatitis {
    color: #4a4a4a;
    background: url('../img/home_fellowship_col4.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}

/* Columna - Hemato */
.columna.hemato {
    color: #4a4a4a;
    background: url('../img/hemaoncologia_home.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}

.columna.covid {
    color: #4a4a4a;
    background: url('../img/home_covid.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}

.columna.tumores {
    color: #4a4a4a;
    background: url('../img/home_tumores.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}

/* Columna - Comité */
.columna.comite {
    color: #4a4a4a;
    background: url('../img/panel-comiteinstituto.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}
    .columna.comite .submenu {    
        position:absolute;
        top:250px !important;
        left:15px;
    }
/* Columna - Ceremonia */
.columna.ceremonia {
    color: #4a4a4a;
    background: url('../img/panel-primeraedicion.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}
/* Columna - Seleccionados */
.columna.seleccionados {
    color: #4a4a4a;
    background: url('../img/panel-seleccionados.jpg') 0 0 no-repeat;
    padding:210px 15px 0;
}
/* Columna Área Privada */
.columna.areaprivada {
    color:#FFF;
    background-color: red;
    background: url('../img/bg_areprivada.jpg') 0 0 no-repeat;
    padding:100px 15px 0;
}
    .columna.areaprivada h3 {
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
        font-size:30px;
        color:#FFF;
        margin:0 0 20px 0;
        line-height: 30px !important;
    }
    .columna.areaprivada .datosusuario {}
    .columna.areaprivada .submenu {}
/* Columna Registro */
.columna.registro {
    color:#FFF;
    background-color: red;
    background: url('../img/bg_registro.jpg') 0 0 no-repeat;
    padding:125px 15px 0;
}
    .columna.registro h3 {
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
        font-size:32px;
        color:#FFF;
        margin:0 0 20px 0;
        line-height: 14px !important;
    }


/* Submenus en columnas */ 
.submenu {
    position:absolute;
    top:210px;
    left:15px;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color:white;
}
    .submenu li {margin-bottom:10px;}
    .submenu li a { color:#CCC; }
	
	.submenu li ul li a { color:#CCC; }
	
    .submenu li.activo a { color:#FFF;font-weight: 700; }
	
	.submenu li.activo ul li a { color:#CCC; }
	.submenu li.activo ul li.activo a { color:#FFF;font-weight: 700; }
	
    .fellowship .submenu li a,
    .hiv .submenu li a,
    .hepatitis .submenu li a {color:#666;}
    .fellowship .submenu li.activo a,
    .hiv .submenu li.activo a,
    .hepatitis .submenu li.activo a {color:#90243e;}

/* Contenidos Secciones */ 
.contenido {
    position:absolute;
    top:0; left:-591px;
    z-index:5;
    margin:0; 
    padding:65px 40px 40px;
    width:739px; height:634px;
    background: #fff url('../img/patt_01.gif') 0 0;
}
    .contenido .home {
        top:50px; left:50px;
    }
    .contenido h2 {
        font-family: 'Dosis', sans-serif;
        font-weight: 600;
        color:#90243e;
        font-size:24px;
    }
    .contenido p {
        margin:10px 0;
    }
    .contenido .scrollPane
    {
        width: 660px;
        height: 420px;
        overflow: auto;
    }
.contenido p a { color: #90243e; text-decoration: underline;}
.contenido ul { margin-left:0;}
.contenido ul li { margin-left:15px; list-style:circle;}
.contenido li a { color: #90243e; text-decoration: underline;}

/* SECCION GILEAD - Hitos del Desarrollo */
ul.hitos {margin:0;}
li.hito {
    margin:0 0 12px 0 !important;
    list-style: none !important;
}
li.hito .anno {
    float:left;
    color:white;
    font-size:11px;
    background-color:#90243F;
    padding:2px;
    width:30px;
    margin-right:15px;
    text-align: center;
    display: inline-block;
}
li.hito p {
    float:left;
    margin:0;
    width:410px;
    text-align: left;
    display: inline-block;
}
.contenido .gilead h2.titulo {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color:#90243e;
    font-size:18px;
    margin-bottom:0;
}
.contenido .gilead h1.titulo {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color:#90243e;
    font-size:30px;
    margin:0 0 10px 0;
    line-height: 26px;
}
/* SECCION GILEAD - Contacta con nosotros */ 
.contenido .contacta { /*TODO cambia el fondo */ }
    #FContacte label { display:block; margin-bottom:8px; }
    #Fcontacte input { width:400px; }
    #FContacte input[type='text'] { width:400px; }
    #FContacte input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FContacte textarea { width:400px;}
    #FContacte .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }

/* SECCION HIV */
.contenido .hiv { /*TODO cambia el fondo */ }

/* SECCION HEPATITIS */
.contenido .hepatitis { /*TODO cambia el fondo */ }

/* SECCION COMITE CARLOS III */
.contenido .comite { /*TODO cambia el fondo */ }
    .logo_isciii {
        position:absolute;
        top: 28px;
        right:35px;
    }

/*  SECCION REGISTRO */
.contenido .registro { /*TODO cambia el fondo */ }
    #FRegistro label { display:block; margin-bottom:8px; }
    #FRegistro input[type='text'] { width:250px; } 
    #FRegistro input[type='password'] { width:119px; }   
    #FRegistro input[type='email'] { width:250px; }
    #FRegistro input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FRegistro textarea { width:400px;}
    #FRegistro .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: normal; font-size:13px; }

/* SECCIÓN DATOS INV PRINCIPAL */
    #FInvPrincipal label { display:block; margin-bottom:8px; }
    #FInvPrincipal input[type='text'] { width:250px; } 
    #FInvPrincipal input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FInvPrincipal .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }

/* SECCIÓN DATOS INV COLABORADOR */
    #FColaborador label { display:block; margin-bottom:8px; }
    #FColaborador input[type='text'] { width:250px; } 
    #FColaborador input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FColaborador .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }

/* SECCIÓN DATOS PROYECTO */
    #FProyecto label { display:block; margin-bottom:8px; }
    /*#FProyecto input[type='text'] { width:450px; } */
    #FProyecto input[type='text'] { width:100%; } 
    #FProyecto select { width:100%; font-size:10px; }
    #FProyecto  
    #FProyecto input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FProyecto .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }

/* SECCION DATOS FUNDACION */
    #FFundacion label { display:block; margin-bottom:8px; width:400px;}
    #FFundacion input[type='text'] { width:400px; }
    #FFundacion input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
    #FFundacion .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }
    #FFundacion textarea { width:400px;}

/* ESTILOS EXTRA */
a.cursar_solicitud {
        margin-top:5px;
        padding:3px 5px;
        width: 150px;
        font-family: 'Dosis', sans-serif;
        font-weight:600;
        font-size: 11px;
        text-decoration: none !important;
        border:0;
        background-color: #494949;
        color:#FFF !important;
        cursor: pointer;
        -webkit-box-shadow: none;
                box-shadow: none;
}
.textoRojo { color:#90243F; }

	.subirPDF, .subirDOC, .subirEstatutos, .subirPoderes {
		background-color: #FFF;
		display:inline-block;
		cursor:pointer;
		padding:5px;
		border:1px solid #DDD;
		border-radius: 5px;
	}
    .subirPDF img, .subirDOC img, .subirEstatutos img, .subirPoderes img {
        display:inline-block;
        float:left;
        margin:3px 5px 3px 3px;
    }
    .subirPDF p, .subirDOC p, .subirEstatutos p, .subirPoderes p {
        display:inline-block;
        text-align: center;
        margin-bottom:3px;
    }

	ul.descargas {
		margin:0 0 0 25px;
		list-style: none;
		color:#90243F;
	}
    ul.descargas li {
        display:block;
        overflow:visible;
        list-style: none;
        margin:0 0 6px 0;
    }
    ul.descargas li a {
        color:#90243F;
        text-decoration: underline !important;
    }
    ul.descargas li span {
        float:right;
        width:100px;
        display:inline-block;
        margin-top:-3px;
        padding:2px 0 0 18px;
        min-height: 18px;
    }
ul.descargas li span.pdf {
    background: transparent url(../img/ico_pdf_mini.png) 0 0 no-repeat;
}
ul.descargas li span.doc {
    background: transparent url(../img/ico_doc_mini.png) 0 0 no-repeat;
}

.pdfdescarga {
    background: transparent url(../img/ico_pdf_mini.png) 0 0 no-repeat;
}

/* Personalización estilos de barra de scroll */
.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: red;
}
.jspTrack
{
    background: #eee;
    position: relative;
}
.jspDrag
{
    background: #90243e;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}
.scrollPane:focus {outline:0 none;}
.scrollPane p a {
    text-decoration: underline;
    color:#90243e;
}
/* Personalización UI-datepicker */
.ui-datepicker {
    z-index:50 !important;
}

/* Personalización elementos FancyBox */
.fancybox-skin {
    background: #FFF;
}
.flotante {
    overflow: hidden;
    padding:8px;
}
.flotante .scrollPane {
    width: 475px;
    height: 310px;
    overflow: auto;
}
.anadecolaborador .scrollPane {
    width: 350px;
    height: 420px;
    overflow: auto;
}
/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    width:450px;
    height:200px;
    overflow: auto;
    z-index:200;
}

.acResults ul {
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
    list-style: none;   
}

.acResults ul li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.acLoading {
    background : url('indicator.gif') right center no-repeat;
}

.acSelect {
    background-color: Highlight;
    color: HighlightText;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*17/09/2014*/

#FDocumentacion input[type='submit'] { font-family: 'Dosis', sans-serif; font-weight:600; font-size:12px; width:80px; padding:3px; color:#90243e; background-color: white;}
#FDocumentacion input[type='text'] { width:150px; }
#FDocumentacion .errores { margin-top:8px; color:#90243e; font-family: 'Dosis', sans-serif; font-weight: 500; }


/*Menu tercer nivel*/

.ul_nivel3 { margin-top:10px; margin-left:10px; display:none;}
.li_nivel3 a { font-weight:normal !important;}
.li_nivel3.active a { font-weight:700 !important;}



.selectize-dropdown, .selectize-input, .selectize-input input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.jspPane ul li ul { padding-left:20px;}

.ulanidado{ padding-left:20px;}
.ulanidado2{ padding-left:40px;}