/* Documento CSS para ALL: Guia de Compras - Ayuntamiento de Pamplona */
/* McCain (aus) 2005 */
/* */

/*---- ESTILOS GENERALES ----*/
/*---- etiquetas ----*/
p{
	margin: 0;
	padding: 0;
}
h1{
	font-size: 140%;
	font-weight: bold;
	margin: 10px 0;
}
h2{
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0;
}
h3{
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	margin: 10px 0;
}
/*---- bloques ----*/
.bloque {
	/* Overflow */
		/* separacion correcta Firefox */
		overflow: hidden;
		/* separacion correta IE y Opera */
		width: 100%;
	/* */
}
.bloque .izq {
	float: left;
	width: 26.67%;
}
.bloque .der {
	float: left;
	width: 73.33%;
}
/* Opera necesita widht exacto para superar float */
/* Hack Opera ==> CSS3 solo implementado en Opera */
@media screen and (min-width: 10px){
	.bloque .izq {
		width: 200px;
	}
	.bloque .der {
		width: 550px;
	}
}
/* */
.fRight{
	float: right;
}
.fLeft{
	float: left;
}

/*---- alineacion ----*/
.aRight{
	text-align: right;
}
.aLeft{
	text-align: left;
}
.aCenter{
	text-align: center;
}
.aJustify{
	text-align: justify;
}
/*---- tamaņos ----*/
.h20{
	height: 20px
}
.lineHeight0{
	line-height: 0;
}
.w10{
	width: 10%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.w35{
	width: 35%;
}
.w50{
	width: 50%;
}
.w285px{
	width: 285px;
}
/*---- margen-padding ----*/
.m0{
	margin: 0;
}
.m10{
	margin: 10px;
}
.mR10{
	margin-right: 10px;
}
.mL10{
	margin-left: 10px;
}
.mT10{
	margin-top: 10px;
}
.mB10{
	margin-top: 10px;
}
.mT20{
	margin-top: 20px;
}
.m2_0{
	margin: 2px 0;
}
.p0_5{
	 padding: 0 5px;
}
/*---- colores ----*/
.bg666666{
	background-color: #666666;
}
.bg333333{
	background-color: #333333;
}
.colorB98F12{
	color: #B98F12
}
.colorFFFFFF{
	color: #FFFFFF;
}
	/*- Casco viejo: 0 -*/
	.bg0_0{
		background-color: #CF5015;
	}
	.bg0_1{
		background-color: #F3B18B;
	}
	.color0_0{
		color: #CF5015;
	}
	/*- I ensanche: 1 */
	.bg1_0{
		background-color: #FF9A04;
	}
	.bg1_1{
		background-color: #FFCD83;
	}
	.color1_0{
		color: #FF9A04;
	}
	/*- II ensanche: 2 -*/
	.bg2_0{
		background-color: #B98E12;
	}
	.bg2_1{
		background-color: #DEC384;
	}
	.color2_0{
		color: #B98E12;
	}
	/*- San juan: 3 */
	.bg3_0{
		background-color: #4B9B50;
	}
	.bg3_1{
		background-color: #A2CAA0;
	}
	.color3_0{
		color: #4B9B50;
	}
	/*- Iturrama: 4 -*/
	.bg4_0{
		background-color: #0BAAC4;
	}
	.bg4_1{
		background-color: #8ED4E4;
	}
	.color4_0{
		color: #0BAAC4;
	}
	/*- Ermitagaņa-mendebaldea: 5 -*/
	.bg5_0{
		background-color: #3288C1;
	}
	.bg5_1{
		background-color: #98C0E2;
	}
	.color5_0{
		color: #3288C1;
	}
	/*- Paseos: 6 -*/
	.bg6_0{
		background-color: #99BC1A;
	}
	.bg6_1{
		background-color: #D1DE8E;
	}
	.color6_0{
		color: #99BC1A;
	}
	/*- Resto: >6 -*/
	.bg7_0{
		background-color: #99BC1A;
	}
	.bg7_1{
		background-color: #D1DE8E;
	}
	.color7_0{
		color: #99BC1A;
	}
/*---- concretos ----*/
.border0{
	border: 0;
}
.bold{
	font-weight: bold;
}
.nodisplay{
	display: none;
}

/*-------------------------------*/
/*---- BLOQUE CONTENIDOS ----*/
#content #migas{
	color: #000000;
	margin-bottom: 10px;
}
#content #migas p{
	display: none;
}
#content #migas ul{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content #migas li{
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}
#content #migas ul ul{
	margin: 0;
	padding: 0 0 0 15px;
}
#content #migas ul ul{
	background: url("../layout/migas.gif") no-repeat left;
}
#content #migas a{
	color: #000000;
	text-decoration: none;
}
#content #migas a:hover{
	color: #333333;
	text-decoration: underline;
}
#content p{
	margin: 10px 0;
	padding: 0;
}
#content p.informacion, #content h3.informacion{
	margin-left: 10px;
}
#content p.informacion, #content h3.informacion{
	margin-left: 10px;
}
#accesibilidad #content a{
	text-decoration: underline;
}
#accesibilidad #content a:hover{
	text-decoration: none;
}
#content .h2_informacion{
	background-color: #CCCCCC;
	padding: 5px 10px;
}
#content a{
	color: #333333;
	text-decoration: none;
}
#content a:hover{
	text-decoration: underline;
}
#content .listado{
	margin: 0 0 0 20px;
	padding: 0;
}
#content .listado li{
	list-style: url(../layout/ul.gif) outside decimal;
	margin-bottom: 5px;
}
#content .subnav{
	margin: 0;
	padding: 5px 0;
	text-align: center;
	background-color: #CCCCCC;
}
#content .subnav li{
	display: inline;
	padding: 0 3px;
	color: #000000;
}
#content .subnav a{
	color: #000000;
	text-decoration: none;
}
#content .subnav a:hover{
	text-decoration: underline;
}
#content table{
	width: 90%;
	margin: 0 auto 0 auto;
	border-top: 1px solid #333333;
}
#content table caption{
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	text-transform: uppercase;
	padding: 5px 0;
}
#content table td, #content table th{
	border-bottom: 1px solid #333333;
}
#content table .iconos{
	width: 30px;
	text-align: center;
}
#content .servicios{
	list-style-type: none;
	border: 1px solid #333333;
	margin: 5px 5px;
	padding: 5px 5px;
	text-align: center;
}
#content .servicios li{
	display: inline;
}
#content .servicios li span{
	display: table-cell;
}
#content #leyendas dt{
	margin: 10px 0;
}
#content #leyendas dd{
	margin: 0;
	float: left;
	width: 33%;
}

/*-------------------------------*/
/*---- BLOQUES DISEŅO GENERAL ----*/
body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	color: #333333;
	background-color: #F0F0F0;
	/* Hack center body IE5-5.5 */
		text-align: center;
	/* */
}
/*---- #skip ----*/
#skip img{
	float: left;
	border: 0;
}
/*---- contenedor principal ----*/
#container {
	/* Box Model Hack */
		/* Medida original */
		width: 760px;
		/* IE: original + padding-left + padding-right + border-left + border-right */
		\width: 762px;
		/* IE 6 y Firefox */
		w\idth: 760px;
	/* */
	border: 1px solid #D1D1D1;
	background-color: #FFFFFF;
	margin: 10px auto 10px auto;
	/* Hack center body IE5-5.5 */
		text-align: left;
	/* */
}
/*---- subcontenedor principal ----*/
#subcontainer{
	margin: 5px;
}

/*---- TOP ----*/
#top {
	padding: 0;
	margin: 0;
	background-color: #666666;
	height: 120px;
}
#menu_superior{
	color: #F2F4F2;
}
#menu_superior ul{
	float: right;
	height: 15px;
	margin: 0;
	padding: 0 10px 0 0;
}
#menu_superior li{
	display: inline;
	padding: 0 2px;
}
#menu_superior .idiomas{
	padding-left: 25px;
	background-color: #333333;
}
#menu_superior a{
	color: #F2F4F2;
	text-decoration: none;
}
#menu_superior a:hover{
	text-decoration: underline;
}

/*---- CENTRAL ----*/
#central {
	clear: both;
	/* Faux Columns */
		background:  url("../layout/background.gif") repeat-y left center;
	/* */
}
#content{
	color: #333333;
	font-size: 120%;
	margin: 10px 20px 20px 20px;
}
#menu_lateral{
	font-size: 110%;
	color: #EEEEEE;
	background-color: #666666;
	/* Margen negativo para corregir agujero aparentemente sin razon */
	 	margin-top: -2px;
	/* */
}
#menu_lateral a{
	color: #EEEEEE;
	text-decoration: none;
}
#menu_lateral a:hover{
	text-decoration: underline;
}
#menu_lateral ul{
	margin: 2px 7px 0 3px;
	padding: 0;
}
#menu_lateral  li{
	padding: 2px 0 2px 15px;
	border-bottom: 1px dotted #EEEEEE;
	list-style: none;
	background: url("../layout/flecha_menu_lateral.gif") center left no-repeat;
}
#menu_lateral .seleccionado{
	background-color: #7D7D7D;
}
#buscador{
	background-color: #7D7D7D;
	border: 1px solid #8A8A8A;
	padding: 5px;
}
#buscador fieldset{
	border: 0;
	padding: 0;
}
#buscador legend{
	display: none;
}
#buscador label{
	display: none;
}
#buscador p{
	line-height: 160%;
	font-size: 110%;
	color: #E6E6E6;
	font-weight: bold;
	border: 1px solid #A7A7A7;
	margin-bottom: 5px;
	padding: 0 5px;
	background: #949494 url("../layout/buscar.gif") right center no-repeat;
}
#buscador .text{
	font-size: 110%;
	color: #333333;
	border: 1px solid #000000;
	background-color: #E6E6E6;
	margin-bottom: 5px;
}
/* Hack para corregir el problema que presenta que el input[text] tome todo el ancho de la celda */
	#buscador .text{
		/* El ancho correcto */
		width: 100%;
		/* La medida para Firefox */
		width: 98%;
	}
	/* Esto solo afecta a IE */
	* html #buscador .text{
		/* La medida para IE<6 */
		\width: 100%;
		/* Medida para IE6 */
		w\idth: 97%;
	}
/* */
#buscador select{
	width: 100%;
	font-size: 100%;
	border: 1px solid #000000;
	background-color: #E6E6E6;
	margin-bottom: 5px;
}
#buscador .submit{
	font-size: 110%;
	color: #F2F4F2;
	border: 1px solid #A7A7A7;
	background-color: #949494;
}

/*---- FALDON ----*/
#footer {
	clear: both;
	/* Box Model Hack */
		/* Medida original */
		width: 760px;
		/* IE: original + padding-left + padding-right + border-left + border-right */
		\width: 762px;
		/* IE 6 y Firefox */
		w\idth: 760px;
	/* */
	margin: 10px auto 10px auto;
	color: #7D7D7D;
}
#footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li{
	display: inline;
}
#footer a{
	color: #7D7D7D;
	text-decoration: underline;
}
#footer a:hover{
	color: #000000;
}