/* ------------- ELEMENTOS GENERALES DE LA PAGINA ---------- */
/* Estilo generico para el cuerpo de la pagina */
body {
  font-size: .8em;
  color: #666;
  font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
}

/* ------------- CABECERA ---------- */
/* Estilo para la cabecera "cab" */
#cab {
  border-top: 4px #DDD solid;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%
}

/* Estilo para la zona del logotipo */
#cab #logo {
  position:absolute;
  top: 15px;
  left: 3%;
  width: 35%;
}

/* TODO: Prueba -> Adorno superior anexo al logo */
#cab #logo #adorno_logo {
  position:absolute;
  top: -15px;
  left: 50%;
}

/* TODO: Prueba -> Adorno superior anexo al logo */
#cab #logo #adorno_logo_int {
  position:absolute;
  top: -15px;
  left: 40%;
}

/* REBORDES */
/* Estilo de presentacion para bordes izquierdos pequeños */
.b_pq_izq {
	border-left: 1px solid #999;
}

/* Estilo de presentacion para bordes derechos pequeños  */
.b_pq_der{
	border-right: 1px solid #999;
	padding-right: 1%;
}

/* Estilo de presentacion para bordes derechos pequeños  */
.b_pq_sup {
	border-top: 1px solid #999;
}

/* Estilo de presentacion para bordes derechos pequeños  */
.b_pq_inf {
	border-bottom: 1px solid #999;
}

/* Estilo de padding pequeño inferior para los elementos */
.pad_pq_inf {
  padding-bottom: 10px;
}

/* Estilo de presentacion para bordes inferiores grandes */
.b_gr_inf {
	border-bottom: 3px solid #AAA;
}

/* ----------- CAJAS DE TEXTO ---------------- */
/* Estilo para las cajas de texto */
.ct {
  color: #666;
  border: 1px solid #BBB;
  padding: 1px 2px 1px 3px;
}

/* Estilo para las cajas de texto cuando estamos encima suyas */
.ct_hl {
  padding: 1px 2px 1px 3px;
  color:#444;
  border: 1px solid #58AB01
}

/* Estilo para las cajas de texto de formularios cuando estamos encima suyas */
.ct_hl_forms {
  padding: 1px 2px 1px 3px;
  color:#222;
  border: 1px solid #777
}

/* Estilo para las cajas de texto cuando se ha producido un error en ellas  */
.ct_err {
  padding: 1px 2px 1px 3px;
  color: #666;
  border: 1px solid #DD3C10;
}

/* RECUADROS INFORMACION */
/* Recuadro general con reborde sencillo para presentar informacion: sin color de fondo */
.recuadro_info {
	padding: 15px 15px 15px 15px;
	margin: 0px 0% 10px 0%;
	border: 1px solid #999;
}

/*  SUBTITULOS */
/* Estilo para los subtitulos de la zona central de las paginas */
#cp h3 {
	font-size: 1.2em;
	font-weight: bold;
}

/* Estilo para los titulos de las zonas de contedido dentro de los menus */
.b_contenido h2 {
  	font-size: 1em;
	  color: #888;
}

/* Estilo para las zonas de subtitulos en los menus */
.b_contenido .z_subtitulo_menu {
	margin-bottom: 12px;
	padding-bottom: 4px;
	width: 100%;
	border-bottom: 1px dotted #999;
}

/* Estilo para las zonas donde internamente se incluyen subtitulos para la zona central */
.subtitulo_central {
	margin-bottom: 8px;
}

/* ALINEACIONES */
/* Estilo para elementos alineados a la derecha */
.a_d {
  text-align: right
}

/* Estilo para elementos alineados al centro */
.a_c {
  text-align: center
}

/* Estilo para elementos alineados a la izquierda */
.a_i {
  text-align: left
}

/* Estilo para elementos justificados */
.a_j {
  text-align: justify
}

/* Estilo para las zonas de contenido dentro de los menus */
.b_contenido {
  padding: 10px 2% 10px 2%
}

/* ----- TAMAÑOS DE TEXTOS ---------- */
/* Tamaño de texto 1.1em */
.t_texto_1_1 {
	font-size: 1.1em;
}

/* Tamaño de texto 1em */
.t_texto_1 {
	font-size: 1em;
}

/* Tamaño de texto 0.85em */
.t_texto_0_85 {
	font-size: 0.85em;
}

/* Tamaño de texto 1.3em */
.t_texto_1_3 {
	font-size: 1.3em;
}

/* Tamaño de texto 1.2em */
.t_texto_1_2 {
	font-size: 1.2em;
}

/* Tamaño de texto 1.4em */
.t_texto_1_4 {
	font-size: 1.4em;
}

/* Tamaño de texto 1.8em */
.t_texto_1_8 {
	font-size: 1.8em;
}

/* ----- TAMAÑOS DE ELEMENTOS ---------- */
/* Tamaño de elemento de 45% */
.t_elem_45 {
  width: 45%;
}

/* Tamaño de elemento de 65% */
.t_elem_65 {
  width: 65%;
}

/* Tamaño de elemento de 100% */
.t_elem_100 {
  width: 100%;
}

/* ---------------- FORMULARIOS ----------------*/
/* Estilo para los formularios generales  */
.f_gen {
  display:inline;
}

/* Formato general para las leyendas de formularios */
legend {
	color: #666;
	padding-left: 2%;
}

/* Zona interna para los formularios a una columna generales */
.b_form_1c {
  position:absolute;
  left:8%;
  width: 90%
}

/* Zona izquierda para los formularios a dos columnas generales */
.b_i_form_2c {
  position:absolute;
  left:5%;
  width: 20%
}

/* Zona izquierda para los formularios a dos columnas con alineaciones laterales */
.b_i_form_2c_lat {
  position: relative;
  float:left;
}

/* Zona izquierda para los formularios a dos columnas generales */
.b_d_form_2c_lat {
  position: relative;
  float:right;
}

/* Zona derecha para los formularios a dos columnas generales */
.b_d_form_2c {
  position:absolute;
  left:25%;
  width: 65%
}

/* Zona izquierda para los formularios a tres columnas generales */
.b_i_form_3c {
  position:absolute;
  left:5%;
  width: 10%
}

/* Zona central para los formularios a tres columnas generales */
.b_c_form_3c {
  position:absolute;
  left:18%;
  width: 25%
}

/* Zona derecha para los formularios a tres columnas generales */
.b_d_form_3c {
  position:absolute;
  left: 43%;
  width: 60%
}

/* Estilo para las lineas de separacion entre campos de formulario */
.l_form {
  margin-bottom: 15px;
  height:28px;
  border-bottom: 1px solid #CCC;
}

/* Estilo general para los fieldsets */
fieldset {
  border:none;
}

/* Estilo para las lineas de separacion entre campos de formulario */
.l_form_doble {
  margin-bottom:30px;
  border-bottom: 1px solid #CCC;
  height:35px;
}

/* Estilo para las lineas de separacion entre campos de formulario - formato corto */
.l_form_corto {
  margin-bottom: 10px;
  height:20px;
  border-bottom: 1px solid #CCC;
}

/* Estilo para las lineas de separacion entre campos de formulario: elemento final */
.l_form_fin {
  margin-bottom: 10px;
  height:30px;
}

/* Estilo para las lineas de separacion entre campos de formulario: elemento sin separacion */
.l_form_cero {
  margin-bottom: 0px;
  height:20px;
}

/* Estilo para las lineas de separacion entre campos de formulario: elemento textearea */
.l_form_ta {
  margin-bottom: 140px;
  height:1px;
}

/* --------------------- ORTOGRAFIA ------------- */
/* Estilo para los elementos en negrita */
.b {
  font-weight:bold
}

/* Estilo para los elementos subrayados */
.s {
  text-decoration: underline;
}

/* Estilo para los elementos en cursiva */
.i {
  font-style: italic
}

/* Estilo de elemento con efecto "eliminado" */
.del {
  text-decoration: line-through
}

/* Estilo para dar formato inline a un elemento */
.d_i {
  display:inline
}

/* --------------- Imagenes ------------------ */
/* Estilo general para las imagenes: sin reborde */
img {
  border:none
}

/* --------------- Listas ------------------ */

/* Estilo general para las listas no ordenadas */
ul {
  padding: 0%;
  margin: 0%;
}

/* Estilo general para los elementos de listas */ 
li {
  display:inline; 
  text-decoration: none;
}

/* -------------- Botones ------------------ */

/* Estilo para los botones genericos */
input.bot_gen {
    font-weight:normal;
    cursor: pointer;
    border: 1px solid #555;
	  padding: 2px 6px 2px 6px;
}

/* ------------------ TextArea ----------------- */

/* Estilo para los elementos textarea */
textarea {
  padding-left:15px;
  color:#307803;
  border: 1px solid #CCC;
}

/* ------------------ Enlaces ----------------- */

/* Estilo generico para los enlaces */
a {
	background-color: inherit;
	text-decoration:none
} 

/* Estilo generico para los enlaces: HOVER */
a:hover {
	text-decoration:underline
} 

/* Estilo generico para los enlaces: HOVER de color verde */
a.c_v:hover {
	color: #346400;
}

/* Estilo generico para los enlaces: HOVER de color azul */
a.c_a:hover {
	color: #395796;
}

/* Estilo generico para los enlaces: HOVER de color gris */
a.c_g:hover {
	color: #444;
}

/* Estilo generico para los enlaces: HOVER de color naranja */
a.c_n:hover {
	color: #D0753E;
}

/* Estilo general para los titulos de tipo H2 */
h2 {
  font-weight:bold;
  display:inline;
  font-size: 1em
}

/* Subtitulado para las páginas - nivel 3 normalmente */
.subtitulo_pag {
	display:inline;
	font-size:1em;
}

/* ---------- COLORES --------- */

/* Coloreado en verde para la aplicacion */
.c_v {
  background-color: inherit;
  color:#42A100;  
} 

/* Coloreado en verde para la aplicacion */
.rb_v {
  border: 1px solid #42A100;
} 

/* Coloreado en amarillo para la aplicacion */
.rb_am {
  border: 1px solid #F90;
} 

/* Coloreado en blanco */
.rb_b {
  border: 1px solid #999;
} 

/* Coloreado en azul para la aplicacion */
.c_a {
  background-color: inherit;
  color:#309AD8;  
}

/* Coloreado en rojo para la aplicacion */
.c_r {
  background-color: inherit;
  color:#A71700;  
}

/* Coloreado en azul oscuro para la aplicacion */
.c_ao {
  background-color: inherit;
  color:#395796;  
}

/* Coloreado en gris 7 para la aplicacion */
.c_g {
  background-color: inherit;
  color: #777
}

/* Coloreado de fondo en gris claro para la aplicacion */
.bc_gc {
  background-color: #EEE
}

/* Coloreado de fondo en gris oscuro para la aplicacion */
.bc_go {
  background-color: #666
}

/* Coloreado de fondo en verde claro. */
.bc_vc {
  background-color: #DAEA66
}

/* Coloreado de fondo en verde medio. */
.bc_vm {
  background-color: #58AB01
}

/* Coloreado en blanco para la aplicacion */
.c_b {
  color: #FFF;
}

/* Coloreado en negro para la aplicacion */
.c_ng {
  color: #333
}

/* Coloreado en naranja para la aplicacion */
.c_n {
  background-color: inherit;
  color: #F60
}

/* ------------ MARGENES Y REBORDES ------------- */
.m_inf {
  margin-bottom: 10px;
}

.m_sup {
  margin-top: 10px;
}

/* Padding izquierdo de un 2% */
.p_izq_2 {
  padding-left: 2%;
}

/* Padding derecho de un 2% */
.p_der_2 {
  padding-right: 2%;
}

/* Padding izquierdo de un 4% */
.p_izq_4 {
  padding-left: 4%;
}

/* Padding derecho de un 4% */
.p_der_4 {
  padding-right: 4%;
}

/* ---------------- Errores --------------- */
/* Estilo para la zona de errores dentro del formulario. */
#z_e {
  left:0%;
  width: 100%;
  color: #444;
  padding: 10px 5% 10px 3%;
  border: 1px solid #DD3C10;
  background-color: #FFDDDD;
  margin-bottom: 35px;
}

/* Estilo para un titulo de la zona de errores */
.tit_errores {
  display:inline;
  font-size: .9em;
  font-weight: bold;
}

/* Zona para el cuerpo del formulario de errores de validacion */
.c_errores {
  margin: 10px 30px 0px 30px;
}

/* ---------------- Éxito --------------- */
/* Estilo para la zona de éxito dentro del formulario. */
#z_ok {
  left:0%;
  color: #444;
  padding: 10px 5% 10px 3%;
  border: 1px solid #66CC00;
  background-color: #DDFFAA;
  margin-bottom: 35px;
}

/* ---------- TABLAS --------- */
/* Estilo para las tablas de modo generico */
.table_gen {
  padding: 0%;
  margin: 0%;
  width: 100%;
  text-align: center;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

/* Estilo para las tablas de resultados de modo generico */
.table_res_gen {
  padding: 0%;
  margin: 0%;
  width: 100%;
  text-align: center;
}

/* Estilo para las cabeceras de las tablas de modo generico */
.th_gen {
  border-bottom: 1px solid #555;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  padding: 5px;
  text-align:center;
}

/* Estilo para las cabeceras de las tablas de resultados de modo generico */
.th_res_gen {
  padding: 5px;
  text-align:center;
  border-right: 1px solid #FFF;
}

/* Estilo para las filas de las tablas de modo generico */
.tr_gen {
	border-bottom: 1px solid #999;
}

/* Estilo para las columnas de las tablas de modo generico */
.td_gen {
  padding: 2px;
  border-right: 1px solid #999;
}

/* Estilo para las columnas de las tablas de resultados de modo generico */
.td_res_gen {
  padding: 14px 8px 14px 8px;
  text-align:center;
}

/* Presentacion de elementos con un reborde neutro y espaciado - imagenes p.e. */
.rb_neutro {
  border: 1.5px solid #999;
  padding: 2px; 
}

/* ------- NOTIFICACIONES ------- */
div.jGrowl div.manilla {
	background-color: #58AB01;
	font-family: Tahoma, Verdana;
	color: #FFF;
}
			
div.jGrowl div.manilla div.header {
	border-bottom: 1px solid #FFF;
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-size: 0.9em;
}

div.jGrowl div.manilla div.message {
	padding: 5px 1%;
	font-size: 1em;
	font-size: 0.95em;
}

div.jGrowl div.manilla div.close {
	color: 					white;
	padding: 				0px;
	margin: 				0px;
	width:					17px;
}

/* --------------------- CALENDARIOS ------------------ */
/* Estilo general para la zona de calendario */
table.calendario {
	font-size: 1em;
	width: 100%;
}

/*  Estilos compartidos para las columnas y cabeceras */
table.calendario td, table.calendario th {
	width: 6%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-color:#FFC;
	color: #444;
	position: relative;
	font-size: 0.9em;
}

/* Estilo unico para las cabeceras */
table.calendario th {
	height: 30px;
	background-color:#82B829;
	color: #FFF;
	font-weight: bold;
	font-size: 0.85em;
}

/* Estilo para las fechas con eventos generales: usuarios */
table.calendario td.fecha_con_eventos {
	background-color: #DAEA66;
}

/* Estilo para el día de hoy */
table.calendario td.hoy {
  background-color: #FC0; 
}