* {
	margin:0;
	padding:0;
    font-family: Arial, Helvetica, sans-serif;
}

body{
	background-color: #EEE; /*#EBEBEB;*/ /* #F4F6F8 */
	margin: 0;
}

a{
	color:#005F9B;	
	text-decoration:none;
	outline: 0;
}

a:visited{
	color:#005F9B;	
}

a:hover{
	color:#0F95FC; 
} 

#web{
	margin: 0 auto;
}

#cabecera{
    background-color: #134094;
    border-bottom:4px solid white;
    min-height: 2.5em;
    padding: 1em 1%;
    position: fixed;
    top: 0;
    width: 98%;
    z-index: 2;
}

.imprimir{
	display:none;
}

#cabecera h1{
	color:white;
	margin-bottom:0;
	float:left;
}

#cabecera h1 a{
	color: white;
    text-decoration: none;
}

#logo{
	
}

#logo .nombreLogo{
	
}

#logo .nombreLogo2{
	color: #0F95FC;
}

.colorLogo1{
	color: #134094;
}

.colorLogo2{
	color: #0F95FC;
}

#logo .organizacion{
	font-size:0.8em;
}

#logo .subtitle{
	font-size:0.7em;
	font-weight: 300;	
}

h2{
	margin:0px;
}


p{
    margin-bottom: 1em;
    margin-top: 1em;
}

sup{
	font-size: 8px;
}

#cabeceraAcceso{
	background-color:white;
 	float: right;
    font-size: smaller;
    padding: 0.1em 0.5em;	
}

#cabeceraAcceso .nombre{
    color: #134094;
    font-weight: normal;
    text-decoration:none;
    vertical-align: super;
}

#subcabecera{
    float: right;
    font-size: larger;
    font-weight: bold;
    margin-bottom: 0;
}

#subcabecera .nombre{
    color: white;
    font-size: medium;
    font-weight: normal;
    vertical-align: super;
}

#subcabecera .nombre:hover{
	color: #0F95FC;
}


.enlacePassLose{
	margin-bottom: 1em;
    margin-left: 1em;
    text-align: left;
}

.iconSubcabecera{
	border: none;
	margin-right: 0.25em;
	width:32px;
}

.iconSubcabecera:hover{
	margin-top:0.2em;
	margin-bottom:-0.2em;
}


.desconexionEnlace{
	margin-left:0.5em;
	font-size:smaller;
	font-weight: normal;
}


#contenido, #contenidoScroll{
    background-color: #EEE;
    margin-top: 4.5em;
    overflow: hidden;
}

#contenidoScroll{
   /* overflow-y: hidden; scroll x ejer.*/
   overflow: visible;
}

#contenidoScroll #central{
	margin-bottom: 3em;
}

#contenidoCentral{
	margin: 2em auto 3em;
    width: 80%;
}

#central{
    background-color: #EEEEEE;
    float: right;
    padding: 2em 2% 3em 4%;
    width: 74%;
}

#main{
	min-height: 350px;
	float: right;
    margin-top: 0;
    padding: 0;
    width: 100%;
    margin-bottom:4em;
}

.parrafoCentrado{
	text-align:center;
}

.parrafoMedio{
	width:50%;
	float:left;
}

.parrafoMedio p{
	margin-top:0em;
}

.centrado{
	margin: 0 auto;
    text-align: center;
    width: 80%;
}

.center{
	text-align: center !important;
}

.titulo{
	border-bottom: 2px solid #134094;
	margin-bottom: 1em;
}

.titulo a{
	color: black;
    text-decoration: none;
}

.titulo a:hover{
	color:#0F95FC;	
}

.titulo .titulo_texto{
	font-weight: bold;
	font-size:24px;
}
.titulo span{
 	font-size: 18px;
    font-weight: 300;
}

.enlaceTitulo{
	color: CadetBlue;
    font-size: medium;	
}

.tituloCentrado{
	text-align: center;
}

.tituloTabla{
    margin-top: 1em;
	padding: 0.25em;
}

.tituloTabla .enlaceNuevo{
    float: right;
    font-size: medium;
    font-weight: normal;	
}

.subtitulo{
	margin-top:2em;	
}

.mensaje{
	margin-top:1em;
}

.Seccion .enlaceNuevo{
	margin-top: 1em;
	text-align: right;
}

.Seccion .enlace{
	text-decoration:underline;
}

.Seccion p{
	margin-left:1em;
}


.enlace{
	color: #005F9B !important;
	cursor: pointer;
}

.iconSubtitle, .iconSubtitleLink, .icon{
	border: none;
	margin-right: 0.25em;
	vertical-align: middle;
	width:16px !important;
}

.iconSubtitleArrow{
	float:right;
	margin-top: 0.25em;
	margin-right:0.25em;
}

.iconSubtitleLink{
	cursor: pointer;	
}

.celdaIcono{
	  width: 16px;
}

.hide_icon{
	bottom: 0.5em;
	cursor: pointer;
   	left: 0.5em;
   	position:fixed;
   	width:24px;
   	z-index:2;
}

.limpiar{
	clear:both;
}


.formularioAcceso{
	border-color: #6E90CF;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    margin: 8em auto 3em;
    text-align: center;
    width: 40%;
	-moz-box-shadow: 1em 1em 1em gray;
    -webkit-box-shadow: 1em 1em 1em gray;
    box-shadow: 1em 1em 1em gray;
}


.formularioRecover{
	padding-bottom: 1em;
}

.formularioAccesoFila{
	margin-bottom:1em;
	margin:1em auto;
	width:90%;
}

.formularioAccesoFila p{
	color:#66696A;	
}

.formularioAccesoFila h3{	
    border-bottom: 1px solid #134094;
    color: #004192;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0.5em;
    text-align: left;
}


.formularioAccesoFila .formularioAccesoAlerta{
    background-color: #FFEBE8;
    border: 1px solid red;
    margin-bottom: 2em;
    padding: 0.5em;
    text-align: left;
}

.formularioAccesoFila .formularioAccesoMensaje{
    margin-bottom: 2em;
    text-align: left;
}

.formularioAccesoFila .formularioAccesoDatos{
    color: black;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}

.primerFilaAcceso{
	margin-top:1em;	
}

.filaIzquierdaAcceso{
	float:left;
	width:35%;
	margin: 5px 0 0;
	clear:left;
	text-align:right;
}

.filaDerechaAcceso{
    float: left;
    font-size: smaller;
    margin-left: 1em;
    padding-left: 0.5em;
    width: 40%;
}

.boton{
    background-color: #0F95FC;
    border: none;
    color: white !important;
    font-size: small;
    font-weight: 600;
   	padding: 0.75em 1em !important;
    text-align: center;
    width: 26% !important;
}

.boton:hover{
	background-color: #0E87E3;
	cursor: pointer;
}

.boton[disabled]{
	background-color: lightGray;
    color: gray !important;
    cursor: default;
}

.enconstruccion{
	margin:0 auto;
	width:25%;
}


.backButton{
    background-color: #0F95FC;
    color: white !important;
    display: inline-block;
    font-weight: 600;
    margin-bottom: -1em;
    margin-top: 2em;
    padding: 0.5em 1em;
}

.backButton:hover, .button:hover{
	cursor: pointer;
	background-color: #0E87E3;
}

.button{
	background-color: #0F95FC;
    color: white !important;
    display: inline-block;
    margin-top: 2em;
    padding: 0.5em 1em; 
}

.nextButton{
	float: right;
}

/**** Formulario nuevo archivo *****/
.formNuevo{
	float:right;
	clear: right;
	margin-bottom: 1em;
}

.formNuevo label{
	margin-right:1em;
}

/**** Formulario paginador *****/
.formPaginador{
	margin-top:1em;

}

.formPaginador select{
	height: 1em;
	margin-left:0.5em;
	margin-right:0.5em;
	vertical-align: top;
}


/**** Seccion *****/


.tituloSeccion, .tituloSeccionNotH{
	background-color: #134094;
	border-bottom: 3px solid white;
	color: white;
	cursor: pointer;
	font-weight:300;
    margin-top: 1em;
	padding: 0.25em;
}


.tituloSeccion:hover{
	background-color: #BFD7E6;
	border-bottom: 3px solid #134094;
	color:#005F9B;
}


.tituloSeccionNotH{
	cursor: default;
}

.tituloSeccion label{
	cursor: pointer;
}

.subtitleSeccion{
    background-color: #6EA0EF;
    border-bottom: 3px solid white;
    color: white;
    font-weight: 300;
    margin-left: 3.5%;
    margin-right: 3.5%;
    margin-top: 1em;
    padding: 7px;	
}

.Table{
 	border-collapse: collapse;
    margin: 1em auto 2em;
    width: 100%;    
    -moz-box-shadow: 0 0.5em 1em gray;
    -webkit-box-shadow: 0 0.5em 1em gray;
    box-shadow: 0 0.5em 1em gray;
}

.Seccion .Table{
 	width: 85%;    
}

.Seccion .Table th{
	background-color: #6EA0EF;
}

.TableBill{
	margin-top: 0;
}

.Table tr{
	height:2em;
}

.baja td a{
	color: red !important;
}

.Table tr:hover{
	background-color: #B5D5FF;
}

.TableNotHover tr:hover{
	background-color:  #EBEBEB !important;
}

.TableNotHover .par:hover{
	background-color:  MintCream !important;
}

.Table th{
	background-color: #134094;
	color:white;
	font-weight: 300;
	padding: 0.5em;
	text-align: left;
}

.Table td{
	font-size: 14px;
	padding-left: 0.5em;
	padding-right: 0.25em;
    text-align: left;
}

.Table td a{    
    color: black;
    display: block;
    padding: 0.5em;
    text-decoration: none;
}

.Table td a:hover{
	color:#004192;
}

.Table tr .td_name{
	width:40%;
}

.Table tr .td_size{
	width:10%;
}

.Table tr .td_img{
	width:5%;
}

.Table tr .td_fecha{
	width:10%;
}

.Table img{
	border: none;
    width: 70%;
}


.Table th input, .Table td input{
	width:8em;
}

.Table td input[type="checkbox"], .Table th input[type="checkbox"]{
	width:2em;
}

.Table td input[type="text"]{
	width:5em;
}


.fotografiaImage{
	height: 5em;
	width: auto !important;
}


.par {
	background-color: MintCream;
}

.pendienteCuenta{
	background-color: red;
	color:white;
}

.filaRoja, .roja{
	color: red !important;
}

.filaRoja a, .roja a{
	color: red !important;
}

.filaVerde{
	color: green;
}

.filaVerde td a{
	color: green !important;
}

.facturaDevuelta{
	color:red;
}

.pendiente td a{
	color:red;	
}

.cobrada td a {
	color: green;
}


/*   Menu   */

#menu{
    background-color: white;
    float: left;
    overflow-y: hidden;
    top:4.5em;
    bottom:0;
    padding-bottom:1em;
    padding-top: 1em;
    position: fixed;
    text-align: left;
    width: 20%;
    z-index: 1;

    -moz-box-shadow: 3px 0 1em gray;
    -webkit-box-shadow: 3px 0 1em gray;
    box-shadow: 3px 0 1em gray;
}

#menu:hover{
	overflow-y: auto;
}

#menu h4{
    border-bottom: 1px solid #C9CCCF;
    color: #646E80;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    padding-bottom: 0.3em;
}

.ulmenu{
	list-style: none outside none;
	margin-bottom:1.5em;
}


.ulmenu li {  
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    
}

.ulmenu li a, #ulmenu li p {  
    color: #646E80;
    display: block;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.25em;
    padding-left: 1em;
    padding-top: 0.25em;
    text-decoration: none;
}


.ulmenu li a span{
	vertical-align: middle;
}

.ulmenu li a img{
    border: medium none;
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: middle;
    width: 1.5em;
}

.ulmenu li form{
	margin-left: 10%;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

.ulmenu li form select{
	font-size: 1em;
	width: 80%;
}

.ulmenu li:hover { 
	border-left: 3px solid #0F95FC;
}


.ulmenu li a:hover {  
	color:#0F95FC;
	margin-left: -3px;
}

.selected{
    border-left: 3px solid #0F95FC;
}

.selected a{
	color:#0F95FC !important;
	margin-left: -3px;
}

.submenu{
	margin-left:1.5em;
}

.submenu a{
	font-size: 1em !important;  
}

/*** Formulario ****/

.formulario{
	margin: 0 auto;
    width: 90%;
    autocomplete= off;
}

.formularioAncho{
	width: 100%;	
}

.formulario .row{
	margin-top: 1em;
}

.formulario .row p{
    clear: left;
    color: #3A3A3A;
    float: left;
    font-size: larger;
    margin: 5px 0 0;
    text-align: right;
    width: 25%;
} 

.rowFilter input{
	width: 45%;
}

.formulario .row input, .formulario .row select, .formulario .row textarea, .formulario .row .derecha, .formulario .row table{
    float: left;
    font-size: smaller;
    margin-left: 3%;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 65%;
}

.formulario .row input, .formulario .row textarea, .formulario .row .derecha{
    color:#555555;
}

.formulario .row input[type='radio']{
	margin-top: 10px;
    width: 2em;
}

.formulario .row .radioText{
    margin-left: 0;
    margin-right: 5%;
    cursor:pointer;	
}


.formulario .row table{
	margin-top:0;
}

.formulario .row label{
    float: left;
    margin-left: 3%;
    margin-right: -2%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.formulario	.row .select_seach{

}

.formulario	.row .right_icon{
	cursor:pointer;
	display: inline-block;
    vertical-align: middle;
}

input{
	color:#555555;
	padding-bottom: 5px;
    padding-top: 5px;
}

input[type='text']:focus, .formulario .row textarea:focus{
	background-color:AliceBlue !important;
}

input[type='text']:disabled{
	background-color: lightGray;
    color: gray;
}

input[type="submit"]{
   outline:none;
}
input[type="submit"]::-moz-focus-inner {
   border: 0;
}

.formulario .row input[type='checkbox']{
	margin-top: 10px;
    width: 1em;
}

.formulario .row table input[type="checkbox"] {
    margin-top: 0;
    width: 100%;
}

.formulario .row textarea{
	height: 8em;
}


.formulario .row .derecha{
	font-size: larger;
}

.formulario .row .fecha{
	width: 20%;
}

.formulario .row .time{
	width: 2em;	
}

.formulario .row .labelTime{
	float: left;
	margin-left: 0.5em;	
}

.formulario .row select{
	height: auto;
}

.formularioAncho select{
	height: 1em;
}

.formulario .row .timeSelect {
	width: 6em;	
}

.formulario .row .label_enlace{
	float: right;
	margin-right: 8%;
	margin-top: -1em;
}

.formulario .row .icono{
	margin-left: 2em;
	margin-right:1em;
	width:32px;
}


.filtro{
	float:left;
    margin-bottom: 2em;
    width: 100%;
}

.filtro .boton{
	width:7em !important;
}

.filtro label{
	color: #3A3A3A;
    
}

.filtroDerecha{
	float: right;
    text-align: right;
    width: 50%;
}

.filtroDerechaCheckbox{
	
}


/***  Calendario  ***/
.calendar{
	font-size: large;
    margin: 1em auto 0;
    width: 90%;
}


.calendar .month{
	width: 40%;
	float: left;
	margin-bottom: 2em;
	margin-right: 0%;
}

.flechaOtroAnio img{
	border:none;
}

.calendarDayEvento{
	background-color: orange !important;
}


.finDeSemana{
	background-color: #ABCDFF;
	color: #CC6666;
}


.finDeSemanaCalendar, .calendarDay{
    /* background-color: #ABCDFF; */
    padding: 0.5em;
    text-align: center;
}

.calendarDayAusencia{
  	background-color: orange;
}

.calendarDayVacaciones{
	background-color: #ABCDFF;
	
}


.finDeSemanaCalendar{
		color: #CC6666;
}

.text_wraper{
    display:none;
}


/* Calendario mensual */

.monthComplete{
	margin-top: 1em;
    width: 100%;
}

.monthComplete td{
	width: 14%;
}

.monthComplete .calendarDay{

	text-align:left;
}

.month .trHeader th{
	border-bottom: 1px solid black;
	
}

/* Calendario dia */

.tableDia{
	width: 100%;
}


.tableDia .horaDia{
	width: 20%;
}

/* Icono */

.tableIcon{
	width:16px !important;
}

.iconOption{
	width:20px !important;
}


/*  Elemento submenu superior */

.subaccion{
    float: right;
    margin-right: 3%;
    text-align: center;
    width: 6%;
}

.subaccion:hover{
	padding-top:0.5em;
	margin-bottom:-0.5em;
}

.subaccion a{
	text-align: center;
  	text-decoration: none;
    width: 100%;
}

.subaccion a p{
	margin: 0;
}

.subaccion a img{
	border: 0 none;
	width:70%;
}


/*  Elemento menu */

.centralColIzq{
	float: left;
	margin-bottom: 2em;
	margin-left: 5%;
    margin-right: 2%;
	width: 40%;
}
.centralColDcha{
	float: left;
	margin-bottom: 2em;
	margin-left: 5%;
    margin-right: 2%;
	width: 40%;	
}
.centralColAncha{
	float: left;
	margin-left: 5%;
	width: 87%;
}


.menucentral{
    background-color: white;
    border: 1px solid lightgray;
    min-height: 350px;
    overflow: hidden;
    width: 100%;
    margin-bottom:1em;
}

.centralColAncha .menucentral{
    min-height: 200px;	
}

.menucentral h2{
	border-bottom: 1px solid #E6EAEE;
	color:#004192;
	font-weight:300;
	padding: 0.5em 0.5em 0.5em 1em;
}


.menucentral h2:hover{
	color:#0F95FC;
}

.menucentral h2 a{
	display: block;
}

.centralCell{
    background-color: white;
    border: 1px solid lightgray;
    float: left;
    margin-bottom: 2em;
    margin-left: 2%;
    margin-right: 2%;
    width: 29%;
}

.centralCell label{
    cursor: pointer;
    display: block;
}

.centralCellTitulo{
	border-bottom: 1px solid #E6EAEE;
	color:#004192;
	font-weight:300;
	font-size: 18px;
	padding: 0.5em;
}

.centralCellContenido{
	color:#646E80;
	margin-bottom: 1em;
    margin-top: 1em;
	padding-left: 1em;
    padding-right: 1em;
}

.centralCell img{
    border: 0 none;
    vertical-align: middle;
    width: 1em;
}

.centralCell p{
	color:#646E80;
	padding-left: 1em;
    padding-right: 1em;
}

.centralCell a{
	min-height: 250px;
	display: block;
}


.menucentral ul{
	list-style: none;
	padding-bottom: 2em;
	padding-top: 1em;
}


.elemento{
    margin: 0 auto;
    width: 90%;
}

.elementoSeparado{
	margin-bottom: 0.5em;
	margin-top:1em;
}

.elemento a{
	color:#646E80;
	display: block;
	padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.elemento img{
    border: 0 none;
    vertical-align: middle;
    width: 1.5em;
}

.elemento span{
	font-size: 15px;
	margin-left:0.5em;
	vertical-align: middle;
}

.elemento .spanTitulo{
	color:#004192;
}

.elemento a:hover{
	color:#0F95FC;
}

.elemento h3{
	color:#7F8A94;
	font-weight: 300;
	margin-top: 1em;	
}

.elemento h3 img{
	margin-right: 0.5em;
}

.elementoDetalle{
	
}

.menucentral ul li:first-child{
	margin-bottom: 0.5em;
}

.elementoDetalle a{
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;	
}

.submenucentral{
	list-style: circle !important;
    margin-left: 2em;
}



.hoja{
	background-color: white;
    margin: 0 auto;
    padding: 1em 0.5em;
    width: 70%;
	
}


/* 			*/


.seccionPrincipal2{
	float: left;
    margin-left: 2%;
    width: 94%;
    background-color: white;
    border: 1px solid lightgray;
    overflow: hidden;
}

.seccionPrincipal2Contenido{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

.seccion2{
    background-color: white;
    border: 1px solid lightgray;
    float: left;
    margin-top: 1em;
    margin-left: 2%;
    margin-right: 2%;
    width: 45%;
    height:12em; /* seccion2Doble = 2*height + margin-top */
}

.seccion2Doble{
	height:25em;
}

.seccion2 label, .seccionPrincipal2 label{
     display: block;
}


.seccion2 img{
    border: 0 none;
    vertical-align: middle;
    width: 1em;
}

.seccion2 p{
	color:#646E80;
	padding-left: 1em;
    padding-right: 1em;
}

.seccion2 a{
	color: #646E80;
    display: block;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.seccion2 a:hover{
	color:#0F95FC;
}

.seccion2 .space{
	margin-top: 1em;
}


/* Modulos informe Ejercicio */

.moduloIngresos, .moduloGastos, .moduloResumen{
    margin: 1em auto;
    width: 75%;	
}

.moduloGastos .header{
	background-color: #134094;
    color: white;
    font-weight: 300;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-top: 0.2em;
}

.moduloGastos p{
	padding-left: 1em;
    text-align: left;
}

.moduloGastos .resumen{
	padding-left: 1em;
	margin-top:1em;
	text-align:left;
}

/* footer */
#footer{
    border-top: 1px solid #C9CCCF;
    clear: both;
    font-size: smaller;
    margin: 0 0 1em;
    padding: 1em;
    text-align: center;
}

#footer p a{
	color: #134094;
}


/* Menu opciones subcabecera */


.menuOpciones{
    background-color: #134094;
    float: right;
    font-weight: 300;
    padding: 0.3em 0.5em 0.3em 1.5em;
}

.menuOpciones label{
	color: white;
	font-size: large;
}

.menuOpciones label img{
	margin-left: 0.5em;
}

.menuOpciones ul {
    background-color: #134094;
    color: white;
    display: none;
    margin-left: -1.5em;
    margin-top: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: absolute;
} 

.menuOpciones:hover > ul {
	display:block;
}

.menuOpciones ul li {
	list-style: none outside none;
	position:relative;
	text-align:left;
	border-top:1px solid white;
}

.menuOpciones ul li:first-child {
  border-top: none;
}

.menuOpciones ul li a{
	color:white;
	display:block;
	font-size: medium;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.menuOpciones ul li a:hover{
	color:#0F95FC;
}

.menuOpciones ul li a img{
	margin-right:0.5em;	
}

.menuOpciones ul li a.disabled {
	color:lightGray;
}

.checkOption{
	margin-left:3em;	
	margin-right:1em;
}


/**** Lista de configuracion	*****/

.vistas{
    border-bottom: 1px solid gray;
    overflow: hidden;
}

.vista{
    float: left;
    width: 40%;	
}

.vistaInforme{
    margin-right: 2%;
    width: 30%;
}

.vista img{
	width: 100%;
}

.vista p{
	text-align:center;
}


/**** Lista de configuracion de opciones	*****/
.configOpciones{
	margin-left: 5%;
    margin-right: 5%;
}

.configOpciones li{
	border-bottom: 1px solid gray;
	list-style: none;
}

.configOpciones li p{
	margin-left:2%;
}

.configOpciones .disabled p{
	color:lightgray;
}

.configOpciones .disabled a{
	color: #005F9B;
}

.configOpciones li a{
	color:red;
	float: right;
	margin-right:2%;
}



/* BOX */
.box{
	border: 1px solid #134094;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.redbox{
	border: 1px solid red;
}

.box h3{
    background-color: #134094;
    border-bottom: 3px solid white;
    color: white;
    font-weight: 300;
    margin-bottom: 1em;
    padding: 7px;
}

.redbox h3{
    background-color: red;
}

.box p{
    padding-left: 1em;
}

.box label{
    margin-right: 1em;
    padding-left: 1em;
}

.box_info{
	margin-top:2em;
}


/* Charts */

.chart{
    clear: both;
    float: left;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
}



/*  Paginador */
.paginador{
	text-align: center;
}

.paginador .pagina, .paginador .pagina_actual{
	background-color: #0F95FC;
    color: white;
    margin-right:0.25em;
    margin-left:0.25em;
    padding: 0.15em 0.25em;
}

.paginador .pagina_actual{
	background-color:gray;
}

/* Ayuda */
.faq{
    margin-left: 1em;
    margin-right: 1em;
}

.faq .enlace:hover{
	text-decoration:underline;
}

.faq li{
	list-style: circle;
	margin-bottom:1em;	
}

.faq li label{
	font-weight:300;
	margin-bottom: 1em;
}

.faq li .faq_row{
    background-color: white;
    border: 1px solid lightgray;
    margin-bottom: 2em;
    margin-top: 1em;
    padding: 2em 3em;
}

.faq li .faq_row h4{
	color: #0F95FC;
}

.faq li .faq_row p{
	color: #444444;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.faq li .faq_row ul{
    margin-left: 3%;
    margin-top: 2em;
    width: 97%;
}

.faq li .faq_row ul li{
	list-style: none;
	margin-bottom: 2em;
}


/***** 		Documentos	 *******/

.documentoHeader{
	border-bottom:1px solid gray;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 12px;
	margin-top:2em;
}

.documento{
	border-bottom:1px solid gray;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}

.documento:hover{
	background-color:white;
}

.tipoDoc{
	float: left;
	width: 5%;
	text-align: center;
}

.tipoDoc img{
	width:40%;
}

.nombreDoc{
	float:left;
	width:65%;
}

.nombreDoc a{
	color: black;
}

.fechaDoc{
	float:left;
	font-size: 12px;
	width:12%;
}

.sizeDoc{
	float:left;
	font-size: 12px;
	width:12%;
}

.iconDoc{
	float:left;
	width:5%;
}

.iconDoc img{
	width:40%;
	margin-right:10%;
}

.documento .fechaDoc, .documento .sizeDoc{
	color: rgb(102, 102, 102);
}

.nombreDoc a:hover{
	text-decoration: underline;
}

/******** Colores de las urgencias ***********/

.blue{
	color:blue;
}

.orange{
	color:orange;
}

.red{
	color:red;
}

.blue a{
	color:blue !important;
}

.orange a{
	color:orange !important;
}

.red a{
	color:red !important;
}


/******** Tabs ***********/

/* Style the list */
ul.tab {
 	background-color: #F1F1F1;
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;
    margin: 0 auto -1em;
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin-bottom: 2em;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    border: 1px solid #ccc;
    border-top: none;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0 auto;
    width: 90%;
}

.tabcontentDisabled{
	display: none;
}


.tabcontent .Table{
	width: 95%;
	
}


.iColorPicker{
	width: 15% !important;
}



/*  Paginador */

.enlace_prev{
	float: left;	
}



/***** 		Tarea	 *******/

.tareaHeader{
	border-bottom:1px solid gray;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 12px;
	margin-top:2em;
	padding-left: 0.5em;
}


.tareaDay{
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	background-color:gray;
	color:white;
	padding-left: 0.5em;
}

.tareaTotal{
	margin-bottom:1em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.5em;
}

.tarea{
	border-bottom:1px solid gray;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.5em;
}

.tarea:hover{
	background-color:white;
}

.proyectoTarea{
	float: left;
	width: 30%;
}

.proyectoTarea p{
	margin-bottom:0;
	margin-top:0.5em;
}

.nombreTarea{
	float:left;
	width:30%;
}

.nombreTarea a{
	color: black;
}

.inicioTarea{
	float:left;
	width:15%;
}

.tiempoTarea{
	float:left;
	width:15%;
}

.tareaTotal .tiempoTarea{
	color:blue;
}

.opcionesTarea{
	float:left;
	width:10%;
}




/***** 		Presencia	 *******/

.presenciaHeader{
	border-bottom:1px solid gray;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 12px;
	margin-top:3em;
	padding-left: 0.5em;
}

.presencia{
	border-bottom:1px solid gray;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.5em;
}

.presenciaDay{
	float:left;
	width:30%;
	margin-bottom: 1em;
}

.tipoPresencia{
	float:left;
	width:15%;
}

.inicioPresencia{
	float:left;
	width:15%;
}

.finPresencia{
	float:left;
	width:15%;
}

.tiempoPresencia{
	float:left;
	width:15%;
}


.opcionesPresencia{
	float:left;
	width:10%;
}


.completoPresencia{
	float:left;
	width:60%;
}


/***** 		Solicitud	 *******/

.solicitudHeader{
	border-bottom:1px solid gray;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 12px;
	margin-top:3em;
	padding-left: 0.5em;
}

.solicitud{
	border-bottom:1px solid gray;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.5em;
}


.usuarioSolicitud{
	float:left;
	width:30%;
}

.tipoSolicitud{
	float:left;
	width:20%;
}

.inicioSolicitud{
	float:left;
	width:20%;
}

.finSolicitud{
	float:left;
	width:20%;
}


.opcionesSolicitud{
	float:left;
	width:10%;
}