* { 
	margin: 0; padding: 0; border: none; outline: none; list-style:none; 
}

html,body {
	height: 100%;
}

#kanpoa {
	position: relative; min-height: 100%;
}

* html #kanpoa {
	height: 100%;
}

body {
	font: 15px "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif; color: #000; background-color: #f7f7f7;
}

/*-----------------------------------------------------------------
	ELEMENTUAK
-----------------------------------------------------------------*/

br.clean { clear: both; }
b.borobila { color: #f39610; }
small { font-size: 85%; }
a { color: #128517; }
a:hover { color: #004704; }
.right { text-align: right; }

/*-----------------------------------------------------------------
	BURUA
-----------------------------------------------------------------*/

#goia {
	width: 100%; margin: auto; background:#191919; 
}

#burua {
	width: 770px; height: 70px; margin: auto; padding: 10px 0; background:#191919; text-align: center; 
} 

#burua h1 {
	width: 200px; float: left; margin-top: 5px;
}

#burua .menua {
	width: 570px; float: left; display: block; margin: 0 0 -10px 0; padding-top: 40px; text-align: center;  
}

#burua .menua li {
	float: left; margin: 0 0 0 5px; width: 80px; height: 30px; line-height: 30px; background: #333; font-weight: bold;
}

#burua .menua li a {
	width: 80px; line-height: 30px; height: 30px; display: block; color: #fff; background: url('img/pestainak.jpg') no-repeat 0 -90px; text-shadow: #222 0 1px 1px;
}

#burua .menua li a:hover {
	color: #eee; background-position: 0 -60px;
}

#burua .menua li.current a, #burua .menua li.current a:hover {
	color: #666; background-position: 0 -30px; text-shadow: none; text-decoration: none;
}

#burua .menua li.erosi a, #burua .menua li.erosi a:hover {
	color: #fff; background-position: 0 0; text-shadow: none;
}

#burua .estekak {
	float: right; height: 10px; display: block; text-align: center; margin: 0 40px 0 0; 
}

#burua .estekak  li {
	margin: 0 0 0 10px; float: left; color: #ccc; font-size: 13px;
}

#burua .estekak li a {
	line-height: 10px; color: #ccc;
}

#burua .estekak  li a:hover {
	color: #fff;
}

/*-----------------------------------------------------------------
	GORPUA
-----------------------------------------------------------------*/

#gorpua { 
	width: 750px; margin: 10px auto 0 auto; 
}

#gorpua h2 {
	font-size: 30px; font-weight: normal; color: #128517; margin-top: 20px;
}

#gorpua h3 {
	margin-top: 20px; font-size: 22px;  color: #000;
}

#gorpua p {
	margin-bottom: 15px;
}

#gorpua ul {
	margin: 0 0 20px 0;
}

#gorpua li {
	list-style-type: square; margin: 0 0 4px 25px;
}

#gorpua ul.circle li {
	list-style-type: disc; margin: 0 0 4px 25px;
}

/*----------------------------------------------------------------
	GORPUA: SARRERA
-----------------------------------------------------------------*/

#ongietorri {
	clear: both; width: 100%; margin: 30px 0 0 0; text-align: left;
}

#ongietorri h2 {
	font-size: 30px; font-weight: normal; color: #9d9893;
}

#ongietorri p {
	color: #222;
}

#promo {
	margin: 25px auto 20px auto; padding: 10px 5px 10px 135px; width: 600px; background: #fff url(img/cool.png) no-repeat top left;
}

#promo h2 {
	font-size: 30px; font-weight: normal; color: #000; margin: 0;
}

#promo p {
	padding: 0px 3px 3px 3px; margin: 0;
}

#promo b.ipod {
	background: url(img/ipod.png) no-repeat center left; padding-left: 20px;
}

/****** PLANAK ***/

#planak {
	clear: both; width: 700px; margin: 10px auto 10px auto; padding: 5px; text-align: center; color: #444;
}

#planak h2 {
	margin: 0 0 15px 0; font-size: 20px; 
}

#planak h2 a {
	text-decoration: none;
}

#planak ul {
	float: left; list-style-type: square; text-align: left; width: 225px; margin: 0 5px 30px 0;
}

#planak li {
	list-style-type: square; margin-left: 20px; 
}

#planak li.izena {
	list-style-type: none; font-size: 20px; color: #000; margin-bottom: 5px;
}

#planak li.izena a {
	color: #000; text-decoration: none;
}

#planak li.izena a:hover {
	text-decoration: underline;
}

#planak li.salneurria {
	list-style-type: none; font-size: 18px; color: #444; margin-top: 7px; 
}

/****** BERRIAK ***/

#domeinuak, #wikia {
	float: left; display: inline; width: 220px; margin: 10px 40px 0px 0px; 
}

#domeinuak h2, #wikia h2 {
	margin: 0 0 5px 0; font-size: 20px; 
}

#domeinuak h2 a, #wikia h2 a {
	text-decoration: none;
}

#berriak {
	float: right; display: inline; width: 220px; margin: 10px 0px 0px 0px;  
}

#berriak h2 {
	margin: 0 0 5px 0; font-size: 20px; 
}

#berriak h2 a {
	text-decoration: none;
}

#berriak li {
	margin-left: 15px;
}

#berriak a {
	color: #000; 	
}

#bfa {
	clear: left; float: left; margin-top: 20px; padding: 5px 5px 5px 70px; width: 400px; background: #fff url(img/_bfa.png) no-repeat center left; 
	text-align: center; font-size: 85%; color: #444;
}

/*----------------------------------------------------------------
	GORPUA: HOSTING
-----------------------------------------------------------------*/

table.planak {
	width: 710px; margin-top: 20px; border-collapse: collapse; font-size: 13px;
}

table.planak thead {
	background: #444; color: #fff; font-weight: bold; border: solid #F78A15; border-width: 0 0 3px 0;
}

table.planak thead td {
	padding: 8px 4px;
}

table.planak tbody tr {
	border: solid #ccc; border-width: 0 0 1px 0;
}

table.planak tbody td {
	padding: 6px 4px; text-align: center;
}

table.planak tbody td.plan {
	text-align: left;
}

/*-----------------------------------------------------------------
	FORMULARIOA
-----------------------------------------------------------------*/

#Form {
	clear: both; width: 726px; background: #eee; padding: 10px; border: 2px solid #ccc; 
}

#Form fieldset {
	width: 706px; padding: 0; background: #eee;
}

#Form legend {
	margin: 0px; padding-bottom: 5px; font-size: 20px; color: #444;
}

#Form div {
	clear: left; width: 100%; margin: 10px 0 10px 0; padding: 10px;
}

#Form div.required {
	float: left; background: #dbdbdb; font-weight: bold; 
}

#Form div.optional {
	float: left; background: #dbdbdb; font-weight: normal;
}

#Form div.error {
	float: left; background: #dbdbdb; font-weight: bold; color: #94231e; 
}

#Form label {
	display: inline; float: left; width: 150px; margin: 2px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right;
}

#Form input.text,
#Form textarea {
	width: 540px; display: inline; float: right; margin: 0px; padding: 2px;
}

#Form p.tip {
	clear: both; margin: 0 0 0 160px; display: block; font-size: 12px; color: #444;  padding: 4px 0 0 18px; background: url(img/bulb.png) no-repeat bottom left;
}

#Form div.submit {
	margin: 0px; padding: 0px; text-align: center; 
}

#Form div.submit input {
	width: 100px; margin: 2px; background: #333; color: #fff;
}

div.oker {
	padding: 10px 10px 10px 60px; margin: 10px 0px 20px 0px; 
	background: #eee url(img/error.png) no-repeat top left; border: dotted #ac3b35 4px;
}

div.zuzen {
	padding: 10px 10px 20px 60px; margin: 10px 0px 20px 0px; 
	background: #eee url(img/zuzena.png) no-repeat top left; border: dotted #128517 4px;
}

div.oker ul,
div.zuzen ul {
	margin-left: 0px; padding-left: 20px; 
}

/*-----------------------------------------------------------------
	OINA
-----------------------------------------------------------------*/

#arin { 
	clear: both; position: relative; margin: -80px auto 80px auto; width: 100%; line-height: 35px; text-align: center; 
}

#oina { 
	clear: both; position: relative; margin: -70px auto; width: 100%; line-height: 35px; background:#191919; text-align: center; 
}

#oina p {
	font-size: 13px; color: #ccc; 
}

#oina a {
	color: #ccc;
}

#oina a:hover {
	color: #fff;
}