@import "/css/xreset.css";
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
a {
	color: #2C4C8A;
	text-decoration: none;
}
a:hover {
	color: #2D3D74;
	text-decoration: underline;
}
a:active{outline:none; color:#F60}
a:focus{outline:none}
img{border:none}
.cl{font-size:0;  line-height:0;  height:0;  clear:both}
.Espacio{clear:both; margin-bottom:15px}
.Centro{text-align:center; margin-right:auto; margin-left:auto; clear:both}
HR {
	border-bottom:1px dashed #03245A;
}
label.errHilite {
	font-weight: bold;
	color: #C00;
	}
label
{
	font-weight: bold;
}	
input.errHilite, select.errHilite, textarea.errHilite {
	background-color: #FFE8E8;
	}
.Error {
	color: #FF0000;
}
.fl			{ float: left; }
.fr			{ float: right; }
.fl-space	{ float: left; margin-right: 5px; }
.fr-space	{ float: right; margin-left: 5px; }
/********** LOGIN **********/
.login-box				{ width: 600px; margin: 0px auto; background: url('../images/bck_black_10.png'); margin-top: 100px; padding: 10px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.login-border			{ border: 1px solid #cccccc;}
.login-style			{ border: 3px solid #FFFFFF; background: url('../images/login.jpg') center center no-repeat;}
.login-header			{
	height: 64px;
	background: url('../images/login_header.png') center bottom no-repeat;
	padding-top: 22px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.login-header .logo		{ width: auto; margin: 0px; padding-top: 0px; }
.login-header .logo .title	{ width: 400px; }
.login-header .logo .text	{ width: 400px; color: #333333; }
.login-inside			{
	height: 227px;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #203c72;
}
.login-inside p			{
	text-align: center;
	padding-bottom: 10px;
	color: #FFF;
}
.login-data				{ width: 310px; padding: 30px 10px 35px 30px; background: url('../images/bck_white_50.png'); margin: 0px auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom : 20px; }
.login-data .row		{ padding-bottom: 10px; }
.login-data label		{ display: block; width: 80px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.login-data .submit		{ margin-left: 90px; }
.login-footer			{ border-top: 1px solid #FFFFFF; background: url('../images/bck_black_70.png'); height: 22px; padding: 10px 15px 10px 15px;}
.login-footer a			{ color: #FFFFFF; text-decoration: none; background: url('../images/bck_white_20.png'); font-size: 11px; font-weight: bold; display: block; padding: 0px 15px 0px 15px; line-height: 22px;}
.login-footer a:hover	{ color: #FFFFFF; text-decoration: none; background: url('../images/bck_white_30.png');}
/********** Cabeza **********/
#Cabeza {
	background-image: url(../images/cabeza_fondo.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 70px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #828bb6;
}
#Cabeza .Logo {
	background-image: url(../images/logo.gif);
	float: left;
	height: 43px;
	width: 200px;
	left: 30px;
	position: relative;
	top: 10px;
}
#Cabeza .Version {
	float: right;
	position: relative;
	right: 10px;
	top: 15px;
	margin-top: 5px;
	margin-right: 20px;
	padding: 5px;
	width: 450px;
	background-image: url(../images/bck_white_20.png);
	background-repeat: repeat;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 11px;
	color: #FFF;
}
/********** Cuerpo **********/
#Contenedor {
text-align:center; margin-left:auto; margin-right:auto; width:960px;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#Contenido {
	clear: both;
	width: 100%;
margin-left:auto; margin-right:auto; 
}
#Contenido .Menu {
	float: left;
	width: 210px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#Contenido .Cuerpo {
	float: right;
	width: 750px;
	text-align: left;
}
/********** Pie **********/
#Pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/pie_fondo.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 25px;
	width: 100%;
	left: 0; 
	text-align: left;
}
#Pie a {
	text-decoration: none;
	color: #FFFFFF;
}
#Pie a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
#Ayuda {
	text-align: left;
	left: 30px;
	position: relative;
	top: 5px;
	float: left;
}
#Inicio {
	float: right;
	position: relative;
	top: 5px;
	right: 30px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
/********** Boton **********/
.Boton {
	width: 100px;
	background: #2C4C8A;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #20538D;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding-top: 3px;
	padding-bottom: 3px;
}
.Boton:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.Boton:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}
/********** Boton **********/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	padding-bottom: 10px;
}
.Subtitulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000033;
	text-decoration: none;
	text-align: center;
}
.Notas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #930;
}
.Form_contador {
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: right;
	border: 0px none #FFFFFF;
	color: #930;
}
input, select, textarea, iframe {
	background-color: #fff;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-size: 13px;
}
.TablaBorde {
	border: 1px solid #CCC;
	text-align: left;
	padding: 3px;
}
/*** notifications ***/
.notification{
	border:1px solid #666;
	border-radius:3px;
	display:block;
	overflow:hidden;
	padding:0px;
	z-index:1;
	zoom:1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.notification a.close{display:block; width:11px; height:11px; float:right; background:url('../images/ico_close_off.png') top left no-repeat; margin-right:3px; margin-top:3px}
.notification a.close:hover{background:url('../images/ico_close_ovr.png') top left no-repeat}
.notification a.close span{display:block; font-size:0%; visibility:hidden; text-indent:-9999px}
.notification .icon{display:block; width:16px; height:16px; float:left; margin-top:7px}
.notification p{color:#333; line-height:16px; margin-left:35px; margin-right:25px; margin-top:8px; margin-bottom:7px; padding:0px !important}
.note-error{background:#f5dcdd url('../images/bck_error.png'); border-color:#EC9B9B}
.note-error .icon{background:url('../images/ico_error_16.png') top left no-repeat; margin-left:10px}
.note-success{background:#ddf4ce url('../images/bck_success.png'); border-color:#72CB67}
.note-success .icon{background:url('../images/ico_success_16.png') top left no-repeat; margin-left:10px}
.note-info{background:#dce6f3 url('../images/bck_info.png'); border-color:#50B0EC}
.note-info .icon{background:url('../images/ico_info_16.png') top left no-repeat; margin-left:10px}
.note-attention{background:#f1eebf url('../images/bck_attention.png'); border-color:#D3C200}
.note-attention .icon{background:url('../images/ico_attention_16.png') top left no-repeat; margin-left:10px}
img.opacity{opacity:1; filter:alpha(opacity=100)}
img.opacity:hover{opacity:0.8; filter:alpha(opacity=80)}
#Contenedor .bloque {
	float: left;
	margin: auto;
	width: 190px;
}
.bloque img {
	width: 120px;
}
#Contenido .TextosNOj {
	text-align: left;
}
#Contenedor .botonazul {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #536b9c;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
}
#Contenedor .botonazul:hover {
	text-decoration: none;
	color: #CCC;
}