/* CSS Document */

* {
	margin:					0;
	padding:				0;
	list-style-type:		none;
}

html {
padding:0;margin:0;
}

body {
	
	background:				url(../imagenes/bg-body.png) top center repeat-x;
	margin: -22px auto auto auto;
}

/* Maqueta */

div#contenedor {
	width:					860px;
	position:				absolute;
	left:					50%;
	margin-left:			-430px;
}

div#cabecera {
	height:					95px;
	background:				url(../imagenes/bg-cabecera.png) top right no-repeat;
	border-bottom:			1px solid #eaece8;
}

div#nav {
	height:					28px;
	width:					860px;
	font-family:			Arial, Helvetica, sans-serif;
}

div#animacion {
	background-color:		#e5e5e5;
	width:					854px;
	height:					190px;
	padding-top:8px;
	z-index:0;
	padding-left:6px;
	margin:					12px 0 25px 0;
}

div#animacion * {
	z-index:0 !important;
}

div#contenido {
	min-height:				625px;
}

div#contenido div.modulo {
	width:					265px;
	float:					left;
	color:					#666;
	font:					0.7em "Trebuchet MS", Times, serif;
}

div#contenido div.modulo p {
	line-height:			20px;
	margin-top:				8px;
	text-align:				justify;
}

div#contenido div.noticias {
	margin:					0 32px;
}

div#contenido div.noticias h4 {
	margin-top:				10px;
}

div#contenido div.noticias ul li {
	min-height:					20px;
	line-height:			20px;
	background:				url(../imagenes/bg-noticias.png) top left no-repeat;
	padding-left:			15px;
}

div#contenido div.noticias ul li a:link, div#contenido div.noticias ul li a:visited {
	color:					#66814e;
	text-decoration:		none;
}

div#contenido div.noticias ul li a:hover, div#contenido div.noticias ul li a:active {
	text-decoration:		underline;
}

div#contenido div.noticias ul li span {
	color:					#c00;
	font-size:				0.7em;
}

div#modulo-contenido {
	float:					left;
	width:					564px;
	margin: 0 15px;
	font:					0.7em "Trebuchet MS", Times, serif;
	color:					#666;
	line-height:			20px;
	text-align:				justify;
}

div.junta {
	background:				url(../imagenes/subvencion-junta.jpg) top left no-repeat;
	margin-bottom:			8px;
	height: 				60px;
	
}
img.logojunta
{
	border:0;
}

div#pie {
	clear:					both;
	background-color:		#811515;
	color:					white;
	height:					50px;
	font-size:				0.7em;
	font-family:			Arial, Helvetica, sans-serif;
}

div#pie p {
	height:					25px;
	line-height:			25px;
	float:					left;
	margin-left:            10px;			
}

div#pie p a:link, div#pie p a:visited {
	color:					white;
	text-decoration:		none;
	border-bottom:			1px solid white;
}

div#pie p a:hover, div#pie p a:active {
	border-bottom:			0px;
}

div#pie p#facthor {
	float:					right;
	margin-right:           10px;
}

div#pie p#facthor a, div#pie p#facthor a img {
	border:					0;
	line-height:			45px;
	height:					25px;
}

/* Menú */

div#menu {
	height:					28px;
}

div#menu ul#menu_principal {
	padding:				0;
	margin:					0;
	list-style:				none;
	background:				url(../imagenes/bg-menu.png) top right no-repeat;
	width:					553px;
	height:					28px;
	float:					left;
	font-family:			Arial, Helvetica, sans-serif;
}

div#menu ul#menu_principal li {
	float:					left;
	position:				relative;
	width:					auto;
	background:				url(../imagenes/bg-menu_li.png) top left no-repeat;
	line-height:			25px;
	padding-left:			10px;
	display:				block;
}

div#menu ul#menu_principal li a {
	color:					white;
	font-size:				0.7em;
	height:					28px;
	display:				block;
	text-decoration:		none;
}

div#menu ul#menu_principal li:hover ul {
	display:				block;
}

div#menu ul#menu_principal li:hover ul, div#menu ul#menu_principal li.over ul {
	display:				block;
}

div#menu ul#menu_principal li ul {
  	display:				none;
  	background-image:		url(../imagenes/bg-submenu.png);
  	position: 				absolute; 
  	top: 					28px;
  	left:					5px;
  	z-index:				1;
  	width:					145px;
}

div#menu ul#menu_principal li ul li {
	width:					125px;
	line-height:			25px;
	height:					25px;
	display:				block;
	background:				url(../imagenes/bg-submenu_li.gif) center left no-repeat;
}


div#menu ul#menu_principal li ul li a {
	color:					#711313;
	text-decoration:		none;
		padding-left:10px;
	font-size:				0.7em;
	display:				block;
}

div#menu ul#menu_principal li ul li a:hover, div#menu ul#menu_principal li ul li a:active {
	color:					#000;
}

div#menu ul#menu_principal li ul li span {
	width:					145px;
	height:					11px;
	display:				block;
	clear:					both;
	background:				url(../imagenes/bg-submenu_ul.png) top center no-repeat;
	margin-left:			-10px;
	margin-top:-3px;
}
  
 li > ul {
	top: auto;
	left: auto;
	}
	
li:hover ul { display: block; }
li:hover ul, li.over ul{ display: block; }


div#menu ul#menu_secundario {
	float:					left;
	width:					306px;
	font-family:			Arial, Helvetica, sans-serif;
	height:					28px;
}

div#menu ul#menu_secundario li {
	margin:					0 3px;
	text-align:				center;
	float:					left;
	width:					96px;
	height:					28px;
	line-height:			28px;

}

div#menu ul#menu_secundario li a:link, div#menu ul#menu_secundario li a:visited {
	font-size:				0.7em;
	text-decoration:		none;
	color:					#fff;
	background:				url(../imagenes/bg-menu_especial.png) top left no-repeat;
	display:				block;
}

div#menu ul#menu_secundario li a:hover, div#menu ul#menu_secundario li a:active {
	background:				url(../imagenes/bg-menu_especial_hover.png) top left no-repeat;
}

/* Encabezados */

h1 span {
	margin:					0;
	padding:				0;
	position:				relative;
	width:					283px;
	height:					94px;
    overflow:				hidden;
	display:				none
}
	  
h1 {
	width:					283px;
	height:					94px;
	background:				url(../imagenes/bg-h1.png) top center repeat-x;
}

h2 {
	font-size:				1.2em;
	margin-bottom:			20px;
	color:					#b20707;
}

h2 span {
	font-size:				1.2em;
	color:					#ccc;
}

h3 {
	font-size:				0.7em;
}

div#modulo-contenido h3#plenos-doc {
	border-bottom:			1px solid #ccc;
	margin:					10px 0 5px 0;
}

div.noticias a {
	color:					#66814e;
	text-decoration:		underline;
}

dd a {
	color:					#66814e;
	text-decoration:		underline;
}

p#archivo-noticias {
	margin:					-10px auto 10px auto;
	height:					30px;
	line-height:			30px;
	text-align:				right;
}

p#archivo-noticias a:link, p#archivo-noticias a:visited {
	color:					#c00;
	background:				url(../imagenes/bg-archive.gif) top right no-repeat;
	padding-right:			20px;
}

p#archivo-noticias a:hover, p#archivo-noticias a:active { text-decoration: none; }

/*
	Banners laterales 
*/

div#banners 					{ margin-left:				15px; width: 250px !important; margin-bottom: 20px; }	

div#banners * 					{ border:					0; }

div#banners h3#tramites,
div#banners h3#tramites span 	{ width: 218px; height: 116px; }
div#banners h3#tramites 		{ margin: 0 0 10px -1px; position: relative; }
div#banners h3#tramites span 	{ display: block; position: absolute; top:0; left:0; z-index:1; background: url(../imagenes/bg-gestor.png) top left no-repeat; }

div#banners h3#messenger,
div#banners h3#messenger span,
div#banners h3#empresas,
div#banners h3#empresas span	{ width: 106px; height: 110px;  }
div#banners h3#empresas			{ float: left; position: relative; }
div#banners h3#empresas span	{ display: block;  position: absolute; top:0; left:0; z-index:1; background: url(../imagenes/bg-portal.png) top left no-repeat; }

div#banners h3#messenger 		{ float: right; position: relative; right: 4px; }
div#banners h3#messenger span	{ display: block;  position: absolute; top: 0; left:0; z-index:1; background: url(../imagenes/Descargas.jpg) top left no-repeat; }

div#banners h3#buzon,
div#banners h3#buzon span 		{ width: 218px; height: 116px; }
div#banners h3#buzon 			{ clear: both; margin: 0px 0 10px 0px !important; top:10px; bottom:10px; position: relative; }
div#banners h3#buzon span 		{ display: block; position: absolute; top:0; left:0; z-index:1; background: url(../imagenes/bg-buzon.png) top left no-repeat; }

div#banners h3#perfil,
div#banners h3#perfil span 		{ width: 218px; height: 116px; }
div#banners h3#perfil 			{ clear: both; margin: 0px 0 10px 0px !important; top:10px; bottom:10px; position: relative; }
div#banners h3#perfil span 		{ display: block; position: absolute; top:0; left:0; z-index:1; background: url(../imagenes/bg-perfil.jpg) top left no-repeat; }


/*
	Formulario de buzón
*/

#cuestionario{
	background-color:			#FBEBEB;
	clear:						both;
	display:					block;
	width:						370px;
	margin-top:					20px;
	margin-left:				80px;
	border:						1px solid #ccc;
	padding:					10px;
}

#cuestionario label 		{ float: left; clear: both; width: 170px; height: 30px; line-height: 30px; }
#cuestionario input 		{ float: left; border: 1px solid #ccc; margin: 5px 0; 	width: 180px; }
#cuestionario input.radio 	{ float: left; }
#cuestionario textarea 		{ float: left; width: 180px; height: 120px; border: 1px solid #ccc; }

/*
	Lista de mapa web
*/

ul#mapa-web * { margin: auto !important; }

ul#mapa-web li 					{ list-style-type: square; }
ul#mapa-web li ul li 			{ list-style-type: circle; margin-left: 40px !important }

ul#mapa-web li a:link,
ul#mapa-web li a:visited,
ul#mapa-web li ul li a:link,
ul#mapa-web li ul li a:visited { color: #666; text-decoration: none; }

ul#mapa-web li a				{ margin-left: 20px; font-weight: bold; text-decoration: underline !important; }
ul#mapa-web li ul li a		{ font-weight:normal; text-decoration: none !important;  }

/*
	Opción de Subir
*/

p#subir, dd#subir { text-align: right; width: 100%; clear: both; display: block;}
p#subir * { border: 0; }

/*
	Enlace de Ver todas
*/

p.ver-todas { text-align: right !important; }
p.ver-todas a { color: #900; text-decoration:none; }

/*
	Dónde comer
*/

p#intro-dc {
	margin-bottom:				20px;
	text-indent:				20px;
	color:						#888;
}

div.restaurante {
	height:						210px;
	margin:						auto auto 20px auto;
}

div.restaurante h3 {
	font:						bold 0.7em Arial, Helvetica, sans-serif;;
	color:						#8d1212;
	border-bottom:				1px solid #ccc;
	margin:						auto auto 5px auto;
}

div.restaurante-img {
	float:						left;
	height:						150px
}

div.restaurante-img img {
	margin: 					5px 10px auto auto;
	width: 						80px;
	height: 					80px;
	padding: 					3px;
	background:					url(../imagenes/bg-restaurante-foto.gif) top center repeat;
}

div.restaurante-ficha {
	float:						left;
	width:						460px;
}

div.restaurante-ficha p {
	margin:						5px auto;
}

div.restaurante-ficha dl.restaurante {
	margin:						10px auto auto 20px; 
}

div.restaurante-ficha dl.restaurante dt {
	text-decoration:			underline;
	font: 						11px Arial, Helvetica, sans-serif;
}

div.restaurante-ficha dl.restaurante dd a:link,
div.restaurante-ficha dl.restaurante dd a:visited {
	color:						#600;
	text-decoration:			none;
}

div.restaurante-ficha dl.restaurante acronym {
	border:						0;
}

#flotado-i {
	float:	left;
	width:	50px;
	margin: 0 10px 10px 0;
	clear:both;
}