/* 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
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   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-family: monospace, serif;
    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 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 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;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

/*
 * 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;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    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 */
    }

    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 */

/*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;
}


/*
Styles: (@sanchobbdo)
*/

/* =1 GLOBAL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html { background: #ebf0f4 url(../i/html.jpg) 0 0 repeat; }

body {
	background: url(../i/body.png) center 110px no-repeat;
	border-top: solid 6px #4683c2;
	color: #183f6c;
	line-height: 1;
	font: normal 62.5% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	vertical-align: top; }

.container{
	margin: 0 auto;
	width: 940px; }


.container-index{
	margin: 0 auto;
	width: 1260px;
	clear: both;
}

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

	a:hover { color: #164d9c; }

	a:active { color: #164d9c; }

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

	.btn:hover { color: #fff; }

.btn--primary {
	background: url(../i/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(../i/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(../i/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; }

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

/* =3 HEADINGS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 {
	color: #296395;
	font-weight: normal; }

/* =4 HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	height: 250px;
	margin-bottom: 20px;
	padding-top: 1px;
	position: relative; }

.header-index {
	height: 250px;
	padding-top: 1px;
	position: relative; }
.logo {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block; }

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

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

.session-opt {
	background: url(../i/session-opt.png) 0 0 repeat-x;
	border-radius: 5px;
	color: #4c6486;
	font-size: 12px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 50px; }

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

a.username {
	background: url(../i/username.png) right 3px no-repeat;
	border: none;
	padding: 10px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 205px; }

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

.username_info {
	background: url(../i/username-info.png) 0 0 repeat-x;
	border-bottom: solid 1px #afb3b7;
	border-radius: 0 0 5px 5px;
	color: #607594;
	display: none;
	height: 70px;
	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; }

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

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

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

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

.breadcrump {
	color: #0059AB;
	font-size: 11px;
	margin: 20px 0; }

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

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

.breadcrump_parent {
	background: url(../i/breadcrump-parent.png) 0 center repeat-x;
	height: 18px;
	margin-right: 20px;
	padding: 2px 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: 0;
		width: 17px; }

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

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

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

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

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

/* =5 CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* INICIO */
.welcome {
	overflow: hidden;
	padding-bottom: 55px;
	padding-top: 20px; }
.contenido
{
		clear: both;
	 }

.welcome-Index {
	overflow: hidden;
	background: url(../i/Fondo-index-2.jpg) 0 0 no-repeat;
	height: 525px;
	 }

.welcome-Index  ul {
	color:#929292;
	font-size:12px;
	list-style:url(../i/bullet-index.png)

	 }
.welcome-Index-Per {
	float: left;
	padding-left: 160px;
	padding-top: 50px;
	width: 400px;
	 }
	 
	.welcome-Index-Emp{
float:right; padding-right:150px; padding-top:50px; 
	 } 
	 
	 	.welcome-Index-Img{
margin-left:15px;
	 } 
	 
	 	 	.welcome-Index-condiciones{
	color: #646464;
	margin-top: 70px;
	 } 


.welcome-Index  span{
	font-size:24px;
	 }
	 .welcome-Index  b{
	font-size:14px;
	color:#536f97;
	 }
.login-area {
	background: url(../i/login-area.png) 0 0 no-repeat;
	color: #0059ab;
	float: right;
	height: 178px;
	overflow: hidden;
	width: 345px; }

.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; }

/*Conventants*/
.covenant,
.covenant-form{
	overflow: hidden;
}

.covenant_search-title {
	color: #0059ab;
	display: inline-block;
	font-size: 20px;
	font-style: italic;
	width: 270px; }

	.covenant_search-title small {
		color: #6a6a6a;
		display: block;
		font-size: 11px;
		font-style: normal; }

.covenant_search {
	background-color: #fff;
	border: solid 1px red;
	border-radius: 5px;
	display: inline-block;
	height: 38px;
	padding-right: 10px;
	vertical-align: text-bottom; }

.covenant_search_input {
	background: #fff url(../i/covenant-search.png) 10px 7px no-repeat;
	border: none;
	color: #99A3AB;
	display: inline-block;
	font-size: 14px;
	height: 18px;
	margin-top: 3px;
	padding: 5px 0 8px 35px;
	width: 559px; }

	.covenant_search_input:focus { outline: none; }

.filter-group {
	color: #0059ab;
	font-size: 14px;
	text-align: right; }

.filter {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle; }

.filter-categories {
	background: url(../i/filter-categories.png) 0 0 no-repeat;
	display: inline-block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 40px 0 10px;
	text-align: left;
	text-decoration: none;
	width: 133px; }

	.filter-categories.is-open {
		background-position: 0 bottom;
		margin-bottom: 0; }

.categories {
	background: url(../i/categories.png) center top no-repeat;
	color: #0059ab;
	font-size: 12px;
	height: 160px;
	overflow: hidden;
	width: 942px; }

.categories_list {
	float: left;
	list-style: none;
	margin-left: 20px;
	padding-left: 0;
	width: 220px; }

	.categories_list li { margin: 10px 0; }

.results-container {
	padding-top: 20px;
	overflow: hidden;
}

/*intro*/
.intro {
	background: url(../i/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; }

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

.link-contact {
	background: url(../i/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; }

.results-table { width: 574px; }

/*Benefits promo*/
.benefits-promo {
	background: url(../i/benefits-promo.png) 0 0 no-repeat;
	height: 293px;
	overflow: hidden;
	padding: 20px 20px 40px;
	position: relative;
	width: 290px; }

.benefits-promo_title {
	font-size: 23px;
	margin: 0; }

	.benefits-promo_title strong {
		display: block;
		font-size: 27px; }

.benefits-promo_list {
	font-size: 12px;
	list-style: none;
	padding: 0; }

	.benefits-promo_list li {
		background: url(../i/intro-list-li.png) 0 3px no-repeat;
		margin: 10px 0;
		padding-left: 10px;
		width: 190px; }

.benefits-promo_highlight {
	background: url(../i/highlight.png) 0 center no-repeat;
	color: #df2000;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	padding-left: 15px; }

.benefits-promo_girl {
	bottom: 20px;
	position: absolute;
	right: -18px; }

/* RECAUDOS */
.collections { overflow: hidden; }

.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(../i/admin-menu-dt.png) 0 bottom repeat-x;
		border-bottom: solid 1px #eaeaea;
		padding: 10px; }

		.admin-menu dt:first-child { background: url(../i/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(../i/expand-arrow.png) right center no-repeat;
	cursor: pointer;
	display: block; }

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

a.advanced-search {
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none; }

/*Admin Collections Form*/
.admin-form {
	color: #0059AB;
	float: left;
	font-size: 14px;
	width: 720px; }

.admin-form_covenant { padding-bottom: 10px; }

.admin-form_covenant_title {
	font-size: 20px;
	font-style: italic;
	margin-right: 10px; }

.admin-form_search {
	padding-left: 15px;
	padding-bottom: 10px; }

.admin-form_search_title {
	color: #6D6D6D;
	font-size: 14px;
	font-weight: bold; }

.admin-form_search_reference {
	display: inline-block;
	margin: 5px 0;
	width: 49%; }

	.admin-form_search_reference label {
		display: inline-block;
		padding-right: 5px;
		width: 106px; }

.admin-form_search_account { display: block; }

.admin-form_steps {
	background: url(../i/admin-form-steps.png) center bottom no-repeat;
	clear: both; }

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

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

.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 0 40px 100px; }

	.admin-form_step strong { display: block; }

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

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

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

.admin-form_submit {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	width: 49%; }

.admin-form_btn {
	float: left;
	margin-right: 10px; }

.admin-form_step .btn {
	display: block;
	margin-top: 5px; }

.validate-msg {
	color: #ec1b2e;
	font-size: 12px;
	font-style: italic;
	width: 200px; }

/*Data table*/
.data-table {
	background-color: #EDF7FF;
	border-radius: 10px;
	font-size: 12px;
	overflow: hidden; }

.data-table_header {
	background-color: #1866AE;
	color: #fff;
	margin: 0;
	padding: 10px 20px;
	position: relative; }

	.data-table_header a { color: #fff; }

	.data-table_header p { margin: 5px 0; }

.data-table table { width: 100%; }

.data-table th, .data-table td { border-left: solid 1px #b3d6f6; }

.data-table th:first-child, .data-table td:first-child { border-left: none; }

.data-table th {
	background: #2769A7 url(../i/data-table-thead.jpg) 0 bottom repeat-x;
	color: #fff;
	padding: 5px; }

.data-table td {
	color: #6D6D6D;
	font-size: 12px;
	padding: 5px; }

.data-table_link { color: #6D6D6D; }

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

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

.is-odd td { background-color: #fff; }

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

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

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

.dataTables_paginate a {
	background-image: url(../i/table-pag-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 18px;
	margin: 0 10px;
	overflow: hidden;
	text-align: left;
	vertical-align: text-bottom; }

.paginate_disabled_previous, .paginate_enabled_previous {
	background-position: left top;
	font-size: 14px;
	padding-left: 25px; }

.paginate_disabled_next, .paginate_enabled_next {
	background-position: 65px bottom;
	font-size: 14px;
	margin-right: 0;
	padding-right: 25px; }

.dataTables_paginate {
	float: right;
	padding: 10px 0 10px 20px;
	text-align: right;
	width: 40%; }

.dataTables_info {
	color: #0059AB;
	display: inline-block;
	padding: 10px 10px;
	text-align: left;
	width: 40%; }

.dataTables_wrapper { overflow: hidden; }

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

/* PAGOS */
.review-panel{
	color: #6e6e6e;
	font-size: 14px;
}

.review-panel label{
	color: #0059ab;
}

.review-panel .cnt-select {
	margin-left: 10px;
	vertical-align: middle;
}

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

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

.review-label {
	color: #0059ab;
	width: 200px;
	display: inline-block;
	vertical-align: text-top;
}

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

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

.review-enterprise {
	display: block;
	padding-left: 203px;
	position: relative;
	top: -15px;
}

/* RECEIPT */
.icon-success {
	background: url(../i/icon-success.png) left center no-repeat;
	padding-left: 40px;
}

.icon-rejected {
	background: url(../i/icon-rejected.png) left center no-repeat;
	padding-left: 40px;
}

.receipt {
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	color: #0059ab;
	font-size: 14px;
	padding: 20px;
	float: left;
	min-height: 420px;
	width: 560px;
}

.success {
	background-image: url(../i/receipt-success.png);
}

.rejected {
	background-image: url(../i/receipt-rejected.png);
}

.receipt .highlight {
	color: #6e6e6e;
}

.receipt th {
	background-color: rgba(237,247,255,.57);
	text-align: left;
	font-size: 12px;
	padding: 5px;
}

.receipt td {
	color: #6e6e6e;
	vertical-align: top;
	width: 50%;
}

.receipt-item {
	color: #0059ab;
	display: block;
}

.receipt-subitem {
	display: inline-block;
	vertical-align: top;
	width: 122px;
}

.receipt-subitem-value {
	display: inline-block;
	width: 150px;
}

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

/*Forms*/
.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(../i/checkbox-sprite.png); }

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

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

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

.from-to-title {
	color: #6D6D6D;
	font-size: 13px;
	font-style: italic;
	margin: 0 10px; }

.form-input,
.form-textarea {
	border: solid 2px #fff;
	border-bottom: solid 2px #d3d7da;
	border-radius: 5px;
	color: #99A3AB;
	font-size: 12px;
	height: 25px;
	padding: 3px 5px;
	min-width: 200px; }

	.form-input.error { border-color: red; }

.form-textarea {
	height: 53px;
	resize: none;
	min-width: 570px;
}

.pse {
	background: url(../i/pse.png) 0 0 no-repeat;
	color: #005aab;
	display: inline-block;
	font-size: 11px;
	margin-left: 20px;
	padding: 10px 0 10px 45px;
	vertical-align: middle;
	width: 285px;
}

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

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

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

/*Selects*/
.select {
	-webkit-appearance: button;
	font-size: 12px;
	height: 34px !important;
	line-height: 25px;
	position: relative;
	width: auto;
	z-index: 10; }

.dropdown {
	background: #fff url(../i/dropdown.png) no-repeat scroll right center;
	bottom: 0;
	border-bottom: solid 2px #d3d7da;
	border-radius: 5px;
	color: #99A3AB;
	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(../i/dropdown-error.png) no-repeat scroll right 0; }

.cnt-select {
	display: inline-block;
	position: relative; }

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

.date-picker {
	background: #fff url(../i/date-picker.png) right center no-repeat;
	border: solid 1px #fff;
	border-bottom: solid 2px #d3d7da;
	border-radius: 5px;
	color: #99A3AB;
	font-size: 12px;
	height: 25px;
	padding-left: 26px;
	padding: 3px 5px;
	width: 122px; }

/* 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;
}

/* =6 FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-foot {
	background: url(../i/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: 960px; }

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

	.l-footer-top a {
		background: url(../i/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(../i/l-footer-top-sprite.png);
		background-repeat: no-repeat;
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle; }

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

.l-footer-bottom {
	background: url(../i/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(../i/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;
}

/* MODAL */
.modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.modal-back {
	background: url(../i/modal-back.png) 0 0 repeat;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-content {
	background-color: #fff;
	border-radius: 20px;
	font-size: 14px;
	margin: 5% auto;
	min-height: 521px;
	position: relative;
	width: 726px;
	z-index: 9999;
}

.modal-title {
	background: url(../i/modal-title.png) center bottom no-repeat;
	font-size: 24px;
	padding: 35px 0 0 20px;
	height: 35px;
	margin: 0;
}

.database-actions {
	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;
}

.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(../i/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(../i/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 {
	background-image: url(../i/btn-cerrar.png);
	background-repeat: no-repeat;
	background-position: center 0;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
}

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

/* 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;
}