/* CSS Document */
/* Undo */

h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td{ margin:0; padding:0;}



a{outline:none;}

a img,:link img,:visited img { border:none;}



/*============================ESTILOS BY DEFAULT========================*/
   body {
margin:0em;
padding:0em 0 0 0;
border:0;		/* This removes the border around the viewport in old versions of IE */
background: #2a2b2b url(../images/azpia.jpg) no-repeat top left; 
font-family: "Courier New", Verdana, Arial, sans serif;
color:#ffffff;
  font-size: 62.5%;

    }

	p{	font-size:1.1em;}
		h1{
		color:#CCCCCC;	
		padding:0em 0 0 0 ;
	  margin:0em 0 0 0em;
	width:226px;
	height:83px;
	position:relative;
	float:right;
	font-size:1.5em;

	}
	
		h1 span{
		background: #2a2b2b url(../images/logo.gif) no-repeat;		
	width:100%;
	height:100%;
	position: absolute;}
	
	 h3{
	color: #999999;
	margin:0 0em 1em 0em;
	padding:0 0 0 1em;
	font-size:2em;
	font-weight:normal;
	background:url(../images/gezia_h3.gif) no-repeat left;		
	}
	
	h4{
	font-size:1em;
	padding:0.6em;
	margin:0em;}
    p {
        margin:.4em 0 .8em .8em;
        padding:0;
    }
 a:link {

	font-size: 1em;	
	color: #999999;
	font-weight: normal;	
	padding:0;
	margin:0;
		border:0;
		text-decoration:none;

}
 a:visited {
	font-size: 1em;	
	color: #999999;
	font-weight: normal;	
	padding:0;
	margin:0;
		border:0;
		text-decoration:none;
} 
a:hover {
	font-size: 1em;	
	color: #cccccc;
	font-weight: normal;	
	padding:0;
	margin:0;
	border:0;
	text-decoration: underline;
	
}
a:focus {
	font-size: 1em;	
	color: #cccccc;
	font-weight: normal;	
	padding:0;
	margin:0;
	border:0;
	text-decoration: underline;
	
}
a:active {
	font-size: 1em;	
	color: #cccccc;
	font-weight: normal;	
	padding:0;
	margin:0;
	border:0;
	text-decoration: underline;
} 

	
	textarea {
	width: 95%;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
form{
width:80%;
padding:2em;
margin:2em;}
label{

color:#666666;
margin:0.94em 0.31em 0.31em 0em;

   width: 20%;
padding:0em;
font-size:1em;

}
table{
margin:2em;
padding:0.5em;
font-size:0.8em;
border:0.1em solid ;}
.th{
height:2em;
padding:1em;

}
th{
background:#CCCCCC;
padding:0.5em 1em 0.5em 1em ;


text-align:left;}
td{
padding:0 0.4em 0.8em 0.4em;
margin:0;
border-bottom:0.1em #CCCCCC solid;}
td a:link{
font-size:1em;
font-weight:normal;
}
td a:visited{
font-size:1em;
font-weight:normal;
}
td a:hover{
font-size:1em;
font-weight:normal;
}
td a:focus{
font-size:1em;
font-weight:normal;
}
td a:active{
font-size:1em;
font-weight:normal;
}
.negrita {
font-weight:bold;
color:#333122;
	
}
ul li strong{
font-weight:bold;
}
.small {
	font-size:0.8em;
}

.big {
	font-size:1.4em;
}
.big2 {
	font-size:1.2em;
}
.clear{
clear:both;

}
.kolorea{
color:#ff6300;}
.center{
text-align:center;}
.right{
text-align:right;}
/* -------------------------------------------
ELEMENTOS
-----------------------------------*/

	
#body{
	width:95em;
	clear:both;
	margin:auto;
	padding:0 0 0 0;
		height:50em;}
		#body[id]{
height:auto;
	min-height:50em;}

#body:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#top{

	width:95em;
	clear:both;
	margin:auto;
	padding:0.5em 0 0 0;
	font-size:1.1em;
}
#top_left{

float:left;width:40em;}
#top_left a:link{
font-size:1em;
text-decoration:none;


color:#ff6300;}
#top_left a:visited{
font-size:1em;
color:#ff6300;
text-decoration:none;}
#top_left a:hover{
font-size:1em;
color: #ffffff;
text-decoration: underline;}
#top_left a:focus{
font-size:1em;
color: #ff6300;
text-decoration: underline;}
#top_left a:active{
font-size:1em;
color:#ff6300;}
#idiomas{
float:left;
margin:0em 0 0 0em;
padding:0.2em ;
color:#999999;
font-size:1em;
}



#menu_top{

float:left;
margin:0 0 0 5em;
padding:0em ;
font-size:1em;
color:#79C400;
}

#menu_top ul{
margin:0;
padding:0em 0 0 0;

}
#menu_top ul li{
display:inline;
margin:0.4em 0em 0 1em;
padding:0em 0 0 0;

}

#menu_top  a:link{

font-size:1em;
font-weight:normal;
padding:0 2em 0 0;

}

#header_index {
background: url(../images/header5.jpg) no-repeat right top ;
height:32em;

	width:100%;
	margin:0 0 0em 0;
	float:left;
	padding:0;  
		
}

#header {
background:#2a2b2b url(../images/header5.jpg) no-repeat right top ;
height:32em;

	width:100%;
	margin:0 0 0em 0;
	float:left;
	padding:0;  
		
}
#header img{
border:0;
margin:0em;
}

#header_menu {
position:relative; 
float:left;
margin:0em 0 0 0em;
width:27em;
padding:0 ;
}
	
#header_menu ul {
width:28em;
background:transparent url(../images/bg_menu_header.jpg) no-repeat;
height:30em;
float:left;
list-style:none;
margin:0em;
padding:0 0 0 0;	
}
#header_menu ul li {	
margin:0em 0em 0 0;
padding:0em 1em 0 0.5em;
font-size:1em;
float:left;	}
	
#header_menu a {position: absolute;height: 25.2em; width: 8em; top: 1em; text-decoration: none; }
#header_menu a i { visibility: hidden; }


#header_menu_eu {
position:relative; 
float:left;
margin:0em 0 0 0em;
width:27em;
padding:0 ;
}
	
#header_menu_eu  ul {
width:28em;
background:transparent url(../images/bg_menu_header_eu.jpg) no-repeat;
height:30em;
float:left;
list-style:none;
margin:0em;
padding:0 0 0 0;	
}
#header_menu_eu  ul li {	
margin:0em 0em 0 0;
padding:0em 1em 0 0.5em;
font-size:1em;
float:left;	}
	
#header_menu_eu  a {position: absolute;height: 25.2em; width: 8em; top: 1em; text-decoration: none; }
#header_menu_eu  a i { visibility: hidden; }


    a#studio2{ left: 2em; /*background:#3300FF;*/}
        a:hover#studio2{ background:url(../images/menu_hover.png) bottom no-repeat; }  
    a#servicios2{ left: 10.6em; /*background:#CC0000;*/}
        a:hover#servicios2{ background:url(../images/menu_hover.png) bottom no-repeat; }
    a#proyectos2{ left: 19.5em; /*background:#CCCCCC;*/}
        a:hover#proyectos2{ background:url(../images/menu_hover.png) bottom no-repeat; }
  
	#irudiak
{


 padding:0em;
 float:right;

margin:0;
height:30em;

}
	#irudiak_index
{
text-align:right;


 padding:0em;


margin:0;
height:32em;

}

	#irudiak_index[id]{
height:auto;
	min-height:32em;}

/*==============================CONTENEDOR===================================*/
#colmask {
    	position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:80%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		
}
/* common column settings */

	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:2em 0 1em 0;
		overflow:hidden;
	}
	/* Full page settings */
	.fullpage { 
		/* page background colour */
	}
	.fullpage .col1 {
		width:100%;				/* page width minus left and right padding */
		left:0%;				/* page left padding */
	}
/* 

-----------------------------------------------------------------------------------
2 Column (left menu) settings 
-----------------------------------------------------------------------------------
 */

.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;				/* right column width */
	
	 
	}
	.leftmenu .col1 {
		/*border:1px #CCCCCC dotted;*/
		width:66%;				/* right column content width */
		left:109%;				/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		/*border:1px #CCCCCC dotted;*/
		width:33%;				/* left column content width (column width minus left and right padding) */
		left:9%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
/*==================================
 2 Column (double page) settings 
 
 */
	.doublepage {
	
	}
	.doublepage .colleft {
		right:50%;				/* right column width */
	
	}
	.doublepage .col1 {
	/*border:0.1em #FFFFFF  dotted;*/
		width:46%;				/* left column content width (column width minus left and right padding) */
		left:50%;				/* right column width plus left column left padding */
	}
	.doublepage .col2 {
	/*border:0.1em #FFFFFF  dotted;*/
		width:53.5%;				/* right column content width (column width minus left and right padding) */
		left:50%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/*
	====================================================================================
	col2
	====================================================================================================
	*/
			.col2 h2{
			color:#FD6104;
			font-size:1.3em;
			border-bottom:0.1em #666666 solid;



}

		.col2 p{
		text-align:justify;
}

		.col2 img{
		border:0;
		margin:0 0 0 1.25em;
	}
		.col2 ul{
		margin:1em 0.5em 1em 1.5em;
		padding:0 0 0 1em;


}
		.col2 a:link{
	
		font-weight:bold;

}
		.col2 a:visited{
	
		font-weight:bold;

}
		.col2 a:hover{
	
		font-weight:bold;

}
		.col2 a:active{
	
		font-weight:bold;

}

	
	/*
	====================================================================================
	col1
	====================================================================================================
	*/
	.col1{
	color:#CCCCCC;
	font-size:1em;
}

.col1 img a:link{
padding:0;
margin:0;
border:none;}
.col1 img a:visited{
padding:0;
margin:0;
border:none;}
.col1 img a:hover,a:focus{
padding:0;
margin:0;
border:none;}

.col1 img a:active{
padding:0;
margin:0;
border:none;}

		.col1 p{
		font-size:1em;
		text-align:justify;
		margin:2em;}
		
	.col1 h2{
	color:#ff6300;
	margin:0;
	padding:0;
	font-size:1.4em;
	font-weight:bold;	
	
	}

	
			.col1 h4{
	color: #666666;
	margin:0 0 0.6em 3em;
	padding:0 0 0 3em;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:0.1em #CCCCCC solid;
	
	
	}
	
				.col1 h5{
	color: #333333;
	margin:2em 0 1em 1em;
	padding:0 0 0 1em;
	font-size:1em;
	font-weight:bold;
	border-bottom:0.1em #333333 solid;
		
	}
				.col1 h6{
	color: #666666;
	margin:2em 0 1em 1em;
	padding:0 0 0 1em;
	font-size:1em;
	font-weight:bold;
	border-bottom:0.1em #CCCCCC solid;
		
	}
	
		
		.col1 p a:link{
		font-size:1em;
		color:#ff6300;
		font-weight:normal;
		border:0;
	
		}
				.col1 p a:visited{
		font-size:1em;
		color:#ff6300;
	font-weight:normal;
	border:0;
		}

				.col1 p a:hover,a:focus{
				border:0;
		font-size:1em;
		color:#000000;
font-weight:normal;
		}
					.col1 p a:active{
		font-size:1em;
		color:#666666;
font-weight:normal;
border:0;
		}	
			
.col1 ul{ list-style:none;}

	/*====================================================================*/
	#bilaketa_zutabea {	margin:0;	padding:0;	}
	#bilaketa_zutabea a{	text-decoration:none;}
	#bilaketa_zutabea  a:hover img{  filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6;}	
	#bilaketa_zutabea a img{  filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1;	}
	#bilaketa_zutabea p{font-size:1.5em; color: #999999; font-weight:bold; text-align:right;	}
	#bilaketa_zutabea ul{margin:0;	padding:0;}
	#bilaketa_zutabea ul li{margin:0;padding:0;float:left; list-style:none;} 
	
	
	
    .boxmain{font-size:1em;margin:0em 0em 0em 0em ;	padding: 0 0 0 2em;	}
	#boxmain_studio{background:url(../images/studio_vertical.jpg) no-repeat;padding: 0 0 0 2em; }
	#boxmain_servicio{background:url(../images/vertical_servicio.jpg) no-repeat;padding: 0 0 0 2em;}
	.boxmain_proyectos{background: url(../images/vertical_proyectos.png) no-repeat;padding: 0 0 1em 2em;height:30em;}
	
	.boxmain_proyectos[id]{height:auto;	min-height:30em;}
	
	.boxmain_proyectos_eu{background: url(../images/vertical_proyectos_eu.png) no-repeat;padding: 0 0 1em 2em;height:30em;}
	
	.boxmain_proyectos_eu[id]{height:auto;	min-height:30em;}
	
		#boxmain_servicio_eu{background:url(../images/vertical_servicio_eu.jpg) no-repeat;padding: 0 0 0 2em;}
	.boxmain_proyectos_eu{background: url(../images/vertical_proyectos_eu.png) no-repeat;padding: 0 0 1em 2em;height:30em;}
	.boxmain_proyectos_eu[id]{height:auto;	min-height:30em;}

	
	
	.boxmain h2{
	color: #666666;
	font-size: 1.5em;
	font-stretch: ultra-condensed;
	margin: 0em;
	padding: 4px;
	font-weight: bold;


}
	.box{
	/*background:#666666;*/
	width: 93%;
	font-size:1.1em;
padding:  0 0 0 3em;
	border-bottom: 0.06em solid #333333;
	color: #cccccc; 
	 

	}
	.box:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
		.box img {


padding: 0.63em;

	}
.box h3 {
	color: #666666;
	font-size: 1.3em;
	margin: 0em;
	padding: 4px;
	font-weight: bold;

}
	.box p {
	text-align:justify;

	}
	
.box  a:link{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}
.box  a:visited{
	color: #333333;
	font-weight: bold;
	text-decoration:none;

}
.box  a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration:none;

}
.box  a:active{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}
	.box ul{
	padding:0em;
	margin:0em;
	
	}

	.box ul li{
		padding:0em 0em 0.63em 0.63em;
		list-style:none;
	
		background:url(../images/lista.gif) no-repeat left top;
	margin:0em;
	
	}

.menu {
	 padding: 0em;
	 margin: 0em;
	 text-align:right;
	 width:100%;


}
.menu img{
   border:0em;

}

.menu ul {
	 width:80%; 
	 padding:0em;
	 margin:0em;


}
.menu li {
     padding:7px 0.63em 0.31em 0em ; 

	 list-style:none ;
	 background: url(../images/lista.gif) right no-repeat;

 


}

.menu ul li a:link {
	
	font-size: 11px;
color: #a69f71;
	text-decoration:none;

}.menu ul li a:visited {
 
	font-size: 11px;
color: #a69f71;
	text-decoration:none;


}
.menu ul li a:hover {
 	color: #FFFFFF;
}

.menu ul li a:active {
	color: #ffffff;

}

.azpimenu a:link {
	font-size: 0.63em;
color: #A78D5F;
	font-weight: normal;	
	text-decoration:none;
padding:0em ;


}



/* Footer styles */
	#footer {
        clear:both;
		margin:0;
		padding:5em 0 0 0;     
        width:100%;
    }
    #footer p {
        padding:0.63em 0 1em 0;
		color:#ffffff;
		text-align:right;
        margin:0;
	
    }
	    #footer p a:link {
		font-size:1em;
		font-weight:normal;
   
    }
	    #footer p  a:visited{
		font-size:1em;
		font-weight:normal;
   
    }#footer p a:hover {
		font-size:1em;
		font-weight:normal;
   
    }
	    #footer p a:active{
		font-size:1em;
		font-weight:normal;
   
    }
	    
	
	
	
	
				    #credits{
					     clear:both;  
				font-size:1em;
		
				width:100%;	

	
    }
	#credits p{	color: #999999;
			text-align:right;}
		    #credits a:link {
  		font-size:1em;
		color:#999999;	
    }
	 #credits a:visited {
	 font-weight:normal;
  
		color:#999999;	
    }	
	    #credits a:hover {
	 font-weight:normal;
		color: #ffffff;
    }
	    #credits a:focus {
	 font-weight:normal;
		color: #ffffff;
    }
		    #credits a:active {
	 font-weight:normal;
		color:#ffffff;	
    }
	


	/*=============================EXPECFICAS=========*/
	#noticias_index{float:left; background:url(../images/alpha.png);	}
	#noticias_index a{display:block; font-size:1.2em; color:#FF6600; font-weight:bold;}
	#noticias_index img{width:10em;margin:0 0.5em 0 0;padding:0; float:left;}
	#noticias_index ul {padding:0em 0 0 1em;margin:1em 0 0 0em;	}
	#noticias_index ul li{width:48%;float:left;padding:0em;	margin:0em 1.2em 0.5em 0em;list-style:none; font-size:1.2em;}
	#noticias_index h4{ color:#FFFFFF; font-size:1.4em;}
	
	#proyectos{float:left; margin:0 0 0 1em; padding:0.5em;	}
	#proyectos a{display:block;}
	#proyectos img{margin:0 0.5em 0 0;padding:0; float:left;}
	#proyectos ul {padding:0em 0 0 1em;margin:0em;	}
	#proyectos ul li{width:13em; float:left;padding:0em; background:url(../images/marko_thumb.jpg) no-repeat; 	margin:0.5em 0.5em 0.5em 0em;list-style:none; height:10em;}
	#proyectos ul li img{ padding:1em 1em 1em 1.2em; }
	#proyectos_ficha{  background: url(../images/alpha.png);  width:30em; margin:0 0 0 1em; }
	#proyectos_ficha img{  background:url(../images/marko_thumb.png) no-repeat; margin:1em 1em 0.5em 1em; padding:1.3em;}
	
	#galeria { width:100%; float:left;}
	#galeria ul {  width:36%; float:left;   list-style: none; margin:0 0 0 0.5em; padding:0;}
	#galeria ul li img{ margin:0 0 3em 0; }
	#galeria ul li{  display:inline;  list-style: none; margin:0 0.5em 0.5em 0em; padding:0 0 0 0em; }

#index{ background:url(../images/index4.png); width:35em; height:42em;}
	
	/*============================CLASES=========================*/
		
	.botonera{
border-top:1px #CCCCCC dotted;
margin:0.31em;
padding:0.31em;



}
.boton {
background: #817c6f;
color:#FFFFFF;
font-weight:bold;
font-size:0.63em;
border:0em;
padding:3px;
margin:0.31em;
cursor: pointer;	
}

.boton a:link {

color:#FFFFFF;
font-weight:bold;
font-size:0.63em;
	
}
.boton a:visited {

color:#FFFFFF;
font-weight:bold;
font-size:0.63em;
	
}
.boton a:hover {

color:#FFFFFF;
font-weight:bold;
font-size:0.63em;
	
}
.boton a:active {

color:#FFFFFF;
font-weight:bold;
font-size:0.63em;
	
}


.float_right{
float:right;}
.hidden {
display: block;
background: transparent;
background-image: none; /* */
border: none;
height: 1px;
overflow: hidden;
padding: 0;
margin: -1px 0 0 -1px;
width: 1px;
}
.negrita{font-weight:bold;font-size:1em;}

.cursiva{font-style:italic;}

.subrayado{text-decoration:underline;}

.imgsinborde{border:none;}
.float_left{

float:left;}

.float_left ul{
padding:0;
margin:0


}

.float_left ul li{
clear:both;
display:block;
padding:0;
margin:0

}
.float_left ul li img{

padding:0;
margin:0;
float:left;


}
.border{
border:0.06em #CCCCCC solid;
padding:0.12em 0.24em 0.12em 0.24em;}

.size08{
font-size:0.8em;} 
.color{ color:#FD6100;}

/*========================IMAGENES SUSTITUCIN========================
        #header_menu a{ cursor:pointer;}

	    #header_menu .studio {color:#CCCCCC;padding:0em 0 0 0 ;margin:0em 0 0 0em;width:45px;	height:20px;position:relative;}
		#header_menu .studio em{background: #2a2b2b url(../images/studio.gif) no-repeat;width:100%;	height:100%;position: absolute;}
		
        #header_menu .zerbitzua {color:#CCCCCC;padding:0em 0 0 0 ;margin:0em 0 0 0em;width:45px;	height:20px;position:relative;}
		#header_menu .zerbitzua em{background: #2a2b2b url(../images/zerbitzua.gif) no-repeat;width:100%;	height:100%;position: absolute;}
		
		#header_menu .proiektuak {color:#CCCCCC;padding:0em 0 0 0 ;margin:0em 0 0 0em;width:45px;	height:20px;position:relative;}
		#header_menu .proiektuak em{background: #2a2b2b url(../images/proiektuak.gif) no-repeat;width:100%;	height:100%;position: absolute;}
		
		#header_menu .servicio {color:#CCCCCC;padding:0em 0 0 0 ;margin:0em 0 0 0em;width:45px;	height:20px;position:relative;}
		#header_menu .servicio em{background: #2a2b2b url(../images/servicio.gif) no-repeat;width:100%;	height:100%;position: absolute;}
		
		#header_menu .proyectos {color:#CCCCCC;padding:0em 0 0 0 ;margin:0em 0 0 0em;width:45px;	height:20px;position:relative;}
		#header_menu .proyectos em{background: #2a2b2b url(../images/proyectos.gif) no-repeat;width:100%;	height:100%;position: absolute;}*/
	

#galeria ul li{ }
#fotobox{ float:right;}