/* ELEMENTOS HTML */

html{	background: /*url(../IMG/portada.jpg) left top  no-repeat*/ #ffffff;
height: 100%;	width: 100%;	margin: 0px;	padding: 0px;}

#index {background: url(../IMG/portada.jpg) left top  no-repeat #ffffff;}
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 {

	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;
}

.encabezadodurango{
	background: #DCE3F6;
	}
h1, h2, h3, h4, h5, h6, .donde, .dondearabe{
	background: #EFF2FB;
	color: #5E88B0;
	padding: 2px 5px 2px 2px;
	border:1px solid #dee1ec;
}

h1 {font-size: 1.2em; line-height: 1.4em; }
h2 {font-size: 1.1em;  line-height: 1.3em;}
h3 {font-size: 1em; line-height: 1.2em;}
h4 {font-size: 0.9em; line-height: 1.1em;  }
	
img{
	text-align: center;
}

/* IDs */

#cabecera{	
width: 100%;	float:left;	position: relative; display: inline;margin:0px; padding: 0px;
/*border-bottom: 5px solid #000080;*/}
		#logo { width: 25%;	float:left;	position: relative;	display: inline; /*height:40px;*/ 	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;*/
	margin: 0px;
	padding: 0px;
	top: 0px;
	border: 2px solid #ffffff;
}
/*
#index{
	background: #99D700;
}*/
#contenidoymenuindex{
width: 100%; /*era98%*/
	float: left;
	position: relative;
/*background: #99D700;*/
height: 56em;
top:10em;}

#menu{	
	width: 15%;
	float: left;	position: relative;
	background:  url(../IMG/menudurango.jpg) no-repeat left top #B4CDE1;
	color: #000000;
	top: 0px;
	border:1px solid #eeeeee;
}
#menuindex{
	width: 15%;
	float: left;	position: relative;
	top: 0px;


}
#menuindex h1{
	background:  url(../IMG/menudurango.jpg);
margin-top:5px;
}

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

#menu ul, #menuindex ul{	background: #F2F5F7; 
	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{		background:  url(../IMG/menudurango.jpg) no-repeat left top #B4CDE1;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;}

#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: #aaaaaa; 
	list-style: url(../IMG/transparentelistamenulili.gif) inside none;
	vertical-align: middle;
	font-size:0.9em;
	
}
#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, #contenido1_1 {
	background:#ffffff;
}
#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{
		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;
}
#publi{float:left;
width:98%;
position:relative;


}
#publi1, #publi1 li{
color:#ffff88;
}

#publi2, #publi2 a{
color:#00FFFF;
}
#publi1 p{color:#ffff00;}
#publi2 p{color:#00ffff;}

#publi1 li, #publi1 li a{color:#ffff00;}
#publi2 li, #publi2 li a{color:#00FFFF;}
#publi1 li li, #publi1 li li a{color:#ffff99;}
#publi2 li li, #publi2 li li a{color:#99FFFF;}

#publi1, #publi2{
width:40%;
position:relative;
	padding: 0.5em;
	margin: 0.5em;
	background: #000000;
}
#publi1{
float:left;
}
#publi2{float:right;
}
#publi1{
border:1px solid #ffff99;
}
#publi2{
border:1px solid #00FFFF;
}
#publi1 a, #publi2 a{border:none;
font-weight:bold;}

#publi1 p, #publi2 p{
text-align: left;
font-size:1.3em;
font-weight:bold;
}
#publi li{text-align: left;
	list-style: square;
	line-height:1.3em;
	margin-left:1em;
	list-style-position:inside;
	padding-top:1em;
}
#publi li li{
	list-style: circle;
	padding-top:0.2em;
	margin-left:4em;
}

/* Añadido por jglete para la gestión de los vínculos de Consulados. */
.paradesplegar>a 
{
    cursor: pointer;
    text-decoration: none;
    color: #5E88B0;
}

.traduciendo{
    border: 3px dotted #cccccc;
    margin-left:3em;
    margin-right:3em;
    color:#555555;
}