/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de menús (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-menu
		1.1.module-menu - #header .main				(Hueco principal cabecera)
		1.2.module-menu - #header .secondary		(Hueco secundario cabecera)
		1.3.module-menu - #body .col				(Columnas del cuerpo)
		1.4.module-menu - #body .content			(Contenido del cuerpo)
		1.5.module-menu - #footer					(Pie)
---------------------------------------------------------------------------------- */

/* =1.module-menu
---------------------------------------------------------------------------------- */
.module-menu {}

	.module-menu ul {}
	
		.module-menu ul li {
			float: left;
			list-style-type: none;
		}
			
			/* Sub-menu */
			.module-menu ul li.current ul {
				display: none;
			}
			
				.module-menu ul li.current ul li {
					float: none;
				}

	/* 1.1.module-menu - #header .main
	------------------------------------ */
	#header .main .module-menu {
		margin: 0 0.35em;
	}

		#header .main .module-menu ul {
			margin: 0;
			padding: 0;
		}

			#header .main .module-menu ul li {
				background: url(../images/layout/module-menu-item-bg.png) no-repeat 100% 100%;
				float: left;
			}

				#header .main .module-menu ul li a {
					color: #737373;
					display: block;
					font-size: 1.1em;
					padding: 0.15em 1em 0.15em 0.75em;
					text-align: right;
					text-decoration: none;
				}

				#header .main .module-menu ul li a:focus,
				#header .main .module-menu ul li a:hover {
					color: #333;
				}
				
				/* Item actual */
				#header .main .module-menu ul li.current a {
					border-top: 1px solid #ffe900;
					color: #333;
					font-weight: bold;
				}
	
	
	/* 1.2.module-menu - #header .secondary
	----------------------------------------- */
	#header .secondary .module-menu {}

		#header .secondary .module-menu ul {
			margin: 0.25em 0 0 0;
			padding: 0;
		}

			#header .secondary .module-menu ul li {
				float: left;
			}

				#header .secondary .module-menu ul li a {
					border-right: 1px solid #6E8956;
					color: #487c1b;
					display: block;
					font-size: 1.1em;
					font-style: italic;
					line-height: 1em;
					padding: 0.15em 1em;
					text-decoration: none;
				}

				#header .secondary .module-menu ul li a:focus,
				#header .secondary .module-menu ul li a:hover {
					color: #333;
					text-decoration: underline;
				}
				
				/* Último item */
				#header .secondary .module-menu ul li.last a {
					border: 0;
				}
				
				/* Item actual */
				#header .secondary .module-menu ul li.current a {
					color: #294510;
					font-style: normal;
					font-weight: bold;
				}
	
	/* 1.3.module-menu - #body .col
	--------------------------------- */
	#body .col .module-menu {}
	
		#body .col .module-menu h2 {}

		#body .col .module-menu ul {
			margin: 0.25em 0 0 0;
		}

			#body .col .module-menu ul li {
				background: #e6e6e6 url(../images/layout/module-menu-item-bg-2.png) repeat-x 0 0;
				border-right: 1px solid #f4f4f4;
				float: none;
				list-style-type: none;
				margin-bottom: -1px;
			}

				#body .col .module-menu ul li a {
					background: url(../images/layout/module-menu-bullet.png) no-repeat 0 50%;
					color: #666666;
					display: block;
					font-size: 1.1em;
					font-weight: bold;
					line-height: 1em;
					margin-right: 1em;
					padding: 0.55em 0.25em 0.4em 28px;
					text-decoration: none;
				}

				#body .col .module-menu ul li a:focus,
				#body .col .module-menu ul li a:hover {
					color: #333;
					text-decoration: underline;
				}

			/* Primer item */
			#body .col .module-menu ul li.first {}

				#body .col .module-menu ul li.first a {}

			/* Último item */
			#body .col .module-menu ul li.last {}

				#body .col .module-menu ul li.last a {}

			/* Item actual */
			#body .col .module-menu ul li.current {
				padding-bottom: 1em;
			}

				#body .col .module-menu ul li.current a {
					background: url(../images/layout/module-menu-bullet-current.png) no-repeat 0 0;
					color: #487c1b;
				}
				
				#body .col .module-menu ul li.current ul,
				#body .col .module-menu ul li ul {
					display: block;
					margin: 0;
				}
				
				#body .col .module-menu ul li.current ul ul,
				#body .col .module-menu ul li ul ul {}

				/* Sub-menu (segundo nivel) */
				#body .col .module-menu ul li.current ul {
					margin-left: 2.5em;
				}

					#body .col .module-menu ul li ul li,
					#body .col .module-menu ul li.current ul li {
						background: none;
					}

						#body .col .module-menu ul li ul li a,
						#body .col .module-menu ul li.current ul li a {
							background: url(../images/layout/module-menu-bullet-2.png) no-repeat 0 0.3em;
							color: #6e6e6e;
							padding: 0.3em 0.25em 0.3em 10px;
						}
						
						#body .col .module-menu ul li ul li a:focus,
						#body .col .module-menu ul li.current ul li a:focus,
						#body .col .module-menu ul li ul li a:hover,
						#body .col .module-menu ul li.current ul li a:hover {}
						
						#body .col .module-menu ul li ul li.current a,
						#body .col .module-menu ul li.current ul li.current a {
							background-image: url(../images/layout/module-menu-bullet-2-current.png);
							color: #487c1b;
						}
						
				/* Sub-menu (tercer nivel) */
				#body .col .module-menu ul li.current ul ul {
					margin-left: 0.75em;
				}

					#body .col .module-menu ul li ul ul li,
					#body .col .module-menu ul li.current ul ul li {}
					
						#body .col .module-menu ul li ul li.current ul li a,
						#body .col .module-menu ul li.current ul li.current ul li a {
							background: url(../images/layout/module-menu-bullet-2.png) no-repeat 0 0.3em;
							color: #6e6e6e;
						}

						#body .col .module-menu ul li ul li.current ul li.current a,
						#body .col .module-menu ul li.current ul li.current ul li.current a {
							background-image: url(../images/layout/module-menu-bullet-2-current.png);
							color: #487c1b;
						}
						
				/* Sub-menu (cuarto nivel) */
				#body .col .module-menu ul li ul ul ul {}

					#body .col .module-menu ul li ul ul ul li,
					#body .col .module-menu ul li.current ul ul ul li {}

						#body .col .module-menu ul li ul li.current ul li.current ul li a,
						#body .col .module-menu ul li.current ul li.current ul li.current ul li a {
							background: url(../images/layout/module-menu-bullet-2.png) no-repeat 0 0.3em;
							color: #6e6e6e;
						}
						
						
	/* 1.4.module-menu - #body .content
	----------------------------------- */
	#body .content .module-menu {}

		#body .content .module-menu ul {
			margin: 0;
			padding-bottom: 0.25em;
		}

			#body .content .module-menu ul li {
				background: url(../images/layout/module-menu-item-bg-2.png) repeat-x 0 0;
				border-right: 1px solid #f4f4f4;
				list-style-type: none;
				margin: 0 1em 0 0;
				padding: 0;
			}

				#body .content .module-menu ul li a {
					background: url(../images/layout/module-menu-bullet.png) no-repeat 0 0;
					color: #666666;
					display: block;
					font-size: 1.1em;
					font-weight: bold;
					line-height: 1em;
					margin-right: 1em;
					padding: 0.55em 0.25em 0.4em 28px;
					text-decoration: none;
				}

				#body .content .module-menu ul li a:focus,
				#body .content .module-menu ul li a:hover {
					color: #333;
					text-decoration: underline;
				}
	
	
	/* 1.5.module-menu - #footer
	---------------------------- */
	#footer .module-menu {}

			#footer .module-menu ul li {
				float: none;
				line-height: 1.3em;
			}

				#footer .module-menu ul li a {
					color: #487c1b;
					text-decoration: none;
				}
				
				#footer .module-menu ul li a:focus,
				#footer .module-menu ul li a:hover {
					text-decoration: underline;
				}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de HTML (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-html
---------------------------------------------------------------------------------- */

/* =1.module-html
---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Fecha (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-fecha
		1.1.module-menu - #header .main
		1.2.module-menu - #header .secondary
---------------------------------------------------------------------------------- */

/* =1.module-fecha
---------------------------------------------------------------------------------- */
.module-fecha {
	margin: 0 1em;
	text-align: right;
}

	.module-fecha p {
		margin: 0;
		padding: 0;
	}
	
	/* 1.1.module-menu - #header .main
	------------------------------------ */
	#header .main .module-fecha {
		line-height: 1em;
		padding-top: 0.5em;
	}
	
		#header .main .module-fecha p {}
	
	/* 1.2.module-menu - #header .secondary
	---------------------------------------- */
	#header .secondary .module-fecha {
		margin-top: 0.35em;
	}
	
		#header .secondary .module-fecha p {}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Tamaño Tipográfico (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-font-size
		1.1.module-font-size - #header .main
		1.2.module-font-size - #header .secondary
---------------------------------------------------------------------------------- */

/* =1.module-fecha
---------------------------------------------------------------------------------- */
.module-font-size {}

	.module-font-size ul {
		margin: 0.15em 0;
		padding: 0;
	}
	
		.module-font-size ul li {
			display: block;
			float: left;
			list-style-type: none;
		}
		
			.module-font-size ul li a {
				background: url(../images/iconos/module-font-size.gif) no-repeat 0 0;
				display: block;
				height: 20px;
				text-indent: -999em;
				width: 20px;
			}
		
		/* Pequeño */	
		.module-font-size ul li.font-size-small {}
		
			.module-font-size ul li.font-size-small a {
				background-position: 0 0;
			}
		
		/* Medio */	
		.module-font-size ul li.font-size-medium {}

			.module-font-size ul li.font-size-medium a {
				background-position: -20px 0;
			}
		
		/* Grande */
		.module-font-size ul li.font-size-big {}

			.module-font-size ul li.font-size-big a {
				background-position: -40px 0;
			}
	
	/* 1.1.module-font-size - #header .main
	------------------------------------ */
	#header .main .module-font-size {}
	
	/* 1.2.module-font-size - #header .secondary
	---------------------------------------- */
	#header .secondary .module-font-size {}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo del tiempo (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-weather
	2.module-weather - Simple
---------------------------------------------------------------------------------- */

/* =1.module-weather
---------------------------------------------------------------------------------- */
#body .module-weather {}

	#body .module-weather h2 {}
	
	#body .module-weather .read-more {}
	
		#body .module-weather .read-more a {}
		
		#body .module-weather .read-more a:focus,
		#body .module-weather .read-more a:hover {}
	
	#body .module-weather .prediction {
		float: left;
		margin: 0 1.5%;
		text-align: center;
		width: 5.4em;
	}
	
		#body .module-weather .prediction img {
			margin-bottom: 1em;
		}
		
		#body .module-weather .prediction p {
			color: #666;
			line-height: 1.3em;
		}
		
			
			#body .module-weather .prediction p span,
			#body .module-weather .prediction p strong {
				display: block;
			}

/* =2.module-weather - Simple
---------------------------------------------------------------------------------- */
#header .module-weather .simple {
	margin: 0 1em;
}

	#header .module-weather .simple .prediction,
	#header .module-weather .simple .temperature,
	#header .module-weather .simple .read-more {
		float: left;
		margin-right: 2em;
	}
	
		#header .module-weather .simple .prediction strong {
			font-weight: normal;
		}
		
		#header .module-weather .simple .prediction img {
			display: inline;
			vertical-align: middle;
		}
		
	#header .module-weather .simple .temperature,
	#header .module-weather .simple .read-more {
		margin-right: 0.5em;
		margin-top: 0.4em;
	}
	
		#header .module-weather .simple .read-more a {
			background: none;
			padding: 0;
		}
	
	/* 2.1.module-weather - Simple - #header .main
	---------------------------------------------- */
	#header .main .module-weather {
		margin-bottom: 0;
	}
	
	#header .main .module-weather .simple {
		margin-top: 0;
	}
	
	/* 2.2.module-weather - Simple - #header .secondary
	--------------------------------------------------- */
	#header .secondary .module-weather {
		margin-left: -1px;
		margin-bottom: 0;
	}
	
	#header .secondary .module-weather .simple {
		color: #666;
		margin-bottom: 0;
		margin-top: 0.25em;
	}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Banners (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-banners
		1.1.normal
		1.2.horizontal
---------------------------------------------------------------------------------- */

/* =1.module-banners
---------------------------------------------------------------------------------- */
#body .module-banners {}

	#body .module-banners ul {
		margin: 0;
		padding: 0;
	}
	
		#body .module-banners ul li {
			list-style-type: none;
			float: left;
			margin: 0 0.5em 1em 0;
		}
		
			#body .module-banners ul li strong {
				display: block;
				font-size: 1.1em;
				font-weight: normal;
				margin-bottom: 0.2em;
			}
			
			#body .module-banners ul li img {
				border: 1px solid #ccc;
				display: block;
			}
			
			#body .module-banners ul li a {
				text-decoration: none;
			}
			
			#body .module-banners ul li a:focus,
			#body .module-banners ul li a:hover {}
			
				#body .module-banners ul li a:focus strong,
				#body .module-banners ul li a:hover strong {
					text-decoration: underline;
				}
				
				#body .module-banners ul li a:focus img,
				#body .module-banners ul li a:hover img {
					border-color: #aaa;
				}

/* 1.1.normal
------------- */

/* 1.2.horizontal
----------------- */
#body .module-banners {
	position: relative;
}

#body .module-banners .scrollable {
	position: relative;
	overflow: hidden;
	height: 50px;
	margin: 0 auto;
	width: 92%;
}

	#body .module-banners .prev,
	#body .module-banners .next {
		background: url(../images/iconos/module-banners-prev.gif) no-repeat 0 0;
		display: block;
		height: 19px;
		position: absolute;
		text-indent: -999em;
		top: 20px;
		width: 19px;
	}
	
	#body .module-banners .prev {
		background-image: url(../images/iconos/module-banners-prev.gif);
		left: 0;
	}
	
	#body .module-banners .next {
		background-image: url(../images/iconos/module-banners-next.gif);
		right: 0;
	}

#body .module-banners ul.horizontal {
	width:20000em; 
	position:absolute;
}

#body .module-banners ul.horizontal li img {
	border: 0;
}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Agenda (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-agenda
---------------------------------------------------------------------------------- */

/* =1.module-agenda
---------------------------------------------------------------------------------- */
#body .module-agenda {}

	#body .module-agenda h2 {}
	
	#body .module-agenda .read-more {}
	
		#body .module-agenda .read-more a {}
		
		#body .module-agenda .read-more a:focus,
		#body .module-agenda .read-more a:hover {}
	
	#body .module-agenda .event {
		border-bottom: 1px solid #ececec;
		margin: 0 0 0.5em 0;
		padding: 0.5em;
	}
	
		#body .module-agenda .event .date {
			color: #666;
			display: block;
			font-weight: normal;
			margin: 0;
		}
		
		#body .module-agenda .event .title {
			font-size: 1.1em;
			line-height: 1.2em;
			margin: 0;
		}
		
			#body .module-agenda .event .title a {
				text-decoration: none;
			}
			
			#body .module-agenda .event .title a:focus,
			#body .module-agenda .event .title a:hover {
				text-decoration: underline;
			}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Tablón de Anuncios (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-tablon
---------------------------------------------------------------------------------- */

/* =1.module-tablon
---------------------------------------------------------------------------------- */
#body .module-tablon {}

	#body .module-tablon .anuncio {
		border-bottom: 1px solid #e0e0e0;
		padding: 0.5em 0;
	}
	
	#body .module-tablon .anuncio img {
		background: #fff;
		border: 1px solid #e0e0e0;
		display: block;
		margin: 0.5em auto;
		padding: 2px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#body .module-tablon .anuncio .date {
		margin-right: 0.25em;
	}
	
	#body .module-tablon .anuncio .title {
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
		#body .module-tablon .anuncio .title a {
			text-decoration: none;
		}
		
		#body .module-tablon .anuncio .title a:focus,
		#body .module-tablon .anuncio .title a:hover {
			text-decoration: underline;
		}
		
	#body .module-tablon .special {}
	
		#body .module-tablon .special .title {
			display: block;
			font-size: 1.6em;
			line-height: 1em;
			margin-bottom: 1em;
		}
		
		#body .module-tablon .special .date {
			display: block;
			color: #c9c9c9;
			font-size: 1.3em;
			float: left;
			line-height: 1em;
			margin-top: 0.25em;
			text-align: center;
			width: 3em;
		}
			
			#body .module-tablon .special .date span {
				display: block;
			}
			
			#body .module-tablon .special .date span.day {
				font-size: 1.5em;
			}
			
			#body .module-tablon .special .date span.month {
				font-size: 0.8em;
				font-weight: normal;
			}
			
			#body .module-tablon .special .date span.year {}
		
		#body .module-tablon .special img {
			clear: both;
		}
		
		#body .content .module-tablon .special img {
			float: left;
			margin: 0 1em 1em 0;
		}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Encuestas (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-encuestas
---------------------------------------------------------------------------------- */

/* =1.module-encuestas
---------------------------------------------------------------------------------- */
#body .module-encuestas {}

	#body .module-encuestas .encuesta {
		width: auto;
	}
	
	#body .module-encuestas .encuesta,
	#body .module-encuestas .resultados,
	#body .module-encuestas .read-more {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}

	#body .module-encuestas .encuesta {
		border-bottom: 1px solid #e0e0e0;
	}
	
		#body .module-encuestas .encuesta .pregunta {
			line-height: 1.2em;
		}
	
	#body .module-encuestas .resultados {}
	
		#body .module-encuestas .resultados .resultado {}
		
			#body .module-encuestas .resultados .resultado span {
				display: block;
				float: left;
				padding: 0.25em 0;
				width: 45%;
			}
		
			#body .module-encuestas .resultados .resultado strong {
				border: 1px solid #ccc;
				background: #eee;
				display: block;
				float: left;
				margin-left: 2%;
				padding: 2px;
				width: 50%;
				
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			
				#body .module-encuestas .resultados .resultado strong span {
					background: #aaa;
					display: block;
					color: #333;
					padding: 0.1em 0;
					text-indent: 0.15em;
				}
			
			#body .module-encuestas .resultados .resultado strong.percent-0  span  { width:  0%; }
			#body .module-encuestas .resultados .resultado strong.percent-05  span { width:  5%; }
			#body .module-encuestas .resultados .resultado strong.percent-10  span { width:  10%; }
			#body .module-encuestas .resultados .resultado strong.percent-15  span { width:  15%; }
			#body .module-encuestas .resultados .resultado strong.percent-20  span { width:  20%; }
			#body .module-encuestas .resultados .resultado strong.percent-25  span { width:  25%; }
			#body .module-encuestas .resultados .resultado strong.percent-30  span { width:  30%; }
			#body .module-encuestas .resultados .resultado strong.percent-35  span { width:  35%; }
			#body .module-encuestas .resultados .resultado strong.percent-40  span { width:  40%; }
			#body .module-encuestas .resultados .resultado strong.percent-45  span { width:  45%; }
			#body .module-encuestas .resultados .resultado strong.percent-50  span { width:  50%; }
			#body .module-encuestas .resultados .resultado strong.percent-55  span { width:  55%; }
			#body .module-encuestas .resultados .resultado strong.percent-60  span { width:  60%; }
			#body .module-encuestas .resultados .resultado strong.percent-65  span { width:  65%; }
			#body .module-encuestas .resultados .resultado strong.percent-70  span { width:  70%; }
			#body .module-encuestas .resultados .resultado strong.percent-75  span { width:  75%; }
			#body .module-encuestas .resultados .resultado strong.percent-80  span { width:  80%; }
			#body .module-encuestas .resultados .resultado strong.percent-85  span { width:  85%; }
			#body .module-encuestas .resultados .resultado strong.percent-90  span { width:  90%; }
			#body .module-encuestas .resultados .resultado strong.percent-95  span { width:  95%; }
			#body .module-encuestas .resultados .resultado strong.percent-100 span { width:  100%; }
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Tablón de Noticias (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-noticias
---------------------------------------------------------------------------------- */

/* =1.module-noticias
---------------------------------------------------------------------------------- */
#body .module-noticias {}

	#body .module-noticias .noticia {
		border-bottom: 1px solid #e0e0e0;
		padding: 0.5em 0;
	}
	
	#body .module-noticias .noticia img {
		background: #fff;
		border: 1px solid #e0e0e0;
		display: block;
		float: left;
		margin: 0 0.5em 0.5em 0.5em;
		padding: 2px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#body .module-noticias .noticia .date {
		margin-right: 0.25em;
	}
	
	#body .module-noticias .noticia .title {
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
		#body .module-noticias .noticia .title a {
			text-decoration: none;
		}
		
		#body .module-noticias .noticia .title a:focus,
		#body .module-noticias .noticia .title a:hover {
			text-decoration: underline;
		}
		
	#body .module-noticias .special, #body .module-noticias .preferente {}
	
		#body .module-noticias .special .title, #body .module-noticias .preferente .title {
			display: block;
			font-size: 1.6em;
			line-height: 1em;
			margin-bottom: 1em;
		}
		
		#body .module-noticias .special .date, #body .module-noticias .preferente .date {
			display: block;
			color: #c9c9c9;
			font-size: 1.3em;
			float: left;
			line-height: 1em;
			margin-top: 0.25em;
			text-align: center;
			width: 3em;
		}
			
			#body .module-noticias .special .date span, #body .module-noticias .preferente .date span {
				display: block;
			}
			
			#body .module-noticias .special .date span.day, #body .module-noticias .preferente .date span.day {
				font-size: 1.5em;
			}
			
			#body .module-noticias .special .date span.month, #body .module-noticias .preferente .date span.month {
				font-size: 0.8em;
				font-weight: normal;
			}
			
			#body .module-noticias .special .date span.year, #body .module-noticias .preferente .date span.year {}
		
		#body .module-noticias .special img, #body .module-noticias .preferente img {
			clear: both;
		}
		
		#body .content .module-noticias .special img, #body .content .module-noticias .preferente img {
			float: left;
			margin: 0 1em 1em 0;
		}
		
		/* Preferente */
		#body .module-noticias .preferente {
			background: #F7F7F7;
			border: 1px solid #E9E9E9;
			padding: 0.25em 0.5em;
		}

			#body .module-noticias .preferente .title {
				line-height: 1.2em;
				margin-bottom: 0.25em;
			}

			#body .module-noticias .preferente .date {
				background: #fff;
				border: 1px solid #eee;
				display: block;
				float: right;
				padding: 0.25em 0.1em;
			}

			#body .module-noticias .preferente img {
				float: none;
				margin: 0 auto;
				max-width: 98%;
			}
			
			/* Preferente */
				#body .content .module-noticias .preferente img {
					float: left;
				}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Más Visitados (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-mas-visitados
---------------------------------------------------------------------------------- */

/* =1.module-mas-visitados
---------------------------------------------------------------------------------- */
#body .module-mas-visitados {}

	#body .module-mas-visitados .element {
		border-bottom: 1px solid #eee;
		margin-bottom: 1em;
	}
	
	#body .module-mas-visitados img {
		background: #fff;
		border: 1px solid #e0e0e0;
		display: block;
		float: left;
		margin: 0 1em 1em 0;
		padding: 2px;
	
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#body .module-mas-visitados .title {
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.1em;
		margin-bottom: 0.5em;
		padding-bottom: 0.25em;
	}
	
		#body .module-mas-visitados .title a {
			text-decoration: none;
		}
		
		#body .module-mas-visitados .title a:focus,
		#body .module-mas-visitados .title a:hover {
			text-decoration: underline;
		}
	
	#body .module-mas-visitados .excerpt {}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de buscador (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-buscador
---------------------------------------------------------------------------------- */

/* =1.module-buscador
---------------------------------------------------------------------------------- */
.module-buscador {}

	.module-buscador label {}

	.module-buscador input.text {
		background: url(../images/layout/module-buscador-text-bg-g.gif) no-repeat 0 0;
		border: 0;
		color: #888;
		padding: 0.4em 15px 0.25em 20px;
		width: 110px;
	}
	
	.module-buscador input.text:focus {
		color: #333;
	}
	
	.module-buscador input.button {
		background: #c8c8c8 url(../images/layout/module-buscador-button-bg.gif) repeat-x 0 100%;
		border: 0;
		color: #fff;
		cursor: pointer;
		font-size: 1em;
		padding: 0.25em 0.5em;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.module-buscador input.button:focus,
	.module-buscador input.button:hover {
		color: #333;
	}
	
/* =1.1.module-buscador - #header .main
---------------------------------------------------------------------------------- */
#header .main .module-buscador, #header .main .module-buscador form, #header .main .module-buscador p {
	margin-bottom: 0;
}

/* =1.2.module-buscador - #header .secondary
---------------------------------------------------------------------------------- */
#header .secondary .module-buscador, #header .secondary .module-buscador form, #header .secondary .module-buscador p {
	margin-bottom: 0;
}

	#header .secondary .module-buscador input.text {

	}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el módulo de Trámites (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.module-tramites
---------------------------------------------------------------------------------- */

/* =1.module-tramites
---------------------------------------------------------------------------------- */
#body .module-tramites {}

	#body .module-tramites h3 {
		background: none;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		font-size: 1em;
		margin: 1.5em 0 0 0;
		padding: 0;
		text-align: right;
	}

	#body .module-tramites .tramite {
		background: url(../images/iconos/module-tramites-bullet.gif) no-repeat 5px 0.8em;
		border-bottom: 1px solid #e0e0e0;
		padding: 0.5em 0 0.5em 27px;
	}
	
	#body .module-tramites .tramite img {
		background: #fff;
		border: 1px solid #e0e0e0;
		float: left;
		margin: 0 0.5em 0.5em 0;
		padding: 2px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	#body .module-tramites .tramite .date {
		margin-right: 0.25em;
	}
	
	#body .module-tramites .tramite .title {}
	
		#body .module-tramites .tramite .title a {
			text-decoration: none;
		}
		
		#body .module-tramites .tramite .title a:focus,
		#body .module-tramites .tramite .title a:hover {
			text-decoration: underline;
		}
		
	#body .module-tramites .special {
		background: none;
		padding-left: 0;
	}
	
		#body .module-tramites .special .date {
			display: block;
		}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Google Maps (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-gmaps
---------------------------------------------------------------------------------- */
.content-gmaps {}

	.content-gmaps form img {
		vertical-align: middle;
	}

	.content-gmaps .tools {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em;
	}
	
	.content-gmaps .mapa {
		background: #fff;
		border: 1px solid #ccc;
		margin: 1em auto;
		padding: 2px;
		width: 450px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		
	.content-gmaps .downloads {
		font-size: 1.15em;
	}
	
		.content-gmaps .downloads img {
			vertical-align: middle;
		}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de El Tiempo (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-weather
---------------------------------------------------------------------------------- */
.content-weather {}

	.content-weather .aemet {
		border-top: 1px solid #ddd;
		padding-top: 1em;
		text-align: center;
	}
	
		.content-weather .aemet img {
			display: block;
			margin: 0 auto;
		}
	
	.content-weather .predicciones {
		margin-bottom: 1.5em;
	}
	
		.content-weather .predicciones .prediccion {
			text-align: center;
		}
			
			.content-weather .predicciones .prediccion strong,
			.content-weather .predicciones .prediccion span {
				display: block;
			}
			
			.content-weather .predicciones .prediccion img {
				display: block;
				margin: 0 auto;
			}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Encuestas (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-encuestas
---------------------------------------------------------------------------------- */
.content-encuestas {}

	.content-encuestas .pregunta {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.content-encuestas .radio,
	.content-encuestas .resultado {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	
	.content-encuestas .botonera {
		border-top: 1px solid #ddd;
		padding-top: 1em;
	}
	
	.content-encuestas .last {
		border: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
			
	.content-encuestas .tools li.historico a {
		background: url(../images/iconos/content-encuestas-historico.gif) no-repeat 100% 50%;
	}
	
	.content-encuestas .tools li.activas a {
		background: url(../images/iconos/content-encuestas-actuales.gif) no-repeat 100% 50%;
	}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Noticias (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-noticias
---------------------------------------------------------------------------------- */
#body .content-noticias {}

	#body .content-noticias .noticia {
		border-bottom: 1px solid #e0e0e0;
		font-size: 1.1em;
		margin-bottom: 0.5em;
		padding: 0.5em 0;
	}

		#body .content-noticias .noticia img {
			background: #fff;
			border: 1px solid #e0e0e0;
			display: block;
			float: left;
			margin: 0 1em 1em 0;
			padding: 2px;
		
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
		#body .content-noticias .noticia .date {
			display: block;
		}
		
		#body .content-noticias .noticia .title {
			background: none;
			border: 0;
			font-size: 1.5em;
			font-weight: bold;
			margin: 0 0 0.5em 0;
			padding: 0;
		}
		
			#body .content-noticias .noticia .title a {
				text-decoration: none;
			}
			
			#body .content-noticias .noticia .title a:focus,
			#body .content-noticias .noticia .title a:hover {
				text-decoration: underline;
			}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Tablón de Anuncios (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-tablon
---------------------------------------------------------------------------------- */
.content-tablon {}

	.content-tablon .anuncio {
		border-bottom: 1px solid #e0e0e0;
		font-size: 1.1em;
		margin-bottom: 0.5em;
		padding: 0.5em 0;
	}
	
	.content-tablon .anuncio img {
		background: #fff;
		border: 1px solid #e0e0e0;
		float: left;
		margin: 0 0.5em 0.5em 0;
		padding: 2px;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	.content-tablon .anuncio .date {
		display: block;
		margin-right: 0.25em;
	}
	
	.content-tablon .anuncio .title {}
	
		.content-tablon .anuncio .title a {
			text-decoration: none;
		}
		
		.content-tablon .anuncio .title a:focus,
		.content-tablon .anuncio .title a:hover {
			text-decoration: underline;
		}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Buscador (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-buscador
---------------------------------------------------------------------------------- */
.content-buscador {}

	.content-buscador form p {
		margin: 1em 0;
		text-align: center;
	}
	
	.content-buscador form p.botonera {
		border-top: 1px solid #ddd;
		padding-top: 1em;
	}
	
	.content-buscador .paginador {
		border-top: 1px solid #eee;
		padding-top: 0.5em;
	}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Mi Navegacion (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-barra-minavegacion
---------------------------------------------------------------------------------- */
.content-barra-minavegacion {
	border-bottom: 1px solid #eee;
}

	.content-barra-minavegacion ul {
		text-align: right;
	}
	
		#body .content-barra-minavegacion ul li {
			display: inline;
			margin-left: 1em;
		}
		
			.content-barra-minavegacion ul li a {
				padding: 0.2em 0 0.2em 20px;
				text-decoration: none;
			}
			
			.content-barra-minavegacion ul li a:focus,
			.content-barra-minavegacion ul li a:hover {
				text-decoration: underline;
			}
			
			.content-barra-minavegacion ul li.add a {
				background: url(../images/iconos/content-minavegacion-add.gif) no-repeat 0 50%;
			}
			
			.content-barra-minavegacion ul li.remove a {
				background: url(../images/iconos/content-minavegacion-remove.gif) no-repeat 0 50%;
			}

/*	2.content-minavegacion
---------------------------------------------------------------------------------- */
.content-minavegacion {}
/* ----------------------------------------------------------------------------------
	Hoja de estilos para el contenido de Barra 2.0 (THEME-01)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
	1.content-barra-20
---------------------------------------------------------------------------------- */
.content-barra-20 {
	background: #F9F9F9;
	border-color: #EDEDED;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	font-size: 1.1em;
	margin-top: 2em;
	text-align: center;
}

	.content-barra-20 ul {
		margin: 0.25em 0;
	}
	
		#body .content-barra-20 ul li {
			display: inline;
			list-style-type: none;
			margin: 0 2%;
		}
		
		.content-barra-20 .addthis_default_style {
			display: inline;
		}
		
			.content-barra-20 ul a, .content-barra-20 .addthis_default_style .at300b, .content-barra-20 .addthis_default_style .at300m {
				color: #777;
				display: inline;
				padding: 0.2em 0 0.2em 24px;
				text-decoration: none;
			}
			
			.content-barra-20 .addthis_default_style .at300b, .content-barra-20 .addthis_default_style .at300m {
				background: url(../images/iconos/content-2.0-addThis.gif) no-repeat 0 50%;
				padding-left: 20px;
			}
			
			.content-barra-20 .addthis_default_style .addthis_separator,
			.content-barra-20 .addthis_default_style .at300b,
			.content-barra-20 .addthis_default_style .at300m,
			.content-barra-20 .addthis_default_style .at300bs {
				float: none;
				display: inline;
			}
			
			.content-barra-20 ul a:focus,
			.content-barra-20 ul a:hover {
				text-decoration: underline;
			}
			
		#body .content-barra-20 ul li.participar a {
			background: url(../images/iconos/content-2.0-participar.gif) no-repeat 0 50%;
		}
		
		#body .content-barra-20 ul li.gusta a {
			background: url(../images/iconos/content-2.0-megusta.gif) no-repeat 0 50%;
			padding-left: 15px;
		}
		
		#body .content-barra-20 ul li.no-gusta a {
			background: url(../images/iconos/content-2.0-nomegusta.gif) no-repeat 0 50%;
			padding-left: 15px;
		}
		
		#body .content-barra-20 ul li.enviar a {
			background: url(../images/iconos/content-2.0-enviar.gif) no-repeat 0 50%;
		}
/* ----------------------------------------------------------------------------------
	Hoja de estilos global (THEME-07)

	Desarrollado por Servicios Avanzados para las Instituciones S.L. (VIAVANSI)
	Contacto: comercial@viavansi.com
	http://www.viavansi.com	
	
	Encoding:	UTF-8
	Autor:		Juan G. Hurtado
	e-Mail:		jghurtado@viavansi.com

-------------------------------------------------------------------------------------
	Indice de contenidos
-------------------------------------------------------------------------------------
1.DEBUG
2.GLOBALES
	2.1.Enlaces
	2.2.Encabezados
	2.3.Listas
	2.4.Tablas
	2.5.Formularios
	2.6.Mensajes
	2.7.Miscelánea
3.LAYOUT
	3.1.col-body-col 	(Layout de tres columnas: 	Columna - Cuerpo - Columna)
	3.2.col-body 		(Layout de dos columnas: 	Columna - Cuerpo)
	3.3.body-col 		(Layout de dos columnas: 	Cuerpo - Columna)
4.CABECERA
	4.1.#logo										(Logo del ayuntamiento)
	4.2.main										(Hueco principal cabecera)
	4.3.secondary									(Hueco Secundario cabecera)
5.CUERPO
	5.1.content										(Parte central de contenido)
	5.2.col											(Columna principal)
	5.3.col.secondary								(Columna secundaria)
6.PIE
	6.1.contact (.module-html)						(Información de contacto)
---------------------------------------------------------------------------------- */

/* =1.DEBUG
---------------------------------------------------------------------------------- */
.debug #header .main {
	min-height: 23px;
}

.debug #header .secondary {}

.debug #body .main .content {
	background: rgba(240,200,20,.5);
	min-height: 400px;
}

.debug #body .main .col {
	background: rgba(200,10,10,.5);
	min-height: 400px;
}

.debug #body .secondary {
	background: rgba(87,150,200,.5);
	min-height: 400px;
}

.debug #footer {
	background: rgba(117,10,10,.15);
}

/* =2.GLOBALES
---------------------------------------------------------------------------------- */
body {
	background: #fff url(../images/layout/bg-body-left.png) no-repeat 0 100px;
	color: #797979;
	font: 62.5%/1.5 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

body.font-size-small {
	font-size: 59%;
}

body.font-size-big {
	font-size: 70%;
}

#wrapper {
	background: url(../images/layout/bg-body-right.png) no-repeat 100% 0;
}

p.ordering strong {
	font-size: 1.2em;
}

/* 2.1.Enlaces
-------------- */
a:link {
	color: #7ba157;
}

a:visited {
	color: #7ba157;
}

a:hover, a:focus {
	color: #7ba157;
}

a:active {
	color: #7ba157;
}

/* 2.2.Encabezados
------------------ */
h2 {
	background-color: #fbfef7;
	border-top: 1px solid #EAF2E2;
	border-bottom: 1px solid #EAF2E2;
	color: #487B1C;
	font-size: 1.7em;
	padding: .15em .5em .15em .5em;
}

h3 {
	background-color: #fafafa;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	color: #888;
	font-size: 1.55em;
	margin-top: 2em;
	padding: .15em .5em .15em .5em;
}

h4, h5 {
	border-bottom: 1px solid #DFE8F3;
	font-size: 1.45em;
	margin-top: 2em;
	padding: 0 .5em;
}

h5 {
	font-size: 1.25em;
	margin-top: 2em;
}

h6 {
	border-bottom: 1px solid #e8e8e8;
	color: #a9a9a9;
	font-variant: normal;
	font-style: italic;
	font-size: 1.1em;
	margin-top: 2em;
}


/* 2.3.Listas
------------- */
	
/* 2.4.Tablas
------------- */
table {
	border: 0;
	border-bottom: 1px solid #eee;
}

	table th {
		background: #406021;
		border: 0;
		padding: 0.25em;
	}
	
	table .alt th {
		background: #669834;
		color: #fff;
	}
	
	table td {
		border: 0;
		padding: 0.25em;
		vertical-align: middle;
	}
	
	table .odd td {
		background: #EFF2ED;
	}
	
	table tfoot td {
		background: #72AB3B;
		color: #fff;
	}
	
/* 2.5.Formularios
------------------ */

/* 2.6.Mensajes
--------------- */

/* 2.7.Miscelánea
----------------- */
/* Highlight */
.highlight {
	background: #C7E3AE;
	color: #333;
	font-weight: bold;
}

/* Caja */
.box {
	font-size: 1.1em;
	margin-bottom: 2.5em;
}

	.box h2 {
		border-bottom: 1px solid #eee;
		color:#6e6e6e;
		font-size:1.4em;
		margin:0 0 0.5em 0;
		padding:0 0.35em;
	}

/* Mapa Web */
#body .mapa-web {}

	#body .mapa-web ul {
		padding: 0;
		margin: 0;
	}
	
		#body .mapa-web ul li {
			border-bottom: 1px solid #ccc;
			font-size: 1.4em;
			font-weight: bold;
			list-style-type: none;
			padding: 0.25em 0;
			margin: 0;
		}
		
			#body .mapa-web ul li,
			#body .mapa-web ul li a {
				color: #333;
				text-decoration: none;
			}
			
			#body .mapa-web ul li ul li a {
				color: #3B7FCB;
				text-decoration: underline;
			}
			
			#body .mapa-web ul li ul li ul li,
			#body .mapa-web ul li ul li ul li a {
				color: #3B7FCB;
				font-weight: normal;
				text-decoration: none;
			}
			
			#body .mapa-web ul li ul li ul li ul li,
			#body .mapa-web ul li ul li ul li ul li a {
				color: #666;
			}
		
		#body .mapa-web ul li ul {
			margin-left: 1.5em;
		}
		
		#body .mapa-web ul li ul li {
			border-bottom: 0;
			font-size: 11px;
			list-style-type: square;
		}
		
		#body .mapa-web ul li ul li ul li {
			list-style-type: circle;
		}
		
		#body .mapa-web ul li ul li ul li ul li {
			list-style-type: disc;
		}
	
/* Galería de imágenes */
.image-gallery {}

	#body .image-gallery li {
		float: left;
		list-style-type: none;
		margin: 0 1em 1em 0;
	}

		.image-gallery li a {}

			.image-gallery li a img {
				background: #fff;
				border: 1px solid #ccc;
				padding: 2px;
			}

/* Leer más */
.read-more {
	margin: 0 0.5em;
	text-align: right;
}

	.read-more a {
		background: url(../images/iconos/read-more.gif) no-repeat 100% 50%;
		padding-right: 20px;
		text-decoration: none;
	}
	
	.read-more a:focus,
	.read-more a:hover {
		text-decoration: underline;
	}
	
/* Iconos */
.pdf {
	background: url(../images/iconos/ico-pdf.gif) no-repeat 100% 50%;
	padding: 0.2em 20px 0.2em 0;
}

.pdf-up {
	background: url(../images/iconos/ico-pdf.gif) no-repeat 50% 0;
	padding: 20px 0 0 0;
}

.procedimiento {
	background: url(../images/iconos/ico-procedimiento.gif) no-repeat 0 50%;
	padding: 0.2em 0 0.2em 20px;
}

.formulario {
	background: url(../images/iconos/ico-formulario.gif) no-repeat 0 50%;
	padding: 0.2em 0 0.2em 20px;
}

.impreso {
	background: url(../images/iconos/ico-impreso.gif) no-repeat 0 50%;
	padding: 0.2em 0 0.2em 20px;
}

/* Mini-Escritorio */
.mini-escritorio {
	margin: 0 0.5em 1.5em 0.5em;
}

	.mini-escritorio .content-escritorio {
		background: #fbfbfb;
		border: 1px solid #E5E5E5;
		border-top: 0;
		padding: 0.5em;

		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.mini-escritorio h2,
	.mini-escritorio h3,
	.mini-escritorio h4,
	.mini-escritorio h5,
	.mini-escritorio h6 {
		background: none;
		border: 0;
		font-size: 1em;
		padding: 0;
		margin: 0;

		background: #E3F0E8;
		border: 1px solid #E5E5E5;
		border-bottom: 1px solid #E4EDF6;

		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;

		color: #7BA157;
		font-size: 1.2em;
		padding: 0.2em 0.5em;
	}

	.mini-escritorio h2 a,
	.mini-escritorio h3 a,
	.mini-escritorio h4 a,
	.mini-escritorio h5 a,
	.mini-escritorio h6 a {
		text-decoration: none;
	}

	.mini-escritorio img {
		background: #fff;
		border: 1px solid #e0e0e0;
		display: block;
		margin: 0 0.5em;
		padding: 2px;

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

/* Indice de contenidos */
.content-index {
	background: #FBFBFB;
	border: 1px solid #E5E5E5;
	margin-bottom: 1.5em;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	#body .content-index h3 {
		background: none;
		border-top: 0;
		color: #7BA157;
		margin-top: 0.5em;
	}

	#body .content-index ul {}

		#body .content-index ul li {}

			#body .content-index ul li a {}

/* Lista de enlaces (tools) */
.tools {
	border-top: 1px solid #eee;
	font-size: 1.1em;
	margin-top: 1.5em;
	text-align: right;
}

	#body .tools li {
		list-style-type: none;
	}

		.tools li a {
			background: url(../images/iconos/read-more.gif) no-repeat 100% 50%;
			display: block;
			padding: 0.25em 24px 0.25em 0;
			text-decoration: none;
		}

			.tools li a:focus,
			.tools li a:hover {
				text-decoration: underline;
			}

/* Listado de Resultados (DIV) */
div.results {
	font-size: 1.1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

	div.results .result {
		background: #FCFFFA;
		border-left: 55px solid #F2FAEB;
		min-height: 42px;
		padding: 0.5em;
		position: relative;
	}

		div.results .result .data {
			display: block;
			float: right;
			margin: 0.5em 1em;
			text-align: center;
		}

		div.results .result .year {
			color: #ccc;
			font-size: 2em;
			font-weight: bold;
		}


	div.with-remove .result {
		padding-right: 30px;
	}

		div.with-remove .result .remove {
			background: url(../images/iconos/content-minavegacion-removebig.gif) no-repeat 0 0;
			display: block;
			height: 16px;
			position: absolute;
			right: 5px;
			text-indent: -999em;
			top: 10px;
			width: 15px;
		}

	div.results-alt .result {
		border-left: 0;
		border-right: 55px solid #F2FAEB;
	}

		div.results .result .position {
			color: #cecece;
			font-size: 3em;
			font-weight: bold;
			left: -55px;
			padding: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 55px;
		}

		div.results-alt .result .position {
			left: auto;
			right: -55px;
		}

		div.results .result img.photo {
			background: #fff;
			border: 1px solid #e0e0e0;
			float: right;
			margin: 0 0.5em 0.5em 0;
			padding: 2px;

			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

		div.results-alt .result img.photo {
			float: left;
		}

	div.results .odd {
		background: #fff;
		border-left: 55px solid #FCFFFA;
	}

	div.results-alt .odd {
		border-left: 0;
		border-right: 55px solid #FCFFFA;
	}

		div.results .odd .position {
			background: #FCFFFA;
		}

		div.results .result a {
			display: block;
			font-weight: bold;
			text-decoration: none;
		}

		div.results .result a:focus,
		div.results .result a:hover {
			text-decoration: underline;
		}
		
		div.results .result .excerpt {}
		
			div.results .result .excerpt a {
				color: #888;
				display: inline;
				font-weight: normal;
				margin: 0 1em 0 0;
				text-decoration: none;
			}
			
			div.results .result .excerpt a:focus, div.results .result .excerpt a:hover {
				text-decoration: underline;
			}

/* Listados de Resultados (en formato UL) */
ul.results {
	border-top: 1px solid #eee;
	font-size: 1.1em;
}

	#body ul.results li {
		border-bottom: 1px solid #eee;
		list-style-type: none;
		margin: 0;
		padding: 0.5em 0.35em 0.5em 1.5em;
		position: relative;
	}

	ul.results li.odd {
		background: #F8FBFF;
	}

	ul.results li:hover,
	ul.results li.hover {
		background: #EDF1F3;
	}

		ul.results li:hover span.position,
		ul.results li.hover span.position {
			color: #ccc;
		}

		ul.results li span.position {
			color: #eee;
			font-size: 2em;
			font-weight: bold;
			left: 0.1em;
			line-height: 1;
			position: absolute;
			top: 0.15em;
		}

		ul.results li span.extra {
			color: #999;
			font-style: italic;
			margin: 0 0.25em;
		}

		ul.results li a {
			text-decoration: none;
		}

		ul.results li a:focus,
		ul.results li a:hover {
			text-decoration: underline;
		}


/* Paginador */
#body .paginador {
	border-bottom: 1px solid #eee;
	font-size: 1.1em;
	margin: 0;
	padding-bottom: 0.5em;
	text-align: center;
}

	.paginador li {
		display: inline;
		margin: 0 0.5em;
	}

	.paginador li.current {
		background: #eee;
		font-weight: bold;
	}

		.paginador li span {
			color: #ccc;
		}

		.paginador li a {
			text-decoration: none;
		}

		.paginador li a:focus,
		.paginador li a:hover {
			text-decoration: underline;
		}

/* Barra de resultados porcentuales */
.resultado span {
	display: block;
	float: left;
	padding: 0.25em 0;
	width: 25%;
}

.resultado strong {
	border: 1px solid #ccc;
	background: #eee;
	display: block;
	float: left;
	padding: 2px;
	width: 70%;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	.resultado strong span {
		background: #aaa;
		display: block;
		color: #333;
		padding: 0.1em 0;
		text-indent: 0.15em;
	}

/* =3.LAYOUT
---------------------------------------------------------------------------------- */
#wrapper {
	max-width: 1400px;
	min-width: 990px;
}

#body {
	min-height: 400px;
	margin: 0 2.5%;
	padding: 1em 0;
	position: relative;
	z-index: 999;
}

/* 3.1.col-body-col
------------------- */
.col-body-col #body .main {
	float: left;
	width: 77.5%;
}

	.col-body-col #body .main .content {
		float: right;
		width: 71.5%;
	}
	
	.col-body-col #body .main .col {
		float: left;
		width: 27%;
	}

.col-body-col #body .secondary {
	float: right;
	width: 21%;
}

/* 3.2.col-body
--------------- */
.col-body #body .main {}

	.col-body #body .main .content {
		float: right;
		width: 76.5%;
	}
	
	.col-body #body .main .col {
		float: left;
		width: 22%;
	}

/* 3.3.body-col
--------------- */
.body-col #body .main {}

	.body-col #body .main .content {
		float: left;
		width: 76.5%;
	}
	
	.body-col #body .main .col {
		float: right;
		width: 22%;
	}

/* =4.CABECERA
---------------------------------------------------------------------------------- */
#header {
	background: url(../images/layout/bg-header.jpg) no-repeat 0 0;
	margin-right: 10px;
	min-height: 130px;
	position: relative;
}
	
	/* 4.1.Logo
	----------- */
	#header h1 {
		height: 120px;
		left: 10px;
		position: absolute;
		top: 2px;
		width: 410px;
	}
	
		#header h1 a {
			display: block;
			height: 100%;
			text-indent: -999em;
			width: 100%;
		}
		
	/* 4.2.Main
	----------- */
	#header .main {
		background: #e7e7e7 url(../images/layout/bg-header-main.png) repeat-x 0 100%;
		float: left;
		margin: 130px 10px 0 10px;
		min-height: 20px;
		width: 99%;
	}

	/* 4.3.Secondary
	---------------- */
	#header .secondary {
		background: #eaf2e2;
		border-bottom: 1px solid #d9e3d0;
		float: left;
		margin: 0 10px 0 10px;
		min-height: 20px;
		width: 99%;
	}

/* =5.CUERPO
---------------------------------------------------------------------------------- */
#body {}

/* =6.PIE
---------------------------------------------------------------------------------- */
#footer {
	border-top: 1px solid #eee;
	color: #aaa;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	margin: 0 2%;
	padding: 1em 0.75em 0.25em 0.75em;
}

	/* 6.1.contact - (.module-html)
	------------------------------- */
	#footer .contact {
		background: url(../images/layout/bg-footer.png) no-repeat 99% 50%;
		padding-right: 60px;
	}

		#footer .contact p {
			text-align: right;
		}
	
			#footer .contact p a {
				color: #aaa;
				text-decoration: none;
			}
		
			#footer .contact p a:focus, #footer .contact p a:hover {
				color: #666;
				text-decoration: underline;
			}
	#dhtmlgoodies_colorPicker{
		position:absolute;
		width:250px;
		padding-bottom:1px;
		background-color:#FFF;
		border:1px solid #317082;
		z-index:999;
		
		width: 252px;	/* IE 5.x */
		width/* *../250px;	/* Other browsers */
		width../250px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_topRow{
		padding-bottom:1px;
		border-bottom:3px double #317082;
		background-color:#E2EBED;
		padding-left:2px;
		
		width: 250px;	/* IE 5.x */
		width/* *../248px;	/* Other browsers */
		width../248px;	
		
		height: 20px;	/* IE 5.x */
		height/* *../16px;	/* Other browsers */
		height../16px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_statusBar{
		height:13px;
		padding-bottom:2px;
		width:248px;
		border-top:3px double #317082;	
		background-color:#E2EBED;
		padding-left:2px;
		clear:both;
		
		width: 250px;	/* IE 5.x */
		width/* *../248px;	/* Other browsers */
		width../248px;	
		
		height: 18px;	/* IE 5.x */
		height/* *../13px;	/* Other browsers */
		height../13px;	
						
	}
	
	#dhtmlgoodies_colorPicker .colorSquare{
		margin-left:1px;
		margin-bottom:1px;
		float:left;
		border:1px solid #000;
		cursor:pointer;
		
		width: 12px;	/* IE 5.x */
		width/* *../10px;	/* Other browsers */
		width../10px;	
		
		height: 12px;	/* IE 5.x */
		height/* *../10px;	/* Other browsers */
		height../10px;	
				
	}
	
	.colorPickerTab_inactive,.colorPickerTab_active{
	
		height:17px;
		padding-left:4px;
		cursor:pointer;	
		
		
	}
	.colorPickerTab_inactive span{
		background-image:url('/opencms/export/system/modules/es.dipusevilla.ppmm.contenidos.evolutivo/resources/images/colorPicker/tab_left_inactive.gif');
	}
	
	.colorPickerTab_active span{
		background-image:url('/opencms/export/system/modules/es.dipusevilla.ppmm.contenidos.evolutivo/resources/images/colorPicker/tab_left_active.gif');

	}
	.colorPickerTab_inactive span, .colorPickerTab_active span{
		line-height:16px;
		font-weight:bold;
		font-family:arial;
		font-size:11px;
		padding-top:1px;
		vertical-align:middle;
		background-position:top left;
		background-repeat: no-repeat;	
		float:left;
		padding-left:6px;
		-moz-user-select:no;
	}	
	.colorPickerTab_inactive img,.colorPickerTab_active img{
		float:left;
	}
	.colorPickerCloseButton{
		width:11px;
		height:11px;
		text-align:center;
		line-height:10px;
		border:1px solid #317082;
		position:absolute;
		right:1px;
		font-size:12px;
		font-weight:bold;
		top:1px;
		padding:1px;
		cursor:pointer;	
		
		width: 15px;	/* IE 5.x */
		width/* *../11px;	/* Other browsers */
		width../11px;
		
		height: 15px;	/* IE 5.x */
		height/* *../11px;	/* Other browsers */
		height../11px;

			
	}
	#colorPicker_statusBarTxt{
		font-size:11px;
		font-family:arial;
		vertical-align:top;
		line-height:13px;

	}
	form{
		padding-left:5px;
	}
	
	.form_widget_amount_slider{
		border-top:1px solid #9d9c99;
		border-left:1px solid #9d9c99;
		border-bottom:1px solid #eee;
		border-right:1px solid #eee;
		background-color:#f0ede0;
		position:absolute;
		bottom:0px;
		
		width: 5px;	/* IE 5.x */
		width/* *../3px;	/* Other browsers */
		width../3px;
		
		height: 5px;	/* IE 5.x */
		height/* *../3px;	/* Other browsers */
		height../3px;
				
	}
	.colorSliderLabel{
		width:15px;
		height:20px;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	.colorSlider{
		width:175px;
		height:20px;
		float:left;
	}
	.colorInput{
		width:45px;
		height:20px;
		float:left;
	}	
	.colorPreviewDiv{
		width:186px;
		margin-right:2px;
		margin-top:1px;
		border:1px solid #CCC;
		height:20px;
		float:left;
		cursor:pointer;
		
		width: 188px;	/* IE 5.x */
		width/* *../186px;	/* Other browsers */
		width../186px;
		
		height: 22px;	/* IE 5.x */
		height/* *../20px;	/* Other browsers */
		height../20px;
				

	}
	.colorCodeDiv{
		width:50px;
		height:20px;
		float:left;
	}