/* FORMAS  */

body {
	text-align:center;
	background-image: url('../fotos/rayado.gif');
	margin: 0px;
}

/*Hack para alinear verticalmente*/
img.valign {
   height: 100%;
   vertical-align: middle;
   width: 0px;
} 
/*Elementos que componen el esqueleto de la pgina*/
#contenedor {
	width: 750px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 5px auto 5px auto;
}

#cabecera {
	width: 750px;
	height: 100px;
}

#navegador {
	width: 750px;
	background-color: #FFFFFF;
	height: 50px;
}

#derecha{
	width: 125px;
	background-color: #FFFFFF;
	float: left;
}

#izquierda{
	width: 125px;
	background-color: #FFFFFF;
	float: left;
}

#central{
	width: 500px;
	background-color: #FFFFFF;
	float: left;
}

#central_ancho {
	width: 750px;
	text-align: center;
}

#pie{
	width: 750px;
	height: 100px;
	clear: both;
}

#legal{
	width: 750px;
	height: 30px;
	clear: both;
	background-color: #EEEEEE;
}
/*Elementos para el contenido central de la pgina*/
#bloque_amarillo {
	height: 50px;
	width: 500px;
	background-color: #F8C400;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	padding-left: .5em;
}

#bloque_amarillo span{
	font-weight:normal;
}

#bloque_imagenes {
	width: 500px;
	clear: both;
}

#bloque_blanco{
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 500px;
}

.bloque_texto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.bloque_texto a {
	color: #BF0A30;
	text-decoration:none;
	font-weight: bold;
}

.bloque_texto a:hover {
	text-decoration:underline;
}

.bloque_texto h5 {
	text-align: center;
	font-size: 1.2em;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 2em;
}

.texto_legal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: justify;
	float: left;
	padding-left: 2em;
	padding-right: 2em;
}

#vinetas{
	color: #000000;
	text-align: left;
	float: left;
	padding-right: .5em;
}

#vinetas li{
	padding-bottom: .5em;
}
/* ELEMENTOS ESPECFICOS DE CADA SECCIN */

/*Elementos para EL CENTRO - EQUIPO*/
#listado_equipo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	font-size: 0.8em;
	padding: 0.5em;
	background-color: #eeeeee;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin-left: 0.5em;
}

#listado_equipo dd{
	font-weight: bold;
	padding-bottom: 1em;

}

.departamentos_equipo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BF0A30;
	text-align: left;
	font-style: italic;
	padding-bottom: 1em;
	font-size: 1.2em;
}

/*Elementos para EL CENTRO - CONTACTO*/
#listado_contacto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	padding: 0.5em;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;

	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin-left: 0.5em;
	background-color: #eeeeee;
	width: 90%;
}

#listado_contacto dt{
	font-style: italic;
}

#listado_contacto dd{
	padding-bottom: 1em;
	font-weight: bold;
}

#listado_contacto dd span{
	font-weight: normal;
}

#listado_contacto dd a{
	text-decoration: none;
	color: #BF0A30;
	font-weight: bold;
}

#listado_contacto dd a:hover{
	text-decoration: underline;
}

.tabla_cronograma{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	width: 500px;

}

.columnas{
	width: 125px;
	text-align: center;
	background-color: #eeeeee;
	height: 40px;
	vertical-align: middle;
}

.columna_horas{
	width: 150px;
	text-align: center;
	background-color: #eeeeee;
	font-style: italic;
	height: 40px;
}

.columna_dias{
	border: 1px solid #CCCCCC;
	width: 40px;
}

.columna_dias_si{
	border: 1px solid #CCCCCC;
	width: 40px;
	text-indent: -5000px;
	background-color: #BF0A30;
}

.fila_cabecera{
	text-align: center;
	background-color: #FBE17F;
	height: 40px;
	_padding: 0em;
	font-weight: bold;
}
/*Elementos para FORMACION - OTROS CURSOS*/
#lista_entidades{
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}
#lista_entidades li {
	display: inline;
	float: left;
	margin: 0 .3em .8em .3em;
}

#lista_entidades li a {
	width:130px;
	display: block;
	float: left;
	border: 1px solid #eeeeee;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	height: 80px;
	text-decoration: none;
	color: #BF0A30;
}

#lista_entidades li a span{
	display: none;
}

#lista_entidades li a:hover {
	text-decoration: underline;
}

/*Elementos para DESCARGAS - DOCUMENTOS*/
#listado_documentos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	font-size: 0.8em;
	background-color: #eeeeee;
	padding: 0.5em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin-left: 0.5em;
	width: 90%;
}

#listado_documentos dt{
	font-style: italic;
	margin-top:15px;
}

#listado_documentos dd{
	margin-bottom:15px;
}

#listado_documentos dd a{
	text-decoration: none;
	color: #BF0A30;
	font-weight: bold;
}

#listado_documentos dd a:hover{
	text-decoration: underline;
}

#nota_pdf{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0.5em;
	clear: both;
}

/*Elementos para ENLACES*/
#lista_enlaces {
	padding: 0em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 0em;
	list-style: none;
	clear: both;
}
#lista_enlaces li {
	margin: 0;
	padding: 0.5em;
}
#lista_enlaces li a {
	color: #BF0A30;
	display: block;
	text-decoration: none;
	border: 1px solid #EEEEEE;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;

	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 75%;
	padding: 1.5em 0 1.5em 8em;
}
#lista_enlaces li a:hover {
	text-decoration: underline;
	background-color:#FFF9F0;
}

/*Elementos para ICONOS de las listas*/
#ayuntamiento{
	background-image: url('../fotos/icos/ico_ayuntamiento.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#diputacion{
	background-image: url('../fotos/icos/ico_diputacion.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#junta{
	background-image: url('../fotos/icos/ico_junta.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#gobierno{
	background-image: url('../fotos/icos/ico_gobierno.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#defensor{
	background-image: url('../fotos/icos/ico_defensor.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#segsocial{
	background-image: url('../fotos/icos/ico_segsocial.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#oficinavirtual{
	background-image: url('../fotos/icos/ico_oficinavirtual.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#redes{
	background-image: url('../fotos/icos/ico_redes.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#camara{
	background-image: url('../fotos/icos/ico_camara.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#cea{
	background-image: url('../fotos/icos/ico_cea.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#fisica{
	background-image: url('../fotos/icos/ico_fisica.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#centro{
	background-image: url('../fotos/icos/ico_centro.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#sesorial{
	background-image: url('../fotos/icos/ico_sensorial.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#intelectual{
	background-image: url('../fotos/icos/ico_intelectual.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#mental{
	background-image: url('../fotos/icos/ico_mental.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#varias{
	background-image: url('../fotos/icos/ico_varias.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#asociaciones{
	background-image: url('../fotos/icos/ico_asociaciones.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#gdas{
	background-image: url('../fotos/icos/ico_gdas.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#bus_taxi{
	background-image: url('../fotos/icos/ico_bus_taxi.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#estacionamientos{
	background-image: url('../fotos/icos/ico_estacionamientos.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#turismo {
	background-image: url('../fotos/icos/ico_turismo.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#carril_bici {
	background-image: url('../fotos/icos/ico_bicis.png');
	background-repeat: no-repeat;
	background-position:  left 50%;	
}

#sevici {
	background-image: url('../fotos/icos/ico_sevici.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#empleo {
	background-image: url('../fotos/icos/ico_empleo.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#alfabeta{
	background-image: url('../fotos/icos/ico_alfabeta.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

/*Elementos para los contenidos de los ENLACES*/
#contenido_contacto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: left;
	padding: 0.5em;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;

	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin-left: 0.5em;
	background-color: #eeeeee;
	width: 90%;
}

#contenido_contacto dt{
	font-style: italic;
	font-weight: bold;
}

#contenido_contacto dd{
	padding-bottom: 1em;
}

#contenido_contacto dd a{
	text-decoration: none;
	color: #BF0A30;
	font-weight: bold;
}

#contenido_contacto dd a:hover{
	text-decoration: underline;
}

/*Elementos para los contenidos de los LISTADOS DE PUEBLO*/
#listado_pueblos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 95%;
	text-align: left;
	float: left;
	padding: 2em;
}

#listado_pueblos dt{
	font-weight: bold;
	margin-top: 0.5em;
	border-top: 1px solid #EEEEEE;
}

#listado_pueblos dd{
	margin-left: 0px;
}

#listado_pueblos dd a {
	text-decoration: none;
	color: #BF0A30;
}

#listado_pueblos dd a:hover {
	text-decoration: underline;
}

#listado_pueblos ul{
	display: inline;
	list-style: none;
}

#listado_pueblos li{
	float: left;
	width: 30%;
}

/*Elementos para los contenidos de las FICHAS DE LOS PUEBLOS*/
#ficha_pueblos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;


	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 90%;
	text-align: left;
	float: left;
	padding: 0.5em;
	border: 1px solid #EEEEEE;
	margin: 1em;
}

#ficha_pueblos dt{
	font-weight: bold;
	color: #BF0A30;
}

#ficha_pueblos dd{
	font-weight: bold;
}

#ficha_pueblos dd span{
	font-style: italic;
	font-weight: normal;
}

#ficha_pueblos dd a {
	color: #BF0A30;
	text-decoration:none;
}

#ficha_pueblos dd a:hover {
	text-decoration:underline;
}



/*---------------------------------------------------------*/
.listado_consorcio{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	width: 488px;
	border: 1px solid #EEEEEE;
	margin: 1em auto 1em auto;

}

.listado_consorcio thead{
	font-weight: bold;
	background-color: #EEEEEE;
}

.listado_consorcio tfoot{
	font-weight: bold;
	background-color: #999999;
	color: #FFFFFF;
}

.listado_consorcio td{
	border-bottom: 1px solid #EEEEEE;
}

.listado_consorcio a {
	color: #BF0A30;
	text-decoration:none;
	font-weight: bold;
}

.listado_consorcio a:hover {
	text-decoration:underline;
}

/*Elementos para los contenidos de las NORMATIVAS*/
#ficha_normativa{
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;

	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 90%;
	text-align: left;
	float: left;
	padding: 0.5em;
	border: 1px solid #EEEEEE;
	margin: 1em;
	margin-top: 0px;
}

#ficha_normativa dt{
	font-weight: bold;
	color: #BF0A30;
}

#ficha_normativa dd{
	margin: 0;
	font-size: .7em;
}

/*Elementos para los contenidos de las NOTICIAS*/
#noticias{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 90%;
	float: left;
	padding: 0.5em;
	border: 1px solid #C0C0C0;
	margin: 1em
}

#noticias-cuadrado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
	width: 90%;
	float: left;
	padding: 0.5em;
	border: 1px solid #C0C0C0;
	margin: 1em;
}

.noticias-cuadrado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	width: 90%;
	float: left;
	padding: 0.5em;
	border: 1px solid #C0C0C0;
	margin: 1em
	
}

.noticias-cuadrado p {
	text-align: justify;
	margin-left: 0px;
}

.noticias-cuadrado ul {
	text-align: left;
}

.noticias-cuadrado a {
	color: #BF0A30;
	text-decoration:none;
	font-weight: bold;
}

.noticias-cuadrado a:hover {
	text-decoration:underline;
}

.noticias-fecha { 
	color: #BF0A30; 
	font-weight: bold; 
	text-align: center; 
}

.noticias-titulo { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: justify; 
	font-weight:bold; 
	margin-bottom:0 }

.noticias-subtitulo { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 	 
	text-align: left; 
	margin-top:0; 	
	margin-bottom:0 
               }

.noticias-fuente { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-align: left; 
	font-style:italic; color:#808080 
               }

#noticias dt{
	text-align: center;
	font-weight: bold;
	color: #BF0A30;
}

#noticias dd{
	text-align: justify;
	margin-left: 0px;
}

#noticias a {
	color: #BF0A30;
	text-decoration:none;
	font-weight: bold;
}

#noticias a:hover {
	text-decoration:underline;
}


/*Elementos para los contenidos de EL BOLETIN*/

#cont_boletin {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

#cont_boletin li {
	border: 1px solid #EEEEEE;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	float: left;
	margin: 0 15px 15px 2px;
	padding: 0.4em;
}

#cont_boletin dt {
	border: 1px solid #CCCCCC;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin: 0;
	padding: 1px;
}

#cont_boletin dd {
	color: #BF0A30;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: .5em 0 0 0;
}

/*Elementos para los contenidos de las FICHAS DE LAS ASOCIACIONES*/
#ficha_asociaciones{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 90%;
	text-align: left;
	float: left;
	padding: 0.5em;
	border: 1px solid #EEEEEE;
	margin: 1em;
}

#ficha_asociaciones dt{
	font-weight: bold;
	color: #BF0A30;
}

#ficha_asociaciones dd a {
	color: #BF0A30;
	text-decoration:none;
	font-weight: bold;
}

#ficha_asociaciones dd a:hover {
	text-decoration:underline;
}
/*Elementos que componen el men de seleccion alfabetico*/
#listado_alfabetico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	color: #999999;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;

	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	margin-left: 0.5em;
	background-color: #eeeeee;
	width: 95%;
	padding: 0.5em;
	clear: both;
}

#listado_alfabetico li{
	display: inline;
}

#listado_alfabetico li a{
	text-decoration: none;
	color: #BF0A30;
	font-weight: bold;
}

#listado_alfabetico li a:hover{
	text-decoration: underline;
}

/*Elementos para los contenidos de CARRIL BICI*/

#cont_carrilbici {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#cont_carrilbici li{
	border: 1px solid #EFC2CB;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	float: left;
	margin: 0 9px 9px 0;
	padding: 0.5em;
	width: 20%;	
}

#cont_carrilbici dt {
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 3px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 3px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 3px;
	margin: 0;
	font-weight: bolder;
	background-color: #BF0A30;
	color: #FFFFFF;
}

#cont_carrilbici dd {
	margin: 0;
	color:#000000;
}

#cont_carrilbici li a {
	text-decoration: none;
}

.borde_mapa{
	border: 2px solid #999999;
}

/*Elementos para LEYENDA DEL CARRIL BICI*/
#leyenda {
	padding: 0em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 0em;
	list-style: none;
	clear: both;
	border: 1px solid #EEEEEE;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;	
}
#leyenda li {
	margin: 0 0 0 1em;
	padding: 1em 0 1em 4em;
}

#leyenda_info {
	background-image: url('../fotos/carril_bici/info.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#leyenda_advertencia {
	background-image: url('../fotos/carril_bici/advertencia_amarilla.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#leyenda_advertencia_pel {
	background-image: url('../fotos/carril_bici/advertencia_roja.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#leyenda_paso {
	background-image: url('../fotos/carril_bici/paso_peatones.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}

#leyenda_barrera{
	background-image: url('../fotos/carril_bici/barrera.png');
	background-repeat: no-repeat;
	background-position:  left 50%;
}
/*-----------------------------------------------------------------------------*/

/*Elementos para los contenidos de EN PORTADA*/

#portada {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*El borde redondeado no va en el Internet Explorer*/
	border-radius: 5px;
	/*Esto es un HACK para el Mozzila para hacer cantos redondeados*/
    -moz-border-radius: 5px;
	/*Esto es un HACK para el Crome y el Safari para hacer cantos redondeados*/
    -webkit-border-radius: 5px;
	width: 90%;
	text-align: left;
	float: left;
	padding: 0.5em;
	border: 1px solid #BF0A30;
	margin: 1em;
}

#portada dt{
	color: #000;
}

#portada dd{
	margin-top:15px;
}

#portada dd a {
	color: #BF0A30;
	text-decoration:none;
}

#portada dd a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------*/

#bloque_amarillo_claro {
	height: 50px;
	width: 125px;
	background-color: #FDEFBC;
}