* { 
	margin: 0; padding: 0; border: none; outline: none; 
}

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

#kanpoa {
	background: #F5FAFF; padding: 0; margin: 0; text-align: center;
}

#tooltip {
	position: absolute; visibility: hidden; z-index: 100; width: 300px; padding: 5px; background: #FFFEC6; border: 1px solid #FBE232; font-size: 90%;
}

#video {
	display: none; position:fixed; left:50%; top:10%; z-index: 1; margin: 0 0 0 -324px; padding: 0 20px 20px 20px; background: #F4F1F1; border: 1px solid #BE1818;
}

#video img {
 	display:block; margin: -10px 0 0 -30px;
}

#video span {
	padding: 20px 0 0 0;
}

/*-----------------------------------------------------------------
	CLEARFIX
-----------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}

/* Esconde IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Esconder IE-mac */

/* ######################################################################################################
	GORPUA
###################################################################################################### */

#gorpua { 
 	width: 770px; margin: 0 auto 0 auto; padding: 0 15px 0 15px; text-align: left; background: #fff; border: 1px solid #D7E8F9; border-width: 0 1px 0 1px;
}

#zutabe {
	float: left; clear: right; width: 180px; margin: 0 0 0 14px; padding: 15px 0 0 0;
}

#eduki {
	float: left; width: 575px; margin: 0; padding: 15px 0 0 0; 
}

/*-----------------------------------------------------------------
	IMAGEN CABECERA
-----------------------------------------------------------------*/

#gorpua .hd {
	width: 470px; height: 110px; margin: 0 0 10px 0; padding: 5px 100px 5px 5px; vertical-align: top;
}

#gorpua .hd h2 {
	font-size: 240%; font-weight: normal; margin: 0 0 0 2px; color: #000;
}

#gorpua .hd p {
	width: 300px; margin-left: 2px; font-style: italic;
}

#gorpua .hd .negro {
	color: #000;	
}

#gorpua .hd .amarillo {
	color: #F3F01C;	
}

#gorpua .hd .azul {
	color: #093DAD;
}

#gorpua .hd .verde {
	color: #0c7210;
}

#gorpua .hd .blanco {
	color: #fff;
}

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

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

#eduki ul,
#eduki ol {
	margin: 0 0 20px 0;
}

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

#eduki ol li {
	list-style-type: decimal; margin: 0 0 4px 25px;
}

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

#eduki h2 {
	font-size: 240%; font-weight: normal; color: #128517; margin-top: 20px; 
}

#eduki h3 {
	margin-top: 20px; font-size: 170%; color: #fb7402; font-weight: normal;
}

#eduki h3 a {
	color: #fb7402; text-decoration: none;
}

#eduki h4 {
	margin: 5px 0 0 0; padding: 0; font-size: 150%; color: #111; font-weight: bold;
}

#eduki h4 a {
	color: inherit; text-decoration: none;
}

#eduki h4 a:hover {
	color: #000;
}

#eduki .uno {
	padding-left: 36px; background: url(img/bg/uno.png) no-repeat left center; height:30px;
}

#eduki .dos {
	padding-left: 36px; background: url(img/bg/dos.png) no-repeat left center; height:30px;
}

#eduki .tres {
	padding-left: 36px; background: url(img/bg/tres.png) no-repeat left center; height:30px;
}

.path {
	padding: 0 0 5px 4px; margin: 0 0 5px 0; font-size: 90%; color: #444;
}

.path a {
	color: #444;
}

.path a:hover {
	color: #000;
}

#eduki .res {
	margin: 10px 0 15px 0; padding: 5px; background: #FFFEC6; border: solid #FBE232; border-width: 1px; font-size: 100%; 
}

#eduki .info {
	margin: 10px 0 20px 0; padding: 4px 4px 4px 55px; background: #FFFEC6 url(img/bg/info.png) no-repeat 2px 10px; font-size: 90%; border: 1px solid #FBE232; 
}

#eduki .info em {
	background: #F2DA77;
}

#eduki .res h3, #eduki .res h4, #eduki .res p, #eduki .info h3, #eduki .info h4, #eduki .info p {
	margin: 0; padding: 0;
}

#eduki p.pie {
	clear: both; margin-top: 10px; font-size: 85%; color: #333;
}

#eduki p.imgleft {
	float: left; margin: 0 15px 0 0; text-align: center; font-weight: bold; font-size: 90%;
}

#eduki p.imgright {
	float: right; margin: 0 0 0 15px; text-align: center; font-weight: bold; font-size: 90%;
}

/*-----------------------------------------------------------------
	GORPUA: HOME
-----------------------------------------------------------------*/

#promo {
	width: 770px; height: 300px; display:block; margin: 0; padding: 15px 0 0 0; 
}

#promo div.b {
  width: 750px; height: 280px; padding: 10px; cursor:pointer;
}

#promo h2 {
  font-size: 300%; font-family: "Trebuchet MS"; font-weight: normal; margin: 10px 0 15px 0; 
}

#promo h2 a {
	text-decoration: none; color: #ffff00;
}

#promo1 {
	background: url(img/home/obsesionados.jpg); display: block; 
}

#promo2 {
	background: url(img/home/afiliados.jpg); display: none; 
}

#promo2 div {
	margin-left: 2px; color: #fff; line-height:120%; font-size:150%;
}

#promo2 p {
	margin: 0; color: #fff; line-height:120%; font-size:150%;
}

#promo3 {
	background: url(img/home/constructor.jpg); display: none; 
}

#promo3 div {
	margin: -5px 0 0 2px; color: #fff; line-height:120%; font-size:150%;
}

#promo4 {
	background: url(img/home/porque.jpg); display: none; 
}

#promo4 div {
	margin-left: 2px; color: #fff; line-height:120%; font-size:150%;
}

#swpromo {
  margin:-20px auto 0px auto; text-align:center;
}

/***** BUSCADOR DOMINIOS *****/

#dominios {
	display: block; margin: 15px 0 0 0; padding: 10px 10px 10px 40px; height: 80px; background: #144282; color: #fff; 
}

#dominios form {
	display:inline; width: 490px; float:left;
}

#dominios legend {
	font-size: 180%; margin-bottom: 4px; display: inline; color: #fff; 
}

#dominios div {
	height: 48px; background: url(img/iconos/flecha.png) no-repeat 5px 0px; padding: 8px 0 3px 50px;
}

#dominios input.sld {
	width: 167px; padding: 3px 0 3px 0; margin: 0px; background: #D7E7F8; font-weight: bold;  vertical-align: middle; display:inline;
}

#dominios select {
	margin: 0px; padding: 2px 0 2px 0; background: #D7E7F8; font-weight: bold; vertical-align:middle; display:inline;
}

#dominios option {
	 padding-right: 4px;
}

#dominios input.send {
	vertical-align: middle; margin: 0 0 0 10px; padding: 0; border: 0; background: url(img/bt/bilatu.png) no-repeat; width:106px; height:25px; cursor: pointer;
}

#dominios input:focus, #dominios select:focus {
	background: #fff;
}

#dominios ul {
	float:right; display:inline; width: 210px; height: 80px; margin: 4px 10px 4px 0; padding:0px; list-style-type: none; color: #fff; font-size: 85%;
}

#dominios ul a {
	color: #fff; padding: 0 3px 0 3px; text-decoration: none; background: #BA3131;
}

#dominios ul a:hover {
	background: #AC1E1E;
}

#dominios li {
	padding:0px; margin: 0 0 1px 0;
}

/***** GLOBOS *****/

#globos {
	display: block; margin: 15px 0 -5px 0; padding: 0;
}

#globos img {
	display: inline; float: left; margin: 0 16px 0 0;
}

#globos img.r {
	display: inline; float: left; margin: 0;
}

#globos ul.blog {
	display: inline; float: left; margin: 0; padding: 68px 5px 5px 5px; background: url(img/home/globo_blog.jpg); width: 236px; height: 67px; 
}

#globos ul.blog li {
	 font-size: 90%; list-style: disc inside; color: #ffff00; margin-left: 4px; line-height: 16px;
}

#globos ul.blog a {
	color: #000; text-decoration: none;
}

#globos ul.blog a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------------
	GORPUA: HASI
-----------------------------------------------------------------*/

div.tour {
	clear: both;
}

div.tour img {
	float: left; display: inline; margin: 0 15px 15px 0; padding: 3px; border: 3px solid #eee;
}

div.planak span {
	display: inline; float: left; margin: 0 20px 0 0; 
}

#eduki div.planak ul {
	 float: left; display: inline; width: 190px; margin: 0; 
}

#eduki div.planak li {
	color: #666; font-size: 90%; list-style: disc inside;
}

#eduki div.planak li:hover {
	color: #000; 
}

#eduki div.planak li.title {
	margin-bottom: 5px; font-size: 140%; list-style: none; color: #000; text-align:center;
}

#eduki div.planak li.title a {
	color: #000; text-decoration: none;
}

/*----------------------------------------------------------------
	GORPUA: TESTIMONIOS
-----------------------------------------------------------------*/

#eduki ul.testimonios li {
	margin: 0 0 20px 10px; list-style-type: none; text-indent: 3%; font-style: italic; color: #333; 
}

#eduki ul.testimonios li em {
	display: block; margin-right: 10px; text-align: right; font-style: normal; color: #000; 
}

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

table.planak {
	width: 575px; margin: 10px 0 0 0; border-collapse: collapse; font-size: 13px;
}

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

table.planak thead td {
	padding: 8px 4px; text-align: center;
}

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 tr.title {
	border: solid #ccc; border-width: 0 0 1px 0; background: #eee;
}

table.planak tbody tr.title td {
	text-align: left; font-weight: bold; 
}

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

table.planak tbody td.feature {
	text-align: left; font-size: 95%;
}

table.planak b {
	color: #144282;
}

/*----------------------------------------------------------------
	GORPUA: DOMINIOS
-----------------------------------------------------------------*/

.dominio form {
	height: 66px; padding: 10px 20px 10px 20px; margin: 10px 25px 10px 25px; background: url(img/bg/buscador_dominios.png);
}

.dominio legend {
	font-size: 180%; margin-bottom: 4px; color: #000; display: inline;
}

.dominio div {
	height: 48px; background: url(img/iconos/flecha.png) no-repeat 5px 0px; padding: 8px 0 3px 60px;
}

.dominio input.sld {
	width: 167px; margin: 0px; border: 1px solid #ccc; background: #fff;
}

.dominio select {
	margin: 0px; border: 1px solid #ccc; background: #fff;
}

.dominio option {
	padding-right: 4px;
}

.dominio input.send {
	vertical-align: middle; margin: 0 0 0 10px; padding: 0; border: 0; background: url(img/bt/bilatu.png) no-repeat; width:106px; height:25px; cursor: pointer;
}

.dominio input:focus, .dominio select:focus {
	background: #fff;
}

/*----------------------------------------------------------------
	GORPUA: APLICACIONES
-----------------------------------------------------------------*/

div.app {
	height: 128px; padding: 0 5px 5px 5px; margin: 0 0 20px 0;
}

div.app img {
	float: left; margin-right: 15px;
}

/*----------------------------------------------------------------
	GORPUA: IMAGEN
-----------------------------------------------------------------*/

.banner {
	display: block; margin: 0 0 20px 0;
}

.banner img {
	display: inline; margin-left: 20px;
}

.banner textarea {
	display: inline; position:relative; left: 60px; width: 370px; height: 60px; font-size:70%; color: #808080; background: #F5F5F5; border: 1px solid #999;
}

.banner em {
	display: block; position:relative; left: 180px; color: #999; font-size: 80%;
}

/*-----------------------------------------------------------------
	GORPUA: CHIVATO
-----------------------------------------------------------------*/

table.chivato {
	width: 565px; border: 0; margin: 0;  border-collapse: collapse;
}

table.chivato td {
	border-bottom: solid #3e6aac 1px; padding: 4px 0 4px 0; text-align: left;
}

table.chivato td.zerb {
	width: 80px; font-weight: bold;  
}

table.chivato td.ok {
	background: url(img/chivato/ok.png) no-repeat center left; padding-left: 18px; 
}

table.chivato td.err {
	background: url(img/chivato/err.png) no-repeat center left; padding-left: 18px;
}

/* ######################################################################################################
	BURUA
###################################################################################################### */

#goia {
	width: 100%; margin: auto; background: url(img/bg/azul.png); border: solid #144282; border-width: 0 0 1px 0; text-align: left;
}

#burua {
	width: 776px; height: 80px; margin: auto; padding: 5px 0 0 0; 
} 

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

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

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

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

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

#burua .estekak li.lang a {
	text-decoration: none;
}

#burua .estekak li.lang img {
	vertical-align: middle;
}

#burua .menua {
	width: 575px; float: left; display: block; margin: 0; padding-top: 40px; text-align: center; font-size: 95%; 
}

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

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

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

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

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

#submenu {
	 margin: auto; background: #D7E7F8; text-align: center; padding: 3px; font-weight: bold; font-size: 95%;  line-height: 26px;
}

#submenu a,
#submenu a:hover {
	margin: 0px 8px 0px 8px; padding: 2px; color: #3F6091; text-decoration:none;
}

#submenu a:hover {
	border: solid #144282; border-width: 0px 0px 2px 0px;
}

#submenu a.on {
	background: #144282; color: #fff; border: 0px;
}

/* ######################################################################################################
	OINA
###################################################################################################### */

/*-----------------------------------------------------------------
	ZUTABEA
-----------------------------------------------------------------*/

#zutabe p {
  margin: 5px 0 10px 0;
}

#zutabe .menu {
	margin: 0 0 30px 0; padding: 0 0 10px 0; background: #ECF5FF url(img/bg/rmenu_bottom.png) no-repeat bottom center; 
}

#zutabe .menu h2 {
	width: 176px;  padding: 0 0 2px 4px; text-align: left; color: #fff; font-weight: normal; font-size: 110%; line-height: 28px;
	background: url(img/bg/rmenu_h2.png) no-repeat 0 0; 
}

#zutabe .menu h2 a {
	color: #fff; text-decoration: none; margin-left: 5px;
}

#zutabe .menu h2 a:hover {
	color: #eee;
}

#zutabe .menu ul {
	margin: 0px; background: #fff;
}

#zutabe .menu li {
	list-style-type: none; margin: 1px 0 2px 0; 
}

#zutabe .menu li a {
	width: 166px; height: 20px; display: block; padding: 2px 0 2px 14px; background: #ECF5FF url(img/bg/rmenu_dot.png) no-repeat 5px 50%;
}

#zutabe .menu li a:hover {
	color: #fff;  background: #376fc4 url(img/bg/rmenu_dot2.png) no-repeat 5px 50%; 
}

#zutabe .menu li a.on {
	color: #fff; background: #144282 url(img/bg/rmenu_dot2.png) no-repeat 5px 50%; 
}

#zutabe .box {
	width: 178px; border: 1px solid #ccc; margin: 0 0 15px 0; font-size: 90%;
}

#zutabe .box h2 {
	padding: 6px; margin: 0 0 2px 0; border: solid #ccc; border-width: 0 0 1px 0; background: #eee; font-size: 120%; color: #444;
}

#zutabe .box ul {
	margin: 4px 0 8px 0;
}

#zutabe .box li {
	margin: 2px 0 4px 18px; list-style-type: square; color: #666;
}

#zutabe .box p {
	padding: 4px 4px 4px 8px; margin: 0;
}

#zutabe .box b.h {
	font-size: 160%; color: #128517;
}

#zutabe .box p.garantia {
	padding: 4px 20px 20px 8px; background: url(img/bg/satisfaccion.jpg) no-repeat bottom right;
}

#zutabe .box a.txt {
	color: #000; text-decoration:none;
}

#zutabe .box a.txt:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------------
	LINKS
-----------------------------------------------------------------*/

#links { 
	margin: 30px auto 0px auto; width: 730px; padding: 15px; background: #e8f3ff; border: 1px solid #D7E8F9; border-width: 1px;  
}

#links ul {
	display: inline; float:left; margin: 0 15px 0 0; padding: 0; font-size: 90%; width: 130px; list-style:none;
}

#links h4 {
	font-size: 130%; margin: 0 0 10px 0; color: #128517; font-weight: normal;
}

#links li {
	border: 1px solid #7D9FD3; border-width: 0 0 1px 0;
}

#links li.title {
	border: 0;
}

#links ul a {
	 display: block; width: 130px; padding: 3px 0 3px 1px; color: #5087D3; text-decoration: none;
}

#links ul a:hover {
	background: #B2D7FE; color: #144282;
}

#links div.right {
	display: inline; float:right; margin: 0; width: 220px; font-size: 90%; text-align: left; 
}

/*-----------------------------------------------------------------
	COPY
-----------------------------------------------------------------*/

#copy {
	padding: 10px; color: #ccc; font-size: 85%; background: url(img/bg/azul.png);
}

#copy .wrap {
	margin: auto; width: 776px; 
}

#copy a {
	color: #ccc;
}

#minilogo {
	float:right; display: inline; margin: -17px 0 0 0;
}

/* ######################################################################################################
	ELEMENTUAK
###################################################################################################### */

br.clean { clear: both; }
br.fix { clear:both; height:0; margin:0; padding: 0; }
b.guebs { font-weight: bold; color: #144282; }
b.g { font-weight: bold; color: #629422; }
small { font-size: 85%; }
a { color: #1C5EB7; text-decoration: underline; }
a:hover { color: #555; }
.right { text-align: right; }

/*-----------------------------------------------------------------
	ELEMENTUAK: LINKS
-----------------------------------------------------------------*/

a.button {
	font-size: 80%; padding: 3px 5px 3px 5px; margin: 0px 4px 0px 4px; border: 1px solid #3e6aac; background: #144282; font-weight: bold; color: #fff; text-decoration: none;
}

a.button:hover {
	background: #3e6aac;
}

a.azul {
	padding: 2px 6px 2px 6px; background: url(img/bg/boton_azul.png) repeat-x; font-size: 90%; font-weight: bold; color: #fff; text-decoration: none; 
	cursor:pointer;
}

a.azul:hover {
	background: #3e6aac;
}

a.mail {
	padding-left: 20px; background: url(img/iconos/vemail.png) top left no-repeat;
}

a.soporte {
	padding-left: 20px; background: url(img/iconos/vsoporte.png) top left no-repeat;
}

a.wiki {
	padding-left: 20px; background: url(img/iconos/wiki.png) top left no-repeat;
}

a.comprar {
	float: right; width: 55px; height: 20px; margin: 0; background: url(img/bt/comprar.png); 
}

a.comprar:hover {
	background: url(img/bt/comprar_on.png);
}

/*-----------------------------------------------------------------
	ELEMENTUAK: FORMULARIOAK
-----------------------------------------------------------------*/

input, select, textarea {
	background: #F9FBFF; margin: 0px 2px 0px 0px; padding: 1px; border: 1px solid #144282; 
}

input:focus, textarea:focus {
	background: #ECF5FF;
}

input.button {
	font-size: 80%; padding: 1px 5px 1px 5px; margin: 0px 4px 0px 4px; border: 1px solid #6892d0; background: #144282; font-weight: bold; color: #fff;
}

input.button:hover {
	background: #3e6aac;
}

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

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

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

#Form div {
	clear: left; width: 100%; margin: 5px 0 5px 0; padding: 5px 10px 5px 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: 140px; margin: 2px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right;
}

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

#Form p.tip {
	clear: both; margin: 0 0 0 147px; display: block; font-size: 12px; color: #444;  padding: 4px 0 0 18px; background: url(img/bg/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/bg/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/bg/zuzena.png) no-repeat top left; border: dotted #128517 4px;
}

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