@charset "UTF-8";

/** ---- RESET ----- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param, dl, dt, dd{
 margin:0;
 padding:0;
}

ul li, ol li{list-style-type:none;}

img{
 border:0;
}

hr{
float:none;
display:block;
clear:both;
visibility: hidden;
}

hr.visible{
	border: none;
	border-top: 0.4em solid #d9dadb;
	visibility: visible;
	height: 0;
}

.navegacion, .nomostrar, .accesorio{display:none;}

fieldset{
border:0;
}

a{color: #000; text-decoration:none ;}
a:hover{color:#666;text-decoration:underline;}

a.plus{
	background-image: url(images/plus_black.gif); background-repeat: no-repeat; background-position: 0 0;
	padding-left: 1.5em;
	margin-left: 1em;
}

a.plus:hover{
	background-image: url(images/plus_grey.gif);
}

a.plan-navarra-2012{font: normal 2.55em/1em 'Times New Roman', Times, serif; color: #DE070C;}
a:hover.plan-navarra-2012{text-decoration:none;  color: #DE070C;}

p{margin-bottom: 0.7em;}

h3,
h3 a,
#gallery h3.normal{
font-size: 1.2em; color: #53246D; font-style: italic; line-height: 1.2em; margin-bottom: 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

h3 a{font-size: 1em}
h3 a:hover{color: #999;}

h4,
p.title{font-size: 1em; color:#666; line-height: 1.2em; font-weight: normal; margin-bottom: 0.5em; text-transform: uppercase; font-style: italic;}

p.text-right{text-align: right; margin-right: 1.5em}
p.text-center{text-align: center;}
.floatRight{float: right;}
.floatLeft{float: left;}

.big{font-size: 105%; line-height: 145%;}
.text-small{font-size: 75%; line-height: 110%;}

.grey{color: #666;}


/** ----- ESTRUCTURA ------ */


body{
	background-image: url(images/bg.gif);background-position: top left;
	font-family: Arial, Helvetica, sans-serif;font-size: 0.85em;
	line-height:0.95em;
	color: #000;
}

/** ESTRUCTURA GENERAL: contenedores */

#wrapper{
	width:60em;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 1em;
}

	/** CABECERA */
	
	#wrapper #header{
		width: 100%;
		overflow: hidden;
		background-image:url(images/bg_wrapper.jpg);background-repeat: no-repeat;background-position: right 0.1em;
		position: relative;
	}
			
		h1{
			position: relative;
			overflow: hidden;
			width:100%;
		}
		
			h1 span,
			h2 span{display: none;}
			
			.logos_top{
				position: absolute;
				right: 3.5%;
				top: 1.2em;
				padding:0;
			}
				
			h2.link_header{
				width: 8em;
				margin: 0.5em 0 0 0.5em;
				font-size: 0.85em;
				line-height: 1.1em;
				text-align: center;
				font-weight: normal;
			}
			
				h2.link_header a:hover{text-decoration: none;}
			
			/** Navegacion idiomas */
			
			#header ul#navlang{
				position: absolute;
				font-style: normal;
				width: auto;
				right: 0%;
				float: none;
			}
			
			ul#navlang li {
				float: left;
				font-size: 0.65em; line-height: 0.7em;
				text-transform: uppercase;
				text-align: center;
			}
			
			ul#navlang li.first{border:none;}
			
			ul#navlang a{
				display: block;
				color: #000;
				padding: 0.6em 1em 0.4em 1em;
				background-color: #FFF;
				border-left: 1px solid #666;
				border-bottom: 1px solid #666;
			}
			
			#header ul#navlang a:hover{
				background-color:#666;
				color: #FFF;
				
				text-decoration: none;
			}
			
			/** Navegacion menu accesorio superior */
			
			#navplus{width: 80%; width: auto; overflow: hidden;}
			
				#navplus ul{
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				}
				
				#navplus ul li {
					float: left;
					font-size: 0.8em; line-height: 0.7em;
					border-left: 0.01em solid #333333;
					padding: 0.2em 0.5em 0.2em 0.5em;
					margin-top: 0.5em;
				}
				
				#navplus ul li.first{border:none; padding-left: 2em;}
				
				#navplus ul a{
					color: #000;
					font-weight: bold;
					text-decoration: underline;
				}
				
				#navplus ul a:hover{
					color:#764077;
				}
			
			
		/** Navegacion principal */
	
		#header #nav {
			padding-top: 1.5em;
			clear: both;	
			margin-top: -0.01em;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		}
				
			#nav ul#navmain{
				clear: both;
				height: 2em;
			}
				ul#navmain li{
					float:left;			
				}
				
					
					ul#navmain li a{
						color:#777;	
						text-decoration:none;
						padding: 0.3em 1.5em 0.5em 1.5em;
						font-size: 1em;
						font-weight: bold;
						line-height: 2em;
						background-image:url(images/bg_navmain_off.jpg); background-repeat: repeat-x; background-position: bottom left;		
						border-top: 0.01em solid #EEE;	
						border-right:0.01em solid #EEE;	
					}
						
					ul#navmain li a:hover{
						color:#FFF;
						background-image: none;		
						background-color: #666;		
						border-top-color: #666;	
						border-right-color: #666;
					}
					
					ul#navmain li.current a {color: #000; background-color: #FFF; background-image: none;}
					ul#navmain li.current a:hover {border-top-color: #EEE;border-right-color: #EEE;}
					
					
					

		
		/** Navegaciones alternativas */
		#alernativenav{
			margin: 0.5em 1em 0 1em;	
			height: 2em;
			font-family: Arial, Helvetica, sans-serif;
		}
		
			/** Navegacion migas de pan*/
			
			.navmigas{font-size:0.85em;margin-bottom:1em;float:left; height: 2em;font-style:normal;}
			.navmigas ul{list-style:none;display:inline;color:#666;}
			.navmigas li{display:inline; font-weight: bold;}
			.navmigas a{font-weight: normal;}
			
			
			/** Navegacion utilidades*/
			
			.utilities{font-size:0.9em;margin-bottom:1em;float:right; clear: right;  height: 2em;font-style:normal;}
			.utilities p{list-style:none;margin:0;padding:0;color:#777;}
			.utilities a{color:#777;}
			
			.utilities a.print{
					background-image: url(images/icons.gif); background-repeat: no-repeat; background-position: 0 0; 
					padding-left: 1.7em;
					overflow: hidden;
				 }
		
		
		
		/** CONTENIDO */
		
		#content{
			width:100%;
			overflow: hidden;
			background-image: url(images/bg_content.gif); background-repeat: repeat-y; background-position: 20% 0;
			text-align: justify;
		}
		
		
		body.inicio #content{background-position: 31.5% 0;}
		body.columnas-ancho #content{background-position: 30% 0;}
		
		body.ancho #content{
			width:90%;
			overflow: hidden;
			margin: 0 5%;
			background: none;
		}
		
			#content ul{margin: 0 0 1em 2em;}
			#content ol{margin: 0 0 1em 2em;}
			
				#content ul li{list-style-type: disc; margin: 0.5em 0;}
				#content ol li{list-style-type: decimal; margin: 0.5em 0;}
				body.inicio #content ul li, #content ul.pictures li{list-style-type: none;}
				
			.ul_col1, 
			.ul_col2{
				width: 45%;
				float: left;
				overflow: hidden;
			}
			
				ul.pictures li{
					background-image: url(images/picture.gif); background-repeat: no-repeat; background-position:0 0;
					padding-left:1.4em;
					height: 1em;
					text-align: left;
				}
				
					ul.pictures li.fila_alta{
						height: auto;
					}
			
						ul.pictures li.fila_alta span{
							font-size: 85%;
						}
						
			#content ul.puntos-fijos li{float: left; width:30%;}
			
		/** NOTICIAS */
		
		p.date{
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 2em;	
			font-style: normal;
		}
		
		#content .foto{
			width: 45%;	
			font-size: 0.85em;
			position: relative;
			color: #666;
		}
		
			#content .floatLeft{margin: 0 1em 1em 0;}
			#content .floatRight{margin: 0 1em 0 1em;}
		
		#content #lateral .foto{
			width: 99%;	
		}
		
			#content .foto img{
				width: 99.9%;
			}
			
			#content .foto p{padding: 0 0.5em;}
			
			.bg_slide_foot{background-color: #666; color: #FFF; padding:0.5em;}
			.ancho .bg_slide_foot{width: 40%;}
			
			#content .foto #gallery .nextimg,
			#content .foto #gallery .previmg{
				bottom: 7%;
				top: inherit;	
			}
			
			.foto .img_border{border: 1px solid #666;}
			#content .foto .img_border img{width: 100%;}
			
			
		/** Columna de la izquierda */
		
		#content #lateral{
			float: left;
			width: 18%;
			padding: 0 1.5%;
			font-size: 0.9em;
			line-height: 1.2em;
			text-align: left;
		}
			
						
			#content #lateral ul{
				list-style-type: none;
				margin: 0 0 1em 1em;
			
			}
			
			#content #lateral ul li{
				list-style-type: none;
			}
			
				
				#content #lateral ul li.current a{ 
					font-weight: bold;
				}
			
			#lateral p.info{
				overflow: hidden;
				width: 1.7em;
				height: 1.7em;
				display: block;
				margin: 0 0 0.5em 0;
				background-image: url(images/icons.gif); background-repeat: no-repeat; background-position: 0 -48px;
				text-indent: -5000em;
			
			}
			
			#lateral dt{
				margin-top: 1em;
				font-weight: bold;
				font-style: italic;
				font-size: 0.9em;	
			}
			
			#lateral dd{
				color: #666;
				padding-left: 1em; 
				font-size: 0.9em;
			}
		
		
		/** HOME */
			
		body.inicio #content #lateral{width: 29%;}
		body.columnas-ancho #content #lateral{width: 27%;}		
		
			body.inicio #content #lateral ul{margin: 0;}
				
				#video_presentacion {
				 
				}
				
				/*#lateral #video_presentacion {
				  height: 210px;
				}*/
				
				div.print{
					display: none;
				}
				
				#lateral .video p{
					margin-top: 0.5em;
					font-size: 1.2em;
					font-style: italic;
				}
				
				#lateral .video p.footer_grey{
					font-size: 0.8em;
					color:#666;
					font-style: normal;
					font-family: Arial, Helvetica, sans-serif;	
				}
	
			
			#lateral .lastnews{
				margin: 1em 0;
			}
			
				#lateral .lastnews ul li{
					padding: 1em 0;
					border-top: 0.4em solid #d9dadb;
					
				}
				
				body.ancho #content .lastnews ul li{list-style-type: none; border-bottom: 0.3em solid #d9dadb;}
				body.ancho .lastnews ul{width: 85%;}
				
					.lastnews ul li span{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 0.7em;
						color: #777;
					}
				
				.lastnews ul li a{
					font-size: 1em;
				    font-style: italic;
					font-family: Arial, Helvetica, sans-serif;
					line-height: 1.5em;
					padding-bottom: 1.5em;
					display: block;
					background-image:url(images/plus_black.gif); background-repeat: no-repeat; background-position: bottom left;
					margin: 0.5em 0;
					}
					
				.lastnews ul li a:hover{
					background-image: url(images/plus_grey.gif);
				}
				
		#lateral .banner{
				margin: 1em 0;
				border-top: 0.4em solid #d9dadb;
				border-bottom: 0.2em solid #d9dadb;
				padding-bottom: 0.5em;
			}
			
				#lateral .banner img{
					width: 100%;
					margin: 0.5em 0;
				}
				
				#lateral .banner a{
					margin: 0.5em 0;
					font-size: 0.9em;
					color: #000;				
				}
				
				#lateral .banner a:hover{
					text-decoration:none;
					color: #666;
				}
		
		/** Columna de la derecha */
		
		#content #contenido{
			float: right;
			width: 78%;
		}	
	
			#content #contenido p{
				/*font-style: italic;*/
				font-family: Arial, Helvetica, sans-serif;
				color: #666;
			}
			
			#content #contenido sup{font-size: 65%;}
			
			div.image img{width: 97%; margin-bottom: 1.2em;}
			
		body.inicio #content #contenido{width: 67%;}
			body.inicio #content #contenido p{margin-right: 1em;}
		body.columnas-ancho #content #contenido{width: 66%; margin-right: 1em}
		body.camaras-fijas #content #contenido{width: 76%; margin-right: 1em}
				
		/* HOME */
		
			/** Galería de fotos */
			#gallery{
				position:relative;
				width: 100%;
			}
			
			
			/*.foto #gallery{position: absolute;}*/
						
			#content #gallery ul li{list-style-type: none;}
						
			  #gallery li {
			    list-style: none;
			  }
				#gallery h3{
					font-size: 1em;
					line-height: 1.2em;
					font-style: italic;
					font-weight: bold;
					margin-bottom: 0.5em;
					color: #000;	
				}
        #gallery #slide_foot {
          text-align: left;
       		font-weight: normal;
        }
				
				body.camaras-fijas #slide_foot{
					/*position: absolute;
					right: 2em;*/
					background-color: #666;
					color: #FFF;
					padding: 0.5em;			
					diplay: inline;
					width: 27%;		
				}
				
				 #gallery span.separator{color: #53246D;}
				 
				.slideshow_canvas img {
				  width: 97.8%;
				}
	      
	      	.reproductor {z-index: 1000000;}
					.previmg_home,
					.nextimg_home,
					.previmg,
					.nextimg{
					  position: absolute;
					  width: 2.5em;
					  top: 35%;
					  height: 2.5em;
					  z-index: 10000;
					}
					
					body.inicio .previmg{top: 50%;}
					body.inicio .nextimg{
						right: 1.8em;	
						top: 50%;			
					}
					
					body.camaras-fijas .previmg_home,
					body.camaras-fijas .nextimg_home{top: 50%;}
					
					.previmg_home, .previmg{left: 0;}
						.previmg_home a,
						.nextimg_home a,
						.previmg a,
						.nextimg a{
							background-image: url(images/carousel/previous_off.gif); background-repeat: no-repeat;		
							text-indent: -5000em;
							display: block;
							width: 2.5em;
							height: 2.5em;	
							overflow:hidden;		
						}
							
						.previmg a{background-image: url(images/carousel/previous2_off.gif);}	
						.previmg a:hover{background-image: url(images/carousel/previous2_on.gif);}	
										
						.previmg_home a:hover,
						.foto #gallery .previmg_home a:hover{
							background-image: url(images/carousel/previous_on.gif);	
						}
						
						
						
					.nextimg_home {right:2.4em;}
					.nextimg {right: 0;}
						.nextimg_home a{
							background-image: url(images/carousel/next_off.gif); background-repeat: no-repeat; background-position: top right;			
						}
						.nextimg_home a:hover{
							background-image: url(images/carousel/next_on.gif);	
						}
						
						.nextimg a{
							background-image: url(images/carousel/next2_off.gif); background-repeat: no-repeat; background-position: top right;			
						}
						.nextimg a:hover{
							background-image: url(images/carousel/next2_on.gif);	
						}
			
			/** Los botones de PLAY y STOP */
			
				 #gallery a#player_stop, #gallery a#player_play, #gallery a#player_start{
					overflow: hidden;
					height: 2.5em;
					font-family: Arial, Helvetica, sans-serif;
					font-size:0.9em;
					color: #777;
					padding-left: 1.8em;
				 }
				 
				 #gallery a#player_stop{
					background-image: url(images/icons.gif); background-repeat: no-repeat; background-position: 0 -15px;
				 }
				 
				 #gallery a#player_play, #gallery a#player_start{
					background-image: url(images/icons.gif); background-repeat: no-repeat;	 background-position: 0 -30px; 
				 }
			
			
			/*** ************* */
			/*** Carousel */
			/*** ************* */
			div#carousel_photos ul#thumbs li a img{
				width:90%; /*!important*/ 
			}
			
			div.thumbs_imgs, div.thumbs_imgs2{
              width: 97%;
			  margin: 1em 0;
/*        overflow: hidden;*/ /* Puesto con javascript para accesibilidad*/
			}
			
			div.thumbs_imgs{position: relative;}
			div.thumbs_imgs2 {margin: 0;}
			
				div.thumbs_container{ 
/*          position:absolute; Puesto con javascript*/
				  overflow: hidden;
				}
				div.thumbs_imgs div.thumbs_container{
				  width: 94.5%;
				  left: 1em;
				}
				
				body.inicio div.thumbs_imgs div.thumbs_container{
					width: 92%;
				}
				div.thumbs_imgs2 div.thumbs_container{
				  width: 73%;
				  left: 15em;
					 /* left: 160px;*/
				}
				div.thumbs_imgs2 div.thumbs_container{height: 2em;}
				
					div.thumbs_imgs2 p{
						font-size: 0.8em;
						font-style: italic;	
						float:left;
						width: auto;
						margin: 0.6em 0.3em 0.3em 0;
					}
					
			
					.previous_button,
					.next_button {
					  position: relative;
					  width: 2em;
					  z-index: 100000;
					  top: 50%;
					}
				
					.moveback_button,
					.moveforw_button{
						position: absolute;
						width: 1em;
						height: 1em;
						margin-top: 2%;
					}
					.moveback_button{
					  /*left: 125px;*/
						left: 10.5em;
					}
					.moveforw_button{
					  /*left: 140px;*/
						left:11.3em;
					}
					.moveforw_button_disabled {
					  display: none;
					}
						.previous_button{
							left:0;
						}
						
							.previous_button a,
							.next_button a,
							.moveback_button a,
							.moveforw_button a{
							  background-image: url(images/carousel/previous_small_off.gif); background-repeat: no-repeat;
							  text-indent: -5000em;
							  width: 1em;
							  height: 1em;
							  overflow:hidden;
							  position: absolute;
							}    
							.previous_button a:hover, .moveback_button a:hover{
							  background-image: url(images/carousel/previous_small_on.gif);
							}
					
						.next_button {
						  float: right;
						  right: 0;
						} 
					
							.next_button a, .moveforw_button a{background-image: url(images/carousel/next_small_off.gif); background-position: top right;}    
							.next_button a:hover, .moveforw_button a:hover{background-image: url(images/carousel/next_small_on.gif);}
						
					.previous_button_disabled,
					.next_button_disabled {
					  display: none;
					}			
				
				div.thumbs_imgs, div.thumbs_imgs2 {
				  z-index: 2;
				  padding-bottom: 1em;
/*        height: auto;  /* Con el javascript se pone 90px */
				  position: relative;
				 }
				 
				div.thumbs_imgs2 {padding-bottom:0; height: 3em;}
				
				div.thumbs_imgs2 div.thumbs_container div#horizontal_carousel{
						float: left;
						width: 70%;		
						overflow: hidden;		
					}
				 
					div.thumbs_imgs ul, div.thumbs_imgs2 ul{ width: 90%; position: relative; margin: 0 !important;} /* Con el javascript se pone width: 100000px*/
											
						div.thumbs_imgs ul li, div.thumbs_imgs2 ul li {
						  list-style: none;
						  text-align: left;
						  float: left;
						  margin: 0 0.07em;
						  width: 9.5em;
						}
	
						#gallery div.thumbs_imgs2 div.thumbs_container ul li{
/*              width: 3.5em;*/
							width: auto;
							margin-right: 0.3em;
							text-align: center;
							
						}
						
							div.thumbs_imgs li a, div.thumbs_imgs2 li a{
							  display: block;
							  font-size: 0.75em;
								font-style: italic;
							  font-family: Arial, Helvetica, sans-serif;
							  color: #000;
							  line-height: 1.1em;
							}
							
								div.thumbs_imgs li a span{display: none;}
								div.thumbs_imgs li a strong{font-weight: normal;}
							
							div.thumbs_imgs2 li a{color:#000; padding: 0.3em 0.3em; margin-top: 0.2em;font-size: 0.8em; font-style: normal; border-right: 1px solid #53246D; text-transform: uppercase;}
							div.thumbs_imgs2 li.first a{border-left: 0;}
							div.thumbs_imgs2 p{font-style: normal; color: #999;}
							div.thumbs_imgs2 li a:hover, 
							div.thumbs_imgs2 li.current a{text-decoration: none; color: #999;} 		 
							 
							div.thumbs_imgs li a:hover,
							div.thumbs_imgs li.current a {
							  text-decoration: none;
							  color: #000;
							}
								div.thumbs_imgs li a:hover img,
								div.thumbs_imgs li.current a img {
								  border-bottom: 0.3em solid #53246D;
								}
			
								div.thumbs_imgs li a img {
								  border-bottom: 0.3em solid #FFF;
								  padding-bottom: 0.2em;
								  margin-bottom: 0.3em;
								}
				
								div.thumbs_imgs li a.current_photo,
								div.thumbs_imgs li a:hover {
								
								}								
		
		/* TABLAS */
		
		table.aforo{font-size: 0.75em; padding-left: 5%; padding-bottom: 2em}
		
		table.aforo caption{font-size: 1em; color: #666; padding-bottom: 0.5em}
				
			td{border: 1px solid #999; padding: 0 0.2em;}
			th{border: 1px solid #000; padding: 0 0.2em;}
			
			.blank{border: none;}
			
			td.coloured{width:4em; border: none;}
			
			td.orange{background-color: #FF6500;}
			td.yellow{background-color: #FFCB03;}
			td.green{background-color: #A3FF38;}
			td.blue-1{background-color: #3366FF;}
			td.blue-2{background-color: #3E6182;}
			td.blue-3{background-color: #779AC4;}
			td.blue-4{background-color: #B4C3E2;}
			td.purple{background-color: #9968FF;}
		
					
	 /**  PIE  */
					
		#wrapper #footer{
			width: 92%;
			border: 0.2em solid #764077;
			margin-left: 2%;
			overflow: hidden;
			padding: 1em;
		}
		
			#wrapper #footer img{float:left;}
			
			#footer span{display: none;}
			
			#wrapper #footer a{text-decoration: underline;}
			
			#wrapper #footer ul{
				float: right;
				clear:right;
				overflow: hidden;
				text-transform: uppercase;	
				margin-top: 0.4em;
				font-style: normal;
			}
			
			#wrapper #footer ul li{
				float: left;
				margin-left: 0.75em;
				font-size: 0.75em;
			}
			
				#wrapper #footer ul li.first{
					background: none;
					padding-left:0;
				}
				
				#wrapper #footer ul li.last{
					padding-right:0;
				}
				
					#wrapper #footer ul li a{
						color:#666;
						text-decoration:none;
						font-style: italic;
					}
					
					#wrapper #footer ul li a:hover{text-decoration: underline;}
	
	
			p.design{
				background-color: #FFF;
				width: 92%;
				margin-left: 2%;
				overflow: hidden;
				padding: 1em 0;
				font-size: 0.75em;
			}
.width_1000000 {
  width: 1000000em !important;
}
.block {
  display: block !important;
}
.height_90 {
  height: 8em !important;/* En vez de 90px le he puesto medidas relativas*/
}
.height_115 {
  height: 10em !important;/* En vez de 90px le he puesto medidas relativas*/
}
.absolute {
  position: absolute !important;
}
.overflow_hidden {
  overflow: hidden !important;
}