
/*logoa*/

.logoa {
    background-color: #DEDCE3;
    padding: 30px 50px;
}


.edukia{
	
	margin-bottom: 50px;
}

p{
	text-align: justify;
}

/*irudiak*/
img{
	max-width: 100%;
	border: none;
}

/*loturak*/

a{
	color: #F39200;
}

a:hover{
	color: #333333;
}

/*loturak hizlariak*/
#hizlariak_table a, #pasarteak_table a{
	color: #82358B;
}



/*kontainerra kolorearekin jartzeko*/
.containerhandia {
    max-width: 1170px;
    padding: 20px 15px 20px 20px;
    background-color: rgb(222,220,227);
    background-color: rgba(222,220,227,0.93); 
    border-color: rgb(235,235,235); 
    border-color: rgba(255,255,255,0.65); 
  margin-right: auto;
  margin-left: auto;
  margin-bottom:50px;
  border-radius: 6px;
}
.containerhandia:before,
.container:after {
  display: table;
  content: " ";
}

.containerhandia:after {
  clear: both;
}

.containerhandia:before,
.containerhandia:after {
  display: table;
  content: " ";
}

.containerhandia:after {
  clear: both;
}


/*bideoa*/
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

.bideoa{
	margin-left: 20px;
}
/*bideo txikiak*/
.txiki-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
display:block;
}
 
.txiki-video.widescreen { padding-bottom: 57.25%; }
.txiki-video.vimeo { padding-top: 0; }
 
.txiki-video iframe,
.txiki-video object,
.txiki-video embed {
position: absolute;
top: 0;
left: 0;
width: 40%;
height: 40%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.txiki-video { padding-top: 0; }
}





/*......................atalen sarreratxoa....................*/
.sarreratxoa{
	background-color: #eeeeee;
	margin-left:20px;
	border-right: 5px solid none;
	padding-bottom: 25px;
	padding-top: 15px;
}



/*elkarrizketa sarrreratxoa*/
.play{
	
	background: url(../img/bideoa.png) ;
	background-image:no-repeat bottom right fixed;
	background-color: #5AA43A;
}

.play h1{
	font-weight: bolder;
	color: #fff;
	}
	
/*irratiak sarrreratxoa*/
.entzun{
	background: url(../img/bideoa.png) ;
	background-image:no-repeat bottom right fixed;
	background-color: #5AA43A;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	margin-left: 5px;
}

.entzun h1, .toponimia h1, .laguntzaileak h1, .ekarpenfondoa h1, .urtezurte h1{
	font-weight: bolder;
	color: #fff;
	}

/*hizkera*/
.toponimia{
	background: url(../img/toponimia.png) ;
	background-image:no-repeat bottom right fixed;
	background-color: #f39200;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	margin-left: 5px;
}

.testuabarrura{
	text-indent: 50px; 
}


/*....................audioa.......................*/

 
.marginaezker{
	padding-left: 20px;
}


.marginabehean{
	margin-bottom: 20px;
}

.azkena{
	margin-bottom: 10px;
}

#mediateka dt{
	color: #82358B;
}

#mediateka hr{
	background-color: #82358B;
	height: 1px;
	border: 0px;
	margin-bottom: 20px;
}

#beleixe dt{
	color: #5AA43A;
}

#beleixe hr{
	background-color: #5AA43A;
	height: 1px;
	border: 0px;
	margin-bottom: 20px;
}


/*ikonoak*/
@font-face {
	font-family:'RaphaelIcons';
    src: url('../fonts/raphaelicons-webfont.eot');
    src:local('☺'), url('../fonts/raphaelicons-webfont.woff') format('woff'), url('../fonts/aphaelicons-webfont.ttf') format('truetype'), url('../fonts/raphaelicons-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'RaphaelIcons';
    font-size: 1.8em;
    position: relative;
    top: 0.1em;
}

/*pdfak*/
.pdf{
	padding: 5px 20px;
	margin-top: 5px;
	position: relative;
	width:80%;
	z-index: 20;
	display: block;
	height: 25px;
	cursor: pointer;
	color: #777;
	font-size:12px;
	background-color:#d5bfd7;
}



/*...............laguntzaileak................*/
.laguntzaileak{
	background-color: #82358b;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	margin-left: 5px;
	
}

.laguntzaileak p{
	color: #fff;
}
.estekakutxa{
	  padding: 30px;
  margin-bottom: 30px;
  margin-left: 30px;
  font-size: 21px;
  font-weight: 200;
  color: inherit;
  background-color: #eeeeee;
  border-radius: 6px;
}


dt,
dd {
  font-size: 15px;
}

dt {
  font-weight:600;
}

dd {
  margin-left: 0;
}

/*homean hizkuntzak*/
#hizk{
	padding: 10px;
  border-radius: 6px;
  
}
#hizk li{
	list-style:none;
	text-indent: 20px;
}
#hizk li a{
	color: #82358B;
}

#hizk li a:hover{
	color: #333;
}

/*-------------PDFak txertatzeko----ez dabil-------------------
.embpdf{
	max-width: 80%;
	max-height: 450px;
}
*/

.wrapper{ width:100%; float:left; height:auto; border:1px solid #5694cf; border: 0 none;}

/*---------------audio estiloak-----------------------*/
audio { 
	max-width: 300px; }





/*---------------akordeoia audioan---------------------*/
 .ac-container{
	width: 80%;
	margin-top: 10px;
	text-align: left;
}
.ac-container label{
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 25px;
	cursor: pointer;
	color: #777;
	font-size:12px;
	background-color: #DDDDDD;
}
.ac-container label:hover{
	background-color: #cccccc;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #ddd;
	color: #666;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
}

.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	font-size: 12px;
	padding: 12px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	
}
/*deskribapen kutxen altuera*/
.ac-container input:checked ~ article.ac-small{
	height: 100px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 350px;
}

.ac-container input:checked ~ article.ac-ertaina{
	height: 200px;
}
.ac-container input:checked ~ article.ac-large{
	height: 700px;
}



/*---------------gora joateko botoia-------------*/
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(../img/Gezia.png) no-repeat center center;
}


/*--------------------------------------------------*/
.edukia .row {
    margin-left: 0px;
    margin-right: 0px;
}

/*----------elkarrizketak bideoz----------------------*/
/*sarrera*/
.elkarrizketak{
	/*background: url(../img/bideoa.png) ;*/
	background-image:no-repeat bottom right fixed;
	background-color:#5AA43A;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	margin-left: 5px;
}

/*informazio guztia lotura kendu:*/
#ahotsak_back{
	display: none;
}



/*---------------ekarpenak formularioa------------------*/
.ekarpenak{
	/*  padding: 30px;*/
  margin-bottom: 30px;
  margin-left:15px;
  padding-top:15px;
  padding-bottom: 10px;
  background-color: #eeeeee;
  border-radius: 6px;
}


.esp{
	font-size: 10pt;
	font-style: italic;
	
}

.esp2{
	font-size: 12pt;
	font-style: italic;
	
}


.aportacion{
	margin-left: 45px;
	background-color: #D5BFD7;
	padding-bottom: 25px;
    padding-left: 15px;
    padding-top: 15px;
}


table td{
	padding-bottom: 10px;
}


.ekarpenfondoa{
	background: url(../img/ekarpenak.png) no-repeat bottom right;
	/*background-image:no-repeat bottom right fixed;*/
	background-color: #82358b;
	color:#FFFFFF;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	margin-left: 5px;
	
}

/*------------------bilketa urtez urte----------------------*/
.urtezurte{
	background-color: #333;
	padding-bottom: 25px;
	padding-top: 15px;
	padding-left:15px;
	margin-left: 5px;
	
}

.urtezurte p{
	color: #fff;
}

/*-----------------ohar legala nota legal------------------*/
.notalegal{
	font-size: 11px;
}


