@CHARSET "UTF-8";

/* Start normalize */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
	{
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not ([controls] ) {
	display: none;
	height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

html {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    font-size: 100%;
}

body {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #2c3339;
    font-family:"Onest-Regular";
    line-height: normal;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font size within `section` and `article` contexts in
 * Firefox 4+, Safari 5, and Chrome.
 */
h1 {
	font-size: 2em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp {
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not (:root ) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}


/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled] {
	cursor: default;
}


/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

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

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/*
 * Floated classes
 */
.left {
	float: left;
}

.right {
	float: right;
}

img.middle {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.left {
	margin: 5px 20px 5px 0;
}

img.right {
	margin: 5px 0 5px 20px;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */
	.ir 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; /* h5bp.com/t */
	}
	/*Se elimina para estilos de impresión datatable*/
	/*
    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;
	}
}
/* End normalize */

/*
Styles: (@sanchobbdo)
*/

/* =1 GLOBAL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


.container {
	margin: 0 auto;
	width: 100%;
}

#contenedorModulo {
	width: 100%;
}

/* Sprited Content ----------- */
.is-sprited {
	background-image: url(ui-sprite.png);
	background-repeat: no-repeat;
}

/* =2 LINKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color: #164d9c;
}

a:hover {
	color: #164d9c;
}

a:active {
	color: #164d9c;
}

.btn {
	display: inline-block;
	text-align: center;
	border: none;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.btn:hover {
	color: #fff;
}

.btn--primary {
	background: url(../imagenes/btn-primary.png) 0 0 repeat-x;
	border-left: inset 1px #CE1F00;
	border-right: inset 1px #CE1F00;
	border-radius: 20px;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
	text-shadow: 0 1px 0 #b72006;
}

.btn--primary:hover {
	background-position: center bottom;
}

.btn--secondary {
	background: url(../imagenes/btn-secondary.png) left top repeat-x;
	border-radius: 5px;
	height: 26px;
	text-shadow: 0 1px #005AAB;
	text-transform: uppercase;
}

.btn--secondary:hover {
	background-position: left bottom;
}

.btn--tertiary {
	background-image: url(../imagenes/btn-tertiary.png);
	background-repeat: no-repeat;
	height: 23px;
	line-height: 23px;
}

.btn--tertiary--type-a {
	background-position: center 0;
	width: 144px;
}

.btn--tertiary--type-a:hover {
	background-position: center -23px;
}

.btn--tertiary--type-b {
	background-position: 0 -46px;
	width: 114px;
}

.btn--tertiary--type-b:hover {
	background-position: 0 -69px;
}

/* =3 HEADINGS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1,h2,h3,h4,h5,h6 {
	color: #296395;
	font-weight: normal;
}
/* =4 HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	padding-top: 1px;
	position: relative;
	margin-bottom: 9px;
}

.logo {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.logo--avvillas {
	background-image: url(../imagenes/logo-avvillas.png);
	position: absolute;
	width: 149px;
	height: 22px;
	right: 0;
	top: 10px;
}

.logo--cargueonline {
	background-image: url(../imagenes/logo-cpv.png);
	width: 229px;
	height: 78px;
	margin-top: 40px;
	position: relative;
	left: -25px;
}

.nav {
	font-size: 12px;
	text-align: right;
	position: relative;
	top: -40px;
}

.nav a {
	padding: 0 14px;
	border-right: solid 1px #154D9B;
	text-decoration: none;
}

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

.nav a:first-child {
	border-left: solid 1px #154D9B;
}

.breadcrump {
	margin: 20px 0;
}

.breadcrump a {
	display: inline-block;
	height: 22px;
}

.breadcrump_home {
	background: url(../imagenes/breadcrump-home.png) 0 0 no-repeat;
	width: 40px;
}

.main-title {
	font-size: 28px;
}

/* Inicio Sistema */
#mainContainer {
	position: relative;
}

/* Encabezado */
.menu-banca {
	position: absolute;
	left: 15px;
	top: 100px;
	word-wrap: break-word;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #656565;
}

.menu-banca li {
	display: inline;
	margin-right: 11px;
}

.menu-banca a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

/* Login */
.session-opt {
	background-color: #e2001a;
	color: #ffffff;
	font-size: 12px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 50px;
	display: inline-block;
}

.session-opt a {
	border-left: solid 1px #ffffff;
	display: inline-block;
	padding: 0 12px;
	text-decoration: none;
	color: #ffffff;
}

a.username {
	background-color: #e2001a;
	color: #ffffff;
	padding: 10px 30px 10px 10px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: auto;
	min-width: 205px;
}

.username:hover .username_info {
	display: block;
}

.username_info {
	background-color: #e2001a;
	border-bottom: solid 1px #ffffff;
	color: #ffffff;
	display: none;
	height: 35px;
	left: 0;
	position: absolute;
	text-transform: none;
	top: 32px;
	width: 100%;
	z-index: 99;
}

.username_info span {
	display: block;
	margin: 3px 20px;
}

.username_info span:first-child {
	margin-top: 10px;
}

.breadcrump {
	font-size: 11px;
	font-weight: 700;
	margin: 20px 0;
}

.breadcrump a {
	color: #fff;
	display: inline-block;
	max-height: 22px;
	text-decoration: none;
	vertical-align: middle;
}

.breadcrump_home {
	background: url(../imagenes/breadcrump-home.png) 0 0 no-repeat;
	height: 20px;
	margin-right: 5px;
	width: 40px;
}

.breadcrump_parent {
	background: url(../imagenes/breadcrump-parent.png) 0 center repeat-x;
	height: 18px;
	margin: -2px 20px 0 0;
	padding: 4px 5px 0;
	position: relative;
}

.breadcrump_parent:after,.breadcrump_parent:before {
	background-position: right center;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 20px;
	position: absolute;
	top: 1px;
	width: 17px;
}

.breadcrump_parent:after {
	background-image: url(../imagenes/breadcrump-parent-after.png);
	right: -17px;
}

.breadcrump_parent:before {
	background-image: url(../imagenes/breadcrump-parent-before.png);
	left: -17px;
}

.breadcrump_current {
	display: inline-block;
	vertical-align: middle;
}


/* Contenido */
.fecha {
	background: #fff url(../imagenes/date-picker.png) right center no-repeat;
	border: solid 1px #fff;
	border-bottom: solid 2px #d3d7da;
	border-radius: 5px;	
	padding-left: 26px;
	padding: 3px 5px;
}


#contenido {
	min-height: 464px;
	padding: 16px 11px 20px;
}

#breadcrumb {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #656565;
}

#breadcrumb li {
	margin-right: 10px;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
}

#contenido h1,fieldset legend {	
	margin: 0;
	margin-bottom: 0px;
}

fieldset h1 {
	margin: 3px 0px;
}

strong {
	font-weight: bold;
}

.cuadroContenido {
	background: #e4e4e4;
	font-size: 13px;
	color: #323232;
}

#modulo {
	width: 100%;
	min-height: 480px;
	vertical-align: top;
	padding-top: 20px;
}

#modulo fieldset {
	margin-bottom: 15px;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #ABC7E4;
	box-shadow: 0 1px 0 #fff;
}

fieldset label {
	color: #0059AB;
	vertical-align: text-top;
	width: 120px;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
}


fieldset label.soloLectura {
	display: inline;
	width: auto;
	color: #6E6E6E;
	margin: 0 0 0 5px;
}

#modulo fieldset>p {
	margin-top: 5px;
	margin-bottom: 5px;
}


.telefono {
	width: 10em !important;
}

.extension {
	width: 5em !important;
}

.editar {
	width: 19px;
	height: 18px;
	background: url(../imagenes/editar.png) no-repeat;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
	margin: 3px;
}

.asociarPermiso {
	width: 19px;
	height: 18px;
	background: url(../imagenes/asociarPermisos.png) no-repeat;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
	margin: 3px;
}

.horarioIcon {
	width: 19px;
	height: 18px;
	background: url(../imagenes/horario.png) no-repeat;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
	margin: 3px;
}



.ver {
	width: 19px;
	height: 18px;
	background: url(../imagenes/eye.png) no-repeat;
	display: inline-block;
	/* inline-block en IExplore 7 */
	zoom: 1;
	*display: inline;
	margin: 3px;
	cursor: pointer;
}

.flag-red {
	background: url(../imagenes/flag-red-icon.png) no-repeat;
	background-position: 100%, 50%;
}

.flag-green {
	background: url(../imagenes/flag-green-icon.png) no-repeat;
	background-position: 100%, 50%;
}

.atras {
	float: right;
}

/* Estilo para campos errados */
input.error,select.error {
	background-color: #FFFFD5;
	border: 2px solid red;
	color: red;
}

label.error {
	color: red;
	display: block;
	font-style: italic;
	font-weight: normal;
}

/* Inicio Mensajes Informativos y de Advertencia */
/* adaptado de http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx */
.informativo,.advertencia {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 60px !important;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
}

.informativo {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../imagenes/info.png);
}

/* Cajas de diálogo */
#popup_container {
	font-size: 12px;
	min-width: 300px;
	/* Dialog will be no smaller than this */
	max-width: 600px;
	/* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #1b4773;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #325b7a;
	background: #e2e3de none top repeat-x;
	border: solid 1px #d5d4cf;
	border-bottom: solid 1px #d5d4cf;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	margin: 5px 5px;
	padding: 15px 10px 15px 50px;
	background-position: 0 -399px;
	text-align: left
}

#popup_content div.imagen,#popup_content img {
	float: left;
	width: 32px;
	height: 32px;
	border: 0;
	background: url('../imagenes/icono_mensaje.png') no-repeat left top;
}

#popup_content.alert {
	margin: 5px 5px;
	padding: 15px 10px 15px 5px;
	background-position: 0 -164px;
}

#popup_content.alertInfo {
	margin: 5px 5px;
	padding: 15px 10px 15px 5px;
	background-position: 0 0;
}

#popup_content.confirm {
	margin: 10px 10px;
	padding: 15px 10px 15px 5px;
	background-position: 0 -399px;
}

#popup_message {
	padding-left: 48px;
	max-height: 500px;
    overflow-y: auto;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*Paginación*/
#testTable {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

#tablePagination {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #DCDCDC;
	font-size: 1em;
	padding: 0px 15px 0px 8px;
	height: 20px;
	/*width: 93%;margin-right: auto;margin-left: auto;border: 1px solid #dbdbd3;background-color: #DCDCDC; margin-top: 5px;margin-bottom: 5px;color:#FFF;*/
}

#tablePagination_paginater {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

#tablePagination img {
	padding: 0px 2px;
}

#tablePagination_perPage {
	float: left;
}

#tablePagination_paginater {
	float: right;
}

/*-------------------------------------------------------------------------------------------------------------*/
/*------------------- Sprite para los iconos que se van a usar en los botones ----------- ---------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
.boton-opcion {
    cursor: pointer;
    font-size: 11px;text-decoration: none;
    -moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;
    width: 16px; height: 16px;
    display: inline-block;
    padding: 0 3px;
}

.sprite-edit, .sprite-EditText, .sprite-add, .sprite-button_cancel, .sprite-disk, .sprite-find, .sprite-trash, .sprite-trash1, .sprite-uncheckedUno,.sprite-Excel,.sprite-PDF, .sprite-star_trigger, .sprite-find1, .sprite-sendmail, .sprite-Upload, .sprite-plus
{
    background: url('../imagenes/IconoBotones.png') no-repeat left top;
}

.sprite-EditText{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite-add{ background-position: 0 -66px; width: 22px; height: 22px;border: solid 1px #7cca3f;color: #7cca3f;} 
.sprite-button_cancel{ border: solid 1px #bb0a0a;background-position: 0 -138px; width: 22px; height: 22px; } 
.sprite-disk{  border: solid 1px #6f9adf;background-position: 0 -207px; width: 16px; height: 16px;  } 
.sprite-find{ background-position: 0 -276px; width: 16px; height: 16px;  border: solid 1px #484848;color: #484848;} 
.sprite-trash{ background-position: 0 -348px; width: 16px; height: 16px; } 
.sprite-trash1{ border: solid 1px #484848;color: #484848; background-position: 0 -348px; width: 16px; height: 16px; } 
.sprite-find1{ color: #484848; background-position: 0 -276px; width: 16px; height: 16px; }
.sprite-plus{ color: #484848; background-position: 0 -68px; width: 16px; height: 18px; }

.sprite-desactivar {
    background: url('../imagenes/desactivar.png') no-repeat left top;
}

.sprite-resultado {
    background: url('../imagenes/resultado.png') no-repeat left top;
}

.sprite-archivo {
    background: url('../imagenes/archivo.png') no-repeat left top;
}

.sprite-warning {
    background: url('../imagenes/warning.png') no-repeat left top;
}

.sprite-publicar {
    background: url('../imagenes/publicar.png') no-repeat left top;
}

.sprite-asociarUsuarios {
    background: url('../imagenes/asociarUsuarios.png') no-repeat left top;
}

.sprite-horario {
    background: url('../imagenes/horario.png') no-repeat left top;
}

.sprite-export {
    background: url('../imagenes/export-icon.png') no-repeat left top;
}

.sprite-asociarPermisos {
    background: url('../imagenes/asociarPermisos.png') no-repeat left top;
}

.sprite-crece {
    background: url('../imagenes/crece.png') no-repeat left top;
    width: 32px; height: 32px;
}

.sprite-decrece {
    background: url('../imagenes/decrece.png') no-repeat left top;
    width: 32px; height: 32px;
}

.sprite-igual {
    background: url('../imagenes/igual.png') no-repeat left top;
    width: 32px; height: 32px;
}

/* Estilos para tablas de resultado en reportes */
.valor {
	width: 70px;
	text-align: right;
}

td.valor {
	padding-right: 3px;
}

th.valor {
	padding-right: 19px;
}

/* Menú */
.admin-menu {
	background-color: #f3f4f6;
	border-radius: 10px;
	color: #2a6396;
	float: left;
	font-size: 14px;
	margin-right: 20px;
	overflow: hidden;
	padding-bottom: 15px;
	width: 200px;
}

.admin-menu a {
	color: #2a6396;
}

.admin-menu dl {
	margin: 0;
}

.admin-menu dt {
	background: url(../imagenes/admin-menu-dt.png) 0 bottom repeat-x;
	border-bottom: solid 1px #eaeaea;
	padding: 10px;
}

.admin-menu dt:first-child {
	background: url(../imagenes/btm-grade.png) 0 bottom repeat-x;
}

.admin-menu dd {
	background-color: #fff;
	margin: 0;
	padding: 10px;
}

.admin-menu ul {
	font-size: 12px;
	margin: 0;
	padding-left: 20px;
}

.admin-menu li {
	padding: 2px 0;
}

.expand-menu {
	background: url(../imagenes/expand-arrow.png) right center no-repeat;
	cursor: pointer;
	display: block;
}

a.start {
	color: #EB1B2D;
	font-weight: bold;
	text-decoration: none;
}

#contenido>h1,#contenido>div>h1,#contenedorMenu>h1 {
	font-size: 18px;
	font-weight: normal;
}

.trash {
	background: url(../imagenes/trash.png) center no-repeat;
	display: inline-block;
	height: 15px;
	width: 13px;
	margin: 3px;
}

.is-centered {
	text-align: center;
}


.export-list,#panelExportar {
	font-size: 14px;
	padding: 0 20px;
}

.export-list strong,#panelExportar {
	color: #1761a4;
	font-style: italic;
}

.export-list a,#panelExportar a {
	color: #606060;
	font-style: normal;
	padding: 0 5px;
	text-decoration: underline;
}


/* =6 FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-foot {
	background: url(../imagenes/page-foot.png) center bottom no-repeat;
	clear: both;
	height: 100px;
	width: 100%;
}

.footer {
	clear: both;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.wrapper {
	margin: 0 auto;
	width: 100%;
}

.l-footer-top {
	background: url(../imagenes/l-footer-top.jpg) 0 bottom repeat-x;
	height: 40px;
}

.l-footer-top a {
	background: url(../imagenes/l-footer-top-separator.png) right center
		no-repeat;
	display: inline-block;
	font-size: 11px;
	padding: 11px 47px 11px 11px;
}

.l-footer-top span {
	background-image: url(../imagenes/l-footer-top-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.l-footer-mid {
	background: url(../imagenes/l-footer-mid.jpg) 0 bottom repeat-x;
	height: 107px;
	overflow: hidden;
}

.l-footer-bottom {
	background: url(../imagenes/l-footer-bottom.jpg) 0 bottom repeat-x;
	border-top: solid 1px #265C87;
	height: 39px;
}

.l-footer-bottom a {
	border-right: solid 1px #265E90;
	display: inline-block;
	font-size: 14px;
	height: 28px;
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	width: 190px;
}

.l-footer-bottom a:first-child {
	border-left: solid 1px #265E90;
}

.l-footer-bottom a:hover {
	background: #1B426D;
}

.footer-column {
	float: left;
	font-size: 11px;
	list-style: none;
	margin-right: 20px;
	padding: 0;
}

.footer-column li {
	line-height: 150%;
}

.footer-column a {
	text-decoration: underline;
}

.enterprises {
	padding: 30px 0;
	text-align: right;
}

.enterprises a {
	margin-left: 10px;
}

.icon-phone {
	background-position: 0 0;
	height: 19px;
	width: 19px;
}

.icon-chat {
	background-position: 0 -45px;
	height: 17px;
	width: 19px;
}

.icon-contact {
	background-position: 0 -87px;
	height: 13px;
	width: 19px;
}

.icon {
	background-image: url(../imagenes/l-footer-bottom-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	width: 32px;
}

.icon--pig {
	background-position: 0 -191px;
}

.icon--brief {
	background-position: 0 -255px;
}

.icon--star {
	background-position: 0 -64px;
}

.icon--people {
	background-position: 0 0;
	margin-right: 5px;
}

.icon--compass {
	background-position: 0 -127px;
}

a.lnk-help {
	font-size: 14px;
}

.footer-btn {
	display: inline-block;
	vertical-align: middle;
}

/*Checks*/
.custom-selection {
	background-position: center bottom;
	background-repeat: no-repeat;
	display: inline-block;
	height: 19px;
	vertical-align: text-bottom;
	width: 19px;
}

.custom-check {
	background-image: url(../imagenes/checkbox-sprite.png);
}

.custom-radio {
	background-image: url(../imagenes/radio-sprite.png);
}

.is-checked {
	background-position: center 1px;
}

.checkbox-label {
	margin-right: 10px;
}

/*Selects*/

.dropdown {
	background: #fff url(../imagenes/dropdown.png) no-repeat scroll right
		center;
	bottom: 0;
	border-bottom: solid 2px #d3d7da;
	border-radius: 5px;
	color: black;
	cursor: default;
	display: block;
	font-size: 12px;
	height: 25px;
	left: 0;
	line-height: 25px;
	padding: 3px 0 3px 0;
	position: absolute;
	text-align: left;
	text-indent: 10px;
	white-space: nowrap;
	z-index: 1;
}

.dropdown.error {
	background: url(../imagenes/dropdown-error.png) no-repeat scroll right 0;
}

.cnt-select {
	margin-top: 2px;
	display: inline-block;
	position: relative;
	margin-left: 5px;
}

.is-separator {
	border-bottom: solid 1px #ABC7E4;
	box-shadow: 0 1px 0 #fff;
}

.lnk-back {
	position: absolute;
	right: 0;
	background: url(../imagenes/lnk-back.png) 0 center no-repeat;
	padding: 6px 0 5px 30px;
	font-size: 14px;
	text-decoration: none;
}

.icon-arrow {
	background: url(../imagenes/icon-arrow.png) right center no-repeat;
	display: inline-block;
	padding-right: 25px;
}

.required-note {
	display: block;
	font-size: 11px;
	color: #005aab;
	padding-bottom: 15px;
}

.botones {
	padding-left: 150px;
}

.review-intro {
	font-size: 14px;
	color: #0059ab;
	margin-bottom: 30px;
}

.review-intro .highlight {
	color: #ec1b2e;
	font-weight: bold;
	line-height: 150%;
}

.review-actions {
	padding-left: 203px;
}

.review-small label {
	font-size: 12px;
}

.suscribe--second {
	margin-left: 15px;
}

.checkterms {
	display: inline-block;
	margin-bottom: 15px;
	display: inline;
	width: auto;
}

/*JQUERY UI*/
/*! jQuery UI - v1.10.1 - 2013-02-27
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

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

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active
	{
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

/* Autocomplete */
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-menu {
	border: solid 1px #ccc;
	background-color: #fff;
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu-item a {
	font-size: 14px;
	border-bottom: solid 1px #ccc;
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active
	{
	background-color: #b3d6f6;
	font-weight: normal;
	margin: 0;
}

/* MODAL */
.modal-header{
    background: #e2001a;
    color: #fff;
    padding: 1.5rem;
}

.modal-body {
    padding: 1.5rem;
}

.modal legend
{
    margin-bottom: 0px;
}

/* Si el modal es demasiado extenso, muestra scroll.  Fallaba en el momento en que se amplía no permitía al usuario hacer scroll. */
.modal-dialog
{
    max-height: 100vh;
    overflow-y: auto;
}

.modal-title
{
    color: white;
}

/* FIN MODAL */

.database-actions,.ui-dialog fieldset {
	padding: 20px;
}

.database-uploads {
	width: 100%;
}

.database-uploads th {
	color: #0059AB;
	font-weight: bold;
	text-align: left;
	padding: 15px 0 5px;
}

.database-uploads td {
	background-color: #E7E7E7;
	padding: 10px;
	color: #6D6D6D;
}

.upload-date {
	border-left: solid 10px #fff;
	text-align: center;
	width: 138px;
}

.upload-panel {
	font-size: 12px;
	color: #6D6D6D;
}

.loading {
	margin: 0 10px;
}

.upload-error {
	font-style: italic;
	font-size: 14px;
}

.upload-panel-title {
	margin: 10px 0 5px;
	color: #0059AB;
	font-size: 14px;
}

.ui-dialog fieldset h1 {
	margin: 10px 0 5px;
	color: #0059AB;
	font-size: 14px;
	font-weight: bold;
}

.error-inform-title {
	color: #EB1B2D;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.error-inform {
	font-size: 12px;
	width: 100%;
}

.error-inform th {
	background-color: #E7E7E7;
	border-bottom: solid 1px #F3F3F3;
	text-align: left;
	font-weight: bold;
	padding: 5px 10px;
	color: #6D6D6D;
}

.error-inform td {
	border-bottom: solid 1px #F3F3F3;
	background-color: #EDEDED;
	color: #6D6D6D;
	padding: 5px 10px;
}

.error-inform th:first-child,.error-inform td:first-child {
	border-right: solid 10px #fff;
	width: 452px;
}

.delete-actions {
	font-weight: bold;
	color: #0059AB;
	font-size: 12px;
}

.delete-actions span {
	display: inline-block;
	margin: 0 10px;
}

.btn-delete {
	background: url(../imagenes/btn-delete.png) 0 0 no-repeat;
	display: inline-block;
	height: 18px;
	font-size: 12px;
	color: #0059AB;
	width: 245px;
	text-align: left;
	text-decoration: none;
	padding: 8px 0 5px 30px;
	font-weight: bold;
}

.btn-answer {
	background: url(../imagenes/btn-answer.png) center center no-repeat;
	display: inline-block;
	color: #6E6E6E;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 0 0;
	height: 22px;
	width: 26px;
}

.btn-cerrar,.ui-dialog-titlebar-close {
	background-image: url(../imagenes/btn-cerrar.png);
	background-repeat: no-repeat;
	background-position: center 0;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
}

.ui-dialog-titlebar-close span.ui-button-text {
	display: none;
}

.btn-cerrar:hover {
	background-position: center bottom;
}

/* Pasos para crear y administrar bases de datos. */
.admin-form_steps {
	background: url(../imagenes/admin-form-steps.png) center bottom
		no-repeat;
	clear: both;
}

.admin-form_steps_title {
	padding-left: 15px;
}

.admin-form_steps_group {
	list-style: none;
	overflow: hidden;
	padding-left: 0;
}

.admin-form_steps_group li {
	color: #6D6D6D;
	float: left;
	font-size: 11px;
	width: 33%;
}

.admin-form_step {
	background-position: 15px 0;
	background-repeat: no-repeat;
	padding: 5px 3px 40px 100px;
}

.admin-form_step strong {
	display: block;
}

.admin-form_step-first {
	background-image: url(../imagenes/admin-form-step-first.png);
}

.admin-form_step-second {
	background-image: url(../imagenes/admin-form-step-second.png);
}

.admin-form_step-third {
	background-image: url(../imagenes/admin-form-step-third.png);
}

.lnk-advanced-search {
	background: url(../imagenes/lnk-advanced-search.png) 0 0 no-repeat;
	font-weight: bold;
	height: 23px;
	position: absolute;
	right: 20px;
	top: 11px;
	width: 151px;
}

/* Panel procesando */
.loadmask {
	z-index: 2000;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity = 50);
	background-color: #CCC;
	width: 100%;
	height: 100%;
	zoom: 1;
}

.loadmask-msg {
	z-index: 20001;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #6593cf;
	background: #c3daf9;
	padding: 2px;
}

.loadmask-msg div {
	padding: 20px 10px 5px 70px;
	background: #fbfbfb url('../imagenes/loading.gif') no-repeat 10px 10px;
	line-height: 16px;
	border: 1px solid #a3bad9;
	color: #222;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	cursor: wait;
	height: 50px;
}

.masked {
	overflow: hidden !important;
}

.masked-relative {
	position: relative !important;
}

.masked-hidden {
	visibility: hidden !important;
}

.receipt-actions {
	text-align: right;
}

/*Date Picker*/
.picker-container {
	position: relative;
	width: 130px;
}

/* PICKDATE */

/**
 * Inline styling for pickadate.js
 * Demo: http://amsul.github.com/pickadate.js/themes.htm#inline
 */

/**
 * Colors used:
 *
 * #0089ec -> Base blue
 * #b1dcfb -> Hover blue bg
 *
 * #0059bc -> Dark blue for "today" tag
 * #aaa    -> Light grey for "today" tag if disabled
 *
 * #f5f5f5 -> Dimmed grey bg for disabled days
 * #ddd    -> Less dimmed grey for text in disabled & outfocus days
 *
 * #777    -> Grey for calendar border
 * #888    -> Slightly lighter grey for calendar top border
 *
 * #999    -> Medium grey used for year & weekday labels
 *
 * #e20    -> Red used for "clear" icon
 *
 * #000    -> Black
 * #fff    -> White
 *
 */

/**
 * When the calendar is open
 */

/* And add the "active" state to the input */
/*input*/
.pickadate__input--active {
	border-color: #0089ec !important;
}

/**
 * The picker holder
 */
.pickadate__holder {
	/* The base font-size */
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
}

/**
 * The frame that bounds the calendar
 */
.pickadate__frame {
	position: relative;
	min-width: 256px;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

/**
 * When the calendar opens
 */
.pickadate__holder--opened .pickadate__frame {
	top: .5em;
	max-height: 25em;
}

/**
 * The calendar itself
 */
.pickadate__calendar {
	color: #000;
	background: #fff;
	padding: 1em;
	font-size: 1em;
	/* Add the borders */
	border: 1px solid #ccc;
}

/**
 * The calendar table of dates
 */
.pickadate__table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit;
	width: 100%;
	margin-top: .75em;
}

/* Remove browser stylings on a table cell */
.pickadate__table td {
	margin: 0;
	padding: 0;
}

/**
 * The header containing the month and year tags/selectors
 */
.pickadate__header {
	text-align: center;
	position: relative;
}

.pickadate__nav--prev,.pickadate__nav--next {
	position: absolute;
	top: -.1em;
	padding: .5em;
	margin: -.5em;
	text-align: center;
	min-width: 24px;
	height: 24px;
	line-height: 26px;
}

.pickadate__nav--prev {
	left: 0;
}

.pickadate__nav--next {
	right: 0;
}

.pickadate__month,.pickadate__year {
	font-weight: 500;
	display: inline-block;
}

.pickadate__year {
	color: #999;
	font-size: .8em;
	font-style: italic;
	margin-left: .5em;
}

.pickadate__select--month,.pickadate__select--year {
	font-size: .8em;
	border: 1px solid #ccc;
	height: 2.5em;
	margin-top: -.5em;
}

.pickadate__select--month {
	width: 35%;
}

.pickadate__select--year {
	width: 22.5%;
	margin-left: .5em;
}

.pickadate__select--month:focus,.pickadate__select--year:focus {
	border-color: #0089ec;
}

/**
 * The weekday labels
 */
.pickadate__weekday {
	width: 14.285714286%; /* 100/7 */
	font-size: .75em;
	padding-bottom: .5em;
	color: #999;
	font-weight: 500;
}

/**
 * The days on the calendar
 */
.pickadate__day {
	padding: .33em 0 .25em;
	font-weight: 100;
	border: 1px solid #fff;
	margin-bottom: 1px;
}

/**
 * The various states of a day
 */
.pickadate__day--today {
	color: #0089ec;
	position: relative;
}

.pickadate__day--today:before {
	content: " ";
	position: absolute;
	top: 2px;
	right: 2px;
	width: 0;
	height: 0;
	border-top: .5em solid #0059bc;
	border-left: .5em solid transparent;
}

.pickadate__day--selected,.pickadate__day--selected:hover {
	border-color: #0089ec;
}

.pickadate__day--highlighted {
	background: #fff;
}

.pickadate__day--disabled:before {
	border-top-color: #aaa;
}

.pickadate__day--outfocus {
	color: #ddd;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
}

/**
 * The footer containing the "today" and "clear" buttons
 */
.pickadate__footer {
	text-align: center;
	margin: .5em 0 -.5em;
}

.pickadate__button--today,.pickadate__button--clear {
	border: 1px solid #fff;
	background: #fff;
	font-size: .8em;
	padding: .66em 0;
	margin: 0 2.5%;
	font-weight: bold;
	width: 40%;
}

.pickadate__button--today:before,.pickadate__button--clear:before {
	position: relative;
	display: inline-block;
	height: 0;
}

.pickadate__button--today:before {
	content: " ";
	margin-right: .45em;
	top: -.05em;
	width: 0;
	border-top: .66em solid #0059bc;
	border-left: .66em solid transparent;
}

.pickadate__button--clear:before {
	content: "\D7";
	margin-right: .35em;
	top: -.1em;
	color: #e20;
	vertical-align: top;
	font-size: 1.1em;
}

.pickadate__button--today:focus,.pickadate__button--clear:focus {
	background: #b1dcfb;
	border-color: #0089ec;
	outline: none;
}

/**
 * The hover effect on any buttons
 */
.pickadate__day--infocus:hover,.pickadate__day--outfocus:hover,.pickadate__nav--prev:hover,.pickadate__nav--next:hover,.pickadate__button--today:hover,.pickadate__button--clear:hover
	{
	cursor: pointer;
	color: #000;
	background: #b1dcfb;
}

.pickadate__day--disabled,.pickadate__day--disabled:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default;
}

.pickadate__day--highlighted:hover,.pickadate__holder--focused .pickadate__day--highlighted
	{
	background: #0089ec;
	color: #fff;
}

/* Fin PICKDATE */

/* INICIO */
.welcome {
	overflow: hidden;
	padding-bottom: 55px;
	padding-top: 20px;
	color: #183F6C;
}

.login-area {
	float: right;
}

.login-area .imgCandado{
	width: 90px;
}

.login-area_title {
	border-bottom: solid 1px #d8d8d8;
	font-size: 14px;
	margin: 0;
	padding: 10px 20px;
}

.login-area_form {
	font-size: 12px;
}

.login-area_form p {
	margin: 5px 0;
}

.login-area_form label {
	display: inline-block;
	padding: 10px 20px;
	width: 65px;
}

.link-passrecovery {
	font-size: 10px;
	padding-left: 110px;
}

.login-area_form .btn {
	float: right;
	margin-right: 28px;
}

/*intro*/
.intro {
	background: url(../../imagenes/intro.png) 0 0 no-repeat;
	float: left;
	font-size: 14px;
	height: 322px;
	overflow: hidden;
	padding-left: 283px;
	padding-right: 10px;
	width: 302px;
}

.intro-title {
	font-size: 22px;
	margin-top: 10px;
}

.intro-title strong {
	display: block;
}

.intro-list {
	font-size: 12px;
	list-style: none;
	padding: 0;
	margin-bottom: 59px;
}

.intro-list li {
	background: url(../../imagenes/intro-list-li.png) 0 3px no-repeat;
	margin: 5px 0;
	padding-left: 10px;
	padding-right: :;
	0
	px;
}

.link-contact {
	background: url(../../imagenes/link-contact.png) 0 center no-repeat;
	border-bottom: solid 1px #183f6c;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	vertical-align: bottom;
}

.secundario {
	margin: 0 10px 0 20px;
	width: auto;
}

#formCliente .secundario {
	margin: 0 5px 0 5px;
	max-width: 120px !important;
}

.numDocumento {
	width: 70px !important;
}

.busqueda .numeroCuentaBuscar {
	width: 80px !important;
}

.busqueda .nombreCuentaBuscar {
	width: 150px !important;
}

.busqueda .centroCostoAreaBuscar,.busqueda .cuentaPucBuscar {
	width: 80px !important;
}

.busqueda .descripcionTipoComprobanteBuscar {
	width: 185px !important;
}

.busqueda #fechaContable,.busqueda #fechaInicial,.busqueda #fechaFinal {
	width: 100px !important;
}

.busqueda #numeroComprobante,.busqueda #usuario {
	width: 100px !important;
}

.busqueda #totalComprobante {
	width: 185px !important;
}


.qq-upload-success,  .qq-upload-fail {
	display: none;
}

/*!
 * Fine Uploader
 *
 * Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com
 *
 * Version: 3.7.0
 *
 * Homepage: http://fineuploader.com
 *
 * Repository: git://github.com/Widen/fine-uploader.git
 *
 * Licensed under GNU GPL v3, see LICENSE
 */
.qq-uploader {
	position: relative;
	width: 100%;
	padding: 5px 10px;
}



.qq-upload-drop-area,.qq-upload-extra-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 30px;
	z-index: 2;
	background: #FF9797;
	text-align: center;
}

.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}

.qq-upload-extra-drop-area {
	position: relative;
	margin-top: 50px;
	font-size: 16px;
	padding-top: 30px;
	height: 20px;
	min-height: 40px;
}

.qq-upload-drop-area-active {
	background: #FF7171;
}

.qq-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.qq-upload-list li {
	margin: 0;
	padding: 9px;
	line-height: 15px;
	font-size: 16px;
	background-color: #FFF0BD;
}

.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-finished,.qq-upload-delete
	{
	margin-right: 12px;
}

.qq-upload-file {
	
}

.qq-upload-spinner {
	display: inline-block;
	background: url("../imagenes/loadingFile.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}

.qq-drop-processing {
	display: none;
}

.qq-drop-processing-spinner {
	display: inline-block;
	background: url("../imagenes/processing.gif");
	width: 24px;
	height: 24px;
	vertical-align: text-bottom;
}

.qq-upload-finished {
	display: none;
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}

.qq-upload-retry,.qq-upload-delete {
	display: none;
	color: #000000;
}

.qq-upload-cancel,.qq-upload-delete {
	color: #000000;
}

.qq-upload-retryable .qq-upload-retry {
	display: inline;
}

.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete {
	font-size: 12px;
	font-weight: normal;
}

.qq-upload-failed-text {
	display: none;
	font-style: italic;
	font-weight: bold;
}

.qq-upload-failed-icon {
	display: none;
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}

.qq-upload-retrying .qq-upload-failed-text {
	display: inline;
	color: #D60000;
}

.qq-upload-list li.qq-upload-success {
	background-color: #5DA30C;
	color: #FFFFFF;
}

.qq-upload-list li.qq-upload-fail {
	background-color: #D60000;
	color: #FFFFFF;
}

.qq-progress-bar {
	background: -moz-linear-gradient(top, rgba(30, 87, 153, 1) 0%,
		rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%,
		rgba(125, 185, 232, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30,
		87, 153, 1)), color-stop(50%, rgba(41, 137, 216, 1)),
		color-stop(51%, rgba(32, 124, 202, 1)),
		color-stop(100%, rgba(125, 185, 232, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%,
		rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%,
		rgba(125, 185, 232, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30, 87, 153, 1) 0%,
		rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%,
		rgba(125, 185, 232, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30, 87, 153, 1) 0%,
		rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%,
		rgba(125, 185, 232, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%,
		rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%,
		rgba(125, 185, 232, 1) 100%); /* W3C */
	width: 0%;
	height: 15px;
	border-radius: 6px;
	margin-bottom: 3px;
	display: none;
}

INPUT.qq-edit-filename {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.qq-upload-file.qq-editable {
	cursor: pointer;
}

.qq-edit-filename-icon.qq-editable {
	display: inline-block;
	cursor: pointer;
}

INPUT.qq-edit-filename.qq-editing {
	position: static;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: -5px;
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.qq-edit-filename-icon {
	display: none;
	background: url("../imagenes/edit.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
	margin-right: 5px;
}

INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {
	display: none;
}

/*! 2013-07-16 Fin Finuploader */
.seleccionarArchivo {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

form .orden , form .constante{
	width: 50px !important;
}


#separador {
	width: 10px !important;
}

#idSolicitudBuscar, #idSolicitud {
	width: 80px !important;
}

.l-footer-top .wrapper {
	padding: 10px 0;
	color: white;
}

.l-footer-top span.perfiles {
	background-image: none;
	margin: 0 10px;
}

.divDatos {
	background-color: #EDF7FF;
	border-radius: 10px;
	font-size: 12px;
	overflow: hidden;
}

.tablaMeta {
	display: table;
}

.filaMeta {
	display: table-row;
}

.divMetas {
	display: inline-block;
	margin: 0 10px 20px 0;
	width: auto;
	vertical-align: top;
}

#formMetas .divMetas {
	width: 245px;
}

#formCliente .divMetas {
	width: 325px;
}

.divVentaCanales,.divOtros {
	display: inline-block;
	margin: 0 10px 20px 0;
	vertical-align: top;
	width: 325px;
}

.centrar {
	text-align: center;
}

#centroCostoCapturado,#centroCostoBuscar {
	width: 100px !important;
}

.ui-multiselect {
	text-transform: none;
	text-shadow: none;
	font-size: 12px;
	height: auto;
	font-weight: normal;
}

.resultadoCanalesServiciosVendidos,.resultadoCompromisoCompra,.resultadoProductosVendidos,.resultadoVentaDesembolsoRadicacion,.resultadoConsultaProducto,.resultadoConsultaServicio
	{
	text-align: center;
}

.timeEntry-control {
	background-image: url(../imagenes/spinnerDefault.png);
}

#formResultadosPrint {
	display: none;
}

/* Inicio menú */
#navegacion {
	height: 41px;
	background-color: #e2001a;
	color: #ffffff;
}


.sf-menu li, .sf-menu ul li{
	background-image: none;
	background-color: #e2001a;
}

.sf-menu a{
	color: #ffffff;
}

#navegacion>ul {
	margin: 0 auto 0 0;
}
/* Fin menú */
.h1FormCliente {
	display: inline-block;
}

.h1Secundario {
	margin-left: 150px !important;
}

#idOrigenContacto {
	max-width: 260px !important;
}


.focusCheck {
	color: blue;
	visibility: hidden;
	vertical-align: middle;
	font-size: 20px;
	font-style: bold;
}


.listaArchivosAutorizacion{
	display: inline-block;
	vertical-align: top;
}
.listaArchivosAutorizacion label{
	width: auto !important;
}

#formEditarAprobacion span{
	color: #000;
}

.oculto {
	display: none;
}

#incidente{
	width: 150px !important;
}

.ui-multiselect-menu{
	background-color: #ffffff;
	
}

.ui-multiselect-checkboxes input{
	margin-right: 2px;
}

.email{
	width: 185px !important;
}


.form-group input, .form-group select, .form-group textarea, .form-group span.customSelect {
    padding-bottom: 0.5625rem;
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    padding-top: 0.5625rem;
}

.form-group .custom-select, .form-group input, .form-group select, .form-group textarea {
    font-size: 1rem;
}

input, select, textarea, span.customSelect {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom-color: #cbcbcb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #cbcbcb;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #cbcbcb;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #cbcbcb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    color: black;
    width: 100%;
}

.focus, a.focus, input:focus, input.input-text:focus, textarea:focus, select:focus, span.customSelect:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #e2001a;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e2001a;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e2001a;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e2001a;
    border-top-style: solid;
    border-top-width: 1px;
}



button{
	padding-bottom: 0.5625rem;
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    padding-top: 0.5625rem;
    font-size: 0.8125rem;
    border-radius: 32px;
    font-family: "Onest-Medium";
}

button.close {
	font-family: Arial;
}


.btn-rojo, .btn-primary, .btn-primary:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #e2001a;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: 0;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 0.75rem !important;
    font-weight: bold;
    line-height: 1;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 1.125rem !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    padding-top: 1.125rem !important;
    text-align: center;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: uppercase;
}

.qq-upload-button{
	display: inline-block;
    background-image: url(../imagenes/icono-adjuntar.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.qq-upload-button.cargado{
    background-image: url(../imagenes/icono-adjuntar-verde.png);  
}

.qq-upload-button{
	padding: 5px 10px 5px 28px !important;	
}

.listaArchivosCargue{
	list-style-type: none;
}


.listaArchivosCargue a{
	color: #525BB6;
	text-decoration: underline;
	vertical-align: middle;
}


.btn-rojo-doble-logeado.is-touched, .btn-rojo-doble-logeado:active, .btn-rojo-doble-logeado:hover, .btn-rojo.is-touched, .btn-rojo:active, .btn-rojo:hover, .btn-primary:active, .btn-primary:hover {
    background-color: #ff001e;
}

.btn-rojo{
	width:10.5625rem; 	
}

.btn-gris, .btn-default {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-bottom-color: #9c9c9c;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #9c9c9c;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #9c9c9c;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #9c9c9c;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-top-style: solid;
    border-top-width: 1px;
    color: #9c9c9c;
    cursor: pointer;
    display: inline-block !important;
    font-size: 0.75rem !important;
    font-weight: bold;
    line-height: 1;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 1.125rem !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    padding-top: 1.125rem !important;
    text-align: center;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: uppercase;
}

.btn-gris.is-touched, .btn-gris:active, .btn-gris:hover, .btn-default.is-touched, .btn-default:active, .btn-default:hover{
    background-color: #dadada;
}

.mod-head.alpha::after {
    background-color: #e2001a;
    content: "";
    display: block;
    height: 0.0625rem;
    margin-top: 0.9375rem;
    width: 5.625rem;
}
.mod-head::after {
    background-color: #e2001a;
    content: "";
    display: block;
    height: 0.1875rem;
    margin-top: 0.625rem;
}
.inscription .mod-head {
    margin-bottom: 1.5625rem;
}
.mod-head.alpha {
    font-size: 1rem;
    margin-top: 10px;
}
.mod-head {
    clear: both;
    color: #000;
    font-weight: 700;
}

.alpha{
	font-weight: 700;
}

:not(.fs_box):not(.visible) {
    box-sizing: border-box;
}
.content-align-left {
    text-align: left;
}
.content-align-right {
    text-align: right;
}
h1, h2, h3, h4, h6, p {
    margin-right: 0;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

#formDatosCliente {
	max-width: 510px;
}
 
.formInicio{
	max-width: 510px;
}

.formInicio > h1.login {
	text-align: center;
	margin-bottom: 0px;
}

.formInicio > h1.login + p {
	text-align: center;
}

.has-error label, .has-error select, .has-error input {
    color: #a94442;
}

.contenedorError{
	background-color:#FFE2E5;
	border:1px solid #E2001A;
	max-width: 510px;
	margin-top:5px;
	margin-bottom:5px;
	padding:20px;
}

.textoError{
	font-size:16px;
	color:#E2001A;	
	text-align:left;
	display: table-cell;
	padding-left:20px;	
	min-height: 60px;
	vertical-align: top;
	text-align: justify;
}

.imgError{
    display: table-cell;
    width: 60px;
    padding-bottom:60px;
    background-image: url(../imagenes/icono-cerrar.png);
    background-repeat: no-repeat;
}

.eliminarArchivo {
    display: inline-block;
    width: 26px;
    padding-bottom:26px;
    background-image: url(../imagenes/icono-cerrar.png);
    background-repeat: no-repeat;
    background-size: 26px 26px;
}

.contenedorAdvertencia{
	background-color:#fcf8e3;
	border:1px solid #faebcc;
	margin-top:5px;
	margin-bottom:5px;
	padding:20px;
}

.textoAdvertencia{
	font-size:16px;
	color:#8a6d3b;	
	text-align:left;
	display: table-cell;
	padding-left:20px;
	vertical-align: top;
	text-align: justify;
}

.imgAdvertencia{
    display: table-cell;
    width: 60px;
    padding-bottom:60px;
    background-image: url(../imagenes/icono-alerta.png);
    background-repeat: no-repeat;
}

.contenedorExitoso{
	background-color:#f2ffe5;
	border:1px solid #59b200;
	margin-top:5px;
	margin-bottom:5px;
	padding:20px;
}

.textoExitoso{
	font-size:16px;
	color:#59b200;	
	text-align:left;
	display: table-cell;
	padding-left:20px;
	vertical-align: top;
	text-align: justify;
}

.imgExitoso{
    display: table-cell;
    width: 60px;
    padding-bottom:60px;
    background-image: url(../imagenes/icono-exito.png);
    background-repeat: no-repeat;
}


.nopadding {
   padding: 0 !important;
}

.colorNegro{	
	color: #000000;
}

.colorGris{	
	color: #777;
}

.colorRojo{	
	color: #e2001a;
}

.colorRedHR{	
	border-top-color: #e2001a;
}

.tituloSinLinea{
	display: inline-block;
	vertical-align: bottom;	
	padding: 5px;	
	clear: both;
    font-size: 1rem;
    margin-top: 10px;
}

.tituloSinLineaBlock{
	display: block;
	vertical-align: bottom;	
	padding: 5px;	
	clear: both;
    font-size: 1rem;
    margin-top: 10px;
}

.anchoCompleto{
	width: 100%;
}

.borde-rojo-redondeado {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #e2001a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #e2001a;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #e2001a;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #e2001a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;    
    padding: 20px;
    width: 100%;
}

.imgCandado{
	display: table-cell;
    width: 60px;
    padding-bottom:60px;
    background-image: url(../imagenes/icono-candado.png);
    background-repeat: no-repeat;
}

.content-align-center{
	text-align: center;
}

.tablas thead{
	background-color: #000000;
	color: #ffffff;
}

.pagination > .active > a, .pagination > .active > a:focus,
 .pagination > .active > a:hover, .pagination > .active > span,
  .pagination > .active > span:focus, .pagination > .active > span:hover{	
	background-color: #000000;
	border-color: #000000;
}

.pagination > li > a, .pagination > li > span{
	color: #000000;
}

.enLineaConfirmarDatos{
	display: inline-block;	
	width: 50%;
}

.digitosClave{
	float: right;	
}

a.textoCargaDocumento{
	text-decoration: underline;
}


@media (max-width: 600px) {
	.enLineaConfirmarDatos .btn-rojo{
		width: auto; 	
	}
	
	.session-opt{position: relative; top:0}
	
	.login-area {
		width: 100%;
		float:none;
	}
	
	.login-area .row {
		margin: 0;
		padding-left: 0;
		padding-right: 0;	
	}
	
	.columnaInicialLogin{
		padding:0;
	}
}

input[type="checkbox"]{
	width: auto;
	margin-left: 5px;
}

label.obligatorio:after, span.obligatorio:after
{
    content: " *";
    color: red;
}


span.customSelect { 
    background:#fff url(images/2u7rpec.png) right center no-repeat;   
}

.eliminarArchivo {
	margin: 0 10px 0 0; 
}

.filaRequeridaDocumento{
	border-top:3px solid #E2001A !important;
	border-bottom:3px solid #E2001A !important;
}

/*Inicio Data table*/	
.dataTables_info {
	display: inline-block;
	float: right;
	margin: 10px 0;
}

.dataTables_paginate {
	display: inline-block;
}

.dt-buttons {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 15px;
} 

/*Fin Data table*/

button.btn + button.btn {
	margin-left: 10px;
}


}