/* 
 * Agregado de los estilos W3
 * sáb jun 11 21:50:38 UYT 2016 - [dfr]
 */
@import 'w3.css';

body {
	font: small Verdana,Arial,Helvetica,sans-serif;
	border-collapse: collapse;
	margin-bottom: 3em;
}

a:link {
	text-decoration: none;
	color: #7cb0a0;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

th a:link {
	text-decoration: none;
	color: #7cb0a0;
}

a:active {
	text-decoration: underline;
	color: red;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.lista td a {
	color: black;
}

img {
	border: none;
}

img.foto {
	border: thin solid;
}

th {
	vertical-align: middle;
	background-color: #cccccc;
	color: #06376d;
}

th.rotulo {
	background-color: #ffffff;
	text-align: left;
}

th.sub_rotulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 8pt;
}

th.ficha {
	background-color: #bddbfc;
	color: #06376d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	padding-right: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

table.ficha th {
	background-color: #bddbfc;
	color: #06376d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	padding-right: 0.5em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

th.formulario {
	background-color: #bddbfc;
	color: #06376d;
	text-align: left;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

table.lista td, th {
	vertical-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

/*
 * Estilos de linea par e impar
 * lun abr 27 16:11:42 UYT 2015 - [dfr]
 */
table.lista > tbody > tr:nth-child(odd) > td {
    background-color: #ffffff;
}
table.lista > tbody > tr:nth-child(even) > td {
	background-color: #cccccc;
}

td.formulario {
	background-color: #ffffff;
}

td.ficha {
	background-color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	padding-left: 0.5em;
}

table.ficha td {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
}

th.titulo_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background-color: #07478c;
	text-align: left;
}

.mensajeError {
	background-color: #f67;
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
	margin-bottom: 0.2em;
}

.mensaje {
	background-color: #ffffff;
	color: #000000;
	font-size: medium;
	font-family: Verdana;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
	margin-bottom: 0.2em;
}

.dato {
	background-color: #ffffff;
}

.error {
	background-color: #073f7c;
	color:            #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: medium;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	float: left;
}

.total {
	font-weight: bold;
	text-align: right;
}

.importe {
	text-align: right;
}

.fecha {
	text-align: center;
}

.titulo {
	background-color: #07478c;
	color: #ffffff;
}

/*
 * agregado por Rodriguez 
 * Thu Feb 23 22:57:19 UYT 2006
 */
.titulo_documento_anulado {
	background-color: #012641;
	color: #000000;
}

.titulo_documento_extornado {
	background-color: #052f5d;
	color: #000000;
}
/* hasta acá el agregado ... */

.titulo-pie {
	background-color: #ebf4fe;
	color: #ffffff;
}

.par {
	background-color: #cccccc;
}


.impar {
	background-color: #ffffff;
}


.deshabilitado {
	background-color: #ebf4fe;
}


table.lista tbody > tr:hover > td {
    background-color: #bddbfc;
}
tr.par:hover {
	background-color: #bddbfc;
}


tr.impar:hover {
	background-color: #bddbfc;
}

table.recuadro {
	border: thin solid #07478c;
}

table.lista {
	border-bottom: thin solid #07478c;
	font-size: 8pt;
	clear: both;
	/*
	 * Agregado porque el Bootstrap elimina las lIneas entre columnas
	 * miE dic 16 22:10:09 ART 2015
	 */
	border-spacing: 2px !important;
	border-collapse: separate !important;
}

table.ficha {
	border-bottom: thin solid #07478c;
	font-size: 8pt;
	empty-cells: show;
}

table.formulario {
	border: thin solid #07478c;
	font-size: small;
}

caption.formulario {
	font-size: large;
	font-weight: bold;
	color: #ffffff;
	background-color: #07478c;
}

caption.lengueta {
	font-size: large;
	color: #000000;
	background-color: #ebf4fe;
	text-align: left;
	text-indent: 1em;
}

caption.ficha {
	font-size: large;
	color: #ffffff;
	background-color: #07478c;
}

table.ficha caption {
	font-size: large;
	color: #ffffff;
	background-color: #07478c;
}

caption.lista {
	font-size: large;
	font-weight: bold;
	color: #ffffff;
	background-color: #07478c;
}

tfoot.lista {
	background-color: #ebf4fe;
}

.lista tfoot {
	background-color: #ebf4fe;
}

/*
table.general {
    align: left;
}
*/


/*Estilos generales para tipos de datos*/
/*Para datos numéricos no importes*/
.numero {
	text-align:center;
}

/*Para nombres de personas*/
.nombre{
	text-align:left;
	/*font-size:80%;*/
}

/*
 * Estilos para el conjunto de botones de impresión
 * Para datos numéricos no importes
 */
.frm_imp {
	text-align:right;
	float: right !important;
}

/*
 * agregado por el estado de cuenta y el Mayor
 * Thu Apr  6 21:02:05 UYT 2006 - [dfr]
 */
fieldset {
	border: none 
}

/*
 * Estilos para formulario
 */
.formulario fieldset {
	border: thin solid #07478c;
	background-color: #ebf4fe;
	/*
	 * Agregado porque Bootstrap deja el padding en cero
	 * mar dic 15 21:25:21 ART 2015 - [dfr]
	 */
	padding: 0.5em !important;
}
.formulario fieldset fieldset {
	border: thin dotted #07478c;
	margin-top:.5em;
}

/*
 * lun jun  4 20:09:26 UYT 2012 - [dfr]
 */
.formulario fieldset fieldset.bordeGrueso {
	border-left: solid 1.5em #07478c;
}
div.formulario {
	float:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.formulario span {
	font-size: small;
}
.formulario input {
}
.formulario p {
	margin-top: 0.5em;
}
.formulario label {
	width: 12em;
	float: left;
	padding-right: 1em;
}
.formulario label.enlinea {
	padding-right: 1em;
	padding-left: 2em;
	float: none;
	/*
	 * Agregado porque Bootstrap desparrama los botones de radio
	 * mié dic 16 12:21:05 ART 2015 - [dfr]
	 */
	display: inline;
}
.label_radio {
	width: 12em;
	font-weight: bold;
}
.formulario label.label_check {
	font-weight: bold;
	float: none;
}
.formulario legend {
	font-weight: bold;
	/*
	 * Agregado porque Bootstrap pone el tamanio del legend en 21px.
	 * mar dic 15 21:25:21 ART 2015 - [dfr]
	 */
	font-size: medium;

	background-color: #ebf4fe;
	padding-right: .5em;
	padding-left: .5em;
	padding-top: .5em;
	padding-bottom: .2em;
	border-right: thin solid #07478c;
	border-left: thin solid  #07478c;
	border-top: thin solid   #07478c;
	border-bottom: thin solid #ebf4fe;
	margin-left: -.7em;
	margin-bottom: 2.1em;
}
.formulario fieldset fieldset legend {
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: 0;
	background-color: #07478c;
	color: #ffffff;
	border: none;
}
.formulario .requerido {
	color: #FF0033;
	font-weight: bold
}
.nomodif {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
}
.formulario p {
	clear:both;
}
.nomodMuy {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:30em;
	min-height: 2em;

}
.nomodGde {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:20em;
	min-height: 2em;
}
.nomodMed {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	width:12em;
	min-height: 2em;
}
.nomodChi {
	font-weight: bold;
	border: dotted thin;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-color:#fafafa;
	margin-bottom: .5em;
	float:left;
	min-width:5em;
	min-height: 2em;
}
/*
 * fin de estilos para formulario
 */

.saldo {
	text-align: right;
	font-weight: bold;
}
/*
 * siguen los agregados para el estado de cuenta y el Mayor
 * dom may  7 21:17:43 UYT 2006
 */
.saldoAcreedor {
	text-align: right;
	font-weight: bold;
	color: #c00;
}
.saldoAcreedor:before {
	content: "(";
}
.saldoAcreedor:after {
	content: ")";
}
.destacado {
	color: #000;
	font-weight: bold;
	font-size: large;
}
.masDestacado {
	color: #000;
	font-weight: bold;
	font-size: x-large;
}

/*
 * agregado para mejorar el uso de estilos "en cascada" 
 * sáb abr 29 22:32:10 UYT 2006
 */
table.formulario th {
	background-color: #bddbfc;
	color: #06376d;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.formulario caption {
	font-size: large;
	font-weight: bold;
	color: #ffffff;
	background-color: #07478c;
}
table.lista caption {
	font-size: large;
	font-weight: bold;
	color: #ffffff;
	background-color: #07478c;
}

h2.encabezado {
	background-color: #eeeeee;
	padding-left:0.5em; 
	padding-right:0.5em; 
	vertical-align:middle; 
	margin-top:0.5em; 
	height:1.5em;
}

h2.encabezado span {
	float:left; 
	color: #000000;
	padding-top: 0.2em;
}

.ficha th h1 {
	color: #ffffff;
	background-color: #07478c;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/*
 * Barra de navegación inicial
 * mar nov 20 18:43:11 UYT 2007 - [dfr]
 */
#navlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited {
	color: #ffffff;
	background-color: #012641;
	text-decoration: none;
}

#navlist a.activo {
    background-color: #ffffff;
    color: #012641;
    font-weight:bold; 
    border:thin solid;
}

#navlist a:hover {
	color: #000000;
	background-color: #ccc;
	text-decoration: none;
}

/*
 * Agregados de Alejandro para la estadística de becas.
 */
.subtotal {
	background-color: #bddbfc; 
	color: #000000; 
	font-weight: bold;
}
.subtotal-destacado {
	background-color: #bddbfc;
	color: #000000;
	font-weight: bold;
}
.grantotal {
	background-color: #7bb8f8;
	color: #bddbfc;
	font-weight: bold;
}

/*
 * Estilos para los botones de impresión
 * jue abr  7 12:34:01 UYT 2011 - [dfr]
 */
	#btImpPDF {
		background:url('../img/acroread32.png') no-repeat;
		border:none;
		height:32px;
		width:32px;
		color:transparent;
	}
	#btImpCSV {
 		/*background:url('../img/gnumeric32.png') no-repeat;*/
		background:url('../img/spreadsheet-32x32.png') no-repeat;
		border:none;
		height:32px;
		width:32px;
		color:transparent;
	}
	#btImpDir {
		background:url('../img/printmgr32.png') no-repeat;
		border:none;
		height:32px;
		width:32px;
		color:transparent;
	}
	#btAyuda {
		background:url('../img/help.png') no-repeat;
		border:none;
		height:22px;
		width:22px;
		color:transparent;
	}
/*
 * Página de estilos de ToolTip
 * Autor: Eric Meyer (modificada)
 * Descripción: Contiene los estilos para ventanas desplegables.
 * Versión: 1.0
 * Fecha : mar sep 25 10:24:07 2007
 */

a.info {
	position:relative; /*this is the key*/
/*	z-index:24; 
	background-color:#ccc;*/
/*	color:#000;*/
	text-decoration:none;
}

a.info:hover {
	z-index:25;
	background-color:#ff0;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #0066cc;
	background-color:#ffffff; color:#000;
	text-align: center;
}

fieldset.error {
	font-weight:bolder;
	background-color: #ffffd4;
	float:left;
	border-top: thin solid;
}
fieldset.error legend {
	padding-top: -3em;
	font-weight:normal;
	background-color: #7e0130;
	color: #ffffd4;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:.2em;
	padding-bottom:.2em;
}

div.tabs {
	text-align:left;
}

/*
 * Estilos para menu de solapas
 * lun oct  7 21:58:16 UYST 2013 - [dfr]
 */
div.tabs > span.tab_inactiva {
	background-color:#eee; 
	border-bottom: none;
}

div.tabs  span.tab_activa {
	font-weight: bold;
	font-size: normal;
	background:#ffffff; 
 	padding: 0.2em;
	border-top: solid thin;
	border-left: solid thin;
	border-right: solid thin;
}

div.tabs > span.tab_activa > a {
	background-color: #07478c;
	color: #ffffff;
	padding-left:.5em;
	padding-right:.5em;
}

div.tabs > span.tab_inactiva > a {
	color: #111;
	padding-left:.5em;
	padding-right:.5em;
}

div.tabs > span.tab_inactiva > a:hover {
	color:black;
	font-weight: bold;
	text-decoration: none;
}

.califPorDebajo {
	border: thin solid red;
}
.califPorEncima {
	border: thin solid #0c0;
}

/*
 * Para mostrar facturas y recibos
 * dom ene 26 14:36:18 UYST 2014 - [dfr]
 */
table.boleta {
	width: 50%;
	border: none;
	border:solid thick #888 ;
	padding:.5em;
}
table.boleta td {
	padding-left: 1em;
	padding-right: 1em;
}
table.boleta td.dato {
	border:thin solid;
	background-color:white;
	color:black;
}
table.boleta th.encabezado {
	background-color:#555;
	color:white;
	border:thin solid;
}
table.boleta th.dato {
	border:thin solid;
	background-color:white;
	color:black;
}
table.boleta span.destacado {
	font-size:120%;
}
table.boleta th.tipoDoc {
	background-color:white;
	color:black;
	font-size:150%;
	width:20%;
}

#btAgregar input {
	color: black;
}

span.w3-input {
	min-height: 2.5em;
}

/*
 * Inicio de estilos del cabezal
 */
div.cabezal {
    background-color: #20303E;
    width: 100%; /*El largo total de la página*/
    height: 12%;  /*Margen del body al inicio de la página*/
    padding: 0;
    border-bottom: solid thin #012641;
    margin-bottom: 2px;
}

span.logos {
    float: left; /* Permite al logo compartir al línea con el título*/
}

span.sistema {
    float: right;
    margin-right: 1em;
    color : #ffffff;
}
/*
 * Fin estilos del cabezal
 */

@media print {
	#btAgregar {
		display: none;
	}
	#btImpPDF {
		display: none;
	}
	#btImpCSV {
		display: none;
	}
	#btImpDir {
		display: none;
	}
	#btAyuda {
		display: none;
	}
	#btBuscar {
		display: none;
	}
	#btReset {
		display: none;
	}
	#btBrowse {
		display: none;
	}
	#btEdit {
		display: none;
	}
	#btDrop {
		display: none;
	}
	div.menu {
		display: none;
	}
	table.lista {
		border: thin solid;
		empty-cells: show;
	}
	table.lista caption, th, td {
		border: thin solid;
		border-collapse: collapse;
	}
	table.lista caption {
		border: thin solid;
		border-collapse: collapse;
	}
	table.lista th, td {
		border: thin solid;
		border-collapse: collapse;
	}
}