/*
=============================
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;width:121px;height:80px;position:relative;float:left;background-image: url(../img/logo.png);	background-repeat: no-repeat; 	}	*/

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*/
	width:100%;
	height:100%;
	position: absolute;
	
	text-indent: -999px;
}	
h1 a{ text-decoration:none; cursor:pointer;} 



#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;
}
h2 { position:relative; width:300px; height:27px; padding:0em 0 0 0; margin:0em 0em 0 0 ; }
h2 em{ background:url(../img/header_h2.jpg) no-repeat; position:absolute; width:100%;height:100%;  }



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;} 
	
	
table{margin:2em; padding:0.5em;font-size:1em;border:0.1em solid ;}	
th{ background:#CCCCCC; padding:0.5em 1em 0.5em 1em ;text-align:left;}	
td{padding:0 0.4em 0.8em 0.4em;margin:0;border-bottom:0.1em #CCCCCC solid;}


.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{ position:absolute; width:100%;height:100%; }

/*
#contacto {width:100px;height:38px;position:relative;	padding:0;	margin:-5em 2em 0em 0;	float:right;overflow:hidden;}
#contacto img{overflow:hidden;}
#contacto em {display:block; width:90px; height:38px; background:url(../img/contacto.png); position:absolute; top:0; left:0;}
#contacto a {cursor:pointer; color:#333; text-decoration:none; font-size:1.2em;}
#contacto a:hover {}
#contacto a:hover em {background:url(../img/contacto.png) 0px 114px;}
#contactoTitulo {width:25px; height:38px; position:relative; padding:0; margin:-5em 2em 0em 0; float:right;}
*/
#contacto {height:38px;position:absolute;padding:0;margin:0;right:2em;top:2em; font-size:2em;}





#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:#333; text-decoration:none;}
#banner_club a:hover {}
#banner_club a:hover em {background:url(../img/banner_club.png) 0px -112px;}

#banner_museo {width:168px; height:112px; position:relative; padding:0; margin:1em 2em 0em 0; float:right;}
#banner_museo em {display:block; width:168px; height:112px; background:url(../img/banner_museo.png); position:absolute; top:0; left:0;}
#banner_museo a {cursor:pointer; color:#333; text-decoration:none;}
#banner_museo a:hover {}
#banner_museo a:hover em { background:url(../img/banner_museo.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;}
#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;}





#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;
	}
	
	/* 
=============================
1 ZUTABE (menu barik: INDEXERAKO) 
=============================
 */
	
.fullpage {	}
.fullpage .col1 {width:96%;	left:2%;}

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

.rightmenu {}
.rightmenu .colleft {right:25%;	}
.rightmenu .col1 {width:71%;left:27%;}
.rightmenu .col2 {width:21%;left:31%;}
		
/*
=============================
3 ZUTABE (Menuak alboetan: ALDE KORPORATIBORAKO)
=============================
*/

.threecol {	}	
.threecol .colmid {right:25%;}	
.threecol .colleft {right:50%;}	

.threecol .col1 {width:58%;	left:70.5%; }	
.threecol .col2 {width:20%;	left:-8%;}	
.threecol .col3 {width:20%;left:50.2%;}
	
/*
=============================
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 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;  color:#43474a;border-bottom:0.1em #d6b3b5 solid;margin:1em 1em 1em 0;padding:0em 1em 0em 0;font-size:1.5em;font-weight:bold; text-align:left; float:left; display:block; width:94%;}
	
.col1 h3{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0.5em 0 1em 0em;padding:0 0 0 0em;font-size:1.7em;font-weight:bold; float:left;  display:block; width:100%;}

.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;/*width:64px;*/}
.col1 img a{border:none;}

.col1 .boxmain_index .titColA{ float:left; width:260px; height:2em; padding:0 0 0 .4em;}
.col1 .boxmain_index .titColB{ float:left; width:350px; height:2em;}
.col1 .boxmain_index .titColC{ float:left; width:200px; height:2em;}
.col1 .boxmain_index .titColA h3,.col1 .boxmain_index .titColB h3,.col1 .boxmain_index .titColC h3{ font-weight:100;}
.col1 #wrapExterior	{float:left;position:relative;width:110%;background-position:0.3em 1.7em;background-image: url(../img/images/backPortadaPNG_03.png);background-repeat: no-repeat;}
.col1 #wrapExterior	.topColumnas{width:860px;height:20px;background-image: url(../img/images/backPortadaPNG_01.png);background-repeat: no-repeat;background-position: 0.3em  0;}
.col1 #wrapExterior	.bottomColumnas{width:851px;height:31px;background-image: url(../img/images/backPortadaPNG_022.jpg);background-repeat: no-repeat;background-position: 0.3em  0;}
.col1 #wrapExterior .float_left .index_blq .index_blq_clipin img{ width:220px;}
.col1 #wrapExterior .float_left .index_blq .producto img{ width:56px;padding:0 0.2em 0 0;}

.col1 .boxmain_index  #wrapExterior #wrapInterior{ margin:0; padding:0;}




/*
=============================
KLASEAK
=============================
*/

/************* LISTADO PRODUCTOS *********************/

#productos #listadoProd .elemento{width:100%; padding:0; margin:0; float:none;}
#productos #listadoProd .elemento .productos_relative img {margin:0;width:79px; border:none;}
#productos #listadoProd .elemento .productos_relative img a{ border:none;}
#productos #listadoProd .elemento .accionesListado{ float:right; position:relative; margin:2em 0 0;}	




#productos #listadoProductos {margin:0;width:79px;}
#productos #listadoProductos ul{ width:100%; padding:0; margin:0; float:none;}
#productos #listadoProductos li{ width:100%; padding:0; margin:0; width:45em;}
#productos #listadoProductos li .productos_relative img {margin:0;width:79px; border:none;}
#productos #listadoProductos li .productos_relative img a{ border:none;}


#productos #listadoProductos li .accionesListado{ float:right; position:relative; margin:2em 0 0;}	
#productos #listadoProductos li .accionesListado ul{ margin:1.5em 0 0 0; }
#productos #listadoProductos li .accionesListado li{ width:11em; float:right; position:relative; text-align:right; font-size:1em;font-weight:600;}
#productos #listadoProductos li .accionesListado li .red{ font-weight:100;}


/*------------------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{left:43.5em;margin:0;padding:0;position:absolute;top:-1.8em;}
.float_left ul li{display:block;padding:0;margin:0; float:left; background:#000; color:#fff; padding:.3em .5em; margin:0 .2em 0 0;}
.col1 .float_left ul li a{ color:#fff;}
.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;}
.boxmain_index{ background:url(../img/nuestra_identidad.png) no-repeat;margin:0 0em 0 0; padding:0 0 0 5em; float:left; }
.box{ float:left; background:url(../img/box.png) repeat-y;  padding:0 2em 0 2em ; width:41em;	}
.box_top{ background:url(../img/box_top.png) no-repeat; float:left; width:100%;}
.box_bottom{ background:url(../img/box_bottom.png) no-repeat; float:left;width:100%;}

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

.ancho3laurden{ width:100%;}


.margin_right{ margin-right:2em;}

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




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


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


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


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


.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
=============================
*/



/*____________________________INDEX____________________________*/

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

/* ================MARKETING======================================--*/

#marketing{ position:relative; background:transparent; float:left; clear:both; margin:0em 0 1em 2em; width:667px; height:244px; }
#marketing em{ background: url(../img/marketing_marco.gif) no-repeat; position:absolute; top:0; left:0; width:100%; height:100%;}
#marketing  a{ cursor:pointer;}

/*--------------irudiaren tamainua beti zabalera berdinera jartzen du eta era berean moztu egiten du-------------------*/
.marketing_relative{ position:relative; width:275px; height:195px; margin:0 2em 1em 0; }
/*.marketing_clipin{  position:absolute; clip:rect(0px 275px 195px 0px);  top:0px;  left:0px; } 
.marketing_clipin img {width:275px; margin:0; padding:0; }*/

/* ================INDEX BLQ.  Gourmet y Cócteles blokeak  ======================================--*/
.boxmain_index h3{ float:none; width:30%; border:0; margin:0em 0 0.5em 0; padding:0;}

.index_blq_top{ /*background:url(../img/index_blq_top.png) no-repeat; */width:21em;  }
.index_blq{/* background:url(../img/index_blq.png) repeat-y;*/ float:left;padding:0 0 0em 1em;width:225px;}
/*.index_blq_bottom{/* background:url(../img/index_blq_bottom.png) no-repeat bottom;width:21em;}*/
.index_blq h4 { float:none; width:80%;  border:0; margin:0.5em auto 0.5em auto; padding:0 0 2em 0; text-align:center; font-size:1em; background:url(../img/index_blq_h4_bg.png) no-repeat bottom; }

/*--------------irudiaren tamainua beti zabalera berdinera jartzen du eta era berean moztu egiten du-------------------*/
.index_blq_relative{ position:relative; width:220px; height:104px; margin:0 0em 0em 0; }
.index_blq_relative em{ position:absolute; top:0px;  left:0px; background: url(../img/index_blq_img_marco.gif) no-repeat; width:100%; height:100%; }
.index_blq_clipin{  position:absolute;/* clip:rect(0px 220px 104px 0px);  top:0px;  left:0px; */} 
.index_blq_clipin img {width:220px; margin:0; padding:0; }

/* ================PRODCUTO======================================--*/
.producto{ float:left; width:100%; margin:1.5em 0 0em 0; }
.producto h3{ width:95%; border-bottom:0.1em solid  #aaaaac; margin:0 0em 1em 0; font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; text-align:center; }
.producto p{ margin:1em; }
.producto_relative{ position:relative; width:56px; height:158px; margin:0 0em 0em 0; padding:0; float:left; }
.producto_blq_clipin{  position:absolute; /*clip:rect(0px 56px 158px 0px); */ top:0px;  left:0px; } 
.producto_blq_clipin img {width:56px; margin:0; padding:0; }
.producto_clipin_destacado{ background:#333;}
.producto_clipin_destacado img{ width:75px; max-height:170px;}

/* ================ NUEVO PRODUCTO PORTADA ======================================--*/
#nuevoproductoPortada .producto{ float:left; width:100%; margin:0 0 1em 0; height:300px; }
#nuevoproductoPortada .producto h3{ font-family:Georgia, "Times New Roman", Times, serif;  background:#000; width:100%; color:#fff; margin:0 0em 1em 0; padding:.4em;border:none; }
#nuevoproductoPortada .producto p{ margin:1em; }
#nuevoproductoPortada .producto_relative{ position:relative; width:96px; height:auto; margin:0 0em 0em 0; padding:0; float:left; }
#nuevoproductoPortada .producto_relative img{ float:left; position:relative; width:96px;}
#nuevoproductoPortada .producto_blq_clipin{  position:absolute;/*clip:rect(0px 56px 158px 0px);*/  top:0px;  left:0px; } 
#nuevoproductoPortada .producto_blq_clipin img {width:56px; margin:0; padding:0; }
#nuevoproductoPortada .float_right{ float:left; position:relative; width:92%; margin:0; padding:0;}
#nuevoproductoPortada .float_right p{ margin:0 0 0 .5em;}
#nuevoproductoPortada .float_right .pretitulo{ color:#000; font-weight:600;font-family:Georgia, "Times New Roman", Times, serif;}

#nuevoproductoPortada .float_right_destacado{ float:left; position:relative; width:100%; margin:0; padding:0;}
#nuevoproductoPortada .float_right_destacado p{ margin:0; float:right; position:relative;}
#nuevoproductoPortada .float_right_destacado .boton_detalle_destacado a {background:transparent url(../img/boton_detalle.png) repeat scroll 0 0;cursor:pointer;display:block;height:13px;padding:8px 5px 5px 10px;text-decoration:none;width:72px;}
#nuevoproductoPortada .float_right_destacado .boton_detalle_destacado a:hover {background:transparent url(../img/boton_detalle.png) repeat scroll 0 -26px;}

/* ================ EVENTO PORTADA ======================================--*/
#eventosPortada .producto{ float:left; width:100%; margin:0 0 1em 0; /*height:300px; */}
#eventosPortada .producto h3{font-family:Verdana, Arial, Helvetica, sans-serif;width:91%;margin:8em 0em .4em 0;padding:0.4em; color:#990000; border:none;}
#eventosPortada .producto p{ margin:0 .7em 0 0; text-align:justify; }
#eventosPortada img{ float:left; position:relative; width:300px; padding:2px; background:#B6C8CD;}
#eventosPortada .producto_blq_clipin{  position:absolute; /*clip:rect(0px 56px 158px 0px);*/  top:0px;  left:0px; } 
#eventosPortada .producto_blq_clipin img {width:56px; margin:0; padding:0; }
#eventosPortada .float_right{ float: right; position:relative; margin:0; padding:0;}
#eventosPortada .float_right .pretitulo{ color:#000; font-weight:600;font-family:Georgia, "Times New Roman", Times, serif;}



/* ================INDEX BLQ.  Novedades bloqueak======================================--*/

.index_blq_central_top {/*background:url(../img/index_blq_central_top.png) no-repeat;*/ width:322px; margin: 0 0.8em 0 1em; }
.index_blq_central {
	padding:0em 1em 0.5em 1em;
	width:315px;
	margin: 0 0.8em 0 1em;
	float:left;
	/*background-image: url(../img/index_blq_central.png);
	background-repeat: no-repeat;
	background-position: left top;*/
}
.index_blq_central_bottom {/*background:url(../img/index_blq_central_bottom.png) no-repeat left bottom;*/width:322px; margin: 0 0.8em 0 1em;}
.index_blq_central h4 {float:none; width:80%;  border:0; margin:0.5em auto 0.5em auto; padding:0 0 2em 0; text-align:center; font-size:1em; background:url(../img/index_blq_h4_bg.png) no-repeat bottom; }

#index_carrusel_prev{ float:left; margin:4em 0.5em 0 0; width:24px;}
#index_carrusel{ background:url(../img/index_carrousel.jpg) no-repeat; width:792px; height:119px; float:left;}
#index_carrusel ul{  float:left; margin:1em; padding:0;}
#index_carrusel ul li{ float:left; list-style:none; list-style-image:none; margin:0.5em;}
#index_carrusel ul li img{ margin:0em; border:0;}
#index_carrusel_next{ float:right;margin:4em 0 0 0.5em; width:24px;}


/*____________________________CONTENIDOS____________________________*/


/*--------------irudiaren tamainua beti zabalera berdinera jartzen du eta era berean moztu egiten du-------------------*/
.edukia_relative{ position:relative; width:254px; height:241px; margin:1.5em 1.5em 1em 0; float:left; }
.edukia_clipin{  position:absolute; /*clip:rect(0px 254px 241px 0px);*/  top:0px;  left:0px; } 
.edukia_clipin img {width:254px; margin:0; padding:0; }


/*__________________________NOTICIAS_____________________________*/


.separadorNoticia { width:100%; float:left; position:relative;}
.separadorNoticia img{ height:10em; width:auto; float:left; margin: 0 .5em .5em 0;}


#noticias h3{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0.5em 0 0.5em 0em;padding:0 0 1em 0em;font-size:1.7em;font-weight:bold; float:left;  display:block; width:100%; background:url(../img/col1_h4_bg.png) no-repeat bottom left;}

#noticias p{ }

.noticias_relative{ position:relative; width:175px; height:117px; margin:0 2em 2em 0; float:left; }
.noticias_clipin{  position:absolute; /*clip:rect(0px 175px 117px 0px);*/  top:0px;  left:0px; } 
.noticias_clipin img {width:175px; margin:0; padding:0; }


/*__________________________FAMILIA_____________________________*/

#familia{ float:left; width:100%;}
#familia h3{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0em 0 0em 0em;padding:0 0 0em 0em;font-size:1.7em;font-weight:bold;   background:none;width:40%;}
#familia h4{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0em 0 0em 0em;padding:0 0 0em 0em;font-size:1.2em;font-weight:bold;   background:none;width:20%; float:right;}

#familia p { }

.familia_relative{ position:relative; width:175px; height:117px; margin:0 2em 2em 0; float:left; }
.familia_clipin{  position:absolute; /*clip:rect(0px 175px 117px 0px);*/  top:0px;  left:0px; } 
.familia_clipin img {width:175px; margin:0; padding:0; }


/*__________________________SECCIONES (GALERIA)_____________________________*/

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

#secciones ul { background:#CC0099; margin:0 0 0 0; padding:0 0 0 0;}
#secciones ul li{ background:url(../img/secciones_ul_li_bg.png) no-repeat; height:12em; list-style:none; list-style-image:none; float:left; width:23.5%; 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;}
#secciones p { margin:0; padding:0; }



/*__________________________PRODUCTOS_____________________________*/

#productos{ float:left; width:90%;}
#productos h3{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:0.5em 0 0em 0em;padding:0 0 0.8em 0em;font-size:1.7em;font-weight:bold;   background: url(../img/col1_h4_bg.png) no-repeat left bottom;width:50%; }
#productos h4{font-family:Georgia, "Times New Roman", Times, serif; color:#43474a; margin:1em 0em 0em 0em;padding:0 0 1.7em 0em;font-size:1.2em;font-weight:bold;   background:none;width:50%; float:right; color:#b0000b;  text-align:right;}

#productos p { margin:0 1em 0 0; padding:0; }

#productos ul{ float:right; width:80%; margin:0; padding:5.5em 0 0 0;}

#productos ul li{ float:left; list-style:none; list-style-image:none; font-size:0.9em; padding:0 1em 0 0;}

.productos_relative{ position:relative; width:80px;  margin:0 1.5em 0 0; float:left;}
.productos_clipin{  position:absolute; /*clip:rect(0px 98px 118px 0px);*/  top:0px;  left:0px; } 
.productos_clipin img {width:98px; 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 7em 0 0.5em; width:24px;}

#galeria{}
#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 1em 0 1em; padding:0.5em 0 0 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;}
#galeria p { margin:0; padding:0; }

/*====================FORMULARIOA=======================*/

.formulario{overflow:hidden; width:100%; display:block;padding:0px;  margin:0 0 2em 0px; }
.formulario fieldset {width:90%; display:block;  clear:both;color:#000; border:0.1em solid #cdcdcd; background:#e3e3e3; padding:10px 10px 10px 10px;  margin:0 0 0em 0; }
.formulario legend {font-size:1.4em; font-weight:bold;  margin-bottom:5px; padding:3px;  color:#000;  }
.formulario label{float:left;margin:0px 10px 10px 0; height:5em; color:#3c3d3d; font-size:0.9em;}
.formulario input, .formulario select, .formulario textarea{width:99%; text-align:left;border:1px solid #d3d2d2;  background:#efefee; color:#000;     }


.formulario textarea{ height:8em;}


/************* MODIFICACIONES JORGE *****************/
#mensaje{ float:none;width:97%; margin:0 0 1em 0;}
.col1 #generica h3{ margin:1em 0 0;}

.col1 #generica .izk { float:left; position:relative; margin:0 .5em 0 0; /*width:250px;*/ width:135px;}
.col1 #generica img { float:left; position:relative; margin:0 .5em 0 0; /*width:250px;*/ width:135px;}
.col1 #generica .der { float:right; position:relative; margin:0 1.2em 0 .5em; /*width:250px;*/ width:135px;}
.col1 #generica .central { float:left; position:relative; margin:0; /*width:250px;*/ width:97%;}


.col1 #generica p{ text-align:justify; margin:0 1em .5em 0;}
.col1 #generica .resumen{ margin:0 1em .5em 0; padding:0; font-weight:600; font-family:Georgia, "Times New Roman", Times, serif;}

/****** Contenidos especiales ********/
#generica #nuevoproductoPortada{ width:100%; background:transparent url(../img/box.png) repeat-y scroll 0 0;}
#generica .producto h3{ background:#000; color:#fff; padding:.5em; width:92%;}
#generica .producto .producto_relative {float:left;margin:0 0 0 0;padding:0;position:relative; height:auto; width:auto;}
#generica .producto .producto_relative img { width:8em; margin: 0;}
#generica .producto .float_right{ width:80%; margin:1em 0;}
#generica .producto .float_right p{ width:95%;}

#generica .evento h3{ background:#000; color:#fff; padding:.5em; width:23em;}
#generica .evento .evento_relative {float:left;margin:0 0 0 0;padding:0;position:relative; height:auto; width:96.1%;}
#generica .evento .evento_relative img { width:100%; margin:1em 1em 0 0;}
#generica .evento .float_right{ width:99%; margin:1em 0;}
#generica .evento p{ text-align:justify; margin:0 2em .5em 0;}


.float_left ul li .activo{ background:#fff; color:#333;}

#portadaBanner{ margin:0 0 0 4em; float:left; position:relative;}
#portadaBanner li{ list-style:none;}

h2.gama{ border:none; margin:0; display:block; width:60%;}
p.listado{ font-size:1.3em; margin:.5em 0; padding:0; width:90%;}

ul#marcas{ width:808px; margin:0; padding:0;}
ul#marcas li{ list-style:none; margin:0; padding:0; border:none;}
ul#marcas li img{ width:160px; border:none;}