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

.nomostrar, .accesorio{display:none;}

fieldset{
border:0;
}

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


h3,H4{color: #000; font-size: 1.5em;line-height:1.2em;}

h3 a,
h5 a{color: #000; text-decoration: none;}
h3 a:hover,
h5 a:hover{color: #666;}
h5{color: #666; font-size: 0.9em;}

.grey{color:#999999;}
.green{color:#008B37;}
.red{color:#D30029;}

.text_right,
.col1 .text_right{text-align: right;}

.text_small,
.col1 .text_small{font-size: 0.7em;}

.floatRight{float: right;}
span.floatRight{display: block;}
.floatLeft{float: left;}


/* Links */

a.go_grey,
a.go_grey2, /* Pendiente imágenes */
a.go_white,
a.go_green,
a.go_green2,
a.go_transparent{
font-size: 1em;
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
}

a.go_grey{background-image: url(../img/go_grey_off.gif);padding: 0 0 1em 1.4em;}
a.go_grey2{background-image: url(../img/go_grey2_off.gif);padding: 0 0 1em 1.4em;}
a.go_green{background-image: url(../img/go_green_off.gif);padding: 0.2em 0 1em 2em; color: #000;}
a.go_green2{background-image: url(../img/go_green2_off.gif);padding: 0 0 0 1.4em;}
a.go_white{background-image: url(../img/go_white_off.gif);padding:  0 0 1em 1.6em;}
a.go_transparent{background-image: url(../img/go_transparent.gif);padding:  0 0 1em 1.6em;}

a.go_grey:hover,
a.go_grey2:hover,
a.go_white:hover,
a.go_green:hover,
a.go_green2:hover{text-decoration: underline;}

a.go_grey:hover{background-image: url(../img/go_grey_on.gif);}
a.go_grey2:hover{background-image: url(../img/go_grey2_on.gif);}
a.go_green:hover{background-image: url(../img/go_green_on.gif);color: #FFF;}
a.go_green2:hover{background-image: url(../img/go_green2_on.gif);}
a.go_white:hover{background-image: url(../img/go_white_on.gif);}
	

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


body{
font-family: Arial, Helvetica, sans-serif;font-size: 0.85em;
line-height:0.95em;
color: #000;
background-color: #F3F3F3;
}

/** CABECERA */
	
	/* La cabecera 1 */ 
	
	#header1_wp{
	width: 100%;
	padding-top: 1em;
	overflow: hidden;
	background-image:url(../img/bg_header1.jpg);background-repeat: repeat-x;background-position: bottom left;
	background-color: #FFF;
	}
		
		#header1_ct{
		width: 60em;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 0.5em;
		}
		
		#header1_ct div{
		float: left;
		padding-left: 0.75em;
		}
		
			h1.description{
			font-family: Arial, Helvetica, sans-serif;font-size: 0.85em;line-height:1.2em; font-weight: normal;
			color: #999;	
			text-transform: uppercase;
			float: left;
			width: 25%;
			}
		
			#nav_rss{
			width: 18%;
			font-size: 0.8em;
			}	
			
				#nav_rss a, .sizer a{
				text-decoration: none;
				color: #000;
				}
				
				#nav_rss a:hover, .sizer a:hover{
				text-decoration: underline;
				color: #666;
				}
			
			.sizer{
			width: 15%;
			font-size: 0.8em;
			}
			
			
			.professional{
			width: 15%;
			background-image:url(../img/emptydoc.gif);background-repeat: no-repeat;background-position: top left;
			}
			
				.professional p{
				padding-left: 0.7em;
				line-height: 1.1em;
				margin: 0;
				font-size: 0.8em;
				}
				
					.professional a{
					text-transform: uppercase;
					text-decoration: none;
					color: #000;
					}
				
					.professional a:hover{
					text-decoration: underline;
					color: #666;
					}
					
					
			/* Buscador*/
			
			#header1_ct #search{
			float: right;
			width: 20%;
			background-image:url(../img/zoom.gif);background-repeat: no-repeat;background-position: top left;
			}
			
				#header1_ct #search p{
				line-height: 1.1em;
				font-size: 0.8em;
				}
			
				label span{display: none;}
				
				#header1_ct #search input{
				border: none;
				float: left;
				}
				
					.search_box{
					background-color: #F2F2F2;	
					padding: 0.2em;
					width: 75%;
					font-size: 0.7em;
					}
					
					.search_button{
					width: 10%;
					padding: 0.1em 0 0.1em 0;
					background-color: #999;
					color: #FFF;
					font-size: 0.7em;
					}
					
	/* La cabecera 2 */		
	
	#header2_wp{
	width: 100%;
	overflow: hidden;
	background-image:url(../img/bg_header2.jpg);background-repeat: repeat-x;background-position: bottom left;
	background-color: #FFF;
	}
	
		#header2_ct{
		width: 60em;
		margin: 0 auto;
		background-image:url(../img/tab_header.jpg);background-repeat: no-repeat;background-position: bottom left;
		overflow: hidden;
		padding-bottom: 1em;
		position: relative;
		}
		
			#logo{
			float: left;
			padding: 1em 0.8em 0 3em;
			overflow: hidden;
			}	
			
				#logo h2{padding-bottom: 0.3em;}			
			
				/** Navegacion idiomas */
				
				ul#navlang{}
				
				ul#navlang li {
				float: left;
				font-size: 0.7em; line-height: 0.9em;
				text-transform: uppercase;
				display: inline;
				overflow: hidden;
				}
				
				ul#navlang a{
				color: #666;
				text-decoration: none;
				}
				
				ul#navlang a:hover{
				color:#000;
				text-decoration:none;
				}
				
				ul#navlang li.actual a{
				color: #000;
				font-weight: bold;	
				}
			
			
			/* Faltan dias para San Fermin*/
					
					#faltan{
					margin-top: 0.25em;
					float: left;
					position: relative;
					}
					
						#faltan img{
						float: left;
						overflow: hidden;
						}
						
						#faltan_text{
						float: left;
						line-height: 1.1em;
						text-transform: uppercase;
						font-size: 0.65em;
						font-weight: bold;
						}
						
							#faltan_text p{
						 	margin:0 0 0 0.5em;
						 	padding: 0;						
							}
						
							#faltan strong{text-transform: lowercase;}	
							
						.countdown_ct{
						border: 0.1em solid #999;
						margin: 0.5em 0 0 0.5em;
						}				
						
							#faltan_text .countdown_ct p.faltan_title{
							background-color:#999;
							margin:0;
							padding: 0;
							color: #FFF;
							font-weight: normal;
							}
							
								#faltan_text .countdown_ct p.faltan_title span{padding-left: 0.3em;}
							
								span#countdown{
								font-size: 2em;
								padding: 0.4em 0.2em;
								display: block;
								}
							
			
			
			/** Herramientas: cuaderno de viaje y el tiempo */
			
			#utilities{
			float: right;
			display: block;
			width: 29%;
			padding: 0 1em 0 0;
			font-size: 0.8em;
			}	
			
				#utilities p{
				padding-left: 0.8em;
				line-height: 1.1em;
				margin: 0;
				}
				
					
				#book{
				float: left;
				width: 60%;
				padding: 2em 0 0 0;
				}
				
						#book .book_link{
						background-image:url(../img/user.gif); background-repeat: no-repeat; background-position: top left;
						padding: 0 0 1em 1.9em;
						}
						
							#book .book_link a{
							color: #000;
							text-decoration: none;
							}
							
							#book .book_link a:hover{
							color: #666;
							text-decoration: underline;
							}
						
						.enabled{font-weight: bold;}
						.disabled{font-weight: normal;}
					
				
				#weather{
				float: right;
				width: 23%;
				background-repeat: no-repeat; background-position: top left;
				margin-top: 2em;
				padding: 0 0 1em 0.8em;
				}	
				
					.sun{background-image: url(../img/sun.gif);}
					
					
/** NAVEGACIÓN PRINCIPAL */

		#navmain_wp{
		width: 100%;
		background-color: #D30029;
		overflow: hidden;
		}
				
			#navmain_ct{
			width: 60em;
			margin: 0 auto;
			overflow: hidden;
			}		
			
				#navmain_ct ul{
				float: left;
				width: 100%;	
				}
			
					#navmain_ct ul li{
					float:left;	
					margin: 0.5em 0.4em 0 0;	
					}
					
						#navmain_ct ul li a{
						text-decoration:none;
						padding: 0.8em 0.7em 1em 1em;
						font-size: 0.7em;
						text-transform: uppercase;
						line-height: 0.04em;
						font-weight: bold;
						display: block;
						color:#FFF;	
						background-color: #767676;
						background-image:url(../img/li_SF_off.gif); background-repeat: no-repeat; background-position: bottom left;
						}
						
						#navmain_ct ul li a:hover, #navmain_ct ul li.actual a{	
						background-image: url(../img/li_SF_on.gif); background-repeat: no-repeat; background-position: bottom left;	
						background-color: #FFF;
						color: #000;
						}
						
							#navmain_ct ul li a span{
							color: #FFF;
							font-size: 1em;
							display: block;
							margin-top:1.2em;
							text-transform:lowercase;
							font-weight: normal;	
							}				
										
							#navmain_ct ul li a:hover span,
							#navmain_ct ul li.actual a span{color:#666;}
							
						
				#navmain_ct ul li.last{
				float:right;
				margin: 0.5em 0 0 0;
				}						
						
						#navmain_ct ul li.last a{
						background-color: #FFF;
						color: #000;
						background-image:url(../img/li_red_off.gif); background-repeat: no-repeat; background-position: bottom left;
						}
						
						#navmain_ct ul li.last a:hover{
						background-color: #FFF;
						color: #666;
						}
							
							#navmain_ct ul li.last a span{color: #666;}						
							#navmain_ct ul li.last a:hover span{color: #000;}
					
					
					
					
		
/* CARRUSEL VERDE */
		
		#block_green_wp{
		width: 100%;
		overflow: hidden;
		}
		
			#block_green_ct{
			width: 60em;
			margin: 0 auto;
			overflow: hidden;
			}
			
			.block_simple{background-color: #A81F30;}
			.block_complete{background-color: #FFF}
			
			
			#block_green_ct .col1{padding-bottom: 0;}
			
				/* Migas de pan*/
				.miga{
				height: 1.5em;
				overflow: hidden;
				}
				
				.block_simple .migas{color: #FFF;}
				
				.miga ol,
				.col1 .miga ol{
				font-size: 0.7em;
				text-transform: uppercase;	
				}
				#migas a{background:url('../img/fondoFlechaMigas.gif') no-repeat right center;padding-right:11px}
				
				.col1 .miga ol{margin: 0.5em 0 0 0 ;}
				
					.miga ol li,
					.col1 .miga ol li{
					float: left;
					padding-right:0.2em;
					list-style-type: none;
					}
									
						.miga ol li a{
						color: #000;
						text-decoration: none;						
						}
						
						.block_simple .miga ol li a{color: #FFF;}
						
						.miga ol li a:hover{font-weight: bold;}
						
						
				/* HOME */

				#noti_rss{
					float: none;
					width: 95%;
					display: block;
					clear:both;
					border-top: 0.1em dotted #839F21;
				}					
					#noti_rss .last_news{
						width:70%;
						float: left;
						font-size: 0.9em;
						padding: 0.5em 1em 0.5em 0 ;
					}
					
						#noti_rss .rss{
							display: block;
							float: left;
							background: url(../img/bg_noti_rss_trans.gif) no-repeat 0 0;
							font-size: 0.8em;
							padding: 2.4em 0em 0 0;
							margin: 0;
							width: 9%;	
							text-decoration: none;
							color: #000;
						}
						
							#noti_rss .rss:hover{
								color: #666; text-decoration: underline;
							}
					
						#noti_rss .last_news p{
							float: left;
							margin: 0.6em 0 0 2em;
							width: 83%;
						}
						
							#noti_rss .last_news p a{color:#000; text-decoration: none;}
							#noti_rss .last_news p a:hover{text-decoration: underline;}
					
					#noti_rss p.link_news{
						float: left;
						width:15%;	
						margin-top: 2.4em;
					}
					
					
				/* Google Maps */
				
				/* alturas contenedores*/
				#google_map .height18em{height:13.6em;}
				#google_map .height20em{height:20em;}
				#google_map .height25em{height:25em;}
				#google_map .height30em{height:30em;}
				
					#google_map #map_ct{margin-top: 0.5em;} /* Carga el mapa */
					#google_map #pano{} /* Carga el Street View y le damos la altura con los class*/
				
					/*Mapa desplegado en la columna de la derecha */
						.col2 .map_complete{background: #D1D2D2;padding-bottom:1em; padding-top:1em}
						#block_green_ct .col2{padding-bottom: 0;}
												
						#google_map h3{
						padding: 0.5em 0 0 0.8em;
						font-size: 1.1em;
						color: #D30029;
						line-height: 1.2em;
						}								
					
						.col2 #google_map p{
						color: #000;
						margin: 0 1em;	
						font-size: 0.8em;
						}
											
						#google_map ul,
						#map_options ul{
						margin: 0 1em;
						padding-top: 0.4em;
						overflow: hidden;
						}
							
							#google_map ul li{padding-bottom: 0.2em;}
							
							#google_map ul li{
							float: left;
							width: 48%;
							}
						
								#google_map a{
								padding: 0.2em 0 1em 2.4em;
								font-size: 0.75em;
								color: #000;
								text-decoration: none;
								}		
								
									#google_map a:hover,
									#google_map ul li.current a{
									color: #FFF;
									text-decoration: underline;
									}		
									
									
					/* Mapa general */		
						
					#map_options{
					clear: both;
					overflow: hidden;
					}
					
						.map_group{
						float: left;
						width: 24.2%;
						overflow: hidden;
						margin-left: 0.2em;
						background-color:#d8e3da;
						font-size: 0.9em;
						}
						
							.map_group p.label{
							text-transform: uppercase;
							font-weight: bold;
							font-size: 0.7em;
							color: #333;
							text-align: center;
							background-color:#FFF;
							}
							
							.map_group ul{}					
						
								
					/* Los grupos del Google map*/
						/* Para Imprescindibles*/	
						.col2 a.imp{background: url(../img/info.gif) no-repeat top left;}
						/* Para Camino de Santiago*/	
						.col2 a.sant{background: url(../img/camino-santiago.gif) no-repeat top left;}
						/* Para Catedrales e Iglesias*/	
						.col2 a.iglesias{background: url(../img/iglesias.gif) no-repeat top left;}
						/* Para Naturaleza*/	
						.col2 a.nat{background: url(../img/naturaleza.gif) no-repeat top left;}
						/* Para San fermin*/	
						.col2 a.sf{background: url(../img/sanfermin.gif) no-repeat top left;}

						/* Un punto normal*/
						.col2 a.point{background: url(../img/point.gif) no-repeat top left;}
						/* Emergencias*/
						.col2 a.emergencias{background: url(../img/emergencias.gif) no-repeat top left;}

									
					/* Para el Mapa sin desplegar (imagen) */
					
						.col2 .map_simple{
						background: #D1D2D2 url(../img/bg_map_simple.gif) no-repeat top left;	
						padding-left: 5.8em;
						line-height: 1.1em;
						height: 4.8em;
						overflow: hidden;
						}
						
						.col2 .map_simple p.text_right{
						margin: 0.5em;
						font-size: 0.8em;
						}
							
		
/** CONTENIDO */
		
		#content{
		width: 60em;
		margin: 0 auto;
		overflow: hidden;
		background: #FFF url(../img/bg_content.gif) repeat-y 65% 0;
		}
		
			.col1, .col2{
			float: left;
			overflow: hidden;	
			}
			
			/* Columna 1: contenidos */
						
			.col1{
			width: 65%;
			padding-bottom: 2em;
			}
			.anchocompleto {width:100%; background-color:#fff}
			.rss h4{font-size:1em; padding-left:.6em}
			
			
			/* Portadas de seccion */
				
				.element_sectionlist,
				.element_med,
				.element_med_3,
				.element_small,
				.map_zones{
				width: 97%;
				position: relative;
				overflow: hidden;
				padding-bottom: 0.5em;
				}
				
				.element_sectionlist{border-bottom: 0.35em solid #D1D2D2;}
				
					.element_sectionlist img{float: left; margin-top: 0.5em; width:30%;}
					
					.col1 .element_sectionlist p{margin:0;}
					
					.element_sectionlist h3,
					.element_med h3,
					.element_small h3, .element_med_3 h3{margin-top: 0.5em;}
						
					.col1 .element_sectionlist h3{
					background: none;
					padding: 0;
					margin-bottom: 0.5em;
					}
						
					.element_sectionlist .sections_list{
					width: 62%;
					float: right;	
					padding-left:2em;	
					background: url(../img/title_SF.gif) no-repeat top left;
					}					
				
						.col1 .sections_list ul{
						margin-top: 0.5em;
						margin-left: 0;
						line-height: 1.3em;
						}
						
							.col1 .sections_list ul li{
							background: url(../img/li_sectionlist_off.gif) no-repeat 0 0.2em;
							padding-left: 0.7em;
							list-style-type: none;
							font-size: 1em;	
							}
							
							.sections_list ul li:hover{background: url(../img/li_sectionlist_on.gif) no-repeat 0 0.2em;}
							
								.sections_list ul li a{text-decoration: none;}
				
				.element_1, .element_2{
				width: 47.5%;
				float: left;
				border-bottom: 0.35em solid #D1D2D2;
				padding-bottom: 0.5em;
				}
					.element_2{
					margin-left:4%;
					float: right;	
					}
					
				.element_med_3 .element_1, .element_med_3 .element_2{
					
					width: 30.5% !important;
				}
				.element_med_3 .element_2{
					float:left;
					margin-left:4% !important;
				}
				.element_med{}	
				  
					.img_container{
					width: 100%;
					margin-top: 0.5em;
					float: none;
					clear: both;
					overflow: hidden;
					}
				
					.col1 .element_med ul{
					display: block;
					float: none;
					width: 100%;
					clear: both;		
					overflow: hidden;
					margin-left: 0.7em;
					}
						
						.col1 .element_med ul li{
						float: left;
						font-size: 1.25em;
						color: #666;
						margin-right: 1.5em;
						background: url(../img/li_element_med.gif) no-repeat 0 0.2em;
						padding-left: 0.7em;
						list-style-type: none;
						}				
								
							ul.med_list li a{text-decoration: none;}
					
					.col1 .element_med p,
					.col1 .element_small p{
					padding: 0.4em 0.8em 0 0.8em;
					margin:0;
					text-align: left;
					}
					
						.col1 .element_sectionlist p.text_right,
						.col1 .element_med p.text_right,
						.col1 .element_small p.text_right{text-align: right;}
										
						.element_small .img_container img{float: left;}	
						
						.element_small .img_container img.inter_text{
						float: none; 
						vertical-align: baseline;
						display: inline;							
						}
						
						.col1 .element_small .img_container h3,
						.col1 .element_small .img_container h4,
						.col1 .element_small .img_container p{
						float: left;
						margin-left: 0.5em;
						padding:0;
						width: 68%;
						margin-top: 0;
						background: none;
						}	
						
						.col1 .element_small .img_container p{margin-left:1em;}	
			
				
				/* El mapa de las zonas */
				
				.map_zones .zones_list{
					float: right;	
					font-size: 0.85em;
					overflow: hidden;
					}					
				
					.map_zones img{
					float: left;
					padding-left: 0.8em;
					}
					
						.col1 .zones_list ol{margin: 0.5em 0 0 1em;}
						
							.col1 .zones_list ol li{
							list-style-type: decimal;
							margin-left: 1.5em;
							padding: 0
							}
							
							.col1 .zones_list p{
							background: url(../img/li_sectionlist_off.gif) no-repeat 0 0.2em;
							margin: 0.5em 0 0 -1em ;
							text-align: left;			
							padding-left: 0.9em;
							font-weight: bold;
							font-size: 1em;
							}
							
					
				
				/* Paginas simples */
				
				.col1 h3{
				background: url(../img/title_SF.gif) no-repeat top left;
				padding: 0.3em 0.8em 0.5em 0.8em;	
				}
				
					.col1 h3 strong{
					font-weight: normal;
					line-height: 1.4em;
					}
					
					.col1 p{
					font-size: 0.8em;
					line-height: 1.4em;
					margin: 0.7em 1.5em;
					text-align: justify;
					}	
					
					.col1 ul,
					.col1 ol{
					margin-left: 2em;
					padding-bottom: 1em;
					}
					
						.col1 ul li{
						list-style-type: disc;
						font-size: 0.8em;	
						line-height: 1.4em;
						}
						
						.col1 ol li{
						list-style-type: decimal;
						line-height: 1.4em;
						}
					
					/* Enlaces relacionado */
					
					.links{border-top: 0.3em solid #9BC326;}
					
					
					/* Archivos adjuntos */
					
					.archives{
					background-color: #DDD;
					padding: 0.5em 0.5em 0 0.5em;	
					}	
					
						.archives p{
						border-bottom: 0.1em dashed #FFF;
						margin: 0.3em 0 0 1em;
						background: url(../img/doc_off.gif) no-repeat top left;
						padding: 0 0 0.8em 2em;
						}
						
						.archives p:hover{background: url(../img/doc_on.gif) no-repeat top left;}
						
						.archives a{
						color: #000;
						text-decoration: none;
						font-weight: bold;
						}
						.archives a:hover{color: #666;}
						
							.archives span{
							font-size: 0.8em;
							padding-left:0.5em;								
							}
						
					
					/* Etiquetas adjuntas */
					
					.tags{
					border-top: 0.15em solid #B9C326;
					border-bottom: 0.15em solid #B9C326;
					}	
					
						.tags p{
						margin: 0.5em 1.5em;
						background: url(../img/fleche_grey.gif) no-repeat top left;
						padding-left: 2em;
						text-transform: uppercase;
						color: #BCBDBD;
						}	
						
							.tags a{
							color: #BCBDBD;
							font-weight: bold;
							}
						
					/* Navegacion del usuario: valorar, compartir, poner en el cuaderno de viaje...*/
					
					.userbar_top,
					.userbar_bottom{
					width:100%;
					clear: both;
					overflow: hidden;
					font-size: 0.9em;
					}	
					
					.userbar_bottom{
					border-top: 0.2em solid #DDD;
					padding-top: 0.5em;
					}
					
						.userbar_top div{float: left;}
						
						.valoration{
						float: left;
						padding: 0 0 0.5em 1em;	
						}
						
						.userbar_top .valoration{width:27%;}
						
							.userbar_top .valoration p{
							margin:0;
							color: #666;
							}
							
							.userbar_top .valoration img{vertical-align: middle;}
							
							.userbar_top .valoration a{
							font-size: 0.9em;
							text-decoration: none;
							color: #000;
							}
							
							.userbar_top .valoration a:hover{text-decoration:underline; color: #666;}
						
						.userbar_top .to_share{padding-top: 1.2em;}
						
						.userbar_bottom .to_share{
						padding-top: 2.5em;
						float: right;
						width: 15%;
						}
						
							.to_share a{
							background: url(../img/share_off.gif) no-repeat top left;
							padding: 0.3em 0 1.5em 2em;
							font-size: 0.9em;
							text-decoration: none;
							color: #000;
							}
							
							.to_share a:hover{text-decoration: underline; color: #666;}
					
						.location{padding-top: 1em;}
						
							.location a,
							a.location{
							background: url(../img/pin_map_off.gif) no-repeat top left;
							padding: 0.3em 0 1.5em 1.8em;
							text-decoration: none;
							color: #000;
							}
							
								a.location{font-size: 0.9em;}
							
							.location a:hover,
							a.location:hover{background-image: url(../img/pin_map_on.gif); text-decoration: underline; color: #666;}
							
						.userbar_top .book{
						padding-top: 0.9em;
						float: right;
						}
						
							.book a{
							background: url(../img/download_off.gif) no-repeat 0.3em 0.3em;
							padding: 0.9em 0.5em 0.5em 2.5em;
							border: 0.1em solid #9BC326;
							text-decoration: none;
							color: #000;
							}
							
							.book a:hover{background: #C4D52A url(../img/download_on.gif) no-repeat 0.3em 0.3em;}
						
				/* Formularios */
				
					legend span{display: none}
					
					.userbar_bottom .valoration{width: 50%;}					
					
						.radiobutton{
						float:left;
						margin-top: 0.4em;
						margin-right: 0.8em;
						}
						
						.valoration legend{
						font-weight: bold;
						color: #666;
						line-height: 1.2em;
						padding-left:0;
						font-size: 0.9em;
						}
						
							.valoration legend span{font-weight: normal;}
						
						/* Checkboxes */
						
						label.checkbox_checked {
						background: #fff url(../img/check.jpg) no-repeat;	
						display: block;
						margin: 0.5em 0;
						padding-left: 1.5em;
						}
						label.checkbox_unchecked  {
							background: #fff url(../img/check_selected.jpg) no-repeat;	
							display: block;
							margin:  0.5em 0;
							padding-left: 1.5em;
						}
						
						/* Radio Buttons */
						label.radio_checked {
						background: #fff url(../img/radio_selected.jpg) no-repeat 0 0.3em;	
						display: block;
						margin:  0.5em 0;
						padding-left: 1.5em;
						}
						label.radio_unchecked  {
						background: #fff url(../img/radio.jpg) no-repeat 0 0.3em;	
						display: block;
						margin:  0.5em 0;
						padding-left: 1.5em;
						}
						
						/* Hover State */
						.valoration label:hover{color: #839F21;}
						
						.crirHidden {
						position: absolute;
						left: -1000px;
						}
						
						
						/* Buttons */
						
						.btnverde{
						border: 0;
						background-color: #9BC326;
						color: #FFF;	
						padding: 0.2em;
						}						
					
					
					img.section_top{width: 99%}
					
					
				/* Formularios de busqueda. SEARCH */
				
				.col1 form p{text-align: left;}
				
				.bg_blue-bright{background-color:#d8e3da;}
				
				#Busqueda{margin: 0.8em;}
				
				#MensajeError{color:#FF0000;}
				
				h4.bg_blue-bright{
				width: 97%;
				color: #000;
				text-transform:uppercase;
				font-weight: normal;
				padding-left: 0.8em;
				overflow: hidden;
				margin:0.2em;
				font-size:0.75em;
				border-bottom: none;
				background-color:#d8e3da;
				}
				
					.Form_ct,
					.floatForm_ct{
					clear: both;
					width: 98.5%;
					margin-left: 0.15em;
					overflow: hidden;
					}
				
						.formBusqueda{
						background-color: #d8e3da;
						margin-bottom: 1em;
						}
						
						.floatForm_ct .formBusqueda{
						float: left;
						width: 24.2%;
						height: 11em;
						overflow: hidden;
						margin-left: 0.2em;
						}
						
							form legend{
							text-transform: uppercase;
							font-weight: bold;
							font-size: 0.75em;
							padding: 0 0.8em 0 0.8em;
							color: #000;
							}
						
							.floatForm_ct .formBusqueda legend{
							padding: 0 0.8em 0 2.3em;	
							background-image: url(../img/searchForm_legend_circle_off.gif);
							background-repeat: no-repeat;
							background-position: 0.8em 0.4em;
							}
							
							fieldset.searchForm_field:hover legend{background-image: url(../img/searchForm_legend_circle_on.gif);}
								
								.col1 .formBusqueda p{
								margin: 0 0.8em;
								line-height: 2em;
								}
								
								.col1 .floatForm_ct .formBusqueda  p{line-height: 1em;}
								
								form label{
								text-transform: uppercase;
								font-size: 0.85em;
								}
								
								.floatForm_ct .formBusqueda label:hover{color: #000;}
								
								.formBusqueda label:hover{background-color: #FFF;}
								
								.floatForm_ct .formBusqueda label:hover{background-color: #d8e3da;}
								
									form input,
									form select{
									background-color: #FFF;
									border: 1px solid #666;
									margin-bottom:0.5em;
									font-size: 95%;
									} 
									
									.floatForm_ct .formBusqueda input,
									.floatForm_ct .formBusqueda select{width:95%;}
									
										.formBusqueda select option{width:inherit;}
									
									form input.submit{
									width: 20%;
									background-color: #AFB9B2; 
									}
									
									.Form_ct .formBusqueda{position:relative; line-height: 2em}
									.Form_ct .formBusqueda input,
									.Form_ct .formBusqueda select{position:absolute;width:55%; left:40%;text-transform:none;}
									.Form_ct .formBusqueda .submit{position:relative;left:75%;float:none;width:20%;}
									.Form_ct .formBusqueda label{text-transform:uppercase;width:auto;}
									.Form_ct .formBusqueda .opcion{position:relative;width:8%;left:1%;border:none}
									.Form_ct .formBusqueda .checkbox{position:absolute;width:60%; left:40%;text-transform:none}
									.Form_ct .formBusqueda .checkbox input{position:relative; width:auto;left:0}
									
				
					
					/* ------------------------------------------------------------------------------------------------ */		
								
					/* Para los resultdos de busqueda */
					
					#Busqueda ul{margin-top: 0.5em;}
							
						.paginacion{
							margin: 1em 0;
						font-size: 0.8em;
						width:100%;
						clear: both;
						position: relative;
						height: 1em;
						overflow: hidden;
						padding-bottom: 2em;
						}
					
						#Busqueda .hidden{display:none;width:0em;height:0em;}
						#Busqueda .paginacion .anterior{position:absolute;border:none;background-color:#fff;cursor:pointer; top:0.3em;}
						#Busqueda .paginacion .numPag{position:absolute;text-align:center;width:98%;}
						#Busqueda .paginacion .siguiente{position:absolute;border:none;background-color:#fff;cursor:pointer;width:20%;left:80%;  top:0.3em;}

			
			/* Columna 2: Banners y destacados */
			
			.col2{
			width: 35%;
			overflow: hidden;
			padding-bottom: 2em;
			}
				
				/* TEMAS */
				#temas{}
				
				.title_banner{
				background-position:top left;
				background-repeat:  no-repeat;
				font-size: 1.1em;
				font-weight: bold;
				padding: 0.5em 2em 0.5em 2.7em;
				margin: 0;
				overflow: hidden;
				}	
				
				.title_banner strong{text-transform: uppercase;}
								
					.bg_fleche{background-image: url(../img/title_fleche.jpg);border-bottom: 0.3em solid #9BC326;}
					.bg_chart{background-image:url(../img/title_chart.jpg); color: #FFF;}
					.bg_star{background-image: url(../img/title_star.jpg); color: #FFF; }
					.bg_flecheWhite{background-image: url(../img/title_go_fleche.jpg); color: #FFF;}
					
				
					#temas ul{
					text-transform: uppercase;
					font-size: 0.73em;
					line-height: 1.6em;
					font-weight: bold;
					margin: 1em 0;
					overflow: hidden;
					}
			
						#temas ul li{
						float: left;
						width: 11em;
						margin-left: 1.5em
						}
						
						#temas a{color: #666; text-decoration: none;}
						#temas a:hover{color: #000; text-decoration: underline;}
						#temas .title_banner a{color: #000;}
						#temas .title_banner a:hover{text-decoration: underline;}
				
				/* BUSQUEDA POR ZONAS*/
				
				#search_zones{
				border-bottom:0.3em solid #0E63AF;
				overflow: hidden !important; 
				}

					#search_zones ul{
					text-transform: uppercase;
					font-size: 0.73em;
					line-height: 1.6em;
					overflow: hidden;
					color: #000;
					margin: 1em 0;
					}
					#search_zones ul li a{color: #000; text-decoration: none;}
					#search_zones ul li a:hover{color: #666; text-decoration: underline;}
					
					#search_zones p a{
					margin: 1em 0;
					text-transform: uppercase;
					overflow: hidden;
					color: #000;
					font-size: 0.73em;
					}
					
					#search_zones p.title_banner{margin-left:0;}
					
					#search_zones ul li,
					#search_zones p{margin-left: 5%}
					
					
				/* BUSQUEDA POR CATEGORIAS*/
				#search_categories{
				border-bottom:0.3em solid #0E63AF;
				overflow: hidden !important; 
				}

					#search_categories ul{
					text-transform: uppercase;
					font-size: 0.85em;
					font-weight: bold;
					line-height: 1.6em;
					margin: 1em 0;
					overflow: hidden;
					}
		
					#search_categories ul li{
					float: left;
					width: 11.5em;
					text-align: center;
					margin-bottom:0.5em;
					overflow: hidden;
					}
					
						#search_categories ul li a{
						display: block;
						padding-top: 3.2em;
						background-position: top center;
						background-repeat: no-repeat;
						color: #000;
						text-decoration: none;
						}
						
						#search_categories ul li a:hover{color: #666; text-decoration: underline}
						
							#search_categories a.alojamiento{background-image:url(img/hotel_big_off.gif)}
							#search_categories a.alojamiento:hover{background-image:url(img/hotel_big_on.gif)}
							#search_categories a.restaurantes{background-image:url(img/restaurant_big_off.gif)}
							#search_categories a.restaurantes:hover{background-image:url(img/restaurant_big_on.gif)}
							#search_categories a.bares{background-image:url(img/bar_big_off.gif)}
							#search_categories a.bares:hover{background-image:url(img/bar_big_on.gif)}
							#search_categories a.cafeterias{background-image:url(img/cup_big_off.gif)}
							#search_categories a.cafeterias:hover{background-image:url(img/cup_big_on.gif)}
							
				
				/* BUSQUEDA GENERAL EN EL LATERAL*/
				#search_general{
				border-bottom:0.3em solid #0E63AF;
				overflow: hidden !important; 
				}

					#search_general a:hover{
					color: #666;
					text-decoration: underline;
					}
					
					#search_general p a{
					margin: 1em 0;
					text-transform: uppercase;
					overflow: hidden;
					color: #000;
					font-size: 0.73em;
					}
					
					/* Formulario en banner */
					
					#search_general form {	PADDING-RIGHT: 1em;
								PADDING-LEFT: 1em;	
								FONT-SIZE: 0.85em;	
								PADDING-BOTTOM: 1em;	
								PADDING-TOP: 1em
								}
					
						#search_general form p{line-height: 1.2em;}
						
						#search_general form input,
						#search_general form select{width: 90%;}
						
							#search_general form input.submit{width: 20%;}
					.col2 #search_general p.text_right{margin-right: 1em;}
				
				/* LEYENDA DE LOS MAPAS*/
				#map_legend{
				border-bottom:0.3em solid #9BC326;
				overflow: hidden !important; 
				background-color: #FFF;
				}

					#map_legend ul{
					font-size: 0.7em;
					line-height: 1.6em;
					margin: 1em 0;
					overflow: hidden;
					}
			
						#map_legend ul li{
						float: left;
						width: 11.5em;
						margin: 0 0 0.5em 1.5em;
						}
						
						#map_legend ul li img{vertical-align: middle;}
				
				
				/* Las pestanias: MAS VISITADO Y MAS VALORADO */
				
				/* Las pestanias: MAS VISITADO Y MAS VALORADO */
				#tabs_content{}
				#tabs_banner{}
						
					#tabs_container{
					clear: both;
					width: 100%;
					display: block;	
					}	
							
					#tabs_banner div#tabs_container{
					height: 4.6em;
					overflow: hidden;
					}
					
						div#tabs_container ul.tabs{
						width: 100%;
						margin: 0;
						padding: 0 0 0.45em 0;
						} 
										
							#tabs_content ul.tabs li{
							float: left; 
							list-style-type: none;
							margin: 0 0 0 0.2em;
							}
							
							#tabs_banner ul.tabs li{
							float: left; 
							width: 48%;
							padding: 1.5em 0
							}
		
						html > body ul.tabs, html > body ul.tabs li, html > body ul.tabs li a {height: 2em;}
					
							
							ul.tabs li a{
							cursor:pointer;
							display:block;
							float:left;
							text-decoration:none;
							color:#000;
							font-size: 0.8em;
							font-weight: bold;
							}
							
							#tabs_content ul.tabs li a{
							padding: 0.8em 1.5em 0em 1.5em;
							background-color: #E5E5E5;
							font-size: 1.1em;
							}
							
							#tabs_banner ul.tabs li a{
							padding: 0.8em 0 0.8em 3.5em;
							width: 100%;
							}
						
						#tabs_content ul.tabs li a:hover,
						#tabs_content ul.tabs li.active a{
						background-color: #D30029;
						color:#FFF;
						}						
						
						#tabs_banner ul.tabs li a.visitado:hover,
						#tabs_banner  ul.tabs li.active a.visitado{
					  background: url(../img/tab_active_users.jpg) no-repeat scroll top left;
						border-bottom: 0.4em dotted #F5002E;
						}
						#tabs_banner ul.tabs li.active a.visitado{color: #FFF;}
						#tabs_banner ul.tabs li.inactive a.visitado{
						background: url(../img/tab_inactive_users.jpg) no-repeat scroll top left;
						border-bottom: 0.4em solid #D30029;
						}
						#tabs_banner ul.tabs li a.valorado:hover,
						#tabs_banner ul.tabs li.active a.valorado{
						background: url(../img/tab_active_ok.jpg) no-repeat scroll top left;
						border-left: 0.4em solid #D30029;
						border-bottom: 0.4em solid #F5002E;
						}						
						#tabs_banner ul.tabs li.active a.valorado{color: #FFF;}
						#tabs_banner ul.tabs li.inactive a.valorado{
						background: url(../img/tab_inactive_ok.jpg) no-repeat scroll top left;
						border-bottom: 0.4em solid #D30029;
						border-left: 0.4em solid #D30029;
						border-right: 0.4em solid #D30029;
						}
					/*JOSUNE

					#tabs_content ul.tabs li a:hover{
						background: url(../img/tab_active_users.jpg) no-repeat scroll top left;
						border-bottom: 0.4em dotted #F5002E;
					}*/
						
					.box_content{
					border-top: 0.35em solid #D30029;
					overflow: hidden;
					background-color: #FFF;
					width: 97%;
					}
					
					#tabs_content .box_content ul{
					font-size: 115%;
					}
					
						#tabs_content .box_content ul li p{
						margin-top: 0;
						color: #444;
						}
					
					#tabs_banner .box_content{
					border: 0.35em solid #D30029;
					border-top: none;
					}
					
						.box_content ul{
						margin: 1em;
						font-size: 0.8em;	
						line-height: 1.4em;					
						}
						
						.box_content ul a{
						text-decoration: none;
						color: #000;
						}
						
						.box_content ul a:hover{text-decoration: underline;}
					
			  /* Banners genericos y especiales */
				
				#banner{
				border-top: 0.3em solid #D30029;
				border-bottom: 0.3em solid #D30029;
				overflow: hidden;
				width: 100%;
				float: none;
				clear: both;
				}
				
					#banner p{
					margin: 0.5em 1em;
					line-height: 1.35em
					}
					
					#banner p.title{
					margin: 0.5em 1em;
					font-size: 1.5em;
					line-height: 1em;
					color:#839F21;
					}
				
					/* Imagenes de fondo para los titulos */
					.camino_santiago p.title{
					background: url(../img/camino_santiago_star.gif) no-repeat top left;
					padding: 0 2.5em 0.5em 2.5em;
					}
					
					#banner p.text{color: #666;}
					
				.mini_banner{
				float: left;
				margin: 0.5em 0.5em 0 0.5em;
				text-align: center;
				}
				
				.img-banner{
				clear: both;
				padding-top: 0.5em;
				margin-left: 0.5em;
				}
							
							
							
				/* Destacado diario: destacamos */
				
				#destacamos{
				overflow: hidden;
				width: 100%;
				float: none;
				clear: both;
				background: url(../img/bg_destacamos.gif) no-repeat 0.8em 1em;
				}
				
					#destacamos p{
					margin: 0.5em 1em;
					line-height: 1.35em;
					font-size: 0.75em;
					}
					
					#destacamos p.title{
					margin:1em 1em;
					font-size: 1.5em;
					line-height: 1em;
					font-weight: bold;
					}
					
					#destacamos a{text-decoration: none;}
					
					#destacamos ul{margin: 0 1em;}
					
						#destacamos ul li{
						background: url(../img/li_sectionlist_grey_off.gif) no-repeat 0 0.4em;
						padding-left:1em;
						line-height: 1.2em;
						padding-bottom: 0.5em;
						}
						
						#destacamos ul li:hover{
						background-image: url(../img/li_sectionlist_grey_on.gif);
						}
				
										
					
		/** HOME */
			
		#home_destacados{
		float: left;
		width: 67%;
		}
		
			.element_home{
			width: 97%;	
			overflow: hidden;
			border-bottom: 0.3em solid #9BC326;
			}
				
				.element_home img.foto{
				width: 35%;
				float: left;
				}
				
				#home_destacados .element_header{
				float: left;
				margin-left: 0.5em;
				width: 60%;		
				overflow: hidden;
				}
				
					#home_destacados .userbar_top{}
				
						#home_destacados .userbar_top .valoration{
						width:65%;
						padding-left: 0;
						}
						#home_destacados .userbar_top .to_share{width:13%;}
					
					.element_home h3{
					background-image: none;
					float: left;
					padding:0;					
					}
					
					.col1 .element_home p{
					line-height: 1.3em;
					font-size: 0.8em;
					margin-right:0; 
					}
		
		#home_banners{
		float: left;
		width: 33%;
		}
		
			/* Agenda - ultimos eventos */
			
			#events_block{
			background: #8DBC00 url(../img/bg_block_green.jpg) repeat-y top left;
			width: 95%;
			padding-bottom: 0.3em;
			margin-top: 0.5em;
			}	
				
			#events_header{
			float: none;
			width: 100%;
			overflow: hidden;
			clear: both;
			}
			
				#events_block h3{
				background: url(../img/title_calendar_SF.png) no-repeat top left;
				width: 40%;
				float: left;
				padding: 0.8em 0 0.5em 2em
				}
				
				#events_block .rss{
				display: block;
				float: right;
				background:url(../img/rss.png) no-repeat top right;
				font-size: 0.7em;
				padding: 2.3em 0.4em 0 0;
				margin: 0;	
				}
				
				.col1 #events_block p{
				line-height: 1.2em;
				font-size: 0.8em;
				text-align: left;
				margin: 0.5em;
				}
				
				.event_item{border-top: 0.3em solid #FFF;}
				
					#events_block a{color: #000;text-decoration: none;}
					#events_block a:hover{color:#000; text-decoration: underline;}
				
				.col1 #events_block p.text_right{text-align: right;}
			
			/* Banners con foto */
			
			.banner_photo{
			width: 95%;
			margin-top: 0.5em;
			}
			
				.bg_blue{background: #394A94 url(../img/bg_bluephoto_right.gif) no-repeat bottom right;}
			
				.banner_photo .text{
				border-top: 0.3em solid #FFF;
				padding: 0.3em 0;
				}
				
					.bg_blue .text{background:url(../img/bg_bluephoto_left.gif) no-repeat bottom left;color: #FFF;}
				
					.banner_photo .text h3{
					font-size: 1.1em;
					background: none;
					margin: 0 1em;
					padding: 0;
					}
					
					.bg_blue .text h3{color: #FFF;}
					.bg_blue .text a{color:#FFF; text-decoration: none;}
					.bg_blue .text a:hover{text-decoration: underline}
				
					.col1 .banner_photo .text p{
					text-align: left;
					margin-top: 0em;
					}
			
			
			/* Banners con icono */
			
			.banner_icon{
			width: 95%;
			margin-top: 0.5em;
			padding-bottom: 0.3em
			}
			
				.bg_home{background: #D9E1DA url(../img/bg_blueicon_right.gif) no-repeat top right;}
				
				.bg_home h3{
				background:url(../img/bg_blueicon_left.gif) no-repeat top left;
				margin: 0;
				padding: 0.9em 0.5em 0.5em 5em;
				line-height: 1em;
				font-size: 1.05em;
				}
				
				.col1 .banner_icon p{
				line-height: 1.2em;
				font-size: 0.8em;
				text-align: left;
				margin: 0.5em;
				}
							
				.col1 .banner_icon p.text_right{text-align: right;}
	
				
		/* GALERIAS */
		
			/** Galería de fotos */
					
			#gallery{
			position:relative;
			width: 100%;
			}
			
			#slide_indicator{
			position: absolute;
			z-index: 50000000;
			background: url(../img/ajax-loader.gif) no-repeat center center; 
			}
						
			/*.foto #gallery{position: absolute;}*/
						
			#content #gallery ul li{list-style-type: none;}
						
			  #gallery li {list-style: none;}
				
				.col1 #gallery p.title_gallery{
				font-size: 0.7em;
				line-height: 1.3em;
				float: right;					
				width: 38%;
				overflow: hidden;
				padding: 1em 0.5em 0 1.5em;
				background: url(../img/title_gallery_SF.gif) no-repeat top left;
				font-weight: normal;
				margin: 0;
				text-align: left;	
				height: 3em;
				}
				
					.col1 #gallery p.title_gallery a{
					text-decoration: none;
					color: #000;
					}
					
					.col1 #gallery p.title_gallery  a:hover{text-decoration: underline;}				
				
					#gallery p.title_gallery span{
					font-size: 1.3em;
					font-weight: bold;
					}
				
        #gallery #slide_foot {
				text-align: left;
				overflow: hidden;
        }
				
				#gallery .slide_canvas {overflow: hidden;}
				
				.slide_canvas img {width: 97.8%;}
	      
	      	.reproductor {z-index: 1000000;}
					.previmg,
					.nextimg{
					position: absolute;
					width: 2.5em;
					top: 35%;
					height: 2.5em;
					z-index: 10000;
					}
										
					.previmg{left: 0;}
					
						.previmg a,
						.nextimg a{
						background-image: url(../img/previous.gif); background-repeat: no-repeat;		
						text-indent: -5000em;
						display: block;
						width: 2.5em;
						height: 2.5em;	
						overflow:hidden;	
						}
												
						.previmg a:hover,
						.foto #gallery .previmg a:hover{background-image: url(../img/previous_on_SF.gif);}
						
					.nextimg {right:1.7em;}
					
					.foto #gallery .nextimg {right: 0;}
					
						.nextimg a{background: url(../img/next.gif) no-repeat top right;}
						.nextimg a:hover{background-image: url(../img/next_on_SF.gif);}
			
			
			/*** ************* */
			/*** Carousel */
			/*** ************* */
			
			div#horizontal_carousel{
			overflow: hidden;
			width: 56%;
			height: 4em;
			float: left;
			}
			
			/*div#horizontal_carousel ul#thumbs li a img{
				width:90% !important; 
			}*/ 
			
			div.thumbs_imgs{
			width: 97%;
			margin-top: -0.3em;
			position: relative;
/*		overflow: hidden;*/ /* Puesto con javascript para accesibilidad*/
			}
									
				div.thumbs_container{  /* Ahora no existe este div */
/*			position:absolute; Puesto con javascript*/
				overflow: hidden;
				}
			
					.previous_button,
					.next_button {
					position: relative;
					width: 1em;
					z-index: 100000;
					top: 40%;
					}
				
						.previous_button{left:0;}
						
							.previous_button a,
							.next_button a{
							background-image: url(../img/previous_small_off.gif); background-repeat: no-repeat;
							text-indent: -5000em;
							width: 1em;
							height: 1em;
							overflow:hidden;
							position: absolute;
							}    
							
							.previous_button a:hover{background-image: url(../img/previous_small_on.gif);}
					
						.next_button {
						float: right;
						right: 0;
						} 
					
							.next_button a{background-image: url(../img/next_small_off.gif); background-position: top right;}    
							.next_button a:hover{background-image: url(../img/next_small_on.gif);}
						
					.previous_button_disabled,
					.next_button_disabled {display: none;}			
				
				div.thumbs_imgs{
				z-index: 2;
				padding-bottom: 1em;
/*     	height: auto;  /* Con el javascript se pone 90px */
				position: relative;
				 }
							 
					div.thumbs_imgs ul{
					width: 100%;
					position: relative;
					margin: 0 !important; /* Con el javascript se pone width: 100000px*/
					} 
											
						div.thumbs_imgs ul li{
						list-style: none;
						text-align: left;
						float: left;
						margin: 0 0.3em;
						width: 4.6em;
						padding-top: 0.5em;
						}
						
							div.thumbs_imgs li a{
							display: block;
							font-size: 0.75em;
							font-family: Arial, Helvetica, sans-serif;
							color: #999;
							line-height: 1.1em;
							}
														 
							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 a.current_photo img {border: 0.01em solid #000;}
			
								div.thumbs_imgs li a img {
								border: 0.01em solid #FFF;
								padding: 0.2em;
								margin-bottom: 0.3em;
								}
									
					      
								/* Estilos que se dan mediante javascript*/
								.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;}
								
	 
	 /** NAVEGACION 2.0 */
	 
	 #navsocial_wp{
		width: 100%;
		overflow: hidden;
		border-top: 1px dashed #CCC;
		border-bottom: 1px dashed #CCC;
		background-color:#FFF;
	 }
	 
			#navsocial_ct{
			width: 60em;
			margin: 0 auto;
			padding-top: 1em;
			}
			
				#navsocial_ct a{
				display: block;
				width: 15%;
				float: left;
				line-height: 1.1em;
				font-size: 0.75em;
				padding-bottom:2em;
				/*margin-right: 13.5em; CUANDO HAY 3 LINKS ACTIVOS*/
				margin-right: 4em; /*CUANDO HAY 4 LINKS ACTIVOS*/
				background-repeat: no-repeat; background-position: top left;
				text-decoration: none;
				}
				
				#navsocial_ct a:hover{
				color: #666;
				text-decoration: none;
				}
				
					#navsocial_ct a strong{
					color: #D30029;
					text-transform: uppercase;
					}
					
					#navsocial_ct a:hover strong{color: #000;}
				
				a.phone{
				padding-left: 4em;
				background-image: url(../img/phone_SF_off.gif);
				}
				a.phone:hover{background-image: url(../img/phone_on.gif);}
				
				a.bubble{
				padding-left: 5.5em;
				background-image: url(../img/bubble_SF_off.gif);
				}
				a.bubble:hover{background-image: url(../img/bubble_on.gif);}
				
				#navsocial_ct a.bubble2{
				padding-left: 5.3em;
				background-image: url(../img/bubble2_SF_off.gif);
				margin-right: 0;
				}
				#navsocial_ct a.bubble2:hover{background-image: url(../img/bubble2_on.gif);}
				
				#navsocial_ct a.facebook{
				padding-left: 5.3em;
				background-image: url(../img/facebook_SF_off.gif);
				margin-right: 0;
				/*float:right; LO USAMOS PARA EL ULTIMO LINK DEL MENU*/
				}
				#navsocial_ct a.facebook:hover{background-image: url(../img/facebook_on.gif);}
		
		
		/** NAVEGACION SECUNDARIA */
		
		#navsecond_wp{
		width: 100%;
		overflow: hidden;
		background-color:#E8E8E8;
		background-image:url(../img/bg_navsecond.jpg); background-repeat: repeat-x; background-position: top left;
		}
		
			#navsecond_ct{
			width: 60em;
			margin: 0 auto;
			}
			
				#navsecond_ct ul{
				float: right;
				font-size: 0.7em;
				margin: 1em 0;
 				}
				
					#navsecond_ct ul li{float: left;}
					
						#navsecond_ct ul li a{
						border-right: 1px solid #000;
						padding: 0 0.4em;
						text-decoration: none;
						color: #000;
						}
						
						#navsecond_ct ul li a:hover{color: #666; text-decoration: underline;}
					
	 
	 /**  PIE  */
					
		#footer_wp{
		width: 100%;
		overflow: hidden;
		background-color: #E8E8E8;
		background-image: url(../img/bg_footer.gif); background-repeat: repeat-x; background-position: left 0.7em;
		}
		
			#footer_ct{
			width: 60em;
			margin: 0 auto;
			padding-bottom: 1em;
			overflow: hidden;
			}
			
				.adress{
				font-size: 0.7em;
				line-height: 1.2em;
				width: 21%;
				float: left;
				}
				
					.adress p{padding: 1em 0 0 4em;}
					
					.adress a{
					color: #000;
					text-decoration: none;
					}
					
					.adress a:hover{
					color: #666;
					text-decoration: underline;
					}
					
			#footer_ct ul#nav_map{
			float: left;
			width: 79%;
			padding-top: 1em;
			display: block;
			overflow: hidden;
			}
		
				#footer_ct ul#nav_map li.main{
				float: left;
				line-height: 1.1em;
				margin-left: 2em;
				display: block;
				}
				
					#footer_ct ul#nav_map li.main span{
					text-transform: uppercase;
					font-weight: bold;
					font-size: 0.7em;
					}
					
				
					#footer_ct ul#nav_map li.main ul{
					font-size: 0.75em;
					line-height: 1.4em;
					padding-top: 0;
					display: block;
					}
					
						#footer_ct ul#nav_map a{
						text-decoration: none;
						color: #000;
						}
						
						#footer_ct ul#nav_map a:hover{
						color: #666;
						text-decoration: underline;
						}
			
/*calendario jiginiti*/

.caja-info-complemento .calendario {
   		padding: 10px 7px 0 7px;		
		background:#A1D700 url(../img/title_calendar_SF.png) no-repeat left top;
   }

	.caja-info-complemento .controlador{		
		padding-bottom:8px;
		border-bottom: solid 1px #fff;
	}

	.caja-info-complemento .controlador ul{
		
		padding-left:2em;
		margin-top:.2em;
		
		float:left;

}
   
   .caja-info-complemento .controlador li {
   		color: #000;
		display: inline;		
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		width: 50%;
   }
   
   .caja-info-complemento .controlador li.anterior,
   .caja-info-complemento .controlador li.siguiente {
   		margin-left: 7px;
		margin-top:.2em;
		overflow: hidden;
		text-transform: none;
		width: 17px;
   }

   
   .caja-info-complemento .calendario table {
   		border-collapse: separate;
		border-spacing: 3px;
		width: 100%;
   }
   
   .caja-info-complemento .calendario th,
   .caja-info-complemento .calendario td {
   		text-align: center;
   }
   
   .caja-info-complemento .calendario th {
   		color: #000;
		font-size: 1.2em;
   }
   
   .caja-info-complemento .calendario td {
		color: #d30029;
		font-size: 1.1em;
		
   }
   
   .caja-info-complemento .calendario td.evento {
   		border: 1px solid #D24254;
   }
   
   .caja-info-complemento .calendario table a {
   		color: #d30029;
		display: block;
		text-decoration: none;
   }
   
   .caja-info-complemento .calendario table a:hover {
   		background-color: #d30029;
		color: #FFF;
   }
.calendario caption{display:none}

h3.pie{
	font-size:.8em;
}

.Ficha h2, .Ficha h3{border-bottom:#d30029 0.2em solid; margin-left:0.3em; padding-left:1em; font-size:.9em; background:none}
.Ficha h3{border:0; margin-bottom:0;padding-bottom:0em}
.Ficha p{font-size:.8em}
.Ficha a{text-decoration:none}

/*Rebeca */

.userbar_top .to_shareSinValoration{padding: 0 0 0.5em 1em;	}
.userbar_top .to_share{padding-top: 1.2em;	}

.userbar_bottom .to_share, .userbar_bottom .to_shareSinValoration{
padding-top: 2.5em;
float: right;
width: 15%;
}

.to_share a, .to_shareSinValoration a{
background: url(../img/share_off.gif) no-repeat 0 0.4em;
padding: 0.3em 0 1.5em 2em;
font-size: 0.9em;
text-decoration: none;
color: #000;
}
							
.to_share a:hover, .to_shareSinValoration a:hover{text-decoration: underline; color: #666;}

.col1 h4
{
color: #000000;
font-size: 0.9em;
padding-left: 1em;
width: 96%;
margin-left: 0.3em;
}

.xslClass h4{
	border-bottom-width: 0.2em;
	border-bottom-style: solid;
	border-bottom-color: #D30029;
}
	
.xslClass ul
{
	margin-top: .5em;
}