/* CSS básico */

/*** Modificación tags HTML ***/

body{
	margin: 0;
	padding: 5px 0 5px 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a {
	text-decoration: none;
	color: #333333;
	}
	
a:hover {
	text-decoration: underline;
	color: #333333;
	}
	
a img{
	border: 0;
	}

/*** Contenedor ***/
#wrapper{
	background-color: #FFFFFF;
	width: 800px;
	min-width: 470px;
	margin-left: 10px;
	text-align: left;
	}
	
/*** Cabecera de la página ***/
#banner{
	/*background-color: #FFFFFF;*/
	background-image:url(/imagenes/banner.gif);
	background-repeat: no-repeat;
	border-bottom: 5px solid #666666;
	padding-bottom: 5px;
	margin-bottom: 20px;
	height: 50px;
	}
	
#banner img.logo{
    float: left;
    width: 211px;
    }
    
#banner #logoTUV{
  float: right;
  width: 52px;
  margin: 5px;
  }
  
#panlabLogoPrint{
  visibility: hidden;
  float: left;
} 
  
/*	
#banner img{
	float: right;	
	width: 184px;
	}
*/


#cruzRoja{
  float: left;
	width: 192px;
  margin-top: 5px;
  padding: 0;
}

/*** quickOptions ***/
#quickOptions{
	float: right;
	width: 150px;
    margin-top: 5px;
    padding: 0;
    }
    
#quickOptions #buscador{
    }
	
#buscador form{
	margin: 0;
	padding: 0;
	}
    
#quickOptions #buscador input{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }

#quickOptions{
	}
	
#quickIconos{
	margin-top: 5px;
	}

#quickIconos .quickIcon{
	padding: 0 5px;
	float: right;
    }    

/*** Icono impresión ***/    
#printVersion{
	position: absolute;
	top: 117px;
	left: 785px;
	}

/*** Icono de impresión de página ***/	
#printVersion{
    /*background: url(/imagenes/print_icon.gif) center right no-repeat;*/
    text-align: right;
    /*padding-right: 25px;*/
    }

#printVersion a{
    /*text-decoration: none;*/
    font-size: 10px;
    font-weight: bold;
    color: #B2B2BA;
    }
	
/*** Menu de navegación ***/
.menuIndicateurLeft{
    background: url(/imagenes/menu_open_left.gif) center right no-repeat;
    }
	
.menuIndicateurDown{
    background: url(fleche.gif) center right no-repeat;
    }	

#menu{
    position:absolute;
    top:75px;
    left:10px;
    display:block;
    margin:0;
    padding:0;
    width:800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100;
    }

#menu ul{
    position:absolute; /* pour sortir la liste du flux de donn?e */
    display:block;
    width:160px;
    margin:0;
    padding:0;
    }
    
#menu li ul{
    visibility:hidden;
    }

#menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donn?e */
    top:auto;
    left:auto;
	/* 150 / -18 */
    margin-left:162px; /* Posición del submenú desplegable*/
    margin-top:-20px; /* move the sub menu verticaly */
    }
    
#menu li{
    list-style:none;
    width:160px; /* Se ve diferente en Mozilla e IE, afecta a la long. de los apartados del menú. */
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
#menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html #menu li li{
    display:inline;
    }

#menu a{
    text-align:center;
    /*background-color: #8BA88C;	*/
    /*border:1px #003300 solid;*/
	color: #333333;
    display:block;	
    width:154px; /* Se ve diferente en Mozilla e IE, afecta a la long. de los apartados del menú. */
    text-decoration:none;
    padding:1px 0;
    /*margin:1px;*/
	font-weight: bold;
    }
	
#menu a.topMenu {
	background-image: url(/imagenes/boton-off.gif);
	font-size: 11px;
	height: 16px;
	color: #FFFFFF;
	width:159px;
	}
    
#menu a.topMenu:hover {
	background-image: url(/imagenes/boton-on.gif);
	}	
	
#menu a:hover{
	background-color: #EDF2F0;
    /*background-color: #C5DFD3;*/
    /*border:1px #aaa solid;*/
	/*color: #006E4D;*/
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
    background-color: #D5E6DE;
}

/* hide some accessibility stuff */
#menu span{
    display:none;
    }

/* just for fun ;) */

#menu ul{
	background-color: #FFFFFF;
	/*border:1px #666 solid;*/
	}

#menu li li a{
	text-align: left;
	margin-top: 2px;
	padding: 2px 2px;
	background-color: #DAE8E4;
	font-weight: normal;
    border:1px #666 solid;
    }
   
#menu li li li a{
    }
    
#menu li li li li a{
    }
	
#menu .cabecera{
	font-variant:small-caps;
	font-size: 10px;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: /*#75B5A2*/#78a89b!important;
	color: #FFFFFF!important;
	}
	
/*** Lateral izquierdo ***/
#leftCol{
	/*background-color: #999999;*/
	float: left;
	width: 140px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	}
	
#leftCol img{  
  position: absolute;
	top: 115px;
	left: 45px;
	width: 75px;
	height: 75px;
  }
	
/*** Contenido Lateral izquierdo ***/
#contentLeft{
	position: absolute;
	top: 108px;
	width: 140px;
	}

/*** Menuta lateral izquierdo ***/
#menuL{
	position: absolute;
	top: 200px;
	width: 130px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	}
	
#menuL dl, #menuL dt, #menuL dd, #menuL ul, #menuL li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#menuL .titulo{
	background-color: #999999;
	color: #FFFFFF;
	display: block;
	width: 120px;
	padding: 2px 5px 2px 5px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#menuL ul{
	list-style-type: none;
	text-align: left;
	}

#menuL ul li a{
	background: transparent url(/imagenes/list-off.gif) left center no-repeat;
	padding-left: 15px;
	text-align: left;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;
	color: #999;
	}

#menuL ul li a:hover{
	background: transparent url(/imagenes/list-on.gif) left center no-repeat;
	color: black;
	}

#menuL ul li a#current{
	background: transparent url(/imagenes/list-active.gif) left center no-repeat;
	color: #666;
	}

/*** Contenido ***/
#content{
	/*background-color: #CCCCCC;*/
	margin-left: 150px;
	margin-top: 20px;
	padding: 5px 0 5px 10px;	
	font-size: 12px;
	line-height: 150%;
	}

#content h1{
	font-size: 150%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	padding: 5px;
	color: #333333;
	}
	
#content h2{
	font-size: 125%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	padding: 5px;
	/*margin-top: 20px;*/
	color:	#666666;
	}
	
#content p{
	color: #666666;
	}
	
/*** Footer ***/
#footer{
	/*background-color: #333333;*/	
	margin-left: 150px;
	margin-top: 5px;	
	border-top: 1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #666666;
	}

#footer p{
	margin-top: 0;
	}

/*****************************************************************************************************
 * popUp
 *****************************************************************************************************/
#popUp{
  margin: 10px 30px 0 30px;
  padding: 0 10px 0 10px;
  border: 3px solid red;
  font-size: 80%;
  }
  
#popUp h1{
  /*border-top: 2px;*/
  /*border-bottom: 2px;*/
  border-left: none;
  border-right: none;
  text-align: center;
  }
  
#popUp ul{
  list-style-type: square;
  }
  
#popUp table{
  text-align: center;
  width: 100%;
  }

/*****************************************************************************************************
 * inComming
 *****************************************************************************************************/
#inComming{
	margin: 10px 30px 0 30px;
	}

#inComming h1{
  border: none;
  }

#inComming #text{
	background: transparent url(/imagenes/fondoPB.gif) right bottom no-repeat;	
	}

#comingSoon {
  padding: 5px;
  }
	
.leafletCS {
  float: left;
  width: 100px;
  heigh: 75px;
  padding-left: 25px;
	background: transparent url(/imagenes/icoPDF.gif) center left no-repeat;
  }	
	
/*** Atributos genéricos ***/
.negrita{
	font-weight:bold;
	}

.cursiva{
	font-style: italic;
	}
	
.top{
	margin-top: 0;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 10px;
	text-align: right;
	padding-right: 15px;
	background: transparent url(/imagenes/top.gif) right center no-repeat;
	}

.top a{
	color: #333333;
	}
	
#condiciones p{
  font-size: 10px;
  margin: 5px;
  }
	
.clearboth{
	clear: both;
	}