/**
 * Estilo comic
 *
 * @author  Adnan & German  
 * @version 26/Nov/2008
 *
 * colores
 * #ffa500 Naranja
 * #F1D9E12
 * #ca402a rojo intenso
 * #7ab01f verde
 */


/**************************
 *
 * ESTILOS GENERALES  
 *
 ***/  
 
body  {
font-family: Tahoma, "DejaVu sans", sans-serif;
font-size: 95%;  /* Tamaño base */}

textarea, input, select  {
font-family: Tahoma, "DejaVu sans", sans-serif;
font-size: 100%;  /* Tamaño base */}

/* Especial: quitar error de barra overflow cuando se clicka sobre un enlace alineado a la derecha  */
a:focus  { outline: none ; }

a:active { border:none;} 

/* Optimización  */
* {
margin: 0;
padding: 0;}

p { margin: 1em 0;}
a { text-decoration: none }
#contenido a { text-decoration: underline}

a img { 
border: none } 

h2 { font-size: 1.40em }
h3 { font-size: 1.20em }
h4 { font-size: 1.10em }


/**************************
 *
 * LAYOUT 
 * Definir posicionado, tamaño, margenes, rellenos, fondo, y tamaño
 * de fuente base.
 ***/  

body {
background: url(./irudiak/v2010_fondo.jpg) no-repeat top center ;}

#pagina {
position: relative;
width: 910px;
margin: 0px auto;}

   #menuSkip {
   display: none; }

   #menuAccesibilidad {
   position: absolute ;
   font-size: 0.75em;
   top: 4px;
   z-index: 3;
   text-align:right;
   right: 160px;}

   #cabecera{
   font-size: 0.75em;
   position: relative;
   height: 146px;}

      #hizkuntza {
      position:absolute;
      top:11px; 
      right:52px;	}
   
      #nagusia{     
   	}
   	   
      #form_bilatzaile {
      position: absolute;
      top: 25px;
      right: 159px;
      width: 200px;
      height: 80px;
      text-align: right; }
            	
   	#erabiltzaileLogin{
   	position: absolute;
   	top: 89px;   	   	
   	background:url(./irudiak/login.png) top left no-repeat ;
   	z-index:2;  }
   	     
      #erabiltzaileenDatuak {       
      position: absolute;
      top: 89px;      
      z-index: 2;      
      background:url(./irudiak/login_act.png) top left no-repeat ;}

   	
  #cuerpo {
  clear: both;
  padding: 30px 0px 0px 10px;
  overflow: visible; }

      #contenido {            
      float: left; 
      width: 512px;
      padding-left: 0px;
      min-height: 325px;
      margin-right: 58px;}
            
      #paginaGestioa #contenido { 
      float: none;
      padding: 0;
      width: 94%;
      margin: 10px auto ; }
  
      #menuContenido {      
      float: left;
      position: relative;            
      padding-top: 20px;
      padding-bottom: 10px;
      font-size: 0.875em;
      width: 310px;}


  #pie {  
  clear: both;
  margin: 0px 0px 10px 10px;
  height: 50px;
  font-size: 0.75em;
  background: #000 url(irudiak/pie_fondo.png) top left no-repeat;
  color: #DDD;
  border-radius: 12px;
  -moz-border-radius: 12px;
  padding: 12px 24px;}

      #avisosLegales {
      text-align:right; }
      
      #tecnologiasUsadas {
      text-align:right;  }

      


/************
 * menuAccesibilidad
 */	

#menuAccesibilidad dt { display: none }
#menuAccesibilidad dd {
display:inline;  
padding-left: 0.5em;
text-transform: lowercase;
font-weight: bold;}
#menuAccesibilidad dd a       { color: #fff; }
#menuAccesibilidad dd a:hover { color: #000; }

#menuAccesibilidad dd + dd { border-left: 1px solid #fff; margin-left: 0.5em; }

		     
/*****************************
 * 
 * MARCA
 *
 ***/

#cabecera h1 {
position:absolute;
top:5px;
left:137px;} 

#cabecera h1 a {
background:  url(./irudiak/v2010_titulo.png) no-repeat ;
width:283px;
height:60px;
display: block;}

#cabecera h1 a:hover {
background-image:url(./irudiak/v2010_titulo_hover.png);}

#cabecera h1 a span { 
display: none;}


/************
 * Idioma 
 */

#hizkuntza dt {
display:none;}      

#hizkuntza dd {
display:inline;
font-size:12px;}

#hizkuntza dd + dd  {
border-left : 2px #000 solid;
padding-left: 6px;
margin-left : 3px;}

#hizkuntza dd a       { color:#000; font-weight:bold;}
#hizkuntza dd a:hover { color: #ffa500;}

      
/******
 * Erabiltzaile
 */

#loginError { 
background-color: #CC0000;
font-weight: bold;
color: #fff;
padding: 0.25em 0.5em;
margin: 1.5em 0 0.5em 0; }

#erabiltzaileLogin div.titulo { display:none }

#erabiltzaileLogin form { padding: 8px 4px 1px 8px;}

#erabiltzaileLogin label {
display: block;
float: left;
clear: left;
width: 40px;
margin-bottom: 4px;
padding-left:4px;}

#erabiltzaileLogin form #il,
#erabiltzaileLogin form #ip {
float: left;
margin-bottom: 4px;
border:none;
width:60px;}

#erabiltzaileLogin input.botoiak{
border: 1px #f0f0f0 solid;
border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
font-size: 10px;
bottom: 10px;
right: 28px;}

#erabiltzaileLogin .botoiak:hover{
background-color:#DF7401;}

#erabiltzaileLogin span.error { display: none }

#erabiltzaileenDatuak ul {
padding: 10px 12px 0 0;}

#erabiltzaileenDatuak li {
list-style: none;
text-align: right;
font-weight: bold;
padding-right: 23px;
padding-bottom: 8px;}

#erabiltzaileenDatuak li.izena    {background: url(irudiak/ataria_erabiltzaileak.png) top right no-repeat;}
#erabiltzaileenDatuak li.logout   {background: url(irudiak/ataria_irtera.png) top right no-repeat;}
#erabiltzaileenDatuak li.logout a {text-decoration: underline;color:#BF001A}



/******************************
 * Menu principal: nagusia 
 */

#nagusia dt {
display:none;}

#nagusia dd {
position: absolute;
top: 90px;
width: 142px;
height: 72px;  }

#a_elkarte.inactivo { background-image: url(./irudiak/espacio_ina.png);}
#a_lanalde.inactivo { background-image: url(./irudiak/trabajo_ina.png);} 

.eu #a_elkarte.inactivo { background-image: url(./irudiak/espacio_eu_ina.png);}
.eu #a_lanalde.inactivo { background-image: url(./irudiak/trabajo_eu_ina.png);} 

#nagusia dd {
position:absolute;
top: 88px;}

#a_noticias        {left: 22px;}
#a_agenda          {left:169px;}
#a_mapaAsociativo  {left:317px;}
#a_lanalde         {left:465px;}
#a_elkarte         {left:612px;}

#erabiltzaileenDatuak,
#erabiltzaileLogin {left:774px; }

/* 
 * Agenda de menus
 */


#nagusia a,
#erabiltzaileenDatuak,
#erabiltzaileLogin {
width:142px;
height:72px;
display:block;}

#a_noticias a                { background-image: url(./irudiak/noticias.png);}
#a_noticias a:hover          { background-image: url(./irudiak/noticias_hover.png);}
body.eu #a_noticias a        { background-image: url(./irudiak/noticias_eu.png);}
body.eu #a_noticias a:hover  { background-image: url(./irudiak/noticias_eu_hover.png);}

#paginaCiudadano    #a_noticias a       { background-image:url(./irudiak/noticias_a.png)    ; height:86px;}
#paginaCiudadano    #a_noticias a:hover { background-image:url(./irudiak/noticias_a_hover.png)}
#paginaCiudadano.eu #a_noticias a       { background-image:url(./irudiak/noticias_a_eu.png)    ; height:86px;}
#paginaCiudadano.eu #a_noticias a:hover { background-image:url(./irudiak/noticias_a_eu_hover.png)}

#a_agenda a        { background-image:url(./irudiak/agenda.png);}
#a_agenda a:hover  { background-image:url(./irudiak/agenda_hover.png);}
body.eu #a_agenda a        { background-image:url(./irudiak/agenda.png);}
body.eu #a_agenda a:hover  { background-image:url(./irudiak/agenda_hover.png);}

#paginaAgenda    #a_agenda a       { background-image:url(./irudiak/agenda_a.png)    ; height:86px;}
#paginaAgenda    #a_agenda a:hover { background-image:url(./irudiak/agenda_a_hover.png)}
#paginaAgenda.eu #a_agenda a       { background-image:url(./irudiak/agenda_a.png)    ; height:86px;}
#paginaAgenda.eu #a_agenda a:hover { background-image:url(./irudiak/agenda_a_hover.png)} 


#a_mapaAsociativo a {background-image:url(./irudiak/mapa.png);}
#a_mapaAsociativo a:hover {background-image:url(./irudiak/mapa_hover.png);}
body.eu #a_mapaAsociativo a {background-image:url(./irudiak/mapa_eu.png);}
body.eu #a_mapaAsociativo a:hover {background-image:url(./irudiak/mapa_eu_hover.png);}

#paginaMapaAsociativo    #a_mapaAsociativo a        {background-image:url(./irudiak/mapa_a.png); height:86px;}
#paginaMapaAsociativo    #a_mapaAsociativo a:hover  {background-image:url(./irudiak/mapa_a_hover.png); ;}
#paginaMapaAsociativo.eu #a_mapaAsociativo a        {background-image:url(./irudiak/mapa_a_eu.png); height:86px;}
#paginaMapaAsociativo.eu #a_mapaAsociativo a:hover  {background-image:url(./irudiak/mapa_a_eu_hover.png); ;}

#a_elkarte a               { background-image:url(./irudiak/espacio.png);}
#a_elkarte a:hover         { background-image:url(./irudiak/espacio_hover.png);}
body.eu #a_elkarte a       { background-image:url(./irudiak/espacio_eu.png);}
body.eu #a_elkarte a:hover { background-image:url(./irudiak/espacio_eu_hover.png);}

#paginaElkarte    #a_elkarte a       { background-image:url(./irudiak/espacio_a.png)    ; height:86px;}
#paginaElkarte    #a_elkarte a:hover { background-image:url(./irudiak/espacio_a_hover.png)   }
#paginaElkarte.eu #a_elkarte a       { background-image:url(./irudiak/espacio_a_eu.png) ; height:86px;}
#paginaElkarte.eu #a_elkarte a:hover { background-image:url(./irudiak/espacio_a_eu_hover.png)   }

#a_lanalde a               {background-image:url(./irudiak/trabajo.png); }
#a_lanalde a:hover         {background-image:url(./irudiak/trabajo_hover.png); }
body.eu #a_lanalde a       {background-image:url(./irudiak/trabajo_eu.png); }
body.eu #a_lanalde a:hover {background-image:url(./irudiak/trabajo_eu_hover.png); }

#paginaLanalde    #a_lanalde a       {background-image:url(./irudiak/trabajo_a.png)    ; height:86px;}
#paginaLanalde    #a_lanalde a:hover {background-image:url(./irudiak/trabajo_a_hover.png) }
#paginaLanalde.eu #a_lanalde a       {background-image:url(./irudiak/trabajo_a_eu.png) ; height:86px;}
#paginaLanalde.eu #a_lanalde a:hover {background-image:url(./irudiak/trabajo_a_eu_hover.png) }

#a_noticias a span,
#a_agenda a span,
#a_mapaAsociativo a span,
#a_elkarte span,
#a_lanalde span,
#erabiltzaileLogin span{
display:none;}

#cabecera #a_gestioa  {
position: absolute;
top:  56px;
right: -7px;
z-index: 3;} 

#a_gestioa a {
display: block;
width: 136px;
height: 27px;
background-image: url(./irudiak/gestion_es.png) ; }

#a_gestioa a:hover {
background-image: url(./irudiak/gestion_es_hover.png) ; }

#a_gestioa a span { display: none } 

/************
 * Buscador 
 */

#cabecera #form_bilatzaile label { display: none }
#cabecera #form_bilatzaile #bi_izena { 
border: 1px solid #999; 
display: inline !important; 
background-color: #f2f2f2;
width: 130px;}
#cabecera #form_bilatzaile #bi_izena:focus { border-color: #FDA000; background-color: #fff}

#cabecera #form_bilatzaile #bi_reset { display: none }

#cabecera #form_bilatzaile #bi_submit {
margin-top: 2px;
background-color: #C3C7C0;
padding: 2px 3px;
border: none;
color: #fff }

#cabecera #form_bilatzaile #bi_submit:hover {
background-color: #F5A000;
color: #fff }

#cabecera #form_bilatzaile form { border-bottom: none }



/**************************************
 * 
 * CONTENIDO 
 *
 ***/

#contenido {
background-color: #fff;
color: #000 }

/* estilo genericos */
#contenido h2,
#contenido h3,
#contenido h4 {
margin: 1em 0 0.5em 0 }


#contenido h2,
#generico h2 {  /* ver cual es el genérico ) */
color: #7cb122;
text-transform: uppercase;
border-bottom: 2px dotted #7cb122;
padding: 25px 0px	5px 0px;
font-weight: bold;}

#contenido em,
#generico em {color:#000 !important;
font-size:0.8em;}
#contenido h2 + form[name='editar'] table {
border-right: 2px dotted #f0f0f0;
border-top: none; }


#paginaElkarte #contenido h2,
#paginaElkarte #contenido h3,
#paginaLanalde #contenido h2,
#paginaLanalde #contenido h3,
#paginaElkarte #contenido h3 a,
#paginaLanalde #contenido h3 a { color: #ca402a !important; border-color: #ca402a }

#paginaElkarte #contenido div.ondo h2 { color: #fff !important; border-color:#fff }

#contenido h3         { color: #FFA500;} /* @TODO: evaluar usabilidad */
#contenido h3 a       { color: #FFA500;}
#contenido h3 a:hover { color: #666}

#contenido h3.migas { font-size: 0.875em;}
#contenido h3.migas a {color: #FFA500; }
#contenido h3.migas a:hover {color: #666;}

#contenido li { margin-left: 2em}



/*********
 *
 * Textos introducción 
 * 
 ***/

#pagina .nodoTexto  {
min-height: 120px;
background-color:#f2f2e0;
border-radius: 72px 0px 72px 0px ;
-moz-border-radius: 72px 0px 72px 0px ;
margin: 24px 0px 15px 0px;
padding: 15px 30px 30px 30px;
color:#000}

#pagina .nodoTexto h2 {
font-size: 1em ;}

#pagina .nodoTexto h2 + h3 {
margin-top: 1em;}

dl.informativo dt {
margin-top: 1em;
font-weight: bold;}

dl.informativo dd {
margin-left: 1em;}


/*********
 *
 * Nodos
 * 
 ***/





/******************
 * 
 * berriak (noticias)
 * 
 ***/

div.berria {
background: url(irudiak/icono_berria.png) 5px 0px no-repeat;
padding-left : 40px;
margin: 1em 0;
padding-bottom: 1em;
overflow:auto;}

#contenido div.berria h3 {
margin-top: 0 ;
}

div.resumida {
border-bottom: 2px dotted #aaa;}

div.agenda div.data {
margin: 0.5em 0;
color: #666;
font-size: 0.75em;}


div.berria div.data {
color: #666;
font-size: 0.75em;}

div.agenda div.data em,
div.berria div.data em { 
color: #111;
font-style: normal }

div.berria div.data em:before { content: " | ";}

div.berria div.sarrera {
font-size: 0.875em;
margin-top: 1em;
margin-bottom: 0.5em;
/* text-align: justify; */
font-weight: bold; }

div.berria div.sarrera div.irudi,
div.berria div.sarrera div.irudi {
float: left;
padding: 0px 12px 12px 0;}

div.berria div.irudi,
div.berria div.irudi {
text-align: center ;
padding: 24px 12px;}


div.resumida div.sarrera {
font-weight: normal;
}

div.berria div.adjunto {
margin: 1em 0 1em 20%; 
padding: 2em;
background-color: #f2f2f2;
border-radius: 2em 0em 0em 0em;
-moz-border-radius: 2em 0em 0em 0em;}

div.berria div.adjunto dt {
text-transform: capitalize;
font-weight: bold }

div.berria div.testua {
color: #444;}


div.agenda div.gehiago,
div.berria div.gehiago {
clear: left;
font-size: 0.875em;
margin: 0.5em 0 0 0;
text-align: right;
padding-right: 30px;
padding-bottom: 15px;
background: url(./irudiak/icono_leer_mas.png) top right no-repeat;
color:#021F16 }

div.berria dl.enlaces {
margin: 1em 0 1em 20%; 
padding: 0.5em 2em;
border: 1px solid #d2d2d2;
border-radius: 2em 0em 0em 0em;
-moz-border-radius: 2em 0em 0em 0em;}

div.berria dl.enlaces dt {
text-transform: capitalize;
font-weight: bold;}



/**
 * adjuntos
 */

div.adjuntos  {
margin: 12px 0 !important;
border: 3px solid #7ab01f;}

#contenido div.adjuntos h3,
#contenido div.adjuntos h4 {
background-color: #7ab01f;
font-size: 14px;
padding: 4px 6px 4px 20px;
margin-top: 0px;
color: #fff;}

#contenido div.adjuntos h4 {
background-color:#B09D1F;
font-size: 12px;
width: 40%;}

div.navegacion {
width: 100%;
position: relative;
height: 1.2em }

div.navegacion ul { margin: 0 ; padding: 0 ;}
div.navegacion li { margin: 0 ; padding: 0 ; display: block }
div.navegacion #aurrekoak  { position: absolute; left : 0em; text-align: left ; width: 40%;} 
div.navegacion #hurrengoak { position: absolute; right: 0em; text-align: right; width: 40%;}


dl.historikoa dt {
margin: 1em 0 0.25em 0; 
font-weight: bold; 
border-bottom: 2px solid #7ab01f;
padding-bottom: 2px;
color: #7ab01f  } 

dl.historikoa dd {
padding-left: 5em;
position: relative;
border-bottom: 1px dotted #aaa;
padding-bottom: 2px;}

#contenido dl.historikoa dd.impar {
background-color: #f9f9f0;
}

#contenido dl.historikoa dd a{
text-decoration: none;
color: #000; }

#contenido dl.historikoa dd a:hover{
color: #F5A000 }

#contenido dl.historikoa dd a span{
left:0;
position: absolute;
display: block;
width: 4em;
color: #F5A000; }

 

div.agenda div.gehiago span,
div.berria div.gehiago span { display: none }

div.agenda div.gehiago a,
div.berria div.gehiago a      { color:#FCA913 !important}

div.agenda div.gehiago a:hover,
div.berria div.gehiago a:hover{ color:#000 }

div.agendaAmpliada div.sarrera {
font-weight: bold ;
color: #444;}

div.youtube {
text-align: right; /* chapuza! pero funciona oiga.. */
background: url(irudiak/tube.png) top right no-repeat;
padding: 20px 70px 10px 0px;
margin: 2em 0;}


/******************
 * 
 * Agenda
 * 
 ***/


#portadaNoticias { 
position: relative}

#agendaDeHoy { 
position: absolute;
bottom: 10px;
right: 0px;}

#agendaDeHoy a {
text-transform: uppercase;
font-weight: bold;
text-align: right;
padding-left: 35px;
padding-top: 2px;
padding-bottom: 25px;
background: url(./irudiak/agendaDeHoy.png) top left no-repeat;
color:#FFA500}

#agendaDeHoy a:hover { color: #666}

div.agenda    { margin-top: 2em; padding-bottom: 10px; border-bottom: 1px dotted #666}
#pagina div.agenda h3 {  margin: 0.25em 0; padding:0}
#pagina div.agenda div.antetitulo { font-weight: bold; color:#666; font-size: 0.8em}

#pagina div.agenda .sarrera p,
#pagina div.agenda .testua p { margin: 0 0 1em 0;} 


dl.agendaFitxa {
background-color: #f2f2f2;
width: 80%;
margin: 0.25em 0;
border-radius: 0px 1em 0 0;
-moz-border-radius: 0px 1em 0 0;
padding: 0.25em 0.5em;}

dl.agendaFitxa dt { font-weight: bold }

div.google_map {
margin: 2em 0 1em 0}


/*
 * lista de la agenda
 */
#pagina ul.agenda         { margin-bottom: 1em }  
ul.agenda span    { color: #FFA500 }
ul.agenda li      { border-bottom: 1px dotted #333;
                    display: block;
                    background: url(irudiak/bt_flecha.png) 0px 0.5em no-repeat;
                    padding: 0px 0 6px 12px ;}
ul.agenda a       { color: #333; text-decoration:none !important }
ul.agenda li a:hover span,
ul.agenda li a:hover      { color: #7AB01F  }


#indexBerriak ul.agenda li { background: transparent;}


/**
 * Entrevistas
 */

div.entrevista div.autor-inicio,
div.entrevista div.autor-final,
div.entrevista div.entradilla,
div.entrevista div.texto,
div.entrevista img { 
padding-left: 3em}

div.entrevista  {
margin-bottom: 30px;}

div.entrevista div.antetitulo {
margin-top: 30px;
color: #666;
text-transform: lowercase;}

div.entrevista div.autor-inicio {
font-style: italic;
font-weight: bold;
color: #666;}

div.entrevista h3 {
margin-top: 0px !important}

div.entrevista div.entradilla { 
margin: 0 0 1em 0;
font-weight: bold }

div.entrevista div.autor-firma {
margin: 1.5em 0 1em 0 ;
font-style: italic;
border-right: 0.5em #000 solid;
padding-right: 0.5em;
text-align:right }


ul.entrevistas-lista li { 
display: block;
border-bottom: 1px dotted #999 ;
margin: 1em  0;
padding-bottom: 0.25em}
ul.entrevistas-lista span { display: block; color: #444 }
ul.entrevistas-lista a { color: #FFA500; text-decoration: none !important; font-weight: bold; }
ul.entrevistas-lista a:hover { color: #000 }
ul.entrevistas-lista span.antetitulo {  }
ul.entrevistas-lista span.autor      { font-style: italic; text-align:right }

/**************
 *
 * BUSQUEDAS
 *
 */

.bilaketak dt  {
font-weight: bold;
padding-top: 0.5em; }

.bilaketak dd  {
color: #666 }

.bilaketak dd a       {color: #ffa500}
.bilaketak dd a:hover {color: #C00}


/*** 
 * estekak (enlaces) 
 */

#contenido ul.sailkapenak {
margin: 1em 0 2em 0;
background-color: #000;
overflow: auto; 
border-radius: 0 24px 0 0 ;
-moz-border-radius: 0 24px 0 0 ; 
 }

#contenido ul.sailkapenak li {
display: block; 
float: left; 
padding: 5px; 
margin: 0; }

#contenido ul.sailkapenak li.actual { background-color: #fff }
#contenido ul.sailkapenak li.actual a:hover { color: #000; }
#contenido ul.sailkapenak li + li   { border-left: 1px dotted #fff;}

#contenido ul.sailkapenak a       { color: #FDA31F; text-decoration: none; font-weight: bold; }
#contenido ul.sailkapenak a:hover { color: #fff   ; text-decoration: none; }


/***
 * agenda-sailkapena 
 */

#contenido ul.agenda-sailkapenak {
margin: 1em 0 2em 0;
overflow: auto;  
}

#contenido ul.agenda-sailkapenak li {
background-color: #aaa;
display: block; 
float: left;
width: 26%; 
padding: 1% 2%;
height: 4em; 
margin: 0 10px 10px 0 ;
-moz-border-radius: 0 12px 0 6px }

#contenido ul.agenda-sailkapenak li.tipo_1 { background-color: #8ae234}
#contenido ul.agenda-sailkapenak li.tipo_2 { background-color: #fcaf3e}
#contenido ul.agenda-sailkapenak li.tipo_3 { background-color: #729fcf}
#contenido ul.agenda-sailkapenak li.tipo_4 { background-color: #ad7fa8}
#contenido ul.agenda-sailkapenak li.tipo_5 { background-color: #fce94f}
#contenido ul.agenda-sailkapenak li.tipo_6 { background-color: #e0e0e0}

#contenido ul.agenda-sailkapenak li.actual { background: #000 url(irudiak/agenda_actual.png) bottom center no-repeat; }
#contenido ul.agenda-sailkapenak li.actual a       { color: #fff; }
#contenido ul.agenda-sailkapenak li.actual a:hover { color: #f5a600; }

#contenido ul.agenda-sailkapenak a       { color: #000; text-decoration: none; font-weight: bold; }
#contenido ul.agenda-sailkapenak a:hover { color: #777   ; text-decoration: none; }




#estekak h3 { margin: 1em 0 0.5em 0 }
#estekak .esteka {
padding-left: 30px; 
margin: 1em 0 }


/***
 * encuestas
 */

form.f_encuesta h3 em {
color: #666 }
 
form.f_encuesta {
margin: 1em 0;
width: 211px;
background-color: #F3EE7D;
padding: 4px 7px 12px 7px;
border-radius: 0px 20px 0px 0px;
-moz-border-radius: 0px 20px 0px 0px;}

form.f_encuesta ul.votar  {
margin: 0.5em 0 1em 0;
list-style: none }

form.f_encuesta ul.votar span {
padding-left: 0.5em }


#resultadosEncuesta dl {
margin: 1em 0 }

#resultadosEncuesta dt {clear:both; float: left; border-bottom: 1px dotted #999; width:70%;}
#resultadosEncuesta dd {float:left;              border-bottom: 1px dotted #999; width:28%;
text-align:right} 

#resultadosEncuesta .total { font-weight: bold } 
 
/*****************************************
 *
 * ESPACIO ASOCIATIVO 
 *
 ***/

dl.publica dt { display: none }


/**
 * baliabideak (recursos)  
 */

dl.baliabide {
overflow: auto;
border: 1px dotted #D0D0D0;
border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
padding: 1em 1em 2em 1em;
margin: 2em 0em;}

dl.baliabide dt {
float: left;
clear: left;
width: 35%;
text-transform: lowercase;
border-bottom: 1px dotted #666;
font-variant: small-caps;
color: #666;}

dl.baliabide dd {
float: left;
border-bottom: 1px dotted #fff;
margin-left: 2%;
width: 60%;}


/*****************************************
 *
 * LANALDE 
 *
 ***/

#lanaldeak h3 {
margin: 1em 0 0.5em 0;}

table.lanaldeak {
border-collapse: collapse;
width : 100%;
margin: 1em 0 0.5em 0;}

table.lanaldeak thead td,
table.lanaldeak thead th {
padding: 2px 4px;
vertical-align: bottom;}

table.lanaldeak tbody td,
table.lanaldeak tbody th {
padding: 2px 4px;
vertical-align: top;}

table.lanaldeak th { 
text-align: left;} 

table.lanaldeak thead th.numero { 
width: 6em;} 

table.lanaldeak td.numero,
table.lanaldeak th.numero { 
text-align: right} 

table.lanaldeak thead tr { 
border-bottom: 2px solid #666;}

table.lanaldeak tbody tr { 
border-bottom: 1px dotted #aaa;}

table.lanaldeak tr.par { background-color: #f8f8f8;}

table.lanaldeak tr.votacion { 
background-image: url(irudiak/fondo_votacion.png);
background-position: bottom right;
background-repeat: no-repeat;}

#lanalde table.lanaldeak a {text-decoration: none}

table.foros {
border-collapse: collapse;
margin: 1.5em 0 2em 0em;}

table.foros th       { text-align: left; vertical-align : bottom; padding: 0 1em ; } 
table.foros td       { vertical-align : top ; padding: 0.5em 1em; border-right: 1px dotted #aaa}
table.foros td h4    { font-size: 0.875em}
table.foros td + td  { border-right: none }

table.foros thead tr { border-bottom: 2px solid #666;}
table.foros thead th { text-transform: lowercase;}
table.foros tbody tr { border-bottom: 1px dotted #aaa;}

table.foros h4 { margin-bottom: 0 }

table.foros .postMenu {
text-align: right; 
margin: 1em 0 0 0;}


table.resultados {
border-collapse: collapse;
margin: 0.5em auto 1.5em 3em;}

h4.resultados { color: #ca402a; font-variant: small-caps; }

table.resultados thead tr { border-bottom: 2px solid #666;}
table.resultados thead th { text-align: left; padding-right: 1em; }
table.resultados tbody th { text-align: left; font-weight: normal; }
table.resultados tbody tr { border-bottom: 1px dotted #666;}
table.resultados tbody td { text-align: right; color: #444; }


#lanalde table.foros a {text-decoration: none}

dl.postDatuak dt { display: none}

dl.postDatuak dd.Data,
dl.postDatuak dd.Ordua { 
color: #666;}

td.inicio dl.postDatuak dd {
font-size: 1em;
text-align: left }

dl.postDatuak dd {
font-size: 0.875em;
text-align: right }


td.hilo div.entrada {
color: #333;}

td.hilo { padding: 0.5em 0}

 
div.lanaldeOpciones { 
padding: 4px 0 0 0;
text-align: right;}

#contenido a.lanaldeGehitu,
#contenido a.lanaldeGuztiak {
color: #ca402a;
padding: 4px 0px 4px 20px;
margin-left: 10px;
background: url(irudiak/application_form_add.png) left center no-repeat;}

#contenido a.lanaldeGehitu:hover,
#contenido a.lanaldeGuztiak:hover {
color: #666;}


#contenido a.lanaldeGuztiak {
background-image: url(irudiak/application_cascade.png);}

#paginaLanalde #home {
background: url(irudiak/lanaldeak_fondo.png) top left no-repeat;}


#lanaldeak {
overflow: hidden } 
 
/***
 * Zerbitzuak
 */

#zerbitzuarenGida            {float: left;width:180px;}
#atajosZerbitzuak            {float: left;width:180px;}

#zerbitzuarenGida dt         {display: none;}

#zerbitzuarenGida dd         { 
font-weight: bold; 
text-decoration: none; 
border-bottom: 1px dotted #999;
padding: 4px 6px;	}

#zerbitzuarenGida dd a        { 
text-decoration: none; 
color: #444;}

#zerbitzuarenGida dd a:hover   { color: #f57900;; 	}
#zerbitzuarenGida dd a:visited { color: #999; 	}

#atajosZerbitzuak a:active	{
background-image: url(irudiak/menu_ref.png); 
color: #CC0000;}

#atajosZerbitzuak li         {list-style: none;}

#atajosZerbitzuak a { 
color:#fff ; 
font-weight: bold;  
text-decoration: none;
border: 2px solid #000;
background-color: #f57900;
-moz-border-radius: 12px;
margin: 5px 0 0 -35px;
width: 120px;
height:28px;
display: block;
padding: 8px 6px 0px 6px;			}

#atajosZerbitzuak a:hover        { background-color: #bababa;}
#atajosZerbitzuak a.seleccionado { background-color: #000;}
	

dl.zerbitzuenFitxa .zerbitzua_izena { display: none }
dl.zerbitzuenFitxa dt {
margin: 1.5em 0 0 0;
font-variant: small-caps;
font-weight: bold; }
 
dl.zerbitzuenFitxa a img { border: none }

      
/*****************************************
 *
 * MENUCONTENIDO 
 *
 ***/


#menuContenido h2,
#menuContenido h3,
#menuContenido h4 {
font-size: 1em }        
   
#banners {
margin-bottom: 20px;}   
     
div.index {
position: relative;
overflow: hidden;
margin: 0px 0px 20px 0;
background-image: url(irudiak/F_menu.png ) ;}

#menuContenido.agenda div.index {
padding-top: 0px;}

#menuContenido.agenda div.index h3,
#menuContenido.agenda div.index h4{
margin:0;}

div.index .oharra {
font-size: 0.9em;
padding: 0 0.5em }

div.index h3 {
margin: 0;
background-color: #fff;
border-bottom:3px solid #000;
font-weight:bold;
font-size: 1em;}

div.index h3 a {
display: block;
background:url(irudiak/bt_menos.png) top left no-repeat ;
padding-left: 18px ;
padding-bottom: 4px;
color: #4B8A08 !important;}

div.index h3 a.cerrado { background-image:url(irudiak/bt_mas.png);}
div.index h3 a:hover   { color: #cc0000 !important;}

div.index li {
list-style: none;
padding:3px 8px;
border-bottom: 1px dotted #000;
font-weight:bold;}

div.index dd  {
border-bottom: 1px dotted #000;
padding:2px 8px;}

div.index a       { color: #333;}
div.index a:hover { color: #ffA500;}



/**
 * indexAgenda
 */ 

#indexAgenda {
color: #000 }

#indexAgenda h4 {
text-transform: uppercase;
padding: 5px 0 ;
padding-left: 10px;}

#indexAgenda ul {
border-top: 1px solid #fff;
margin-top: 2px;}

#indexAgenda li.menu { 
background-color: #e6e6e6;
margin-top: 5px;
border-top: 1px solid #fff;}

#indexAgenda span.data,
#indexAgenda span.ordutegi {
color: #777;
font-weight: bold }

#indexAgenda span.non {
color: #666;
font-style: italic; }


/**
* CALENDARIO
*/

#pagina ul.seleccionCalendario {
background-color: #f0f0f0;
overflow: auto;
border:none;
clear : both }

#pagina ul.seleccionCalendario li {
display: block;
float: left;
width: 32%; 
text-align:center}

table.Calendario {
clear: both;
width: 100%;
margin: 0.2em 0 1em 0}

table.Calendario caption {
display: none }

table.Calendario td { 
text-align: right;
background-color: #fff}

table.Calendario td.activo       { background-color: #f2f2f2}
table.Calendario td.calendarioSD { background-color: #C6E494;}
table.Calendario td.calendarioSD.activo  { background-color: #7AB01F;}

table.Calendario td     { border: 1px solid #fff;}
table.Calendario td.hoy { border: 1px solid #000;}
table.Calendario td.hoy { background-color: #f2f2f2}

table.Calendario th { 
text-align: center;}

table.Calendario tr.dias  th { background-color: #ddd; }

table.Calendario th a, 
table.Calendario td a {
color: #FFA500; 
font-weight: bold;
text-decoration: none !important;}

table.Calendario th a:hover, 
table.Calendario td a:hover {
color: #CA402A;}



table.Calendario tr.dias th.calendarioSD { background-color: #CCC;}




/************************
 * Generico (noticias)
 * 
************************************/



/* preguntaaar  royer que ees  sssss.....
*/
#sarrera,
#home {
width: 460px;
padding-left: 50px;}

#mensajes,
#generico {
float: left; 
width: 400px;
margin-left: 55px;
padding-left: 35px;
margin-right:35px;}


#contenido a.postGehituBoto,
#contenido a.postGehitu,
#contenido a.postResponder {
font-size: 0.875em;
text-decoration: none;
color: #CA402A;
font-weight: bold;
padding-left: 18px; padding-top: 8px;
background: bottom left no-repeat;}

#contenido a.postGehitu:hover,
#contenido a.postResponder:hover {
color: #000 ;}

#contenido a.postGehituBoto {
padding-left: 22px; 
margin-left: 2em}

#contenido a.postGehitu          { background-image: url(irudiak/bt_mas_off.png) ;}
#contenido a.postGehitu:hover    { background-image: url(irudiak/bt_mas_on.png);}

#contenido a.postGehituBoto      { background-image: url(irudiak/bt_boto_off.png) ;}
#contenido a.postGehituBoto:hover{ background-image: url(irudiak/bt_boto_on.png);}

#contenido a.postResponder       { background-image: url(irudiak/bt_responder_off.png);}
#contenido a.postResponder:hover { background-image: url(irudiak/bt_responder_on.png)}

div.votacion { 
margin: 1em 0 ; 
background: url(irudiak/fondo_dl_votacion.png) top left no-repeat;
padding-left: 160px;
min-height: 160px;  }

div.votacion h3 {
color: #000; 
}

div.votacion ul {
margin: 1em 0;
list-style: none }

div.votacion input[type=radio] { margin-right: 0.5em}
div.votacion textarea { margin: 0 0 1em 0 }
div.votacion input[type=submit] {
padding: 4px 2em ;
display: block;
margin: 0 auto;}


div #indexBilatzaile .index{
margin-top:500px;
height:auto !important
}



/****
 * Erabiltzaileak
 */

#loginCompleto label {
display: block;
clear: left;
float: left;
background-color: #f2f2f2;
margin: 2px 10px 2px 0;
padding: 1px 3px;
width: 280px;}

#loginCompleto input {
margin: 2px 0;}

#loginCompleto .botoiak {
clear: both;
display: block;
margin-left: 294px;
margin-top: 1px;
float: none;}



/**
 * Erantzunak (comentarios)
 */
 
 div.erantzunBerri {
background: #f2f2f2 url(irudiak/erantzunak_gehitu.png) 180px 0px no-repeat;
padding: 15px 0px 10px 6em;
border-radius: 0px 0px 0px 35px;
-moz-border-radius: 0px 0px 0px 35px;} 

div.erantzunBerri h4 {
position: relative;
left: -4em;
padding: 5px 0px 15px 0px ;}

div.erantzunBerri dt {
font-size: 11px ;
color: #404040;
font-family:serif  }

div.erantzunBerri dd {
/*width: 290px;*/
padding-right:100px; }

div.erantzunBerri dd textarea,
div.erantzunBerri dd input[type='text']{
border: 1px solid #666;
width: 290px;}

div.erantzunBerri dt.opciones { display: none }
div.erantzunBerri dt.opciones + dd {
padding-top: 6px ;
text-align: right} 

div.erantzunak {
margin-top: 2.5em}

div.erantzunak h4.zerrenda {
border-bottom: 1px dotted #f2f2f2;
color: #999;
background: #fff url(irudiak/erantzunak_zerrenda.png) 180px 0px no-repeat;
padding: 15px 0px 10px 2em;
margin-bottom: 10px;}

div.erantzunak dl.erantzuna {
position: relative;
border-bottom: 1px dotted #ddd;
min-height: 4em }

dl.erantzuna dt { display: none;}
div.erantzunak dd.quien { 
position: absolute;
font-size: 12px;
font-style: italic;
color: #333;
left: 0px; 
top: 0px ;
width: 9em}

div.erantzunak dd.titularra { color: #ffa500; }
div.erantzunak dd.titularra,
div.erantzunak dd.testua { margin-left: 10em}


/*************************************
 *
 * MAPA ASOCIATIVO
 * 
 ****/

#a_mapalogo a {
display: block;
margin-bottom: 25px;
width: 300px;
height: 31px;
background: #fff url(irudiak/mapa_de_logos.png) top left no-repeat;}

#pagina #a_mapalogo a span { display: none }

#a_mapalogo:hover a {
background-image: url(irudiak/mapa_de_logos_hover.png) }

#indexMapaLetras { 
padding: 4px 8px;
color: #999;
font-size: 0.80em !important;}

#indexMapaLetras a { 
color: #333;}

#letra {
background: url(irudiak/fondo_sailkapenak.png) bottom left no-repeat;;
padding: 6px 0px 2px 6px;
position: relative;
left: -6px;
color: #999;
margin: 30px 0 5px 0}

#letra span { padding-left: 12px;}

#letra h3 {
background-color: #f2f2f2;
display: inline;
font-size: 2.25em;
padding: 6px;
margin: 30px 0 15px 0;
color: black;}

div.alcance {
position: absolute;
left: 5px;
top: -10px;}

#bilatuMota {
padding: 0.5em 1em 0.5em 72px;
background: #f2f2f2 url(irudiak/mapa_bilaketak.png) top left no-repeat;
min-height: 42px;
margin: 1em 0;}

div.mapa {
margin: 1em 0;
padding-bottom: 1em;
border-bottom: 1px dotted #999;}

div.mapa div.sarrera {
font-weight: bold;
color: #666;}

div.mapa div.testua {
color: #444;}

form.buscar input { border: 1px solid #666; padding: 0 0.2em; font-size: 0.80em }
form.buscar fieldset { border: 1px solid #666; margin: 0.5em 0;}
form.buscar div.botones { text-align: right }
form.buscar div.botones input:hover { background-color: #777; color: #fff }


#cuerpo .elkarteak li{
font-size:13px;
}


#mapaLogo .fila { overflow: auto; margin: 5px 0 }
#mapaLogo .logo { 
width: 130px; 
margin-left:4px; 
float: left; 
border: #e2e2e2 solid 1px;
padding: 2px 4px; 
text-align:center;
font-size: 0.8em;
-moz-border-radius: 3px;}

#mapaLogo .logo a { color: #FFA500;}
#mapaLogo .logo a:hover { color: #555;}
#mapaLogo .logo:hover { border-color:#000 }
#mapaLogo .logo a img {
min-height: 70px; 
border: none ; display: block;}


/***
 * Resultado de la busqueda
 */

#elkarteak_zerrenda {
margin: 2em 0;}

#elkarteak_zerrenda h4 a {
margin: 1em 0 0 0;
color:#ffa500;}

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

#elkarteak #contenido h2 {
color:#000;
font-size: 1.25em;
margin-top: 0pt;
color: #ffa500;}

h2.elkarte img {
max-width: 150px;
font-size: 12px;
float: right;}

div.elkartea {
padding-left: 50px;}

div.elkarteenFitxa dl.elkarteenFitxa dt{
background-color: #7BB125; /*#CA402A;*/
font-weight: bold;
color: #fff;
padding: 2px 15px;
margin: 2em 0 0.5em 0;}

div.elkarteenFitxa dl.elkarteenFitxa dd{
color: #353535;
margin-left: 1em;}

div.elkarteenFitxa dl.elkarteenFitxa dd ul {
margin: 0.5em 0;}

div.elkarteenFitxa dl.elkarteenFitxa dd li {
margin: 0.5em 0 0.5em 2em;}

div.elkarteenLogo {
text-align:center;
overflow: hidden;
margin-bottom: 2em}

#menuContenido #elkarteenBesteDatuak {
background: #FD9E12 url(irudiak/elkarteenBesteDatuak.png) top right no-repeat;
border-bottom: 2px dotted #fff;
color: #fff;
padding: 9px 9px 3px 9px;
font-size: 1.2em;
margin: 1em 0 2em 0;}

a.itzuliMapera {
display: block;
height: 50px;
margin: 2em 0 1em 10px;
padding: 0px 16px 0px 36px;
color: #FD9E12;
background: url(irudiak/mapa_itzuli.png) top left no-repeat;
}


a.itzuliMapera:hover {
color: #808080;
background-image: url(irudiak/mapa_itzuli_on.png);
}

/**
 * Buscador (dentro del mapa)
 */


#mapa_bilatzaile {
padding: 6px 6px;
overflow: auto;
border-bottom: 2px dotted #aaa;}

#fmapa_bilatzaile {
border-top: 1px dotted #666;
padding: 5px 10px;}

#fmapa_bilatzaile fieldset {
padding: 2px }

#mapa_bilatzaile #fd_mota {
padding: 4px 8px;}

#mapa_bilatzaile #fd_mota input{
margin-right: 5px;
float: left;
clear: left;}

#mapa_bilatzaile #fd_mota label {
display:block;}

#mapa_bilatzaile #bi_izena {
display:block;
margin: 2px 0;}

dl.bilatzaileak {
margin: 10px 0px;}

dl.bilatzaileak dd {
margin-bottom: 1em}

dl.bilatzaileak a       {color : #fd9e12;} 
dl.bilatzaileak a:hover {color : #999;}



/************************
 *
 * FOOTER
 *  
 ***/

#pie a:hover { color:#fff}
#pie a       { color:#7AB01F}      

#pie dl { 
margin: 0px 1em;
font-weight: bold }

#pie dt {font-weight: bold}

#pie dt,
#pie dd {
padding-right: 0.5em;
display: inline }

#pie dd + dd:before {
color:#7AB01F;
content: "/ " } 


/**
*
* MENSAJES 
*
*/


div.mensaje-ok,
div.mensaje-OK,
div.ondoTxiki {
padding: 0.25em 20px 0.25em 40px;
background: #7ab01f url(irudiak/ondotxiki.png) 8px 2px no-repeat;
margin:1em 0 2em 0;
color: #fff;}

div.ondo {
margin: 2em 1em;
padding: 35px 20px 20px 82px;
border-radius: 72px 0px 72px 0px ;
-moz-border-radius: 36px 0px 36px 0px ;
background: #7ab01f url(irudiak/ondo.png) 10px 40px no-repeat;
color: #fff;
min-height: 150px;}




#paginaGestioa div.ondo,
#paginaGestioa div.ondoTxiki,
#paginaGestioa div.gaizki,
#paginaGestioa div.gaizkiTxiki {
margin-top: 40px;}


div.mensaje-error,
div.gaizkiTxiki {
padding: 0.25em 20px 0.25em 40px;
margin:1em 0 2em 0;
background: #a40000 url(irudiak/gaizkitxiki.png) 8px 2px no-repeat;
color: #fff;}

div.gaizki {
margin: 2em 1em;
padding: 45px 20px 20px 20px;
color: #fff;
min-height: 150px;
background-color: #ca402a ;}

div.gaizki a       { color: #fff;}
div.gaizki a:hover { color: #000;}

div.gaizki, 
#contenido div.ondo h2 {
color: #fff;
border-bottom-color: #fff;
padding:7px 0  }

div.itzuli {
text-align: center;
margin: 1em 0 0.5em 0;}
	
div.itzuli:before { content: "[" ;} 	
div.itzuli:after  { content: "]" ;}

/*
 * FACEBOOK
 */

#a_facebook {
display: block;
width: 300px;
height: 29px;
margin-bottom: 12px;
background: url(irudiak/facebook.png) top left no-repeat;}

#a_facebook:hover {
background-image: url(irudiak/facebook_hover.png);}

#a_facebook span { display: none }

/*
 * TWITTER
 */


#twitter_div {
padding:0px;
font-weight:bold ;
color:gray;}

#twitter_div li {
border-bottom: 1px dotted #ccc;
padding-bottom: 0.25em;
display:block;}

#twitter_div li a{
text-decoration:none ;
color:#63BBD1;}

#twitter_div h3 {
height:50px;
background: url(irudiak/twittertitle.png) no-repeat;
color:#000;
padding-left:20px;}

h3.sidebar-title span {display:none;}

#twitter-link{
text-decoration:none ;
color:#7CB122;}

#twitter-link:hover{
color:#CC0000;}

#twitter_div p {
margin: 0;
}


.video {
margin: 20px 0;
padding: 6px 4px;
background-color: #f0f0f0;}