/************************************************************************
* Inicializar CSS
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, del, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: top;
}

html{
	font-size: 100%; /* IE hack */
	height:100%
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/************************************************************************
* Diseño
*/

body {
	background-color:		#50989f;
	font: 					1em/1em Arial, sans-serif, Tahoma;
}

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


/****
* Cabecera principal
*/

div#cabecera {
	height:					90px;
	background-color:		#6b5b52;
	border:					1px outset black;
	border-bottom-color: 	#3d2f27;
	border-right-color: 	#3d2f27;
}

h1 {
	float:					left;
	width:					160px;
	height:					75px;
	margin:					2pt 20pt;
	background:				url(../images/bg-h1.png) top center no-repeat;
}

h1 span {
	position:				relative;
	width:					160px;
	height:					75px;
    overflow:				hidden;
	display:				none
}
	  
/****
* Menú de ayuda superior
*/

div#cabecera ul#menu_ayuda {
	width:					142px;
	height:					20px;
	float:					right;
}

div#cabecera ul#menu_ayuda li {
	padding:				0 6px;
	text-align:				center;
	float:					left;
	border-left:			1px solid #b5b0ad;
	height:					20px;
	line-height:			20px;
}

div#cabecera ul#menu_ayuda li a:link, div#cabecera ul#menu_ayuda li a:visited {
	font-size:				8pt;
	font-family:			Arial, sans-serif, Tahoma;
	text-decoration:		none;
	color:					#f1efef;
	display:				block;
}

div#cabecera ul#menu_ayuda li a:hover, div#cabecera ul#menu_ayuda li a:active {
	text-decoration:		underline;
}


/****
* Encabezados
*/

h2 {
	font-size:				13pt;
	font-weight:			bold;
	background-color:		#b5b0ad;
	color:					#232323; /*#595653;*/
	line-height:			28px;
}

h2 span {
	position: 				relative;
	top: 					7px;
	margin-left:			10px;
}

h3 {
	font-size:				8pt;
	font-weight:			bold;
	margin:					12px 0;
}

h4 {
	font-size:				8pt;
	margin:					12px 0pt 12px 15px;
	width:					50%;
	border-bottom:			1px dashed;
}

h3.h3interno {
	font-size:				10pt;
	margin:					0 10px;
	margin-bottom:			10px;
	color:					#375864;
	border-bottom:			1px solid #262722;
}


/****
* Módulos de página
*/

div#contenido {
	background-color:		#e2dfde;
	min-height:				590px;
	overflow: 				hidden;
	width:					860px;
	clear:					both;
}

/* Bloques portada */
#contenido_izq_main {
	float: 					left;
	width:					275px; /* 32% contenido */
}

#contenido_der_main {
	float: 					left;
}

div#contenido div.modulo {
	width:					275px;
	float:					left;
	color:					#262722;
	background-color:		#e2dfde;
	font-size:				12px;
}

div#contenido div.modulo div.modulo_interior {
	padding: 0 11px;
}

div#contenido div.modulo p {
	margin:					11px 0;		/* top/bottom left/right */
	font-size:				8pt;
}

div#contenido div.noticias {
	width:					280px;
	background-color:		#cdddde;
	min-height:				648px;	/* 590px */
	overflow: 				hidden;
}

div#contenido div.noticias h2 {
	background-color:		#50989f;
	color:					#232323;
}

div#contenido div.servicios {
	width:					305px;
	background-color:		#c0d6d7;
	min-height:				590px;
	overflow: 				hidden;
}

div#contenido div.servicios h2 {
	background-color:		#0e454a;
	color:					#f1efef;
}

div.margen15 {
	margin-right: 			15px;
	margin-left:			15px;
}

/* Mapa de como llegar */
img#map_como_llegar {
	margin: 				0 5px;
}

/* Teléfonos de interés */
dl.telf_interes dt {
	float: 					left;
	width: 					170px;
	height:					25px;
}

dl.telf_interes dd {
	margin-left: 			170px;
	height:					25px;
}

dl.telefono {
	margin:					15px;
	padding: 				10px;
	padding-top: 			0;
	font-size:				9pt;
}

h3.telh3 {
	border-bottom:			1px dotted #262722	!important;
	margin:					15px;
}

dl.telefono dt {
	float: 					left;
	width: 					50px;
	height:					25px;
}

dl.telefono dd {
	margin-left: 			50px;
	height:					25px;
}


/****
* Especiales
*/

p.subir {
	clear:					both;
	text-align:				right;
}

p.subir a:link, p.subir a:visited {
	text-decoration:		none;
	color:					#375864;
	font-size:				8pt;
	border:					1px solid #375864;
	border-top:				none;
	padding: 				0pt 20px 1px 5px;
	background:				transparent url(../images/bg-subir.png) top right no-repeat;
}

p.subir a:hover {
	color:					#000;
	background-color:		#fff;
}

strong {
	font-weight:			bold;
}

em {
	font-style:				italic;
}

p.texto {
	color:					#262722;
}

p.marg_topbot_10 {
	margin-top:				10px;
	margin-bottom:			10px;
}

p.pad20 {
	padding:				0 20px;
}

p.pad40 {
	padding:				0 40px;
}

p.mar_izq170 {
	margin-left:			170px;
}

a.enl_ext {
	background:				transparent url(../images/ico_enlaceex.png) right center no-repeat;
	padding-right:			20px;
}

p.enfasis {
	font-style:	italic;
}

p.textof {
	color:					#375864;
	line-height:			25px;
	padding-bottom:			12px;
	font-size:				10pt;
}

p.capitaliza:first-letter {
	font-size:				xx-large;
	font-family:			Georgia, "Times New Roman", Times, serif;
}

a.nocambio {
	color: 					inherit;
	font-size:				inherit;
	text-decoration:		none;
}

a.enlace_norm:link,
a.enlace_norm:visited,
ul.mapaweb li a:link,
ul.mapaweb li a:visited	{
	color: 					#262722;
	text-decoration:		none;
	font-size:				9pt;
}

a.enlace_norm:hover,
a.enlace_norm:active,
ul.mapaweb li a:hover,
ul.mapaweb li a:active {
	text-decoration:		underline;
}

.bsolido_azul {
	border:					1px solid #375864;
}

.marco {
	padding:				5px; 
	border:					1px solid #375864; 
}

.flota_i {
	float: 					left;
}

.flota_d {
	float: 					right;
}

div.divseparador3 {
	height: 				30px;
}

div.divseparador4 {
	height: 				40px;
}


/****
* Noticias
*/

div#contenido div.noticias div.noticia {
	color: 					#375864;
	padding-bottom:			12px;
	padding-top:			12px;
}

div.noticia p.ampliar-noticia {
	text-align: 			right;
	margin-top:				7px;
}

div.noticia p.ampliar-noticia a:link,
div.noticia p.ampliar-noticia a:visited	{
	color: 					#375864;
	text-align: 			right;
	text-decoration:		none;
}

div.noticia p.ampliar-noticia a:hover {
	text-decoration:		underline;
}

ul#noticias_adicional {
	margin:					10px 11px;
}

ul#noticias_adicional li,
ol#listado_multiarea li {
	background: 			url(../images/bg-noticias_li.png) center left no-repeat;
	padding-left: 			15px;
}

ul#noticias_adicional li a:link,
ul#noticias_adicional li a:visited	{
	color: 					#375864;
	text-decoration:		none;
	font-size: 				8pt;
}

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

div.seccion_web {
	background-color:		#cdddde;
	padding: 				12px 20px;
	min-height:				532px;
}

div#contenido div.seccion_web div.noticia,
div#contenido div.seccion_web div.agenda {
	color: 					#375864;
	padding-bottom:			12px;
	font-size:				10pt;
	overflow:				hidden;
}

div.seccion_web div.noticia p,
div.seccion_web div.agenda p {
	line-height:			25px;
	padding-bottom:			12px;
}

div.seccion_web div.noticia img,
div.seccion_web div.agenda img {
	float:					left;
	margin-right:			20px;
}

p.resumen_noticia,
p.fecha_evento {
	font-style:				italic;
	font-size:				8pt;
	letter-spacing:			0.05em;
}


/****
* vcard
*/

div#hcard {
	margin-bottom:			8px;
}

div#hcard div.org {
	font-size:				8pt;
	font-weight:			bold;
	margin:					12px 0;
}

div#hcard img {
	float: 					left; 
	margin-right:			12px;
}

div#hcard div.adr {
	float: 					left; 
	margin-bottom:			12px;
}

div#hcard a {
	text-decoration:		none;
	color:					#262722;
}

div#hcard a:hover, div#hcard a:active {
	text-decoration:		underline;
}

div.t_empre {
	color:					#375864;
	font-size:				10pt;
	line-height:			20px;
}

div.t_empre img {
	float:					left;
	width:					130px;
	height:					130px;
	margin:					16px 15px 0 0;
	border:					1px solid;
}

div.t_empre dl.empresa {
	border-bottom:			1px solid;
	padding:				10px;
	margin:					10px;
	min-height: 			150px;
}

div.t_empre dl.empresa dt {
	font-weight:			bold;
	color:					#262722;
}

dd.desc_empre {
	margin-left:			125px;
}
/*div.vcard dl.empresa dd a:visited {
	color:					#666;
}*/


/****
* Servicios
*/

div.servicio {
	padding:				0 11px;
}

div.servicio img {
	float: 					right;
	margin-left: 			10px;
}

div.servicio h3 {
	clear:					both;
}

div.servicio h3 span {
	padding-right:			8px;
}

div.servicio p {
	padding-left: 			21px;
}

ul.eventos {
	padding-left: 			21px;
}

ul.eventos li {
	padding-bottom: 		8px;
}

ul.eventos li a {
	color:					#262722;
	text-decoration:		none;
}

ul.eventos li a span {
	text-decoration:		underline;
}

ul.eventos li a:hover, ul.eventos li a:active {
	color:		#0e454a;
}

p.flota_d,
p#todos-eventos,
p#todos-telefonos {
	clear:					right;
	float:					right;
}

p#todos-eventos a:link,
p#todos-eventos a:visited,
p#todos-telefonos a:link,
p#todos-telefonos a:visited,
a.enlace_ver:link,
a.enlace_ver:visited,
div.gmaps small a:link,
div.gmaps small a:visited {
	color:					#262722;
	text-decoration:		none;
}

p#todos-eventos a:hover,
p#todos-eventos a:active,
p#todos-telefonos a:hover,
p#todos-telefonos a:active,
a.enlace_ver:hover,
a.enlace_ver:active,
div.gmaps small a:hover,
div.gmaps small a:active {
	text-decoration:		underline;
}

p#ultimo-descargable {
	clear:					right;
}

p#ultimo-descargable span {
	font-style:				italic;
	padding-right:			5px;
}

p#ultimo-descargable a:link,
p#ultimo-descargable a:visited {
	color:					#262722;
}

p#ultimo-descargable a:hover,
p#ultimo-descargable a:active {
	text-decoration:		none;
}


/****
* Localización
*/

div.gmaps {
	margin: 				10px;
	font-size:				9pt;
}

div.gmaps p {
	padding:				0pt 10% 25px 15px;
	line-height:			22px;
}

div.gmaps small {
	padding-left:			15px;
}


/****
* Buzón ciudadano
*/

div.sec_buzon {
	font-size:				9pt;
}

div#form_buzon {
	width:					520px;
	position:				relative;
	left:					50%;
	margin-left:			-260px;
}

div#form_buzon form {
	border:					1px solid #50989F;
	background-color: 		#d8e9eb;
	font-size:				11px;
	width:					500px;
	padding:				10px;
	line-height:			20px;
}

div#form_buzon form p {
	font-size:				12px !important;
}

div#form_buzon label {
	display: 				block;
}

div#form_buzon label span {
	text-align:				left;
	width:					190px;
	float: 					left;
	clear:					both;
	font-size:				12px !important;
}

div#form_buzon input, textarea {
	float:					right;
	width:					300px;
	border:					1px solid #ccc;
}

div#form_buzon textarea {
	height: 90px;
}

div#form_buzon input.cb {
	width:					auto;
	border:					none;
	float: 					left;
}

div#preguntas_buzon {
	padding: 				0 20px;
	line-height:			20px;
}

div#preguntas_buzon dl {
	margin:					12px 0;
}

div#preguntas_buzon dl dt {
	font-weight:			bold;
}

div#preguntas_buzon dl dd {
	font-style:				italic;
	margin-bottom:			10px;
}

div#form_buzon input#btn_envio {
	width:					auto !important;
	height:					auto !important;
	border:					none;
}


/****
* Servicios municipales
*/

dl.serv_municipal {
	margin:					15px;
	padding: 				10px;
	padding-top: 			0;
	font-size:				9pt;
}

dl.serv_municipal dt {
	font-weight:			bold;
	border-bottom:			1px solid #ccc;
	margin:					20px 0 10px 0;
}

dl.serv_municipal dd {
	margin-top:				10px;
}

dl.serv_municipal img {
	float:					right;
	margin:					0 0 15px 40px;
}


/****
* Zonas multi
*/

ul.multiarea li {
	display: 				inline;
	margin:					0pt 8px;
}

li#actual a {
	color:					#8F3535;
	font-weight:			bold;
	text-decoration:		underline;
}

ol#listado_multiarea {
}

ol#listado_multiarea li {
	margin-top:				5px;
}

ol#listado_multiarea li a {
	color:					#375864;
}


/****
* Portal de empresas
*/

div#intro_empresa {
	border: 				1px solid #262722;
	padding: 				20px;
	overflow:				hidden;
}


/****
* Gastronomía
*/

dd.descripcion {
	color:					#375864;
}

.contenedor_boton {
	text-align: 			center;
	height: 				120px;
	line-height: 			80px;
}

.boton {
	color:					#375864;
	font-size:				11pt;
	padding: 				10px 20px;
	border: 				1px solid #375864;
	background:				transparent url(../images/bg-boton.png) repeat-x scroll 0% 70%;
}

.boton:hover {
	text-decoration:		none;
	background:				transparent url(../images/bg-boton_on.png) repeat-x scroll 0% 70%;
}

#dondecomer {
	margin-left:			20px;
}

#nuestrosplatos {
}


/****
* Gastronomía
*/

div.cargo {
	clear:					both;
	padding: 				18pt 0;
}

li.cuadrado,
ul.mapaweb li {
	background:				transparent url(../images/cuadradoazul.gif) no-repeat scroll 0pt 6px;
	padding:				0pt 0pt 2px 10px;
}


/****
* Áreas municipales
*/

#tituloarea {
	/*background: 			transparent url(../images/bg-area.png) top no-repeat;*/
	background-color:		#b6cfd1;
	width: 					830px;
	height:					64px;
}

#tituloarea h3 {
	font-size:				11pt;
	color: 					#663300;
}

#tituloarea h3 img {
	padding: 				5px;
	width: 					50px;
	height: 				50px;
	margin-right: 			7px;
	margin-left: 			9px;
}

#tituloarea h3 span {
	line-height:			50px;
}


/****
* Áreas municipales
*/

div.tablon-anuncio {
	float: 					left;
	margin-left:			15px;
	margin-bottom:			15px;
}

div.tablon-anuncio div.tablon-anuncio-ini {
	background: 			transparent url(../images/bg-tablon-ini.png) left no-repeat;
	width: 					229px;
	height: 				26px;
}

div.tablon-anuncio div.tablon-anuncio-med {
	background: 			transparent url(../images/bg-tablon-med.png) left repeat-y;
	font-size: 				9pt;
	width: 					229px;
	min-height: 			30px;
}

div.tablon-anuncio div.tablon-anuncio-med strong {
	padding-left: 			13px;
}

div.tablon-anuncio div.tablon-anuncio-med p {
	padding: 				8px 8px 8px 13px;
	width: 					200px;
}

div.tablon-anuncio div.tablon-anuncio-fin {
	background: 			transparent url(../images/bg-tablon-fin.png) left top no-repeat;
	width: 					229px;
	height: 				21px;
}


/****
* Reglas
*/

hr {
	padding: 	0;
	margin: 	0;
	clear: 		both;
}

p.hr_blanca {
	background-color:	#E2DFDE;
	height:				6px;
}

p.hr_gris {
	background-color:	#b5b0ad;
	height:				6px;
}

p.hr_azul {
	background-color:	#50989f;
	height:				6px;
}


/* Imagen banner sección */
img#bannerseccion {
	width:					840px;
	height:					140px;
	position:				absolute;
	left:					50%;
	margin-left:			-420px;
	border:					1px solid #375864;
}


/****
* Mapa web
*/

ul.mapaweb li {
	padding-bottom:			9px;
}

ul.mapawebsub {
	padding-top: 			7px;
}

ul.mapawebsub li {
	background:				transparent url(../images/cuadradoazulpeque.gif) no-repeat scroll 0pt 6px;
	padding:				0pt 0pt 5px 10px;
}

/* Logo junta */
div#logojunta {
	position:				absolute;
	left: 					0;
	bottom: 				72px;
}

/* Tablón anuncios */

ul#tablongeneral li {
	font-size: 				10pt;
	font-weight: 			bold;
	color:					#663300;
	padding-bottom: 		12px;
}

ul#tablongeneral li img {
	width:20px; height:20px;
}

ul#tablongeneral li span {
	padding-left: 			10px;
	border-bottom:			1px solid #bbb;
}

ul#tablongeneral li a {
	margin-left: 			20px;
}


/****
* Pie de página
*/

div#pie {
	clear:					both;
	background-color:		#3d2f27;
	color:					#f1efef;
	height:					50px;
	font-size:				8pt;
	font-family:			Arial, sans-serif, Tahoma;
}


div#pie p {
	padding: 				13px 11px;
	line-height:			25px;
	height: 				25px;
	float:					left;
}

div#pie p#facthor {
	float: 					right;
}

div#pie p a {
	color:					#f1efef;
}

div#pie p a:hover, div#pie p a:active {
	text-decoration:		none;
}