/* CSS_Norteko_Ferrokarrilla */
/* Author: Juan Luis Blanco | blanco@blanco-sg.com */

/* html-ko berezko estilo batzuk kentzeko*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,label,input,body,html,p,blockquote { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
hr { display:none}
fieldset {/*display:inline;*/ margin:0; padding:0; border:solid 0 transparent }
table, tr, td, th { margin:0; padding:0; border-spacing:0; border-collapse:collapse; }


/*  OROKORRA
---------------------------------------    */
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 62.5%; /* 62.5% = aprox. 10px =>  1em = 10px*/
	line-height: 115%;
	color: #4e4e4e;
	text-align: left;
	}


/*  ORRIAREN ESTRUKTURA
---------------------------------------    */
#nagusia1 {
	position:relative;
	width:950px;
	padding-bottom:20px;
	background:transparent url(../irudiak/fon_nagusia.jpg) no-repeat;
	}
#nagusia1.markoa {background-color:#effafd;}
#goiburua {
	height:115px;
	margin-bottom:10px;
	}
#edu {
	float:left;
	width:750px;
	padding:8px 0 20px;
	}
#atala {
	float:right;
	width:550px;
	}
div#atala_edu {
	min-height:300px;
	}
#nabigazioa {
	float:left;
	width:190px;
	}
#nabigazioa2 {
	float:right;
	width:180px;
	margin:8px 10px 0;
	}
#oina {
	width:950px; /* beti #nagusia1 div-aren berdina */
	}

/*  =GOIBURUA
---------------------------------------    */
#goiburua h1 {
	position:relative;
	width:920px; height:75px;
	font-size:2.4em;
	padding:40px 10px 0 20px;
	background-color:#37206e;
	color:#ffffff;
	}
#goiburua h1 span {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background:transparent url(../irudiak/fon_nagusia.jpg) no-repeat;
	line-height:80px;
	}
#goiburua h1 span img {
	margin:-12px 0 0 15px;
	}
#korp #goiburua h1 span img { /*logoa animatu gabe. Ezabatu logo animatua aukeratzen badute */
	margin:26px 0 0 22px;
	}
div.banerra {
	position:absolute;
	top:15px; right:104px;
	color:#aa92e3;
	border:1px solid #585872;
	}
	
/*  =ATALAREN edukinak
---------------------------------------    */
/*     testuak    */	
h1, h2, h3, h4, h5, h6 {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.1em;
	color:#085670;
	}
/*#edu h4 {
	font-size:1.3em;
	margin:2em 0 0;
	}
#edu h5 {
	font-size:1.1em;
	margin:2em 0 0;
	font-weight:bold;
	}
#edu h6 {
	font-weight:bold;
	margin:2em 0 0;
	color:#4e4e4e;
	}*/
#edu p {
	margin:0.8em 0 0;
	line-height:1.4em;
	}
#edu a {
	color:#394d75;
	}
#edu a:hover {
	text-decoration:underline;
	}

/* argazkiak + argazki-oinak zentratuak */
#edu #atala p.argazkia {
	margin:1em 20px 0 20px;
	text-align:center;
	}
#edu #atala p.oina {
	margin:4px 40px 1em;
	font:bold 1em/1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	}

/* argazkiak ezkerrera alineatuak */
#edu #atala p.argazkia-ezk {
	float:left;
	margin:1em 1.5em 1em 0;
	}
/* argazkiak eskubira alineatuak */
#edu #atala p.argazkia-esk {
	float:right;
	margin:1em;
	}


.programa {
	position:relative;
	width:546px;
	margin:10px auto 20px;
	padding-bottom:25px;
	background:transparent url(../irudiak/fon_programa-be.gif) no-repeat bottom left;
	}
.programa h3 {
	min-height:21px;
	padding:5px 7px 0 35px;
	font-size:1.4em;
	color:#394d75;
	background:transparent url(../irudiak/fon_programa-go.gif) no-repeat top left;
	}
.programa h3 span {
	font:76% Georgia, "Times New Roman", Times, serif;
	color:#8795b1;
	padding:2px 0 2px 35px;
	background:transparent url(../irudiak/iko_data.gif) no-repeat 15px center;
	}
.programa h3 span.ordua {
	background-image:url(../irudiak/iko_ordua.gif);
	}
.programa dl {
	margin:5px 22px 0 35px;
	}
.programa dt {
	float:left;
	width:185px;
	font:2em Arial, Helvetica, sans-serif;
	margin:15px 10px 5px 0;
	color:#583cc1;
	}
.programa dd {
	padding-top:12px;
	}
#hurrengoprograma {
	padding-bottom:9px;
	}
#hurrengoprograma p {
	margin:0 7px;
	padding:24px 170px 15px 27px;
	background:transparent url(../irudiak/fon_hurrengo-prog.jpg) no-repeat top right;
	}
#azkenprograma h3 {
	background:transparent url(../irudiak/fon_programa-go2.gif) no-repeat top left;
	}
.programa span.info {
	display:block;
	font:60% Georgia, "Times New Roman", Times, serif;
	color:#8795b1;
	}
#azkenprograma li span.info {
	margin-top:0;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
.programa span.reproduktorea {
	display:block;
	width:200px;
	margin:10px 0;
	padding:2px;
	border:1px solid #b1b0c8;
	}
.programa a.deskarga {
	color:#8795b1;
	padding:4px 25px 4px 10px;
	background:transparent url(../irudiak/bot_deskarga.gif) no-repeat right center;
	}

#atala .programa dd ul {
	margin-left:220px;
	}
#atala .programa dd li {
	min-height:14px;
	margin:6px 0;
	padding-left:16px;
	background:transparent url(../irudiak/iko_programa-atala.gif) no-repeat left 0.2em;
	}
#atala .programa dd li a {
	font-weight:bold;
	color:#505cb9;
	}
#azkenprograma p.entzun {
	clear:both;
	margin:4px 0 -15px 35px;
	}
.programa p.entzun a {
	display:block;
	padding:3px 0 2px 24px;
	background:transparent url(../irudiak/iko_bideoa-ikusi.gif) no-repeat left center;
	color:#394d75;
	}
.programa p.guztiak {
	position:absolute;
	top:-6px; right:50px;
	text-align:right;
	}
#edu .programa p.guztiak a {
	padding:5px 20px 5px 0;
	background:transparent url(../irudiak/iko_menu-nag.gif) no-repeat right 4px;
	line-height:2em;
	}
	
	
/* BARRUKO ATALAK */
div.atala-info {
	margin-bottom:20px;
	}
	
div.atala-info h2 {
	font-size:1.6em;
	margin:5px 64px 0 0px;
	padding:8px 0 2px 8px;
	border-bottom:1px solid #8e8dae;
	}
#edu div.atala-info p {
	font-size:1.1em;
	margin:5px 80px 20px 8px;
	}
div.atala-info {
	min-height:58px;
	margin-right:8px;
	background:transparent url(../irudiak/fon_tit_danel.jpg) no-repeat top right;
	}
div#makina { background-image: url(../irudiak/fon_tit_makina.jpg);}
div#danel { background-image: url(../irudiak/fon_tit_danel.jpg);}
div#medikua { background-image: url(../irudiak/fon_tit_medikua.jpg);}
div#mokoka { background-image: url(../irudiak/fon_tit_mokoka.jpg);}
div#fikzio { background-image: url(../irudiak/fon_tit_fikzio.jpg);}
div#zenbaki { background-image: url(../irudiak/fon_tit_zenbaki.jpg);}
div#tekla { background-image: url(../irudiak/fon_tit_tekla.jpg);}
div#diver { background-image: url(../irudiak/fon_tit_diver.jpg);}
div#e-iker { background-image: url(../irudiak/fon_tit_e-iker.jpg);}
div#erreportajeak { background-image: url(../irudiak/fon_tit_erreportajeak.jpg);}
div#belarri { background-image: url(../irudiak/fon_tit_belarri.jpg);}
div#burdin { background-image: url(../irudiak/fon_tit_burdin.jpg);}
div#haurdun { background-image: url(../irudiak/fon_tit_haurdun.jpg);}
div#harriek { background-image: url(../irudiak/fon_tit_harriek.jpg);}
div#kontatu { background-image: url(../irudiak/fon_tit_kontatu.jpg);}

.atala h3 {
	padding:5px 40px 0 37px;
	background:transparent url(../irudiak/fon_atala-go.gif) no-repeat top left;
	}
.atala h3 span {
	display:block;
	margin:0 0 4px -37px;
	}
.atala dt {
	width:220px;
	font:1.4em Arial, Helvetica, sans-serif;
	margin:0 10px 5px 0;
	color:#877dad;
	}
.atala dt .info {
	padding:0 0 0;
	font-size:80%;
	}
.atala dt .reproduktorea {
	margin:5px 0 10px; width:200px;
	}
.atala dt a.deskarga, .zerrenda a.deskarga {
	padding:4px 22px 4px 10px;
	background:transparent url(../irudiak/bot_deskarga-txiki.gif) no-repeat right center;
	}
.atala dd {
	padding:0 0 0 230px;
	}

/* danelekin solasean */
.programa dl dl {
	margin:0;
	padding-top:4px;
	}
.programa dl dl dt {
	float:left;
	width:auto;
	margin:0;
	padding-right:5px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	}
.programa dl dl dd {
	margin-bottom:3px;
	padding:0;
	}
	
/*zerrenda - hemeroteka */
.zerrenda-tit, .form2 legend {
	margin:0 16px;
	padding:0 8px 5px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	border-bottom:2px dotted #8e8dae;
	}
.zerrenda {
	margin:0 16px;
	border-bottom:2px dotted #8e8dae;
	background-color:#ffffff;
	}
.zerrenda li {
	position:relative;
	padding:7px 0 1.7em 0;
	border-bottom:1px dotted #8e8dae;
	}
.zerrenda li:hover {
	background-color:#effafd;
	}
.zerrenda ul .data {
	display:block;
	float:left; clear:left;
	width:7.5em;
	padding-left:0.7em;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	color:#8795b1;
	}
.zerrenda ul a.tit {
	display:block;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#394d75;
	margin:0 25px 0 7.54em;
	}
.zerrenda dl {
	margin-left:9.05em;
	}
.zerrenda dt {
	float:left;
	padding:0px 0.5em 0 0;
	font-weight:bold;
	}
.zerrenda dd {
	padding-right:25px;
	}
.zerrenda ul span.info {
	position:absolute;
	right:3px; bottom:0;
	display:block;
	margin:0 0 5px 8.25em;
	text-align:right;
	}

/* aurrekoak-hurrengoak   */
ul.aurrera-atzera {
	margin:8px 0 16px;
	padding:8px 0 0 0;
	text-align:center;
	}
ul.aurrera-atzera li {
	display:inline;
	}
a.aurreko {
	padding:3px 8px 3px 20px;
	border-right:1px solid #999999;
	background:transparent url(../irudiak/iko_atzera.gif) no-repeat left;
	}
a.hurrengo {
	padding:3px 21px 3px 4px;
	background:transparent url(../irudiak/iko_aurrera.gif) no-repeat right;
	}
#edu li.off a {
	color:#bfc1be;
	cursor:default;
	}
#edu li.off a:hover { text-decoration:none;}


/* MAKINISTAREN GOGOETA */

dl.makinista dt {width:100%; margin:10px 0 20px;}
dl.makinista span.info  {padding-top:10px;}
dl.makinista .reproduktorea {float:left; width:200px; margin-left:40px; margin-right:10px;}
dl.makinista dd { padding:0 40px;}
#edu dl.makinista p.ban { text-align:center; margin:0.7em 50px -0.6em 40px; color:#999999;}
#menu_makinista { 
	margin:1.5em 30px 0 74px;
	padding:1em 0;
	border-top:1px dotted #8e8dae;
	}
#menu_makinista li {display:inline; padding-right:8px;}
#menu_makinista li a {
	padding:5px 0 5px 20px;
	background:transparent url(../irudiak/iko_entzun.gif) no-repeat 0 0.4em;
	}
#edu a.bidali {
	padding:5px 0 5px 20px;
	background:transparent url(../irudiak/iko_bidali.gif) no-repeat 0 0.4em;
	}

/* iruzkinak */
div#iruzkinak {
	margin:0 20px;
	}
div#iruzkinak h4 {
	margin:10px 0 5px;
	font:bold 1.2em/1.2em  Arial, Helvetica, sans-serif;
	color: #5669b8;
	}
div#iruzkinak a {
	color: #5669b8;
	}
div#iruzkinak dl {
	margin:1em 0 2em;
	}
div#iruzkinak dt {
	font:1.1em Georgia, "Times New Roman", Times, serif;
	color: #4e4e4e;
	border-bottom:1px dotted #8e8dae;
	margin:2.5em 0 0 0;
	padding:0 0 3px 10px;
	}
div#iruzkinak dt p { margin:0.5em 0;}
div#iruzkinak dt span {	font:bold 0.91em Verdana, Arial, Helvetica, sans-serif;}
div#iruzkinak dd {margin:0 0 0 10px;}
div#iruzkinak dd p {margin:0;}
div#iruzkinak ul.aurrera-atzera {
	border-top:1px solid #8e8dae;
	}
/* formularioa*/
.form2 {
	margin:40px 8px;
	padding:8px 0 15px 8px;
	border:1px solid #8e8dae;
	background-color:#d7e4f1;
	}
.form2 legend {
	display:block;
	padding-right:355px;
	margin-bottom:20px;
	}
.form2 label {
	position:relative;
	display:block;
	float:left;
	font-weight:bold;
	color:#333333;
	margin:5px 5px 0 0;
	}
.form2 label span {
	font-weight:normal;
	font-size:90%;
	}
label.checkbox, label.radio {
	display:inline;
	font-weight:normal;
	vertical-align:bottom;
	padding-right:7px
}
label.checkbox input, label.radio input {
	margin-right:5px;
	}
.form2 .lab30 {width:30%;}
.form2 .lab33 {width:32%;}
.form2 .lab66 {width:65%;}
.form2 .lab99 {width:98.8%;}
.form2 .lab50 {width:49%;}
.form2 .lab20 {width:18%;}
.form2 .lab40 {width:38%;}
.form2 .lab60 {width:58%;}
.form2 .lab80 {width:78%;}
.form2 input, .form2 select, .form2 textarea {
	width:97%;
	display:block;
	float:left;
	clear:left;
	margin-top:2px;
	padding:1px;
	background-color:#ffffff;
	border:1px solid #9ab2e1;
	}

.form2 div#botoiak {
	float:right;
	margin:18px 10px 0 0;
	height:2.6em;
	}
#bot_bidali, #bot_garbitu { 
	display:block;
	text-align:right;
	width:7.5em; 
	padding:5px 24px 5px 5px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#5C5A5B;
	border:none;
	cursor:pointer;
	}
#bot_bidali {
	float:right;
	background:transparent url(../../ELH_korporatiboa/irudiak/botoiak/bot_ok.gif) no-repeat right;
	}
#bot_garbitu {
	float:right;
	font-weight:normal;
	background:transparent url(../../ELH_korporatiboa/irudiak/botoiak/bot_garbitu.gif) no-repeat right;
	}	
		
/* PROGRAMA GUZTIAK */
.guztiak h2 {
	font-size:1.6em;
	margin:5px 8px 20px 8px;
	padding:8px 0 2px 0;
	border-bottom:1px solid #8e8dae;
	}
.guztiak h3 {
	padding:5px 40px 0 0;
	background:transparent url(../irudiak/fon_atala-go.gif) no-repeat top left;
	}
.guztiak .programa dd {
	padding-top:0;
	}	
.guztiak .programa dt {
	margin:0px;
	}	
.guztiak li li span.info {
	margin-top:0;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}

.guztiak .aurrera-atzera {
	border-top:1px solid #8e8dae;
	}

/* NOR GARA */
#korp div#atala {
	width:500px;
	margin-right:20px;
	}
	
/* EMAITZAK */

#atala.emaitzak {
	padding-top:15px;
	padding-bottom:30px;
	}
#atala.emaitzak h2 {
	margin:20px 50px 10px 30px;
	padding:3px 0 2px 10px;
	background:transparent url(../irudiak/fon_tit-emaitza.gif) no-repeat right center;
	border-bottom:1px solid #8e8dae;
	font-size:1.5em;
	}
#atala.emaitzak p.kopurua {
	margin-right:40px;
	padding:0px 9px 2px;
	border:1px solid #999acf ;/*#8e8dae*/
	background:#b0b1df;/*#ffffff*/
	font-weight:bold;
	}
#atala.emaitzak span.info {
	font:160% Georgia, "Times New Roman", Times, serif;
	color:#ffffff /*#8795b1*/;
	}
#atala.emaitzak p {
	margin:0 0 0 30px;
	border:none;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
#atala.emaitzak ul {
	margin:0 0 10px 45px;
	}
#atala.emaitzak ul li {
	background:transparent url(../irudiak/dot_emaitza.gif) no-repeat left 3px;
	margin-top:2px;
	padding:2px 0 2px 15px;
	}
#atala.emaitzak ul a {
	color:#3d578f;
	text-decoration:none;	
	}
#atala.emaitzak ul a:hover {
	text-decoration:underline;
	}	



/*  =NABIGAZIOA
---------------------------------------    */
	/* orokorra, margenak,...  - - - - - - - - - - - - */
	#nabigazioa .menu_tituloa {
		margin:0 7px;
		padding:0.5em 0 0.2em 0;
		font:1em Tahoma, Arial, Helvetica, sans-serif;
		color:#6699CC;
		text-transform:uppercase;
		letter-spacing:0.1em;
		}
			
	/*  menu_0 (home,...)
	---------------------------------------    */
	ul#menu_0 {
		position:absolute;
		top:104px;; left:13px;

		}
	ul#menu_0 a {
		display:block;
		padding:5px 4px 5px 27px;
		background:transparent url(../irudiak/iko_home.gif) no-repeat 7px 5px;
		font: 1.2em/1.2em Tahoma, Arial, Helvetica, sans-serif;
		color:#ffffff;
		text-decoration:none;
		}
	ul#menu_0 a:hover, ul#menu_0 a:focus {
		background:transparent url(../irudiak/iko_home.gif) no-repeat 7px -95px;	
		color:#000000;
		text-decoration:none;
		}

	/* menu nagusia - - - - - - - - - - - - */
	ul#menu_nag {
		margin-left:14px;
		padding:20px 0 15px 0;
		}
	ul#menu_nag a {
		display:block;
		padding:5px 4px 5px 27px;
		background:transparent url(../irudiak/iko_menu-nag.gif) no-repeat 7px 6px;
		font: 1.2em/1.2em Tahoma, Arial, Helvetica, sans-serif;
		color:#666666;
		text-decoration:none;
		}
	ul#menu_nag a:hover, ul#menu_nag a:focus {
		background:#c7cbe7 url(../irudiak/iko_menu-nag.gif) no-repeat 7px -94px;	
		color:#000000;
		text-decoration:none;
		}
	#ata1 .ata1 a, #ata2 .ata2 a, #ata3 .ata3 a, 
	#ata4 .ata4 a, #ata5 .ata5 a, #ata6 .ata6 a,
	#ata7 .ata7 a, #ata8 .ata8 a, #ata9 .ata9 a, 
	#ata10 .ata10 a, #ata11 .ata11 a, #ata12 .ata12 a,
	#ata13 .ata13 a, #ata14 .ata14 a, #ata15 .ata15 a,
	#ata16 .ata16 a, #ata17 .ata17 a {
		background:transparent url(../irudiak/iko_menu-nag.gif) no-repeat 7px -94px;	
		color:#000000;
		}	

	/* menu nagusia: programa guztiak - - - - - - - - - - - - */
	ul#menu_nag li.guztiak {
		margin:1.4em 15px 0 0;
		width:157px;
		padding-bottom:6px;
		background:#ede6fc url(../irudiak/bot-guztiak-be.gif) no-repeat left bottom;
		}
	ul#menu_nag li.guztiak a {
		padding:8px 0 8px 34px;
		width:123px;
		background:#ede6fc url(../irudiak/bot-guztiak-go.jpg) no-repeat;
		}
	ul#menu_nag li.guztiak a:hover {
		background-position:0 -80px;
		}

/*  =NABIGAZIOA 2
---------------------------------------    */
ul#menu_gaiak {
	margin:7px 0 30px 8px;
	}
ul#menu_gaiak li a {
	display:block;
	margin:5px 0;
	min-height:15px;
	padding:0 0 0 14px;
	background:transparent url(../irudiak/iko_gaiak.gif) no-repeat 0 1px;
	color:#666666;
	}
ul#menu_gaiak li a:hover, ul#menu_gaiak li.on a {
	background-position:0 -59px;
	color:#000000;
	text-decoration:underline;
	}
ul#menu_gaiak li.on a {
	text-decoration:none;
	}

ul#menu_gaiak li li a {
	position:absolute;
	width:0;
	overflow:hidden;
	}
ul#menu_gaiak li.on ul {
	margin-top:-5px;
	}
ul#menu_gaiak li.on li a {
	position:relative;
	width:auto;
	margin:0 0 0 14px;
	padding-left:10px;
	background:transparent url(../irudiak/iko_azpigaiak.gif) no-repeat 0 2px;
	}
ul#menu_gaiak li.on li a:hover {
	text-decoration:underline;
	}
