/* 29 de Marzo de 2013 */
/* 07 de Noviembre de 2015 */

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

-------------------------------------------------------------- */
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;
}
 
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0 }
 
* html .clearfix { zoom: 1; }
 
/* IE6 */
*:first-child+html .clearfix { zoom: 1; }
 
/* IE7 */
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }
 
/*END RESET & AUX STYLESHEET*/
/* TYPOGRAPHY, TABLES &  MISC
-------------------------------------------------------------- */
body {
	overflow-y:scroll;
	color: #666;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #ffffff; } 
 
/* Headings
-------------------------------------------------------------- */
h1 {
	font-family: "Muli", Helvetica, Arial, sans-serif;
	line-height: 1;
	font-size: 24px;
	color: #666;
	margin-bottom: 1em;
	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: #F88D00;
	margin-bottom: 1em;
	text-shadow: #fff 0 0 1px;
	letter-spacing: -1px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted #F88D00;
	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; }
 
/* Text elements
-------------------------------------------------------------- */
p {
	font: 13px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #6a6666;
	margin: 1em 0 1.2em; }
 
.identificacion {
	margin-top: 6px;
	margin: 0; }
 
p img.left {
	float: left;
	padding: 0;
	margin: 0 1.5em 1.5em 0; }
 
p img.right {
	float: right;
	margin: 0 0 1.5em 1.5em; }
 
a:hover { color: #aa1928; }
 
a {
	color: #6a6666;
	text-decoration: none; }
 
blockquote {
	font-weight: bold;
	color: #6a6666;
	font-size: 17px;
	font-style: italic; }
 
strong { font-weight: bold; }
 
em,dfn { font-style: italic; }
 
dfn { font-weight: bold; }
 
sup, sub {
	line-height: 0;
	font-size: 1em; }
 
abbr, acronym { border-bottom: 1px dotted #999; }
 
del { color: #666; }
 
code { font: 0.9em/1.5 'andale mono', 'lucida console', monospace; }
 
/* Lists
-------------------------------------------------------------- */
li ul, 
li ol {
	margin: 0 1.5em;
	list-style-position: inside; }
 
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
 
ul { list-style-type: none; }
 
ol { list-style-type: decimal; }
 
li {
	font: 13px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #6a6666;
	list-style-position: inside;
	list-style-image: none;
	margin: 8px 0 6px; }
 
/* Tables
-------------------------------------------------------------- */
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; }
 
.even td {
	background: #f1ee9f;
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	padding-right: 5px;
}

.estadoscaracterizaciones td {
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 1px 1px 1px;
	padding-right: 5px;
}
	
.even {
	background: #f1ee9f;
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
}
 
.rector td {
	background: #eaf1dd;
	font-size: 12px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	padding-right: 5px;
	text-align: center;
	font-style: italic;
}

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

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

.admin td {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.admin td a {
	color: #6a6666;
}

.admin:hover {
	background: #eaf1dd no-repeat right center;
	color: #F88D00;
	text-decoration: underline; 
}

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

.odd2:hover {
	border-bottom: 1px solid #e5ecf9;
}
 
caption {
	background: #eee;
	font-weight: bold; }

.fulltable {
	width: 924px;
}

.fulltable .even td {
	background: #e5ecf9;
	font-size: 12px;
	font-weight: bold;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px; }
 
.fulltable .odd td {
	font-size: 12px;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	border-bottom-width: 1px;
	border-bottom: 1px solid #e5ecf9;
	padding-top: 9px;
	padding-bottom: 9px;
}

.fulltable .odd:hover {
	font-size: 11px;
	color: #4c4c4c;
	text-shadow: #fff 0 0 1px;
	border-bottom-width: 1px;
	border-bottom: 1px solid #e5ecf9;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #d9fdda;
}

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

 
/* Misc classes
-------------------------------------------------------------- */
.small {
	color: #6a6666;
	font: 11px/19px "Lucida Grande", Lucida, Verdana, sans-serif; }
 
.large {
	color: #6a6666;
	font: 17px "Lucida Grande", Lucida, Verdana, sans-serif; }
 
.hide { display: none; }
 
.quiet { color: #b8b3b3; }
 
.loud { color: #514d4d; }
 
.highlight { background: #ff0; }
 
.added {
	background: #060;
	color: #fff; }
 
.removed {
	background: #900;
	color: #fff; }
 
.error { color: #cd1310; }
 
	.error a {
		color: #cd1310;
		text-decoration: underline; }
 
.last {
	margin-right: 0;
	padding-right: 0; }
 
.top {
	padding-top: 0;
	margin: 0;
	padding: 0; }
 
.bottom {
	margin-bottom: 0;
	padding-bottom: 0; }
 
.t_right { text-align: right; }
 
.t_left { text-align: left; }
 
.t_center { text-align: center; }
 
.f_left { float: left; }
 
.f_right { float: right; }
 
.clear { clear: both; }
 
/*END TYPOGRAPHY*/
/* FORMS & INPUTS
-------------------------------------------------------------- */
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; }
 
/* Form fields
-------------------------------------------------------------- */
input[type=text], input[type=password], input[type=date], input[type=file], textarea, select {
	background-color: #fff;
	border: 1px solid #bbb;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4c4c4c; }
	
.big-textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	height: 70px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 3px;
	margin-top: 0.7em;
	width: 883px;
	margin-bottom: 1.4em;
	resize: none;
}

.big-textarea2 {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	height: 30px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 3px;
	margin-top: 0.7em;
	width: 883px;
	margin-bottom: 1.4em;
	resize: none;
}

.med-textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	height: 70px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 3px;
	margin-top: 0.7em;
	width: 598px;
	margin-bottom: 1.4em;
	resize: none;
}

.mediano-textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	height: 60px;
	-moz-box-shadow: inset 1px 1px 6px #d9d9d9;
	-webkit-box-shadow: inset 1px 1px 6px #d9d9d9;
	box-shadow: inset 1px 1px 6px #d9d9d9;
	padding: 3px;
	margin-top: 0.7em;
	width: 550px;
	margin-bottom: 1.4em;
	resize: none;
}
 
.med-input {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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: 280px;
	margin-bottom: 1.4em;
}

.mediano-input {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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: 250px;
	margin-bottom: 1.4em;
}

.mediano-input2 {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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.1em;
	width: 250px;
	margin-bottom: 0.1em;
}

.mediano-input3 {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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.1em;
	width: 150px;
	margin-bottom: 0.1em;
}

.mediano-input6 {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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.1em;
	width: 200px;
	margin-bottom: 0.1em;
}

.mediano-input8 {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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.1em;
	width: 90px;
	margin-bottom: 0.1em;
}
 
.min-input {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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: 182px;
	margin-top: 0.7em;
	margin-bottom: 1.4em;
}
	
.micro-input {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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: 116px;
	margin-top: 0.7em;
	margin-bottom: 1.4em;
}

.mini-input {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	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: 80px;
	margin-top: 0.7em;
	margin-bottom: 1.4em;
}

.color-input {
	border: 1px solid #bbb;
	font-size: 1em;
	height: 25px;
	padding: 2px;
	margin-top: 0.7em;
	width: 280px;
	margin-bottom: 1.4em;
	border-color: #ebfef3;
	background-color: #F3F3F3; 
	overflow:auto;}	

.archivos {
	background-color: #fff;
	border: 1px solid #bbb;
	font-size: 1em;
	height: 21px;
	-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: 400px;
	margin-bottom: 1.4em;
	vertical-align: middle;
}

.mid-input-div p {
	margin-top: 0;
	margin-bottom: 0;
}

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

	
.btn {
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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);
	cursor: pointer;
	line-height: 1;
	font-weight: bold;
	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');
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	font: bold 14px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #3c81ef;
	position: relative;
	display: inline-block;
	margin: 2em 8px 8px 0;
	color: #fff;
	height: 40px;
	padding: 0 10px;
}
	
.btn-green {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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.4);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.4);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.4);
	-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);
	height: 40px;
	background: #5b862c; 
	background: -moz-linear-gradient(top, #85b451, #5b862c);
	background: -webkit-gradient(linear, left top, left bottom, from(#85b451), to(#5b862c)); 
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #78A04B;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	margin: 2em 8px 8px 0;
	float: right;
	color: #fff;
	padding: 0 15px;
}

.btn-yellow {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-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.4);
	-webkit-box-shadow:inset 0 1px 3px rgba(255,255,255,0.4);
	box-shadow:inset 0 1px 3px rgba(255,255,255,0.4);
	-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);
	height: 40px;
	background: #fd9b10; 
	background: -moz-linear-gradient(top, #fdcf3a, #fd9b10);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdcf3a), to(#fd9b10)); 
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #fd9b10;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	margin: 2em 8px 8px 0;
	float: right;
	color: #fff;
	padding: 0 15px;
}
	
.btn-nuevo {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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);
	background-color: #92BA65;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#92BA65), to(#96bd32));
	background-image: -webkit-linear-gradient(top, #92BA65, #96bd32);
	background-image: -moz-linear-gradient(top, #92BA65, #96bd32);
	background-image: -ms-linear-gradient(top, #92BA65, #96bd32);
	background-image: -o-linear-gradient(top, #92BA65, #96bd32);
	background-image: linear-gradient(top, #92BA65, #96bd32);
	-pie-background: linear-gradient(#92BA65, #96bd32); /*PIE*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#92BA65', EndColorStr='#96bd32');
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font: bold 14px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #78A04B;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	float: right;
	color: #fff;
	margin-left: 0;
	height: 30px;
	width: 160px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
}
 
.btn-descargar {
	background-color: #92BA65;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#92BA65), to(#96bd32));
	background-image: -webkit-linear-gradient(top, #92BA65, #96bd32);
	background-image: -moz-linear-gradient(top, #92BA65, #96bd32);
	background-image: -ms-linear-gradient(top, #92BA65, #96bd32);
	background-image: -o-linear-gradient(top, #92BA65, #96bd32);
	background-image: linear-gradient(top, #92BA65, #96bd32);
	-pie-background: linear-gradient(#92BA65, #96bd32); /*PIE*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#92BA65', EndColorStr='#96bd32');
	font: bold 14px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #78A04B;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	min-width: 72px;
	position: relative;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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);
	margin: 0;
	width: 300px;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2px;
	height: 39px; }
 
	.btn-descargar img {
		position: relative;
		top: 7px; }
 
.btn-ok {
	background-color: #92BA65;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#92BA65), to(#82AA4B));
	background-image: -webkit-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -moz-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -ms-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -o-linear-gradient(top, #92BA65, #82AA4B);
	background-image: linear-gradient(top, #92BA65, #82AA4B);
	-pie-background: linear-gradient(#92BA65, #82AA4B); /*PIE*/	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#92BA65', EndColorStr='#82AA4B');
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #78A04B;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	min-width: 72px;
	position: relative;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 8px 12px 0;
}
 
.btn-usuario {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #3c81ef;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	width: 105px;
	height: 35px;
	position: relative;
	display: inline-block;
	color: #fff;
	margin: 0 8px 12px 0;
	float: right;
}

.btn-usuarios  {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #4c4c4c;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	width: 105px;
	height: 35px;
	position: relative;
	display: inline-block;
	color: #fff;
	margin: 0 0 12px 0;
	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;	
}
 
.btn-blue {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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');
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #3c81ef;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	margin: 2em 8px 8px 0;
	float: right;
	color: #fff;
	height: 40px;
	padding: 0 15px;
}

.btn-red {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-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: #cc3d2c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cc3d2c), to(#d44937));
	background-image: -webkit-linear-gradient(top, #cc3d2c, #d44937);
	background-image: -moz-linear-gradient(top, #cc3d2c, #d44937);
	background-image: -ms-linear-gradient(top, #cc3d2c, #d44937);
	background-image: -o-linear-gradient(top, #cc3d2c, #d44937);
	background-image: linear-gradient(top, #cc3d2c, #d44937);
	background-image: linear-gradient(top, #cc3d2c, #d44937);
	-pie-background: linear-gradient(#cc3d2c, #1E3C5B); /*PIE*/	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#cc3d2c', EndColorStr='#d44937');
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	font: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #cc3d2c;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	margin: 2em 8px 8px 0;
	float: right;
	color: #fff;
	height: 40px;
	padding: 0 8px;
}

.btn-add {
	background-color: #DA3B01;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DA3B01), to(#f24100));
	background-image: -webkit-linear-gradient(top, #DA3B01, #f24100);
	background-image: -moz-linear-gradient(top, #DA3B01, #f24100);
	background-image: -ms-linear-gradient(top, #DA3B01, #f24100);
	background-image: -o-linear-gradient(top, #DA3B01, #f24100);
	background-image: linear-gradient(top, #DA3B01, #f24100);
	-pie-background: linear-gradient(#DA3B01, #f24100); /*PIE*/	
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#DA3B01', EndColorStr='#f24100');
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #fd5f25;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	min-width: 72px;
	position: relative;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 30px 8px 8px 30px;	
}
 
.btn:hover, .btn-green:hover, .btn-blue:hover, .btn-red:hover, button#reset.btn:hover, .btn-ok:hover, .btn-nuevo:hover, .btn-descargar:hover, .btn-reset:hover, .btn_search:hover, .btn-usuario:hover, .btn-usuarios:hover, .btn-add: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;
}
 
.btn: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; }
 

 
.btn-reset  {

	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid #4c4c4c;
	text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
	text-transform: capitalize;
	min-width: 72px;
	position: relative;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 8px 12px 0;
	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);
}
 
input[type=button]: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; }
 
input[type=reset]: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; }
 
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; }
 
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, 
input.text:focus, input.date:focus, input.title:focus, 
textarea:focus, select:focus {
	border-color: #d4fef8;
	background-color: #ebfef3; }
 
input[type=checkbox], input[type=radio], 
.checkbox, .radio {
	position: relative;
	top: 0;
	margin-top: 1.2em;
	margin-right: 0.6em; }
 
textarea {
	width: 390px;
	height: 150px;
	padding: 5px; }
 
.medsel {
	background-color: #fff;
	width: 220px;
	color: #666;
	font-size: 12px;
	height: 30px;
	margin-right: 10px;
	margin-top: 0.7em;
	margin-bottom: 1.6em; }
	
.medsel2 {
	background-color: #fff;
	width: 168px;
	color: #666;
	font-size: 12px;
	height: 25px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1.6em; }
	
.medselmultiple {
	background-color: #fff;
	width: 220px;
	color: #666;
	font-size: 12px;
	height: 75px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1.6em; }
 
.minsel {
	background-color: #fff;
	width: 207px;
	color: #666;
	font-size: 12px;
	height: 25px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1.6em; }
 
.smallsel {
	background-color: #fff;
	width: 64px;
	color: #666;
	font-size: 12px;
	height: 25px;
	padding: 0;
	margin: 1em 1px 1.6em 0; }
	
.microsel {
	background-color: #fff;
	width: 70px;
	color: #666;
	font-size: 12px;
	height: 25px;
	padding: 0;
	margin: 1em 1px 1.6em 0; }
	
.microsel2 {
	background-color: #fff;
	width: 64px;
	color: #666;
	font-size: 12px;
	height: 25px;
	padding: 0;
	margin: 0 1px 0 0;}

.microsel3 {
	background-color: #fff;
	width:45px;
	color: #666;
	font-size: 12px;
	height: 25px;
	padding: 0;
	margin: 0 1px 0 0;}
	
.microsel4 {
	background-color: #fff;
	width: 70px;
	color: #666;
	font-size: 12px;
	height: 25px;
	padding: 0;}
 
.select-div select {
	background-color: #fff;
	width: 207px;
	color: #666;
	font-size: 12px;
	height: 25px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1.6em; }
 
select#tipoconsulta.select-div, 
select#diasproyeccion.select-div {
	background-color: #fff;
	width: 207px;
	color: #666;
	font-size: 12px;
	height: 25px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1.6em; }
 
.descripcion-select select {
	width: 893px;
	margin: 1em 1px 1.6em 0;
	height: 250px;
}
 
input.text-small, textarea.text-small {
	width: 100px;
	padding: 5px; }
 
input.text-med, textarea.text-med {
	width: 200px;
	padding: 5px; }
 
input.text-large, textarea.text-large {
	width: 300px;
	padding: 5px; }
 
/*END FORMS & INPUTS*/
/* GRID
-------------------------------------------------------------- */
.container {
	width: 977px;
	margin: 0 auto; }
 
#container {
	width: 977px;
	margin: 0 auto; }
 
.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: 590px; }

.grid1-2 { width: 420px; }
 
.grid-full { width: 890px; }
 
.grid2-4 { width: 443px; }
 
.grid2-3-2 { width: 286px; }
 
.grid1-3 { width: 290px; }
 
.grid1-4 { width: 215px; }
 
.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; }

 
.first {
	margin-left: 0;
	clear: left; }
 

 
/* LOGIN
-------------------------------------------------------------- */

/* .login-main1 para index.php puesto que las demas pantallas (recuperarclave.html, mensajeerrorclave.html...) salia pegado arriba (no tenian margin-top) */
.login-main1 {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1f1;
	padding: 30px;
	border: 1px solid #f2f2f2;
	background: -webkit-gradient(linear, 51% 100%, 50% 0%, from(#e6e6e6), to(#f5f5f5));
	-moz-box-shadow: 0 0 5px #c6c6c6;
	-webkit-box-shadow: 0 0 5px #c6c6c6;
	box-shadow: 0 0 5px #c6c6c6; 
	margin-top: 150px;
	}
	
	.login-main1 .credit-top {
		padding-top: 20px;
		padding-bottom: 10px;
		margin-top: 50px;
		margin-bottom: 30px;
		margin-left: 0px;
		}	

.login-main {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1f1;
	padding: 30px;
	border: 1px solid #f2f2f2;
	background: -webkit-gradient(linear, 51% 100%, 50% 0%, from(#e6e6e6), to(#f5f5f5));
	-moz-box-shadow: 0 0 5px #c6c6c6;
	-webkit-box-shadow: 0 0 5px #c6c6c6;
	box-shadow: 0 0 5px #c6c6c6; 
	margin-top: 150px;
	}
 
.credit {
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	padding: 20px -10px 20px;
	text-align: right;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 30px;
	line-height: 30px;
}
 
.credit-top {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 150px;
}
	
.credit-top img {
	float: left;
	height: 50px;
	display: inline;
	margin-right: 20px;
	margin-top: -60px;
	margin-bottom: 0;	
	padding: 0;
}

p.title {
	font-size: 22px;
	font-weight: normal;
	color: #85b451;
	text-shadow: rgba(0,0,0,0.8) 0 0 1px;
	line-height: 24px;
	font-style: normal;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
 
	p.title strong {
		font-size: 25px;
		font-weight: bold;
		color: #85b451;
		line-height: 24px; }
 
p.title2 {
	font-size: 21px;
	font-weight: normal;
	color: #DD4B39;
	text-shadow: rgba(0,0,0,0.8) 0 0 1px;
	line-height: 24px;
	font-style: normal;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
 
	p.title2 strong {
		font-size: 28px;
		font-weight: bold;
		color: #DD4B39;
		line-height: 24px; }
 
.desarrollador {
	text-align: left;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	margin-top: 30px;}
 
.recuperar {
	color: #46ba2f;
	text-decoration: underline;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
}
 
/* FRONT PAGE: TOP NAV
-------------------------------------------------------------- */
.logo {
	float: left;
	padding: 0;
	margin: 0;
	width: 500px; }
	
.logo img {
	float: left;
	display: inline;
	margin-right: 20px;
	margin-top: -10px;
	margin-bottom: 0;
	padding: 0;
}
 
.top { background-color: #f4f4f4; }
 
.top-nav {
	float: right;
	padding: 0;
	margin: 0;
	height: 54px;
	line-height: 30px;
}
 
	.top-nav li {
		display: inline;
		font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #DD4B39;
		text-shadow: rgba(0,0,0,0.2) 0 1px 0;
		letter-spacing: 0;
	}
 
		.top-nav li a { 
			color: #DD4B39;
			text-decoration: underline;
		}
 
			.top-nav li a:hover {
				color: #F88D00;
				text-decoration: underline; 
			}
 
.logo {
	color: #85b451;
	font: 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #000 0 -1px 1px;
	line-height: 30px;
	height: 30px;
}
 
/* FRONT PAGE: HEADER
-------------------------------------------------------------- */
#header {
	background-color: #3b5998;
	margin: 0;
	padding: 36px 0 0;
	height: 180px; }
 
.main-nav {
	float: left;
	width: 747px; 
	position:relative;
	z-index: 999;}
 
	.main-nav ul {
		margin: 0;
		padding: 0; }
 
		.main-nav ul li {
			margin: 0;
			padding: 0;
			background-color: #1f4968;
			float: left;
			min-width: 100px;
			text-align: center;
			font: bold 16px/45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
			letter-spacing: -1px;
			height: 45px;
			border-right: 1px solid #1a3654;
			border-top: 2px solid #193c55;
			border-bottom: 1px solid #193c55; }
 
			.main-nav ul li:last-child {
				-webkit-border-radius: 0 5px 5px 0;
				-moz-border-radius: 0 5px 5px 0;
				border-radius: 0 5px 5px 0;
				border-right-style: none; }
 
			.main-nav ul li:first-child {
				-webkit-border-radius: 5px 0 0 5px;
				-moz-border-radius: 5px 0 0 5px;
				border-radius: 5px 0 0 5px; }
 
			.main-nav ul li a { color: #fff; }
 
			.main-nav ul li:hover {
				color: #fff;
				-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
				-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
				box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
				background-color: rgba(31,73,104,0.9);
				border-top: 2px solid rgba(25,60,85,0.5);
				border-bottom: 1px solid rgba(25,60,85,0.5); }
				 		
			#nav2 { 
				margin:0px; 
				padding:0px; 
				position:absolute; 
				display:block;}
			
			#nav2 > li { 
				color:#ffffff;
				list-style-type:none; 
				float:left; 
				display:block;
				margin:0px 0px; 
				position:relative; 
				padding:0; 
				width:100px;
				font: bold 16px/45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
			
			#nav2 > li:hover ul { 
				display:block; }
					
			#nav2 > li:hover {
				font: bold 16px/45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
				background-color: rgba(31,73,104,0.5);}
			
			#nav2 li ul { 
				margin:0px; 
				padding:0px; 
				display:none;}
			
			#nav2 ul li:first-child {
				-webkit-border-radius: 0 0 0 0;
				-moz-border-radius: 0 0 0 0;
				border-radius: 0 0 0 0; }
			
			#nav2 ul li:last-child {
				-webkit-border-radius: 0 0 5px 5px;
				-moz-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				border-right-style: none; 
				width:201px; }
			
			#nav2 li ul li { 
				list-style-type:none; 
				margin:0 0 0 0;}
			
			#nav2 li ul li a { 
				display:block; 
				padding:0px 0px; 
				text-align: center;
				font: bold 16px/45px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
				width:200px;}
			
			#nav2 li ul li:hover a { 
				color: #fff;
				-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
				-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
				box-shadow: inset 0 0 3px rgba(0,0,0,0.5);	
				border-top: 1px solid rgba(25,60,85,0.5);
				border-bottom: 1px solid rgba(25,60,85,0.5);
				width:200px;
				background-color: rgba(44,80,128,1);
				-webkit-border-radius: 0 0 5px 5px;
				-moz-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;}
			
			#nav2 li span { 
				cursor:pointer; 
				margin:0px 0px; 
				font-weight:bold;}
					
.buscar {
	width: 211px;
	text-align: left;
	letter-spacing: -1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 7px;
	border: 1px solid #21829f;
	margin: 0 0 5px;
	background-color: #2282a0;
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
}

.busqueda {
	float: right;
	width: 228px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-top: 0;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding: 0;
}

span.avanzada a {
	font-size: 11px;
	color: #e6e6e6;
	letter-spacing: 0;
	padding-left: 6px;
}

span.avanzada a:hover {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}
  
input.search-form-text {
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.8);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	height: 20px;
	border-style: none;
	width: 140px;
	margin: 0 0 6px;
	color: #7f7f7f;
	padding-left: 8px;
	padding-right: 4px;
	font-size: 11px;
	text-shadow: rgba(0,0,0,0.11) 0 1px 0;
	
}
 
input.btn_search {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	height: 22px;
	border-style: none;
	width: 57px;
	background-color: #92BA65;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#92BA65), to(#82AA4B));
	background-image: -webkit-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -moz-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -ms-linear-gradient(top, #92BA65, #82AA4B);
	background-image: -o-linear-gradient(top, #92BA65, #82AA4B);
	background-image: linear-gradient(top, #92BA65, #82AA4B);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#92BA65', EndColorStr='#82AA4B');
	margin: 0 0 6px;
	padding: 0;
	text-shadow: rgba(0,0,0,0.5) 0 1px 1px;
	color: #fff; }
			 
#main {
	padding-bottom: 0;
	margin: 0; }
 
.main-info {
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	position: relative;
	top: -9px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e7e7e7));
	padding: 15px 15px 30px;
	width: 930px;
	-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: #f5f5f5; }
 
.wrap {
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 20px 20px 20px;
	-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: 890px;
	margin-bottom: 10px;
}
 
.wrap2 {
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 20px 20px 20px;
	-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: #f9f9f9;
	float: left;
	width: 890px;
	margin-bottom: 10px;
}

.main-info h1 {
	width: 700px;
	float: left;
	clear: both;
}
 
.proceso {
	width: 220px;
	float: right;
	margin-top: 15px;
}
 
	.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: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			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: 0;
			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: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			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); }
			
.proceso2 {
	width: 65px;
	float: right;
	margin-top: 15px;
}
 
	.proceso2 ul {
		padding: 0;
		margin: 0;
		text-align: right; }
 
		.proceso2 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: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			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: 0;
			margin: 0 5px 0 0;
			float: left;
			background-color: #b3b3b3;
}
 
		.proceso2 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: bold 14px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			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); }

#footer {
	color: #fff; }			
			
 
#mensaje {
	font-size: 13px;
	line-height: 21px;
	margin-bottom: 1em;
	margin-top: 0.5em;
	color: #cd1310;
	letter-spacing: 0;
	text-shadow: #e6e6e6 0 1px 1px; }
 
	#mensaje a {
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 1em;
		margin-top: 0.5em;
		color: #cd1310;
		letter-spacing: 0;
		text-shadow: #e6e6e6 0 1px 1px;
		text-decoration: underline; }
 
.codigo1 {
	background-color: #9bbb59;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.codigo2 {
	background-color: #5cb565;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.codigo3 {
	background-color: #5eafa6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.codigo4 {
	background-color: #6179a8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.codigo5 {
	background-color: #8064a2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.diagnostico {
	background-color: #309bec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
}

.diagnostico2 {
	background-color: #577a92;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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: 2px;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	padding: 1px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
	float: left;
}
 
.proyeccion {
	background-color: #3c7d1f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
	margin-top: .5em;
	margin-bottom: .5em;
	font-style: normal; }
	
.consultar {
	background-color: #c6dffb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	text-shadow: #fff 0 1px 1px;
	color: #666;
	font-weight: bold;
	padding: 1px 5px;
	font-size: 12px; }
	
.colorgraficas {	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 2px;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	padding: 3px;
	font-size: 11px;
	width: 60px;
	height: 13px;
	display: block;
	text-align: center;
	float: left;
}

/* COMPLETO REGISTRO
-------------------------------------------------------------- */

.completoSI {
	background-color: #69a219;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

.completoNO {
	background-color: #bd1818;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	padding: 2px 3px;
	font-size: 11px;
	width: 45px;
	display: block;
	text-align: center;
}

/* ESTADO
-------------------------------------------------------------- */

.derecho-peticion {
	background-color: #619eaf;
	text-shadow: rgba(0,0,0,0.2) 0 1px 1px;
	color: #fff;
	font-weight: bold;
	padding: 5px 3px;
	font-size: 15px;
	width: 100%;
	display: block;
	letter-spacing: 0;
	margin: 20px 0 7px;
}

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

.paginacion {		
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
	border-style:solid;
	border-width:1px;
	border-radius:50%;
	width:24px;
	height:24px;
	line-height:22px;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	margin-left: 2px;
	margin-right: 2px;
	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: 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: 12px;
	margin-left: 2px;
	margin-right: 2px;
	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;
}
 
.paginacion:hover, .paginacion1:hover, .paginacion2:hover, .paginacion3:hover {
	color: #cd1310;
	text-decoration: underline;
	font-weight:bold !important; /* forzar negritas */
	cursor:pointer;
}

#chart  /* PARA LOS GRAFICOS... SI SE BORRA NO SALEN*/
{
	float: center;
	width: 600px;
	height: 300px;
}

#chartdiv-0, #chartdiv-1, #chartdiv-2, #chartdiv-3, #chartdiv-4, #chartdiv-5, #chartdiv-6, #chartdiv-7, #chartdiv-8, #chartdiv-9, #chartdiv-10, #chartdiv-11, #chartdiv-12, #chartdiv-13, #chartdiv-14, #chartdiv-15, #chartdiv-16, #chartdiv-17, #chartdiv-18, #chartdiv-19 /* GRAFICOS POLAR Y ARANIA */
{
	float: center;
	width: 100%;
	height: 700px;
}

#chartdiv2  /* GRAFICOS AREA */
{
	float: center;
	width: 100%;
	height: 500px;
}

a.Ntooltip {
	position: relative; /* es la posicion normal */
	text-decoration: none !important; /* forzar sin subrayado */
	color:#0080C0 !important; /* forzar color del texto */
	font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
	z-index:999; /* va a estar por encima de todo */
}

a.Ntooltip span {
	display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:2em; left:2em; /* donde va a estar */
	width:380px; /* el ancho por defecto que va a tener */
	padding:5px; /* la separacion entre el contenido y los bordes */
	background-color: #3b5998; /* el color de fondo por defecto */
	color: #FFFFFF; /* el color de los textos por defecto */
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.Ntooltip:hover label {
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	letter-spacing: 0;
	text-shadow: #fff 0 -1px 0; }

/*  INICIO MENU */

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  border-bottom: 4px solid #FEC300;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  color: #ffffff;
  display: block;
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 19px 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
  width: 162px;
  text-align: center;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  font-size: 16px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FEC300;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #ffffff;
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #434343;
  background: -moz-linear-gradient(top, #444444 0%, #434343 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #434343));
  background: -webkit-linear-gradient(top, #444444 0%, #434343 100%);
  background: -o-linear-gradient(top, #444444 0%, #434343 100%);
  background: -ms-linear-gradient(top, #444444 0%, #434343 100%);
  background: linear-gradient(to bottom, #444444 0%, #434343 100%);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #FEC300;
  border-bottom: 1px dotted #FEB900;
  font-size: 16px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #F88D00;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #FEB900;
  border-bottom: 1px dotted #F88D00;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #F88D00;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}
/*  FIN MENU */

/* info boxes styles */
.info_box {overflow:hidden; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior: url(layout/js/PIE.htc);}
.info_box .info_box_inner {padding:17px 10px 15px 44px;}
.info_box p {color:#6a6a6a; line-height:normal;}
.info_box 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 14px 14px;}

.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 10px 13px;}

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

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

input[type=text], input[type=date], input[type=password], 
input.text, input.date, input.title, 
textarea, select{
	border-color: #ebfef3 !important;
	background-color: #F3F3F3 !important; 
	overflow:auto;}	

input[type=text]:focus, input[type=date]:focus, input[type=password]:focus, 
input.text:focus, input.date:focus, input.title:focus, 
textarea:focus, select:focus {
	border-color: #ebfef3 !important;
	background-color: #ebfef3 !important;}
	
input[type=text]:hover, input[type=date]:hover, input[type=password]:hover, 
input.text:hover, input.date:hover, input.title:hover, 
textarea:hover, select:hover {
	border-color: #ebfef3 !important;
	background-color: #ebfef3 !important;}	
	
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Login */

body.bgindex {
	background: url('../images/fondoinicio.jpg') no-repeat fixed center center;
    background-size: cover;
    font-family: "Muli", Helvetica, Arial, sans-serif;
	color: #EE3124;
}

.login-block {
    width: 360px;
	min-height: 300px;
    padding: 20px 20px 50px 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #ee3124;
    margin: 0 auto;
	margin-top: 110px;	
	-moz-box-shadow: 0 0 15px #c6c6c6;
	-webkit-box-shadow: 0 0 15px #c6c6c6;
	box-shadow: 0 0 15px #c6c6c6; 
}

	.login-block .logoterpel {
		margin-top: 10px;
		margin-bottom: 30px;
		margin-left: 5px;
	}		
	
	.login-block .navegadores {	
		float: left;
		margin-top: 10px;
	}
	
	.login-block .desarrollo {	
		float: right;	
		margin-top: 10px;
	}

.login-block .inputinicio {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Muli', Helvetica, Arial, sans-serif;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block .inputinicio#usuario {
    background: #fff url('../images/username.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block .inputinicio#usuario:focus {
    background: #fff url('../images/username.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block .inputinicio#clave {
    background: #fff url('../images/password.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block .inputinicio#clave:focus {
    background: #fff url('../images/password.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block .inputinicio:active, .login-block .inputinicio:focus {
    border: 1px solid #ee3124 !important;
	background-color: #ffffff !important;
}

.login-block .submitinicio {
    width: 100%;
    height: 40px;
    background: #ee3124;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #e15960;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Muli", Helvetica, Arial, sans-serif;
    outline: none;
    cursor: pointer;
	margin-bottom: 20px;
}

.login-block .submitinicio:hover {
    background: #ff7b81;
}

.footerinicio {
	width: 320px;	
	display: inline;
	padding: 10px -10px 20px;
	text-align: left;
	font-family: "Muli", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 30px;
	line-height: 30px;
	text-shadow: rgba(0,0,0,1) 2px 2px 2px;
}

/* End Login */

#The_colorPicker{
	position:absolute;
	width:224px;
	padding-bottom:1px;
	background-color:#FFF;
	border:1px solid #317082;
}