@charset "UTF-8";
/*@import('base_content');*/
/* CSS Document */

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

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

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

img{
 border:0;
}

.limpia{
float:none;
display:block;
clear:both;
}

hr{
display: block;
height: 2px;
clear: both;
float: none;
width:95%;
border-top: 2px dotted #CCC;
border-left: none;
border-bottom: none;
border-right: none;
}

fieldset{
border:0;
}

h2{font: bold 22px/24px Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 15px;}
h2 strong{font-weight: normal; color: #551157} 
h3{font: normal 18px/25px Georgia, "Times New Roman", Times, serif;	color: #551157;}
h4{font: italic 13px/15px Georgia, "Times New Roman", Times, serif;	color: #999; margin: 5px 0;}
h4 a{text-decoration: none;}

a{color: #666; text-decoration: underline;}
a:hover{color: #000;}
	
a.btn_plus,
a.btn_upload,
a.btn_back,
p.delete a{
	display: block;
	padding: 2px 0 0 25px;
	height: 18px;
	margin-top: 15px;
	font: bold 13px/15px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-decoration: none;
}

a.btn_plus{background: url(images/links/plus.png) no-repeat 0 0;}
a.btn_plus:hover{
	background: url(images/links/plus.png) no-repeat 0 -20px;
	color: #333;
}

a.btn_upload{background: url(images/links/upload.png) no-repeat 0 0;}
a.btn_upload:hover{
	background: url(images/links/upload.png) no-repeat 0 -20px;
	color: #333;
}

a.btn_back{background: url(images/links/back.png) no-repeat 0 0;}
a.btn_back:hover{
	background: url(images/links/back.png) no-repeat 0 -20px;
	color: #333;
}

p.delete a{
	font: normal 12px/15px Georgia, "Times New Roman", Times, serif;
	background: url(images/links/delete.png) no-repeat 0 0;
}
p.delete a:hover{
	background: url(images/links/delete.png) no-repeat 0 -20px;
	color: #333;
}
		
.floatRight{float: right; margin-left: 20px;}
.floatLeft{float: left; margin-right: 20px;}

.text_small{font-size: 11px;}
.text_big{font-size: 18px; color:#CC3333;}
.text_right{text-align: right;}
.text_center{text-align: center;}

.grey{color: #666;}
.purple{color: #551157;}

.no_screen{display:none;}

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


body{
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	background: #551157 url(images/bg_body.png) no-repeat top center ;
	color: #1A171B;
}

/** ESTRUCTURA GENERAL: contenedores */

/*div#wrapper{
	width:1220px;
	margin: 0 auto;
	/*background:url(images/bg_body.png) no-repeat 0 0;
}*/

	div#wrapper{
		width: 904px;
		overflow: hidden;		
		margin: 0 auto;
	}
	
	
	/** CABECERA */
	
	div#header{ 
		background: url(images/bg_header.jpg) repeat-x bottom left;
		height: 129px; 
		width: 100%;
		float: none;
		overflow: hidden;
	}
		
		h1{
			float: left;
			width: 202px;
			margin: 0 30px 0 129px;
			height: 128px;
			text-indent: -5000em;
			overflow: hidden;
			background: url(images/logo_lantxurda.png) no-repeat 0 0;
		}
				
			/* Iconos de calidad */
			
			div#quality_icons{
				float: left;	
				margin-left: 44px;
			}
			
			
			/* idiomas */
				
			div#navlang{
				float: left;
				overflow: hidden;
				margin: 15px 40px 0 15px;
			}
				
					div#navlang ul li{
						float: left;
						margin-left: 25px;
					}
					
						div#navlang ul li a{
							color: #7D457F;
							overflow:hidden;
							text-decoration: none;
							text-align: right;
							padding-top: 3px;
						}
						
						div#navlang ul li a:hover,
						div#navlang ul li.current a{color: #666; text-decoration: underline;}
							
				
	/** NAVEGACIÓN PRINCICPAL */
	
	
	div#navmain{
		width: 100%;
		overflow: hidden;
		font: normal 13px/13px Georgia, "Times New Roman", Times, serif;
		color: #000;
		height: 46px;
	}
	
		div#navmain ul{
			overflow: hidden;
			margin-left: 15px;
		}
		
			div#navmain ul li{
				overflow: hidden;
				float: left;
				height: 27px;
				margin-bottom: 7px;
				margin-top: 4px;
				padding: 7px 20px 0 25px;
				text-align: center;
				background: url(images/bg_nav.png) no-repeat 0 0;
			}
			
			div#navmain ul li.first{background: none;}
		
		div#navmain a{
			text-decoration: none;
			display: block;
			color: #000; 
			padding: 0 17px;
		}
	
			div#navmain a span{
				color: #7D457F;
				font-size: 12px;
			}
			
		div#navmain a:hover, 
		div#navmain li.current a{color: #777;} 
	
	
	/*Subnavegacion */
		

	#subnav ul{
		margin: 0;
	}
	
		#subnav ul li{
			width: 100%;
			font-size: 13px;
			border-bottom: 2px solid #D3BDD3;
		}
		
			#subnav ul li a{
				display: block;
				padding: 8px 0;
				text-decoration: none; 
			}
				
				#subnav ul li a:hover,
				#subnav ul li.current a{
					background-color: #976999;
					color:#FFF;
					padding-left: 5px;
					border-left: 1px solid #D3BDD3;
					border-right: 1px solid #D3BDD3;
				}		
	
	/** CONTENIDO */
			 
	div#content{
		width: 880px;
		overflow: hidden;
		background:#FFF url(images/bg_content.jpg) no-repeat 0 0;
		padding: 25px 15px;
	}
		
	div#content ol{
		margin: 20px;
		color: #444;
		padding: 0 20px;
	}
	
		div#content ol li{
			list-style-type: decimal;
			margin-bottom: 10px;
		}
	
		/* Columnas */
		
		div.col1,
		div.col1_xl{
			width: 200px;
			float: left; 
			padding: 15px 10px;
		}	
		
		div.col1_xl{width: 400px;}
		
			div.col1 p,
			div.col2 p{
				margin: 8px 0;
				color: #555;
			}
			
			div#content div.col1 ol,
			ul.bullet{
				padding: 0;
				margin: 5px;
			}
			
			ul.bullet{margin-bottom: 10px}
			
				div#content div.col1 ol li,
				ul.bullet li{
					list-style-type: none;
					margin-bottom: 3px;
					background: url(images/bg_li.gif) no-repeat 0 5px;
					padding-left: 15px;
				}
			
		div.col2,
		div.col2_xl{
			width: 600px;
			float: right; 
			margin-right: 30px;
			padding: 15px 10px;
		}
		
		div.col2_xl{width: 400px;}
			
			
	/* Columna ancha */
			
		.col1d1{
			float: none;
			width: 850px;
			margin-left: 25px;
		}
			
			
			
		/* Tablas  */
		
		table.caract{
			color: #666;
			border: 2px solid #D3BDD3;
		}
		
			table.caract th,
			table.caract td{
				padding: 8px;
				border-bottom: 1px solid #D3BDD3;
			}
			
		/* Las fichas de Turismo */
		
		
		
		.card_item{
			float: left;
			width: 140px;
			height: 150px;
			margin: 0 10px 10px 0;
		}
		
		
		/********************/
		/**** LIGHTBOX *****/
		/******************/
		
		.lightbox_ct{
			width: 80%;
			padding: 20px;
		}
		
			.col_lb{
				float: left;
				overflow: hidden;
			}
			
			.w_20{width:35%; margin-right: 5%;}
			.w_80{width:60%;}
		
			.lightbox_ct img{
				border: 1px solid #D3BDD3;
				padding: 2px;
				margin-bottom: 15px;
			}
			
				.caract_lb{
					background-color: #F5F5F5;
					padding: 5px;
					margin-bottom: 10px;
				}
				
					.lightbox_ct strong{
						font-weight: normal;
						font-size: 14px;
						color: #551157;
					}
				
		
		/* Home */

		/*Espacio para estilo del slideshow*/
		
			#carousel{
				margin-left: 15px;
			}
				
					/* Banners HOME*/
										
					a.bnr_entorno,
					a.bnr_album,
					a.bnr_blog{
						overflow: hidden;
						display: block;
						color: #000;
						text-decoration: none;
					}
					
					a.bnr_entorno{
						background: url(images/banners/turismo-y-entorno.jpg) no-repeat 0 0;
						font: normal 23px/20px Georgia, "Times New Roman", Times, serif;
						width: 170px;
						height: 94px;
						padding: 12px 0 0 22px;
						margin-top:5px;
						margin-left: 15px;
					}
					
					a.bnr_entorno:hover{
						color: #333;
						background: url(images/banners/turismo-y-entorno_ON.jpg) no-repeat 0 0;
					}
					
					a.bnr_album{
						background: url(images/banners/album-de-fotos.jpg) no-repeat 0 0;
						font: normal 23px/20px Georgia, "Times New Roman", Times, serif;
						width: 192px;
						height: 48px;
						padding-top: 58px;
						text-align: center;	
						margin-top: 5px;				
					}
					
						a.bnr_album span{
							font-size: 18px;
						}
					
					a.bnr_album:hover{
						color: #333;
						background: url(images/banners/album-de-fotos_ON.jpg) no-repeat 0 0;
					}
					
					.col1 a.bnr_entorno{
						margin-left: 5px;
					}
					
					.col1 a.bnr_blog{
						margin-left: 30px;
					}
				
					
					/* Minibanners */
					
					div.minibnrs{
						float: left;
						width: 415px;
						margin-top: 15px;
						height: 108px;
						overflow: hidden;
						
					}
					
						div#social,
						div#social_home{
							float: left;
							border-top: 2px dotted #CCC;
							border-bottom: 2px dotted #CCC;
							height: 74px;
							overflow: hidden;
							
						}
						div#social{width: 100%;margin: 20px 0; height: auto;}
						div#social_home{width: 60%;padding-top: 10px; }
						
							h4.weather{
								margin: 0px 0 25px 8px;
								padding-bottom: 25px;
								color: #000;
								text-decoration: none;
								float: left;
								width: 65px;
								color: #666;
							}
							
							.weather_box div.floatLeft{
								width: 42px;
							}
							
							.weather-img_home{
								float: left;
								width: 31px;
							}
					    a.facebook,
					    a.youtube {
					      width: 70px;
					      display: block;
								background:  url(images/links/facebook.jpg) no-repeat 0 0;
								padding: 5px 0 10px 35px;
								font-size: 15px;
								color: #000;
								text-decoration: none;
					    }
					    a.facebook:hover,
					    a.youtube:hover {
					      color: #666;
								
					    }
							a.facebook{
								background:  url(images/links/facebook.jpg) no-repeat 0 0;
							}
							a.facebook:hover{
								background:  url(images/links/facebook_ON.jpg) no-repeat 0 0;	
							}
							a.youtube{
								background:  url(images/links/youtube.jpg) no-repeat 0 0;
							}
							a.youtube:hover{
								background:  url(images/links/youtube_ON.jpg) no-repeat 0 0;	
							}
						
						a.bnr_blog{
							background:url(images/banners/blog.jpg) no-repeat 0 0;
							font: normal 16px/17px Georgia, "Times New Roman", Times, serif;
							text-align: center;
							padding-top: 10px;
							width: 135px;
							height: 66px;
						}
						
							a.bnr_blog:hover{
								color: #333;
								background:url(images/banners/blog_ON.jpg) no-repeat 0 0;
							}
					
							a.bnr_blog span{font-size: 20px;}
					
					/* Bloque de presentacion*/
					
					div.block_xl{
						background: url(images/block_xl.jpg) no-repeat bottom left;
						padding: 20px 25px;
						margin-left: 15px;
					}
						
						div.block_xl  div.text{
							margin: 15px;
							color: #333;
						}
	
		/* Contenidos dinámicos */
		
		
		
		
		
		
	/* FORMULARIOS */
	
	form .contacto{
		width: 95%;
	}
		
		form input,
		form textarea,
		div.input input.text,
		div.input textarea.text{
			border: 1px solid #D3BDD3;
			padding: 3px 5px;
			width: 85%;
			font: normal 11px/15px Arial, Helvetica, sans-serif;
		}
		
		form input:focus,
		form textarea:focus,
		div.input input:focus,
		div.input textarea:focus {
			border: 1px solid #551157;
		}
	
	
		div.submit input,
		input.btn{
			width: inherit;
			background-color: #551157;
			color: #FFF;
		}
		
		input.chec{
			width: inherit;
		}
		
		div.input,
		form.contacto p{
			margin-bottom: 10px;
		}
				
		label.error,
		div.error-message {
			color: #990000 !important;
			font-weight: bold;
			margin: 5px 0;
			clear: both;
			display: block;
			float: none !important;
			width: auto !important;
		}
		
		
		div.contact div.validation-advice {
			margin-left: 130px;
		}

		/*div.form {}*/
		
		div.input textarea.error,
		div.input input.error {
			border-color: #990000 !important;
		}

		/*div.input textarea.text {	}*/

		/*div.input input.just {
			width: 250px;
		}*/


		div.input label {
			width: 130px;
			float: left;
			color: #000;
		}
		

		form.upload-form div.input label,
		div.line label{
			width: auto;
			float: none;
		}
		
		/*div.submit input {}*/

		div.submit input:hover {
			background: #666;
		}
		
		div.submit input:focus {
			background: #999;
		}

		div.checkbox {
			margin: 0;
		}
		div.checkbox label {
			float: none;
		}
		div.checkbox input {
			margin: 0 5px 0 130px;
		}
		
		div.select label{
			width: 60px;
			margin-left: 15px;
		}
		
		div.select .text{
			border: 1px solid #D3BDD3;
			padding: 3px 5px;
			font: normal 11px/15px Arial, Helvetica, sans-serif;
		}
		
		
		/* Para los albumes de photos */
		
		.upload-photos{
			width: 100%;
			clear:both;
			margin-bottom: 15px;
			border-top: 1px dotted #ccc;
			border-bottom: 1px dotted #ccc;
			background-color: #f2f2f2;
			padding:15px;
		}
	
 
/*** MAPA WEB */

	.webmap{
		overflow: hidden;
		padding: 25px;
	}
	
		.webmap a{text-decoration: none;}
	
		.webmap ul.main-map{
			margin: 15px 20px;
		}
		
			.webmap ul li{
				margin-left: 35px;
				margin-top:8px;
				padding-left: 25px;
				background: url(images/go_green.png) no-repeat 0 4px;
				_background: url(images/go_green.gif) no-repeat 0 4px;
			}
			
			.webmap ul li.first{
				margin-left:10px;
			}
						
				.webmap ul li a{
					color: #000;
				}
				
				.webmap ul li a:hover{
					color: #666;
				}
				
				.webmap ul li ul{
				}
			
					.webmap ul li ul li{
						float: none;
						margin-left: 0;
					}
					
						.webmap ul li ul li a{
							color: #666;
							text-transform: inherit;
						}
    

/*** PIE */


div#footer{
	width: 904px;
	margin: 0 auto;
	padding-top: 20px;
	height: 200px;		
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg_footer.png) no-repeat top center;
}

	div#footer p{
		float: left;
		padding: 6px 0 0 25px;
		width: 220px;
		font: italic normal 11px/14px Arial, Helvetica, sans-serif;
		color: #666;
	}

	
	div#footer ul{
		margin: 4px 25px 0 0;
		width: 190px;
		float: right;
	}
	
		div#footer ul li{
			float: right;
			padding: 0 5px;
		}
		
			div#footer ul li a{
				color: #666;
				text-decoration: none;
				text-transform: lowercase;		
			}
			
			div#footer ul li a:hover{
				color: #551157;
			}