@charset "utf-8";
/* CSS Document */

* {
    box-sizing: border-box;
}

body{
	margin:0;
	padding:0;
	font-size:1em;
	text-rendering: optimizeLegibility;
	font-family:arial, hevetica, sans-serif;
	background-color:#FFFFFF;
	}
	
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }	
	
p, li{
	color:#3b3b3b;
	font-family:'robotolight',arial,verdana,helvetica;
	}
	
span.data{
	color:#025f64;
	font-style:italic;
	font-weight:600;
	padding-right:1em;
	}
	
.textJustify{
	text-align:justify;
	}
	
header{
	margin:0 auto;
	padding:0;
	width:100%;
	/*max-width:1280px;*/
	/*height:30em;*/
	/*background-color:rgba(73, 104, 112, 1);*/
	background-image:url(../irudiak/orokorrak/heroImage.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:120%;
	}
	
.divHero{
	margin:3em 0 0 0;
	padding:0;
	width:100%;
	/*height:30em;*/
	background: rgba(113,135,143,0.16);
background: -moz-linear-gradient(top, rgba(113,135,143,0.16) 0%, rgba(102,137,148,0.45) 30%, rgba(92,140,152,0.75) 56%, rgba(90,140,153,0.71) 63%, rgba(15,86,102,0.7) 65%, rgba(54,118,133,1) 77%, rgba(114,168,181,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(113,135,143,0.16)), color-stop(30%, rgba(102,137,148,0.45)), color-stop(56%, rgba(92,140,152,0.75)), color-stop(63%, rgba(90,140,153,0.71)), color-stop(65%, rgba(15,86,102,0.7)), color-stop(77%, rgba(54,118,133,1)), color-stop(100%, rgba(114,168,181,1)));
background: -webkit-linear-gradient(top, rgba(113,135,143,0.16) 0%, rgba(102,137,148,0.45) 30%, rgba(92,140,152,0.75) 56%, rgba(90,140,153,0.71) 63%, rgba(15,86,102,0.7) 65%, rgba(54,118,133,1) 77%, rgba(114,168,181,1) 100%);
background: -o-linear-gradient(top, rgba(113,135,143,0.16) 0%, rgba(102,137,148,0.45) 30%, rgba(92,140,152,0.75) 56%, rgba(90,140,153,0.71) 63%, rgba(15,86,102,0.7) 65%, rgba(54,118,133,1) 77%, rgba(114,168,181,1) 100%);
background: -ms-linear-gradient(top, rgba(113,135,143,0.16) 0%, rgba(102,137,148,0.45) 30%, rgba(92,140,152,0.75) 56%, rgba(90,140,153,0.71) 63%, rgba(15,86,102,0.7) 65%, rgba(54,118,133,1) 77%, rgba(114,168,181,1) 100%);
background: linear-gradient(to bottom, rgba(113,135,143,0.16) 0%, rgba(102,137,148,0.45) 30%, rgba(92,140,152,0.75) 56%, rgba(90,140,153,0.71) 63%, rgba(15,86,102,0.7) 65%, rgba(54,118,133,1) 77%, rgba(114,168,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71878f', endColorstr='#72a8b5', GradientType=0 );

box-shadow:#8FC1BF 5px 5px 5px;
	}
	
header img{
	width:1000px;
	display:block;
	margin:0 auto;
	padding:0;
	}
	
.headerNavContaniner{
	background-color:#ff1844;
	margin:-3em 0 0 0;
	padding:0;
	width:100%;	
	box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.30);
	position:fixed;
	z-index:100;
	}	
	
.menuMobile{
	position:absolute;
	z-index:-10;
	top:-100000000em;
	left:-1000000000em;
	}	
	
nav{
	/*background-color:#ff1844;*/
	background-color:#ff1844;
	width:100%;
	max-width:1024px;
	min-height:3em;
	padding:0;
	margin:0 auto;
	display:table;

	}
	
nav li{
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.3em;
	font-weight:100;
	font-family:'robotolight',arial,verdana,helvetica;
	}
	
nav a{
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
	}
	
nav a:hover, nav li.active a{
	border-bottom:solid 3px #64feda;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0.2em 0;
	margin:0;
	}
	
section{
	margin-top:1em;
	margin-bottom:1em;
	
	}	
	
.aurkezpena{
	width:100%;
	/*max-width:1280px;*/
	margin:0 auto;
	padding:0.5em 0;
	background-color:#e0f2f2;
	min-height:10em;
	}
	
.aurkezpena .container{
	width:75%;
	max-width:1280px;
	margin:0 auto;
	padding:0;
	display:table;
	}
	
.elkartea{
	width:100%;
	margin:0 auto;
	min-height:10em;
	}
	
.elkartea .container{
	margin:0 auto;
	padding:0;
	width:100%;
	/*max-width:1024px;*/
	}
	
.aurkezpena .row{
	border-bottom:solid 1px #c7c7c7;
	}	
	
.aurkezpena .cell img{
	width:98%;
	border:solid 1px #ff1844;
	}
	
.aurkezpena h1 {
	border-right:solid 1px #c7c7c7;
	/*background-color:rgba(255,255,255,0.5);*/
	}	
	
/*.aurkezpena h1:after{
	content: "";
    display: block;
    padding: 0;
    margin-top: 20%;
    border-top: solid 5px #ff1744;
	}*/
	
.aurkezpena h1, .elkartea h1, .egitaraua h1, .kokapena h1 {
	color:#025f64;
	margin:1em 0 0.5em 0;
	padding:0;
	font-family:'robotoblack',arial,verdana,helvetica;
	font-size:2.5em;
	word-break: break-all;
	text-shadow: rgba(0,0,0,0.1) 10px 10px 5px;
	}
	
.elkartea h1, .egitaraua h1, .kokapena h1{
	width:75%;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	}
	
.egitaraua .container {
	width:75%;
	max-width:1280px;
	margin-left:auto!important;
	margin-right:auto!important;
	}
	
.egitaraua ul{
	margin:0;
	padding:0;
	display:block;
	}
	
.egitaraua ul li{
	display:block;
	padding:0;
	margin:1em;
	}
	
.egitaraua li img{
	display:block;
	padding:0;
	margin:0;
	background-color:#ccc;
	width:30%;
	box-shadow: #ccc 1px 2px 3px;
	}
	
.aurkezpena h1:before, .elkartea h1:before, .egitaraua h1:before, .kokapena h1:before{
	content:"";
	display:block;
	margin:0.2em 0.3em 0 0;
	padding:0;
	height:1em;
	width:0.3em;
	border-right:solid 3px #ff80ab;
	background-color:#ff1744;
	float:left;
	}
	
.aurkezpena h2, .egitaraua h2{
	color:#ff1844;
	padding:0;
	margin:0;
	font-family:'robotoblack',arial,verdana,helvetica;
	border-bottom:solid 1px #c7c7c7;
	}
	
.elkartea ul{
	margin:0 auto;
	padding:0;
	width:75%;
	max-width:1280px;
	border-top:solid 2px #ff80ab;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
	}
	
.elkartea ul:before{
	content:"";
	display:block;
	padding:0;
	margin:3px 0;
	width:100%;
	border-top:solid 5px #ff1744;
	}	
	
.elkartea li{
	display:inline-block;
	margin:0.3em 0;
	padding:0;
	font-size:1.5em;
	box-shadow: #ccc 1px 2px 3px;
	}
	
.table{
	display:table;
	}
	
.cell{
	display:table-cell;
	padding:0.5em;
	border-collapse:separate;
	}
	
.row{
	/*display:table-row;*/
	display:block;
	margin:0.5em 0;
	border-collapse:separate;
	}
	
.long30pc{
	width:30%
	}	
	
.long50pc{
	width:50%
	}
	
.long100pc{
	width:100%
	}
	
.white{
	background-color:#fff;
	}
	
.cellValignMid{
	vertical-align:middle;
	}
	
.cellAlignCent{
	text-align:center
	}
	
.araudia, .txostena, .bilduma{
	background-color:#eaeaea;
	text-align:center;
	width:32%;
	margin:0;
	padding:1.5em 0 0 0!important;
	min-height:10em;
	
	display: flex ;
	flex-direction: row ;
	flex-wrap: nowrap ;
	justify-content: center ;
	align-items: center ;
	align-content: space-between ;
	}
	
.araudia:first-letter, .txostena:first-letter, .bilduma:first-letter{
	font-size:2em;
	font-weight:600;
	color:#ff1744;
	}
	
.araudia a, .txostena a, .bilduma a{
	color:#4E4E4E;
	display:block;
	height:10em;
	}
	
.araudia{
	background-image:url(../irudiak/orokorrak/araudia.png);
	background-size:35%;
	background-position:center 75%;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

.txostena{
	background-image:url(../irudiak/orokorrak/txostenak.png);
	background-size:30%;
	background-position:center 75%;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
	
.bilduma{
	background-image:url(../irudiak/orokorrak/bilduma.png);
	background-size:40%;
	background-position:center 75%;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	}
	
.gora{
	display:block;
	position:fixed;
	z-index:10;
	margin:0;
	padding:0.5em;
	bottom:0;
	right:0.5em;
	background-color:rgba(255,255,255,0.85);
	color:#ccc;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	box-shadow:#B5B5B5 -5px 5px 5px;
	}
	
.gora a{
	text-decoration:none;
	color:#4A4A4A;
	}	
	
li.facebook img{
	width:35px;
	height:35px;
	margin:0;
	padding:0;
	}
	
.mobileFacebook{
	position:absolute;
	z-indez:-1000;
	top:-100000em;
	left:-1000000em;
	}
	
.arautegia, .fitxategia{
	width:75%;
	max-width:1280px;
	margin:1em auto;
	padding:0;
	background-color:#fff;
	}
	
.arautegia ul, .fitxategia ul{
	width:100%;
	}
	
.arautegia li, .fitxategia li{
		box-shadow:none;
		width:100%;
		}
	
.arautegia, .fitxategia{
	overflow:hidden;
	/************************/
	/*	Transición	*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
	height:0;
}
	
.arautegia.active, .fitxategia.active{
	/************************/
	/*	Transición	*/
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	 -o-transition: all 0.5s ease-in;
	 transition: all 0.5s ease-in;
	 /*height:15em;*/
	}	

/**************************/	
	
/***************************/
/***	Argazki galeria	 **/

.bisorea{
	width:75%;
	max-width:1280px;
	margin:1em auto;
	padding:0;
	background-color:#000;
	/*background-image:url(../irudiak/orokorrak/mirigorri_eguzkilore.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;*/
	}
	
.fotorama{
	margin:0 auto!important;
	}
	
.fotorama__wrap{
	margin:0 auto!important;
	}
	
.bisorea{
	overflow:hidden;
	/************************/
	/*	Transición	*/
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	 -o-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
	height:0;
}
	
.bisorea.active{
	/************************/
	/*	Transición	*/
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	 -o-transition: all 0.5s ease-in;
	 transition: all 0.5s ease-in;
	 height:35em;
	}	

/**************************/



	
/*********************/
/*	GOOGLE MAPS	*/

#map{
	width: 75%;
	max-width:1280px;
	height: 500px;
	margin:0 auto;
	
	border-top: solid 2px #ff80ab;

}

#map:before{
	content: "";
    display: block;
    padding: 0;
    margin: 3px 0;
    border-top: solid 5px #ff1744;
	}
	
.info{
	max-width:60%;
	max-height:auto;
	}	
	
.info h1{
	font-size:25vh;
	}
	
.info img{
	max-width:75vh;
	}
	
/*********************/	