/* mendatako udala. tres columnas */

*,html{
	margin:0px;
	padding:0px;
}
/* typografy and color rules */

body{
	font-family:verdana, sans-serif;
	color:#000;
	background: #f8f8f8;
	font-size:0.9em;
}
 p {
	font-family:verdana, sans-serif;
	margin:0px 10px 10px 10px;
	font-size:0.8em;
	text-align: justify;

}
 address {
	font-family:verdana, sans-serif;
	margin:0px 10px 10px 20px;
	font-size:0.9em;
}
.subtitular{
	width:95%;
	text-transform:uppercase;
	font-size:0.9em;
	color:#223300;
	float:left;
	margin:0px 0px 10px 10px;

}
.titular{
	text-transform:uppercase;
	font-size:1.5em;
	color:#223300;
	float:left;
	margin:0px 0px 10px 20px;
	border:1px solid #000000;
}
h1, h2{
	font-family:verdana, sans-serif;
	font-size:1.9em;
	margin:10px 10px 10px 10px;
}

h3{
	background: url(../img/trama_titulos.gif) repeat;
	font-family:verdana, sans-serif;
	font-size:1.5em;
	margin:10px 10px 20px 10px;
	padding:5px 5px 5px 5px;
	color:#223300;
}
h4{
	width:10em;
	background: #c6d05d url(../img/trama_titulos.gif) repeat;
	font-family:verdana, sans-serif;
	font-size:0.9em;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
}
 h5{
	text-transform:uppercase;
	font-style:italic;
	font-size:0.7em;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 5px;
}
 h6{
	text-transform:uppercase;
	font-style:italic;
	font-size:0.7em;
	overflow:hidden;
	margin:15px 10px 10px 10px;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
}

img{
	border:0;
}

#cabecera h1{ 
	background: #000000;
	margin: 0px;	
}
#cabecera h1 span {
	display: none;
}
#menuizq h2{
	font-family:verdana, sans-serif;
	font-size:0.7em;
	color: #ffffff;
	text-transform:uppercase;
	background: #8aa411;
	margin: 5px 0px 2px 0px;
	padding: 2px 0px 2px 5px;	
}
#menuizq h2 a:link{
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;	
}
#menuizq h2 a:visited{
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;
}
#menuizq h2 a:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #ffffff;
}
#menuizq h2 a:active{
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;
}
a{
	font-family:verdana, sans-serif;
	outline:none;
}
a:link{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}
a:visited{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}
a:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #e36100;
}
a:active{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}
.externo {
	font-style: italic;
	background: #ffffff url(../img/externo.gif) no-repeat right top;
	padding: 0px 12px 0px 0px;
}
.activo{
	font-weight:normal;
	color:#e36100;
}
#menuizq .activoh2{
	font-family:verdana, sans-serif;
	font-size:0.7em;
	color: #e36100;
	text-transform:uppercase;

	margin: 5px 0px 2px 0px;
	padding: 2px 0px 2px 5px;
}

ul{
	list-style-type:none;
}

#menusup{
	float:left;
	margin:0px 0px 5px 0px;
	background: #ffffff;
	font-size:0.7em;
}

#menusup a{
	color:#223300;
	font-weight:normal;
}
#menusup a:hover{
	color:#e36100;
	text-decoration:none;
}
#idiomas{
	float:right;
	margin:0px 0px 5px 0px;
	background: #ffffff;
	font-size:0.7em;
}

#idiomas a{
	color:#223300;
	font-weight:normal;
}
#idiomas a:hover{
	color:#e36100;
	text-decoration:none;
}
#menuizq{
	float:left;
	width:10em;
}

#menuizq ul{
	margin:5px 0px 5px 0px;
	background: #ffffff;
	font-size:0.7em;
}
#menuizq li{
	margin:0px 0px 2px 0px;
	padding:2px 0px 0px 20px;
	background: #ecefe7 url(../img/dt.png) no-repeat left;
}
#menuizq li a{
	color:#223300;
	font-weight:normal;
}
#menuizq li a:hover{
	color:#223300;
	text-decoration:underline;
}
#logosizq{
	position: relative;
	float:left;
	width:10em;
	}
#logosizq ul{
	margin:10px 0px 5px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}
#logosizq li{

	padding:5px 0px 5px 20px;
}
#logosizq li a{
	
}
#logosizq li a:hover{
	
}

/* layot rules */

body{
	margin:0;
	padding:0;

}
#contain{
	width:50em;
	padding:0.3em;
	margin: 5px auto;
	border: 1px solid #cccccc;
	background:#ffffff;
}
#cabecera{
	position: relative;
	float:left;
	width:50em;
	height:9.54em;
}
#cabecerafoto{
	position: relative;
	float:left;
	width:50em;
	height:9.54em;
}
#subcontain{
	position: relative;
	width:50em;
	float:left;
	overflow:hidden;
	background: #ffffff;

}
#colizq{
	position: relative;
	float:left;
	width:10em;
	margin:5px 0px 5px 0px;	
}

#contenido{
	position: relative;
	float:left;
	width:28em;
	background:#ffffff;
	margin:5px 0px 5px 0px;
	background-color: #ffffff;
}
#contenido a:link {
	color:#223300;
	font-weight:bold;
	text-decoration:none;
}
#contenido a:hover {
	color:#e36100;
	font-weight:bold;
	text-decoration:underline;
}

#coldha{
	position: relative;
	float:right;
	width:10em;
	overflow:hidden;
	background:#ffffff;
	margin:5px 0px 5px 0px;

}

#destacados{
	float:left;
	overflow:hidden;
	margin:5px 0px 0px 0px;
}
·destacados img{
	border:0;
}

#destacados a:link{
	text-decoration:none;
	font-weight:bold;
	color: #223300;	
}
#destacados a:visited{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}
#destacados a:hover{
	text-decoration:none;
	font-weight:bold;
	color: #e36100;
}
#destacados a:active{
	text-decoration:none;
	font-weight:bold;
	color: #e36100;
}

#destacados img{
	overflow:hidden;
	float:left;
	margin:0px 0px 15px 10px;
}
#pie{
	position: relative;
	float:left;
	width:50em;
	height:1.2em;
	background:#cccccc;
}
#piecopy{
	font-size:0.7em;
	text-align:right;
	padding: 5px 10px 5px 0px;
	color:#223300;
}

.clear{
	clear:both;
}

/* index */

#cont1{
		margin:5px 5px 5px 10px;
		overflow:hidden;
}
	#banner{
	position: relative;
	float:left;
	width:375px;
	height:140px;
	margin:0px 0px 5px 5px;
	border:1px solid #006600;
	}
	

#berriak{
	margin:5px 5px 5px 10px;

	}
	.berria{
	margin:5px 5px 10px 5px;
	border-bottom:1px dotted #006600;
	}
	.fecha{
	font-style:italic;
	font-size:0.8em;
	margin:5px 0px 5px 5px;
	}
	.titularberria{
	font-size:0.9em;
	font-weight:bold;
	margin:0px 0px 0px 5px;
	}
	.ver{
	font-size:0.6em;
	margin:5px 5px 5px 5px;
	text-align: left;
	}
	
/* acti */
	#acti1{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti2{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti3{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti4{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti5{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti6{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti7{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti8{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	#acti9{
	margin:10px 10px 10px 10px;
	background:#ecefe7;
	border:1px solid #ecefe7;
	}
	.bloquefoto{
	float: left;
	width: 100px;
	padding: 5px 5px 5px 5px;
	border:1px solid #cccccc;
	}
	.bloquetext{
	float: left;
	width: 230px;
	margin:0px 0px 10px 10px;
	}
	.actitext{
	margin:5px 5px 5px 5px;
	}
	.fechaacti{
	font-style:italic;
	font-size:0.8em;
	margin:5px 0px 5px 5px;
	}
	.titularacti{
	font-size:0.9em;
	font-weight:bold;
	margin:0px 0px 5px 5px;
	}
	.lugaracti{
	font-size:0.8em;
	margin:5px 0px 5px 5px;
	}
	.descargas{
	font-size:0.8em;
	margin:5px 0px 5px 5px;
	}
	.entradillaacti{
	font-size:0.8em;
	font-style:italic;
	margin:0px 0px 0px 5px;
	}
	.veracti{
	font-size:0.6em;
	margin:8px 0px 0px 5px;
	}	
	.volver{
	float: right;
	margin:15px 10px 0px 0px;
	}

/* patrimonio */

#patrimonio{
	float:left;
	width:100%;
	margin:0px 0px 0px 10px;
	}

.patrim1{
	width:100%;
	float:left;
	clear:both;
	margin:0px 0px 5px 0px;
}

.imgcont{
	float:left;
	clear:right;
	margin:0px 10px 0px 0px;
	border:1px solid #cccccc;
}


/* tablas */

.tableturismo{
	font-size:0.8em;
	width: 350px;
	margin:0px 10px; 
	padding:0; 
	border-left:1px solid #B3C028;
	}

.tableturismo caption{
	margin:0; 
	text-align:left; 
	background-color:#8aa411;
	font-weight:bold; 
	color:#FFFFFF; 
	padding: 3px; 
	border:1px solid #B3C028; 
	margin-top:10px;
	margin:0px 0px; 
	}

.tableturismo th{ 
	text-align:left; 
	background-color:#8aa411; 
	font-weight:bold; color:#FFFFFF;
	padding: 3px; 
	border-right:1px solid #B3C028; 
	border-bottom:1px solid #B3C028;
	}

.tableturismo td{ 
	text-align:left;
	background-color:#F7FAE9;
	color:#000000;
	padding: 3px;
	border-right:1px solid #B3C028;
	border-bottom:1px solid #B3C028;
	}

	
/* tablas UDALA */

.tableudala{
	font-size:0.8em;
	width: 350px;
	margin:0px 10px; 
	padding:0; 
	border-left:1px solid #B3C028;
	}

.tableudala caption{
	font-size:1em;
	text-align:center; 
	background-color:#ecefe7;
	font-weight:bold; 
	color:#000000; 
	padding: 3px; 
	border:1px solid #B3C028; 
	margin:5px 0px 5px 0px; 
	}

.tableudala th{ 
	text-align:left; 
	background-color:#8aa411; 
	font-weight:bold; color:#FFFFFF;
	padding: 3px; 
	font-size:0.9em;
	}

.tableudala td{ 
	text-align:left;
	background-color:#F7FAE9;
	color:#000000;
	padding: 3px;
	border-right:1px solid #B3C028;
	border-bottom:1px solid #B3C028;
	}	

/* turismo */
	
#herram{
	margin:10px 15px 0px 10px;

}
ul#herramientas {
	font-size:1.2em;
	text-align:right;
	border: 1px solid #8aa411;
	margin:0px 5px 0px 0px;	
	list-style-type:none;
}
ul#herramientas li {
	margin: 2px 2px 2px 2px;
	border: 1px solid #8aa411;
	background-color:#ecefe7;
	height:75px;

}
#herramientas a:link {
	color:#223300;
	font-weight:bold;
	text-decoration:none;
}
#herramientas a:hover {
	color:#e36100;
	font-weight:bold;
	text-decoration:underline;
}

.imgherramientas{
	float:left;
	width: 100px;
	margin:0px 10px 0px 0px;
}

.txtinfo{
	margin:30px 8px 0px 0px;
	text-align:left;
}

.txtcaserio{
	margin:20px 8px 0px 0px;
	text-align:left;
}

.txtdiaspora{
	margin:20px 8px 0px 0px;
		text-align:left;
}

.txtalbergue{
	margin:30px 8px 0px 0px;
	text-align:left;
}

.txtbtt{
	margin:30px 8px 0px 0px;
	text-align:left;
}

/* como llegar */
#planos {
	margin:5px 5px 5px 20px;
	width: 350px;
	height: 270px;
	background-color: #ecefe7;
}
#argazkiakgr{
	width:300px;
	height: 200px;
	background-color: #cccccc;
	border: 1px solid #ffffcc;
	margin:0px 5px 5px 20px;
	padding: 5px 5px 5px 5px;
	text-align:center;
}
#mendata_plano{
	width:300px;
	height: 302px;
	background-color: #cccccc;
	border: 1px solid #ffffcc;
	margin:0px 5px 5px 20px;
	padding: 5px 5px 5px 5px;
	text-align:center;
}
#comollegarnav{
	font-size:0.8em;
	width:300px;
	border: 1px solid #ffffcc;
	margin:10px 5px 5px 20px;
	padding: 5px 5px 5px 5px;
	text-align:center;
}
#comollegarnav a:link{
	text-decoration:none;
	font-weight:bold;
	color: #223300;	
}
#comollegarnav a:visited{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}
#comollegarnav a:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #e36100;
}

#comollegarnav a:active{
	text-decoration:none;
	font-weight:bold;
	color: #223300;
}

#firma{
	font-size:0.8em;
	width:300px;
	border: 1px solid #ffffff;
	margin:10px 5px 5px 20px;
	padding: 5px 5px 5px 5px;
	text-align:center;
}

/* enlaces */

.enlaces {
	margin:15px 0px 5px 10px;
	font-size:0.7em;
}
.enlaces li {
	list-style-type: none;
	display:block;
	text-align:left;
	background: #ffffff url(../img/bll_corr.jpg) no-repeat left;
	border-bottom:1px solid #ecefe7;
	margin:0px 0px 2px 0px;
	padding:2px 0px 0px 20px;
}
/* mapa web */

#mapa {
	margin:25px 10px 10px 10px;
}
#mapa h2{
	margin:5px 0px 5px 5px;
	font-size:1.0em;
}
#mapa ul{
	margin:5px 0px 5px 10px;
	font-size:0.7em;
}
#mapa li{
	margin:0px 0px 2px 0px;
	padding:2px 0px 0px 20px;
	background: #ffffff url(../img/bll_corr.jpg) no-repeat left;
	border-bottom:1px solid #ecefe7;
}

/*Formulario sugerencias*/

#sugerencias {width:350px; padding:10px; margin:15px; border: 1px dashed #c2ca9b;background-color:#f8f8f8;}
#sugerencias fieldset {border:0;background-color: #cccccc; padding:10px 10px;}
#sugerencias legend{font: bold 16px Arial, sans-serif;color:#9C2DD2; padding:0 5px;}
#sugerencias p label {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left;width: 23%; text-align:left;padding:5px; color: #000000;}
#sugerencias p br {clear: left;}
.enviar{ float: left; text-align:center;padding:0px;margin:15px 5px 5px 5px; color: #000000;}
.borrar{ float: left; text-align:center;padding:0px;margin:15px 5px 5px 5px; color: #000000;}

#encabezado_sug{
	font-family:verdana, sans-serif;	
	font-size: 0.8em;
	text-align: justify;
	width:31em; padding:0px; margin:15px;
}


/* provisional */

 hr {
	background: transparent url(../img/endsection.gif) no-repeat ;
	height:20px;
	margin:0 auto;
}

/* galeria */

#galeria{
	font-family:verdana, sans-serif;
	margin:20px 10px 10px 10px;
	font-size:0.8em;
}

#galeria li{
	list-style-type: none;
	display:block;
	text-align:left;
	background: transparent url(../img/bll_corr.jpg) no-repeat left;
	padding:5px 0px 0px 15px;
	padding:0px 0px 0px 20px;
	}
#galeria li a{
	color:#223300;
}
#galeria li a:hover{
	color:#e36100;
	text-decoration:none;
}

/* album */

#album {
width:25em;
height:350px; 
margin:30px 10px 10px 20px;
background:#eee;
border:1px solid #aaa;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
width:24em;
padding:0; 
position:relative; 
margin:285px 0 0 9px; 
list-style-type:none;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
border:1px solid #444;
margin:10px 0 0 0px; 
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:20px; 
height:20px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* style the hover background color for the text boxes */
.gallery li a:link {
background: url(../img/bebe_p.jpg) no-repeat ;
}
.gallery li a:hover {
background:#8aa411;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 

 	
}
/* make the images visible on active/focus */
.gallery li a:active img,.gallery li a:hover img, .gallery li a:focus img {
visibility:visible;
}

/* foto grande: position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-340px; 
left:auto; 
visibility:hidden; 
border:1px solid #aaa;
}
/* foto grande: fix the top position for the landscape images */
.gallery li a img.landscape {
top:-255px;
left:0;
}
/* foto grande:fix the left position for the portrait images */
.gallery li a img.portrait {
top:-255px;
left:0;
}

#album li span {
display:none;
}

#navegaciondcha{
	position: static;
	padding: 0 0 20px 0;
	color:#000;
	margin: 10px 10px 65px 15px;
	}
	
	#navegaciondcha ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	#navegaciondcha ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}
	#navegaciondcha ul li a{
	background: #fff;
	width: 170px;
	height: 20px;
	border: 1px solid #f5d7b4;
	padding: 0 0 0 5px;
	margin: 0 0 2px 0;
	color: #663300;
	text-decoration: none;
	display: block;
	text-align: left;
	font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}
	#navegaciondcha ul li a:hover{
	color: #930;
	background: #f5d7b4;
	}
	#navegaciondcha a:active{
	background: #c60;
	color: #fff;
	}
	#navegaciondcha li#active a{
	background: #c60;
	border: 1px solid #c60;
	color: #fff;
	}
	.arriba{
	text-align: right;
	font-size: 0.7em;
	}