@charset "utf-8";
/* CSS Document by eSOFT. Technologies & Consulting */

/*
=============================
UNDO 
=============================
 */

h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td,ul,li{ margin:0; padding:0;}
a{outline:none;}
a img,:link img,:visited img { border:none;}
p{ text-align:justify;}


/*
=============================
BY DEFAULT ESTILOAK
=============================
*/
body{
    margin:0em;
    padding:0em 0 0 0;
    border:0;		/* This removes the border around the viewport in old versions of IE */
    background: #FFFFFF ; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 62.5%; /* em neurrien kalkulua errazago izateko*/
    }

h1{
	padding:0em 0 0 0;
	margin:1em 0 0em 1em;
	position:relative;
	float:left;
	font-size: 1em;
	color: #666;
}
h1 em { /* Irudien ordezkanpena egiteko, erabilerraztasunagaitik*/background:url(../img/museo_logo.jpg) no-repeat;width:100%;	height:100%;position: absolute;}	
h1 a{ text-decoration:none; cursor:pointer;} 




h2 { position:relative; width:230px; height:80px; padding:0em; margin:2em 2em 0 30em ; float:left; font-size:1.3em;  }
h2    em{ position:absolute; top:0px; left:0; display:block;background:#00CCCC;  }
h2  a:link em, h2 a:visited em { background:url(../img/museo_h2.png) no-repeat 0px 0px; width:230px; height:80px;   text-decoration:none; }
h2  a:link em, h2 a:visited em { background:url(../img/museo_h2.png) no-repeat 0px 0px; width:230px; height:80px;   text-decoration:none; }
h2  a:hover em, h2 a:focus em, h2 a:active em{ background:url(../img/museo_h2.png) no-repeat 0px -80px; width:230px; height:80px;  padding:0em 0.4em 0em 0.4em; text-decoration:none;cursor:pointer;}
h2 a{ text-decoration:none;}

h3{   }


h4{	}
h5{	}
h6{	}
	
p{margin:0.5em; padding:0; }
	
a:link {font-size: 1em;	color: #666666;font-weight: normal;	padding:0;margin:0;border:0; text-decoration:none;}	
a:visited {font-size: 1em;	color: #666666;font-weight: normal;	padding:0;margin:0;border:0;text-decoration:none;} 	
a:hover {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;text-decoration:none;}	
a:focus {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;text-decoration:none;}	
a:active {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;text-decoration:none;} 
	
.logotipo{ position:relative; padding:0em 0 0 0 ;margin:1em 0 0 1.5em; float:left; }


/* 
=============================
ELEMENTOAK
=============================
*/

	
#body{width:96em;clear:both;margin:auto;padding:0 0 0 0;background:#FFFFFF url(../img/azpia.jpg) repeat-y;height:50em;}	
#body[id]{ /* ie6k min-height ondo egiteko */height:auto;min-height:50em;}
#body:after {/* Gillotina eragozteko, espazio bat sartzen da div-aren bukaeran*/content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	

#body_top{ background:url(../img/azpia_top.jpg) no-repeat;  margin:0.5em auto auto auto; width:96em; height:0.7em;}
#body_bottom{ background:url(../img/azpia_bottom.jpg) no-repeat;  margin:0em auto auto auto; width:96em; height:0.7em;}

#header {width:95em;margin:auto; float:left; position:relative; }
#header img{border:0; }

#idiomas{float:right;margin:1em 2em 0 3em;padding:0 0 0 0.5em;}

#idiomas ul{ list-style:none; list-style-image:none; text-align:right;}
#idiomas ul li{ margin:0 0 0.5em 0;}

#idiomas a:link{color:#666666; text-decoration:none; }
#idiomas a:visited{color:#666666;text-decoration:none;}	
#idiomas a:hover{color: #333333;text-decoration:none;}	
#idiomas a:focus{color: #333333;text-decoration:none;}	
#idiomas a:active{color:#999999;text-decoration:none;}

.selected{color: #333333;font-weight:bold; background:#CCCCCC;}


.header_banner{ float:left; margin:0 0 0 4em;position:relative; width:251px; height:97px; padding:0em 0 0 0;}
.header_banner em{background:url(../img/header_banner.png) no-repeat; position:absolute; width:100%;height:100%; }


#contacto {width:25px; height:38px; position:relative; padding:0; margin:-5em 2em 0em 0; float:right;}
#contacto em {display:block; width:25px; height:38px; background:url(../img/contacto.jpg); position:absolute; top:0; left:0;}
#contacto a {cursor:pointer; color:#FCFCFC; text-decoration:none;}
#contacto a:hover {}
#contacto a:hover em {background:url(../img/contacto.jpg) -25px 0px;}


#banner_club {width:167px; height:112px; position:relative; padding:0; margin:0em 2em 0em 0; float:right;}
#banner_club em {display:block; width:167px; height:112px; background:url(../img/banner_club.png); position:absolute; top:0; left:0;}
#banner_club a {cursor:pointer; color:#FCFCFC; text-decoration:none;}
#banner_club a:hover {}
#banner_club a:hover em {background:url(../img/banner_club.png) 0px -112px;}


#banner_acha {width:168px; height:112px; position:relative; padding:0; margin:1em 2em 0em 0; float:right;}
#banner_acha em {display:block; width:168px; height:112px; background:url(../img/banner_acha.png); position:absolute; top:0; left:0;}
#banner_acha a {cursor:pointer; color:#FCFCFC; text-decoration:none;}
#banner_acha a:hover {}
#banner_acha a:hover em { background:url(../img/banner_acha.png) 0px -112px no-repeat;}


#banner_noticias {width:164px; height:73px; position:relative; padding:0; margin:1em 2.5em 0em 0; float:right;}
#banner_noticias em {display:block; width:174px; height:73px; background:url(../img/banner_noticias.png); position:absolute; top:0; left:0;}
#banner_noticias a {cursor:pointer; color:#FCFCFC; text-decoration:none;}
#banner_noticias a:hover {}
#banner_noticias a:hover em { background:url(../img/banner_noticias.png) 0px -73px no-repeat;}



#banner_boletin {width:164px; height:73px; position:relative; padding:0; margin:1em 2.5em 0em 0; float:right;}
#banner_boletin em {display:block; width:174px; height:73px; background:url(../img/banner_boletin.png); position:absolute; top:0; left:0;}
#banner_boletin a {cursor:pointer; color:#FCFCFC; text-decoration:none;}
#banner_boletin a:hover {}
#banner_boletin a:hover em { background:url(../img/banner_boletin.png) 0px -73px no-repeat;}

#menu{ float:left; background: url(../img/menu_bg.png) no-repeat; width:95%; margin:0em 0 0em 2em; padding:1.5em 1.5em 2em 1.5em;}





#top{}

#footer {clear:both;width:95em;margin:auto; color:#666666;}

#footer img{ float:left; margin:0 1em 1em 0;}


#footer ul{ margin:0 0 2em 0;}
#footer ul li{ list-style:none; list-style-image:none; float:left; margin:0 .5em;}

#footer strong{ color:#78C400;}

#footer a:link{font-weight:normal;}	
#footer a:visited{font-weight:normal;}	
#footer a:hover {font-weight:normal;}	
#footer a:active{font-weight:normal;}
	
#footer p { margin:2em 0 0 0;}

#credits{clear:both;margin:2em auto 2em auto;width:95em;color: #999999;}

#credits ul{ float:right; }
#credits ul li{ float:left; list-style:none; margin:0em 0.5em 0em 0.5em;}	
#credits p{}
	
#credits a:link{font-size:1em;color:#999999;}
#credits a:visited{font-weight:normal;color:#999999;}	
#credits a:hover{font-weight:normal;color: #333333;}	
#credits a:focus{font-weight:normal;color: #333333;}		    
#credits a:active{font-weight:normal;color:#333333;	}

/*
=============================
ZUTABEAK
=============================
*/

#colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:80%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}
	
/* Zutabeen ezaugarri orokorrak */

.colleft {
	float:left;
	width:100%;
	position:relative;
	}
.col1,.col3 {
	float:left;
	position:relative;
	padding:0 0 0.6em 0;
	overflow:hidden;
	margin:0.4em 0 0 0;
	}
.col2{
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
	margin:0.4em 0 0 0;
	}
	

/* 
=============================
2 ZUTABE (menua eskuinean: MUSEOAREN ATALERAKO) 
=============================
 */

.rightmenu {}
.rightmenu .colleft {right:25%;	}
.rightmenu .col1 {width:75%;left:25%; }
.rightmenu .col2 {width:21%;left:27.8%;}
		

/*
=============================
col2 ZUTABEA. Ezkerreko menua hemendik editatzen da.
=============================
*/

.col2{position:relative; color:#666666;}

.col2 h3{ color:#666666; margin:1em 1em 1em 1em; font-size:1.4em; background:#999999; color:#FFFFFF; padding:0 0 0 1em;}
	
.col2 img{border:0;	margin:0.5em; }

/*===========1. mailako lista=============*/

/*	
.col2 ul{margin:0em 0.5em 1em 1.5em;padding:0 0 0 0em;list-style:none;position:relative;}
.col2 ul li{font-size:1.4em;font-weight:bold;margin:0em 0em 0em 0em;padding:0.6em 0 0.6em 0em;text-align:center;}	
*/

.col2 ul{margin:0;padding:0;list-style:none;position:relative;}
.col2 ul li{font-weight:bold;margin:0em 0em 0em 0em;padding:0;text-align:center;}	

	
/*.col2 ul li a:link{font-size:1.2em;font-weight:bold;text-decoration:none;color: #666666;background:url(../img/col2_li_bg.gif) no-repeat 0px 0px;padding:0em 0 0em 1em; }
.col2 ul li a:visited{font-size:1.2em;font-weight:bold;text-decoration:none;color: #666666;background:url(../img/col2_li_bg.gif) no-repeat 0px 0px;padding:0em 0 0em 1em;}
.col2 ul li a:hover{font-size:1.2em;font-weight:bold;text-decoration:none;background:url(../img/col2_li_bg.gif) no-repeat 0px -35px;padding:0em 0 0em 1em; color:#78C400; }
.col2 ul li a:active{font-size:1.2em;font-weight:bold;text-decoration:none;background:url(../img/col2_li_bg.gif) no-repeat 0px -35px;padding:0em 0 0em 1em;color:#78C400; }
	*/
/*===========2. mailako lista=============*/
.col2 ul ul {background:url(../img/col2_ul_ul_bg.png) no-repeat ;
	margin:0.5em 0 0 0em;
	padding:1em 1em 0 1em;
	/*background:#477a89;*/	}
	
.col2 ul ul li{
	text-align:left;
	font-size:0.6em;
	margin:0em 0em 0em 0em;
	padding-right:0em; background:none;  
 	border-bottom:0.1em solid #cccccc; }	
	
	
.col2 ul ul li a:link{font-size:1.2em;font-weight:bold;text-decoration:none;color: #666666;background:url(../img/col2_ul_ul_bg.gif) 0px 0px no-repeat;padding:0em 0 0em 2em; }
.col2 ul ul li a:visited{font-size:1.2em;font-weight:bold;text-decoration:none;color: #666666;background:url(../img/col2_ul_ul_bg.gif) 0px 0px no-repeat;padding:0em 0 0em 2em;}
.col2 ul ul li a:hover{font-size:1.2em;font-weight:bold;text-decoration:none;background:url(../img/col2_ul_ul_bg.gif)0px -21px no-repeat;padding:0em 0 0em 2em; color:#b50208; background: url(../img/col2_ul_li_bg.png) no-repeat;  }
.col2 ul ul li a:active{font-size:1.2em;font-weight:bold;text-decoration:none;background:url(../img/col2_ul_ul_bg.gif) 0px -21px no-repeat;padding:0em 0 0em 2em; color:#b50208;}

	
/*===========3. mailako lista=============*/
	
.col2 ul ul ul li{
	font-size:1em;
	margin:0.4em 0em 0.4em 1em;
	padding:0em; list-style:url(../img/menu_li_li.png);
	border-bottom: none; background:none; background-image:none; 	}	
	
.col2 ul ul ul li a:link{font-size:1.2em;font-weight:bold;text-decoration:none;color: #FFFFFF;background:none;padding:0em 0 0em 0em; }
.col2 ul ul ul li a:visited{font-size:1.2em;font-weight:bold;text-decoration:none;color: #FFFFFF;background:none;padding:0em 0 0em 0em;}
.col2 ul ul ul li a:hover{font-size:1.2em;font-weight:bold;text-decoration:none;background:none;padding:0em 0 0em 0em; color:#cccccc; }
.col2 ul ul ul li a:active{font-size:1.2em;font-weight:bold;text-decoration:none;background:none;padding:0em 0 0em 0em; color:#cccccc;}



/*
=============================
col1 ZUTABEA
=============================
*/
.col1{ color:#4e5255; font-size:1.2em;}
	
.col1 p{margin:2em;	}
	
.col1  a:link{color:#43474a;font-weight:normal;}	
.col1  a:visited{color:#43474a;font-weight:normal; }
.col1  a:hover,a:focus{color:#000000;font-weight:normal;}	
.col1  a:active{color:#000000;font-weight:normal;  }	


/*.col1 h2{ font-family:Georgia, "Times New Roman", Times, serif;  background:url(../img/col2_ul_li_bg.png) no-repeat right; color:#43474a;border-bottom:0.1em #d6b3b5 solid;margin:1em 1em 1em 0;padding:0em 1em 0em 1.5em;font-size:1.5em;font-weight:bold; text-align:right; float:right; display:block;}*/
	
	
	
.col1 h2{ margin:0 auto 0 auto; padding:0 0 0 0; width:400px; height:61px; position:relative;   }
.col1 h2 em{
	background:url(../img/museo_del_licor.jpg) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}


.col1 h4{font-family:Georgia, "Times New Roman", Times, serif;color: #43474a;margin:0.6em 1em 0.6em 0.5em;padding:0 0 2.5em 2em;font-size:1em;font-weight:bold; background:url(../img/col1_h4_bg.png) no-repeat center bottom;} 
	
.col1 h5{color: #666666;margin:2em 0 1em 4em;padding:0 0 0 1em;font-size:1em;font-weight:bold;}
	
.col1 h6{color: #666666;margin:2em 0 1em 5em;padding:0 0 0 1em;font-size:1em;font-weight:bold;}
		
		
/*============1. mailako lista=============================*/
.col1 ul{  margin:2em;}	
.col1 ul li{ /*list-style: url(../img/li.gif);*/ }

.col1 ul li a:link{color:#43474a;font-weight:bold;}
.col1 ul li a:visited{color:#43474a;font-weight:bold;}	
.col1 ul li a:hover,a:focus{color:#43474a;font-weight:bold;}	
.col1 ul li a:active{color:#43474a;font-weight:bold;}

.col1 ul li img{ margin:0; padding:0; border:0.1em solid #9EB51D; float:left;}

.col1 ol{	}	
.col1 ol li{    }	

/*============2. mailako lista=============================*/

.col1 ul ul{}	
.col1 ul ul li{ list-style: url(../img/li.gif); margin:0 0 0 2em; }

.col1 ul ul li a:link{color:#43474a;font-weight:normal;}
.col1 ul ul li a:visited{color:#43474a;font-weight:normal;}	
.col1 ul ul li a:hover,a:focus{color:#43474a;font-weight:normal;}	
.col1 ul ul li a:active{color:#43474a;font-weight:normal;}
	
	
.col1 img{float:right;padding:0 0em  0em 0em;}
.col1 img a{border:none;}
	

/*
=============================
KLASEAK
=============================
*/
	
/*------------------KLASE OROKORRAK------------------*/
.negrita {font-weight:bold;color:#333122;}
.small {font-size:0.8em;}
.big {font-size:1.4em;}
.big2 {font-size:1.2em;}
.clear{clear:both;}	
.hidden {display: block;background: transparent;background-image: none;border: none;height: 1px;overflow: hidden;padding: 0;margin: -1px 0 0 -1px;width: 1px;
}
.cursiva{font-style:italic;}
.subrayado{text-decoration:underline;}
.imgsinborde{border:none;}
.float_left{float:left;}
.float_right{float:right;}
.float_left ul{padding:0;margin:0}
.float_left ul li{clear:both;display:block;padding:0;margin:0}
.float_left ul li img{padding:0;margin:0;float:left;}
.border{border:0.06em #CCCCCC solid;padding:0.12em 0.24em 0.12em 0.24em;}
.hr{ background:url(../img/hr.png) no-repeat; float:left; width:100%; margin:1em 0 0 0 ;}
.block{ width:100%;}
.right{ text-align:right;}
.red{ color:#B0000B;}


/*-------------KLASEAK EDUKIA posizioa, margen eta padina kontrolatzeko. Bestelako etiketak col1-ean kudeatzen dira-----------------*/
.boxmain{margin:2em ;padding: 1em 1em 1em 1em;}
.box{ float:right; background:url(../img/box_museo.png) repeat-y top right;   padding:0 2em 0 2em ; width:90%;	}
.box_top{ background:url(../img/box_museo_top.png) no-repeat top right; float:right; width:96.5%; }
.box_bottom{ background:url(../img/box_museo_bottom.png) no-repeat bottom right; float:right;width:96.5%;}

/*====================ANCHOS=======================*/
.ancho1{ width:100%;}
.ancho2{ width:47%;}
.ancho3{ width:31%; }
.ancho4{ width:23%;}
.ancho5{ width:18%;}

.ancho3laurden{ width:75%;}


.margin_right{ margin-right:2em;}

/*
=============================
BOTOIAK
=============================
*/




.boton_descargar{  padding:0em;margin:0em 1em 0em 0em; float:none;}
.boton_descargar a {width:72px; height:13px;cursor:pointer; text-decoration:none;background:url(../img/boton_descargar.png); display:block; font-size:0.8em;padding:8px 5px 5px 10px  ; }
.boton_descargar a:hover  {background:url(../img/boton_descargar.png) 0px -26px;}



/*
=============================
ORRIALDE BAKOITZERAKO EZPEZIFIKOAK
=============================
*/


/*__________________________SECCIONES (GALERIA)_____________________________*/

#secciones{ float:left; width:25%;}
#secciones h6{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0em 0 0.5em 0em;padding:0 0 0em 0em;font-size:1em;font-weight:bold;   background:none;}

#secciones ul {  margin:0 0 0 0; padding:0 0 0 0;  width:135px;}
#secciones ul li{ background:url(../img/secciones_ul_li_bg.png) no-repeat; height:12em; list-style:none; list-style-image:none;  text-align:center; margin:0 0.3em 0 0; padding:0.5em 0 0 0; }
#secciones ul li img{ background:url(../img/secciones_ul_li_img_bg.png) no-repeat; margin:0 0 0 0; padding:0 0.5em 0.5em 0 ; float:none; border:none; width:97px; height:64px;}
#secciones p { margin:0; padding:0; }

/*__________________________GALERIA_____________________________*/

.galeria_img_big{ width:446px; background:url(../img/galeria_img_big_bg.png) no-repeat right bottom; margin:1em 0 0 2em; padding:0 0.8em 1em 0; float:left;}
#galeria_prev{ float:left; margin:3em 1em 0 7em; width:24px;}
#galeria_next{ float:right;margin:3em 5em 0 0.5em; width:24px;}

#galeria{ width:75%; float:right;}
#galeria ul {  margin:1em 0 0 1em; padding:0 0 0 0;  float:left;  }
#galeria ul li{ list-style:none; list-style-image:none; float:left;  text-align:center; margin:0 0.6em;padding:0; }
#galeria ul li img{ background:url(../img/secciones_ul_li_img_bg.png) no-repeat; margin:0 0 0 0; padding:0 0.5em 0.5em 0 ; float:none; border:none; width:97px; height:64px;}
#galeria p { margin:0; padding:0; }


/*====================PRESENTACION=======================*/

#presentacion {float:left; width:70%;}
.presentacion_relative{ position:relative; width:288px; height:199px; margin:1.5em 1.5em 1em 0; float:left; }
.presentacion_clipin{  position:absolute; /*clip:rect(0px 288px 199px 0px); */ top:0px;  left:0px; } 
.presentacion_clipin img {width:288px; margin:0 0 0 2em; padding:0; }

/*====================BLOQUE HORARIOS=======================*/

#blq_horarios{ background:url(../img/museo_blq_horarios.jpg) no-repeat; float:right; width:203px; height:202px; padding:0.3em;}

#blq_horarios h4{ background:none; margin:0.5em auto 0 auto; padding:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:1.3em;}
#blq_horarios ul{  margin:1em 0 0 0.5em; padding:0 0 0 0; width:90%; font-weight:bold; }
#blq_horarios ul li{list-style:none; list-style-image:none;margin:0.5em 0 1em 0; padding:0 0 0 0; color:#380908;}
#blq_horarios ul ul{  margin:1em 0 0 0em; padding:0 0 0 0; width:90%; font-weight:bold; }
#blq_horarios ul ul li{ color:#4E5255; font-size:0.8em;margin:0 0 0 0; padding:0 0 0 0;}


#blq_horarios h3{background:none; margin:0.5em auto 0 auto; padding:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-size:1.3em;}
#blq_horarios p{ margin:.8em 0 0 0; font-weight:600;}
#blq_horarios dl{ margin:1.5em 1em 1em 1.5em; padding:0;}
#blq_horarios dl dt{ margin:0.2em;  font-weight:600;}
#blq_horarios dl dd{ color:#963; margin:0.2em; font-size:.8em; font-weight:600;}
#blq_horarios dl dd a{ font-weight:600;color:#963;}



	/*__________________________MUSEO_____________________________*/
	
#museo h4{ width:40%; float:left; background:url(../img/col2_ul_li_bg.png) no-repeat 3px; border-bottom:0.1em  solid #e3c0c2; font-size:1.3em; margin:0 0 0 0; padding:0 0 0 1.5em;}

#museo h5{ width:40%; float:right; background:url(../img/col2_ul_li_bg.png) no-repeat right top  ; border-bottom:0.1em  solid #e3c0c2; font-size:1.2em; margin:0 0 0 0; padding:0 1.5em 0 0em; color:#4f5255; text-align:right;}

#h2{margin:0 0 0 0em;padding:4em 0em 0 1em;width:300px;float:left;font-size:1.4em;font-style: normal;line-height: 1em;font-weight: 600;font-variant: normal;color:#999;font-family: sans-serif,Geneva;}
#contacto {height:38px;position:absolute;padding:0;margin:0;right:1em;top:2em; font-size:1.8em; width:7em;}
#contacto a{ color:#666;}
#menu{ float:left; background: url(../img/menu_bg.png) no-repeat; width:95%; margin:0em 0 0em 2em; padding:1.5em 1.5em 2em 1.5em;}
#menu ul li{ float:left; list-style:none; list-style-image:none; padding:0 3em 0 3em; }

#menu ul li a:link{ font-size:1.2em; color:#43474a; white-space:nowrap;}
#menu ul li a:visited{ font-size:1.2em; color:#43474a; white-space:nowrap;}
#menu ul li a:hover{ font-size:1.2em; color:#000000; white-space:nowrap;}
#menu ul li a:focus{ font-size:1.2em; color:#000000; white-space:nowrap;}
#menu ul li a:active{ font-size:1.2em; color:#000000; white-space:nowrap;}