/*----------------------------------------[      botika betiko      ]------------------------------------*/

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
html {
	/*overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, body {
/*	height: 100%;*/
	font-size: 100%;
/*	min-height: 100vh;*/
}
body {
	text-align: center;
	overflow-x: hidden;
	position: relative;
}
html, body, table {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
  font-family: inherit;
  line-height: 1.5;
  font-size: 100%;
  margin: 0;
}
textarea {
	resize: vertical;
}

table tr td {
	vertical-align: top;
}
object, .pointernone {
	pointer-events: none;
}
a {	text-decoration: none; transition: color .2s ease-in-out; }
p a, .edulist a {	text-decoration: underline; }
p a:hover, .edulist a:hover {	text-decoration: none; }

.noscroll { overflow-y: hidden; }
.toprint, .kontrol { display: none; }
.kolover, .kolover a {	background-position: top center; }
.kolover:hover, .kolover a:hover {	background-position: bottom center; }
.marginauto { margin: 0 auto; }

.trans { transition: all .2s ease-in-out; }

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

h1, h2, h3, h4, h5, h6 {
	text-align: left;
}
p {
	/*font-weight: 300;*/
	text-align: left;
	line-height: 1.375;
	margin: .5rem 0 .75rem;
	font-size: 1rem;
	/*text-align: justify;*/
}
p a:not(.but) {
/*	color: #333;*/
	padding: 0 1px;
	/*background-color: #FFF;
	border-bottom: 1px dotted #DDD;*/
}
p a:hover {
	color: #333;
}
img { 
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.disc, .circle, .square, .arrow, .dbtext > ul { text-align: left; padding-bottom: 1rem; }
.disc {	list-style: disc outside; padding-left: 1.25rem; }
.discin { list-style: disc inside; }
.circle {	list-style: circle outside; padding-left: 1.25rem; }
.circlein { list-style: circle inside; }
.square {	list-style: square outside; padding-left: 1.25rem; }
.squarein { list-style: square inside; }
.circle li, .disc li, .square li { padding-left: 0; }
ol { text-align: left; }
ul.zbk { counter-reset: item; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
	list-style: inherit;
}
ul li ul, ul li ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}
.arrow, .dbtext > ul { padding-left: 1.25rem; }
.arrow li, .dbtext > ul li { text-indent: -1rem; }
.arrow li:before, .dbtext li:before { content: '\203A'; margin-right: .5rem; font-weight: 900; }

form {
/*	margin: 2rem 0;*/
	text-align: left;
}
fieldset {
	border: 1px solid #CCC;
}
legend {
	color: #AAA;
	text-transform: uppercase;
}
input,
select,
optgroup,
option,
textarea {
	/*font-size: 1.0625rem;*/
	background: #FFF;
	border: 1px solid #CCC;
	margin: .25rem 0;
}
input, textarea {
	width: 99.9%;
	padding: .25rem;
}
select {
	padding: .25rem;
}
select option {
	border: 0;
	margin: 0;
}
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;
	border-color: #CCC;
	box-shadow: none;
	background: #FAFAFA;
	outline: none;
}
.bodilun input:focus,
.bodilun select:focus,
.bodilun textarea:focus {
	color: #BBB;
}
.bodilun input::placeholder,
.bodilun select::placeholder,
.bodilun textarea::placeholder {
	color: #333;
}

label {
/*	color: #AAA;*/
	display: block;
}
label:before {
	content: '\203A'; 
	margin: 0 .25rem; 
	font-weight: 900;
	display: inline-block;
	transform: rotate(90deg);
}
button, input, label, textarea {
	font-weight: normal;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-image: none;
}
button {
	color: #FFF;
	padding: .75rem;
	cursor: pointer;
	font-size: 1rem;
}
button:not(.but) {
	/*border: none;*/
}
button:hover {
	background: #AAA;
}

table {
	margin: 2rem 0;
	border: 1px solid #DDD;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead {
	font-weight: 900;
}
th, td {
	text-align: left;
	padding: .75rem 1rem;
	border: 1px solid #DDD;
}
table thead td {
	font-weight: 900;
	text-align: center;
}
table tr:nth-of-type(2n) {
  background: #F1F1F1;
}

.frame {
	position: relative;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	white-space: nowrap;
}

hr {
	margin: .0625rem 0;
	/*background: #CCC;*/
	border: none;
	height: 1px;
	clear: both;
}
abbr[title], acronym[title] {
    border-bottom: none;
}
abbr, acronym {
/*	border-bottom: 1px solid #CCC;*/
	cursor: help;
}

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

.mediaquerylevel { z-index: 0; width: 0px; display: none; }
.rwdiv { margin-bottom: 1.5rem; }
.rwdiv.nomar { margin-bottom: 0; }
.fleximg { width: 100%; }
.fleximgmax {	max-width: 100%; }

.e-web1, .e-webf1, .e-webi1, .e-webib1,
.e-web2, .e-webf2, .e-webi2, .e-webib2,
.e-web3, .e-webf3, .e-webi3, .e-webib3,
.e-web4, .e-webf4, .e-webi4, .e-webib4 { display: none; }
.e-mob1, .e-mob2, .e-mob3, .e-mob4 { display: block; }
.e-mobf1, .e-mobf2, .e-mobf3, .e-mobf4 { display: flex; }
.e-mobi1, .e-mobi2, .e-mobi3, .e-mobi4 { display: inline; }
.e-mobib1, .e-mobib2, .e-mobib3, .e-mobib4 { display: inline-block; }

.rwdiv.ezkr { float: left; }
.rwdiv.eskb { float: right; }

.z100 { width: 100%; }
.z50 { width: 50%; }
.z55 { width: 55%; }
.z45 { width: 45%; }
.z33 { width: 33.33%; }
.z66 { width: 66.66%; }
.z35 { width: 35%; }
.z65 { width: 65%; }
.z40 { width: 40%; }
.z60 { width: 60%; }
.z30 { width: 30%; }
.z70 { width: 70%; }
.z25 { width: 25%; }
.z75 { width: 75%; }
.z20 { width: 20%; }
.z80 { width: 80%; }
.z10 { width: 10%; }
.z90 { width: 90%; }
.z5 { width: 5%; }
.z95 { width: 95%; }

/*----------------------------------------------[           flex             ]---------------------------------------*/

.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.nowrap { flex-wrap: nowrap; }
.fdc { flex-direction: column; }
.fdrr { flex-direction: row-reverse; }
.ais { align-items: stretch; } /* default */
.aic { align-items: center; }
.aib { align-items: baseline; }
.aifs { align-items: flex-start; }
.aife { align-items: flex-end; }
.acs { align-content: stretch; } /* default */
.acc { align-content: center; }
.acfs { align-content: flex-start; }
.acfe { align-content: flex-end; }
.acsp { align-content: space-between; }
.acsa { align-content: space-around; }
.jcfs { justify-content: flex-start; } /* default */
.jcsb { justify-content: space-between; }
.jcsa { justify-content: space-around; }
.jcse { justify-content: space-evenly; }
.jcfe { justify-content: flex-end; }
.jcc { justify-content: center; }
.asc { align-self: center; }
.asfs { align-self: flex-start; }
.asfe { align-self: flex-end; }
.fs0 { flex-shrink: 0; }
.fs1 { flex-shrink: 1; }
.fg0 { flex-grow: 0; }
.fg1 { flex-grow: 1; }
.f-1, .f-2, .f-3, .f-4, .f-5, .f-6 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.f-1 li, .f-2 li, .f-3 li, .f-4 li, .f-5 li, .f-6 li { margin-bottom: 1rem; }
.f-1 > * { width: 100%; }
.f-2 > * { width: 48%; }
.f-3 > * { width: 31%; }
.f-4 > * { width: 23%; }
.f-5 > * { width: 19%; }
.f-6 > * { width: 15.5%; }
.f-auto { display: flex; flex-wrap: nowrap; }
.f-auto > * { flex: 1 1 280px; margin: .25rem 0; }
.f12345 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.f12345 > * { flex-basis: 100%; }

.ezmarauto { margin-left: auto; }
.esmarauto { margin-right: auto; }
.eemarauto { margin-left: auto; margin-right: auto; }

.erdinside {
	display: flex;
	height: 100%;
	width: 100%;
}
.erdinside > * {
	margin: auto;
}

/*----------------------------------------------[         $koloreorokorrak          ]---------------------------------------*/

.nobak { background: none; }

.kolw, a:hover .kolwover, .kolwover:hover { color: #FFF; }
.bokow, a:hover .bokowover, a.bokowover:hover, a.bokow:hover { border-color: #FFF; }
.bakow, a:hover .bakowover, a.bakowover:hover { background-color: #FFF; }
.kolwstroke, .kolwstrokeover:hover, a:hover .kolwstrokeover { text-shadow: 2px 0 0 #FFF, -2px 0 0 #FFF, 0 2px 0 #FFF, 0 -2px 0 #FFF, 1px 1px #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF; }
.kolb, a:hover .kolbover, .kolbover:hover { color: #000; }
.bokob, a:hover .bokobover, a.bokobover:hover, a.bokob:hover { border-color: #000; }
.bakob, a:hover .bakobover, a.bakobover:hover { background-color: #000; }
.kolbstroke, .kolbstrokeover:hover, a:hover .kolbstrokeover { text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.kolr, a:hover .kolrover, .kolrover:hover { color: #BF0B28; }
.bokor, a:hover .bokorover, a.bokorover:hover, a.bokor:hover { border-color: #BF0B28; }
.bakor, a:hover .bakorover, a.bakorover:hover { background-color: #BF0B28; }
.kolrstroke, .kolrstrokeover:hover, a:hover .kolrstrokeover { text-shadow: 2px 0 0 #BF0B28, -2px 0 0 #BF0B28, 0 2px 0 #BF0B28, 0 -2px 0 #BF0B28, 1px 1px #BF0B28, -1px -1px 0 #BF0B28, 1px -1px 0 #BF0B28, -1px 1px 0 #BF0B28; }
.kolg, a:hover .kolgover, .kolgover:hover { color: #75A92F; }
.bokog, a:hover .bokogover, a.bokogover:hover, a.bokog:hover { border-color: #75A92F; }
.bakog, a:hover .bakogover, a.bakogover:hover { background-color: #75A92F; }
.kolgstroke, .kolgstrokeover:hover, a:hover .kolgstrokeover { text-shadow: 2px 0 0 #75A92F, -2px 0 0 #75A92F, 0 2px 0 #75A92F, 0 -2px 0 #75A92F, 1px 1px #75A92F, -1px -1px 0 #75A92F, 1px -1px 0 #75A92F, -1px 1px 0 #75A92F; }
.kolgrey, a:hover .kolgreyover, .kolgreyover:hover { color: #999; }
.bokogrey, a:hover .bokogreyover, a.bokogreyover:hover, a.bokogrey:hover { border-color: #999; }
.bakogrey, a:hover .bakogreyover, a.bakogreyover:hover { background-color: #999; }
.kolgreystroke, .kolgreystrokeover:hover, a:hover .kolgreystrokeover { text-shadow: 2px 0 0 #999, -2px 0 0 #999, 0 2px 0 #999, 0 -2px 0 #999, 1px 1px #999, -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999; }
.kole, a:hover .koleover, .koleover:hover { color: #EEE; }
.bokoe, a:hover .bokoeover, a.bokoeover:hover, a.bokoe:hover { border-color: #EEE; }
.bakoe, a:hover .bakoeover, a.bakoeover:hover { background-color: #EEE; }
.kolestroke, .kolestrokeover:hover, a:hover .kolestrokeover { text-shadow: 2px 0 0 #EEE, -2px 0 0 #EEE, 0 2px 0 #EEE, 0 -2px 0 #EEE, 1px 1px #EEE, -1px -1px 0 #EEE, 1px -1px 0 #EEE, -1px 1px 0 #EEE; }
.kolc, a:hover .kolcover, .kolcover:hover { color: #CCC; }
.bokoc, a:hover .bokocover, a.bokocover:hover, a.bokoc:hover { border-color: #CCC; }
.bakoc, a:hover .bakocover, a.bakocover:hover { background-color: #CCC; }
.kolcstroke, .kolcstrokeover:hover, a:hover .kolcstrokeover { text-shadow: 2px 0 0 #CCC, -2px 0 0 #CCC, 0 2px 0 #CCC, 0 -2px 0 #CCC, 1px 1px #CCC, -1px -1px 0 #CCC, 1px -1px 0 #CCC, -1px 1px 0 #CCC; }

.bor { border-width: 1px; }
.borsol, 
.bor, .bor1, .bor2, .bor3, .bor4, .bor:hover, .bor1:hover, .bor2:hover, .bor3:hover, .bor4:hover,
.bor12, .bor23, .bor34, .bor123, .bor234, .bor14, .bor12:hover, .bor23:hover, .bor34:hover, .bor123:hover, .bor234:hover, .bor14:hover { border-style: solid; }
.bordas { border-style: dashed; }
.bordot { border-style: dotted; }
.bor1 { border-width: 1px 0 0 0; }
.bor2 { border-width: 0 1px 0 0; }
.bor3 { border-width: 0 0 1px 0; }
.bor4 { border-width: 0 0 0 1px; }
.bor12 { border-width: 1px 1px 0 0; }
.bor23 { border-width: 0 1px 1px 0; }
.bor34 { border-width: 0 0 1px 1px; }
.bor123 { border-width: 1px 1px 1px 0; }
.bor234 { border-width: 0 1px 1px 1px; }
.bor14 { border-width: 1px 0 0 1px; }

.nobor { border: none; }

/*-----------------------------------------------[          $maketazioa          ]----------------------------------------*/

.nopad { padding: 0; }
.nomar { margin: 0; }
.padxxs { padding: .0625rem; } /* ---------------------------- XXS -- 1px -- */
.marxxs { margin: .0625rem; }
.gopadxxs { padding-top: .0625rem; }
.gomarxxs { margin-top: .0625rem; }
.bepadxxs { padding-bottom: .0625rem; }
.bemarxxs { margin-bottom: .0625rem; }
.gbpadxxs { padding-top: .0625rem; padding-bottom: .0625rem; }
.gbmarxxs { margin-top: .0625rem; margin-bottom: .0625rem; }
.ezpadxxs { padding-left: .0625rem; }
.ezmarxxs { margin-left: .0625rem; }
.espadxxs { padding-right: .0625rem; }
.esmarxxs { margin-right: .0625rem; }
.eepadxxs { padding-left: .0625rem; padding-right: .0625rem; }
.eemarxxs { margin-left: .0625rem; margin-right: .0625rem; }
.padxs { padding: .125rem; } /* ---------------------------- XS -- 2px -- */
.marxs { margin: .125rem; }
.gopadxs { padding-top: .125rem; }
.gomarxs { margin-top: .125rem; }
.bepadxs { padding-bottom: .125rem; }
.bemarxs { margin-bottom: .125rem; }
.gbpadxs { padding-top: .125rem; padding-bottom: .125rem; }
.gbmarxs { margin-top: .125rem; margin-bottom: .125rem; }
.ezpadxs { padding-left: .125rem; }
.ezmarxs { margin-left: .125rem; }
.espadxs { padding-right: .125rem; }
.esmarxs { margin-right: .125rem; }
.eepadxs { padding-left: .125rem; padding-right: .125rem; }
.eemarxs { margin-left: .125rem; margin-right: .125rem; }
.pads { padding: .3125rem; } /* ---------------------------- S -- 5px -- */
.mars { margin: .3125rem; }
.gopads { padding-top: .3125rem; }
.gomars { margin-top: .3125rem; }
.bepads { padding-bottom: .3125rem; }
.bemars { margin-bottom: .3125rem; }
.gbpads { padding-top: .3125rem; padding-bottom: .3125rem; }
.gbmars { margin-top: .3125rem; margin-bottom: .3125rem; }
.ezpads { padding-left: .3125rem; }
.ezmars { margin-left: .3125rem; }
.espads { padding-right: .3125rem; }
.esmars { margin-right: .3125rem; }
.eepads { padding-left: .3125rem; padding-right: .3125rem; }
.eemars { margin-left: .3125rem; margin-right: .3125rem; }
.padm { padding: .625rem; } /* ---------------------------- M -- 10px -- */
.marm { margin: .625rem; }
.gopadm { padding-top: .625rem; }
.gomarm { margin-top: .625rem; }
.bepadm { padding-bottom: .625rem; }
.bemarm { margin-bottom: .625rem; }
.gbpadm { padding-top: .625rem; padding-bottom: .625rem; }
.gbmarm { margin-top: .625rem; margin-bottom: .625rem; }
.ezpadm { padding-left: .625rem; }
.ezmarm { margin-left: .625rem; }
.espadm { padding-right: .625rem; }
.esmarm { margin-right: .625rem; }
.eepadm { padding-left: .625rem; padding-right: .625rem; }
.eemarm { margin-left: .625rem; margin-right: .625rem; }
.pa { padding: 1rem; } /* -------------------------------- ? -- 16px -- */
.ma { margin: 1rem; }
.gopa { padding-top: 1rem; }
.goma { margin-top: 1rem; }
.bepa { padding-bottom: 1rem; }
.bema { margin-bottom: 1rem; }
.gbpa { padding-top: 1rem; padding-bottom: 1rem; }
.gbma { margin-top: 1rem; margin-bottom: 1rem; }
.ezpa { padding-left: 1rem; }
.ezma { margin-left: 1rem; }
.espa { padding-right: 1rem; }
.esma { margin-right: 1rem; }
.eepa { padding-left: 1rem; padding-right: 1rem; }
.eema { margin-left: 1rem; margin-right: 1rem; }
.pad { padding: 1.25rem; } /* ---------------------------- _ -- 20px -- */
.mar { margin: 1.25rem; }
.gopad { padding-top: 1.25rem; }
.gomar { margin-top: 1.25rem; }
.bepad { padding-bottom: 1.25rem; }
.bemar { margin-bottom: 1.25rem; }
.gbpad { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.gbmar { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.ezpad { padding-left: 1.25rem; }
.ezmar { margin-left: 1.25rem; }
.espad { padding-right: 1.25rem; }
.esmar { margin-right: 1.25rem; }
.eepad { padding-left: 1.25rem; padding-right: 1.25rem; }
.eemar { margin-left: 1.25rem; margin-right: 1.25rem; }
.padl { padding: 1.75rem; } /* ------------------------ L -- 28px -- */
.marl { margin: 1.75rem; }
.gopadl { padding-top: 1.75rem; }
.gomarl { margin-top: 1.75rem; }
.bepadl { padding-bottom: 1.75rem; }
.bemarl { margin-bottom: 1.75rem; }
.gbpadl { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.gbmarl { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.ezpadl { padding-left: 1.75rem; }
.ezmarl { margin-left: 1.75rem; }
.espadl { padding-right: 1.75rem; }
.esmarl { margin-right: 1.75rem; }
.eepadl { padding-left: 1.75rem; padding-right: 1.75rem; }
.eemarl { margin-left: 1.75rem; margin-right: 1.75rem; }
.padxl { padding: 2.5rem; } /* ------------------------ XL -- 40px -- */
.marxl { margin: 2.5rem; }
.gopadxl { padding-top: 2.5rem; }
.gomarxl { margin-top: 2.5rem; }
.bepadxl { padding-bottom: 2.5rem; }
.bemarxl { margin-bottom: 2.5rem; }
.gbpadxl { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.gbmarxl { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.ezpadxl { padding-left: 2.5rem; }
.ezmarxl { margin-left: 2.5rem; }
.espadxl { padding-right: 2.5rem; }
.esmarxl { margin-right: 2.5rem; }
.eepadxl { padding-left: 2.5rem; padding-right: 2.5rem; }
.eemarxl { margin-left: 2.5rem; margin-right: 2.5rem; }

/*-----------------------------------------------[          $text+font          ]-----------------------------------------*/

.t100 { font-weight: 100; }
.t200 { font-weight: 200; }
.t300 { font-weight: 300; }
.t400 { font-weight: 400; }
.t500 { font-weight: 500; }
.t600 { font-weight: 600; }
.t700 { font-weight: 700; }
.t800 { font-weight: 800; }
.t900 { font-weight: 900; }

.terdi { text-align: center; }
.tezkr { text-align: left; }
.teskb { text-align: right; }
.tjust, .tjust p { text-align: justify; }

.tk6 { font-size: .375em; }
.tk5 { font-size: .5em; }
.tk4 { font-size: .6875em; }
.tk3 { font-size: .8125em; }
.tk2 { font-size: .875em; }
.tk1 { font-size: .9375em; }
.tx6 { font-size: .375rem; }
.tx5 { font-size: .5rem; }
.tx4 { font-size: .6875rem; }
.tx3 { font-size: .8125rem; }
.tx2 { font-size: .875rem; }
.tx1 { font-size: .9375rem; }
.t00 { font-size: 1rem; }
.th1 { font-size: 1.125rem; }
.th2 { font-size: 1.25rem; }
.th3 { font-size: 1.375rem; }
.th4 { font-size: 1.5rem; }
.th5 { font-size: 2rem; }
.th6 { font-size: 2.5rem; }
.tg1 { font-size: 1.125em; }
.tg2 { font-size: 1.25em; }
.tg3 { font-size: 1.375em; }
.tg4 { font-size: 1.5em; }
.tg5 { font-size: 2em; }
.tg6 { font-size: 2.5em; }

.tupper { text-transform: uppercase; }
.tcapit { text-transform: capitalize; }
.tlower { text-transform: lowercase; }
.lodi { font-weight: bold; }
.mehe { font-weight: normal; }
.oker { font-style: italic; }
.zuzen { font-style: normal; }
.tnormal { font-weight: normal; font-style: normal; }

.lhxxs { line-height: .75; }
.lhxs { line-height: .8125; }
.lhs { line-height: .875; }
.lhm { line-height: .9375; }
.lh, .lh1, .lh1 p { line-height: 1; }
.lhl { line-height: 1.125; }
.lhxl { line-height: 1.25; }
.lhxxl { line-height: 1.5; }
.lhxxxl { line-height: 1.75; }

.ls-k1 {	letter-spacing: -1px; }
.ls-k2 {	letter-spacing: -2px; }
.ls-g1 {	letter-spacing: 1px; }
.ls-g2 {	letter-spacing: 2px; }

/*-----------------------------------------------[          $orokorrak          ]-----------------------------------------*/

.borobil {
	border-radius: 100%;
}
.borderadius {
	border-radius: 1rem;
}
.txtitzal, .txtitzalover:hover, a:hover .txtitzalover {
	text-shadow: 0 2px 2px #999;
}
.boxitzal, .boxitzalover:hover, a:hover .boxitzalover {
	box-shadow: 1px 2px 2px #999;
}

.esku { cursor: pointer; }
.ezesku { cursor: default; }
.vgora { vertical-align: top; }
.verdi { vertical-align: middle; }
.vbera { vertical-align: bottom; }
.ni { text-decoration: underline; }
.niez { text-decoration: none; }
.nigoi { text-decoration: overline; }
.bord { border-width: 1px; border-style: solid; }
.preload { visibility: hidden; }
.ikusezina { display: none; }
.izkutatua { visibility: hidden; }
.opa0 { opacity: 0; }
.opa25 { opacity: .25; }
.opa50 { opacity: .5; }
.opa75 { opacity: .75; }
.opa1 { opacity: 1; }
.opa1over:hover { opacity: 1; }
.blok { display: block; }
.iblok { display: inline-block; }
.ezkr { float: left; }
.eskb { float: right; }
.erdi { float: none; }
.garb { clear: both; }
.garbitu { clear: both; height: 1px; line-height: 1px; }
.garbezkr { clear: left; }
.garbeskb { clear: right; }
.overflo { overflow: hidden; }
.marginauto { margin: auto; }
.nirel { position: relative; }
.niabs { position: absolute; }
.nitop { top:0; }
.nibottom { bottom:0; }
.nileft { left:0; }
.niright { right:0; }
.nitrans { transition: all .2s ease-out; }

.eaba { outline: 1px solid #F81; }
a.nihover:hover, a:hover .nihover { text-decoration: underline; }
a.nihoverez:hover { text-decoration: none; }


/*----------------------------------------------[           $denetatik           ]-----------------------------------------*/

.fadein {
	animation: fadein 1s;
}
@keyframes fadein {
  from{opacity: 0;}
  to{opacity: 1;}
}
.fadeout {
	animation: fadeout 1s;
}
@keyframes fadeout {
  from{opacity: 0;}
  to{opacity: 1;}
}

.group:after {
  content: "";
  display: table;
  clear: both;
}
@keyframes donut-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.donut {
	vertical-align: middle;
  display: inline-block;
  border: .75rem solid rgba(0,0,0,.2);
  border-left-color: #999;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: donut-spin 1s linear infinite;
}
.system-font-stack {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}