@charset "UTF-8";



/* ==========================================================================
   Elementos generales                                                     */

body {
	background-color: #F2F2F2;
	color: #3F3F3F;
	font-family: Dosis, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5 {
	color: #006;
	/*font-weight: bold;*/
	font-weight: normal
}

h1 {
	margin: 0;
	padding: 0 0 0.5em;
	font-size: 2.5em;
}

h2 {
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #D1D3D7;
	font-size: 2em;
}

h3 {
	margin: 0 0 1em;
	font-size: 1.5em;
}

h4 {
	margin: 0.5em 0;
	color: #000;
	font-size: 1em;
}

h6 {
	color: #000;
	font-weight: normal;
}

p {
	margin-top: 10px;
	line-height: 1.6em;
}

a {
	color: #0679EB;
	text-decoration: none;
}

var {
	border: 1px solid #CCC;
	padding: 0.125em 0.25em;
	font-family: Menlo, Monaco, "Courier New", monospace;
	font-style: normal;
	border-radius: 0.25em;
}

/*  Elementos generales
    ====================================================================== */




/*	==========================================================================
	Aplicación                                                              */


#contenedor {
	position: relative;
	width: 58.75em;
	margin: 2em auto;
}

.limpiar {
	clear: both;
	height: 0;
}

.ri {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	line-height: 0;
}

.sic {
	color: #006;
	font-weight: bold;
}

#sic {
	padding: 0.5em 1em 0 1em;
}


/*	--------------------------------------------------------------------------
	Cabecera                                                                */

#logotipo {
	float: left;
	width: 23.5%;
}

/*#nombre {
	float: right;
	width: 76.5%;
	height: 4em;
	background: url("../img/sic.gif") 50% 20px no-repeat;
}*/

header h1 {
	float: right;
	width: 74%;
	margin: 0;
}

header nav {
	position: relative;
	float: right;
	width: 39.75em;
	height: 2.5em;
	padding: 0 2em;
	background-color: #0679EB;
	color: #FFF;
	font-family: Economica;
	font-size: 1em;
	line-height: 2.5em;
	text-transform: uppercase;
	border-radius: 1.25em;
}

nav ul {
	min-width: 10em;
	margin: 0;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	padding: 0;
	list-style: none;
}

nav > ul {
	position: relative;
	float: right;
}

nav li > span {
	display: block;
	padding: 0 1em;
	cursor: pointer;
}

nav li:hover > span,
nav li li:hover {
	background-color: #0A66C2;
}

nav li > ul {
	visibility: hidden;
	position: relative;
	background-color: #0679EB;
}

nav > ul > li:hover ul {
	visibility: visible;
	z-index: 9999;
}

nav li a {
	display: block;
	border-top: 1px solid #F2F2F2;
	padding: 0 1em;
	color: #FFF;
}

/*	Cabecera
	----------------------------------------------------------------------- */


#contenido {
	position: relative;
}

#contenido > ul {
	margin: 0;
	padding: 0 0 0 26%;
	list-style: none;
	font-family: Economica;
	font-size: 1.2em;
	line-height: 2em;
	text-transform: uppercase;
}

#contenido > ul li {
	display: inline-block;
	border-width: 1px 1px 0 1px;
	border-color: #CCC;
	border-style: solid;
	border-radius: 0.5em 0.5em 0 0;
}

#contenido > ul li a {
	display: block;
	padding: 0 0.5em;
	background-color: #0679EB;
	color: #FFF;
	border-radius: 0.5em 0.5em 0 0;
}

#contenido > ul li a:hover {
	background-color: #0A66C2;
}

#contenido > ul li a.activa {
	position: relative;
	top: 1px;
	border-color: #CCC;
	background-color: #FFF;
	color: #3F3F3F;
	cursor: default;
}


/*	--------------------------------------------------------------------------
	Mensajes                                                                */

#mensaje {
	position: fixed;
	bottom: 0;
	width: 44.95833333333333em;
	margin: 1em;
	padding: 1em;
	font-size: 1.2em;
	border-radius: 0.5em;
	z-index: 9999;
}

#mensaje.apropiado {
	color: #4F8A10;
	background-color: #DFF2BF;
}

#mensaje.alerta {
	color: #9F6000;
	background-color: #FEEFB3;
}

#mensaje.alarma {
	color: #D8000C;
	background-color: #FFBABA;
}

.error {
	border: 1px solid #D8000C;
	padding: 1em;
	background-color: #FFF;
	color: #D8000C;
	font-size: 1.2em;
	border-radius: 0.5em;
}

#mensaje ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mensaje span.cerrar {
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 1em;
	height: 1.2em;
	width: 1.2em;
	background-color: #0679EB;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	z-index: 999;
	border-radius: 50%;
	cursor: pointer;
}

#formulario-errores {
	padding: 0 1em;
	background-color: #FFF;
	color: #D8000C;
}

/*	Mensajes
	----------------------------------------------------------------------- */


/*	--------------------------------------------------------------------------
	Pestañas                                                                */

aside {
	float: left;
	width: 23.5%;
	padding-bottom: 1em;
}

aside > ul {
	margin: 0;
	border-left: 1px solid #0679EB;
	padding: 0;
	list-style: none;
	font-family: Economica;
	font-size: 1em;
	line-height: 2em;
	text-transform: uppercase;
}

aside > ul li {
	margin: 0;
	padding: 0 0 0 1em;
}

aside a.activa:after {
	content: '\0000a0\0000a0\25B6';
}

.paneles {
	/*float: right;
	width: 76.5%;
	margin-bottom: 1em;*/
	border: 1px solid #CCC;
	padding: 1em;
	background-color: #FFF;
	border-radius: 1em;
}

.panel {
	margin: 0 1em 1em;
	padding: 1em;
	background-color: #FFF;
}

/*	Pestañas
	----------------------------------------------------------------------- */


/*	--------------------------------------------------------------------------
	Formularios                                                             */

form {
	/*margin-bottom: 2em;
	border: 1px solid #CCC;
	border-radius: 1em;
	padding: 1em;
	background-color: #FFF;*/
}

form h3 {
	margin-bottom: 0.66666666666667em;
	/*border-bottom: 1px solid #E0E0E0;*/
	padding: 0 0 1em 1em;
}

form dl {
	clear: both;
	margin: 0 0 1em 0;
}

form dt {
	float: left;
	width: 8em;
	margin: 0;
	padding: 0 1em 0 0;
	font-size: 1.5em;
	text-align: right;
}

form dd {
	margin: 0;
	padding: 0 0 0 13.5em;
}

dd small {
	padding-left: 0.5em;
	color: #999;
	font-size: 1em;
}

dt label,
form dt.rotulo {
	font-family: Economica;
}

form dl.valor dd {
	padding-left: 9.377727029995702em;
	font-size: 1.44em;
}

.casilla dd label {
	display: inline-block;
	margin-top: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}

.opciones dd label {
	display: inline-block;
	margin-right: 1em;
	font-size: 1.2em;
	font-weight: bold;
}

.opciones label input {
	margin: 0;
}

.opciones dd small {
	display: block;
}

.casilla dd {
	padding-top: 0.5em;
}

label:hover {
	color: #0679EB;
}

label small {
	padding-left: 1em;
	color: #999;
	font-size: 0.666666666666em;
	font-weight: normal;
}

label input {
	margin-right: 0.5em;
}

input,
select,
textarea {
	border: 2px solid #E0E0E0;
	padding: 0 0.25em;
	font-family: Menlo, Monaco, "Courier New", monospace;
	line-height: 2em;
	border-radius: 0.25em;
	max-width: 98%;
}

select {
	height: 2em;
}

textarea {
	line-height: 1.2em;
}

textarea {
	resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
	border-color: #80BBF5;
	outline: 0 none;
}

form .botones {
	border-top: 1px solid #E0E0E0;
	padding: 1em 0 0 13em;
}

button {
	height: 2em;
	margin: 0;
	border: 2px solid #FFF;
	padding: 0 1em;
	background-color: #0679EB;
	color: #FFF;
	font-size: 1.5em;
	font-family: Economica;
	line-height: 2em;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 1.5em;

}

form.sesion {
	display: block;
	width: 16em;
	margin: 0 auto 2em;
}

form.sesion h3 {
	margin: 0;
	padding: 1em;
}

form.sesion dl {
	margin: 0 0 1em 0;
}

form.sesion dt {
	float: none;
	padding: 0;
	text-align: left;
	width: auto;
}

form.sesion dd {
	padding: 0;
}

form.sesion div {
	margin: 0;
	padding: 0 0 1em 0;
	text-align: center;
}

form.lineal {
	display: inline-block;
	margin: 0 0 1em 1em;
	padding: 1em;
	background-color: #FFF;
	border-radius: 0.5em;
}

form.lineal dl,
form.lineal dt,
form.lineal dd,
form.lineal div.botones {
	float: none;
	display: inline-block;
}

form.lineal dl,
form.lineal dt {
	width: auto;
	margin: 0 0.5em 0 0;
	padding: 0;
	text-align: left;
}

form.lineal dd {
	padding: 0;
}

form.lineal label {
	font-size: 1em;
}

form.lineal .botones {
	padding: 0;
}

form.lineal button {
	height: 2.5em;
	font-size: 1em;
	border-radius: 1.25em;
}

form.desplegable {
	/*margin-bottom: 1em;*/
}

form.desplegable h3 {
	margin: 0;
	padding: 0.8em;
}

.desplegar {
	margin-left: 0.5em;
	color: #0679EB;
	cursor: pointer;
}

/*	Formularios
	----------------------------------------------------------------------- */


/*	--------------------------------------------------------------------------
	Tablas                                                                  */

.registros {
	/*margin-bottom: 2em;
	border: 1px solid #CCC;
	border-radius: 1em;
	padding: 1em;
	background-color: #FFF;*/

 }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	padding-bottom: 1em;
	color: #006;
	font-size: 1.5em;
	white-space: nowrap;
}

caption var {
	border: 0;
	padding: 0;
}

caption a {
	margin-left: 0.5em;
	font-size: 0.6666666666666em;
}

td,
th {
	padding: 0.25em;
}

th {
	border-bottom: 1px solid #D1D3D7;
	margin-bottom: 0.5em;
}

tbody th {
	border: 0;
	margin: 0;
}

.busqueda {
	vertical-align: middle;
}

.busqueda form {
	display: inline-block;
	margin: 0;
	border: 0;
	padding: 0;
}

.moneda {
	text-align: right;
}

.logico {
	text-align: center;
}

.paginacion {
	padding: 0.5em 0;
}

.paginacion a,
.paginacion span,
.paginacion b {
	display: inline-block;
	margin-left: 0.5em;
}

/*	Tablas
	----------------------------------------------------------------------- */


/*	--------------------------------------------------------------------------
	Detalles                                                                */

.detalles {
	/*margin-bottom: 2em;
	border: 1px solid #CCC;
	border-radius: 1em;
	padding: 1em;
	background-color: #FFF;*/
	font-size: 1.2em;
}

.detalles h4 {
	clear: both;
	/*border-bottom: 1px solid #D1D3D7;*/
	margin-bottom: 0.5em;
	padding: 0 0 0 7em;
	font-weight: normal;
	/*text-transform: uppercase;*/
	color: #999;
}

.detalles h4 small,
.detalles h4 em {
	color: #999;
	font-weight: normal;
}

/*.detalles h4 small {
	display: block;
}

.detalles h4 em {
	color: #006;
	font-size: 0.8em;
	font-style: normal;
}*/

.detalles h4:first-child {
	margin-top: 0;
}

.detalles dl,
.detalles dt,
.detalles dd {
	margin: 0;
	padding: 0;
}

.detalles dl {
	clear: both;
	/*display: inline-block;*/
	margin: 0 1.5em 0 0;
	padding: 0 0 0.5em;
}

.detalles dt {
	float: left;
	width: 6em;
	padding: 0 1em 0 0;
	font-family: Economica;
	/*padding: 0 0 0.5em;*/
	text-align: right;
}

.detalles dd {
	font-size: 1.2em;
	color: #000;
}

.detalles p:last-child {
	margin-bottom: 0;
}

.detalles h6 {
	margin: 0;
	color: #999;
	text-align: right;
}

/*	Detalles
	----------------------------------------------------------------------- */


/*	--------------------------------------------------------------------------
	Bitácora                                                                */

#panel-bitacora h4 {
	margin-bottom: 0;
	padding: 0;
	color: #999;
}

#panel-bitacora p {
	margin-top: 0;
	border-bottom: 1px solid #D1D3D7;
	padding-bottom: 1em;
}

#panel-bitacora p:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/*	Bitácora
	----------------------------------------------------------------------- */

/*	--------------------------------------------------------------------------
	Reportes                                                                */

#opciones {
	padding: 1em;
	background-color: #555F6D;
}

#opciones a {
	display: inline-block;
	margin-left: 1em;
	padding: 0.5em 1em;
	background-color: #0679EB;
	color: #FEFEFE;
	border-radius: 0.25em;
}

#pagina table {
	margin: 0 1em 1em;
	border: 1em solid #FFF;
	background-color: #FFF;
}

#pagina p {
	margin: 0 0 0 2em;
	font-weight: normal;
	line-height: 1.6em;
}

#pagina p:last-child {
	margin-bottom: 2em;
}

.totales {
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
}

/*	Reportes
	----------------------------------------------------------------------- */

#viaweb {
	/*border-top: 1px solid #CCC;*/
	margin-top: 0;
	padding-bottom: 2em;
	color: #999;
	font-size: 11px;
	text-align: right;
}

/*	Aplicación
	======================================================================= */

@media print {

	* {
		background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important }
	a,a:visited {
		color: #444 !important; text-decoration: underline; }
	a[href]:after {
		content: " (" attr(href) ")"; }
	abbr[title]:after {
		content: " (" attr(title) ")"; }
	.dibujado a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999; page-break-inside: avoid; }
	thead {
		display: table-header-group; }
	tr,
	img {
		page-break-inside: avoid; }
	img {
		max-width: 100% !important; }
	@page  {
		margin: 0.5cm; }
	p,
	h2,
	h3 {
		orphans: 3; widows: 3; }
	h2,
	h3 {
		page-break-after: avoid; }
	#opciones {
		display: none;
	}
	#pagina {
		font-size: 10pt;
	}
}