@charset "utf-8";
/* CSS Document by eSOFT. Technologies & Consulting */

/*
=============================
UNDO 
=============================
 */

h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td,ul,li{ margin:0; padding:0;}
a{outline:none; text-decoration:none;}
a img,:link img,:visited img { border:none;}

/*
=============================
BY DEFAULT ESTILOAK
=============================
*/
body{
    margin:0em;
    padding:0em 0 0 0;
    border:0;		/* This removes the border around the viewport in old versions of IE */
    background: url(../img/azpia.jpg) no-repeat top center ; 
    font-family:  Arial, Helvetica, sans-serif;
    color:#4D4D4D;
    font-size: 62.5%; /* em neurrien kalkulua errazago izateko*/
    }

h1{
    padding:0em 0 0 0em ;
    margin:2.3em 0 1em 2em;
	width:190px;
	height:78px;
	position:relative;
	float:left;
	font-size:1.9em;
	
	}
	
h1 em { /* Irudien ordezkanpena egiteko, erabilerraztasunagaitik*/
    background:url(../img/logoa.png) no-repeat top left;		
	width:100%;
	height:100%;
	position: absolute;
	}
	
h1 a:link{ color:#8EADC2;}
h1 a:visited{ color:#8EADC2;}
h1 a:hover{ color:#8EADC2; cursor:pointer;}
h1 a:active{ color:#8EADC2;}

h2{color:#666666;}
h3{	}
h4{	}
h5{	}
h6{	}
	
p{margin:0.5em; padding:0; }
	
a:link {font-size: 1em;	color: #4D4D4D;font-weight: normal;	padding:0;margin:0;border:0;}	
a:visited {font-size: 1em;	color: #4D4D4D;font-weight: normal;	padding:0;margin:0;border:0;} 	
a:hover {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;}	
a:focus {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;}	
a:active {font-size: 1em;color: #000000;font-weight: normal;padding:0;margin:0;border:0;} 
	
	

/* 
=============================
ELEMENTOAK
=============================
*/

	
#body{width:95em;/* 95em barik 85em dauko, paddina kendu bihar jakolako */
        clear:both;margin:auto;
		/*border:0.06em #c5c7c8 solid;*/ /*Zalantza border-a diseinuaren parten den ala ez */
		padding:0em;height:50em;}
	
#body[id]{ /* ie6k min-height ondo egiteko */
	height:auto;min-height:50em;}

#body:after {/* Gillotina eragozteko, espazio bat sartzen da div-aren bukaeran*/
    content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	


#idiomas{float:right;margin:9em 4em 0 0em;padding:0 0 0 0em;font-size:1em; }
#idiomas div{ padding:0em; float:left; font-size:1.4em; }

#idiomas  a:link{color:#4D4D4D; padding:1em; }
#idiomas  a:visited{color:#4D4D4D;padding:1em;}	
#idiomas  a:hover{color: #00AAD3;padding:1em;}	
#idiomas  a:focus{color: #00AAD3;padding:1em;}	
#idiomas  a:active{color:#00AAD3;padding:1em;}

.selected  {color: #00AAD3; }



#header {width:95em;margin:auto;}

#header ul { float:right; margin:6em 0 0 0 ;}		
#header ul li { float:left;list-style:none; margin:auto; padding:0.5em 1em 1em 1em;}

#header ul li a	{ text-decoration:none; font-size:1.4em;}
#header ul li a:link {color:#B7B8B9; }
#header ul li a:visited {color:#B7B8B9;}
#header ul li a:hover {color:#00AAD3;	}
#header ul li a:active {color:#00AAD3;}	

#header img{border:0;}

#top{}

#bottom{  float:left; background: #ededee url(../img/bg_bottom.jpg) repeat-x; width:90%; margin:auto 0 2em 3.5em; }
#bottom h3{ font-size:3em; color:#c7c7c8; font-weight:normal; margin:1em 2em 1em 2em; width:5em; float:left;}

#bottom ul{  margin:1em; }
#bottom ul li{ float:left;  list-style:none; list-style-image:none;margin:0 2em 0em 0; padding:0; }
#bottom ul li a{font-weight:bold; font-size:1.1em;}

#bottom ul ul { float:none; margin:0.5em 0 1em 0;}
#bottom ul ul li{ float:none;margin:0; padding:0;}
#bottom ul ul li a{font-weight:normal; font-size:1.1em; margin:0; padding:0;}

#footer {clear:both;width:80em;margin:1em  auto 1em auto; color:#666666;}

#footer strong{ color:#33B6DA;}

#footer a:link{font-weight:normal;}	
#footer a:visited{font-weight:normal;}	
#footer a:hover {font-weight:normal;}	
#footer a:active{font-weight:normal;}
	
#footer p { margin:2em 0 0 0;}


/*
=============================
ZUTABEAK
=============================
*/

#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 */
	}
	
/* Zutabeen ezaugarri orokorrak */

.colleft {
	float:left;
	width:100%;
	position:relative;
	margin-bottom: 10px; /* Metido por FIZ */
	}
.col1,.col3 {
	float:left;
	position:relative;
	padding:0 0 0.6em 0;
	overflow:hidden;
	margin:0.4em 0 0 0;
	}
.col2{
	float:left;
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
	margin:0.4em 0 0 0;
	}
	
	/* 
=============================
1 ZUTABE (menu barik) 
=============================
 */
	
	.fullpage { 
		/* page background colour */
	}
	.fullpage .col1 {
		width:96%;				/* page width minus left and right padding */
		left:2%;				/* page left padding */
	}
/* 
=============================
2 ZUTABE (menua ezkerrean) 
=============================
 */

.leftmenu { 
	}
	
.leftmenu .colleft {
	right:75%;				
	}
	
.leftmenu .col1 {
	/*border:0.1em #999999 solid;	*/
	width:78%;			
	left:96%;			
	}
	
.leftmenu .col2 {
	/*border:0.1em #999999 solid; */
	width:20%;			
	left:-4%;		
	}
		

	
/*
=============================
col2 ZUTABEA. Ezkerreko menua hemendik editatzen da.
=============================
*/

.col2{position:relative; margin:0 0 0 0em;}

.col2 h3{ color:#666666; margin:1em; font-size:1.4em; background:#999999; color:#FFFFFF; padding:0 0 0 1em;}
	
.col2 img{	margin:0.3em 0em 0.5em 4em; border:0.1em #999999 solid;}

/*===========1. mailako lista=============*/
	
.col2 ul{margin:0em 0.5em 1em 4em;padding:0 0 0 0em;list-style:none;position:relative;}

.col2 ul li{margin:0em 0em 0em 0em;padding:0.2em 0 0.2em 0em;  }	

.col2 ul li a{display:block;font-size:1.2em; font-weight:bold;padding:0em 0 0em 1em;}

.col2 ul li a:link{color: #58585a;background:#EDEDEE;  }
.col2 ul li a:visited{color: #58585a;background:#EDEDEE; }
.col2 ul li a:hover{color: #333;background:#cdcdd0; }
.col2 ul li a:active{color: #333;background:#cdcdd0;  }
	
/*===========2. mailako lista=============*/
.col2 ul ul {
	margin:0.5em 0 0 0em;
	padding:0em 0 0 0em;
	/*background:#477a89;*/	}
	
.col2 ul ul li{
	font-size:1em;
	margin:0em 0em 0em 0em;
	padding-right:0em; background:none;  
	border-bottom: none;}	
	
.col2 ul ul li a{display:block;font-size:1.1em; font-weight:normal;padding:0em 0 0em 1em;}
	
.col2 ul ul li a:link{color: #58585a;background:#fff;  }
.col2 ul ul li a:visited{color: #58585a;background:#fff; }
.col2 ul ul li a:hover{color: #333;background:#e1e1e3; }
.col2 ul ul li a:active{color: #333;background:#e1e1e3;  }

	
/*===========3. mailako lista=============*/
	
.col2 ul ul ul li{
	font-size:1em;
	margin:0.4em 0em 0.4em 1em;
	padding:0em; list-style:url(../img/menu_li_li.png);
	border-bottom: none; background:none; background-image:none; 	}	
	
.col2 ul ul ul li a:link{font-size:1.2em;font-weight:bold;text-decoration:none;color: #FFFFFF;background:none;padding:0em 0 0em 0em; }
.col2 ul ul ul li a:visited{font-size:1.2em;font-weight:bold;text-decoration:none;color: #FFFFFF;background:none;padding:0em 0 0em 0em;}
.col2 ul ul ul li a:hover{font-size:1.2em;font-weight:bold;text-decoration:none;background:none;padding:0em 0 0em 0em; color:#cccccc; }
.col2 ul ul ul li a:active{font-size:1.2em;font-weight:bold;text-decoration:none;background:none;padding:0em 0 0em 0em; color:#cccccc;}



/*
=============================
col1 ZUTABEA
=============================
*/
.col1{ color:#666666; padding:0 0em 0 0; background:url(../img/col1_bg.jpg) no-repeat; }

.no_bg{ background:none; background-image: none;}
	
.col1 p{margin:0em 1em 2em 1em;	font-size:1.1em;}

.col1 #oficinas_direccion p{margin:0em 0em 0.2em 0em;}
	
.col1  a:link{color:#666666;font-weight:normal;}	
.col1  a:visited{color:#666666;font-weight:normal; }
.col1  a:hover,a:focus{color:#000;font-weight:normal;}	
.col1  a:active{color:#000;font-weight:normal;  }	


.col1 h2{ background:url(../img/col1_h2.jpg) no-repeat left top;color:#fff;margin:0em 0.3em 0.3em 0em;padding:0.7em 0.5em 0em 0.3em;font-size:3em;font-weight:normal; width:10em; line-height:0.8em; height:2.5em; vertical-align:middle; }
	
.col1 h3{color:#666666;background:url(../img/h3.gif) no-repeat left;border-bottom:0.1em #cccccc solid;margin:1em 0 1em 2em;padding:0 0 0 1em;font-weight:bold; float:none; clear:none;}

.col1 h4{color: #666666;margin:0.6em 0 0.6em 2em;padding:0 0 0 2em;font-size:1.1em;font-weight:bold;}
	
.col1 h5{color: #666666;margin:2em 0 1em 4em;padding:0 0 0 1em;font-size:1em;font-weight:bold;}
	
.col1 h6{color: #666666;margin:2em 0 1em 5em;padding:0 0 0 1em;font-size:1em;font-weight:bold;}




.col1_zutabe_bikoitza{
clear:both;
  -moz-column-width: 30em;
  -moz-column-gap: 2em;   /* shown in yellow */            
  -moz-column-rule: 4px solid green;
  -moz-padding: 5px;      /* shown in blue */
}
 
	
		
/*============1. mailako lista=============================*/
.col1 ul{  margin:2em;;font-size:1.1em;}	
.col1 ul li{ list-style: url(../img/li.gif); }

.col1 ul li a:link{color:#79C400;font-weight:normal;}
.col1 ul li a:visited{color:#79C400;font-weight:normal;}	
.col1 ul li a:hover,a:focus{color:#79C400;font-weight:normal;}	
.col1 ul li a:active{color:#79C400;font-weight:normal;}

.col1 ol{	}	
.col1 ol li{    }	

/*============2. mailako lista=============================*/

.col1 ul ul{}	
.col1 ul ul li{ list-style: url(../img/li.gif); margin:0 0 0 2em; }

.col1 ul ul li a:link{color:#79C400;font-weight:normal;}
.col1 ul ul li a:visited{color:#79C400;font-weight:normal;}	
.col1 ul ul li a:hover,a:focus{color:#79C400;font-weight:normal;}	
.col1 ul ul li a:active{color:#79C400;font-weight:normal;}
	
	
.col1 img{padding:0 0em  0em 0em; margin:0 0 0 0.5em;}
.col1 img a{border:none;}
	

/*
=============================
KLASEAK
=============================
*/
	
/*------------------KLASE OROKORRAK------------------*/
.negrita {font-weight:bold;color:#333122;}
.small {font-size:0.8em;}
.big {font-size:1.4em;}
.big2 {font-size:1.2em;}
.clear{clear:both;}	
.hidden {display: block;background: transparent;background-image: none;border: none;height: 1px;overflow: hidden;padding: 0;margin: -1px 0 0 -1px;width: 1px;
}
.cursiva{font-style:italic;}
.subrayado{text-decoration:underline;}
.imgsinborde{border:none;}
.float_left{float:left;}
.float_right{float:right;}
.float_left ul{padding:0;margin-right:0}
/*.float_left ul li{clear:both;display:block;padding:0;margin:0}
*/
.float_left ul li{clear:both;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;}
.no_bg{ background:none; background-image: none;}
.azul{ color:#00bae3;}

/*-------------KLASEAK EDUKIA posizioa, margen eta padina kontrolatzeko. Bestelako etiketak col1-ean kudeatzen dira-----------------*/

.boxmain{margin:0em 5em 1em 0em ;padding: 0em;}

.box{	}


/*
=============================
ORRIALDE BAKOITZERAKO EZPEZIFIKOAK
=============================
*/


/*-----------INDEX----------*/

#bg_02{ background:url(../img/bg_02.jpg) no-repeat top left; padding:1em; width:299px; height:181px; margin:0 0 0 0em;  float:right;  }
#bg_02 h3{ color:#FFFFFF; border:none; font-size:2.5em; margin:0; padding:0 0 0 0.3em; font-weight:normal; }
#bg_02 p{ color:#FFFFFF; margin:1em 4em 0 0.5em; padding:0 0 0 0; font-size:1em;}


#bg_03{ 
	background:url(../img/bg_03.gif) 
	no-repeat top left; 
	/* padding:0em 1em 4.5em 1em;*/
	padding:0em 0em 0em 0em;
	width:363px; 
	height: 80px; 
	margin:-2.5em 0 0 0em; 
	float:left;  
	}

#bg_03 h3{ color:#666666;  border:none; font-size:1.4em; margin:0  0 0 0; padding:0 0 0 0.3em; font-weight:normal; font-weight:bold;}
#bg_03 p{color:#666666;  margin:1em 8em 0 0.5em; padding:0 0 0 0; font-size:1em;}


#bg_04{ 
	background:url(../img/bg_04.gif) no-repeat top left; 
	/* padding:0em 1em 4.5em 1em; */
	padding:0em 0em 0em 0em; 
	width:363px;  
	height: 110px; 
	margin:0.5em 0 0 0em;  
	float:left;  
	}
	
#bg_04 h3{ color:#666666;  border:none; font-size:1.4em; margin:0  0 0 0; padding:0 0 0 0.3em; font-weight:normal; font-weight:bold;}
#bg_04 p{color:#666666;  margin:1em 8em 0 0.5em; padding:0 0 0 0; font-size:1em;}


#bg_embarca{ float:right; background:url(../img/bg_embarca.gif) no-repeat top left; padding:1em; width:299px; height:181px; margin:-2.5em 0 0 0em;   }
#bg_embarca h3{ color:#33B6DA; border:none; font-size:2.5em; margin:0; padding:0 0 0 0.3em; font-weight:normal; }
#bg_embarca p{color:#000;  margin:1em 1em 0 0.5em; padding:.3em; font-size:1em; background:#fff; opacity:.5;}



#certificaciones{ background: url(../img/bg_certificaciones.gif) no-repeat; display:block; float:left; width:100%; margin:1em 0 1em 0;}

#certificaciones h3{ border:none; font-size:1.6em; background: url(../img/bg_certificaciones_h3.gif) no-repeat right; width:13em; padding:0.3em 0.3em 0.3em 0em; float:left;}
#certificaciones img{ float:left; margin:1em 0.5em 1em 0.5em; }


/*====================ANCHOS=======================*/
.ancho1{ width:100%;}
.ancho2{ width:48%;}
.ancho3{ width:32%; }
.ancho4{ width:23%;}
.ancho5{ width:18%;}

.margin_right{ margin-right:2em;}
.margin05{ margin:0em 0.5em 0.5em 0em;}
.margin_top{ margin-top:7em;}

/*==================ORDEZKAPEN IRUDIAK=========*/

#banner_conoce{width:363px; height:182px; position:relative; padding:0em 0em 0em 0em; margin:0 0em 0 0em; float:left; }
#banner_conoce em {display:block; width:363px; height:182px; background:url(../img/banner_conoce.jpg) no-repeat 0px 0px; position:absolute; top:0; left:0; }
#banner_conoce a {cursor:pointer;text-decoration: none;}
#banner_conoce a:hover,#banner_conoce a:visited { text-decoration: none; font-weight:normal;}
#banner_conoce a:hover em {background:url(../img/banner_conoce.jpg) no-repeat -0px -182px; text-decoration: none;}
#banner_conoce img {padding: 0; margin:0;}


/*====================
IRUDIAK ERREKORTATA NEURRI KONKRETU BATERA
=======================*/

/*--------------EDUKIAREN IRUDIA-------------------*/
/*
.edukia_relative{ position:relative; width:309px; height:150px; margin:0 0em -5em 1em; }
.edukia_clipin{  position:absolute; clip:rect(50px 309px 150px 0px);  top:-50px;  left:0px;   } 
.edukia_clipin img {width:309px; margin:0; padding:0;}
.edukia_clipin em{ position:absolute; width:100%; height:100%;background:url(../img/edukia_clip_marco.gif) no-repeat 0 50px ; }*/ /* erpinak borobiltzeko */

.edukia2_relative{ margin:0 0em 1em 0em; }
/*
.edukia2_relative{ position:relative; width:309px; height:193px; margin:0 0em 1em 1em; }
.edukia2_clipin{  position:absolute; clip:rect(0px 309px 193px 0px);  top:0px;  left:0px;   } 
.edukia2_clipin img {width:309px; margin:0; padding:0;}
.edukia2_clipin em{ position:absolute; width:100%; height:100%;background:url(../img/edukia_clip_marco2.gif) no-repeat 0 0px ; }*/ /* erpinak borobiltzeko */


/*.edukia3_relative{ position:relative; width:662px; height:230px; margin:0 0em -10em 1em; }
.edukia3_clipin{  position:absolute; clip:rect(100px 662px 230px 0px);  top:-100px;  left:0px;   } 
.edukia3_clipin img {width:662px; margin:0; padding:0;}
.edukia3_clipin em{ position:absolute; width:100%; height:100%;background:url(../img/edukia_clip_marco3.gif) no-repeat 0 100px ; }*/ /* erpinak borobiltzeko */  




/*==================BOTOIAK=========*/
.boton a:link{ color: #fff;   	}
.boton a:visited{ color: #fff; }
.boton a:hover{ color: #333; }
.boton a:active{ color: #333;  }

.boton_azul a:link{ color: #33B6DA; 	}
.boton_azul a:visited{ color: #33B6DA;  }
.boton_azul a:hover{ color: #333; }
.boton_azul a:active{ color: #333;  }


.boton_ver_mas{ background:url(../img/b1_boton_ver_mas.jpg) no-repeat top left; width:6em;	margin:0.5em 0 0em 0;padding:0.4em 0 0.8em 1em;}
.boton_aceptar{ background:url(../img/boton_aceptar.jpg) no-repeat top left; width:11.3em; font-size:1em; float:right; height:4em; margin:0 1em 0 0 ;  }

.boton_aceptar a:link{ font-size:1.3em; font-weight:bold; text-align:center; display:block; padding:0.8em 0 0 0; 	}
.boton_aceptar a:visited{ font-size:1.3em; font-weight:bold; text-align:center; display:block; padding:0.8em 0 0 0; }
.boton_aceptar a:hover{ font-size:1.3em; font-weight:bold; text-align:center; display:block; padding:0.8em 0 0 0; }
.boton_aceptar a:active{ font-size:1.3em; font-weight:bold; text-align:center; display:block; padding:0.8em 0 0 0;  }

/*===================FORMULARIOAK====================*/

.form {  width:100%; padding:1.5em 0px 1em 0px;  margin:0 0 1.5em 0px; background:url(../img/form.jpg) no-repeat bottom right; float:left;}
.form fieldset {color:#666666;width:98%; display:block; padding:1em 3em 1em 3em; border: none; margin-bottom:0.5em; line-height:1.5em;}
.form label{float:left; margin:0px 0px 10px 0; text-align:left; color:#666666; width:6em; font-size:1.2em; font-weight:bold; }
.form input {border:none; width:13em; background:#FFFFFF; margin:0px 3em 10px 0px; float:left; font-size:1.1em; padding:0.1em;   }
.form textarea {border:none;  width:73%; background:#FFFFFF; height:5em; margin:0px 0px 10px 0; padding:0.1em; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.form p { float:left; width:73%; margin:0 1em 0 3em;}
.form fieldset p{ margin:0 3em 0 0; font-size:1.2em; font-weight:bold; width:10em;}


/*---------------Diseinura egokitzeko salbuespenak--------------------------*/

#cp{ width:5em;  margin:0px 5em 10px 0px;}
#cp_label{ width:3em;}
#margin_right_short{margin:0px 1em 10px 0px;}
#si,#no,#si_input,#no_input{ width:1.5em; border:0;}
#imagen_label{ width:10em;}
#imagen{ width:20em;}
.break{ clear:both; float:none;}



/* MERKATU */

#map {
	position:absolute;
	left:260px;
	top:185px
}

#oficinas_direccion {
	float:right;
	width:275px;
	color:#00b4db;
	font-size:1.0em;
}

.botonOficinas {
	display:block;
	width:110px;
	height:40px;
}
	
#div_oficinas_instalaciones {
	width:689px;
	height:388px
}

#pie_pagina {
	text-align:center
}