/* ELEMENTOS HTML */

html{	height: 100%;	width: 100%;	margin: 0px;	padding: 0px;}

a {	text-decoration: none;}

img{
	display: block; /*para unificar tratamiento de imagenes en modo estricto*/
	border: none;
/*	width:15em; = LUPA*/
}


ul, ol, dl{ /* truco para que en explorer funcione el fondo de las listas*/
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

li{
	list-style: none;
}

body {background-color: #000080;	font-size: 0.7em;}

body, a, li, p {
	/*height: 100%;	width: 100%;	ESTE ES EL PROBLEMA DEL MENU*/
	margin: 0px;	padding: 0px;
	font-family:  Verdana, Geneva, Arial, Helvetica,  "Arial Unicode MS", sans-serif; 
	color: #000000;
}

h1 {color: #ffffff; font-size: 1.2em; line-height: 1.4em; padding: 2px 5px 2px 2px; background: url(../IMG/esquina_titular_texto.gif) no-repeat right top #000080;}
h2 {color: #ffffff; font-size: 1.1em;  line-height: 1.3em;padding: 2px 5px 2px 2px; background: url(../IMG/esquina_titular_texto.gif) no-repeat right top #000080;}
h3 {color: #ffffff; font-size: 1em; line-height: 1.2em;padding: 2px 5px 2px 2px;background: url(../IMG/esquina_titular_texto.gif) no-repeat right top #000080;}
h4 {color: #ffffff; font-size: 0.9em; line-height: 1.1em; padding: 2px 5px 2px 2px; }
	
img{
	text-align: center;
}

/* IDs */

#cabecera{	width: 100%;	float:left;	position: relative; display: inline; background: #000000; margin:0px; padding: 0px;
/*border-bottom: 5px solid #000080;*/}
		#logo { width: 25%;	float:left;	position: relative;	display: inline; /*height:40px;*/ background: #000000;	vertical-align: top;}
			#logo a img{
				vertical-align: middle;
			}
		#navegacion{color: #ffffff; width: 12%;	float:left;	position: relative; padding-left:1em; }
/*		#imprimir{width: 60%; float:right;	position: relative;	display: inline; height: 1.5em; margin-top: 0.5em;}*/
		#navegacion li { display: inline; text-align: right;} 
		#navegacion li a { display: inline; color:#ffffff; text-align: right;} 
		#navegacion ul li a img { display: inline;	text-align: right;color:#ffffff;} 
		#navegacion img{display: inline;	text-align: right;color:#ffffff;		}
		#botoiak{width: 60%;	float:right; position: relative;	text-align:center; display: inline;	min-height: 48px; background: url(../IMG/esquina_izq_busqueda.gif) no-repeat left top #000080;}
		#botoiak ul li a{ font-size: 0.8em;	}
		#botoiakindex{width: 60%;	float:right; position: relative;	text-align:right; display: inline;	min-height: 48px; background: #000000; color:#ffffff;}
		#botoiakindex p{
			text-align: center;
		}
		#titulo{width:100%;	float:left;	position: relative;}
		#titulo h1{	color: #ffffff;	padding-left: 0.5em;}


#contenidoymenu{
	width: 98%;
	float: left;
	position: relative; /*	font-size: 0.8em;*/
	background: url(../IMG/fondo_pagina.gif) no-repeat top right #ffffff;
	margin: 0px;
	padding: 0px;
	top: 0px;
	border: 2px solid #ffffff;
}
#index{
	background: #99D700;
}
#contenidoymenuindex{
width: 98%;
	float: left;
	position: relative;
background: #99D700;
height: 56em;}

#menu{	
	width: 15%;
	float: left;	position: relative;
	background: #F2F5F7 /*url(/inicio/irudiak/esquina_menu_interior.gif) no-repeat right top*/;
	color: #000000;
	top: 0px;

}
#menuindex{
	width: 15%;
	float: left;	position: relative;
	top: 0px;
	background: #99D700;

}
#menuindex h1{
background: #000080 url(../IMG/esquina_titular_textoindex.gif) no-repeat right top;
color:#ffffff;
margin-top:5px;
}

#menu h1{	color: #ffffff;	padding-left: 0.5em; }

#menu ul{	
	padding-top: 0em;
}
#menu li, #menuindex li{
	/*border-right: 1px solid #BDCBD6;*/
	list-style: none;
	color: #000000;
	border-bottom: 1px solid #BDCBD6;
	border-right: 1px solid #BDCBD6;
	margin: 0px;
	padding: 1px 0px 1px 3px; /*list-style: inside url(../IMG/transparente1.gif);*/
	font-size: 0.9em;

}
#menuindex li{	
	border-bottom: 1px solid #000080;
	border-right: 1px solid #000080;}

#menu li li , #menuindex li li{
	border: 0px;
	margin: 0px;
	/*padding: 1px 0px 1px 6px; */
	border-top: 1px dotted #bdcbd6; /*border-right: 1px solid #BDCBD6;*/
	/*border-left: 1px solid Gray;*/
	text-transform: lowercase; /*list-style: inside url(../IMG/transparente2.gif);*/
	color: #cccccc; 
	list-style: url(../IMG/transparentelistamenulili.gif) inside none;
	vertical-align: middle;
}
#menu li.on, #menu li.off, #menu li.onarabe, #menu li.offarabe{
	color: #000000;
	/*font-size: 0.8em;no soluciona problema*/
}
#menu li.on, #menu li.onarabe {	background: #AABBD5;}

#menu li a:hover{
	color: #ffffff;
	background: #AABBD5;
}
#menu li li a:hover{
	color: #ffffff;
	background: #AABBD5;

}
#menu p{
	text-align: center;
}
#contenidomapa{padding:20px;
			width: 80%; /*100% no cambiar funciona menu*/ float:left;	position: relative;	background: #ffffff;
}
#contenidomapa li li{list-style: url(../IMG/transparentelistamenulili.gif) inside none;
	
}
#contenido{width: 80%; /*100% no cambiar funciona menu*/ float:left;	position: relative;	 
/*margin-top: 1em; margintop para menu y contenido*/}
#contenidoindex{
	width: 80%;
height: 56em;
	background: url(../IMG/fondobola.gif) no-repeat top left #99D700; /*100% no cambiar funciona menu*/
	float: left;
	position: relative; /*margin-top: 1em; margintop para menu y contenido*/
	text-align: right;
}
#contenidoindex2{
	width: 80%;
	background: url(../IMG/fondobola2.gif) top center; /*100% no cambiar funciona menu*/
	float: left;
	position: relative; /*margin-top: 1em; margintop para menu y contenido*/
}
#contenidoindex li, #contenidoindex2 li{
	text-align: center;
	line-height: 0.5em;
}

#contenidoindex img{

text-align: right;
}
#contenidoindex span{
	text-align: right;
}
#contenido1_2, #contenido2_2 {
	position: relative;
	width: 46%;/* 47%;*/
	padding: 0.5em;
	/*ojo sino se ven las de mayor texto fondo blanco*/
}
#contenido1_2{
	float: left;	
}
#contenido2_2{
	border-left: 1px dotted #cccccc;
	float: right;
	
}
#contenido1_1{
 		padding: 0.5em;
		position: relative;
		width: 92%;
		float:left;
 }

#botoiak ul{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#botoiak li{
	display: inline; /*	list-style: none;*/
	line-height: 1em;
	padding: 0.1em;
	margin: 0.1em;
	/*list-style: inside url(../IMG/transparente1.gif);*/
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;	
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;

}

#plano{
	position: relative;
	float: right;
	width: 49%;
	/*padding: 0.5em 0.5em 0.5em 0em;	*/
	
}
#plano img{
	border: 1px solid #cccccc;
}

#foto{
	position: relative;
	float: left;
	width: 50%;
	display: inline;
	/*padding: 0.5em 0em 0.5em 0.5em;	*/
}
#foto p{
	text-align: center;
	border: 0px;
	line-height: 1.5em;
}
#foto a{
	text-decoration: underline;
	font-weight: bold;
}
#foto img{
		display: inline;
}
#foto span{
		display: inline;
}
#contenido h1, #contenido h2, #contenido h3{
	margin: 0.5em;
}

#contenido1_2 p, #contenido2_2 p, #contenido1_1 p {
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
#contenido1_2 a, #contenido2_2 a, #contenido1_1 a {
	text-decoration:underline;
	font-weight: bold;
}
#contenido1_2 li, #contenido2_2 li, #contenido1_1 li {
	background: url(../IMG/transparente3lista.gif) no-repeat left top;
	/*list-style:inside url(../IMG/transparente10.gif);*/
	margin-left: 0.5em;
	padding-left: 1em;
}
#contenido1_2 ul, #contenido2_2 ul, #contenido1_1 ul {
	padding: 0px;
	margin: 0px;
	padding-bottom: 0.5em;
}
#contenido1_2 span img, #contenido2_2 span img, #contenido1_1 span img {
display: inline;
}
#contenido1_2 img, #contenido2_2 img, #contenido1_1 img {
display: inline;
}
#eskura21, #eskura21index{
	width: 100%;
	position: relative;
	float: left;
	display:inline;
	text-align: center;
}
#eskura21 a img, #eskura21index a img{
	display: inline;
}
#eskura21index{
	background: #99D700;
	margin-top: 3em;
}

#botoiak li.chino {
	background: #ff0000;
}
#botoiak li.chino  a span{
	color: #ffff00;
		font-size: 1em;
}
#botoiak li.espanol{
	background: #000080;
}
#botoiak li.espanol a span{
	color: #ffffff;
}
#botoiak li.euskera{
	background: #026086;
}
#botoiak li.euskera a span{
	color: #ffffff;
}
#botoiak li.arabe{
	background: #005500;
}
#botoiak li.arabe a span{
	color: #ffffff;
	direction: rtl;
	text-align: right;
	font-size: 1.2em;
}
#botoiak li.rumano{
	background: #AFEEEE;
}
#botoiak li.rumano a span{
	color: #000000;
}
#botoiak li.ingles{
	background: #000000;
}
#botoiak li.ingles a span{
	color: #ffff00;
}
#botoiak li.frances{
	background: #dddddd;
}
#botoiak li.frances a span{
	color: #000080;
}

.inicioespanol, .inicioeuskera, .inicioarabe, .inicioingles, .iniciochino, .iniciofrances, .iniciorumano{
padding:1em;  border: 2px solid #aaaaaa;
line-height: 5em;
margin: 2em;
}
.inicioespanol, .inicioeuskera, .inicioingles, .iniciochino, .iniciofrances, .iniciorumano{
text-align: center;
}

.inicioespanol, .inicioeuskera{
		background: #000080;
		color: #ffffff;
		
}
.inicioarabe{
	background: #005500;
	color: #ffffff;
	direction: rtl;
	text-align: right;
	font-size: 1.2em;
}
.inicioingles{
	background: #000000;
	color: #ffff00;
}
.iniciochino {
	background: #ff0000;
	color: #ffff00;
	font-size: 1em;
}
.iniciofrances{
	background: #dddddd;
	color: #000080;
}
.iniciorumano{
	background: #AFEEEE;
	color: #000000;
}



/* CLASES */

.invisible{
	display: none;
	visibility: hidden;
}

.arabe, .dondearabe, #menu li.onarabe, #menu li.offarabe {
	direction: rtl;
	text-align: right;
	list-style: none none;
	list-style-image: none;
	list-style-type: none;
	white-space: normal;
}
.derecha{
	text-align:right;
	display: block;
}
.izquierda{
	text-align:left;
	display: list-item;
}
li.izquierda a:hover{
color: #777777;
	background: #AABBD5;
}
.centrado{	text-align: center;}
.cursiva{	font-style: italic;}
.negrita{	font-weight: bold;}

.donde, .dondearabe {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	color: #ffffff; font-size: 0.8em;   font-weight: 	bold;  padding: 1px; padding-right: 5px; background: url(../IMG/esquina_titular_texto.gif) no-repeat right top #000080;}
.bienvenida{
	border: 1px solid #cccccc;
}
.email{
	padding: 0.5em;
}
.alcalde{
	width: 75%;
	padding:1em;
	line-height: 2em;
	text-indent: 3em;
	padding-bottom: 1em;
	text-align: justify;
}
.firma{width: 75%;
	padding:1em;
	line-height: 1.5em;
	text-indent: 2em;
	padding-bottom: 1em;
	padding-right: 10em;
	text-align:right;
	float: right;
}
.cuadrado{
	border: 1px solid #003399;
	background: #dddddd;
	margin-bottom: 1em;
	line-height: 1.9em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #003399;
	font-weight: bold;
	list-style: none;
	list-style-type: none;
}