/* =general ------------------------------------------- */
body{background:#fff url(img/bg_body.gif) repeat-x; color:#333; margin:0 0 15px 0; padding:0; border:0; font-size:8pt; font-family:Tahoma,Verdana,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
h3{font-size:1.2em; color:#3e3e3e;}
h4{margin:25px 0 15px 0; border-bottom:1px solid #666; background:url(img/ico_h4.gif) no-repeat 0 5px; padding:0 0 3px 12px; color:#666; font-size:0.9em; text-transform:uppercase;}

p{margin:0; padding:6px 0; line-height:1.5em;}


/* =hrefs */
a{text-decoration:none; outline:none; color:#000;}
a:hover{outline:none; text-decoration:none; color:#666;}


/* =imgs */
img.floatright{margin:5px 0 15px 8px;}
img.floatleft{margin:0 8px 15px 0;}
img{margin:3px; padding:1px;}
img.noborder{border:0; padding:0;}

/* =lists */
ul{margin:0; padding:0; list-style:none;}
li{margin:3px 0 0 0; padding:0;}
dl,dt,dd{margin:0; padding:0;}

/* =forms*/
form{margin:0; padding:0;}

fieldset{border:0; border-top:1px solid #e9f3f4; border:0; padding:10px 0;}
input, select, textarea{margin:0 0 10px 0; padding:2px; border:1px solid #9f9d9d; width:157px; background:#fff; color:#666; font:normal 9pt Tahoma,Verdana,Arial,sans-serif;}
select{padding:0 2px;}

label{display:block; color:#666; font-size:1.1em; font-weight:bold; padding:5px 0;}

input.button{margin:3px 0; border:0; width:60px; height:26px; text-align:center; background: url(img/bg_button.gif) no-repeat; font-weight:bold; text-transform:uppercase; font-size:1em; color:#fff;}
input.checkbox{background:none; margin:0 0 10px 0; border:0; height:13px; width:auto; vertical-align:top;}
input.large,select.large,textarea{width:380px;}

/* =classes ------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.floatright{float:right;}
.floatleft{float:left;}
.nofloat{float:none;}
.clearleft{clear:left;}
.clearboth{clear:both;}

.indentLeft{margin-left:10px;}
.indentRight{margin-right:10px;}

.highlight{font-size:1.1em; font-weight:bold; color:#666;}
.info{background:url(img/ico_warning.gif) no-repeat 0 3px; padding:0 0 0 15px; font-size:0.9em; color:#f00;}
.error{color:#000;}
.error span{color:#f00; font-weight:bold;}
.warning{background:url(img/ico_warning.gif) no-repeat 0 3px; padding:0 0 0 15px; font-size:0.9em; color:#f00;}
.warning a{font-weight:bold; color:#f00; text-decoration:underline;}
.warning a:hover{text-decoration:none;}
.note{color:#f00; padding:10px 0 10px 15px;}
.noborder{border:0;}

/* =container ------------------------------------------- */
#container{margin:0 auto; padding:0; width:737px; position:relative;}

/* =hidden & lang ------------------------------------------- */
#hiddennav{position:absolute; top:-3000px; left:-3000px;}

#langnav{float:right; margin:5px 0 0 0; color:#cccccc;}
#langnav a{color:#cccccc; padding:0 3px;}
#langnav a.sel{font-weight:bold;}
#langnav a:hover{text-decoration:underline;}
#langnav a.hasiera{color:#f66; background:url(img/ico_hasiera.gif) no-repeat 0 2px; padding:1px 3px 1px 15px;}

/* =heading ------------------------------------------- */
#heading{padding:23px 0 0 0; background:url(img/bg_heading01.jpg) no-repeat 90px 23px;}
#berriak #heading{background:url(img/bg_heading02.jpg) no-repeat 90px 23px;}
#dokumentuak #heading{background:url(img/bg_heading03.jpg) no-repeat 90px 23px;}
#iradokizunak #heading{background:url(img/bg_heading04.jpg) no-repeat 90px 23px;}
#loturak #heading{background:url(img/bg_heading05.jpg) no-repeat 90px 23px;}
#lege_oharra #heading{background:url(img/bg_heading06.jpg) no-repeat 90px 23px;}

#heading h1{display:block; background:url(img/logo_biribilko.gif) no-repeat 0 7px; height:132px; text-indent:-9000px;}

#userNav{padding:15px 15px 0 0; font-size:0.9em; color:#697b7b;}
#userNav a{color:#01a0b3;}
#userNav a:hover{text-decoration:underline;}

/* =menu ------------------------------------------- */
/* mainmenu*/
#mainMenu{position:absolute; top:125px; left:90px; background:#f00; width:647px; height:30px; font-size:1em;}
#mainMenu ul{margin:2px 0 0 12px;}
#mainMenu li{float:left; background:url(img/bg_mainmenu_li.gif) no-repeat right top; padding:0;}
#mainMenu li.last{background:none;}
#mainMenu span{display:block; background:#3f3f3f; margin:0 7px; padding:3px 6px; color:#fff;}
#mainMenu li.first span{margin:0 7px 0 0;}
#mainMenu a{display:block; margin:0 2px; padding:3px 6px; color:#fff; }
#mainMenu a:hover{text-decoration:underline;}

/* =footer ------------------------------------------- */
#footer{clear:both; color:#666; margin:0 0 0 55px; padding:20px 0 0 50px; background:url(img/logo_bilbao.gif) no-repeat 0 25px; font-size:0.9em;}
#footer a, #footer span{color:#666; padding:0 4px; text-decoration:underline;}
#footer span{text-decoration:none;}
#footer a.sel{font-weight:bold; }
#footer a:hover{color:#333; text-decoration:none;}

/* =content area ------------------------------------------- */
#content{margin:20px 0 0 105px;}
#content h2{margin: 0 0 15px 0; padding:5px 0 8px 0; color:#f00; font-size:2.2em; font-weight:normal; border-bottom:1px solid #fab0b0;}

/* =breadcrumbs ------------------------------------------- */
#breadcrumbs{margin:0 0 15px 0; font-size:0.8em; color:#999;}
#breadcrumbs a{background:url(img/ico_breadcrumbs_link.gif) no-repeat right center; margin:0 2px 0 0; padding:0 10px 0 0;color:#999; text-decoration:underline;}
#breadcrumbs a:hover{color:#555;  text-decoration:none;}

#textarea{margin:0 0 0 20px;}
#zer_da #textarea{margin:0 0 0 5px;}

/* =zer_da*/
#text{float:left; width:310px;}
#linksFlash{width:304px; float:right; padding:8px 0 0 0;}
#linksFlash li{height:49px; background:url(img/bg_link_aukera.jpg) no-repeat; margin:0 0 25px 0; padding:0 20px 0 167px;}
#linksFlash #gehiago{background:url(img/bg_link_gehiago.jpg) no-repeat;}
#linksFlash #negozioa{background:url(img/bg_link_negozioa.jpg) no-repeat;}
#linksFlash li a{display:block; color:#f10e0e; padding:8px 0 0 0; text-decoration:underline;}
#linksFlash li a:hover{ text-decoration:none;}

/* =dokumentuak */
#dokumentuak div.document{margin:0 20px 15px 20px; border-top:1px solid #e5e5e5; padding:15px 10px 5px 0; position:relative;}
#dokumentuak div.first{border:0;}
#dokumentuak div.document img{position:absolute; top:10px; left:-2px; padding:0 10px 0 0;}
#dokumentuak div.document .documentdata{margin:0 0 0 153px; padding:0 0 0 18px;  border-left:1px solid #e5e5e5; background:url(img/ico_documentdata.gif) no-repeat 10px 5px;  min-height:110px; height:auto !important; height:110px;}
#dokumentuak div.document .documentdata p{padding:7px 0 0 0;}
.documentlink a{margin:5px 0 0 0; padding:0 2px 0 10px; background:url(img/ico_link_download.gif) no-repeat 0 3px; color:#f00; font-weight:bold; text-decoration:underline; font-size:.9em;}
.documentlink a:hover{text-decoration:none;}
#dokumentuak .warning{margin:15px 0 20px 35px;}

/* =berriak */
#berriak h3, #lege_oharra h3{margin:12px 0; background:url(img/ico_documentdata.gif) no-repeat 0 5px; padding:0 0 0 10px; position:relative;}
#berriak p, #lege_oharra #textarea p{margin:0 0 0 10px;}

#berriak .news{padding:5px 0 0 0;}
#berriak .news img{ float:left; margin:0; padding:10px 10px 10px 0;}
#berriak .news .with-image{ float:left; width:450px;}
#berriak .info{clear:both; background:#edecec; margin:10px 0; font-size:0.9em; color:#333; padding:2px 5px;}
#berriak .info .comments{ background:url(img/ico_iruzkinak.gif) no-repeat 5px 0; padding:2px 0 2px 25px; font-weight:bold; float:lefta}
#berriak .info .comments span{color:#f00;}

#berriak .newsitem h3{font-size:1.6em; font-weight:normal;}
#berriak .newsitem p{font-size:1.1em;}

#berriak a.back{background:url(img/ico_prev.gif) no-repeat 0 6px; color:#f00; font-weight:bold; padding:0 0 0 12px; font-size:0.8em;}
#berriak a.back:hover{text-decoration:underline;}

#berriak .comment{padding:15px 5px 15px 40px; background:url(img/bg_quote.gif) no-repeat 0 20px; color:#666;}
#berriak .comment .cabecera{font-size:0.9em; border-bottom:1px solid #dbdbdb; margin-bottom:10px; position:relative;}
#berriak .comment .cabecera strong{color:#f00;}

#berriak form{ background:#edecec url(img/bg_comment_form.gif) no-repeat top right; padding:5px 20px;}
#berriak p.error{margin:0; font}

#berriak #textarea div.photo{margin:5px 0 5px 15px; width:296px;}
#berriak #textarea div.photo img{margin:0; border: 1px solid #dbdbdb; padding:2px; }
#berriak #textarea div.photo p{font-size:0.9em; padding:5px 0; color:#666;}


/* =pagination */
.pagelinks{margin:5px 0 35px 0; font-size:0.9em; float:right;}
.pagelinks a, .pagelinks span{margin:0 4px 0 0; padding:4px 0; border:1px solid #dbdbdb; display:block; width:24px; float:left; text-align:center; color:#7d7d7d;}
.pagelinks span{font-weight:bold; color:#f00;}
.pagelinks a span{font-weight:bold; color:#f00;}
.pagelinks a:hover{color:#444; border-color:#999;}

.pagelinks a.next{width:auto; padding:4px 18px 4px 7px; margin:0; background:url(img/ico_next.gif) no-repeat right 8px;} 
.pagelinks a.prev{width:auto; padding:4px 7px 4px 18px; background:url(img/ico_prev.gif) no-repeat 7px 8px;}


/* =loturak */
#loturak .img{width:165px; height:107px; border-right:1px solid #e5e5e5; float:left; margin:0 0 15px 0;}
#loturak div.document{clear:both;border-top:1px solid #e5e5e5; padding:15px 10px 5px 0;}
#loturak div.document .documentdata{float:left; margin:0 0 0 10px; padding:3px 0 0 8px; width:390px; background:url(img/ico_documentdata.gif) no-repeat 0 8px; position:relative;  height:107px;}
#loturak div.document .documentdata a{position:absolute; right:5px; bottom:5px; background:url(img/ico_link_external.gif) no-repeat right 3px; padding:0 10px 0 0; color:#f00; font-weight:bold; text-decoration:underline; font-size:0.9em;}
#loturak div.document .documentdata a:hover{text-decoration:none;}

/* =iradokizunak */
#iradokizunak #textarea{background:url(img/bg_iradokizunak_form.jpg) no-repeat right 60px;}
#iradokizunak #textarea p{width:325px;}
#iradokizunak h4{color:#fff; background:#f00; width:323px; padding:5px; border:0; font-size:1em;}
#iradokizunak #erroreak p{color:#f00; font-weight:bold;}
#iradokizunak #erroreak ul{margin:15px;}
#iradokizunak #erroreak li{padding:2px 0;}

#contactform{width:330px; margin:0 0 0 20px;}
#contactform label{float:left; width:130px; padding:0; vertical-align: super; color:#000;}
#contactform label span.mandatory{color:#f10e0e;}
#contactform .biglabel label{width:100%; padding:0 0 3px; 0}
#contactform textarea{width:280px; margin:0 0 0 7px;}
#contactform input.button{width:90px; height:26px; background:url(img/bg_button_big.gif);}


/* =formacion */
#formacion #textarea{margin:0 0 0 5px;}
table{border:none;margin:10px 0px 0px 0px; border-collapse:collapse;}
table td{border:1px solid #CCCCCC; margin:0em; padding:5px;}
table td span{color:#FF0000; font-size:10px;}

table .cabecera_tabla{ background-color:#FF0000; color:#fff; text-transform:uppercase; font-size:13px;}
table .sub_cabecera_tabla{ background-color:#333333; color:#fff; text-transform:uppercase;}
#formacion #textarea p.descarga_derecha{background-color:#EAEAEA;float:left; font-weight:bold; padding:5px; border:1px solid #666; color:#FF0000; margin:10px 0px 10px 200px; cursor:pointer;}