/* CSS Document */

body{
	margin: 0px;
	background-color: #E3E8EE;
	background-image: url(../imagenes/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C3D6D;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #FF6600;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding-right: 0px;
	padding-left:  0px;
}
.obligatorios {
	font-size: 20px;
	color: #FF6600;
	font-weight: bold;
}
.asterisk{
	color: #FF6600;
}
.bgtop{
	background-image: url(../imagenes/bgtop.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 130px;
}
.bgmenu{
	background-image: url(../imagenes/bgmenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 205px;
	display: block;
	height: 493px;
}
.footer{
	background-image: url(../imagenes/footer.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 33px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3E658B;
}

#menu{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}
#menu td a{
	color: #3E658B;
	text-decoration: none;
	background-image: url(../imagenes/botonactive.jpg);
	height: 27px;
	width: 194px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
#menu td a:hover{
	color: #003366;
	text-decoration: none;
	background-image: url(../imagenes/botonahover.jpg);
	height: 27px;
	width: 194px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
#date{
	background-image: url(../imagenes/date.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	left:205px;
	top:130px;
	width:220px;
	height:25px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
}

#datehome{
	background-image: url(../imagenes/datehome.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 220px;
	position:absolute;
	left:204px;
	top:130px;
	width:221px;
	height:31px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	background-repeat: no-repeat;
}






#usuario {
	position:absolute;
	top:50px;
	right: 22px;
	width:450px;
	height:17px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 14px;*/
	font-weight: bold;
	/*color: #FF6610;*/
	text-align: right;	
	
	color: #f78c3c;
	font-size: 16px;
}
#rol {
	position:absolute;
	top:69px;
	right: 23px;
	width:450px;
	height:17px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-align: right;
}
#datehome{
	background-image: url(../imagenes/datehome.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 220px;
	position:absolute;
	left:204px;
	top:130px;
	width:221px;
	height:31px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	background-repeat: no-repeat;
}
#iconos{
	position:absolute;
	width:auto;
	height:auto;
	z-index:2;
	top: 106px;
	right: -30px;
}
/*formularios*/
input{
	background-color: #0C3D6D;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #EBEFF3;
	border-right-color: #0C3D6D;
	border-bottom-color: #0C3D6D;
	border-left-color: #EBEFF3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.campotexto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0C3D6D;
	background-color: #EBEFF3;
	border: 1px solid #0C3D6D;
}
.etiqueta{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003060;
}
.titulotabla{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	padding-top: 10px;
	padding-left: 10px;
}
.filtro{
	background-image: url(../imagenes/tabtit.gif);
	background-repeat:  repeat-x;
	background-position: center top;
	border: 0px none;
}
.titulocolumna{
	background-image: url(../imagenes/tabtit.gif);
	background-repeat:  repeat-x;
	background-position: center top;
	background-color: #C2CEDA;		
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #08396B;
	text-transform: capitalize;
}
.contenidotabla{
	background-color: #fff;
	/*text-align: center;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08396B;
	border: 1px solid #6081A0;
	padding: 3px;
}
.txtlogin{
	background-image: url(../imagenes/txtlogin.gif);
	height: 24px;
	width: 134px;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #002A55;
	padding-left: 15px;
	padding-top: 4px;
}
.selectlogin{
	background-image: url(../imagenes/txtlogin.gif);
	height: 24px;
	width: 134px;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #002A55;
	padding-left: 5px;
	padding-top: 2px;
	padding-right:4px;
	padding-bottom:2px;
}
.bglogin{
	background-image: url(../imagenes/bglogin.gif);
	height: 184px;
	width: 187px;
	background-repeat: no-repeat;
	background-position: center top;
}
.empresa{
	background-image: url(../imagenes/logos/empresa.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 105px;
	width: 180px;
}
.encabezado{
	background-image: url(../imagenes/encabezado.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 180px;
}

.bararhome{
	background-image: url(../imagenes/barahome.jpg);
	background-repeat: repeat;
	background-position: left top;
	height: 25px;
	background-color: #CDD3E1;
}
.infoempresa{
	height: 140px;
	background-color: #849aaf;
	/*border: 1px solid #A5B6C7;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002A55;
}
.lin{
	background-image: url(../imagenes/lin.gif);
	/*background-color: #849aaf;
	border: 1px solid #A5B6C7;*/
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #002A55;
}
.linizq{
	background-image: url(../imagenes/lineaizq.gif);
}
.linder{
	background-image: url(../imagenes/lineader.gif);	
}
.linizqabajo{
	background-image: url(../imagenes/lineaizqabajo.gif);
}
.linderabajo{
	background-image: url(../imagenes/lineaderabajo.gif);
}
.titulolineamiento{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #022C54;
}
.infoempresa2{
	background-color: #EFF1F6;
	border: 1px solid #A5B6C7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002A55;
	background-image: url(../imagenes/logoinfo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 0px;
	padding-left: 10px;
}

.nuevousuario{
	background-image: url(../imagenes/nuevousuario.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

.contacto{
	background-image: url(../imagenes/contacto.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

.tituloshome{
	background-image: url(../imagenes/tituloshome.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 15px;
}
#utilidades{position:absolute;
	right:55px;
	top:107px;
	width:auto;
	height:auto;
	z-index:3;}
.titulos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #102F4E;
	font-weight: bold;
	/*font-weight: bold;*/
}
.buscar{
	background-color: #CFD7E2;
	background-image: url(../imagenes/buscar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 33px;
}
#paginador{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;		
	color: #002A54;
	background-image: url(../imagenes/paginador.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 108px;
	padding-top: 15px;
}
/* Para los Toolip*/
 .dvhdr1 {
	background:#F3F0E7;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:200px;
 }
 
 .dvbdy1 {
	background:#FFFFFF;
	font-family:arial;
	font-size:11px;
	border-left:1px solid #6081A0;
	border-right:1px solid #6081A0;
	border-bottom:1px solid #6081A0;
	padding:5px;
	width:200px;
 }

#tablainformacion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	background-color: #E1E6EC;
	border: 1px solid #58799A;
	background-image: url(../imagenes/infogeneral.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.tablaformulario{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	background-color: #E1E6EC;
	border: 1px solid #58799A;
	background-image: url(../imagenes/fondo_marco_frm.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.alerta{
	background-color: #FFFFCC;
	background-image: url(../imagenes/alerta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #AA0101;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #AA0101;
	text-align: left;
	font-weight: bold;
}
.tabsup{
	background-image: url(../imagenes/menusup.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	text-align: center;
}

/* Paginador*/

/* Div emergente que contiene la caja de ir a página... SI */
.Marco_ir_a
{
	position: absolute;
	background-color: #FFFFFF;
}

.Marco_registros
{
	position: absolute;
	border: 0px;
}
/* Contiene el título de la caja emergente 'ir a' SI*/
.Titulo_ir_a
{
	/*background-color: #FFFFDD;*/
	font-size: 10px;
}

/* Contiene la celda que tiene el número de la página actual SI*/
.Celda_pagina_actual
{
	font-weight: bold;
	border: 0px;
	color: #FF6600;	/*background-color: #fffff0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Caja de texto 'ir a'  SI*/
.Caja_ir_a
{
	width: 50px;
}


/* Fin Class del paginador*/

/* calendario*/
DIV.calendar {
	POSITION: relative;
	z-index:1;
	visibility: visible;
}
.calendar {
	FONT-SIZE: 11px;
	BACKGROUND: #FFFFFF;
	CURSOR: default;
	COLOR: #25507B;
	FONT-FAMILY: tahoma,verdana,sans-serif;
	border: 1px solid #25507B;
}
.calendar TABLE {
	FONT-SIZE: 11px;
	BACKGROUND: #EAEDF2;
	CURSOR: default;
	COLOR: #25507B;
	FONT-FAMILY: tahoma,verdana,sans-serif;
	border: 1px solid #25507B;
}
.calendar .button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar .nav {
	BACKGROUND: #25507B url(menuarrow2.gif) no-repeat 100% 100%
}
.calendar THEAD .title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #25507B; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD TR {
	BACKGROUND: #25507B; COLOR: #fff
}
.calendar THEAD .daynames {
	BACKGROUND: #BECCD9
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #25507B; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid #25507B; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #a66
}
.calendar THEAD .hilite {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	COLOR: #25507B;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FF6600;
	border: 1px solid #FFFFFF;
}
.calendar THEAD .active {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #B6AA9E;
	border: 1px solid #25507B;
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; COLOR: #456; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .othermonth {
	FONT-SIZE: 80%; COLOR: #bbb
}
.calendar TBODY .oweekend {
	COLOR: #fbb
}
.calendar TABLE .wn {
	BORDER-RIGHT: #25507B 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #FFFFFF
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #FFFFFF
}
.calendar TBODY TD.hilite {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 1px;
	BACKGROUND: #FFFFFF;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	border: 1px solid #890023;
}
.calendar TBODY TD.active {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar TBODY TD.selected {
	BORDER-RIGHT: #25507B 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #25507B 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 1px; BORDER-LEFT: #25507B 1px solid; COLOR: #25507B; PADDING-TOP: 1px; BORDER-BOTTOM: #25507B 1px solid
}
.calendar TBODY TD.weekend {
	COLOR: #a66
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold; COLOR: #d50000
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	BACKGROUND: #574739; COLOR: #fff; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
	PADDING-RIGHT: 1px; BORDER-TOP: 1px solid #25507B; PADDING-LEFT: 1px; BACKGROUND: #25507B; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px
}
.calendar TFOOT .hilite {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	BACKGROUND: #FFFFFF;
	PADDING-BOTTOM: 1px;
	COLOR: #25507B;
	PADDING-TOP: 1px;
	border: 1px solid #820021;
}
.calendar TFOOT .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #93072A; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar .combo {
	BORDER-RIGHT: #655 1px solid; BORDER-TOP: #655 1px solid; DISPLAY: none; FONT-SIZE: 90%; BACKGROUND: #FFFFFF; LEFT: 0px; BORDER-LEFT: #655 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #25507B; BORDER-BOTTOM: #655 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 4em
}
.calendar .combo .hilite {
	BORDER-TOP: 1px solid #820223; FONT-WEIGHT: bold; BACKGROUND: #940E31; BORDER-BOTTOM: 1px solid #890020
}
.calendar .combo .active {
	BORDER-TOP: 1px solid #850224; FONT-WEIGHT: bold; BACKGROUND: #FFFFFF; BORDER-BOTTOM: 1px solid #850224
}
.calendar TD.time {
	PADDING-RIGHT: 0px; BORDER-TOP: #25507B 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #BECCD9; TEXT-ALIGN: center
}
.calendar TD.time .hour {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #D6C9C0;
	border: 1px solid #FFFFFF;
}
.calendar TD.time .minute {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #D6C9C0;
	border: 1px solid #FFFFFF;
}
.calendar TD.time .ampm {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #D6C9C0;
	border: 1px solid #FFFFFF;
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BORDER-LEFT-COLOR: #25507B; BORDER-BOTTOM-COLOR: #25507B; COLOR: #fff; BORDER-TOP-COLOR: #25507B; BACKGROUND-COLOR: #574739; BORDER-RIGHT-COLOR: #25507B
}
.calendar TD.time SPAN.active {
	BORDER-LEFT-COLOR: red; BORDER-BOTTOM-COLOR: red; COLOR: #a5ff00; BORDER-TOP-COLOR: red; BACKGROUND-COLOR: #25507B; BORDER-RIGHT-COLOR: red
}
/* calendario end*/


/** Ordenar tabla por columna*/
TD.table-sortable {
	background-color: #7F99B2;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #08396B;
	text-transform: capitalize;
	CURSOR: pointer;
}
TD.table-sorted-asc {
	background-color: #7F99B2;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #08396B;
	background-image: url(../imagenes/sorted_down.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
TD.table-sorted-desc {
	background-color: #7F99B2;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #08396B;
	background-image: url(../imagenes/sorted_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/* fin ordenar tabla por columna*/

/* Estilos para las encuestas*/
	.poller{	/* The poller box */
	padding:5px;
	height:210px;
	width:170px;
	margin:10px;
	border: 1px solid #08396B;
	background-color: #FFFFFF;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		margin-left: -10px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
	margin-left: -10px;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
	    margin-left:-20px;
		margin:0px;
		/*font-size:0.8em;*/
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:5px;
		margin-left: -10px;
		font-weight:bold;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
	float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
	float:left;
	height:16px;
	color:#FFF;
	font-size:0.7em;
	line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{
		margin-left:15px;
		height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.7em;
		margin-top:10px;
		margin-left:-20px;
	}	
	
/* Fin Estilos para las encuestas*/