html, body, div, span, applet, object, iframe p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/* IE6 */
*:first-child+html .clearfix { zoom: 1; }
 
/* IE7 */
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  src: local("Muli"), url(https://fonts.gstatic.com/s/muli/v7/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2');
  /*src: local('Muli'), url(fonts/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2');*/
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Headings
-------------------------------------------------------------- */
h1 {
	font-family: "Muli", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #e00c2c;
	text-shadow: #fff 0 0 1px;
	letter-spacing: -1px; }
 
	h1 span {
		font-weight: normal;
		font-style: normal; }
 
h2 {
	font-family: "Muli", Helvetica, Arial, sans-serif;
	line-height: 1;
	font-size: 21px;
	color: #00a0e0;
	margin-bottom: 1em;
	text-shadow: #fff 0 0 1px;
	letter-spacing: -1px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #00a0e0;
	padding-bottom: 0.5em; }
 
h3 {
	line-height: 1;
	font-size: 18px;
	color: #4c4c4c;
	margin-bottom: 1em;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	letter-spacing: -1px;
	padding-bottom: 0;
	font-weight: normal;
	font-style: normal; }
 
h4 {
	line-height: 1;
	font-size: 16px; }
 
h5 {
	line-height: 1;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
 
h6 {
	line-height: 1;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0.8em;
	color: #7f7f7f;
	text-shadow: rgba(255,255,255,0.7) 0 1px 0; }
 
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }

.row, .contain, .item-list li { zoom: 1; }
.row:before, .contain:before, .item-list li:before, .row:after, .contain:after, .item-list li:after { display: table; content: ""; line-height: 0; }
.row:after, .contain:after, .item-list li:after { clear: both; }

.header .brand a, .header .brand2 a, .header .slogan { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.sub-header { background-color: #309bec; color: #fff; }

.breadcrumb, #footer nav, .filter, .global-form .row, .global-form h1, .global-form .local-list li, .register-list li.row, .inner-contain header, .inner-contain .inner-lead { margin-bottom: 10px; }

/*! normalize.css v2.1.3 | 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 `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { 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 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; overflow-y: scroll; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

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

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

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

html { height: 100%; }

body { background: url('../images/backgrounds/bg-body.png') no-repeat center 40px; display: flex; flex-direction: column; height: 100%; min-height: 100vh; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { color: #333333; font-family: "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-style: normal; font-weight: normal; line-height: 1.2; font-size: 13px; }

.bginforme { background:#B8B8B8; }

ul { list-style: none; margin: 0; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

em { font-family: "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }

.f-right { float: right; }

/*	Header Contain
==================================*/
.contain > header h2 { color: #4a4d52; font-family: "Louis-BoldItalic", helvetica, arial, sans-serif; font-size: 26.42px; }
.contain > header h2 span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background: url('../images/icons/ico-life.jpg') no-repeat; display: inline-block; height: 23px; margin-left: 15px; vertical-align: middle; width: 119px; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.breadcrumb { color: #333333; font-size: 12px; }
.breadcrumb a { color: #333333; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/*=====================================================================================*/
/*       LAYOUT                                                            
/*=====================================================================================*/
.contain { margin: 0 auto; padding: 0 25px; width: 977px; }

.main-col { float: left; width: 59.0958%; }

.aside-col { 
  width: 400px;
  padding-top: 15px;
  margin: 0 auto;
}

[class*="large-"] { float: left; margin-left: 2.564102564102564%; }
[class*="large-"]:first-child { margin-left: 0; }

.large-4 { width: 31.623931623931625%; }

.large-6 { width: 48.717948717948715%; }

/*=====================================================================================*/
/*       HEADER                                                            
/*=====================================================================================*/
.header { border-top: 5px solid #1F60AB; padding: 15px 0px 15px 0px; }
.header .brand a { background: url('../images/misc/log.jpg') no-repeat; float: left; height: 50px; width: 446px; }
.header .brand2 a { background: url('../images/misc/log2.jpg') no-repeat; float: left; height: 50px; width: 446px; }
.header .caja-top-nav { float: right; height: 61px; position: relative; top: 15px; width: 409px; }

.top-nav {
	float: right;
	padding: 0;
	margin: 0;
	height: 54px;
	line-height: 30px;
}
 
	.top-nav li {
		display: inline;		
		color: #929292;
		text-shadow: rgba(0,0,0,0.2) 0 1px 0;
		letter-spacing: 0;
	}
 
		.top-nav li a { 
			color: #929292;
			text-decoration: none;
		}
 
			.top-nav li a:hover {
				color: #dd3013;
				text-decoration: underline; 
			}

/*	Nav User Option
===========================================*/
.tool-user { background-color: #0B488F; height: 3px; margin-bottom: 3px;}
.tool-user .login { background-color: rgba(255, 255, 255, 0.75); color: #e00c2c; margin-right: -25px; float: right; height: 41px; padding: 10px 20px 0px; }
.tool-user .login h2 { display: inline-block; font-size: 16px; }
.tool-user .login a { margin-left: 20px; position: relative; top: -1px; }

/*	Sub Header
===================================*/
.sub-header { font-size: 24px; margin: 0 -25px 5px; padding: 5px 25px 10px; }

/*=====================================================================================*/
/*       FOOTER                                                            
/*=====================================================================================*/
#footer { background: #0B488F; color: #fff; font-size: 13px; padding: 8px 0px; text-align: center; width: 100%; margin-top: auto;}
#footer nav a { color: #fff; text-decoration: none; }
#footer nav a:hover { color: #ed1c24; text-decoration: none; }
#footer p { margin:0 0 4px 0; }
.logofooter{ margin:0 0 -6px 0; }

/*=====================================================================================*/
/*       MISC                                                            
/*=====================================================================================*/
.inner-contain { min-height: 250px; }
.inner-contain header h1 { color: #e00c2c; font-size: 22px; }

p { margin: 0 0 15px; }

.identificacion {
	font: 13px/21px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	color: #6a6666;
	margin-top: 6px;
	margin: 0; }

/*	Item Lists
==================================*/
.item-list { list-style: none; margin: 0; padding: 0; }
.item-list li { background-color: #e3f0fe; margin-bottom: 15px; padding: 10px 15px; }
.item-list li h4 { font-size: 14px; font-weight: bold; margin-bottom: 3px; }
.item-list li p { font-size: 12px; }
.item-list li .col-a { float: left; width: 51.91257%; }
.item-list li .col-b { float: right; width: 45.17304%; }
.item-list li .col-b .btn { font-size: 13px; font-weight: bold; margin-bottom: 5px; text-align: left; width: 100%; }

.aside-col .module-message { background-color: #F7AA00; color: #fff; font-size: 15px; margin-bottom: 10px; padding: 10px; position: relative; min-height: 100px;}
.aside-col .module-message header { font-size: 16px; font-weight: bold; margin-bottom: 0; position: relative; right: -5px; text-align: right; text-shadow: #555 0 1px 0;}
.aside-col .module-message header .ico { background: url('../images/icons/ico-help.png?1397238980') no-repeat; display: inline-block; height: 32px; margin-left: 120px; top: 0; right: 0; vertical-align: middle; width: 32px; }
.aside-col .module-message header .ico-error { background: url('../images/icons/ico-error.png') no-repeat; display: inline-block; height: 32px; margin-left: 12px; top: 0; right: 0; vertical-align: middle; width: 32px; }
.aside-col .module-message header .ico-informacion { background: url('../images/icons/ico-informacion.png') no-repeat; display: inline-block; height: 32px; margin-left: 12px; top: 0; right: 0; vertical-align: middle; width: 32px; }
.aside-col .module-banner { background: #309bec url('../images/misc/banner-dec.jpg?1397327524') no-repeat; height: 107px; width: 100%; }

/*	Headings
====================================*/
h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }

/* Form
====================================*/

input[type=text], input[type=number], input[type=email], input[type=password], input[type=file], input[type=date], input.text, input.title, textarea, select {
	background-color: #f3f3f3;
	border: 1px solid #ebfef3;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4c4c4c; 
	height: 36px; 
	overflow:auto;}
	
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=file]:focus, input[type=date]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border-color: #ebfef3;
	background-color: #ebfef3;}
	
input[type=text]:hover, input[type=number]:hover, input[type=email]:hover, input[type=password]:hover, input[type=file]:hover, input[type=date]:hover, input.text:hover, input.title:hover, textarea:hover, select:hover {
	border-color: #ebfef3;
	background-color: #ebfef3;}	
	
input[type=checkbox], input[type=radio], 
.checkbox, .radio {
	position: relative;
	top: 0;
	margin-top: 1.2em;
	margin-right: 0.6em; }

label {
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #555;
	letter-spacing: 0;
	text-shadow: #fff 0 1px 0; }
		
label span {color:#d10404;}

label em {color:#F88D00;}
 
legend { display: none; }

fieldset {
	background: #fbfbfb;
	border-radius: 2px;
	padding: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	margin: 10px -10px;
}

.etiqueta {
	font: bold 15px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	color: #ffffff;
	letter-spacing: 0;
	text-shadow: #555 0 1px 0; }
	
.etiqueta span {color:#d10404;}
 
.mid-input-div p {
	margin-top: 0;
	margin-bottom: 0;
}

.calendar-icon {}
 
.mid-input-div img {
	position: relative;
	top: 11px;
	bottom: 0;
	right: 0;
}

.med-input {
	border: 1px solid #bbb;
	font-size: 12px;
	height: 25px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 2px;
	margin-top: 0.7em;
	width: 100%;
	margin-bottom: 1.4em;
}

.peque-input {
	border: 1px solid #bbb;
	font-size: 12px;
	height: 25px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 2px;
	margin-top: 0.7em;
	width: 100%;
	margin-bottom: 1.4em;
}

.pequedos-input {
	border: 1px solid #bbb;
	font-size: 12px;
	height: 25px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 2px;
	margin-top: 0.7em;
	width: 170px;
	margin-bottom: 1.4em;
}

.micro-input {
	border: 1px solid #bbb;
	font-size: 12px;
	height: 25px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 2px;	
	width: 55px;
	margin-top: 0.7em;
	margin-bottom: 1.4em;
	margin-right: 10px;
}

.medsel {
	width: 100%;
	color: #666;
	font-size: 12px;
	height: 36px;
	margin-right: 10px;
	margin-top: 0.7em;
	margin-bottom: 1.6em; }
	
.pequesel {
	width: 100%;
	color: #666;
	font-size: 12px;
	height: 36px;
	margin-right: 10px;
	margin-top: 0.7em;
	margin-bottom: 1.6em; }
	
.microsel {
	width: 70px;
	color: #666;
	font-size: 12px;
	height: 36px;
	padding: 0;
	margin-right: 10px;
	margin-top: 0.7em;
	margin-bottom: 1.6em;}
	
.big-textarea {
	font-size: 12px;
	height: 100px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 30px;
	width: 100%;
	margin-top: 0.7em;
	margin-bottom: 1.6em;
	resize: none;
}
	
.boton-file-input::-webkit-file-upload-button {
	visibility: hidden;
}

.boton-file-input { 
  margin-top: 0.7em;
  width: 450px;
  -moz-box-shadow: inset 1px 1px 6px #d9d9d9;
  -webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
  box-shadow: inset 1px 1px 6px #d9d9d9;
}

.boton-file-input::before {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 9pt;
  content: 'Seleccionar archivo';
  display: inline-block;
  background: #f9f9f9;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #bbb;
  border-radius: 3px;
  padding: 6px 8px 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  height: 100%;
}

.boton-file-input:hover::before {
  border-color: #a3a3a3;
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
  text-decoration: underline;
  cursor: pointer;
}

.boton-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/* Botones
====================================*/

.boton {	
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font-family: "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	font-size: 15px;
	font-weight: bold; 
	position: relative;
	display: inline-block;
	border: 1px solid #c5c5c5;
	color: #fff;
	height: 40px;
	width: 170px;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration:none;
	position: relative;
}

.boton-crear {
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	background-color: #3c81ef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3c81ef), to(#4787ed));
	background-image: -webkit-linear-gradient(top, #3c81ef, #4787ed);
	background-image: -moz-linear-gradient(top, #3c81ef, #4787ed);
	background-image: -ms-linear-gradient(top, #3c81ef, #4787ed);
	background-image: -o-linear-gradient(top, #3c81ef, #4787ed);
	background-image: linear-gradient(top, #3c81ef, #4787ed);
	background-image: linear-gradient(top, #3c81ef, #4787ed);
	-pie-background: linear-gradient(#3c81ef, #4787ed); /*PIE*/	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#3c81ef', EndColorStr='#4787ed');
	font: bold 12px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	border: 1px solid #c5c5c5;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	width: 90px;
	height: 40px;
	position: relative;
	display: inline-block;
	color: #fff;
	margin: 0 0 12px 5px;
	float: right;
	padding: 0 6px;
}

.boton-importar {
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.2);
	font: bold 12px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	border: 1px solid #c5c5c5;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	width: 90px;
	height: 40px;
	position: relative;
	display: inline-block;
	color: #fff;
	margin: 0 0 12px 5px;
	background-color: #666;
	-moz-box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.3);
	float: right;	
	padding: 0 6px;
}

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

.boton-seleccionar {
	background-color: #92BA65;
	border: 1px solid #c5c5c5;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	font: bold 12px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	color: #fff;
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	margin: 0 8px 12px 0;
}

.boton-deseleccionar  {
	background-color: #666;
	border: 1px solid #c5c5c5;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	font: bold 12px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	color: #fff;
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	margin: 0 8px 12px 0;
}

.boton-adicionar  {
	background-color: #00a0e0;
	border: 1px solid #c5c5c5;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	font: bold 12px "Muli", "Century Gothic", CenturyGothic, AppleGothic, sans-serif; 
	color: #fff;
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	margin: 30px 20px 12px 0;
}

input[type=submit] {	
	padding-top: 0;
	padding-bottom: 0;
}

.boton-verde {background-color: #bcd405;}

.boton-rojo {background-color: #dd3013;}

.boton-amarillo {background-color: #fcd205;}

.boton-azul {background-color: #00a0e0;}

.boton-naranja {background-color: #da3b01;}

.boton-verde:hover, .boton-rojo:hover, .boton-amarillo:hover, .boton-azul:hover, .boton-crear:hover, .boton-importar:hover, .boton-seleccionar:hover, .boton-deseleccionar:hover, .boton-adicionar:hover, input[type=submit]:hover {
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}

/* Fin Botones
====================================*/

/* Fin Form
====================================*/

.centrado {
  display: flex;
  justify-content: center;
}

.derecha {
  display: flex;
  justify-content: flex-end;
}

.izquierda {
  display: flex;
  justify-content: flex-start;
}

.justificado {
	text-align: justify;
}

.main-info {
	position: relative;
	top: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#efefef),to(#e7e7e7));
	padding: 15px 15px 15px;
	width: 948px;
	margin-bottom: 40px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	background-color: #efefef; }

.wrap {
	float: left;
	width: 918px;
	min-height: 430px;
	margin-bottom: 10px;
}

.wrap-si {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 30px 20px 30px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	background-color: #fff;
	float: left;
	width: 918px;
	margin-bottom: 10px;
}

.wrap-boton {
	width: 918px;
}

.grid1-4, .grid2-3, .grid1-3, .grid1-2, .grid2-3-2, .grid1-8, .grid2-4, .grid-full, .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	margin-left: 10px; }
 
.grid1 { width: 54px; }
 
.grid2-3 { width: 582px; }

.grid1-2 { width: 420px; }
 
.grid-full { width: 878px; }

.grid4-4 { width: 878px; min-height: 55px;}
 
.grid2-4 { width: 438px; }
 
.grid2-3-2 { width: 286px; }
 
.grid1-3 { width: 286px; }
 
.grid1-4 { width: 210px; }
 
.grid1-8 { width: 106px; 
           height:40px;}

.grid2 { width: 138px; }

.grid2-2 {
	width: 100px;
	float: left;
}

.grid3 { width: 222px; }
 
.grid4 { width: 306px; }
 
.grid5 { width: 390px; }
 
.grid6 { width: 474px; }
 
.grid7 { width: 558px; }
 
.grid8 { width: 642px; }
 
.grid9 { width: 726px; }
 
.grid10 { width: 810px; }
 
.grid11 { width: 894px; }

.grid12 { width: 198px; }

.grid13 { width: 80px; }

.gridmensaje { width: 918px; }
 
.first {
	margin-left: 0;
	clear: left; }

.proceso {
	width: 290px;
	float: right;
	margin-top: 10px;
}

.proceso2 {
	width: 290px;
	float: right;
	margin-top: 1px;
}

.proceso ul {
		padding: 0;
		margin: 0;
		text-align: right; }
 
		.proceso ul li {
			width: 22px;
			height: 22px;
			background-image: linear-gradient(top, #92BA65, #82AA4B);
			filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#92BA65', EndColorStr='#82AA4B');
			text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
			font-size: 14px; 
			font-weight: bold; 
			border: 1px solid #808080;
			position: relative;
			display: block;
			color: #fff;
			text-align: center;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
			-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
			box-shadow: 0 0 2px rgba(0,0,0,0.5);
			padding-top: 2px;
			padding-left: 1px;
			margin: 0 5px 0 0;
			float: left;
			background-color: #b3b3b3;}
 
		.proceso ul .active {
			width: 22px;
			height: 22px;
			background-color: #DD4B39;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#DD4B39), to(#D14836));
			background-image: -webkit-linear-gradient(top, #DD4B39, #D14836);
			background-image: -moz-linear-gradient(top, #DD4B39, #D14836);
			background-image: -ms-linear-gradient(top, #DD4B39, #D14836);
			background-image: -o-linear-gradient(top, #DD4B39, #D14836);
			background-image: linear-gradient(top, #DD4B39, #D14836);
			filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#DD4B39', EndColorStr='#D14836');
			text-shadow: rgba(0,0,0,0.3) 0 1px 1px; 
			font-size: 14px; 
			font-weight: bold; 
			border: 1px solid #d83b35;
			position: relative;
			display: inline-block;
			color: #fff;
			text-align: center;
			margin-right: 5px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
			-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
			box-shadow: 0 0 3px rgba(0,0,0,0.5); }

.main-info h1 {
	width: 500px;
	float: left;
	clear: both;
}


/*** CALENDARIO ***/

.calendario {
	border:1px solid #ccc;
	background:#fff;
	padding:1px;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
	white-space:nowrap;
}

.calendario a{
	color:#06c;
	display:block;
	height:100%;
	text-decoration:none;
}

.calendariosindia {
	border:1px solid #ccc;
	background:#ccc;
	padding:1px;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
	white-space:nowrap;
}

.calendario:hover {
	background-color:#426fd9;
	color:#fff;
	cursor:pointer;
}

.calendario:hover a{
	background-color:#426fd9;
	color:#fff
}

/*** FIN CALENDARIO ***/

/*** INICIO TABLAS ***/

table {
	margin-bottom: 2em;
	margin-left: 0;
	margin-right: 0;
}

th { font-weight: bold; }
 
thead th { background: #c3d9ff; }
 
th,td,caption { padding: 4px 10px 4px 5px; }

caption {
	background: #309bec;
	font-weight: bold; 
	color:#fff; }
 
.even td {
	background: #e3f0fe;
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	padding-right: 5px;
}
	
.even {
	background: #e3f0fe;
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
}
 
.odd td {
	font-size: 11px;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	border-bottom-width: 1px;
	border-bottom: 1px solid #f3f9ff;
	padding-top: 9px;
	padding-bottom: 9px;
}

.odd:hover {
	border-bottom: 1px solid #fff;
	background-color: #f3f9ff;
}

.final td {
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	border-bottom-width: 1px;
	border-bottom: 1px solid #f3f9ff;
	padding-top: 9px;
	padding-bottom: 9px;
}

.final:hover {
	border-bottom: 1px solid #fff;
	background-color: #f3f9ff;
}

/*** FIN TABLAS ***/

/*** INICIO CAJAS DE MENSAJES ***/

.info_box {overflow:hidden; position:relative; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; behavior: url(layout/js/PIE.htc);}
.info_box .info_box_inner {padding:21px 10px 8px 44px;}
.info_box p {color:#6a6a6a; line-height:normal;}
.info_box p b {color:#373737;}

.info_box2 {min-height: 55px;}
.info_box2 .info_box_inner {padding:17px 10px 15px 44px;}
.info_box2 p {color:#6a6a6a; line-height:normal;}
.info_box2 p b {color:#373737;}

.info_box.information {
	border:1px solid #cedeef;	 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebf9ff), to(#cbe8ff));
	background: -webkit-linear-gradient(#ebf9ff, #cbe8ff);
	background: -moz-linear-gradient(#ebf9ff, #cbe8ff);
	background: -ms-linear-gradient(#ebf9ff, #cbe8ff);
	background: -o-linear-gradient(#ebf9ff, #cbe8ff);
	background: linear-gradient(#ebf9ff, #cbe8ff);
	-pie-background: linear-gradient(#ebf9ff, #cbe8ff);
}
.info_box.information .info_box_inner {background:url(../images/icon_info.png) no-repeat 15px 17px;}

.info_box.download {
	border:1px solid #d0e2c5;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4fed8), to(#e0f1b8));
	background: -webkit-linear-gradient(#f4fed8, #e0f1b8);
	background: -moz-linear-gradient(#f4fed8, #e0f1b8);
	background: -ms-linear-gradient(#f4fed8, #e0f1b8);
	background: -o-linear-gradient(#f4fed8, #e0f1b8);
	background: linear-gradient(#f4fed8, #e0f1b8);
	-pie-background: linear-gradient(#f4fed8, #e0f1b8);
}
.info_box.download .info_box_inner {background:url(../images/icon_download.png) no-repeat 15px 17px;}

.info_box.error {
	border:1px solid #f0bfba;	 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe1e1), to(#ffcac4));
	background: -webkit-linear-gradient(#ffe1e1, #ffcac4);
	background: -moz-linear-gradient(#ffe1e1, #ffcac4);
	background: -ms-linear-gradient(#ffe1e1, #ffcac4);
	background: -o-linear-gradient(#ffe1e1, #ffcac4);
	background: linear-gradient(#ffe1e1, #ffcac4);
	-pie-background: linear-gradient(#ffe1e1, #ffcac4);
}
.info_box.error .info_box_inner {background:url(../images/icon_error.png) no-repeat 15px 17px;}

.info_box2.error {
	border:1px solid #f0bfba;	 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe1e1), to(#ffcac4));
	background: -webkit-linear-gradient(#ffe1e1, #ffcac4);
	background: -moz-linear-gradient(#ffe1e1, #ffcac4);
	background: -ms-linear-gradient(#ffe1e1, #ffcac4);
	background: -o-linear-gradient(#ffe1e1, #ffcac4);
	background: linear-gradient(#ffe1e1, #ffcac4);
	-pie-background: linear-gradient(#ffe1e1, #ffcac4);
}
.info_box2.error .info_box_inner {background:url(../images/icon_error.png) no-repeat 15px 17px;}

.info_box.note {
	border:1px solid #e5deb7;	 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff7dd), to(#fff2cc));
	background: -webkit-linear-gradient(#fff7dd, #fff2cc);
	background: -moz-linear-gradient(#fff7dd, #fff2cc);
	background: -ms-linear-gradient(#fff7dd, #fff2cc);
	background: -o-linear-gradient(#fff7dd, #fff2cc);
	background: linear-gradient(#fff7dd, #fff2cc);
	-pie-background: linear-gradient(#fff7dd, #fff2cc);
}
.info_box.note .info_box_inner {background:url(../images/icon_note.png) no-repeat 15px 17px;}

.info_box2.note {
	border:1px solid #e5deb7;	 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff7dd), to(#fff2cc));
	background: -webkit-linear-gradient(#fff7dd, #fff2cc);
	background: -moz-linear-gradient(#fff7dd, #fff2cc);
	background: -ms-linear-gradient(#fff7dd, #fff2cc);
	background: -o-linear-gradient(#fff7dd, #fff2cc);
	background: linear-gradient(#fff7dd, #fff2cc);
	-pie-background: linear-gradient(#fff7dd, #fff2cc);
}
.info_box2.note .info_box_inner {background:url(../images/icon_note.png) no-repeat 15px 17px;}

/*** FIN CAJAS DE MENSAJES ***/

.registro {
	background-color: #bcd405;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
	margin: 0;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
	float: left;
}

/* PAGINACION
-------------------------------------------------------------- */

.paginacion {		
	padding: 2px 9px 6px 9px;
	border-style:solid;
	border-width:1px;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:22px;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	margin-left: 3px;
	margin-right: 3px;
	background:#F88D00;
	border-color:#fff;
	color:#fff;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;	
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.paginacion1 {
	padding: 3px 6px 6px;
	border-style:solid;
	border-width:1px;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:22px;
	font-size:0.9em;
	font-weight:bold;
	font-size: 14px;
	margin-left: 3px;
	margin-right: 3px;
	background:#ee3124;
	border-color:#fff;
	color:#fff;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;	
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.paginacion2 {
	color: #666;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;
}

.paginacion3 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 21px;
	margin-bottom: 1em;
	margin-top: 0.5em;
	color: #cd1310;
	letter-spacing: 0;
	text-shadow: #e6e6e6 0 1px 1px; 
	font-weight:bold !important; /* forzar negritas */
	cursor:pointer;
}

.paginacion4 {
	color: #666;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;
	font-size: 16px;
}
 
.paginacion:hover, .paginacion1:hover, .paginacion2:hover, .paginacion3:hover {
	color: #333333;
	text-decoration: underline;
	font-weight:bold !important; /* forzar negritas */
	cursor:pointer;
}

/* FIN PAGINACION
-------------------------------------------------------------- */

/* Inicio Graficos
-------------------------------------------------------------- */

#chartdiv  /* GRAFICA INICIAL */
{
	float: center;
	width: 100%;
	height: 450px;
}

#chartdiv2  /* GRAFICA INICIAL */
{
	float: center;
	width: 100%;
	height: 450px;
}

#chartdiv3  /* GRAFICA CONCURRENCIA */
{
	float: center;
	width: 100%;
	height: 600px;
}

#mapdiv  /* MAPA */
{
	float: center;
	width: 100%;
	background-color:#EEEEEE; 
	height: 600px;
}

/* Fin Graficos
-------------------------------------------------------------- */

.botonflotante a 
{
	z-index: 9999;
	display:scroll;
	position:fixed;
	bottom:40%;
	right:30px;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	transition: transform 2s ease-out;
}

.botonflotante a:hover
{
	-webkit-transform: rotate(270deg);
	 -moz-transform: rotate(270deg);
	 transform: rotate(270deg);
}

/* Inicio Expander
-------------------------------------------------------------- */

.more-link 
{
	color: #373737;
	text-decoration:none;
	font-weight: bold;
}

.more-link:hover
{
	color: #dd3013;
	text-decoration: underline; 
}

.less-link 
{
	color: #373737;
	text-decoration:none;
	font-weight: bold;
}

.less-link:hover
{
	color: #dd3013;
	text-decoration: underline; 
}

/* Fin Expander
-------------------------------------------------------------- */

.imgreport {border: 0; width: 16px; height: 16px; vertical-align:middle; filter: grayscale(100%); -webkit-filter: grayscale(100%); transition:filter 0.5s; -webkit-transition:-webkit-filter 0.5s;}
.imgreport:hover {filter: grayscale(0); -webkit-filter: grayscale(0);}