/* CSS document */
html, body {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/canvas_background.gif) repeat-y center top #fff;
	font-family: "Tahoma", Tahoma, Verdana, Arial, sans-serif;
	color: #015CB4;
	font-size: 11px;
	text-align: center;
}

div#canvas {
	display: block;
	width: 770px;
	margin: 0 auto;
	text-align: left !important;
	padding: 0;
	background: url(../images/h1_background.jpg) center top no-repeat;
}


h1, h2, h3, h4{
	font-family: "Georgia", Georgia, "Times New Roman", Times,  serif;
	font-weight: normal;
	z-index: 1;
}

h1 {
	width: 740px;
	/*height: 160px;*/
	height: 135px;
	margin: 0 auto;
	position:relative;
	z-index: 1;
}

h1 span {
	position: relative;
	top: -9000em;
	left: -9000em;
	z-index: 1;
}

h1 img{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index: 1;
}
a:active {
	color: #cc0000;
}
a:hover, a:visited {
	color: #015CB4; 
}
.clear {
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.quicklink {
	display: none;
}
.accesskey {
	text-decoration: underline;
	font-weight: bold;
}
/****************** menu ******************/
div#menu {
	background: url(../images/pattern_menu.gif) #fff;
	width: 169px;
	float: left;
/*	margin: 110px 10px 0 20px;*/
	margin: 90px 10px 0 20px;
}

div#menu ul {
	background: url(../images/menu_background.gif) repeat-y;
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
	div#menu ul ul {
		background: transparent;
		padding: 0 !important;
		margin: 0 !important;
	}
	div#menu ul ul li {
		margin: 3px 0 0 0;
		padding: 0 20px 0 15px;
		background: url(../images/menu_arrow.gif) no-repeat 5px 5px;
	}
	
div#prevision-meteorologica, div#additional-content, div#buscador, div#menu h2 {
	background: url(../images/menu_background.gif) repeat-y; 	
 }

div#menu ul li {
	margin: 3px 0 0 3px;
	padding: 0 20px 0 24px;
	list-style-type: none;
	background: url(../images/menu_arrow.gif) no-repeat 14px 5px;
	font-size:95%;
	display:block;
	line-height:14px;
}
div#menu ul li a{
	padding:2px;
	color:#4A6291;
	line-height:12px;
	text-decoration:none;
}
div#menu ul li a:hover{
	background-color:#4A6291;
	color:#FFF !important;
}
div#menu p {
	padding: 0 11px;
	margin: 0;
}
div#menu h2{
	color:#4a6291;
	letter-spacing: -1px;
	font-size:165%;
	font-weight:normal;
	padding:5px 0 0 20px !important;
}

div#menu h2.first {
	background: url(../images/header_menu_background.gif) no-repeat top center ;
	margin:0;
	padding:0;
}

div#menu h2.first em{
	display:none;
	visibility:hidden;
}

div#menu div.bottom {
	background: url(../images/bottom_menu_background.gif) no-repeat bottom center;
}
div#menu input{
	width:70%;
	margin:0 auto;
	display:block;
	margin:0 auto;
}
div#menu input.boton{
	width:60px;
}
div#menu label{
	display:none;
	visibility:hidden;
}
div#menu form#concejaliaForm {
	background: url(../images/menu_background.gif) repeat-y;	
	margin: 0;
	padding: 0 0 0 4px;	
}
div#menu form#concejaliaForm label {
	display: block;
	visibility: visible;
}
div#menu form#concejaliaForm p.boton {
	padding: 3px 0;
}
div#menu form#concejaliaForm select {
	width: 140px;
	font-size: 9px;
	border: 0;
}
div#menu form#concejaliaForm input.boton {
	width: 130px;
}
/************ contenido *******************/
div#content {
	float: left;
	width: 355px;
	margin: 0 10px;
}
div#content h2 {
	/*color: #DDE1EA;*/
	color: #8897B6;
	font-size: 36px;
	margin-bottom: -8px;
	padding-bottom: 0;
	letter-spacing: -3px;
}
div.news-item {
	border: 1px solid #C5C418;
	background: url(../images/box_background.gif) top left repeat-x #FDFDFE;
	min-height: 130px;
	height: 80px;
	margin-bottom: 5px;
	clear: both;
}
html>body div.news-item {
	height: auto;
	clear: both;
}
	div.news-item h3 {
		margin: 2px !important;
		font-family: "Tahoma", Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
	}
	div.news-item h3 a {
		color: #fff;
		background: url(../images/title_box_background.gif) top left repeat #C5C418;
		display: block;
		padding: 5px !important;
		text-decoration: none;
		font-weight: bold;
	}
	div.news-item h3 a:hover {
		color: #4A6291;
	}
	div.news-item h3 a:hover+img a {
		background: #fff;
	}
	div.news-item div {
		padding: 5px;
	}
	div.news-item p.news-image {
		text-align: right;
		float: left;
		margin: 5px !important;
	}
	div.news-item p.news-image img {
		border: 1px solid #C5C418;	
	}
	div.news-item p.more-news {
		float: left;
		text-align: right;
		margin: 5px !important;
	}
	div.news-item div.date {
		float: right;
		color: #8897B6;
		clear: both;
	}
div.event-container {
	border: 1px solid #C5C418;
	background: url(../images/box_background.gif) top left repeat-x #FDFDFE;
	min-height: 50px;
	height: 50px;
	margin-bottom: 20px;
}
html>body div.event-container {
	height: auto;
}
	div.event-container h3 {
		margin: 2px;
		font-family: "Tahoma", Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
	}
	div.event-container h3 a {
		color: #fff;
		background: url(../images/title_box_background.gif) top left repeat #C5C418;
		display: block;
		padding: 5px;
		text-decoration: none;
		font-weight: bold;
	}
	div.event-container h3 a:hover {
		color: #4A6291;
	}
	div.event-container div {
		padding: 5px;
	}
	div.event-container p.more-news {
		text-align: right;
	}
div#content ul.listado-concejalias li {
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}
	div#content ul.listado-concejalias li a {
		display: block;
		margin: 0;
		padding: 10px 5px;
		background: #DDE1EA;
		width: 345px;
		color: #4A6291;
		font-weight: bold;
		text-decoration: none;
		clear: both;
	}
	div#content ul.listado-concejalias li a strong {
		font-weight: normal;
		float: right;
		margin-top: -13px;
		cursor: pointer;
	}
	html>body div#content ul.listado-concejalias li a strong {
		margin-top: -13px;
	}
	div#content ul.listado-concejalias li a:hover {
		background: #C5C418;
		color: #4A6291;
	}
/********************** contenido adicional *******************/
div#additional-content{
	background: url(../images/pattern_menu_concejalia.gif) #fff;
	width: 169px;
	float: left;
	margin: 0;
}
div#additional-content ul {
	background: url(../images/menu_background.gif) repeat-y;	
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
div#additional-content ul ul {
	background: none;
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
div#additional-content ul ul li{
	background: url(../images/menu_bullet.gif) no-repeat 14px 5px;
}
div#additional-content ul li {
	margin: 3px 0 0 3px;
	padding: 0 5px 0 24px;
	list-style-type: none;
	background: url(../images/menu_arrow.gif) no-repeat 14px 5px;
	font-size:95%;
	display:block;
	line-height:14px;
}
div#additional-content ul.no-icon li {
	margin: 3px 0;
	padding: 0;
	list-style-type: none;
	background: transparent;
	font-size:95%;
	display:block;
	line-height:14px;
}
div#additional-content ul.no-icon li div.object {
	background: transparent;
	z-index: 1;
}
div#additional-content ul li a{
	padding:2px;
	color:#4A6291;
	line-height:12px;
	text-decoration:none;
}
div#additional-content ul li a:hover{
	background-color:#4A6291;
	color:#FFF;
}
div#additional-content h2{
	background: url(../images/menu_background.gif) repeat-y;
	color:#4a6291;
	letter-spacing: -1px;
	font-size:165%;
	font-weight:normal;
	padding:5px 0 0 20px !important;
}

div#additional-content h2.first {
	background: url(../images/header_menu_background.gif) no-repeat top center ;
	margin:0px;
	padding:0px;
}

div#additional-content h2.first em{
	display:none;
	visibility:hidden;
}

div#additional-content div.bottom {
	background: url(../images/bottom_menu_background.gif) no-repeat bottom center;
}
div.object {
	margin: 0;
	background: #fff;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(../images/menu_background.gif) repeat-y;	
}
div.object object {
	margin: 0;
	padding: 5px 0;
}
/********************** eventos *******************/
div#eventos{
	background: url(../images/pattern_menu.gif) #fff;
	width: 169px;
	float: right;
	margin: 10px 4px 0 0 ;
}
html>body div#eventos {
	margin: 10px 27px 0 0;
}
div#eventos div.event-container {
	background: url(../images/menu_background.gif) repeat-y;
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
div#eventos h2{
	color:#4a6291;
	letter-spacing: -1px;
	font-size:165%;
	font-weight:normal;
	padding:5px 0 0 20px !important;
}

div#eventos h2.first {
	background: url(../images/header_menu_background.gif) no-repeat top center ;
	margin:0;
	padding:0;
}

div#eventos h2.first em{
	display:none;
	visibility:hidden;
}

div#eventos div.bottom {
	margin: 0;
	padding: 0;
	background: url(../images/bottom_menu_background.gif) no-repeat bottom right;
	height:12px;
	
}
div#eventos h3 {
	font-family: "Tahoma", Tahoma, Verdana, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
div#eventos h3, div#eventos div {
	margin: 3px 0;
	padding: 0 20px;
	list-style-type: none;
	background: transparent;
	font-size:95%;
	display:block;
	line-height:14px;
	border: 0;
	
}
div#eventos div {
	background: transparent;
}
div#eventos a{
	padding:2px;
	color:#4A6291;
	line-height:12px;
	text-decoration:none;
}
div#eventos a:hover{
	background-color:#4A6291;
	color:#FFF !important ;
}
div#eventos	div.event-container div.date {
		margin: 0 10px;
		padding: 0 5px 0 7px;
		font-size: 9px;
		text-align: right;
		color: #8897B6;
}
div#eventos p {
	padding: 0 15px;
	background: url(../images/menu_background.gif) repeat-y;
}
/******************* otros *************/
div#prevision-meteorologica div{
	width:70%;
	margin:0 auto;
	border:1px solid #C5C418;
	background:#FFF;
}
div#prevision-meteorologica div ul{
	background-image:none;
}
div#temperature_content p {
	padding: 3px;
	text-align: center;
}
div#temperature_content p a {
	padding:2px;
	color:#4A6291;
	line-height:12px;
	text-decoration:none;
}
div#temperature_content p a.pluvio-warning {
	background: url(../images/pluvio_warning.gif) repeat-x;
}
div#temperature_content p a:hover {
	background-color:#4A6291;
	color:#FFF;
}
div#credits {
	display: block;
	clear: both;
	float: none;
	margin: 10px;
	text-align: center;
	padding: 20px 0 0 0;

}
div#credits p {
	display: inline;
	margin: 0 5px;
}

/********************** formularios **********************/
input, textarea{
	border:1px solid #c5c418;
	background:#FFF;
	color:#4A6291;
}
input.boton{
	width:60px;
	border:1px outset;
	background:#C5C418;
	color:#FFF;
	font-size:80%;
	font-weight:bold;
	display:block;
	margin:0 0 0 auto;
}
.centrado{
	text-align:center;
}

/*********************************************************/
#content p.paginacion{
	background: #4A6291;
	border: 1px solid #C5C418;
	margin: 10px 0;
	padding: 5px;
	display: block;
	text-align: center;
	color: #FDFDFE;
}
#content p.paginacion em {
	display: none;
}
#content p.paginacion strong {
	padding:0 3px;
	margin: 0 2px;
}
#content p.paginacion a {
	border:1px solid #C5C418;
	padding:0 3px;
	margin: 0 2px;
	text-decoration:none;
	color: #FDFDFE;
	text-align: center;
}
.nofloated-left-image {
	margin: 5px auto !important;
	padding: 2px;
	text-align: center;
}
.nofloated-left-image img {
	border: 1px solid #DFD619;
}
.alerta_rojo
{
	font-size: 10px;
	color: #f00;
}