/* --- ESTILOS COMUNES PARA TODAS LAS PÁGINAS --- */
* {
  padding:0;
  margin:0;
}

div.oculto {
	display: none;
}

body{
 text-align: left;
 margin: 0px auto;
 background-image: url(../images/az_3.gif);
}

a:link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}

a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a:active{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}


acronym  {
    cursor: help;
}

.imagelink{
	border: 0px;
}

/*en esta capa estarán contenidos todos los elementos de la página web*/
#container{
	width: 100%;
}

/*primera capa de la página*/
#cabecera{
	width: 771px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 10px 0px 0px;
	font-size: 0.7em;
	font-weight: bold;
	height: 90px;
}

/*dentro de la cabecera de la página, el lado izquierdo de la pantalla*/
#cabizq{
	width: 455px;
	float: left;
	padding: 12px 0px 4px 20px;
}

/*dentro de la cabecera, el lado derecho de la pantalla*/
#cabdcha{
	width: 290px;
	float: right;
	padding: 13px 0px 0px 0px;
}

#cabdcha ul{
	margin:0px;
	padding: 1px 0px 0px 0px;
	color: #FFFFFF;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0px;
	font-weight: bold;
	margin-top: -7px;
}

#cabdcha ul li{
	display: block;
	float: right;
	width: 290px;
	text-align: right;
}

#cabdcha ul li a{
	padding: 3px 5px 3px 0px;
	background-color: #FF9900;
	color: #FFF;
	text-decoration: none;
	float: right; 
	border-top: 2px solid #FFF;
	width: 290px;
}

#cabdcha ul li a:hover{
	background-color: #FFF;
	color: #ff9900;
}

#cabdcha ul li.vacio{
	background-color: #ffe0b2;
	padding: 0px 5px 0px 0px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	height: 13px;
}
/*fin de menu de cabecera*/


/*esta capa contiene el menú del sitio*/
#menu{
	/*width: 769px;*/
	height: 21px;
	width: 48em;
	background-color: #0066cc;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	float: left;
}

#menu ul{
	margin:0px;
	padding: 1px 2px 0px 0px;
	color: #FFFFFF;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 0.70em;
	letter-spacing: 0px;
	font-weight: bold;
}

#menu ul li{
		display: inline;
}

#menu .select{
	padding: 0.18em 5px 0.3em 5.5px;
	background-color: #FFFFFF;
	text-decoration: none;
	float: left; 
	color: #0066cc;
	border-left: 1px solid #0066cc;
	border-right: 1px solid #0066cc;
	border-bottom: 1px solid #FFF;
}

#menu ul li a{
	padding: 0.18em 5px 0.3em 5.5px;
	color: #FFF;
	text-decoration: none;
	float: left; 
	border-left: 1px solid #0066cc;
	border-right: 1px solid #0066cc;
}

#menu ul li a:hover{
	background-color: #FFF;
	color: #0066cc;
	border-left: 1px solid #0066cc;
	border-right: 1px solid #0066cc;
	border-bottom: 1px solid #FFF;
}
/*fin del menú del sitio*/
/*--- FIN DE COMUNES ---*/

/* --- ESTILOS DEL NÚCLEO DE LA PÁGINA --- */

/* estilo que contiene todo lo demás*/
#contenido{
	width: 772px;
	/*apv width: 773px;*/
	/*padding-top: 2px;*/
	padding-top: 0px;
	background-color: #FFFFFF;
}

/*capa que contiene la información de la página*/
#info{
	width: 470px;
	/*apv width: 469px;*/
	background-color: #FFFFFF;
	padding: 8px 5px 0px 0px;
	float:left;
	border-left: 2px solid #FFF;
	height:314px;
}

#info h1{
	text-align: left;
	float: left;
	padding: 20px 0px 10px 15px;
	font-size: 3em;
	color: #ff9900;
	font-family: Humnst777 BT, arial;
	width: 380px;
}

#info h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #0077C0;
	font-weight: bold;
	padding-left: 35px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	float: left;
	text-align: left;
	width: 200px;
	}

#info ul{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.7em;
	color: #666;
	padding: 5px 0px 0px 40px;
	float: left;
	height: 220px;
	/*width: 440px;*/
	background-color: #FFFFFF;
}

#info ul li{	
	list-style-type: circle;
	padding-bottom: 7px;
	padding-top: 7px;
}

#info p{
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	padding: 5px 0px 0px 35px;
	color: #333333;
	height: 50px;
}

/*capa que contiene información para la página sobre accesibilidad*/
#accesibilidad{
	width: 764px;
	/*apv width: 766px;*/
	background-color: #FFFFFF;
	padding: 8px 5px 0px 0px;
	float:left;
	border-left: 2px solid #FFF;
}

#accesibilidad p{
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	padding: 10px 10px 10px 50px;
	color: #333333;
	width: 700px;
}

#accesibilidad h1{
	text-align: left;
	float: left;
	padding: 20px 0px 10px 15px;
	font-size: 3em;
	color: #ff9900;
	font-family: Humnst777 BT, arial;
	width: 380px;
}

#accesibilidad h2{
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #0077C0;
	font-weight: bold;
	padding-left: 50px;
	width: 400px;
}


#accesibilidad ul{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.7em;
	color: #333333;
	padding: 5px 0px 0px 80px;
	float: left;
	/*width: 440px;*/
	background-color: #FFFFFF;
}

#accesibilidad ul li{	
	list-style-type: circle;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
}

/* estilo del contenido de la parte izquierda de la pantalla */
#info1{
	width: 473px;
	/*apv width: 474px;*/
	background-color: #FFFFFF;
	padding: 8px 0px 0px 0px;
	float:left;
	border-left: 2px solid #FFF;
}

#info1 h1{
	text-align: left;
	float: left;
	padding: 20px 0px 10px 15px;
	font-size: 3em;
	color: #ff9900;
	font-family: Humnst777 BT, arial;
	width: 380px;
}

#info1 ul{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.7em;
	color: #333333;
	padding: 5px 0px 0px 50px;
	float: left;
	height: 220px;
	/*width: 440px;*/
	background-image: url(../images/az_4.gif);
	background-color: #FFFFFF;
	vertical-align: baseline;
}

#info1 ul li{
	list-style-image: url(../images/az_5.gif);
}

/* estilo del contenido de la parte derecha de la pantalla */
#info2{
	width: 293px;
	background-color:#FFFFFF;
	padding: 2px 0px 0px 0px;
	float:right;
	border-right: 2px solid #FFF;
	/*height:320px;*/
}

/*para el texto que hay bajo del mapa de donde estamos*/
#info2 .txt{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
font-variant: normal;
padding: 5px 5px 5px 5px;
color:#0077c0;
float: left;
}

/*estilo para la galería de imágenes de la página de fotografias*/
#galeria{
	width: 770px;/*771*/
	background-color: #FFFFFF;
	padding: 8px 0px 0px 0px;
	float:left;
	border-left: 2px solid #FFF;
	height: 475px;/*380px;*/
}


#galeria h1{
	text-align: left;
	float: left;
	padding: 20px 0px 10px 15px;
	font-size: 3em;
	color: #ff9900;
	font-family: Humnst777 BT, arial;
	width: 700px;
}

#galeria1{
	width: 750px;
	padding: 10px 5px 10px 15px;
}

#galeria1 .images{
	border: 1px solid #0077c0;
	padding: 0px 0px 0px 0px;
}

#galeria1 .txt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #333333;
	padding: 10px 0px 10px 5px;
	vertical-align: top;
	width: 360px;
	float: left;
}

#galeria1 ul{
	display: inline;
	list-style-type: none;
	float: right;
}

#galeria1 ul li{
	padding: 10px 3px 10px 3px;
	display: inline;
}
/*fin de galeria de imagenes*/

/*galeria de imágenes personalizada*/

#galeria2{
	width: 750px;
	padding: 0px 3px 10px 15px;
	text-align: right;
}

#galeria2 h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #0077C0;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
	width: 580px;
	background-color: #FFFFFF;
	float: right;
	text-align: right;
}

#galeria2 .images{
	border: 1px solid #0077c0;
	padding: 0px 0px 0px 0px;
}

#galeria2 .txt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #333333;
	padding: 10px 0px 10px 5px;
	vertical-align: top;
	width: 360px;
	float: left;
}

#galeria2 ul{
	display: inline;
	list-style-type: none;
	float: left;
}

#galeria2 ul li{
	padding: 10px 3px 10px 3px;
	display: inline;
}
/*fin galería personalizada*/

/* estilo para la capa que contiene el volver a la página anterior*/
#volver{
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #333333;
	padding: 18px 5px 0px 5px;
}

#volver a:link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

#volver a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}

#volver a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

#volver a:actived{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

/*mapa del sitio web*/
#mapa{
	width: 734px;
	padding: 10px 5px 10px 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #333333;
	padding: 10px 5px 10px 30px;
	float: left;
}

#mapa ul.izq{
	list-style-type: none;
	width: 300px;
	float: left;
	padding-left: 30px;
}

#mapa ul.izq li{
	padding: 10px 3px 10px 3px;
	display: block;
}

#mapa ul.izq li a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#mapa ul.izq li a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}


#mapa ul.izq li a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

#mapa ul.izq li.sub{
	padding-left: 30px;
}
/*---*/

#mapa ul.dch{
	list-style-type: none;
	width: 300px;
	float: left;
	padding-left: 30px;
}

#mapa ul.dch li{
	padding: 10px 3px 10px 3px;
	display: block;
}

#mapa ul.dch li a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#mapa ul.dch li a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}


#mapa ul.dch li a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

#mapa ul.dch li.sub{
	padding-left: 30px;
}

#cabdcha ul li.map{
	padding: 3px 5px 3px 0px;
	background-color: #FFFFFF;
	color: #FF9900;
	text-decoration: none;
	float: right; 
	border-top: 2px solid #FFF;
	width: 290px;
}

/*pie de la página*/
#pie{
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	background-color: #999;
	padding: 0.3em  0 0.2em 0px;
	height: 19px;
	border-top: 2px solid #FFF;
	float: left;
}

#pie a:link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

#pie a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
}

#pie a:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
}

#pie a:active{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}


#pie .copi{
	text-align: left;
	float: left;
	padding-left: 5px;
	padding-top: 4px;
}

#pie .datos{
	text-align: left;
	padding-right: 5px;
	float: right;
	padding-top: 4px;
}
/*fin de pie de página*/