body { 
margin : 0 auto;
padding : 0;
font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, sans-serif; 	
color : black;
-webkit-text-stroke: 0.1px;
background:#ff9933;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
figure {margin: 0}
img, object, embed, video {vertical-align:middle;_width: 100%}
img {border: 0;	-ms-interpolation-mode: bicubic}
svg:not(:root) {overflow: hidden;}

/*  TYPOGRAFIA  ============================================================================= */

@font-face {
    font-family: 'appetitepro-lightuploadedfile';
    src: url('gau_beltza_font/appetite_pro_light-webfont.woff2') format('woff2'),
         url('gau_beltza_font/appetite_pro_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

p {font-size : 1.4em;}
h1 {font-size : 2.6em;}
h2 {font-size : 2em;}
h3 {font-size : 1.8em;}
h4 {font-size : 1.6em;}
a{text-decoration:none;}
p, h1, h2, h3, h4{line-height:1.6em;font-family: 'appetitepro-lightuploadedfile';font-weight:normal;}
#creditos a,#personajes_btn_escrito p,.slider h4 span{font-family: 'Arial';}


a[href^="tel:"],.enlace,#creditos a{color: black;text-decoration:none;}

.botonera_principal_texto{font-size : 2.4em;font-family: 'appetitepro-lightuploadedfile';}

.pagina_contenido_titulo:after{content:"-";display:block;color:#ff9933;}

.titular{padding:2em 0;border-top:1px solid red;border-bottom:1px solid red;width:30%;display:block;margin:2em 0;}
.adorno_foto{width:20%;display:block;margin:2em 0;}
.titular_dcha,.adorno_foto_dcha{float:right;margin-left:2em;}.titular_izda,.adorno_foto_izda{float:left;margin-right:2em;}


.enlace{border-bottom:1px solid #ff9933;}
.enlace:hover{border:none;}

#direccion li a:hover,a#mm:hover,.subrayado{text-decoration:underline;}

.lugar_titulo span{display:block;font-size:0.8em;margin-top:-0.5em;}
.lugar_titulo span:after{content:"-";display:block;color:#ff9933;line-height:1em;}

.slider h4{text-transform:uppercase;}
.slider h4 span{display:block;font-size:0.6em;letter-spacing:0.056em;}
.slider h4 span:after,.slider h4 span:before{content:"-";margin:0 0.5em;}

/*  BOTONERAS - BOTONOES  ================================================================ */

#botonera_principal{position:relative;z-index:100;}
#botonera_principal li{display:inline;float:left;width:25%;position:relative;}
#botonera_principal li a{margin:1px;display:block;position:relative;}
.botonera_principal_texto{padding:8%;background:black;display:block;text-align:center;color:white;position:relative;z-index:11;}
.botonera_principal_texto:after{content:">";color:#ff9933;position:absolute;right:5%;top:50%;margin-top:-0.5em;font-size:1em;display:none;}
.botonera_principal_foto{position:relative;display:block;}
.botonera_principal_foto:after{content:"";position:absolute;bottom:0;right:2em;border-left:2em solid transparent;border-right:2em solid transparent;border-bottom:2em solid black;z-index:1200;}
.botonera_principal_foto img{position:relative;z-index:1;}
.botonera_principal_foto span{position:absolute;z-index:100;width:100%;height:100%;background:black;display:none;}
#botonera_principal li a:hover .botonera_principal_foto span{display:block;}
#botonera_principal li a:hover .botonera_principal_texto{background:#7f4c19;}
#botonera_principal li a:hover .botonera_principal_foto:after{border-bottom-color:#7f4c19;}

.boton{position:relative;width:5em;height:5em;display:block;z-index:1000000;font-size:1em;}
.boton span{position:absolute;width:55%;height:55%;margin:auto;top:0;left:0;right:0;bottom:0;z-index:10;}
.boton span span{background:black;z-index:20;display:none;width:100%;height:100%;}
.boton:hover span span{display:block;}

.boton_icon{display:inline-block;padding:1.5em;border:1px solid #ff9933;color:black;position:relative;vertical-align:middle;}
.boton_icon span{margin:0 8px;vertical-align:bottom;font-size:1.2em;}
.boton_icon:hover{border-color:black;}

.boton_navegacion_slider a {z-index:100000000;position:absolute;top:50%;margin-top:-2.5em;display:block;}
.boton_navegacion_slider a.left{right:-2.5em;}
.boton_navegacion_slider a.right{left:-2.5em;}

.pagina_btn_navegacion{position:relative;z-index:1000;display:block;width:100%;text-align:right;}
.pagina_btn_navegacion li{display:inline-block;}
.pagina_btn_navegacion ul{margin-right:2em;}
.arriba:after,.abajo:after{content:"";position:absolute;display:block;height:50%;background:white;width:100%;z-index:90;}
.arriba:after{top:50%;}
.abajo:after{bottom:50%;}

.slider_todo{position:relative;width:100%;}
.slider{display:block;overflow:hidden;position:relative;text-align:center;margin-top:2%;background:#ff9933;}
.slider li{display:inline;float:left;width: 25%;position:relative;}
.slider li:before{content:"";height:100%;width: 100%;position:absolute;border-right:1px solid white;top:0;left:0;}
.slider li li:before{display:none;}
.slider li div{display:block;padding:10%;text-align:center;}
.slider li div div{padding:2%;}
.slider li div a{margin:0 auto;}

.slider li li{display:inline-block;text-align:center;float:none;width:auto;}
.slider li li a{display:block;margin:0 auto;}

a.jokuak{position:relative;display:block;}
a.jokuak:hover span,a.jokuak:hover:before{display:block;}
a.jokuak span{position:absolute;z-index:2;width:100%;height:100%;background:#ff9933;display:none;}
a.jokuak:before{display:none;content:"PDF";background:black;color:white;font-size:1.2em;z-index:1000;position:absolute;width: 4em;height:2em;line-height:2em;top:50%;left:50%;margin-left:-2em;margin-top:-0.5em;}

#direccion{position:relative;z-index:10;margin-top:2em;text-align:right;}
#direccion img{display:block;width: 70%;max-width:20em;margin-top:-5em;margin-left:-2em;position:relative;background-color:#ff9933;z-index:10;}
#direccion li a{display:block;position:relative;z-index:11;}
#direccion li{display:inline-block;margin-left:1em;border-right:1px solid black;padding-right:1em;}
#direccion li:first-child,#l{display:block;border-top:1px solid black;padding-left:0;border-right:0;margin-left:0;margin-top:0;margin-bottom:-2em;}
#direccion li:last-child{border:0;padding:0;}

#btn_redes{position:relative;text-align:right;}
#btn_redes li{display:inline-block;}
#btn_redes li:last-child{display:block;margin:2em 1em 1em 1em;}

.esquina{position:absolute;width:4em;height:4em;z-index:20;top:0;right:0;background:white;z-index:999999;}
.esquina:after{content:"";position:absolute;top:-4em;border-top:4em solid transparent;border-bottom:4em solid #bf7326;border-right:4em solid transparent;}
.naranja .esquina:after{border-bottom-color:#bf7326;}

#idiomas{position:relative;text-align:center;}
#idiomas li{display:inline-block;margin:2em;padding:2em;}
#idiomas li a{margin-top:1em;color:black;text-decoration:underline;font-size:1.3em;}
#idiomas li a:hover{text-decoration:none;}

#centrar_idiomas #direccion img{margin:-5em auto 2em auto;}
#centrar_idiomas #direccion,#centrar_idiomas #btn_redes,#centrar_idiomas li{text-align:center;}


/*  PAGINA HISTORIOA  ================================================================================ */

#festa{display:block;position:relative;overflow:hidden;background:#ff9933;}
#festa .boton_icon{border-color:white;}
#festa .boton_icon:hover{border-color:black;}
#festa div{text-align:center;overflow:hidden;position:relative;z-index:2;float:right;width: 70%;}
#festa div div{float:none;width: auto;}
#logo_festa{display:block;margin:1em auto;position:relative;z-index:2000;}
#logo_festa img{display:block;width: 80%;max-width:26em;margin:0 auto -1em auto;position:relative;z-index:2000;}

#foto_festa{display:block;position:absolute;width: 65%;z-index:1;margin:auto;top:0;left:0;bottom:0;}

#botones_festa ul{display:block;position:relative;text-align:center;padding:0 2em 2em 2em;}
#botones_festa li{display:inline-block;position:relative;}
#botones_festa li:last-child{border-left:1px solid black;padding-left:3em;margin-left:3em;}
#botones_festa li:last-child:before{z-index:10;content:"&";background:#ff9933;position:absolute;top:0;left:0;height:2em;width:3em;line-height:2em;left:-1.5em;top:50%;margin-top:-1em;}


/*  PAGINA LIBURUA  ================================================================================ */

#personajes_todo,#personajes li{position:relative;}
#personajes li{background:#ff9933;}
#personajes li li{background:none;}
#personajes li:before {content:"";height:100%;width: 100%;position:absolute;border-right:1px solid white;top:0;left:0;z-index:100;}
#personajes li li:before {display:none;}


.personaje_info{position:relative;display:block;padding:5%;overflow:hidden;}
.personaje_info div{position:relative;display:inline;float:left;width:35%;}
.personaje_info div:last-child{margin-left:5%;width:60%;}
.personaje_info div div,.personaje_info div div:last-child{margin:0;width:100%;}
.personaje_info div div div{width:90%;}

.personaje_foto_todo{position:relative;display:block;}
.personaje_foto{position:relative;}
.personaje_foto a{position:relative;z-index:1;}
.personaje_foto_img{width:90%;padding:5%;}
.a,.b,.c,.d{position:absolute;width:5em;height:5em;z-index:20;}
.a{top:0;left:0;}.b{top:0;right:0;}.c{bottom:0;left:0;}.d{bottom:0;right:0;}

.personaje_foto span.lapiz{position:absolute;width:6em;height:6em;z-index:1;top:0;right:0;display:block;margin:2em;background-color:transparent;}

.personaje_listado li{display:block;border-bottom:2px dotted #bf7326;padding:1em 0;}
.personaje_listado li:last-child{border:0;}


.personaje_slider_todo{position:relative;display:inline;float:left;width:35%;z-index:1000000;}
.personaje_slider_padding{padding:5%;position:relative;}
.personaje_slider_padding div{background:white;}
.personaje_slider{width:100%;display:block;}
.controles{position:absolute;width:100%;z-index:20;bottom:-4em;left:0;z-index:100000;text-align:center;}
.controles li{display:inline-block;}
.controles li a{display:block;text-align:center;line-height:4em;width:4em;height:4em;}
.controles li a span{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;z-index:10;}
.controles li a span{color:#ff9933;}
.controles li.current a span{color:white;font-weight:bold;}

.slider_btn_abajo{text-align:center;margin-top:2em;}
.slider_btn_abajo li{display:inline-block;margin:0 0.7em;}


#descarga{position:relative;background:#fff7e6;}
#descarga .esquina:after{border-bottom-color:#ff9933;}
#descarga li{display:inline-block;vertical-align:middle;width:50%;}
#descarga li:last-child{width: 40%;}
#descarga li:last-child div{padding:3em;}
#descarga li li,#descarga li li:last-child{width:auto;}

#slider_liburua{position:relative;overflow:hidden;}
#slider_liburua li{border-right:2em solid #fff7e6;}
#slider_liburua_todo{position:relative;}
#slider_liburua_controles{position:absolute;text-align:center;width:100%;display:block;bottom:2em;}
#slider_liburua_controles li{display:inline-block;}
#slider_liburua_controles li a{display:block;width:2em;height:2em;margin:0 5px;border:1px solid #ff9933;line-height:2em;color:black;}
#slider_liburua_controles li a:hover,#slider_liburua_controles li.current a{border-color:black;}


/*  PAGINA CONTACT0  ================================================================================ */

.lugar ul {display:inline;float:left;width: 50%;}
.lugar li{display:inline-block;width:50%;vertical-align:middle;position:relative;}
.lugar li:last-child{width: 40%;padding-left:5%;background:white;z-index:2;}
.lugar li:first-child:after {content:"";display:block;position:absolute;border-right:2em solid white;border-top:2em solid transparent;border-bottom:2em solid transparent;top:50%;margin-top:-2em;right:-2px;}
.google-mapa {position:relative;padding-bottom: 75%; height: 0;overflow: hidden;}
.google-mapa iframe {position:absolute;top:0;left:0;width:100%!important;height: 100% !important;}

.resaltado{padding:1.5em;display:block;position:relative;overflow:hidden;}
.resaltado li{display:inline-block;vertical-align:middle;width:25%;}
.resaltado li:last-child{width: 70%;}
.padding{border-left:2px dotted red;padding-left:3em;}

#bizum{background:#f2f2f2;}
#bizum .esquina:after{border-bottom-color:#50555b;}
#bizum .padding{border-color:#50555b;}

#amazon{background:#ffebcc;}
#amazon .esquina:after{border-bottom-color:#ff9900;}
#amazon a,
#amazon .padding{border-color:#ff9900;}

#bihotzez{background:#fdf2f7;}
#bihotzez .esquina:after{border-bottom-color:#df0069;}
#bihotzez a,
#bihotzez_pdf .padding{border-color:#df0069;}

#adobe_pdf{background:#ffe6e6;}
#adobe_pdf .esquina:after{border-bottom-color:#dc1d00;}
#adobe_pdf a,
#adobe_pdf .padding{border-color:#dc1d00;}


.prensa ul{display:block;padding:2em 0;}
.prensa ul::after { content: ""; display: block; clear: both;}
.prensa li{display:inline;width:35%;float:left;position:relative;}
.prensa li:last-child{width:60%;margin-left:5%;}
.prensa_foto{position:relative;padding-bottom:5%;}
.prensa_foto img{position:relative;width:95%;z-index:2;}
.prensa_foto:before{content:"";position:absolute;bottom:0;right:0;display:block;background:#ff9933;width:95%;height:95%;z-index:1;}
.prensa h1 span {display:block;font-family: 'Arial';font-size:0.4em;border-top:1px solid #ff9933;padding-top:0.5em;margin-top:2em;}


/*  GRID  ================================================================================ */

#wrapper{text-align:center;}
#wrapper img{display:block;width: 70%;margin:0 auto;max-width:25em;}
#egileak {text-align:center;margin:1em 0;position:relative;}
#egileak:after,#egileak:before{content:"";height:1px;width: 2em;display:inline-block;background:black;position:relative;margin:0em 0.5em;top:-0.25em;}
#creditos{position:relative;padding:2em;margin:1em auto 0 auto;z-index:1;}

.pagina_contenido{background:white;padding:5%;position:relative;z-index:100;overflow:hidden;}

.salto{display: block; height: 2em; clear: both;}
.linea{height:1px;background:#ccc;display: block;width: 100%;margin:2em 0;}
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 2% 1% 0;}
.col:last-child { margin-right: 0; }
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83%;}
.span_4_of_6 {width: 66%;}
.span_3_of_6 {width: 49%;}
.span_2_of_6 {width: 32%;}
.span_1_of_6 {width: 15%;}


/*  MEDIA QUERIES  ================================================================================ */

@media only screen and (max-width: 1024px){
	
	#botonera_principal li{width:50%;}
	
	#direccion img{margin:-5em auto 1em auto;}
	#direccion li{display:block;padding:0;border:0;margin:0;width:100%;text-align:center;margin-bottom:1em;}
	#direccion li:first-child{margin-bottom:1em;}

	#btn_redes{text-align:center;}
	
	.lugar ul {width: 100%;}
	.lugar ul.separata{border-top:1px solid #ccc;margin-top:2em;padding-top:2em;}
	
	.resaltado{margin:0;padding:2% 8% 8% 8%;}
	.resaltado li,
	.resaltado li:last-child{width: 100%;}
	.resaltado li img{width: 60%;}
	.padding{border:0;padding:0;}

	.prensa li{width:60%;}
	.prensa li:last-child{width:100%;}
	.prensa li:last-child{margin-left:0;}
	.prensa_foto{margin-bottom:2em;}
	
	.esquina{width:3em;height:3em;}
	.esquina:after{top:-3em;left:0;border-top:3em solid transparent;border-bottom:3em solid #bf7326;border-right:3em solid transparent;}
	
	#descarga li,
	#descarga li:last-child{width:100%;display:block;}
	#descarga{text-align:center;}
	#descarga li li,
	#descarga li li:last-child{display:inline-block;}
	#slider_liburua_controles{bottom:0;}
	
	#festa{margin:1em 0;}
	#festa div{float:none;width: 100%;padding-top:10em;}
	#festa div div{padding:0;}
	#foto_festa{width: 80%;top:0;left:0;margin:0;}
	
	#idiomas li{display:block;}


}
	
@media only screen and (max-width: 768px){
	
	body {font-size:90%;}
	
	.lugar li{width:100%;}
	.lugar li:last-child{width: 100%;padding:5% 0 0 0;}
	.lugar li:first-child:after {display:none;}
	.lugar li:first-child:before {content:"";display:block;position:absolute;border-bottom:2em solid white;border-left:2em solid transparent;border-right:2em solid transparent;bottom:-2px;left:2em;}
	
	.slider_btn_abajo{display:none;}

	.personaje_info{padding:8%;}
	.personaje_info div,
	.personaje_info div:last-child,
	.personaje_info div div:last-child{display:block;width:100%;margin:0;}
	.personaje_info div:last-child{margin-top:2em;}

	
	.boton_navegacion_slider {position:relative;width:100%;text-align:center;display:block;margin-top:-2.5em;}
	.boton_navegacion_slider a {display:inline-block;position:relative;margin-top:0;top:0;}
	.boton_navegacion_slider a.left{right:0;}
	.boton_navegacion_slider a.right{left:0;}
	
	#botones_festa{margin:5%;}
	#botones_festa li,#botones_festa li a{display:block;}
	#botones_festa li:last-child{border-left:0;padding-left:0;margin-left:0;border-top:1px solid black;margin-top:3em;padding-top:3em;}
	#botones_festa li:last-child:before{z-index:10;content:"edo";background:#ff9933;position:absolute;top:0;left:50%;height:2em;width:3em;line-height:2em;margin-left:-1.5em;margin-top:-1em;}
	#festa .boton_icon{text-align:left;}
	#festa .boton_icon span{float:right;}
	
	#bizum{margin-bottom:1em;}
	
}

@media only screen and (max-width: 480px){
	
	 body {font-size:80%;}

	.col {margin:1% 0 1% 0%;}
	.span_1_of_6, 
	.span_2_of_6, 
	.span_3_of_6, 
	.span_4_of_6, 
	.span_5_of_6, 
	.span_6_of_6 { width: 100%; }
	 
	 
	 #botonera_principal li{width:100%;}
	 .botonera_principal_texto{text-align:left;}
	 .botonera_principal_foto{display:none;}
	 .botonera_principal_texto:after{display:block;}
	 
	 .prensa li{width:100%;}
	 
	 .break{display:block;width:100%;clear: both;padding: 0px;margin: 0px;}
	 .margen{margin:1em 0;}

}









