@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);
}

p{margin-bottom: 0.7em;}

h3{font-size: 1.4em; color: #000; font-style: italic; line-height: 1.2em; margin-bottom: 0.5em;}
h4,
p.title{font-size: 1.4em; color:#666; font-style: italic; line-height: 1.2em; font-weight: normal; margin-bottom: 0.5em;}

.floatRight{float: right;}
.floatLeft{float: left;}


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


body{
	background-image: url(images/bg.gif);background-position: top left;
	font-family:Georgia, "Times New Roman", Times, serif;font-size: 0.85em;
	font-style: italic;
	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;
	}
			
		h1{float:left;}
		
			h1 span,
			h2 span{display: none;}
		
			h2{
				float:left;
				width: 5em;
				height: 3em;
			}
				
			
			/** Navegacion idiomas */
			
			#header ul#navlang{
				float:right;
				font-style: normal;
			}
			
			ul#navlang li {
				float: left;
				font-size: 0.7em; line-height: 0.7em;
				text-transform: uppercase;
				border-left: 0.01em solid #000;
				padding: 0.4em 1em 0.2em 1em;
				margin-top: 0.5em;
			}
			
			ul#navlang li.first{border:none;}
			
			ul#navlang a{
				color: #000;
			}
			
			#header ul#navlang a:hover{
				color:#666;
				text-decoration: underline;
			}
			
			
		/** Navegacion principal */
	
		#header #nav {
			padding-top: 1.5em;
			clear: both;	
			margin-top: -0.01em;
		}
				
			#nav ul#navmain{
				clear: both;
				height: 2em;
			}
				ul#navmain li{
					float:left;			
				}
				
				ul#navmain li.last{float:right;}
					
					ul#navmain li a{
						color:#777;	
						text-decoration:none;
						padding: 0.3em 1em 0.5em 1.5em;
						font-size: 1em;
						font-weight: bold;
						font-style: italic;
						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, ul#navmain li.last 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;}
					
					ul#navmain li.last a{
						background-image: none;
						color: #FFF;
						background-color: #000;
						border-top-color: #000;	
						border-right-color: #000;
					}
					
					ul#navmain li.last a:hover{
						background-color: #FFF;
						border-top-color: #FFF;	
						border-right-color: #FFF;
						color:#000;
					}
					

		
		/** 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:#000;}
			.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;
		}
		
		
		body.inicio #content{background-position: 31.5% 0;}
		body.columnas-ancho #content{background-position: 25% 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.archives li{list-style-type: none;}
				
			#content ul.archives li{
				background-image: url(images/archive.gif); background-repeat: no-repeat; background-position: 0 0.3em;
				padding-left: 4%;
				height: 2em;
			}
			
		/** NOTICIAS */
		
		#contenido p.date{
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 2em;	
			font-style: normal;
		}
		
		#content .foto{
			border: 0.01em solid #CCC;
			width: 50%;	
			margin: 0 0 1em 1em;
			font-size: 0.85em;
			text-align: right;
			position: relative;
			color: #666;
		}
		
			#content .foto img{
				width: 99.9%;
			}
			
			#content .foto p{padding: 0 0.5em;}
		
		/** Columna de la izquierda */
		
		#content #lateral{
			float: left;
			width: 18%;
			padding: 0 1.5%;
			font-size: 0.9em;
			line-height: 1.2em;
		}
			
			#content #lateral ul{
				list-style-type: none;
				margin: 0 0 1em 1em;
			
			}
			
			#content #lateral ul li{
				list-style-type: none;
			
			}
			
			#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;}
		
		
		/** HOME */
			
		body.inicio #content #lateral{width: 29%;}
		body.columnas-ancho #content #lateral{width: 22%;}		
		
			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;
					
				}
				
				#content #contenido .lastnews ul li{list-style-type: none; border-bottom: 0.3em solid #d9dadb;}
				body.columnas-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: 1.05em;
				    font-style: italic;
					font-family: Georgia, "Times New Roman", Times, 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;
			}
			
			div.image img{width: 97%; margin-bottom: 1.2em;}
			
		body.inicio #content #contenido{width: 67%;}
		body.columnas-ancho #content #contenido{width: 71%; 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: 1.2em;
					line-height: 1.2em;
					font-style: italic;
					font-weight: normal;
					margin-bottom: 0.5em;	
				}
        #gallery #slide_foot {
          text-align: left;
          padding: 0 0 0 1em;
        }
				.slideshow_canvas img {
				  width: 97.8%;
				}
	      
	      	.reproductor {z-index: 1000000;}
					.previmg_home,
					.nextimg_home{
					  position: absolute;
					  width: 2.5em;
					  top: 35%;
					  height: 2.5em;
					  z-index: 10000;
					}
					
					body.camaras-fijas .previmg_home,
					body.camaras-fijas .nextimg_home{top: 50%;}
					
					.previmg_home{left: 0;}
						.previmg_home a,
						.nextimg_home 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_home a:hover,
						.foto #gallery .previmg_home a:hover{
							background-image: url(images/carousel/previous_on.gif);	
						}
						
						
						
					.nextimg_home {right:2.4em;}
					.foto #gallery .nextimg_home {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);	
						}
			
			/** Los botones de PLAY y STOP */
			
				 #gallery a#player_stop, #gallery a#player_play{
					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{
					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: 96%;
				  left: 1em;
				}
				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: 2em;
						height: 2em;
						margin-top: 1.5%;
					}
					.moveback_button{
					  /*left: 125px;*/
						left: 10.5em;
					}
					.moveforw_button{
					  /*left: 140px;*/
						left:11.3em;
					}
						.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: 2em;
							  height: 2em;
							  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: 2.5em;
							margin-right: 0.3em;
							text-align: center;
							
						}
						
							div.thumbs_imgs li a , div.thumbs_imgs2 li a{
							  display: block;
							  font-size: 0.75em;
							  font-family: Arial, Helvetica, sans-serif;
							  color: #999;
							  line-height: 1.1em;
							}
							
							div.thumbs_imgs2 li a{color:#000; background-color: #d9dadb; padding: 0.5em 0; font-size: 0.8em; font-family: Georgia, "Times New Roman", Times, serif;}
							div.thumbs_imgs2 li a:hover, 
							div.thumbs_imgs2 li.current a{text-decoration: none; color: #FFF; background-color: #000;} 		 
							 
							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: 0.01em solid #000;
								}
			
								div.thumbs_imgs li a img {
								  border: 0.01em solid #FFF;
								  padding: 0.2em;
								  margin-bottom: 0.3em;
								}
				
								div.thumbs_imgs li a.current_photo,
								div.thumbs_imgs li a:hover {
								
								}								
					
	 /**  PIE  */
					
		#wrapper #footer{
			width: 92%;
			border: 0.2em solid #a7a8aa;
			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;
				}
	
	
			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*/
}
.absolute {
  position: absolute !important;
}
.overflow_hidden {
  overflow: hidden !important;
}