/*---------------------------------------------[      botika superstylin'      ]-----------------------------------------*/

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-size: 100%;
	text-align: center;
	overflow-x: hidden;
	position: relative;
}
body,
input,
select,
optgroup,
option,
textarea,
button {
	font-family: 'Nunito', sans-serif;
	color: #444;
}
body {
	background-color: #FFF;
	/*background-image: url(../irudi/whlchr.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;*/
}
table, html, body {
	margin: 0;
	padding: 0;
	border: none;
	/*height: 100%;*/
	width: 100%;
}
table tr td {
	vertical-align: middle;
}
object {
	pointer-events: none;
}
a {	color: #333; }
a:visited {	/*color: #444;*/ }
a:hover {	color: #222; }
a:active {	color: #ADADAF; }
.nion {	color: #000; }
::selection {
	background: #ffff9e;
	/*color: #000;*/
}
strong {
	font-weight: 600;
}
body ::-moz-selection {
	background: #ffff9e;
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/*---------------------------------------------[             rwd               ]-----------------------------------------*/

.rwdiv { float: none; clear: both; }
/*div[class^='zab'], div[class^=' zab'] { width: 100%; }*/
.fleximg {	width: 100%; }
.fleximgmax {	max-width: 100%; }

/*---------------------------------------------[           egitura             ]-----------------------------------------*/

header {
	width: 100%;
	background-color: #FFF;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 1px 3px rgba(50,50,50,.3);
	transition: top 0.25s ease-in-out, background-color .25s ease;
	position: fixed;
	top: 0;
	z-index: 1001;
}
footer {
	position: relative;
}

.zabal {
	margin: auto;
	height: 100%;
}
.horipad {
	margin: 0 auto;
	padding: 0 1em;
	overflow: hidden;
}
.goiko {
	margin: 0 auto 1em;
	overflow: hidden;
}
.goiko.niover {
	background: #DF0087;
}
.goiko .horipad {
	position: relative;
}
.eduki {
	clear: both;
	overflow: hidden;
	margin: 2em auto;
	font-size: 0.9375em;
	padding-bottom: 1em;
	min-height: 20em;
}
.eduki img.logoback {
	position: fixed;
	opacity: .5;
	z-index: -1;
	right: 0;
}
.beko {
	clear: both;
	margin: 0 auto;
	/*background: rgb(200,200,200);*/
	background: rgba(202,202,202,.5);
	/*box-shadow: 1px 1px 1px #CCC;*/
	overflow: hidden;
	z-index: 10000;
}
img.imgatze {
	position: fixed;
	opacity: .15;
	z-index: 0;
	bottom: 0;
	right: .5em;
	z-index: -1;
	width: 95%;
}

/*---------------------------------------------[           kolore             ]-----------------------------------------*/

.kol0 { color: #DF0087; }
.kol0over:hover { color: #DF0087; }
.boko0 { border-color: #DF0087; }
.bako0 { background-color: #DF0087; }
.kol1 { color: #000; }
.boko1 { border-color: #000; }
.bako1 { background-color: #000; }
.kol2 { color: #ADADAF; }
.boko2 { border-color: #ADADAF; }
.bako2 { background-color: #ADADAF; }
.kol3 { color: #AAA; }
.boko3 { border-color: #AAA; }
.bako3 { background-color: #AAA; }
.kol666 { color: #666; }
.boko666 { border-color: #666; }
.bako666 { background-color: #666; }

/*---------------------------------------------[           common             ]-----------------------------------------*/

.e-mob { display: none; }
.e-mobs { display: none; }
.lodifont {	font-weight: 700; }
.normalfont {	font-weight: 600; }
.breakword {
	word-wrap: break-word;
 /*-ms-word-break: break-all;
     word-break: break-all;*/
     word-break: break-word; /* Non standard for webkit */
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
p {
	font-weight: 400;
	text-align: left;
	line-height: 1.4em;
	margin: .25em 0 .5em;
	font-size: 1.125em;
}
p a {
	color: #DF0087;
	padding: 0 1px;
	border-bottom: 1px dotted #DDD;
}
p a:hover {
	color: #333;
	border-bottom: 1px solid #FFF;
}
.eduki p, .eduki ul, .eduki table {
	font-weight: 400;
	/*font-size: 1.05em;*/
}
.deskdiv p a:first-child {
	font-weight: 600;
	/*font-size: 1.1em;*/
	line-height: .9;
	margin-bottom: 1em;
}
.deskdiv p a:before {
	/*content: '\266B\0020';*/
}
.deskdiv ul {
	text-align: left;
	list-style: circle outside;
	padding-left: 1.25rem;
	font-size: 1.125em;
}

.eduki .horipad {
	min-height: 20em;
}
.lh0 {
	line-height: .9;
}
.lh1 {
	line-height: 1.125em;
}
.ls-1 {	letter-spacing: -1px; }
.ls-2 {	letter-spacing: -2px; }

a span.icon {
	transition: color .2s ease-out;
}

.but {
	color: #FFF;
	background: #DF0087;
	font-size: 1.5em;
	border-radius: .3em;
	transition: background-color 0.15s ease-out;
	padding: .2em .5em .2em .2em;
}
.but:hover {
	color: #FFF;
	background: #000;
}

.videobox {
	margin: 1em 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	clear: both;
	overflow: hidden;
}
.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
hr {
	margin: 1em 0;
	background: #CCC;
	border: none;
	height: 1px;
}
abbr, acronym {
	border-bottom: 1px dotted  #CCC;
	cursor: help;
}

/*---------------------------------------------[           goiko             ]-----------------------------------------*/

.logodiv {
	float: left;
	overflow: hidden;
	display: block;
	margin: .5em 0;
	padding: 0;
	width: 100%;
}
.logo {
	display: inline-block;
	text-align: left;
}
.logo div {
	height: 3em;
	max-width: 80%;
}
.goiko.niover #lb {
	display: none;
}
.goiko.niover #mk {
	display: block;
}
#lebukobject {
	width: 100%;
	height: 100%;
}
#musikobject {
	width: 90%;
	height: 90%;
}
.hizk {
	color: #666;
	margin: 1em 1em ;
	/*max-width: 110px;
	line-height: 1.25em;*/
	text-align: right;
	position: absolute;
	right: 0;
	z-index: 500;
	width: 50px;
	display: none;
	transition: display .2s ease-out;
}
.ison .hizk {
	/*display: block;*/
}
.hizk li {
	display: inline-block;
}
.hizk li a {
	color: #FFF;
	background: #DF0087;
	font-size: 2.125em;
	line-height: 1.1;
	text-align: center;
	display: inline-block;
	letter-spacing: -1px;
	border-bottom: 1px solid #FFF;
	/*text-shadow: 1px 1px 1px #CCC;*/
	height: 44px;
	width: 44px;
}
.hizk li a:not(.nion):hover {
	background: #000;
}
.hizk li a.nion {
	background: #000;
}

.navigation {
	position: fixed;
	/*background: rgba(255,255,255,.8);*/
	box-shadow: -3px 0px 3px 0 #CCC;
	/*overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden;*/
	z-index: 1000;
	width: 100%;
	/*border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	display: none;
	transition: top .2s ease-out;*/
}
.navigation.ison {
	background: rgba(255,255,255,.8);
}
.navigation .horipad {
	position: relative;
}
body {
	padding-top: 4em;
}
.nav-up {
 top: -5em;
}

/*---------------------------------------------[           menua             ]-----------------------------------------*/

.showhidemenu {
	display: block;
	position: absolute;
	right: 16px;
	top: 13px;
	z-index: 1001;
	font-weight: 400;
}
.showhidemenu span {
	color: #FFF;
	background: #DF0087;
	text-align: center;
	font-size: 2.6em;
	height: 44px;
	width: 44px;
	display: inline-block;
	line-height: 1.1;
	border-radius: .1em;
	/*box-shadow: 0 0 2px #FFF;*/
}
.showhidemenu span span {
	font-size: .75em;
	line-height: 1.5;
}
.showhidemenu:hover span {
	color: #DF0087;
	background: #FFF;
}
.showhidemenu.nion span {
	/*color: #000;*/
}

.menu {
	/*width: 100%;*/
	font-weight: 600;
	text-align: left;
	margin-top: .2em;
	position: absolute;
	left: -15em;
	transition: left .25s ease-out;
}
.ison .menu {
	left: 0;
	position: relative;
}
.menu li {
	position: relative;
	/*display: inline-block;*/
}
.menu li a {
	color: #333;
	/*line-height: 1.5em;*/
	display: inline-block;
	padding: .2em .75em .2em .5em;
	font-size: 2em;
	/*text-shadow: 1px 1px 3px #CCC;
	border-top: 1px solid #FFF;
	box-shadow: 0 0 0 0.8em transparent;*/
	transition: color .2s ease-out;
	line-height: 1.375;
}
.menu li a span.icon {
	margin-right: .3em;
	color: #999;
}
.menu li a .icon-izar {
	font-size: .7em;
}
.menu li a .icon-checkmark {
	font-size: .8em;
}
.menu li a.nion {
	color: #FFF;
	background-color: #000; 
}
.menu li a:hover {
	color: #FFF;
}
.menu li a.nion:hover {
	color: #FFF;
}
.menu li a.nion span.icon {
	color: #DF0087;
}
.menu li a:hover span.icon {
	color: #FFF;
}

.menu li a span.atzeko {
	background-color: #DF0087;
	/*opacity: .2; */
	display: block; 
	position: absolute;
	top: 0; 
	left: 0; 
	width: 10px;
	z-index: -1;
	/*line-height: 1.78;*/
	height: 100%;
}

.social {
	font-size: 2.5em;
}
footer .social {
	display: none;
}
.homedivs .social a {
	font-size: 1.75rem;
	text-align: center;
	margin-right: .25em;
	background-color: #DF0087;
	color: #FFF;
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	border-radius: .25em;
	line-height: 1.75;
}
.homedivs .social a:hover {
	background-color: #DF0087;
	color: #FFF;
}
.homedivs .social a.tw:hover { background-color: #4099FF; }
.homedivs .social a.fb:hover { background-color: #3B5999; }

.copy ul li:first-child {
	display: none;
}
.copy .social {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	display: block;
}

.copy .social a {
	display: inline-block; 
	border-width: 3px;
	border-style: solid;
	color: #666;
	line-height: 1.6;
	border-radius: 1em;
	height: 1.6em;
	width: 1.6em;
	margin: 0 .2em;
	padding: 0;
}
.copy .social a.tw {	color: #4099FF; }
.copy .social a.fb  {	color: #3B5999; }

.navigation .social {
	position: absolute; 
	top: 4.5em; 
	right: -99px; 
	transition: right .25s ease-out;
	float: right;
}
.ison .social {
	right: 12px;
}
.navigation .social a {
	color: #DF0087;
}
footer .social a {
	color: #666;
}
.social a:hover {
	color: #000;
}

.overlaymenu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: transparent;
	transition: background-color .15s ease-out;
	width: 100%;
}
.overlaymenu.color {
	background-color: rgba(255,255,255,.85);
}

/*----------------------------------------------[           edukiak             ]-----------------------------------------*/

.map {
	float: left;
}
span.icon, span[class*=' icon-']{
	display: inline-block;
}
.overlay, .overlayikusgai {
	bottom:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 2000;
	background-color: rgba(255,255,255,.9);
	overflow: hidden;
}
.overlayikusgai {
	display: block;
}
.loadinganima,
.loadinganima div {
	border-radius: 50%;
}
.loadinganima	{
	text-align: center;
	width: 3.125em;
	height: 3.125em;
	background-color: #444;
	background-color: rgba( 223, 0, 135, .95 );
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .5em;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 0 .75em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 .75em rgba( 0, 0, 0, .75 );
	z-index: 2001;
}
.loadinganima div	{
	margin: 0 auto;
	width: 2em;
	height: 2em;
	background-color: #FFF;
	-webkit-animation: loadinganima .5s ease infinite;
	animation: loadinganima .5s ease infinite;
}
@-webkit-keyframes loadinganima	{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes loadinganima	{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}
#foriframe {
	position: absolute;
	z-index: 2005;
}
#foriframe, #if {
	border: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#closemap {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 2010;
	font-size: 3.5em;
	color: #DF0087;
	text-shadow: 0 0 2px #999;
	padding: .5rem .625rem;
	display: inline-block;

}
a:hover#closemap {
	color: #333;
}

.homedivs > li {
	vertical-align: top;
	margin: 0 auto 8%;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.homedivs > li:first-child {
	float: left;
}
.homedivs > li:last-child {
	float: right;
	display: none;
}

.agenda {
	padding: 1em 0;
}
.agenda > li {
	width: 100%;
	float: left;
	/*margin-bottom: .75em;*/
}
.agenda > li a {
	padding: 1.25em 0 0;
	position: relative;
	overflow: hidden;
	display: block;
	border-width: 1px 0;
	border-style: solid;
	border-color: transparent;
	text-align: left;
}
li a .data {
	font-size: 1.65em;
	font-weight: 600;
}
li a .data .eskb {
	color: #DF0087;
	letter-spacing: -1px;
}
 li a .imgdiv {
	min-height: 5em;
}
.imgdiv {
	position: relative;
	margin-bottom: .25em;
}
.imgdiv .loader {
	display: none;
}
.imgdiv span {
	font-size: 1.125em;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1;
	padding: .4em .5em;
	background: rgba(223,0,135,.8);
	color: #FFF;	
}
.through, .nioff .imgdiv span, .nioff a h2 + p {
	text-decoration: line-through;
}
.imgdiv img {
	display: block;
}

.agenda > li a h2 {
	padding-top: .2em;
	font-weight: 600;
	line-height: .9;
	color: #DF0087;
	display: block;
	width: 100%;
}
li.nioff h2 span.txt, h1.nioff {
	text-decoration: line-through;
	color: #777;
}
li.nioff a h2 span.kol0 {
	text-decoration: none;
}
.agenda li a h2 + p {
	font-size: 1.25em;
	line-height: 1;
	margin-bottom: .5em;
}
li a:hover h2 {
	color: #000;
}

.eguteframe {
	height: 303px;
	width: 100%;
	border: 0;
}
.eguterelative {
	z-index: 20;
	position: relative;
	height: 100%;
}
.egutediv {
	display: none;
	width: 100%;
	position: absolute;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}

.prodprevnext {
	float: right;
	line-height: .8;
}
.prodprevnext a, h1 a {
	color: #DF0087;
	display: inline-block;
	/*text-align: center;*/
}
.prodprevnext a.niof, h1 a.niof, .prodprevnext a:hover.niof, h1 a:hover.niof { 
	color: #AAA; 
}
.prodprevnext.backtolist a {
	line-height: 1.25;
}
.prodprevnext a:hover, h1 a:hover {
	color: #000;
}
.bakoprevnext {
	background-color: #df0087;
	border-width: 1px;
	border-style: solid;
	border-color: #df0087;
	color: #FFF;
}
.bakoprevnext:hover {
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #df0087;
	color: #df0087;
}

ul.cazenave {
	overflow: hidden;
	margin-top: 1.5em;
	margin-bottom: .1em;
}
ul.cazenave + div {
	font-size: .8em;
	font-weight: 400;
	margin-bottom: 3em;
}
.cazenave li {
	width: 33.33%;
	/*display: inline-block;*/
	float: left;
	position: relative;
}
.cazenave li img {
	display: block;
}
.cazenave li a {
}
.cazenave li a span {
	position: absolute;
	font-size: 3em;
	color: #DF0087;
	z-index: 2;
	right: 5px;
	bottom: 5px;
	opacity: 0;
}
.cazenave li a:hover span {
	opacity: 1;
	text-shadow: 0 0 2px #111;
}
.urtetxiki { 
	font-size: .75em; 
	font-weight: 400; 
	margin-right: .35em;
	letter-spacing: -2px;
	/*display: inline-block;*/
}

.copy {
	overflow: hidden;
	z-index: 1000;
}
.copy ul {
	text-align: center;
}
.copy ul li:first-child {
	padding: .75em .5em .5em .75em;
	line-height: 2em;
	text-align: left;
}
.copy li:nth-child(2), .copy li:nth-child(3), .copy li:nth-child(4), .copy li:nth-child(5) {
	text-transform: uppercase;
	font-size: 1.25em;
}
.copy a {
	display: block;
	padding: .6em 0;
	border-top: 1px solid #CCC;
	background: rgb(228,228,228); /* for non-css3 browsers */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E4E4E4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E4E4E4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F1F1F1,  #E4E4E4); /* for firefox 3.6+ */ 
}
.copy a.nion {
	color: #DF0087;
}

.cookies {
	right: 0;
	bottom: 0;
	position: fixed;
	/*max-width: 350px;*/
	text-align: center;
	margin: 0 auto;
	width: 100%;
	z-index: 900;
}
.cookies > div {
	color: #FFF;
	background: rgba(55,55,55,.95);
	padding: .375em 1em;
	text-align: left;
	font-weight: 200;
}
.cookies p {
	text-align: left;
}
.cookies a:hover {
	color: #FFF;
	border: none;
}
.cookies a:not(.closeekie) {
	/*text-decoration: underline;*/
}
.cookies a.closeekie {
	font-size: 1.5em;
	float: right;
}
.cookies button {
	padding: .3em .6em;
	font-size: 1.125em;
	background: #DF0087;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
	color: #FFF;
}
.cookies button:hover {
	background: #333;
	color: #FFF;
}

/*----------------------------------------------[           contact             ]-----------------------------------------*/

#contformbox label {
	float: left;
	/*display: none;*/
}
textarea {
	height: 8em;
}
.ata0 textarea {
	height: 5em;
}
.contactext a {
	font-weight: 600;
	font-size: 1.25em;
	display: inline-block;
	line-height: 1.25;
	margin: .1em 0;
	color: #333;
}
.contactext a:hover {
	color: #DF0087;
}
.contactext span:not(.txikigei) {
	display: inline-block;
}
.miframe {
	height: 600px;
	width: 100%;
	border: 0;
}
.divformap {
	overflow: hidden;
}
.divformap div:first-child {
	margin-bottom: -4px;
	position: relative;
}
.inputerror {
	border-color: #D33;
	border-style: dashed;
}
#echo {
	line-height: 1;
}

/*----------------------------------------------[           h-ak             ]-----------------------------------------*/

h1, h2 {
	/*text-shadow: 1px 1px 1px #CCC;*/
}
h1 {
	line-height: 1;
	font-size: 2.2em;
	text-align: left;
	font-weight: 600;
	margin: 0 0 .5em;
	padding: .1em 0 .125em;
	border-bottom: 1px solid #CCC;
	/*overflow: hidden;*/
}
h1 a {
	line-height: .75;
}
h1.izar a {
	line-height: 1;
}
h1 label {
	font-size: .85em;
	line-height: 1.4em;
	vertical-align: top;
	cursor: pointer;
}
h2 {
	color: #DF0087;
	text-align: left;
	font-weight: 600;
	font-size: 1.85em;
	line-height: 1.125;
	margin: 0 auto .5em;
	overflow: hidden;
}
h2 a, h1 + h2 {
	display: block;
	color: #DF0087;
	border-bottom: 1px dashed #BBB;
}
h2 a:hover {
	border-bottom: 1px solid #BBB;
}
h2 a span.icon-izar {
	float: right;
	color: #BBB;
}
h2 a:hover span.icon-izar {
	color: #DF0087;
}
h2.tit {
	border-bottom: none;
	margin-bottom: .2em;
	line-height: 1;
}
h2.nomar {
	font-size: 1.7em;
	line-height: 1;
}
h3 {
	color: #333;
	line-height: 1.125;
	font-size: 1.5em;
	text-align: left;
	font-weight: 600;
	margin: .75em auto .25em;
	/*background-color: #DF0087;*/
	overflow: hidden;
}

/*----------------------------------------------[           elements           ]-----------------------------------------*/

form {

}

input,
select,
optgroup,
option,
textarea {
	font-size: 1em;
	background: #FFF;
	border: 1px solid #CCC;
	margin: .2em 0;
}

select option {
	border: 0;
	margin: 0;
}

input,
textarea {
	width: 99%;
	padding: .25em;
}

input[type=checkbox]{
	width: auto;
}

textarea {
	overflow: auto;
}

input:hover,
select:hover,
textarea:hover {
	border-color: #BBB;
	cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
	color: #333;
	box-shadow: none;
	background: #EEE;
}

button {
	color: #DF0087;
	border: none;
	font-size: 1em;
	cursor: pointer;
	background: none;
}
button:hover {
	color: #333;
}