/*
Theme Name: EHSONA
Theme URI: http://wordpress.org/
Description: euskal herria sona theme
Version: 1.5
Author: Igotz Ziarreta
Tags: 


*/


@import url('yui-reset.css');

*{
border:0px solid #eee;
margin:0;padding:0;
list-style:none}

html,body,#bg,#bg table,#bg td,#cont{
width:100%;
height:100%;
overflow:hidden}

body{font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:10px;
cursor:default;
background:url(fondo.gif);
color:#fff}

h1,h2,.large,.left{
font-family:Helvetica,Arial,"Century Gothic","Lucida Grande",Arial,sans-serif;
font-size:40px;
}

h2,.box div img{
padding-bottom:10px}

a{text-decoration:none;
color:#fff;
outline:0}

img{display:block}



/***********************************************/
/*                                             */
/*       CLASS                                 */
/*                                             */
/***********************************************/

#bg div{
position:absolute;
width:200%;
height:200%;
top:-55%;
left:-50%}

#bg td{
vertical-align:middle;
text-align:center}

#bg img{
min-height:50%;
min-width:50%;
margin:0 auto}

/* bloque de textos */
#cont{
position:absolute;
z-index:1;
top:0;
left:0;
overflow:auto}



/***********************************************/
/*                                             */
/*       MENU                                  */
/*                                             */
/***********************************************/
/* Bloque general */

/*#menu{position:absolute;
bottom:225px;
left:141px;
z-index:80;
width:100%;
line-height:12px}*/

/* Texto goto china */

/*h1{
position:relative;
left:-141px;
margin-bottom:-63px;
width:140px;
opacity:0.99}

h1 a{
padding:41px 10px 10px 0;
color:#fff;
background:#000 url(go.gif) 0 -30px repeat-x;
font-size:20px;
text-align:right;
display:block}

h1 a:hover{
background:#000 url(go.gif) 0 43px repeat-x}*/

/* Parte del menu con transparencia */

/*#menu div{
height:56px;
background:#000;
opacity:0.6;
filter:alpha(opacity=60);
padding:7px 0 0 7px}

ul{
float:left;
width:110px}*/

/* menu del texto */

/*li a{
height:12px;
padding:0 5px;
font-weight:bold;
color:#999;
display:block}

li a:hover,li.cur a{color:#fff}*/


/***********************************************/
/*                                             */
/*       LOGO                                */
/*                                             */
/***********************************************/
/* Bloque general */

#logo{
position:absolute;
z-index:10;
bottom:5%;
left:5%;
width:200px;
line-height:12px}

#euskal
{
	position: relative;
	width: 450px;
	float: right;
	top: 10px;
	font-size:11px;
	text-align: center;
	vertical-align: top;
	display: block;
}

#euskal img
{
	position: relative;
	top: -10px;
	float: left;
	display: block;
}



/***********************************************/
/*                                             */
/*       TITULO                                */
/*                                             */
/***********************************************/


/* posicion del bloque de texto */
.box
{
	position: absolute;
	top: 20%;
	right: 10%;
	width: 450px;
	padding-bottom: 5%;
	/*left: 200px;*/
}

.boxdos
{
	position: absolute;
	top: 15%;
	width: 300px;
	padding-bottom: 100px;
	left: 10%;
}

.boxtres
{
	position: absolute;
	top: 70%;
	width: 500px;
	padding-bottom: 100px;
	left: 200px;
}
.box div
{
	line-height: 1.5em;
	/*background: #fff;*/
	/*padding: 20px 30px;*/
}

.box div a { text-decoration: underline; }

.large
{
	text-align: left;
	top: 20%;
	right: 120px;
	font-size: 13px;
}

.left
{
	text-align: left;
	right: auto;
	left: 180px;
	font-size: 13px;
}

.large h2{font-size:30px}

.white{color:#fff}

.whitesubtitular
{
	color: #FFF;
	font-size: 20px;
}

h3
{
	position: relative;
	border-bottom-width: 1px;
	padding: 30px 30px 10px 30px;
	margin: 0 -30px 20px -30px;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: bold;
}
h3 span
{
	position: absolute;
	right: 510px;
	top: 29px;
	background: #000;
	text-align: center;
	padding: 0 5px;
	white-space: nowrap;
	display: block;
	color: #fff;
	font-weight: normal;
}

dl { margin: 10px 0 10px 0; }
dt,dd p
{
	font-size: 12px;
	padding: 15px 0 25px 0;
	display: block;
	border-top-width: 1px;
	width: 390px;
}
dt
{
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 5px 0 5px;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	width: 380px;
}
dd{height:0px;overflow:hidden;width:440px}

#photos{/*position:absolute;z-index:90;*/bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{/*z-index:90;*/height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}


.rojo
{
color: #E1007A;
}

/********************************************************/
/*														*/ 
/*  VENTANA ABOUT										*/
/*														*/
/********************************************************/
#about
{

	position:relative;
	z-index:10;
	height: 0px;
	color: #fff;
	display: none;
	background: #f33;
	/*background-image: url(images/fondoc.jpg);*/
	background-repeat: repeat;

}
.about-width
{
	width: 1020px;
	/*margin: 0 auto;*/
}
#about-da-logo
{
	background: url(images/deabruklogo.png) center left no-repeat;
	width: 50px;
	height: 140px;
	float: left;
	margin-top: 0px;
	margin-left: 75px;
	border-right: 2px solid #fff;
	padding-right: 50px;

}
#about-middle
{
	float: left;
	margin-top: 35px;
	margin-left: 20px;
}
#about-details
{
	width: 318px;
	height: 65px;
	display: block;
	background-image: url(images/texto.png);
	background-repeat: no-repeat;
}

#about-details
{
	color: white;
	font-family: Helvetica, Arial;
	font-size: 15px;
	line-height: 15px;
	font-style: normal;
	font-weight: 500;
}

span.tit
{
	font-size: 20px;
	line-height: 20px;

}

span.text
{
	font-size: 10px;
	line-height: 15px;
	font-weight: 100;
	color: #DDD;
}

span.frase
{
	font-size: 13px;
	line-height: 13px;
	font-weight: 100;
	color: #999;
	padding-top: 10px;
}

#about-email
{
	color: #fff;
	width: 194px;
	height: 19px;
	display: inline;
	background-image: url(../../../images/backgrounds/about-email.jpg);
	background-repeat: no-repeat;
}
#about-email:hover { background-position: bottom; color: #f33; text-decoration:none;}
#about-logos
{
	width: 202px;
	height: 117px;
	float: right;
	margin-top: 82px;
	margin-right: 80px;
	/*background-image: url(http://www.igotz.org/wp-content/uploads/2009/01/inutil.png);*/
	background-repeat: no-repeat;
}
.about-button-container
{
	
	position:relative;
	z-index:10;
	top:0px;
	left:0px;
	width: 100px;
	/*margin: 0 auto 0 auto;*/
}
#about-button
{
	display: block;
	width: 34px;
	height: 36px;
	float: right;
	background-image: url(images/boton.png);
	background-repeat: no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#about-button:hover { background-position: top; }
#close-button
{
	width: 34px;
	height: 36px;
	float: right;
	display: none;
	background-image: url(images/open.png);
	background-repeat: no-repeat;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#close-button:hover { background-position: bottom; }
.show {display: none;}

/********************************************************/
/*														*/ 
/*  PAGINACION      									*/
/*														*/
/********************************************************/


	div.pagination
	{
		padding: 0px 0px 0px 0px;
		margin: 20px 10px 10px 10px;
		text-align: right;
		display: block;
		height: 50px;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none; /* no underline */
		color: #FFFFFF;
		background: #000000;
	}
	div.pagination a:hover, div.pagination a:active {
		background: #333333;
		color: #FFF;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;

		font-weight: bold;
		background-color: #f36;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}