/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*margin-top:10px;*/
}

h1 {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background-color:#E1C8B4;
	margin-top:15px;
	padding-left:10px;
}

h2 {
	font-size:11px;
	color:#CC9966;
	font-weight:bold;
	text-transform:uppercase;
}

h3 {
	font-size:11px;
	color:#333333;
	text-transform:uppercase;
	font-weight:bold;
}

h4 {
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

h5 {
	font-size:11px;
	color:#333333;
	font-weight:bold;
	border-bottom:2px solid #999999;
	padding-left:10px;
	padding-bottom:5px;
}

a:link {
	font-size:11px;
	color:#0060AA;
	text-decoration:none;
}
a:visited {
	font-size:11px;
	color:#0060AA;
	text-decoration:none;
}
a:hover {
	font-size:11px;
	color:#0060AA;
	text-decoration:underline;
}

img {
	border:0px;
}

/* CONTENEDOR GENERAL */

#contenedorGeneral {
	margin:auto;
	position:relative;
	width:780px;
}

/* CABEZOTE */

#cabezote {
	width:780px;
	height:103px;
	background:#FFFFFF url(../img/bkg_cabezote.gif) top no-repeat;
	margin:auto;
	position:relative;
	border-top:1px solid #28769A;
}

#cabezote .logo {
	width:180px;
	height:54px;
	text-align:center;
	padding-top:6px;
	position:absolute;
	left: 0px;
	top: 0px;
}

#cabezote .titApp {
	width:585px;
	height:35px;
	font-size:18px;
	color:#0060AA;
	position:absolute;
	left: 180px;
	text-align:right;
	padding-right:15px;
	padding-top:25px;
	top: 0px;
}

#cabezote .fecha {
	width:180px;
	height:20px;
	top:83px;
	left:0px;
	position:absolute;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding-left:15px;
}

#usuario {
	width:130px;
	height:20px;
	background:#C61D24 url(../img/ico_usuario.gif) 95% 50% no-repeat;
	top:83px;
	left:650px;
	position:absolute;
}

#usuario .nombre {
	width:112px;
	left:0px;
	position:absolute;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	padding-top:3px;
}

/*------------------------- CONTENIDO CENTRAL --------------------*/

#contenedorCentral {
	width: 780px;
	margin: auto;
	background:#FFFFFF url(../img/bkg_coface.jpg) no-repeat top left;
	position: absolute;
	vertical-align: top;
	padding: 0px;
	color:#333333;
}

/*------------------------- CONTENIDO IZQUIERDO ------------------ */

#contIzquierdo {
	width:160px;
	float:left;
	background-color:transparent;
}

/*-------------------- CONTENIDO DERECHO ------------------------ */

#contDerecho {
	width:616px;
	float:right;
	border-left:1px solid #CCE0EA;
	background-color:transparent;
}

/* ruta */

#ruta {
	width:606px;
	height:14px;
	background:url(../img/bkg_izq_ruta.gif) left no-repeat;
	padding-left: 10px;
	font-size:11px;
	color:#418ABB;
}

/* titulo de pagina */

#titulo {
	width:600px;
	height:23px;
	background:url(../img/bkg_izq_titulo.gif) left no-repeat;
	padding-left:10px;
	padding-top:3px;
	font-size:22px;
	color:#28769A;
}

/* contenedor central pagina inicio */

#contInicio {
	width:600px;
	padding-bottom: 20px;
}

/* contenedor de la información de mensajes y agenda */
#mensajes {
	width:380px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #CCE0EA;
}

.filaMensajes {
	height:20px;
	border-bottom:1px solid #CCCCCC;
	padding-top:8px;
}

.filaMensajes .textoMensaje {
	float:left;
	width:380px;
}

.filaMensajes .numeroMensaje {
	float:right;
	margin-right:20px;
	width:30px;
	text-align:right;
}

.filaAgenda {
	padding-top: 8px;
	min-height:20px;
	height:expression(20 + 'px');
}

.filaAgenda .hora {
	float: left;
}

.filaAgenda .actividad {
	float: right;
	width: 205px;
}

/* contendor de la información de tareas */
#tareas {
	width:175px;
	float:right;
	padding-left:10px;
	/*min-height:365px;
	height:expression(365 + 'px');*/
}

.filaTareas {
	margin-top: 5px;
	padding-top: 8px;
	min-height: 20px;
	height: expression(20 + 'px');
	vertical-align: middle;
}

.filaTareas .check {
	width: 16px;
	float: left;
}

.filaTareas .tarea {
	width: 135px;
	float: right;
}

.filaTareas .important {
	width: 14px;
	float: right;
}

/* Contenedor paginas internas */

#contGeneral {
	width:600px;
	padding-bottom: 20px;
	padding-left:9px;
	padding-top:15px;
	min-height:370px;

}

/* PIE */

#pie {
	width: 780px;
	height: 50px;
	border-top: 1px solid #FFCC99;
	clear: both;
	padding-top: 4px;
	background-color:#FFFFFF;
	/*margin: auto;
	position:relative;*/
}

.copyright {
	float: left;
	text-align: left;
	color: #FFCC99;
}

.linksPie {
	float: right;
	text-align: right;
}

.linksPie a {
	background: #FFFFFF url(../IMG/PUCE-BAS.GIF) center left no-repeat;
	padding-left: 12px;
	padding-right: 5px;
}

/* -- --- PIE EFORCERS ---- 18dic2006 ------*/

#pieEforcers {
	margin: 5px 0 0 0;
	position:relative;
	width:120px;
	clear:both;
	float:right;
	text-align:right;
	background-color:#FFFFFF;
}
a.creditos {
  display:block;
  width:115px;
  height:21px;
  background:url(../img/eforcers_off.gif) no-repeat;
 }

a.creditos:hover {
  background:url(../img/eforcers_on.gif) no-repeat;
  }


/* ------------  TABLAS  ------------ */

table {
	border:0px;
	margin-top:15px;
	margin-bottom: 15px;
}

table.centrada{
	clear:both;
}

th {
	height:36px;
	background-color:#CCE0EA;
	font-size:11px;
	font-weight:bold;
	color:#28769A;
	vertical-align:middle;
	border-bottom:1px solid #28769A;
	border-right:1px solid #FFFFFF;
	text-align:left;
	padding-left:8px;
	padding-right:4px;
}

td {
	padding:3px;
}

/* TABLA NORMAL  -- 30/ENE/07 --*/

.tab {
	border:0px;
	margin-top:15px;
	margin-bottom: 15px;
}

.tab td {
	padding:3px;
	border-bottom:1px solid #CCCCCC;
}

/* TABLA LISTADO */

.tbl {
	border:0px;
	margin-top:15px;
	margin-bottom: 15px;
  }

  .tbl td {
    padding:2px 3px 2px 8px;
	height:30px;
	vertical-align:middle;
	border-bottom: 2px solid #999999;
  }

  .tbl .on {
    background-color: transparent;
  }
  .tbl .off {
    background-color: transparent;
  }
  .tbl .hover {
    background-color: #FCF0E0;
  }
  .tbl .click {
    background-color: transparent;
  }

  .tbl img {
    padding: 5px 3px 3px 3px;
	border:0px;
  }

/* paginado */

.paginadoLista {
	clear:both;
	margin-bottom:15px;
	margin-top:10px;
	text-align:center;
}

.paginadoLista img {
	vertical-align:middle;
	border:0px;
}

.paginadoLista a {
	padding-left: 5px;
	padding-right: 5px;
}

.paginaActual {
	font-weight:bold;
	color:#0060AA;
	padding-left: 5px;
	padding-right: 5px;
}

/* contenedores de botones */

#franjaBoton {
	height:25px;
	width:590px;
	vertical-align:middle;
	padding-bottom:3px;
	border-bottom:1px solid #DDDDDD;
	clear: both;
}

.contBoton {
	/*margin-top:5px;*/
	text-align:right;
	padding-right:10px;
	background-color:#CCE0EA;
	padding-bottom:5px;
	padding-top:5px;
}

/* Botones - Submit */

.boton {
	background-color:#EEEEEE;
	border-top:1px solid #E1C8B4;
	border-left:1px solid #E1C8B4;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	font-size:11px;
	color:#28769A;
	height:20px;
	margin-left:10px;
}

.submit {
	/*margin-top:5px;*/
	text-align:right;
	padding-right:10px;
	background-color:#CCE0EA;
	padding-bottom:5px;
	padding-top:5px;
}

/* FORMULARIOS */

form {
  margin-bottom: 15px;;
  padding: 0;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form fieldset {
  clear: both;
  border:0px;
  padding: 3px;
  margin: 0 0 0 0;
}

form div {
  /*clear: left; oculto el 24 de abril de 2008*/
  display: block;
  width: 570px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
  vertical-align:baseline;
}

form div label {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 5px;
  margin: 0 0 3px 0;
  text-align: left;
  color:#0060AA;
}

form div .txtOpcion {
	font-size:11px;
	color:#0060AA;
	vertical-align:baseline;
}


input, select, textarea {
  font-size:11px;
  color: #333333;
}

input {

}

textarea {
	border-left:1px solid #858584;
	border-top:1px solid #858584;
	border-bottom:0px;
	border-right:0px;
	overflow: auto;
}

select {
	height:auto; /* estaba en 16px cambio el 25/04/2008 */
	border-left:1px solid #858584;
	border-top:1px solid #858584;
	border-bottom:0px;
	border-right:0px;
}
.campo {
	width:154px;
	height:16px;
	background-color:#FFFFFF;
	border-left:1px solid #858584;
	border-top:1px solid #858584;
	border-bottom:0px;
	border-right:0px;
	margin-right:10px;
}

.campoPequeño {
	width:80px;
	height:16px;
	background-color:#FFFFFF;
	border-left:1px solid #858584;
	border-top:1px solid #858584;
	border-bottom:0px;
	border-right:0px;
	margin-right:10px;
}

.required {
	font-weight:bold;
	color:#0060AA;
	background:(../img/ico_required.gif) no-repeat 0% 5%;
	clear:both;
}

#optional {
	font-weight:normal;
}

/* ------------------ MENU ------------------------- */

#nivel1 {
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#CCE0EA;
}

#nivel1 li {
	margin:2px;
	padding:2px 0px 2px 5px;
	background:#28769A url(../img/fleche-off.gif) right no-repeat;
	color:#FFFFFF;
}

#nivel2 {
	list-style-type:none;
	margin:0px;;
	padding:0px;
	background-color:#CCE0EA;
}

#nivel2 li {
	margin:2px 0px 2px 0px;
	padding:2px 0px 2px 5px;
	background:#CCE0EA url(../img/fleche2-off.gif) right no-repeat;
	color:#28769A;
}

#menu {
	width:158px;
	background-color:#CCE0EA;
	padding:25px 0 0 0;
	margin:15px 0 0 0;
}

/* --------------------  Mensaje error - exito ------------------- */
/*TODO: Pedirle a Tatiana revisar los estilos
Se utiliza error message porque es la clase que utiliza el helper*/
.error_message {
	width:470px;
	text-align:left;
	padding:10px 0px 10px 70px;
	border:1px solid #CCE0EA;
	font-size:12px;
	font-weight:bold;
	color:#28769A;
	background: url(../img/ico_error.gif) no-repeat 5% 50%;
}

#flashMessage {
	text-align:left;
	padding:10px 10px 10px 65px;
	border:1px solid #CCE0EA;
	font-size:12px;
	font-weight:bold;
	color:#28769A;
	background: url(../img/ico_exito.gif) no-repeat 5% 50%;
}

dl {
line-height:2.1em;
margin-left:50px;
width: 460px;
}
dt {
font-weight: bold;
color:#333333;
vertical-align:top;
border-bottom:1px dotted #EEE0D5;

}
dd {
margin-left:15em;
margin-top:-2em;
vertical-align:top;
}

/* enero 29/07 */

.related {
	padding-left:40px;
}

ul.actions {
	line-height:1.7em;
	list-style-type:square;
}

/* pagina index - 01/02/07 */

/* contenedor central del index */
#contIndex {
	width:560px;
	/*height:270px;*/
	padding-bottom: 100px;
	background:transparent url(../img/bkg_simb_coface.gif) no-repeat 98% 90%;
	padding-left:20px;
	padding-right:20px;
}

#contIndex h1 {
	font-size:18px;
	font-weight:bold;
	color:#C61D24;
	padding-bottom:10px;
	padding-left:0px;
	background-color:transparent;
	padding-top:0px;
}
#contIndex p {
	line-height:1.5em;
	text-align:justify;
}

#contIndex h2 {
	font-size:14px;
	font-weight:bold;
	color:#28769A;
	padding-top:0px;
	text-transform:uppercase;
}
#contIndex h3 {
	font-size:13px;
	text-align:center;
	color:#C61D24;
}

#contIndex li {
	list-style-image:url(../img/bull_list.gif);
	line-height:1.5em;
}
blockquote {
	padding-left:20px;
	background:url(../img/check_16.gif) no-repeat 0px 0px;
	text-align:justify;
	margin-left:20px;
	color:#000000;
}

/* estilos para mensaje de alarma */
.tablaContenidoAlarma {
    border:1px solid #CCE0EA;
	background-color:#FDF5E8;
}
.tablaContenidoAlarma h2 {
	text-align:center;
	padding:10px 0 10px 0;
	background-color:#FFFFFF;
    border:1px dashed #CCE0EA;
}

/*Estilos versión II*/

/*#cakeSqlLog {
	display:none;
}*/
/*------------ Abril 8 2008 ----------*/
.search{
	float: left;
	width: auto;
}
#div_otros,
#div_status,
#div_rating,
#div_Cities{
	float: left;
	width: 170px;
}
div.boton-search{
	float: left;
	width: 50px;
	margin-bottom:5px;
}
hr{
	clear:both;
}
div.search{
	text-align:center;
	clear:none;
}
.crear-fecha{
	width:auto;
	float: left;
}
.crear-fecha label{
	color:#0060AA;
	width:auto;
}
 /*------------ FIN Abril 8 2008 ----------*/
/* ----- Agosto 20 2008 ----- */
table.autoasignacion{
	background-color:#FFFFFF;
	border:1px solid #28769A;
	margin:0px;
	padding:0px;
}
table.autoasignacion td{
	padding:10px;
}
/* ---- Noviembre 13 2008 ---- */
#lista-mensajes{
	height:400px;
	overflow: scroll;
}