/* default.css fromista.com */

* { margin:0; padding:0;}
*:focus {outline:0;}

body {
	background: #678fc2;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #444;
}

ul, ol { list-style: none; }

a { color: #1e4974; text-decoration:none; }
a:hover { color: #1e4974; text-decoration:underline; }

.link2 { font-weight:bold; background: url('../images/link2.gif') no-repeat 0px 7px; }
.link3 { font-weight:bold; background: url('../images/link3.gif') no-repeat 0px 7px; }
.link4 { font-weight:bold; background: url('../images/link4.gif') no-repeat 0px 5px; padding-left:12px; }
.link5 { font-weight:bold; background: url('../images/link5.gif') no-repeat 0px 5px; padding-left:12px; }
.linksubir { clear:both; margin:12px 0;}
a.link_admin { color:#e48324; border:0; text-decoration:none;}


img { border:none;}
img.borde { border:2px solid #999; }
.botoncalendario { pointer:hand;}

hr { margin-top:6px;}

.fleft { float: left; }
.fright { float: right; }
.imgfleft { float: left; margin:12px; margin-top:4px; margin-left:0; }
.imgfright { float: right; margin:12px; margin-top:4px; margin-right:0; }
.tleft { text-align:left;}
.tright { text-align:right;}

.small { font-size:.9em; }
.negrita { font-weight:bold; }
.centrar { text-align:center; }
.clearb { clear:both; }

.separador-h3 { height:3px;}
.separador-h5 { height:5px;}
.separador-h10 { height:10px;}

.lineax17 { line-height:170%; }

.grana { color:#A50615; font-weight:bold; }

.ok { color:#666; background: #bdebb9; border: 1px solid #b3cbb2; }
.error { color:#666; background: #edb0c1; border: 1px solid #ab7d89; }
.area { color:#444; background: #ffffdd; border: 1px solid #ffd700; }
.area, .error, .ok { clear:both; width:80%; margin:12px auto; padding:20px; text-align:center; font-size:1em; font-weight:normal; }
.area p, .error p, .ok p { margin:12px 0; }

#listadocumentos { margin-left:12px; margin-top:18px;}
.nombredocumento { color:#666; font-size:1.1em; font-weight:bold; }
.nopublicar { text-decoration:line-through; }
#listadocumentos .detalle { margin:18px 0; width:430px; }
.textoimagen { float:right; overflow:hidden; width:250px; text-align:left; font-size:.9em; }
.textoimagen span { font-size:1.1em; font-weight:bold; }
.marco { width:170px; }

.pcontenido .date { height: 50px; width: 45px; background: url('../images/calendar.gif') no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; }
.pcontenido .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 5px; }
.selectipo { width:280px; padding:10px 30px;}


/* app */
#app { 
	width:774px;
	margin:0 auto;margin-top:10px;
	
	}
	#app-top {
		height:20px;
		padding:0 10px;
		background:url('../images/bg-app-top.png') no-repeat;
	}
		#fecha {
			float:left;
			width:250px;
			padding-top:6px; padding-left:18px;
			font-size:.85em;
			}
		#menu1 {
			float:right;
			width:210px;
			padding-top:6px;
			font-size:.85em;
			}
			#menu1 ul {
					
					}
			#menu1 a {color:#888;}
			#menu1 a:hover, .menu a.activo {
				text-decoration:underline; color:#a50615;
			}

	#app-body {
		background:url('../images/bg-app-body.png') repeat-y;
		}
		#banner {
			height:238px;
			margin:0 3px;
			padding-top:4px;
			background:url('../images/cabecera/banner-inicio-00.jpg') 0 4px no-repeat;
			}
			#banner img {
			}
		#sidebar {
			float:left;
			width:232px;
			height:414px;
			margin-top:12px;
			_margin-top:8px; /*IE6 */
			margin-left:12px;
			_margin-left:8px; /*IE6 */
			padding-right:8px;
			
			}
			#sidebar.inicio {
				background:url('../images/bg-sidebar-inicio.png') no-repeat;
				}
			#sidebar.ayuntamiento {
				background:url('../images/bg-sidebar-ayuntamiento.png') no-repeat;
				_background:url('../images/bg-sidebar-inicio.png') no-repeat; /*IE6 */
				}
			#sidebar.municipio {
				background:url('../images/bg-sidebar-municipio.png') no-repeat;
				_background:url('../images/bg-sidebar-inicio.png') no-repeat; /*IE6 */
				}
			#sidebar.turismo {
				background:url('../images/bg-sidebar-turismo.png') no-repeat;
				_background:url('../images/bg-sidebar-inicio.png') no-repeat; /*IE6 */
				}
			#sidebar.desarrollo-local {
				background:url('../images/bg-sidebar-desarrollo-local.png') no-repeat;
				_background:url('../images/bg-sidebar-inicio.png') no-repeat; /*IE6 */
				}
			#sidebar.juventud {
				background:url('../images/bg-sidebar-juventud.png') no-repeat;
				_background:url('../images/bg-sidebar-inicio.png') no-repeat; /*IE6 */
				}
			
			#sidebar-top { height:355px; }
			#sidebar-bot { height:25px; padding-right:16px; text-align:right; font-size:.9em; }
			.sidebar-volver { height:25px; margin-top:20px; padding-right:16px; text-align:right; font-size:.9em;}
		
		#content {
			float:right;
			width:515px;
			_width:512px; /*IE6 */
			
			margin-top:8px;
			}
			#menu2 {
				width:480px;
				height:27px;
				margin-top:6px;
				_margin-top:2px; /*IE6 */
				margin-left:12px;
				font-size:14px;
				font-weight:bold;
				}
				#menu2 ul {
					float:left;
					}
				#menu2 li {
					padding:0 0 0 12px;
					}	
					#menu2 li.separador {
					padding:0 12px;
					background:url('../images/separador-menu.png') no-repeat right;
					}
				
			#contenido { width:501px;}
				#contenido h3 { padding-top:10px; padding-left:20px; font-size:1.2em; color:#444;}
				#contenido h4 { padding:12px 0; font-size:1.1em; color:#A50615; }
				#contenido h4.admin { padding:12px 0; font-size:1.2em; color:#e48324; }
				#contenido h5 { padding:5px 0; font-size:1em; color:#444; }
				#contenido h6 { padding:5px 0; font-size:1em; color:#444; font-weight:normal; }
				#contenido p { margin-bottom:8px;}
				
				#content-top { height:8px; background:url('../images/bg-contenido-total.png') no-repeat top;}
				#content-bod { background:url('../images/bg-contenido-total-cont.png') repeat-y;}
					#content-bod .pcontenido { padding:2px 25px 10px 20px; }
					#content-bod .pcontenido h3 { padding-top:0; padding-left:0; }
					#content-bod .pcontenido h4 { padding:10px 0; padding-left:0; font-size:1.2em; }
					#content-bod .pcontenido img { border:4px solid #ddd; margin-top:6px; }
					#content-bod .pcontenido img.sinborde { border:0; margin:0; }
					#content-bod .pcontenido a.link_admin { color:#e48324; font-weight:normal; }
					#content-bod .pcontenido a.link_admin:hover { text-decoration:underline; }
						.pcontenido ul { list-style-type:square;}
						.pcontenido li { margin-left:30px;}
						.pcontenido ul.apartados { clear:both; margin:6px 24px; line-height:200%;  }
						.pcontenido ul.apartados li { margin:0 8px; }
						
				#content-bot { height:14px; background:url('../images/bg-contenido-total.png') no-repeat bottom;}
				
				.content-general { background:url('../images/bg-contenido-total.png') no-repeat;}
				.content-inicio { background:url('../images/bg-contenido-inicio.png') no-repeat;}
					.content-inicio h3 { padding:10px 0 0 0; padding-left:20px; font-size:1.2em; color:#444;}
					.content-inicio h4 { padding:20px 0; font-size:1.1em; color:#A50615; }
				
				#situacion, #portada, #tiempo, #admin, #contacto, #corporacion { height:385px;}

					#noticias h2 { padding-top:10px; font-size:1.1em; color:#a50615;}
					#noticias h2.finalizada { color:#777;}
					#noticias h2 span.fecha { color:#1e4974; font-size:.7em; font-weight:normal;}
					#noticias .noticia { padding:5px; margin-bottom:8px;  }
					#noticias div.fecha { margin-bottom:4px; color:#1e4974; font-size:.85em;}
					#noticias div.fecha span { color:#A50615; }
					#noticias a { padding-left:12px; color:#1e4974; font-weight:bold; }
					#noticias a.titulo { padding-left:0; color:#888; font-weight:normal; }
					#noticias a:hover { text-decoration:none; color:#000;}
					#noticias span.ver { color:#1e4974; font-weight:bold;}
					
					#directorio h2 { padding-top:10px; margin-bottom:6px; font-size:1.1em; color:#a50615;}
					#directorio h2.nopubli { text-decoration:line-through;}
					#directorio .servicio { margin-bottom:8px; line-height:150%;}
					
					#directorio .direccion { margin-bottom:6px;}
					#directorio a.link { text-decoration:none; color:#1e4974; border-bottom:1px dotted; }
										
					#situacion #mapa { width:425px; height:320px; margin:0 auto; margin-top:10px; border:2px solid #1e4974;}
					#admin #inicio { margin-top:80px;}
					#contacto { }
					#corporacion #contenido-corporacion { margin-left:40px;}
						#contenido-corporacion .linea { clear:both; width:300px; height:30px; margin:0 0 6px 35px; color:#555; font-size:1.1em; font-weight:bold; }
						#contenido-corporacion .linea .nombre {float:left; width:250px; padding-top:8px;}
						#contenido-corporacion .linea .imagen {float:right; width:41px;}
						#contenido-corporacion .linea img {border:0;}
					
					
				#tiempo #contenido-tiempo { width:420px; margin:0 auto; }
					#contenido-tiempo a { color:#fff;}
				#portada #panel1 { float:left; overflow:hidden; width:276px; }
				#portada #panel1 .top { }
				#portada #panel1 .bot { height:15px; padding-left:25px; padding-right:20px; font-size:.9em; text-align:left; }
				#portada #panel1 .facebook { margin-top:10px; padding-left:15px; font-size:.9em; }
				#portada .bot a { color:#1e4974; font-weight:bold; }
				#portada .bot a:hover { text-decoration:none; color:#a50615;}
				#portada .link3 { background: url('../images/link3.gif') no-repeat 0px 7px; }
				
				#noticias-portada { margin:12px 20px 0 15px;}
				#noticias-portada .noticia { margin:8px 0; letter-spacing:-0.05em; }
				#noticias-portada .fecha { color:#b1555d; font-weight:bold; font-size:.9em;}
				#noticias-portada .texto { margin-left:6px; color:#888;}
				#noticias-portada .texto a {color:#888;}
				#noticias-portada .texto a:hover {text-decoration:none; color:#000;}
				#noticias-portada .texto span.ver { color:#1e4974;font-weight:bold;}
				
				#portada #panel2 { float:right; overflow:hidden; width:200px; margin-right:5px; padding-right:15px; }
				#portada #panel2 .top { height:340px;}
				#portada #panel2 .bot { height:25px; padding-left:25px; font-size:.9em;}
					.contenido-panel2 { margin:8px 0 0 18px;}
					.bg-foto { width:162px; height:124px; padding:5px 0 0 5px; background: url('../images/bg-foto-album.png') no-repeat #CCC;}
					.bg-foto a { font-size:.9em; color:#1e4974; font-weight:bold; }
					.bg-foto a:hover { text-decoration:none; color:#a50615;}
					.bg-foto .foto { width:152px; height:112px; text-align:center; overflow:hidden; background:#FFC; }
					.tiempo { margin-top:-11px;}
					.tiempo a { color:#fff;}
					
	#app-bot {
		height:17px;
		background:url('../images/bg-app-bot.png') no-repeat;
	}


/* Header */


/* menu */
.menu li { 
	display:inline;
	float:left;
	padding:0 8px;
}
.menu a {
	text-decoration:none;
}
.menu a:hover, .menu a.activo { text-decoration:none; color:#a50615;}

/* sidebar */
#sidebar h2 { margin-top:15px; margin-left:-40px; text-align:center; color:#a50615; font-size:1.4em;}
#sidebar-content { margin-top:10px; margin-left:25px;}
#sidebar li { display:block; width: 165px; padding:4px 0 2px 15px; font-size:1em; font-weight:bold;   }
#sidebar a { color:#1e4974; }
#sidebar a:hover, #sidebar a.activo { text-decoration:none; color:#a50615;	}
#sidebar li.link { background: url('../images/li-sidebar.gif') no-repeat 0px 7px;  }
#sidebar li.actividades { height:auto; }
#sidebar li.sin-actividades { color:#999; margin:10px 0; padding:5px; background: #DADADA; border: 1px solid #fff;}
#sidebar .link2 { font-weight:bold; background: url('../images/link2.gif') no-repeat 0px 7px; }
#sidebar .link3 { background: url('../images/link3.gif') no-repeat 0px 10px; border-bottom:1px dashed #1e4974; }
#sidebar ul #tactividades  { margin-bottom:4px; }
#sidebar #tactividades li { padding-left:0; font-weight:normal; font-size:.85em; line-height:100%; text-align:left; }
#sidebar #tactividades li .fecha { color:#b1555d; }
#sidebar #tactividades li .activ { color:#444;  }
#sidebar #tactividades li .activ a { color:#444;  }
#sidebar #tactividades li .activ a:hover { color:#000; }
#sidebar #tactividades li .activ span.ver { color:#1e4974;font-weight:bold;}


/* formularios */
input[type="password"], input[type="text"], select, textarea { width:75%; }
textarea { width:200px;}

/*#buscar input[type="text"] { width: 30%; background:#8D8885; }*/

#buscar { display:block; margin:12px 0; text-align:right;}
#buscar input[type="text"] { }
#busqueda {
	width: 200px;
	margin-top:4px;
	padding: 3px 5px;
	color: #6D6663;
	font-size:.9em;
	border:1px solid #999;
}

#form_login {
	width:450px;
	margin:50px auto;
}
#form_login p {color:#666;}
#form_login form label {
	float: left;
	text-align: right;
	font-size:1em;
}
#form_login form legend {
	font-weight: bold;
}
#form_login form .small {
	font-size: 0.9em;
	color: #999;
 	margin-left: 10px; }
	
#formedit { margin:10px; }
#formedit input, #formedit textarea, #formedit select {
	width: 80%;
}

.trline, .trline2, .trline-oblig, .trlinearea, .trlinearea2 { margin-bottom:10px; ; text-align: left; }

.td50left, .td25left, .td75left, .forminfo { float:left; margin-right: 5px; text-align:left; }
.td50right, .td25right, .td75right { float:left; text-align:left;}
.td50left, .td50right {width: 40%; }
.td25left, .td25right {width: 70px;  }
.td75left, .td75right {width: 90%; }
.tdcaja { color:#333; }
.oblig { font-weight: bold; color:#333; }
.trline span.finalizada { color:#900;}

/* contacto */

#formulario-contacto { padding-left:20px; margin-top:15px; font-size:1em;}
#formulario-contacto input[type="text"], #formulario-contacto textarea, #formulario-contacto select { width:60%; }
#respuesta { width:400px; margin:50px;}

#formulario-contacto form {margin-top:20px; margin-left:20px;}
#formulario-contacto form div {margin-top:4px;}
#formulario-contacto label {display:block; float:left; width:90px; font-size:1em; font-weight:bold;}
#formulario-contacto .textfield {width:200px;}
#formulario-contacto textarea {height:70px;}
#formulario-contacto .button {margin-left:89px; margin-top:3px; cursor:pointer;}
#formulario-contacto .textfield:focus, textarea:focus {background-color:#FAFAFA;}
#formulario-contacto .botones { margin-top:12px; margin-left:85px;}
#formulario-contacto a:hover { text-decoration:none; color:#FFF;}

/* Paginacion */
.paginacion {
	clear:both;
	height:25px;
	font-size: .85em;
	text-align: center;
	font-weight:normal;
	margin-top:25px;
	}
.paginacion span.current {
	padding: 2px 8px;
  	border: 1px solid #aaa;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background: #aaa;
	font-weight:normal;
	color: #666; }
.paginacion span.disabled {
  margin: 2px;
  padding: 2px 8px;
  border: 1px solid #eee;
  font-weight:normal;
  color: #ddd; }

.paginacion a.boton {
	line-height:2.5em;
	margin: 2px;
	padding: 2px 8px;
	border: 1px solid #aaa;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	text-decoration: none;
	background: #eee;}
.paginacion a:hover.boton {
	background: #aaa;}

/* Footer */
#footer {width:750px;height:70px; margin:0 auto; color:#bbb;font-size:.85em;}
#footer_left {float:left; }
#footer_right {float:right; }
#footer a { color:#bbb;}