/* CSS Document Top 30*/

/*--------------------- AREA PERSONAL ---------------------*/

#navegacion {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .625em;
	z-index: 100;
}

#navegacion li {
	list-style-type: none;
	float: left;
	padding: 0;
	font-family: Tahoma, sans-serif;
	color: #746D62;		
	z-index: 100;
	background: transparent url("../imgs/nav_sep.gif") no-repeat left top;
}

#navegacion li.primero {
	background: none;
}

#navegacion li a, #navegacion li span {
  display: block;  
  width: 6.5em;
	padding: 6.5em .3em 0 .3em;
	color: #746D62;
	text-align: center;	
	text-transform: uppercase;	
}

#navegacion li a:hover, #navegacion li span:hover {
	color: #666666;	
}

* html .submenu_navegacion {
  display: block; 
	position: absolute;	
	margin: 0;
	padding: 0;		
	background-color: #002F56;
	border-top: 5px solid #E93417;
	border-bottom: 5px solid #E93417;
	z-index: 100;
}

#navegacion li.linv1 .submenu_navegacion{
  display: none;
}

#navegacion li.linv1_hover .submenu_navegacion {
  display: block; 
}

#navegacion li.linv1:hover .submenu_navegacion {
  display: block; 
	position: absolute;	
	width: 9.5em;	
	margin: 0;
	padding: 0;		
	background-color: #002F56;
	border-top: 5px solid #E93417;
	border-bottom: 5px solid #E93417;
	z-index: 100;
}

#navegacion li.lihover .submenu_navegacion {
  display: block; 
	position: absolute;	
	width: 9.5em;	
	margin: 0;
	padding: 0;		
	background-color: #002F56;
	border-top: 5px solid #E93417;
	border-bottom: 5px solid #E93417;
	z-index: 100;
}

#navegacion li .submenu_navegacion li {
	clear: both;
	position: relative;
	float: left;	
	margin: 0;
	padding: 0;
	background: none;
}

#navegacion .submenu_navegacion li a {
	background: none;
	color: #FFFFFF;	
	padding: .2em .5em;
	text-align: left;	
	width: 8.5em;
	border-bottom: 1px solid #FFF;
	text-transform: none;	
}

#navegacion li#nav_1 a {
	background: transparent url("../imgs/ic_nav_01.gif") no-repeat center top;	
}

#navegacion li#nav_2 a {
	background: transparent url("../imgs/ic_nav_02.gif") no-repeat center top;
}

#navegacion li#nav_3 a {
	background: transparent url("../imgs/ic_nav_03.gif") no-repeat center top;
}

#navegacion li#nav_3 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_3 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_4 a {
	background: transparent url("../imgs/ic_nav_04.gif") no-repeat center top;
}

#navegacion li#nav_4 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_4 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_5 a {
	background: transparent url("../imgs/ic_nav_05.gif") no-repeat center top;
	width: 7.5em;
}

#navegacion li#nav_5 .submenu_navegacion {
  width: 8.5em;
}

#navegacion li#nav_5 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_5 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_6 a {
	background: transparent url("../imgs/ic_nav_06.gif") no-repeat center top;
}

#navegacion li#nav_6 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_6 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_7 a {
	background: transparent url("../imgs/ic_nav_07.gif") no-repeat center top;
	cursor: pointer;
	width: 9em;
}

#navegacion li#nav_7 .submenu_navegacion {
  width: 10em;
}

#navegacion li#nav_7 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_7 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_8 a {
	background: transparent url("../imgs/ic_nav_08.gif") no-repeat center top;
	width: 7.5em;
}

#navegacion li#nav_8 .submenu_navegacion {
  width: 8.5em;
}

#navegacion li#nav_8 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_8 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_9 a {
	background: transparent url("../imgs/ic_nav_09.gif") no-repeat center top;
	width: 7.5em;
}

#navegacion li#nav_10 a {
	background: transparent url("../imgs/ic_nav_10.gif") no-repeat center top;
	width: 9em;
}

#navegacion li#nav_10 .submenu_navegacion {
  width: 10em;
}

#navegacion li#nav_10 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_10 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion li#nav_11 a {
	background: transparent url("../imgs/ic_nav_11.gif") no-repeat center top;
	width: 8.5em;
}

#navegacion li#nav_12 a {
	background: transparent url("../imgs/ic_nav_12.gif") no-repeat center top;
	width: 7.5em;
}

#navegacion li#nav_12 .submenu_navegacion li a {
  background: none;
}

#navegacion li#nav_12 .submenu_navegacion li a:hover {
  background-color: #E93417;
}

#navegacion .submenu_navegacion li a:hover {
  color: #FFFFFF;
  background-color: #E93417;
}


/*-----------------------------------------------------------------*/

#navegacion_titular{
  clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
	padding: 0;	
	font-family: Century Gothic, Tahoma, sans-serif;
}

#navegacion_titular p {
	position: relative;
	float: left;
	width: 7%;
	margin: 0;
	padding: 0;	
	text-align: center;
}

#navegacion_titular ul {
	position: relative;
	float: right;
	width: 92%;
	margin: 0;
	padding: 0;	
}

#navegacion_titular ul li{
  list-style-type: none;
  display: inline;
  font-family: Century Gothic, Tahoma, sans-serif;
  font-size: 1em;
  color: #666;
}

#navegacion_titular ul li .gr{ 
  font-family: Century Gothic, Tahoma, sans-serif;
  font-size: 1em;
  color: #666;
}

#navegacion_titular ul li a, #navegacion_titular ul li a.gr{
  color: #666;
}

#navegacion_titular h2 {
	position: relative;
	float: right;
	width: 92%;
	margin: 0;
	padding: 0;	
	color: #000;
	font-size: 1.5625em;
	font-family: Century Gothic, Tahoma, sans-serif;
}

#navegacion_titular h2 .gract{
  color: #000;
  font-size: 1em;
  font-family: Century Gothic, Tahoma, sans-serif;
}

/*-----------------------------------------------------------------*/

.titular {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0 0 0;
	padding: 0;
	font-size: .75em;
	color: #626262;
}

.titular span {
	color: ;
}

.titular img {
	vertical-align: middle;
}

/* -------------------------------------------------------------------- */

#solapas {
	clear: both;
	position: relative;
	float: left;
	width: 98%;
	margin: .625em 0 0 0;
	padding: 0 0 0 1em;
	z-index: 7;
}

#solapas.tipo1 {
	background-color: #D9D9D9;
}

#solapas.tipo2 {
	background-color: #002F56;
}

#solapas.tipo3 {
	background-color: #EEEFF0;
}

#solapas li {
	list-style-type: none;
	float: left;
	margin: 0 .55em 0 0;
	padding: .6em .625em .6em .625em;
	border-top: 1px solid #002F56;
	border-left: 1px solid #002F56;
	border-right: 1px solid #002F56;
	border-bottom: 1px solid #D9D9D9;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #626262;
	background-color: #D9D9D9;
	text-transform: uppercase;
}

#solapas li.link {
	background-color: #002F56;
	border-bottom: 1px solid #002F56;
}

#solapas li a {
	color:#FFFFFF;
}

#solapas li a:hover {
	color: #999999;
}

/*-----------------------------------------------------------------*/

.menu_solapas,
.menu_solapas_tipo1,
.menu_solapas_tipo2,
.menu_solapas_tipo3 {
	clear: both;
	position: relative;
	float: left;
	top: -1px;
	width: 100%;
	margin: 0 0 1em 0;
	padding: .6em 0 .4em 0;
	border: 1px solid #002F56;
	border-bottom: 4px solid #002F56;
	z-index: 5;
}

.menu_solapas_tipo1 {
	background-color: #D9D9D9;
}

.menu_solapas_tipo2 {
	background-color: #002F56;
}

.menu_solapas_tipo3 {
	background-color: #EEEFF0;
}

.menu_solapas li,
.menu_solapas_tipo1 li,
.menu_solapas_tipo2 li,
.menu_solapas_tipo3 li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 0 .2em .75em;
}

.menu_solapas li .nivel1,
.menu_solapas_tipo1 li .nivel1,
.menu_solapas_tipo2 li .nivel1,
.menu_solapas_tipo3 li .nivel1 {
	display: block;
	position: relative;
	padding: .2em 1em;
	background-color: #002F56;
	border: 1px solid #002F56;
	color: #FFFFFF;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	cursor: pointer;
}

.menu_solapas li .nivel1:hover,
.menu_solapas_tipo1 li .nivel1:hover,
.menu_solapas_tipo2 li .nivel1:hover,
.menu_solapas_tipo3 li .nivel1:hover {
	background-color: #002F56;
	border: 1px solid #002F56;
	color: #FFFFFF;
}

.menu_solapas li.linv1:hover .nivel1,
.menu_solapas_tipo1 li.linv1:hover .nivel1,
.menu_solapas_tipo2 li.linv1:hover .nivel1,
.menu_solapas_tipo3 li.linv1:hover .nivel1 {
	background-color: #002F56;
	border: 1px solid #002F56;
	color: #FFFFFF;
}

.menu_solapas li.linv1 .submenu_solapas,
.menu_solapas_tipo1 li.linv1 .submenu_solapas,
.menu_solapas_tipo2 li.linv1 .submenu_solapas,
.menu_solapas_tipo3 li.linv1 .submenu_solapas {
	display: none;
}

.menu_solapas li.linv1:hover span,
.menu_solapas_tipo1 li.linv1:hover span,
.menu_solapas_tipo2 li.linv1:hover span,
.menu_solapas_tipo3 li.linv1:hover span {
	color: #FFFFFF;
}

.menu_solapas li.linv1:hover .submenu_solapas,
.menu_solapas_tipo1 li.linv1:hover .submenu_solapas,
.menu_solapas_tipo2 li.linv1:hover .submenu_solapas,
.menu_solapas_tipo3 li.linv1:hover .submenu_solapas {
	display: block;
}

.menu_solapas li.linv1_hover span,
.menu_solapas_tipo1 li.linv1_hover span,
.menu_solapas_tipo2 li.linv1_hover span,
.menu_solapas_tipo3 li.linv1_hover span {
	color: #FFFFFF;
}

.menu_solapas li.linv1_hover .submenu_solapas,
.menu_solapas_tipo1 li.linv1_hover .submenu_solapas,
.menu_solapas_tipo2 li.linv1_hover .submenu_solapas,
.menu_solapas_tipo3 li.linv1_hover .submenu_solapas {
	display: block;
}

.menu_solapas li.lihover .submenu_solapas,
.menu_solapas_tipo1 li.lihover .submenu_solapas,
.menu_solapas_tipo2 li.lihover .submenu_solapas,
.menu_solapas_tipo3 li.lihover .submenu_solapas {
	display: block;
}

select {
	color: #626262;
	background-color: #EEEFF0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	border: 1px solid #002F56;
	font-size: 0.75em;
}

.menu_solapas li a.bt_form,
.menu_solapas_tipo1 li a.bt_form,
.menu_solapas_tipo2 li a.bt_form,
.menu_solapas_tipo3 li a.bt_form {
	display: block;
	float: left;
	color: #626262;
	background-color: #002F56;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
	border: 1px solid #002F56;
	margin: 0;
	padding: .2em .5em;
	height: auto; /*necesario para evitar la de formularios*/
}

.menu_solapas li a.bt_form:hover,
.menu_solapas_tipo1 li a.bt_form:hover,
.menu_solapas_tipo2 li a.bt_form:hover,
.menu_solapas_tipo3 li a.bt_form:hover {
	color: #999999;
	background-color: #002F56;
	border: 1px solid #0092C8;
}

.menu_solapas li a.bt_form img,
.menu_solapas_tipo1 li a.bt_form img,
.menu_solapas_tipo2 li a.bt_form img,
.menu_solapas_tipo3 li a.bt_form img {
	vertical-align: middle;
	margin-top: -1px;
}

.submenu_solapas {
	position: absolute;
	margin: 0;
	padding: 1em 0 1em 0;
	width: 11em;
	background-color: #002F56;
	border: none;
	z-index: 6;
}

.submenu_solapas li {
	clear: both;
	position: relative;
	float: left;
	width: 9.4em;
	margin: 0;
	padding: 0 .8em .1em .8em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	background-color: #EEEFF0;
	border: none;
	border-bottom: 1px solid #626262;
}

.submenu_solapas li a {
	font-size: 0.75em;
	color: #626262;
}

.menu_solapas li a:hover,
.menu_solapas_tipo1 li a:hover,
.menu_solapas_tipo2 li a:hover,
.menu_solapas_tipo3 li a:hover {
	color: #999999;
}

.menu_solapas li.li_primero,
.menu_solapas_tipo1 li.li_primero,
.menu_solapas_tipo2 li.li_primero,
.menu_solapas_tipo3 li.li_primero {
	border: none;
}

.li_primero {
	border: none;
}

/*-----------------------------------------------------------------*/

#con_pers {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: 1.125em 0 0 0;
	padding: 0;
}

#con_pers_izda {
	position: relative;
	float: left;
	width: 64%;
	margin: 0;
	padding: 0 0 0 1.55em;
}

#con_pers_dcha {
	position: relative;
	float: right;
	width: 31%;
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------------*/

.aviso_buzon {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #002F56;
	font-weight: bold;
	border: 1px solid #D6D6D6;
}

.aviso_buzon img {
	vertical-align: middle;
	padding: .3em;
}

.aviso_buzon a {
	color:#002F56;
}

.aviso_buzon a:hover {
	color: #999999;
}

.tipo_user {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: .35em 0 0 0;
	padding: 1.05em 0 .45em .1em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #666666;
	font-weight: bold;
	border-bottom: 1px solid ;
}

.tipo_user a {
	color: #666666;
}

.tipo_user a:hover {
	color: #999999;
}

.lst_tipo_user {
	clear: both;
	position: relative;
	float: left;
	width: 60%;
	margin: 0 0 .625em 0;
	padding: .3em 0 .3em 2em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #666666;
	border-bottom: 1px solid ;
}

.lst_tipo_user li {
	list-style-type: none;
	list-style-image: url("../imgs/icapartado.gif");
	padding: 0 0 0 .3em;
}

.lst_tipo_user a {
	color: #666666;
}

.lst_tipo_user a:hover {
	color: #999999;
}

.blq_pers {
	clear: both;
	position: relative;
	float: left;
	width: 57%;
	margin: 1.85em 0 0 0;
	padding: .95em .5em .75em .5em;
	background-color: #F9F9F9;
	border: 1px solid ;
}

.tit_blq_pers {
	clear: both;
	position: relative;
	float: left;
	width: 71%;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: .55em;
	color: #666;
	background-color: #FFFFFF;
	border: 1px solid #D6D6D6;
}

.tit_blq_pers img {
	vertical-align: middle;
	padding: .3em;
}

.tit_blq_pers a {
	color: #666;
}

.tit_blq_pers a:hover {
	color: #999999;
}

.lst_blq_pers {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: 0 0 0 2.75em;
}

.lst_blq_pers li {
	list-style-type: square;
	margin: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #666666;
	padding: .2em 0;
}

* html .lst_blq_pers li {
  padding: 0;
}

*:first-child + html .lst_blq_pers li {
  padding: 0;
}

.lst_blq_pers li a {
	color:#666666;
	padding: 0;
}

.lst_blq_pers li a:hover {
	color: #999999;
}

/*-----------------------------------------------------------------*/

.tit_admin {
	margin: 0;
	padding: 0 0 0 .15em;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.75em;
	color: #666666;
}

#menu_admin {
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0;
	padding: .95em 0;
	background-color: #F9F9F9;
	border: 1px solid ;
	text-transform: lowercase;
}

#menu_admin li.menu_admin_n1 {
	list-style-type: none;
	clear: both;
	position: relative;
	float: left;
	width: 90%;
	margin: 0 0 .3em .5em;
	padding: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 0.625em;
}

#menu_admin li.menu_admin_n1 span {
	display: block;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
	color: #666;
}

#menu_admin li.menu_admin_n1 a {
	display: block;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
	color: #666;
}

#menu_admin li.menu_admin_n1 a:hover {
	color: #666;
}

#menu_admin img {
	vertical-align: middle;
	padding: .3em;
}

#menu_admin li.menu_admin_n1 ul li {
  list-style-type: square;
	color: #666666;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	padding: .2em 0;
}

#menu_admin li.menu_admin_n1 ul li a {
  display: inline;
	border: none;
	background-color: transparent;
	padding: 0;
	color: #666666;
}

#menu_admin li.menu_admin_n1 ul li a:hover {
	color: #999999
}
/*-----------------------------------------------------------------*/

#pie_tiempocarga{
  clear: both;
  position: relative;
  float:left;
  width:100%;
  font-size: 0.75em;
}

/*--------------------------------------------------------------------*/
/*------------------------- Generales --------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0px;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
	font-size: 100%;
	color: #000;
}

img {
	border: 0;
}

.oculto {
	display: none;
}

a {
	text-decoration: none;
}

/*------------------------- Fin Generales ----------------------------*/
/*------------------------- Global -----------------------------------*/

#global {
	position: relative;
	float: left;
	margin: 0;
  padding: 0;
  width: 99.9%;
	background: #FFF url("imgs/fnd_intro.jpg") repeat-x top left;
}


*html #global {
  height: 100%;
  overflow: auto;
	scrollbar-face-color: #EEEFF0;
	scrollbar-highlight-color: #EEEFF0;
	scrollbar-3dlight-color: #002F56;
	scrollbar-darkshadow-color: #002F56;
	scrollbar-shadow-color: #EEEFF0;
	scrollbar-track-color: #D9D9D9;
	scrollbar-arrow-color: #002F56;
}

/*------------------------- Fin Global -------------------------------*/
/*------------------------- Centrado ---------------------------------*/

#centrado {
	position: relative;
	width: 43em;
	height: 580px;
	margin: 0 auto;
	margin-top: 22px; /*62*/
  padding: 0;
  text-align: center;
}

/*------------------------- Fin Centrado -----------------------------*/

#logotipo {
	position: relative;
/*	float: left;*/
	margin: 0 auto;
	padding: 0;
	font-size: .75em;
	width: 191px;
	height: 151px;
	overflow: hidden;
}

#logotipo a {
	color: #FFF;
	background-color: #002647;
}

#logotipo span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 191px;
	height: 151px;
	background: transparent url("imgs/logotipo_intro.jpg") no-repeat top left;
}

/*---------------------------------------------------------------*/

#entrada {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 359px;
	margin: 0;
	padding: 0;
	background: transparent url("imgs/fnd_centro.jpg") no-repeat bottom left;
}

#foto_aleatoria {
	position: absolute;
	top: 20px;
	left: 114px;
	width: 466px;
	height: 321px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 1;
}

/*---------------------------------------------------------------*/

#menuintro {
	position: absolute;
	bottom: 83px;
	right: 0;
	width: 151px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#menuintro li {
	list-style-type: none;
	background: #002447 url("imgs/fnd_menuintro.gif") no-repeat bottom left;
	font-size: .95em;
	text-align: left;
	padding: 0 7px;
	margin: 3px 0 0 0;
}

#menuintro a {
	color: #FFF;
}

/*---------------------------------------------------------------*/

#pie {
	position: relative;
	float: left;
	margin: 16px 0 0 0;
	padding: 0;
	width: 100%;
	font-family: Tahoma;
	font-size: .625em;
	color: #999;
	text-transform: uppercase;
	background-color: #FFF;
}

#pie a {
	color: #999;
}

#pie a:hover {
	color: #999;
}

#pie img {
	margin: 0 10px;
}
/* -------------------------------------------------------------------- */


/* Fin */