/*
ESTILOS PARA ESTA APLICACION
*/

table.cuerpo {
	width: 980px;
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-collapse:collapse;
}

table.cuerpoColor {
	width: 980px;
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-collapse:collapse;
	background-color: #ccdae7;
}

table.cuerpo_popup {
	width: 800px;
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-collapse:collapse;
}

.sinBordes{
	border-style: none;
	border-width: 0px;
	border: 0px;
	border-collapse:collapse;	
}

hr.cuerpo {
	width: 980px;
}

.enlace{
	text-decoration: none;
}

.botonSalir{
	cursor: pointer;
	color: #3dd145;
	font-weight: bold;
	text-decoration: none;
}

.tituloCabecera{
	background: #004487;
	color: #ccdae7;
	font: bold 11px Helvetica,Verdana;
	text-transform: capitalize;
}

.espacioCabecera{
	background: #ccdae7;
}

.tituloSeccion {
	background-color: #1db4e9;
	color: #004485;
	font: bold 13px Helvetica,Verdana;
	text-transform: capitalize;
	width: 150px;
	padding-left: 10px;
	text-align: left;
}

.seccion {
	background-color: #1db4e9;
	color: #fff;
	font: bold 13px Helvetica,Verdana;
	text-transform: capitalize;
	width: 235px;
	padding-left: 10px;
	cursor: pointer;
	text-align: left;
}

.seccion:hover {
	background-color: #3dd145;
	color: #fff;
	font: bold 13px Helvetica,Verdana;
	text-transform: capitalize;
	width: 235px;
	padding-left: 10px;
	cursor: pointer;
}

.seccionActiva {
	background-color: #004485;
	color: #fff;
	font: bold 13px Helvetica,Verdana;
	/*font-weight: bold;*/
	text-transform: capitalize;
	width: 235px;
	padding-left: 10px;
	cursor: pointer;
}

.titulo{
	color: #113d40;
	font: bold 13px Helvetica,Verdana;
}

.texto{
	color: #113d40;
	font: 11px Helvetica,Verdana;
}

.textoGrande{
	color: #113d40;
	font: 13px Helvetica,Verdana;
}

.textoTitulo{
	color: #004487;
	font: bold 13px Helvetica,Verdana;
}

.textoDestacado{
	color: #113d40;
	font: bold 11px Helvetica,Verdana;
}

.textoDestacadoRojo{
	color: #990000 !important;
	font: bold 11px Helvetica,Verdana;
}

.textoGrandeDestacado{
	color: #113d40;
	font: bold 13px Helvetica,Verdana;
	text-decoration: none !important 
}

.textoGrandeDestacadoNegrita{
	color: #000000;
	font: bold 13px Helvetica,Verdana;
}

.textoNoDestacado{
	color: #646567;
	font: bold 11px Helvetica,Verdana;
	text-transform: capitalize;
}

.textoError{
	font: bold 11px Helvetica,Verdana;
}

.cajaTexto{
	font-family: Helvetica,Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: 1A458E;
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
	background-color: #DBE7F0;
	border:solid;
	border-width:1px;
	border-color:D1E1F0;
	margin-right:5px;
	margin-left:5px;
}

.areaTexto{
	font-family: Helvetica,Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: 1A458E;
	text-decoration: none;
	vertical-align: middle;
	height: 50px;
	background-color: #DBE7F0;
	border: none;
	margin-right:5px;
	margin-left:5px;
}
/*
input[readonly]{
	color: grey;
}

.cajaTexto:disabled{
	color: grey;
}
*/
.cajaTextoCorta {
	width:100px;
}

.cajaTextoCortaMedia {
	width:150px;
}

.cajaTextoMedia {
	width:200px;
}

.cajaTextoMediaLarga {
	width:300px;
}

.cajaTextoLarga {
	width:400px;
}

.cajaTextoMuyLarga {
	width:550px;
}

.cajaTextoUltraLarga{
	width:715px;
}

.cajaTextoLargaCorta {
	width:224px;
}
/*
FIN ESTILOS PARA ESTA APLICACION
*/

/*
ESTILOS PARA jqGRIG
*/

.ui-icon.excelicon {
    width: 16px;
    height: 16px;
    background-image:url(images/iconoExcel.gif);
}


#cuerpobase{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width:950px;
	
	}
	
#content{
	border: 1px solid #B1BCD0;
	height:80%;
	padding: 5px;
	}
	
#logo {
	background-image: url(../img/logo.jpg);
	width:292px;
	height:84px;
}

#sesion {
	color:#141414;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	cursor: pointer;
}

#ayuda {
	color:#213e7a;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	cursor: pointer;
}



.userin {
	color:#213e7a;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.userlog {
	color:#a38fa3;
	font-weight:100;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

/* CAJA LOGIN */
#cajalogin {
	background-color:#F9FCFF;
	border:1px solid #CDD8F1;
}

/* TEXTO DE LOS FORMULARIOS*/

.textoFormulario{
	font-size: medium;
	text-align: left;	
	}

input.textoFormulario{
	width: 250px;
	}

.enlaceFormulario{
	font-size: small;
	font-weight: bold;	
	}
	
table.cajaFormulario{

	}	



/* BOTONES */

div.boton {
	background: url("../img/btn_background.png") repeat-x scroll 0 0 #104A8F;
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:auto;
	height:15px;
	margin:1px;
	display:inline;
	}

td.boton {
	background-image: url("../img/btn_background.png");
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:70px;
	height:15px;
	}
	
div.boton:hover {
	background: #91A0C9;
	}
	
td.boton:hover {
	background-image: none;
	background: #91A0C9;
	}
	
div.botonauto {
	background: url("../img/btn_background.png") repeat-x scroll 0 0 #104A8F;
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:auto;
	height:15px;
	}
	
td.botonauto {
	background-image: url("../img/btn_background.png");
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:150px;
	height:15px;
	}
	
div.botonauto:hover {
	background: #91A0C9;
	}
	
td.botonauto:hover {
	background-image: none;
	background: #91A0C9;
	}

/* FIN BOTONES */

/* PANTALLA ENTRADA*/
#cajainicio{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}

.cajacentral {
	background-color:#F3F8FE;
	border:2px solid #E4EAF7;
}

#cajainicio a{
	color:#2D648A;
	border-bottom:1px dotted #CCCCCC;
	margin:0 15px 0 0;
}

#cajainicio a:hover, a:focus { color: #000; }

#cajainicio td{
	font-size: small;
}	

#cajainicio select{
	border: 1px solid #213E7A;
}

#cajainicio h3.titulo {
	text-align: left;
	background-color: inherit;
	color: #213E7A;
	border-bottom: 1px solid #B1BCD0;
}
	
/*** Controles Personalizados ***/
.botonsolicitar {
	background: #104A8F;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	padding:5px;
	text-align:center;
	width:120px;
	margin: auto;
}

.botonsolicitar:hover {
	background: #406FAA;
}

#cajainicio .enlaces_login_singup {
	display:block;
	text-align:center;
	font-size:15px;
	margin-top: 10px;
	margin: center;
}

#dimensiones select {
	width: 45px;
}


/* FIN PANTALLA ENTRADA */


/* ETIQUETAS HTML */

h1, h2, h3, h4, h5, h6 {
	color: #213E7A;
	text-decoration: none;
}

textarea.obsertext{
	padding:5px;
	width:650px;
	height:100px;
	}

input.fechatext, input.fechatitle {
	width:85px;padding:5px;
	}
input.fechahhmmtext, input.fechahhmmtitle {
	width:120px;padding:5px;
	}
	
input, select, textarea {
	height:25px;
	color: #213E7A;
	text-decoration: none;
	padding:2px;
	}
	
label.azul{
	color: #213E7A;
	}
	
.azul{
	color: #213E7A;
	}
	
fieldset.fondoazul {
	background-color:#F9FCFF;
	border:1px solid #CDD8F1;
}

/* ETIQUETAS HTML */

/* CLASES MENSAJES PANTALLA */




.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size:1em;
	line-height:3.2em;
	margin-bottom:3.2em;
	font-weight: normal;
	}
	
.info {
	color: #00529B;
	background-color: #BDE5F8;
	}
	
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	}
	
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	}
	
.error {
	color: #D8000C;
	background-color: #FFBABA;
	}

.infoimg, .successimg, .warningimg, .errorimg, .validationimg {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    cursor: pointer;
}
.infoimg {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}
.successimg {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.warningimg {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
    margin-right: 10px;
}
.errorimg {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}

#loadingmessage {
	padding: 15px; 
	opacity: .8;
	}

#loadimg {
	margin-top: 8px;
	width: 128;
	height: 15;
    background-image: url('../img/ports-loader.gif');
}

#loadtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #213E7A;
	font-weight:bold;
	font-size:1.5em;
	}
	
#loadtext2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #213E7A;
	font-weight:bold;
	font-size:1em;
	}
	
 .transparencia {
	background-color: #DBE7F0;
	border: none;
	opacity: 0.0;
	filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	zoom: 1;
}

.etiquetaTextotxCampoReadOnly{
	/*font-family: Tahoma;
	font-size: 11px;*/
	font-style: normal;
	font-weight: normal;
	color: 004487 !important;
	text-decoration: none;
	/*text-align: left;*/
	padding-left: 0px;
	border:solid;
	border-width:1px;
	border-color:D1E1F0;
	background-color:ffffff !important;
}
	
body{
	background-color:#ccdae7;
	}
table{
	background-color:#ffffff;
	}
	
.etiquetaTextotxCampoReadOnlyRojo{
	/*font-family: Tahoma;
	font-size: 11px;*/
	font-style: normal;
	font-weight: normal;
	color: 004487;
	text-decoration: none;
	/*text-align: left;*/
	padding-left: 0px;
	border:solid;
	border-width:1px;
	border-color:D1E1F0;
	background-color:ffffff !important;
}

.enlaceAviso{
	color:  #1A458E;
	font: 12px Helvetica,Verdana;
	cursor:pointer;
}

div.botonentrar {
	background: url(../img/btn_background.png) repeat-x scroll 0 0 #104A8F;
	background-repeat: repeat-x;
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:250px;
	height:15px;
	margin:1px;
	display:inline;
	max-width:250px;
	background-size: contain;
	}

div.botonentrar:hover {
	background: #91A0C9;
	}
	
div.botonentrarauto {
	background: url(../img/btn_background.png) repeat-x scroll 0 0 #104A8F;
	background-repeat: repeat-x;
	color:#FFFFFF;
	cursor:pointer;
	font: bold 12px Helvetica,Verdana;
	padding:5px;
	text-align:center;
	width:250px;
	height:15px;
	max-width:250px;
	background-size: contain;
	}
div.botonentrarauto:hover {
	background: #91A0C9;
	}