/*............................HTMLS.................................*/

body{
font-size:80%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
margin:0;
color:#000;
text-align:center;
background:#d1d1d1 url(imagescss/webzoo_fondo.jpg) repeat-x left top;
}

ul{
list-style-type:none;
}

a img{
border:none;
}

a{
text-decoration:none;
color:#81868a;
}

a:hover{
text-decoration:underline;
}

h1, h4, h3, h5{
margin:0;
padding:0;
}

p{
font-size:110%;
margin:7px auto;
padding:0;
}

h5{
font-size:120%;
}

/*..........................FIN HTMLS...............................*/



/*..........................OROKORRAK...............................*/

#laguntza{
display:none;
}

/*........................FIN OROKORRAK.............................*/



/*...........................IDIOMAS................................*/

#barracabecera a{
color:#9b9b9b;
}

#barracabecera a.aukeraidioma{
color:#fff;
font-weight:bold;
}

#barracabecera a:hover{
color:#ccc;
}

/*.........................FIN IDIOMAS..............................*/



/*..........................CABECERAS...............................*/

#barracabecera{
width:790px;
height:20px;
background:#404040;
padding-top:2px;
}

#idiomas{
float:right;
}

#idiomas ul{
float:left;
margin:0 10px 0 8px;
padding:0;
}

#idiomas li{
float:left;
}

#idiomas li.bordeiz, #idiomas li.bordedciz{
color:#81868a;
}

#idiomas li a{
display:block;
padding:0 3px 0 3px;
}

#idiomas li a span{
display:none;
}

#cabecera_zoo{
position:relative;
z-index:10;
width:790px;
height:180px;
background:url(imagescss/webdoscol_cabecera.jpg) no-repeat left top;
border-bottom:1px solid #000;
}

/*........................FIN CABECERAS.............................*/



/*.........................CONTENEDORES.............................*/

#principal{
position:relative;
width:790px;
padding:0;
margin:0 auto 0 auto;
text-align:left;
}

#contenedor{
float:left;
margin:0px;
padding:0px;
width:790px;
background:#fff;
}

#col_1de3{
float:left;
background:#fff;
width:190px;
padding-top:40px;
}

#col_2de3{
float:left;
width:600px!important;
width:590px;
margin-bottom:15px;
}

/*.......................FIN CONTENEDORES...........................*/



/*...........................CONTENIDO..............................*/

p{
font-size:110%;
margin:7px 10px 7px auto;
padding:0;
}


/*.....................ITEMS....................*/

.itemprincipal, .item, .itemazkena{
margin:5px 0;
padding:0 0 5px 0;
width:560px;
float:left!important;
float:none;
border-bottom:1px dotted #b5bcc5;
}

.itemprincipal{
padding:5px 0;
margin:5px 0 0 0;
float:none;
}

.itemprincipal form{
margin-bottom:5px;
}

/*...................FIN ITEMS..................*/


.titulo{
margin:0;
padding:0;
font-family: Times, "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#828282;
font-size:200%;
}

h3.titulo, h2.titulo{
margin-top:10px;
font-size:180%;
}

h4.titulo{
margin-top:0;
padding:0;
font-size:135%;
font-weight:300;
}

ul.sinmargen li{
display:block;
}


/*..................IMAGES......................*/

/*Si el tamaño de la foto es hasta 400px, usaremos la clase "fotoitem"*/
.fotoitem{
margin:5px 10px 5px 0;
float:left;
}

/*Si el tamaño de la foto es mayor que 400px, usaremos la clase "fotoitemsalto"*/
.fotoitemsalto{
margin:5px 10px 5px 0;
float:none;
}

/*................FIN IMAGES....................*/


/*...............FORMULARIOS....................*/

.form_boletin{
padding-top:5px;
float:left;
}

.form_boletin fieldset{
float:left;
}

.campotexto{
width:200px;
min-height:15px;
height:auto!important;
height:15px;
background:#f3f3ef;
border:1px solid #c9c6c6;
}

.campotextocol{
width:150px;
min-height:15px;
height:auto!important;
height:15px;
background:#f3f3ef;
border:1px solid #c9c6c6;
}

.campotextoancho{
width:400px;
min-height:15px;
height:auto!important;
height:15px;
background:#f3f3ef;
border:1px solid #c9c6c6;
}


/*......FORMULARIOS DE CONTENIDO.....*/

form.formdecontenido{
margin:8px 0;
padding:8px 0;
}

.checkbox_txt{
position:relative;
top:-3px;
}

.asterisco{
float:left;
margin-left:3px;
}

/*..FIN DE FORMULARIOS DE CONTENIDO..*/


form{
margin:0;
}

select{
/*display:block;*/
font-size:95%;
background:#f3f3ef;
height:18px;
margin:2px 0;
border:1px solid #c9c6c6;
}


input, textarea{
padding:0 2px;
margin:2px 0;
font-size:95%;
}

textarea{
padding:0 2px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:400px;
background:#f3f3ef;
border:1px solid #c9c6c6;
}


fieldset{
position:relative;
border:0;
margin:0;
padding:0;
}

legend, .legend_lehena{
margin:0;
padding:5px 0;
position:relative;
left:-3px;
color:#c16707;
}

.legend_lehena{
padding:0 0 5px 0;
}


/*..............FIN FORMULARIOS.................*/


/*.................NAVEGADOR....................*/

.itemnav{
float:left;
width:100%;
border-bottom:1px dotted #b5bcc5;
padding:0 0 10px 0;
margin:5px 0;
}

.itemnav p{
margin:0;
padding:0;
}

.nav_anterior{
padding-left:12px;
margin-right:12px;
background:url(imagescss/vineta_indice_txiki_alreves.gif) no-repeat left 6px;
}

.nav_anteriorinact{
color: #DDDDDD;
padding-left:12px;
margin-right:12px;
background:url(imagescss/vineta_indice_txiki_alreves_inact.gif) no-repeat left 6px;
}

.nav_siguiente{
padding-right:12px;
margin-left:12px;
background:url(imagescss/vineta_indice_txiki.gif) no-repeat right 6px;
}

.nav_siguienteinact{
color: #DDDDDD;
padding-right:12px;
margin-left:12px;
background:url(imagescss/vineta_indice_txiki_inact.gif) no-repeat right 6px;
}

/*...............FIN NAVEGADOR..................*/


/*..................LISTA DE DESCARGAS..................*/

.lista_descargas{
clear:both;
margin:7px 0 7px 0;
padding:0;
}

.icodescarga, .icodoc{
display:block;
height:26px;
padding-left:30px;
background:url(imagescss/ico_descarga.gif) no-repeat left top;
line-height:25px;
}

.icodoc{
background:url(imagescss/ico_doc.gif) no-repeat left top;
}

.doc{
padding-left:17px;
background:url(imagescss/ico_doc_tx.gif) no-repeat left top;}

.foto{
padding-left:24px;
background:url(imagescss/ico_foto.gif) no-repeat left top;}

.audio{
padding-left:24px;
background:url(imagescss/ico_audio.gif) no-repeat left top;}

.video{
padding-left:29px;
background:url(imagescss/ico_video.gif) no-repeat left top;}

.descdoc{
padding-left:17px;
background:url(imagescss/ico_descargagris_tx.gif) no-repeat left top;}

.bocata{
padding-left:17px;
background:url(imagescss/ico_comentario_tx.gif) no-repeat left top;}

.lupa{
display:block;
height:26px;
padding-left:17px;
background:url(imagescss/ico_lupa.gif) no-repeat left top;}

.ul_num{
list-style-type:decimal;
}

/*..................FIN LISTA DE DESCARGAS..................*/


/*.........................FIN CONTENIDO............................*/



/*..............................PIE.................................*/

#pie_zoo{
clear:both;
display:block;
width:790px;
/*min-height:160px;
height:auto!important;*/
height:160px;
margin:0;
padding:0;
background:#404040;
}

#pie_centrado{
width:770px;
margin:auto;
position:relative;
top:30px;
text-align:center;
/*background:red;*/
}

#pie_logos{
width:770px;
margin:0;
padding:0;
/*background:blue;*/
}

#pie_logos li{
display:inline;
margin:0;
padding:0;
border:none;
/*background:orange;*/
}

#pie_logos li a{
padding:0;
margin:0;
}

#pie ul{
border:0;
}

a img{
border:none;
padding:0;
margin:0 50px;
}

/*............................FIN PIE...............................*/



/*.............................INDICE...............................*/


/*.......ÍNDICE DE CONTENIDOS DESTACADOS........*/

#indice{
margin:10px 0 0 0;
padding:0;
float:right;
width:170px;
}

#indice li{
padding:0 0 0 0;
border-top:none;
background:#fff;
}

#indice li.aukera{
background:#fff;
display:block;
}

#indice li a{
text-align:right;
font-size:110%;
padding:0 40px 0 0;
background:#fff;
display:block;
width:140px;
color:#828282;
min-height:20px;
height:auto!important;
height:20px;
}

#indice li.aukera a{
padding:0 40px 0 0;
background:#fff url(imagescss/webzoo_menuON.gif) no-repeat right top;
color:#000;
display:block;
width:140px;
min-height:20px;
height:auto!important;
height:20px;
}

/*.....FIN ÍNDICE DE CONTENIDOS DESTACADOS......*/


/*..............LOGOTIPOS ÍNDICE................*/

#indice_logos{
float:left;
width:180px;
margin:0;
padding:10px 0 10px 10px;
/*background:red;*/
}

#indice_logos li{
float:left;
width:170px;
margin:auto;
padding:5px 0 0 0;
/*background:blue;*/
}

#indice_logos li a{
float:left;
margin:0;
padding:5px;
border:1px solid #b5bcc5;
background:white;
}

#indice_logos li img{
float:left;
margin:0;
padding:0;
}

/*............FIN LOGOTIPOS ÍNDICE..............*/


/*...........................FIN ÍNDICE ............................*/



/*.............................CLASES...............................*/

.clear{
clear:both;
}

.centrado{
margin:auto;
text-align:center;
}


/*..................DISPLAYS....................*/

.fiz, .map{
float:left;
}

/*................FIN DISPLAYS..................*/


/*...................BORDES.....................*/

.bordeiz{
border-left:1px solid;
}
.bordedc{
border-right:1px solid;
}

.bordedciz{
border-left:1px solid;
border-right:1px solid;
}

/*.................FIN BORDES...................*/


/*..................ESPACIOS....................*/

.invisible{
display:none;
}

.miz20{
margin-left:20px;
}

/*................FIN ESPACIOS..................*/


.normal{
font-style: normal;
}

.sinespacios{
margin:0 0 10px 0;
padding:0;
clear:both;
}

/*...........................FIN CLASES.............................*/