@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: #D9DADC url(../img/group_index_bg.jpg) no-repeat  top center; 
    font-family:  Arial, Helvetica, sans-serif;
    color:#4D4D4D;
    font-size: 62.5%; /* em neurrien kalkulua errazago izateko*/
    }



h1
{
	width:190px;
	height:78px;
	text-indent:-9999px;
	background:url(../img/group_logo.png) bottom no-repeat;
	 margin:0em auto 0 auto;
	 padding:0em 0 0 0;
	 float:none;
	 clear:both;
}



	
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;}
	


.selected  {color: #00AAD3;font-weight:bold; }



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

#header ul { float:right; margin:0em 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:#4D4D4D; }
#header ul li a:visited {color:#4D4D4D;}
#header ul li a:hover {color:#00AAD3;	}
#header ul li a:active {color:#00AAD3;}	


#header ul li:hover ul, #header ul li a:hover ul {color:#00AAD3; visibility:visible;	}


#header ul ul { float:none;  margin:0.5em 0 0 0 ; visibility:hidden;}		
#header ul ul li { float:none;list-style:none;padding:0em 0em 0em 0em;}

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

.group_header_li_bg{ background:url(../img/group_header_li_bg.gif) no-repeat top right;}

#header img{border: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;text-align: center;}


/*
=============================
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;
	}
.col1{
	float:left;
	position:relative;
	padding:0 0 0.6em 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 */
		height:275px;
		left:2%;				/* page left padding */
	}


/*
=============================
col1 ZUTABEA
=============================
*/
.col1{ color:#666666; padding:0 0em 0 0; text-align:center; height:20em;  }

.no_bg{ background:none; background-image: none;}
	

	
.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;  }	


		
/*============1. mailako lista=============================*/
.col1 ul{  margin:6em auto auto auto;width:12em; padding:0  0 0 4em;   }	
.col1 ul li{ list-style:none; list-style-image:none; text-align:center;}

.col1 ul li a{font-weight:normal; padding:0.2em 0em 0em 0em; width:120px; height:17px; display:block; font-size:1.2em; cursor:pointer;}

.col1 ul li a:link{color:#fff; background: url(../img/group_li_bg.png) no-repeat 0px 0px ; font-size:1.2em;width:120px; height:17px; padding:0.2em 0em 0em 0em;}
.col1 ul li a:visited{color:#fff;background: url(../img/group_li_bg.png) no-repeat 0px 0px ;font-size:1.2em;width:120px; height:17px;padding:0.2em 0em 0em 0em;}	
.col1 ul li a:hover{color:#333;background: url(../img/group_li_bg.png) no-repeat 0px -19px ; font-size:1.2em;width:120px; height:17px;padding:0.2em 0em 0em 0em; }
.col1 ul li a:active{color:#666;background: url(../img/group_li_bg.png) no-repeat 0px -19px ; font-size:1.2em;width:120px; height:17px;padding:0.2em 0em 0em 0em;}

.col1 ul li:hover ul, .col1 ul li a:hover ul{ display:block; }
	


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

.col1 ul ul{padding:0  0 0 0em; margin:0; display:none; }	
.col1 ul ul li{ list-style:none; list-style-image:none; }

.col1 ul ul li a{ height:17px;}

.col1 ul ul li a:link{color:#333;font-weight:normal;background: url(../img/group_li_bg.png) no-repeat 0px -38px ; }
.col1 ul ul li a:visited{color:#333;font-weight:normal;background: url(../img/group_li_bg.png) no-repeat 0px -38px ;}	
.col1 ul ul li a:hover,a:focus{color:#666;font-weight:normal;}	
.col1 ul ul li a:active{color:#666;font-weight:normal;}
	
	
.col1 img{padding:0 0em  0em 0em; margin:0 0 0 1em;}
.col1 img a{border:none;}
	

/*
=============================
KLASEAK
=============================
*/
	
/*------------------KLASE OROKORRAK------------------*/


/*-------------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----------*/




#certificaciones{ margin:auto; text-align:center;  float:none; clear:both; width:100%;}
#certificaciones img{ display:inline; margin:1em 0.5em 1em 0.5em; float:none; }


/*====================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=========*/




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

/*--------------EDUKIAREN IRUDIA-------------------*/


.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 */