body {
padding:0;
	margin:0;
	font-family: sans-serif;
	font-size: small;

}

#pagina a {
color:#35ff00;
text-decoration:none;
}

#pagina a:hover {
color:#22b200;
}

#pagina {
width:1024px;
padding:0;
}

.izenburu {
text-align:center;
padding-top:10px;
color:#35ff00;
font-size:25px;
}

#eskaintza_iragarkia {
display:block;
width:150px;
height:60px;
position:absolute;
top:11px;
left:190px;
}

#iragarkia {
margin:0 3px 0 3px;
}

.hizkuntz_izenburu {
width:150px;
position:absolute;
top:8px;
left:340px;
color:white;
}


#burua {
margin:0 auto 0 auto;
	background:url('images/orripolitak5.png') no-repeat;
width:800px;
height:258px;
}

#zurtoina {
background:transparent url('images/orripolitak6.png') repeat-y;
	width:800px;
margin:-25px auto 0 auto;

}

#box {
margin:0 162px 0 148px;
}




/* ---- mapa -----*/

#map {
width: 500px;
height: 500px;
margin: 0 0 0 0;
}



/* ---- formularioa-----*/


#form1 {
padding:30px 0 0 30px;
margin-left:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:330px;
height:280px;
	background:url('images/post1.png') no-repeat top left;
}

#form1 p {
color:;
font-size:10px;
}

#from {
border:1px solid #35ff00;
width:110px;
height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#subject {
padding:2px; border:1px solid #35ff00; width:80px; height:14px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

#verif_box {
padding:2px; border:1px solid #35ff00; width:80px; height:14px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

#wrong {
border:1px solid #990000; background-color:#D70000; color:#FFFFFF; padding:4px; padding-left:6px;width:195px;
}

#message {
padding:2px; border:1px solid #35ff00; width:140px; height:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

#submit {
margin-top:10px;
margin-left:60px;
display:block;
border:1px solid #000000;
width:100px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:2px;
padding-right:2px;
padding-top:0px;
padding-bottom:2px;
line-height:14px;
background-color:#35ff00;
}

/* ---- hizkuntza-----*/


ul.hizkuntza {
position:absolute;
top:-2px;
left:360px;
list-style:none;
width:190px;
}

li.hizkuntza {
float:left;
width:80px;
color:white;
	height:30px;
margin-left:10px;
}


li.hizkuntza a {
text-align:center;
text-decoration:none;
padding:8px 0 0 0;
display:block;
color:white;



}

li.hizkuntza a:hover {
	background: url('images/hizkuntza.png') no-repeat;
color:black
} 


ul.aukera {
position:absolute;
top:270px;
left:390px;
list-style:none;
width:240px;
}

li.aukera {
float:left;
}


li.aukera a {
text-decoration:none;
padding:8px 0 0 20px;
width:100px;
	height:30px;
display:inline;
display:block;
	background: url('images/rect3244.png') no-repeat;
}

li.aukera a:hover {
	background: url('images/rect2384.png') no-repeat;
color:black
} 

/* eskaintza */

#eskaintzablok {
margin:0;
width:320px;
}

#eskaintza {
float:left;
margin:0 0 0 10px;
width:157px;
height:405px;
	background: url('images/eskaintza.png') no-repeat;
padding-top:0px;
}

#eskaintza p {
padding:0 0 0 20px;
font-size:30px;
color:#35ff00;
}




#eskaintza_textua {
padding-top:0;
margin:0 0 0 0;
float:left;
width:143px;
height:300px;
}

#eskaintza_textua img {
margin-left:10px;
width:100px;
height:75px;
}



/* begin css tabs */

ul.tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 1px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
list-style-type: none;
padding: 68px 0 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
 /* set border color to page background color */
background-color: black; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: white; /* set selected tab background color as desired */
color: black; /* set selected tab link color as desired */
position: relative;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul.tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above *//* set border COLOR as desired; usually matches border color specified in #tabnav */
 /* set unselected tab background color as desired */
color: white; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul.tabnav a:hover { /* settings for hover effect */
background: white; /* set desired hover color */
color:black;
}

/* end css tabs */

/* anka */

#anka {

width:800px;
height:487px;
margin:-10px auto 0 auto;
	background:url('images/orripolitak8.png') no-repeat;
 }


/* lizentzia */

#lizentzia a.w3c img.xhtml {
width:28px;
height:11px;
float:left;

text-decoration: none;
}


#lizentzia {
height:284px;
width:400px;
margin:3px 170px 0 230px;
padding-top:10px;
}

#lizentzia p {
}

#lizentzia a {
color:#35ff00;
text-decoration:none;
}

#lizentzia a:hover {
color:#22b200;
}

#lizentzia p  {
font-size:10px;
}

#lizentzia .anka {
margin:9px 10px 0 0;
padding:0;
}

#baliatzailea {
margin-left:60px;
padding:10px 10px 0 32px;
color:white;
height:136px;
width:250px;
	background:url('images/baliatzaile.png') no-repeat;

}

#baliatzailea a {
color:white;
font-size:8px;
}


	/*		kontaktua		*/


#kontaktua {
padding:50px 0 0 0;
margin-left:75px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:25px;
width:425px;
height:350px;
border:1px solid #35ff00;
}


	/*		Vertical Accordions		*/

#vertical_container {

margin:0 0 0 0;
text-align:justify;

}

#erdiko {
margin:0 0 0 70px;
background: url("images/erdiko.png") repeat-y;
padding-left:40px;
padding-right:60px;
}

#goiko {
margin:0 0 0 68px;
background: url("images/g3234.png") no-repeat top center;
height:100px;
}

#beheko {
margin:0 0 10px 68px;
height:26px;
padding:0;
	background:url('images/behekalde.png') no-repeat top center;
 }


    #horizontal_container {
width:330px;
font-size:8px;
    }


		.accordion_toggle {
padding-left:20px;
			display: block;
			height: 28px;
			width: 310px;
			background: url('images/gehiago3.png') no-repeat top right;
			padding: 0 0 0 0;
			line-height: 30px;

			font-weight: normal;
			text-decoration: none;
			text-align:center;
			outline: none;
			font-size: 14px;
			color: #000000;
			cursor: pointer;
			margin: 0 auto 0 0;
		}

		.accordion_toggle:hover {
color:white;
		}
		
		.accordion_toggle_active {
			background: url('images/gehiago2.png') no-repeat top right;

		}
		
		.accordion_content {
			width:330px;
			background-color: transparent;
			color: black;
			overflow: hidden;
font-size:16px;
font-family:sans-serif;
margin-right:20px;
		}



			.horizontal_container p {
background-color:white;
padding:10px 25px 20px 0;

			}

			.accordion_content h2 {
color:Black;
text-align:center;

			}

			.accordion_content p.formularioa {
padding:0 55px;

			}

			.accordion_content p.logo_lauki {
width:330px;
margin:10px 0 10px 0;
font-size:12px;
padding:0;
			}

			.accordion_content a {

text-decoration:none;
			}
			
			.accordion_content a:hover {
color:#22b200;
			}

		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			background: url(images/accordion_toggle.jpg) no-repeat top right;

			line-height: 30px;
			color: black;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			cursor: pointer;
			margin: 0 30px 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: black;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: black;
			overflow: hidden;
     padding:20px 20px;
		}

			#vertical_container h4 {
text-align:left;
color:#35ff00;
font-size:18px;
width:290px;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			display: block;
			height: 30px;
			width: 275px;
border:3px solid #22b200;
			text-decoration: none;
			outline: none;
color:black;
			cursor: pointer;
			margin: 10px 0 0 0;
font-size:11px;
padding-left:20px;
padding-top:15px;
	background:#35ff00 url('images/izarra1.png') no-repeat center left;
		}

		.horizontal_accordion_toggle img {
margin-top:-27px;
float:right;
		}



		.horizontal_accordion_toggle:hover {
background:#35ff00 url('images/izarra.png') no-repeat top left;
color:white;

		}
		
		.horizontal_accordion_toggle_active {
background: url('images/izarra.png') no-repeat top left;
color:#35ff00;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 0;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			overflow: hidden;
width:330px;
			color: #444444;
		}

.horizontal_accordion_content ul {
font-size:22px;
color:#35ff00;
}


    /* Container styling*/

    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 300px;
    }

    /* estiloa logo imagin txikiak*/

.sarrera {
font-size:12px;
}




#zerbitzuak {
width:330px;
height:330px;
	background: url('images/weba_sortu_haundi.jpeg') no-repeat top left;
}

#mantenimentua {
width:330px;
height:330px;
	background: url('images/konpontzea_haundi.jpeg') no-repeat top left;
}

#domeinua {
width:330px;
height:330px;
	background: url('images/domeinua_haundi.jpeg') no-repeat top left;
}


#publizitatea {
width:330px;
height:330px;
	background: url('images/.jpeg') no-repeat top left;
}

#posizionamentua {
width:330px;
height:330px;
	background: url('images/posizionamendua_haundi.jpeg') no-repeat top left;
}

#diseinua {
width:330px;
height:330px;
	background: url('images/diseinua_haundi.jpeg') no-repeat top left;
}


    /* estiloa p*/

.atalak_lanak {
background:#35ff00;
color:white;
display:block;
width:300px;
font-size:14px;

}

ul.atalak_lanak {
padding:15px 10px;
float:left;
display:inline;
width:320px;
}

.bezeroak {
margin-bottom:50px;
width:330px;


}

.behekotextu {
display:block;
width:130px;
float:left;
display:inline;
}

#eskuin {
margin-left:40px;
display:block;
width:80px;
float:left;
display:inline;

}

#irudi {
display:block;
float:left;
display:inline;
width:190px;
height:268px;
margin:18px 0 0 0;
}

.text {
font-size:12px;
width:320px;
}

#eskuin p {
border:1px solid #35ff00;
width:100px;
padding:20px 10px;
float:right;
display:inline;
color:#22b200;
font-size:12px;
}

.hizkuntza {
color:white;
}

li.orrialdeak {
width:40px;
height:40px;
display:inline;
border:1px solid #35ff00;

}

li.orrialdeak a {
width:40px;
height:40px;
background:#35ff00;
color:white;
}

li.orrialdeak a:hover {
width:40px;
height:40px;
background:#35ff00;
color:white;
}

/*---- gehiago ----- */

.gehiago {
display:block;
width:40px;
height:18px;
}

a.gehiago {
width:40px;
height:18px;
	background: url('images/gehiago.png') no-repeat;
margin:20px 0 0 0;

}

a:hover .gehiago {
width:40px;
height:18px;
	background: url('images/gehiago1.png') no-repeat bottom center;
margin:20px 0 0 0;
}

/*---- gezi ----- */

.gezi {
margin:0 0 0 60px;
width:45px;
height:61px;
}

.gezi a {
	background: url('images/gezi2.png') no-repeat bottom center;
display:block;
width:45px;
height:61px;

}

.gezi a:hover {
	background: url('images/gezi3.png') no-repeat bottom center;
margin:0 0 0 0;
width:45px;
height:61px;
}


/*---- lanak ----- */

#pagina #izenburua {
	width:100%;
	margin:0;
	padding:0;
	height:51px;
	}

#pagina .zurtoina #sarrera {
margin:0;
padding:0;
	}

.logos {
margin-top:60px;
padding-top:30px;
width:170px;
height:130px;
margin-bottom:60px;
}