@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	background-color: #F9F9F9;
	font-family: inherit;
}

#container {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 180px;
	font-family: 'Carme', sans-serif;
	margin-bottom: 50px;
}

#container_detalle {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	font-family: 'Carme', sans-serif;
	margin-bottom: 50px;
}

	
#gohiburua {
	clear: both;
	padding-top: 5px;
	width: 75%;
	margin-right: auto;
	padding-bottom: 5px;
	margin-left: auto;
	background-color: #FFF;
/*		position: fixed;
*/
/*	padding-right: 20px;
*/}


#gohiburua img {
	float: left;
}
#gohiburua h1{
	font-family: 'Oswald', sans-serif;
	font-size: 100%;
	float: left;
	padding-top: 12px;
	padding-left: 15px;
	color: #999;
}
ul#menu_1 {
	font-family: 'Abel', sans-serif;
	/*font-size: 122%;*/
	font-weight: 400;
	margin-top: 28px;
	clear: right;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	display: block;
}


ul#menu_1 li{
	display: inline;
}
ul#menu_1 li a {
	text-decoration: none;
	font-size: 122%;
	color: #666;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
}


#menu_1 li .visit {
	color: #CCC;
}
ul#menu_1 li a:hover {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


/*****Custom Classes*****/
ul#portfolio-filter{
	height: 64px;
	line-height: 64px;
	font-size: 95%;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: -20px;
	margin-left: 0;
	padding: 0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{
	margin-right: 1.1em;
	color: #333333;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
	background: #F9F9F9;
	text-transform: lowercase;
}
ul#portfolio-filter a.current{
	color: #0CC;
}

ul#portfolio-filter li a.todo{
	margin-right: 1.4em;
	background: #F9F9F9;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
}
ul#portfolio-filter li a:hover{
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.5;
/*	filter: alpha(opacity=50);
*/}
ul#portfolio-filter li a.todo.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	opacity: 0.5;
/*	filter: alpha(opacity=50);
*/}

/*ul#portfolio-filter li a.todo:hover, ul#portfolio-filter li a.todo.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
}*/

ul#portfolio-filter li a.identidad{
	margin-right: 1.5em;
	background: #F9F9F9;
	color: #F69919;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
}

ul#portfolio-filter li a.identidad:hover, ul#portfolio-filter a.identidad.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F69919;
	
}


ul#portfolio-filter li a.grafico{
	margin-right: 1.5em;
	background: #F9F9F9;
	color: #9C0;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
}

ul#portfolio-filter li a.grafico:hover, ul#portfolio-filter li a.grafico.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
}



ul#portfolio-filter li a.web{
	margin-right: 1.5em;
	background: #F9F9F9;
	color: #CC0E66;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
}

ul#portfolio-filter li a.web:hover, ul#portfolio-filter li a.web.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0E66;
	}


ul#portfolio-filter li a.multimedia{
	margin-right: 1.5em;
	background: #F9F9F9;
	color: #3B99CC;
	text-decoration: none;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	margin-left: 1px;
}

ul#portfolio-filter li a.multimedia:hover, ul#portfolio-filter li a.multimedia.current{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3B99CC;
	}


ul#portfolio-list{
	padding: 0;
	list-style: none;
	margin-top: 36px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul#portfolio-list li{
	width: 25%;
	display: block;
	float: left;
	overflow: hidden;
/*	margin-top: 1%;
*/}


ul#portfolio-list li a{
	display: block;
	overflow: hidden;
}
/*ul#portfolio-list li a:hover{
	display: block;
	overflow: hidden;
	opacity: 0.8;
	filter: alpha(opacity=70);
}*/
#portfolio-list img {
	max-width: 100%;
}
/*ul#portfolio-list li p{
	font-size: 12px;
	line-height: 15px;
	color: #7E7E7E;
	margin: 5px 0;
}*/

#franja {
	background-color: #F9F9F9;
	font-size: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	;
	padding-top: 33px;
	padding-bottom: 0px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	width: 75%;
}

#franja h1 {
	font-size: 170%;
	margin-bottom: 8px;
}
#franja h2 {
	font-size: 130%;
}
.deskribapena  {
	font-size: 1.2em;
}

.tit_proyecto {
	font-size: 36px;
	padding-bottom: 22px;
	font-family: 'Abel', sans-serif;
	line-height: 32px;
}

a.didactico {
	background-image: url(../imagenes/icon_dida.png);
	background-repeat: no-repeat;
}

a.didactico:hover {
	color: #F69919;
	text-decoration: none;
	margin-top: 5px;
	font-size: 90%;
	background-image: url(../imagenes/icon_dida2.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-right: 5px;
}
a.grafico {
	background-image: url(../imagenes/icon_grafico.png);
	background-repeat: no-repeat;
}

a.grafico:hover {
	color:#9C0;
	text-decoration: none;
	margin-top: 5px;
	font-size: 90%;
	background-image: url(../imagenes/icon_grafico2.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-right: 5px;
}

a.web{
	background-image: url(../imagenes/icon_web.png);
	background-repeat: no-repeat;
	}
	
a.web:hover{
	color: #CC0E66;
	text-decoration: none;
	margin-top: 5px;
	font-size: 90%;
	background-image: url(../imagenes/icon_web2.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-right: 5px;
	}
a.multimedia {
	background-image: url(../imagenes/icon_multi.png);
	background-repeat: no-repeat;
}

a.multimedia:hover{
	background-image: url(../imagenes/icon_multi2.png);
	background-repeat: no-repeat;
}


.detaileak  {

}


#container_detalle {
	width: 76%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 200px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	display: block;
	font-size: 1.2em;
}



#argazkiak {
	width:700px;
	max-width: 100%;
	float: right;
	padding: 15px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

	
#argazkiak img {
	width: 100%;
	max-width:700px;

}


#oina {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 80%;
	line-height: 115%;
	background-color: #F9F9F9;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 20px;
}

#hizkuntzak {
	text-align: right;
	height: 20px;
	margin-right: 6%;
	color: #999;
	font-family: 'Carme', sans-serif;
	padding-right: 5px;
	background-color: #FFF;
/*	width: 65px;
*/	float: right;
}
#hizkuntzak li {
	background-image: url(../imagenes/hizkun1.png);
	background-repeat: no-repeat;
	background-position: 22px 1px;
	display: inline;
	text-transform: lowercase;
}
#hizkuntzak li a {
	text-decoration: none;
	color: #000;
	font-size: 70%;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #0CC;
	border-radius:6px;
}
#hizkuntzak li a:hover {
	color: #000;
	background-color: #0CC;
}
#arriba_style {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	clear: both;
	margin-right: auto;
}
#arriba_style a {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 80%;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 15px;
	background-color: #0CC;
	border-radius:6px;
}
#arriba_style a:hover {
	-moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	opacity: 0.6;
	
}


#nabegazioa  {
	font-size: 75%;
	text-align: left;
	color: #666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 0px;
	width: 25%;
	position: fixed;
	float: left;
	line-height: 23px;
	font-family: 'Carme', sans-serif;
}
#nabegazioa img {
	margin-top: 25px;
	margin-right: 3px;
	margin-left: 3px;
}
#nabegazioa p {
	margin-bottom: 12px;
}
.negrita {
	font-family: 'Abel', sans-serif;
	font-weight: bold;
	font-size: 1.4em;
}
a.url  {
	margin-bottom: 10px;
	/*	background-color: #FFF;
*/	color: #0CC;
	text-decoration: none;
	padding: 2px;
}
a.url:hover {
	color: #000;/*	background-color: #FFF;
*/}
/*#ikuspe {
	background-color: #0CC;
	height: 6px;
}*/
.fondo_txuri {
	/*	background-image: url(../imagenes/itzala.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
	/*	height: 160px;
*/	background-color: #FFF;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0cc;
	padding-bottom: 0.8em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
	clear: both;
	float: none;
	width: 100%;
}

.megusta {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.megusta li {
	display: inline;
	list-style-type: none;
	padding: 10px;
}
.megusta li .twitter-share-button.twittear {
	padding-top: 10px;
	margin-top: 10px;
}

#estudioa {
	height: auto;
	width: 32%;
	margin-left: 40px;
	float: left;
	clear: none;
	margin-bottom: 10px;
	text-align: left;
	margin-right: 20px;
}

#estudioa h2{
	font-family: 'Oswald', sans-serif;
	font-size: 115%;
	margin-top: 0px;
	text-align: left;
}
#estudioa p{
	font-family: 'Carme', sans-serif;
	color: #666;
	font-size: 85%;
	line-height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.bideoa {
	float: right;
	width:700px;
	max-width: 700px;
}
#zerbitzuak {
	height:400px;
	width: 29.3333%;
	margin-left: 2%;
	float: left;
	clear: none;
	margin-bottom: 60px;
	text-align: left;
	margin-right: 2%;
}

/*iframe{
    width:700px;
	height:364px;

}*/

#zerbitzuak h2{
	font-family: 'Oswald', sans-serif;
	font-size: 115%;
	margin-top: 0px;
	text-align: left;
}
#zerbitzuak p{
	font-family: 'Carme', sans-serif;
	color: #666;
	font-size: 85%;
	line-height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 30px;
}
#zerbitzuak ul{
	font-family: 'Carme', sans-serif;
	font-size: 14px;
	color: #666;
	list-style-type: none;
	line-height: 20px;
	padding-top: 20px;
	text-align: left;
	padding-left: 20px;
}
#zerbitzuak li {
	list-style-type: circle;
}
.naranja_tit  {
	padding-left: 20px;
	color: #F7AF18;
}
.naranja {
	color: #F69919;
}
.arroxa {
	color: #CC0E66;
}
.berdea {
	color: #9C0;
}
.urdina {
	color: #3B99CC;
}
.morea {
	color: #9933CC;
}
.grisa {
	color: #666;
}
.arroxa_tit {
	color: #CC0E66;
	background-image: url(../imagenes/icon-web.png);
	background-repeat: no-repeat;
	padding-left: 55px;
	height: 30px;
	padding-top: 12px;
}

.naranja_tit {
	background-image: url(../imagenes/icon-iden.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	padding-top: 12px;
}

.berdea_tit {
	background-image: url(../imagenes/icon-grafico.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	padding-top: 12px;
	color: #9C0;
}

.urdina_tit {
	background-image: url(../imagenes/icon-multi.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	padding-top: 12px;
	color: #3B99CC;
}
.morea_tit {
	background-image: url(../imagenes/icon-edu.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	padding-top: 12px;
	color: #9933CC;
}
.grisa_tit {
	background-image: url(../imagenes/icon-ase.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	height: 30px;
	padding-top: 12px;
	color: #666;
}

#prozesua{
	height: auto;
	width: 100%;
	margin-left: 40px;
	float: left;
	clear: none;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 70px;
}
#prozesua h2{
	font-family: 'Oswald', sans-serif;
	font-size: 115%;
	margin-top: 0px;
	text-align: left;
}
#prozesua p{
	font-family: 'Carme', sans-serif;
	color: #666;
	font-size: 82%;
	line-height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 30px;
}

#prozesua .fasea {
	width: 18%;
	float: left;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-right: 3%;
	background-image: url(../imagenes/gezia.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 3%;
}

#prozesua .azken-fasea {
	width: 18%;
	float: left;
	margin-top: 40px;
	margin-bottom: 50px;
	padding-right: 3%;
	margin-right: 3%;
}
.panpinak img {
	width: 100%;
	max-width: 800px;
}

#contacto {
	height: auto;
	width: 56%;
	margin-left: 40px;
	float: left;
	clear: none;
	margin-bottom: 80px;
	text-align: left;
	margin-right: 20px;
}


#contacto h2{
	font-family: 'Oswald', sans-serif;
	font-size: 115%;
	margin-top: 0px;
	text-align: left;
}
#contacto h3{
	font-family: 'Oswald', sans-serif;
	font-size: 130%;
	margin-top: 10px;
	text-align: left;
	line-height: 150%;
	color: #666;
	}
 
#contacto h3 a {
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
	color: #666;
}
#contacto h3 a:hover{
	color: #3CC;
	}
#contacto p{
	font-family: 'Carme', sans-serif;
	color: #666;
	font-size: 85%;
	line-height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 20px;
}

/*#contacto .campo {
	height: 24px;
	padding: 3px;
	color: #999;
	font-size: 120%;
	margin: 2px;
	width: 100%;
}
#contacto textarea {
	width: 100%;
	font-size: 120%;
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	padding: 3px;
	margin: 2px;
}
#contacto .capcha {
	width: 30%;
}
#contacto .enviar {
	width: 100px;
	color: #666;
	background-color: #CCC;
	margin-top: 15px;
	height: 28px;
	font-size: 108%;
	border: 0px solid #666;
	cursor: crosshair;
}*/
#map_canvas {
	margin-bottom: 30px;
}
#contacto .enviar:hover {
	color: #000;
}
#contacto .err {
	font-size: 85%;
	color: #900;
	margin-left: 20px;
}
#contacto .gracias p{
	margin-right: auto;
	margin-left: auto;
	color: #666;
	font-size: 120%;
	text-align: center;
}
#contacto .gracias {
	margin-top: 60px;
}
#contacto .gracias p a {
	color: #666;
	text-decoration: none;
	font-size: 80%;
	padding: 5px;
}
#contacto .gracias p a:hover {
	color: #666;
	text-decoration: underline;
}

#ubicacion {
	height: auto;
	width: 28%;
	margin-left: 40px;
	float: left;
	clear: none;
	margin-bottom: 80px;
	text-align: left;
	margin-right: 20px;
}

#ubicacion h2{
	font-family: 'Oswald', sans-serif;
	font-size: 115%;
	margin-top: 0px;
	text-align: left;
}
#ubicacion p{
	font-family: 'Carme', sans-serif;
	color: #666;
	font-size: 82%;
	line-height: 20px;
	text-align: left;
	margin-top: 15px;
	margin-right: 30px;
}
#ubicacion ul {
	margin-top: 20px;
	font-family: 'Carme', sans-serif;
	color: #666;
}
#ubicacion li {
	display: inline;
	list-style-image: none;
	text-decoration: none;
}
#ubicacion .twitter a {
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../imagenes/twitter.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	color: #999;
	height: 30px;
}

#ubicacion .twitter a:hover {
	color: #666;
	background-image: url(../imagenes/twitter2.png);
	background-repeat: no-repeat;
	background-position: left;
}

#ubicacion .facebook a {
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 20px;	background-image: url(../imagenes/facebook.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	color: #999;
	height: 30px;
}

#ubicacion .facebook a:hover {
	color: #666;
	background-image: url(../imagenes/facebook2.png);
	background-repeat: no-repeat;
	background-position: left;
}

#ubicacion .vimeo a {
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 20px;	background-image: url(../imagenes/vimeo.png);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	color: #999;
	height: 30px;
}

#ubicacion .vimeo a:hover {
	color: #666;
	background-image: url(../imagenes/vimeo2.png);
	background-repeat: no-repeat;
	background-position: left;
}

#gohiburua select {
  display: none;
}

#container select {
	display: none;
}

.filtro{
	font-family: 'Carme', sans-serif;
	font-size: 1em;
	font-weight: normal;
	}
	

#arriba_style a img {
	padding-top: 3px;
}
	
	
	
	
.portfolio-list {
	margin: 35px 0 0 0;
	padding: 0px;
	list-style: none;
	position: relative;
	width: 100%;
}

.portfolio-list li {
	position: relative;
	float: left;
	overflow: hidden;
	/*width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
	padding: 0px;
	
}

.portfolio-list li a,
.portfolio-list li a img {
	display: block;
/*	cursor: pointer;
*/}

.portfolio-list li a {
	overflow: hidden;
	
}


.portfolio-list li a img {
	max-width: 100%;
	

}
.portfolio-list figure {
	overflow: hidden;
}

.portfolio-list figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/*.no-touch .portfolio-list figure:hover img,
.portfolio-list figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}*/

.portfolio-list figcaption {
	height: 101%;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 1s, opacity 0.4s 0.6s;
	-moz-transition: -moz-transform 1s, opacity 0.4s 0.6s;
	transition: transform 1s, opacity 0.4s 0.6s;
}

.no-touch .portfolio-list figure:hover figcaption,
.portfolio-list figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.6s, opacity 0.8s;
	-moz-transition: -moz-transform 0.6s, opacity 0.8s;
	transition: transform 0.6s, opacity 0.8s;
}


.portfolio-list figure {
	margin: 0;
	position: relative;
}

.portfolio-list figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.portfolio-list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	color: #0CC;
/*	padding-top: 8%;
*/	background-color: #0CC;
}

.portfolio-list figcaption h3 {
	font-family: 'Abel', sans-serif;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	font-weight: bolder;
	text-decoration: none;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 10%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.5em;
}

.portfolio-list figcaption span:before {
	content: 'by ';
}

.portfolio-list figcaption a {
	opacity: 1;
	text-align: center;
	/*	border-radius: 2px;
*/	display: inline-block;
	color: #fff;
	background-color: #0CC;
	position: absolute;
	bottom: 10%;
	/*padding-top: 6px;*/	/*	right: 20px;
*/
	text-decoration: none;
	height: 50%;
	width: 100%;
}

.portfolio-list figcaption a:hover {
	background-color: #00B9B9;
	}

/*.portfolio-list a img{
	padding-top: 10%;
	padding-bottom: 20%;
	padding-right: 43%;
	padding-left: 43%;
}*/

#presenta {
	width: 75%;
	margin-top: 12em;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
   #galeria {
	width: 70%;
	float: none;
	clear: both;
	margin: auto;
	padding-top: 5em;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
	#galeria img {
	width: 100%;
/*	max-width: 1080px;
*/	margin-right: auto;
	margin-left: auto;
}

	.titulo{
	font-size: 36px;
	padding-bottom: 22px;
	font-family: 'Abel', sans-serif;
	line-height: 32px;
	}
	
	.textua{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align: justify;
	line-height: 1.6em;
	width: 70%;
	float: left;
		}
	
	.social:hover{	
	  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;	
		opacity:0.6;
		}
	.destakatua{
	width: 100%;
	font-family: 'Abel', sans-serif;
	margin-bottom: 0.6em;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
	clear: both;
	display: block;
		}
	.datua{
	/*	width: 25%;
*/	font-family: 'Abel', sans-serif;
	color: #999;
	float: left;
	margin-bottom: 1em;
	clear: both;
		}
	.partekatu{
/*	width:25%;
*/	float:left;	
	clear: both;

		}
	.datuak{
	width: 27%;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 1%;
		}
		
	.social{
	float: right;
	margin-right: 5px;
			}
			
	.cate{
	height: 40px;
	margin-bottom: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
	.nabega{
	float:right;
	height:30px;		
}
	.kategoria{
	font-family: 'Abel', sans-serif;
	color: #666;
	width:60%;
	float:left;
		}
	.kate_icon{
	margin-left: 4px;		
		}
	.kategoria a:hover{
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity:0.6;
		}
	.nabega a {
	margin-left: 8px;
}
	.nabega a:hover{
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	opacity:0.6;	
		}
	.img_destacada{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
		}

	.img_destacada img{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		}
/* MEDIA QUERIES*/
@media only screen and (max-width : 1505px){


   
/*--------------------EL ESTUDIO-------------------*/
	
#estudioa {
	height: auto;
	width: 100%;
	float: none;
	clear: none;
	margin-bottom: 10px;
	text-align: left;
}
   
.video-container{
	width: 700px;
	max-width: 100%;
	margin:auto;
	padding-left:40px;
}

.bideoa {
	height:0px;
	width:100%;
	max-width:700px; /* Así establecemos el ancho máximo (si lo queremos) */
	padding-top:56.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
	overflow:hidden;
}
		
.bideoa iframe, .bideoa embed, .bideoa object{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}


 
}




@media only screen and (max-width : 1500px),
only screen and (max-device-width : 1500px){

    
	
	/*---------------------DETAILEA-------------------*/
	
	#nabegazioa  {
	width: 100%;
	float: none;
	position:relative;
	clear:both;
}
	
	#argazkiak {
	width: 700px;
	max-width: 100%;
	float: none;
	padding: 15px;
	margin: auto;
}
	
	.bideoa_pro {
	height: 0px;
	width: 100%;
	max-width: 700px; /* Así establecemos el ancho máximo (si lo queremos) */
	padding-top: 56.25%; /* Relación: 16/9 = 56.25% */
	position: relative;
	overflow: hidden;
}
	
	.bideoa_pro iframe, .bideoa embed, .bideoa object{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}

   #zerbitzuak{ width:46%;
   height:auto;
	margin-left: 2%;
	float: left;
	clear: none;
	margin-bottom: 20px;
	text-align: left;
	margin-right: 2%;
}
   
   

	
}

@media only screen and (max-width : 1400px){
	
	ul#portfolio-list li {width: 33.333333%;}
	
	}
	
@media only screen and (max-width : 1050px){
   	
	#contacto{width: 100%;}
	#ubicacion{width: 100%;}
}


@media only screen and (max-width : 960px){
	
	/*ul#portfolio-list li {width: 50%;}*/
	
	}



 
@media only screen and (max-width : 840px){
	ul#portfolio-list li {width: 50%;} 
	#gohiburua {
	width: 90%;
}  
	#gohiburua ul {display: none;}
	#gohiburua select {
	font-family: 'Abel', sans-serif;
	display: inline-block;
	float: right;
	width: 150px;
	height: 40px;
	font-size: 120%;
	margin-top: 25px;
	background-color: transparent;
	border: 1 solid #000;
	padding: 5px;
}

	#estudioa {margin-left: 0px;}
	.video-container{padding-left:0px;}
	#prozesua{margin-left: 0px;}

		
		#presenta {
	width: 90%;
	margin-top: 12em;
	margin-right: auto;
	margin-left: auto;
	display: block;
}	
	.textua{
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align: justify;
	line-height: 1.6em;
	width: 100%;
	clear: both;
	border-bottom-style: double;
	border-bottom-width: 2px;
	border-bottom-color: #CCC;
	margin-bottom: 1.5em;
	padding-bottom: 20px;
}
	.datuak{
	width: 100%;
	float: left;
	border-left:none;
	clear:both;
		}
			
	.destakatua{
	font-family: 'Abel', sans-serif;
	margin-bottom: 0.6em;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	float: left;
	clear:none;
	width:100%;
		}
	.datua{
	/*	width: 25%;
*/	font-family: 'Abel', sans-serif;
	color: #999;
	float: left;
	margin-bottom: 1em;
	clear: both;
		}
	.partekatu{
/*	width:25%;
*/	float:left;	
	clear: both;

		}
	
		.social{
	float: right;
	margin-right: 5px;
			}
	.bezeroa{
		width:23%;
		float:left;
		padding-right: 2%;
	
}
	.urtea{
		width:15%;
		float:left;
		padding-right: 2%;

}
	.url{
		width:31%;
		float:left;
		padding-right: 2%;

}
	.parte{
		width:23%;
		float:left;
		padding-right: 2%;

}
	#galeria{
		width:100%
		}
		
	a.url  {
	margin-bottom: 0px;
	/*	background-color: #FFF;
*/	color: #0CC;
	text-decoration: none;
	padding: 0px;
}


@media only screen and (max-width : 705px){
	
	#zerbitzuak{ width:100%;
	float: none;
}
}

@media only screen and (max-width : 605px){
	#gohiburua ul {display: none;}
	#gohiburua select {
	font-family: 'Abel', sans-serif;
	display: inline-block;
	float: none;
	width: 150px;
	font-size: 120%;
	background-color: transparent;
	border: 1 solid #000;
}
#container select {
	display: none;
}
	
	
	
	 ul#portfolio-list li {width: 100%;}
	 
	.fondo_txuri {
	/*	background-image: url(../imagenes/itzala.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
	/*	height: 230px;
*/	background-color: #FFF;
	padding-bottom: 2px;
	
}

	#gohiburua {
		text-align:center;
}
	#gohiburua img {
	display: block;
	width: 165px;
	float: none;
	margin: auto;
	clear: both;
	padding-bottom: 3px;
}

#container select {
	font-family: 'Abel', sans-serif;
	display: none;
	float:left;
	width: 150px;
	font-size: 120%;
	margin-top: 25px;
	border: 1 solid #000;
	padding: 5px;
}

ul#portfolio-filter {display: none;	
}


	.bezeroa{
		width: 100%;
		float: left;
		padding-right: 0%;
		margin-bottom:1.2em;
}
	.urtea{
		width:100%;
		float:left;
		padding-right: 0%;
		margin-bottom:1.2em;

}
	.url{
		width:100%;
		float:left;
		padding-right: 0%;
		margin-bottom:1.2em;

}
	.parte{
		width:100%;
		float:left;
		padding-right: 0%;
		margin-bottom:1.2em;

}
	#galeria{
		width:100%
		}
		
	.textua{
		border-bottom-style:solid;
		border-bottom-color:#0cc;
		border-bottom-width:6px;
		}
		
	#presenta {
		margin-top:15em;
		}
	  
	}

@media only screen and (max-width : 320px){
	 ul#portfolio-list li {width: 100%;
/*	float: left;
*/	margin: auto;
	}
	#portfolio {
	margin: auto;
	width: 100%;
}
#container select {
	display: none;
}
/*#gohiburua ul {display: none;}
#gohiburua select {
	font-family: 'Abel', sans-serif;
	display: inline-block;
	float: none;
	width: 165px;
	height: 30px;
	font-size: 100%;
	background-color: transparent;
	border: 1 solid #000;
	margin-top:3px;
}
ul#portfolio-filter {display: none;	
}*/
	}