body {
	/*color : #555555;  /* #333;*/
	 /*background: #eeeeee;*/
	background:  #dfdfdf repeat-x;
	/*background:  #fff repeat-x;*/
	/*background-image: url(../images/page_bg.png); */
	font-family: Arial, Helvetica, sans-serif, DejaVu Sans, Verdana;
	font-size: 12px;
	padding:0px;
	margin:0px;
	width: 100%;
}


/* Inicio Styles del Diseño Central del Sistema */
#bar { 
	width:100%; 
	height:45px; 
	padding:10px 0; 
	background:url(../images/bar.png) repeat-x; 
	position: absolute;
}
#header { 	
	height: 45px;
	margin-top: 0px;	
	margin-left: 10px;	
	position:absolute;
}
#contenido{
    position: absolute;   
    background-image: url(../images/logo_principal.png);
    top: 82px;
    width:100%;
    height: 80%;
    background-position: center center;
    background-repeat: no-repeat;
}
div.footer{
    position: absolute;
    color: #fff;
    width: 100%;
    height: 35px;	
    background: url(../images/foot.png) repeat-x;
    background-position: bottom;
    font-size: 1em;
    bottom: 0px;
    padding:10px 0; 
}

a:link,a:active,a:visited { color : #5A6AFF; text-decoration: none; outline:none; }
a:hover { text-decoration: none; color : #F70C08;}

/* inicio  de Style para Login de la Entrada*/

.loginform {
        position: center center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10em;
	margin-bottom:  2em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 445px;
	background: #F1F3F5;
	
/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
   box-shadow: 0px 1px 10px #bcbcbc;
}
	
.loginform h1 {
	background: url(images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.loginform p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	
	/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	margin: 0 0 1px 0;
	}

.inputlabel1 {
	font-weight: bold;
	text-align: left;
	margin: 0 0 -3px 4px;
	}

.inputbox {
	/*width: 150px;*/
	/*margin: 0 0 10px 0;*/
	border: 1px solid #cccccc;
	}

.inputboxc {
	width: 100px;
	margin: 0 0 10px 0;
	border: 1px solid #cccccc;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
	padding-top: 10px;
}

.version {
	font-size: 0.8em;
}

.footer {

}
/* fin de Style para Login de la Entrada*/

/* Inicio de Style para botones y cajas*/

.inputboxform {
	border: 1px solid silver;
	}

form {
    margin: 0px;
}

input, select 	{ 
	font-size: 12px;
	border: 1px solid silver; 
}

textarea	{ 
	font-size: 11px;  
	border: 1px solid silver; 
}
buttonn { 
	font-size: 14px;  
}

input.disabled { background-color: #F0F0F0; }

input.buttonn:hover  { 
    cursor: pointer;
    text-decoration: none; color: #0B55C4;
}
input.buttonn:focus  { 
    background: url(../images/j_button1_left12.png) no-repeat;
}

input:focus,
select:focus,
textarea:focus { background-color: #EEFDFF; }

.button-blok {
    padding-top: 5px;
    height: 26px;
}

.buttonn {
        height:26px;
	border:0px solid silver;
	color : #666666;
	font-weight : bold;
	text-align:  left;
	font-size : 11px;
	background: url(../images/j_button1_left12.png) no-repeat; 
	padding: 6px;
	white-space: nowrap; 
	margin-left: 155px;
	width: 80px;	
}

/* Fin de Style para botones y cajas*/

/* Inicio Style Etiqueta para los mensajes del Sistema */

.system-message {  /* Error */
	background: #E6C0C0 url(../images/notice-alert.png) 0px top no-repeat; 
	border-top: 2px solid #DE7A7B; 
	border-bottom: 2px solid #DE7A7B;
	padding: 8px;
}
.system-message h2 {
	color: #c00;
	margin: 0px;
	height: auto;
	padding: 0px 0px 0px 25px;
 	text-align: left;
	font-size: 1em;
}
.system-message-e {   /* Estandar */
	background: #C3D2E5 url(../images/notice-info.png) 0px center no-repeat;
	border-top: 3px solid #4b90e5; 
	border-bottom: 3px solid #4b90e5;
	padding: 8px;
}
.system-message-e h2 {
	color: #c00;
	margin: 0px;
	height: auto;
	padding: 0px 0px 0px 25px;
 	text-align: left;
	font-size: 1em;
}
/* System Notice Messages */
.system-message-n {	 /* noticia */
	color: #c00; background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat; 
	border-top: 3px solid #F0DC7E;
	border-bottom: 3px solid #F0DC7E;
}
.pending, .error, .warning, .message { color: #000; }
h3.info, h3.error, h3.warning, h3.message { font-size: 90%;}
.error {color : #C40000; background: #fdd url("../images/notice-alerta.png") no-repeat 6px 2px; border: 1px solid #fbb; padding: .3em 30px; margin: 0 0 0 0; position: relative; }
.warning, .pending { background: #ffd url("../images/icon_warning.gif") no-repeat 10px 3px; border: 1px solid #fe6; padding: .2em 40px; margin: .5em 0 1em 0; position: relative; }
.message { background: #dfd url("../images/notice-informa.png") no-repeat 6px 2px; border: 1px solid #bfb; padding: .3em 30px; margin: .5em 0 1em 0; position: relative; }
.pending { background: #ffd url("../images/ajax-loader.gif") no-repeat 10px 3px;}
.info {	background: #def url("../images/notice-info.png") no-repeat 6px 2px; border: 1px solid #9cf; padding: .3em 30px; margin: 0 0 0 0; position: relative; }

.err{	color:red;}
.success{color:#00CC00;}

/* Fin de estilos para mensajes de error, alertas... */