/*---------------------------------------------------------------------------*/
/* Etiquetas		                                                     */
/*---------------------------------------------------------------------------*/
body		{
	font-family: Helvetica, Helvetica, sans-serif;
	color: #444444;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	
	overflow: visible;	/* SI NO PONEMOS ESTO, FALLA AL IMPRIMIR EN FIREFOX */
	//overflow: auto;		/* IE no detecta los comentarios con dos barras y por lo tanto los ejecuta (chapuza). Necesario para que salga la barra desplazable vertical */
	
}


body,table,tr,td,th,div { font-size: 8pt; }
table { border-collapse:collapse; }

a:link, a:active, a:visited, a:hover { color: #475f79; text-decoration: none; }
a:hover { color: #CC0000; }
a img { vertical-align: middle; }

a.boton { display: block;
	padding: 2px;
	font-size: 8pt;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	
	color: #404040;
	background-color: #f5f5f5;
	border-color: #ffffff #d4d4d4 #d4d4d4 #ffffff;
	border-radius: 2px;


}

a.boton_v { display: block;

	padding: 2px;
	font-size: 8pt;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	background-color: #f6f8f0;
	border-color: #ffffff #c7d2b5 #c7d2b5 #ffffff;

}

a.boton:hover, a.boton_v:hover{ display: block;
	cursor: pointer;
	color: black;
	
	background-color: #dfdfdf;
	border-color: #ececec #bfbfbf #bfbfbf #ececec;
}



/**** Campos de formulario ****/
form { margin: 0px; }
input	{ vertical-align: middle;  padding: 1px 3px 1px 3px; border: 1px solid #abadb3; color: #2d2d2d }
input:hover { color: black; }


.form { 
	border: 1px solid #cccccc;
	background-image: url('img/form_degradado.gif');
	background-repeat: repeat-x;
	background-position: top;
	padding: 1px 1px 1px 4px;
	font-family: Helvetica, Helvetica, sans-serif;
	font-size: 10px;
}

.form_select { font-size: 10px; border: 1px solid #cccccc; }

.form_boton {
	background-color: #e2f8a5;
	border-width: 1px;
	border-style: solid;
	border-color: #f8ffbf #acba3f #acba3f #f8ffbf;
	font-size: 10px;
	
}
.form_boton:hover { background-color: #cefc4d; border-color: #f8ffbf #acba3f #acba3f #f8ffbf; }

.titulo_left { text-align: left; font-weight: bold; }
.titulo_right { text-align: right; font-weight: bold; }
.titulo_center { text-align: center; font-weight: bold; }


/***** PESTAŅAS GENERICAS ****/
a.psc_boton, a.psc_boton_on{
	cursor: pointer;
	color: #253d00;
	display: block;
	padding: 3px 15px 3px 15px;
	margin: 3px 2px 0px 2px;
	line-height: 18px;

	font-family: Helvetica, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	text-align: center;	
	
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-radius: 10px 10px 0px 0px;
}

a.psc_boton:hover, a.psc_boton_on:hover{ 
	margin-top: 0px;
	height: 21px;
	line-height: 21px;
}

a.psc_boton{ 
	background-color: #e8e8e8;
	border-color: #ffffff #c0c0c0 #c0c0c0 #ffffff;
}

a.psc_boton:hover{ background-color: #ffdb84; }

a.psc_boton_on{ 
	background-color: #ffca27;
	border-color: #ffe1ae #e9b209 #ffffff #e9b209;
}

a.psc_boton_on:hover{ background-color: #ffdb84; }





/***** listados ****/
.lista_cabecera {
	background-color: #cefc4d;
	background-image: url('img/degrad.gif');
	background-repeat: repeat-x;
	background-position: left top;
	
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #f8ffbf #acba3f #acba3f #f8ffbf;

	font-weight: bold;
	color: #516900;	
}

.lista_cabecera td {
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ffffff #d5d5d5 #d5d5d5 #ffffff;

	font-weight: bold;
	color: #595959;	
}

.lista_familia {
	font-size: 12px;
	font-weight: bold;
	padding: 6px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #eeeeee;
	background-color: #f7ffdd;
}


.lista_normal { background-color: #ffffff; }

.lista_normal td {
	padding: 2px 6px 2px 6px; 
	border: 1px solid #eeeeee; 
}

.lista_activado td {
	padding: 2px 6px 2px 6px; 
	border: 1px solid #d5ef8d;
	background-color: #ebfac3;
}




/********** Menus Desplegables *************/
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "Helvetica", Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  
  color: #393A96;
}

div.menuBar {
	/*
	padding: 6px 0px 6px 0px;
	white-space: nowrap;

	background-color: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #cdcdcd #cdcdcd #ffffff;
	*/

}

div.menuBar a.menuButton {
  color: #000000;
  cursor: default;
  margin: 0px;
  padding: 6px 10px 6px 10px;
  position: relative;
  text-decoration: none;
  font-weight: normal;
	background-color: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #cdcdcd #cdcdcd #ffffff;
	/*z-index: 999; */
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  color: #007CC3;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {

	background-color: #dfdfdf;
	border-width: 0px 1px 0px 1px;
	
	border-style: solid;
	border-color: #ebebeb #cdcdcd #cdcdcd #ebebeb;
	color: #000000;
}

div.menu {
  left: 0px;
  	padding: 2px;
  position: absolute;
  top: 0px;
  margin-top: -2px;
  visibility: hidden;
 z-index: 1000;
  text-align: left;
	background-color: #dfdfdf;
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb #cdcdcd #cdcdcd #ebebeb;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 6px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #eeeeee;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #8EA4DE;
  border-bottom: 1px solid #283557;
  margin: 4px 2px;
}


/*---------------------------------------------------------------------------*/
/* JS POPUP_DRAG                                                             */
/*---------------------------------------------------------------------------*/		
.w_box{ float: left; position: absolute; left: 0px; top: 0px; }
.w_titulo, .w_contenido{ border-width: 1px; border-style: solid; }
.w_titulo span { float: left; }
.w_titulo img { vertical-align: middle; }
.w_titulo { white-space: nowrap; 
	background-color: #b3df39;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 1px 3px 1px 6px;
	border-color: #ddfa8b #77961f #77961f #ddfa8b;
}

.w_contenido {
	z-index: 200;
	background-color: #b3df39;
	color: #000000;
	padding: 3px;
	border-color: #ddfa8b #77961f #77961f #ddfa8b;
}


/*---------------------------------------------------------------------------*/
/* JS POPUP_DRAG v2                                                          */
/*---------------------------------------------------------------------------*/		
.wp_box { position: absolute; top: 0px: left: 0px; background-color: #e8e8e8; }
.wp_caption { }

.wp_titulo { text-align: left; padding-left: 6px; font-size: 11px; font-weight: bold; font-family: Helvetica; }
.wp_close { text-align: right; padding: 4px; }
.wp_contenido { padding: 5px; text-align: center;}

.wp_caption, .wp_contenido{ border-width: 1px; border-style: solid; border-color: #f9f9f9 #c0c0c0 #c0c0c0 #f9f9f9; }






/********** Estructura web *************/

.web_cabecera {
	border-width: 1px;
	border-style: solid;
	border-color: #fbfbf5 #c3c1ae #c3c1ae #f8f5ef;
}

.web_cabecera td { background-color: #FFFFFF; color: #ffffff; }


.web_contenido { padding: 0px 0px 0px 0px; }
.web_pie td {  }



/********** BOX Blancas *************/
.box_sup_izq{ background-image:url('img/box_sup_izq.gif'); width: 13px; height: 11px; }
.box_sup_der{ background-image:url('img/box_sup_der.gif'); width: 20px; height: 11px; }
.box_inf_izq{ background-image:url('img/box_inf_izq.gif'); width: 13px; height: 18px; }
.box_inf_der{ background-image:url('img/box_inf_der.gif'); width: 20px; height: 18px; }

.box_centro_sup{
	background-image:url('img/box_centro_sup.gif'); 
	background-repeat: repeat-x;
	background-position: top;
}

.box_centro_inf{
	background-image:url('img/box_centro_inf.gif'); 
	background-repeat: repeat-x;
	background-position: bottom;
}

.box_centro_der{
	background-image:url('img/box_centro_der.gif'); 
	background-repeat: repeat-y;
	background-position: right;
}

.box_centro_izq{
	background-image:url('img/box_centro_izq.gif'); 
	background-repeat: repeat-y;
	background-position: left;
}


.box_titulo { padding: 0px 0px 10px 0px; }
.box_titulo, .box_titulo td {
	font-style:italic;
	font-family: Helvetica;
	color: #515151;
	font-size: 14px;
	font-weight: bold;
}


.box_in, .box_out { border-width: 1px; border-style: solid; padding: 4px; }
.box_in	{ background-color: #ffffff; border-color: #d2d2d2 #FFFFFF #FFFFFF #d2d2d2; border-style: solid; }
.box_out	{ background-color: #f8f7f7; border-color: #FFFFFF #d2d2d2 #d2d2d2 #FFFFFF; border-style: solid; }






/* BORRAR ESTA MEIRDA LUEGO, CUANDO TODOS ESTOS ESTILOS ESTEN QUITADOS EN EL PROGRAMA */
#box{
  margin-bottom: 12px;
  text-align: left;
}


#boxtitulo, #boxtitulo td {
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	color: #409264;
}

#boxtitulo{
	background-color: #e2e3c6;
	padding: 2px 10px 2px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #fbfbf5 #c3c1ae #c3c1ae #f8f5ef;
	}




#boxcontenido	{
	background-color: #f6f5ea;
	padding: 4px 4px 4px 4px;
	font-size: x-small;
	text-align: left;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #fbfbf5 #c3c1ae #c3c1ae #f8f5ef;
	}


#boxin, #boxout, #boxrelieve{
	padding: 6px;
	margin: 6px 4px 6px 4px;
	border-width: 1px;
	font-size: x-small;
	text-align: left;
	color: #253B6E;
}

#boxin	{ background-color: #f9f8f2; border-color: #cac69b #FFFFFF #FFFFFF #cac69b; border-style: solid; }
#boxout	{ background-color: #F0EEE0; border-color: #FFFFFF #cac69b #cac69b #FFFFFF; border-style: solid; }
#boxrelieve	{ border-color: #dbd9c8; border-style: solid; }




/* TOOLTIP SCRIPT */
#tt {position:absolute; display:block; border: 1px solid #000000; background-color: #666; }
#tttop {display:block; overflow:hidden }
#ttcont {display:block; padding: 10px; color:#FFF; }
#ttbot {display:block; overflow:hidden }


/* FULL SCREEN DIV */
/* Para mostrar divs de alerta que tapan el contenido de la web hasta que hacemos click */
.fdiv_background { position: absolute; top: 0px; left: 0px; z-index: 99997; width: 100%; height: 100%; background-color: #ffffff; filter:alpha(opacity=80);-moz-opacity:.80; }
.fdiv_body { position: absolute; top: 0px; left: 0px; z-index: 99998; width: 100%; height: 100%; }



/* PAGINACION */
.pag_flechas { margin: 0px 0px 0px 0px; float: left; text-align: center; padding-top: 4px;  }
.pag_table td { font-size: 14px; padding: 3px; color: #808080;}
a.pag_selected, a.pag_normal { width: 20px; float: left; text-align: center; padding: 2px; margin: 0px 3px 0px 3px; font-weight: bold; border: 1px solid #e9e9e9;  border-radius: 4px; }
a.pag_selected:link, a.pag_selected:active, a.pag_selected:visited {
	border: 1px solid #8b8b8b;
	color: white;
	background-color: #8b8b8b;
}

a.pag_selected:hover { border: 1px solid black; color: white; }
a.pag_normal:hover  {border: 1px solid grey; color: #8b8b8b; }