.oculto{display:none;}
/*
Ayuntamiento de Puertollano
Hoja de estilos general
*/
.tiempo{
	
border: 1px solid #000000;
margin: 0 auto;
	}
/* body */
body{
	margin:0;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background:#fff url(img/background_cabecera.gif) repeat-x top left;}

/* tipografia generica */
h1, h2, h3, h4, h5{}
hr{display:none;}
ol, ul{margin-top: 0;}
li{	color:#444;
	padding: 4px 0 0 0;
	font-size:small;}
p{}
a,
a:link,
a:active,
a:visited,
a:hover{color:#901939;}
img{border:none;}

/* recursos genericos: limpiar contenido */
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

/* recursos genericos: flotación */
.floatleft{float:left;}
.floatright{float:right;}

/* recursos genericos: imagenes */
.imgleft{
	margin:0 10px 10px 0;
	padding:0 0 0 0;}
.imgright{
	margin:0 0 10px 10px;
	padding:0 0 0 0;}

/* layout */

/* cabecera */
#cabecera{
	width:955px;
	margin:0 auto;
	height:210px;}
	
	#cabecera #logo{
		background:#333; 
		height:50px;
		margin:0 0 0 0;
		border-bottom:1px solid #eaeaea;}
	
		#cabecera #logo h6{
			width:285px;
			margin:0 0 0 0;
			padding:0 0 0 0;}
		
			#cabecera #logo a,
			#cabecera #logo a:link,
			#cabecera #logo a:active,
			#cabecera #logo a:visited,
			#cabecera #logo a:hover{
				display:block;
				width:285px;
				height:40px;
				margin:0 0 0 5px;
				padding:0;
				background:url(img/logotipo.jpg) no-repeat top left;}
				/* texto oculto en cabecera */
				#cabecera a span{display:none;}
	
				
		/* cargador de imagenes flash */
		#flashcontent {
			width:955px;
			height:170px;
			margin:0 auto;}
			
		/* opciones */
		#cabecera #opciones{
			width:360px;
			height:25px;
			margin:0;
			padding:0;
			float:right;
			background:#fff;}
		
			#cabecera #opciones ol{
				list-style-type:none;
				margin:0 0 0 0;
				padding:0 0 0 0;}
				
				#cabecera #opciones li{
					float:right;
					margin:0;
					padding:0;
					font-size:0.6em;}
				
				#cabecera #opciones li a,
				#cabecera #opciones li a:link,
				#cabecera #opciones li a:active,
				#cabecera #opciones li a:visited{
					width:65px;
					height:15px;
					display:block;
					padding:0 0 0 10px;
					margin: 5px 10px 0 0;
					text-align:center;
					color:#901939;
					text-decoration:none;}
				#cabecera #opciones li a:hover{text-decoration:underline;}
				
				/* botones personalizados */
				#cabecera #opciones li a.inicio,
				#cabecera #opciones li a.inicio:link,
				#cabecera #opciones li a.inicio:active,
				#cabecera #opciones li a.inicio:visited,
				#cabecera #opciones li a.inicio:hover{background:url(img/icono_nicio.gif) no-repeat 10px 50%;}
				/* botones personalizados */
				#cabecera #opciones li a.contacto,
				#cabecera #opciones li a.contacto:link,
				#cabecera #opciones li a.contacto:active,
				#cabecera #opciones li a.contacto:visited,
				#cabecera #opciones li a.contacto:hover{background:url(img/icono_contacto.gif) no-repeat 0px 50%;}
				/* botones personalizados */
				#cabecera #opciones li a.mapaweb,
				#cabecera #opciones li a.mapaweb:link,
				#cabecera #opciones li a.mapaweb:active,
				#cabecera #opciones li a.mapaweb:visited,
				#cabecera #opciones li a.mapaweb:hover{background:url(img/icono_mapaweb.gif) no-repeat 0px 50%;}
				/* botones personalizados */
				#cabecera #opciones li a.email,
				#cabecera #opciones li a.email:link,
				#cabecera #opciones li a.email:active,
				#cabecera #opciones li a.email:visited,
				#cabecera #opciones li a.email:hover{background:url(img/email.gif) no-repeat 0px 50%;}

				#cabecera #opciones li a.oculto,
				#cabecera #opciones li a.oculto:link,
				#cabecera #opciones li a.oculto:active,
				#cabecera #opciones li a.oculto:visited,
				#cabecera #opciones li a.oculto:hover{display:none;}

/* contenedor */
#contenedor{
	width:955px;
	margin:0 auto;}

	/* buscador */
	#buscador{
		margin: 0 0 10px 0;
		padding: 15px 0 0 0;}
		/* modulo buscador  */
		.modulo_buscador{
			width:477px;
			float:left;
			margin: 0 0 0 0;
			background:url(img/background_temas_separador.gif) no-repeat 97% 50%	;}
			/* titulos en buscador */
			#buscador h1{display:none;}
			/* parrafo en buscador */
			#buscador p {
				font-size:0.7em;
				margin: 0;
				padding: 0;}
				/* especiales parrafo en buscador */
				#buscador p span{color:#999;}
			/* formulario en buscador */
			#buscador form{
				margin:0;
				padding:0;}
				/* fieldset en buscador */
				#buscador fieldset{
					margin: 0;
					padding: 0;
					border: none;}
					/* legend en buscador */
					#buscador legend {display:none;}
					/* label */	
					#buscador label {
						padding:0 10px 0 0;
						font-family:Georgia, Arial, Helvetica, sans-serif;
						font-size:1.6em;
						color: #2a2a2a;}
					/* inputs */
					#buscador input {
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						font-size:1em;
						border:1px solid #d4d4d4;}
					/* inputs especiales */
					#buscador input.radio,
					#buscador input.image {
						margin: 0 10px -4px 0;
						color:#fff;
						border:1px solid #fff;
						text-align:center;
						background:#fff;}
					/* buscador selects */
					#buscador select {
						margin: 0;
						padding: 0;
						font-size:1em;
						border:1px solid #c5c5c3;
						background:#f9f9f7;}
						/* buscador optgroup */
						#buscador optgroup{
							color:#fff;
							font-size:1em;
							background:#ac003d;}	
							/* buscador selects */
							#buscador option{
							color:#333;
							background:#fff;}
							
	
	/* migas */
	#migas{
		margin:0 0 10px 0;
		padding: 3px 10px;
		background:#f3f1ee;}
		#migas p{
			margin:0;
			padding:0;
			font-size:0.7em;
			color:#666;}
			#migas p span{color:#b0003e;}
			#migas p a{color:#000000;text-decoration:none;}
			#migas p a:hover{text-decoration:underline;}
	
	#temas{
		margin:0 0 10px 0;
		padding: 0 0 0 0;
		text-align:center;}
		#temas h1{
			margin:0;
			padding:0;
			text-align:left;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:1.1em;
			color:#333333;}
			#temas h1 span{
				display:block;
				font-size:0.9em;}
		#temas p{
			margin:0;
			padding:0;
			font-size:0.7em;}
		#temas p.acceder{
			text-align:left;
			padding:0 0 0 15px;
			background:url(img/bullet_temas_modulo.gif) no-repeat 0px 50%;}
		#temas p a{
			text-align:left;
			color:#333;
			text-decoration:none;}
		#temas p a:hover{
			text-align:left;
			color:#333;
			text-decoration:underline;}
		#temas p.acceder a{
			text-align:left;
			color:#a00337;
			text-decoration:underline;}
		#tema_ayuntamiento,
		#tema_ciudadano,
		#tema_empresas,
		#tema_oficinavirtual{
			/*width:210px;*/
			width:230px;
			padding:0 0 0 0;
			margin: 0 10px 0 0;
			float:left;}
		#tema_oficinavirtual{
			/*width:210px;*/
			width:230px;
			padding:0 0 0 0;
			margin: 0 0 0 0;
			float:left;}
			#temas .tema_modulo{
				/*width:100%;*/
				height:90px;
				background:url(img/background_temas_modulo.gif) no-repeat top left;}
			#temas .tema_modulo_contenido{
				/*width:100%;*/
				height:80px;
				padding: 10px 0 0 10px;
				background:url(img/background_temas_modulo.gif) no-repeat top left;}
				#tema_ayuntamiento .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_ayuntamiento.gif) no-repeat top right;}
				#tema_ciudadano .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_ciudadano.gif) no-repeat top right;}
				#tema_empresas .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_empresa.gif) no-repeat top right;}
				#tema_oficinavirtual .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_oficinav.gif) no-repeat top right;}
				
				/* cuando estan siendo visitados */
				#tema_ayuntamiento_actuAKL .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_ayuntamiento.gif) no-repeat top right;}
				#tema_ciudadano .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_ciudadano.gif) no-repeat top right;}
				#tema_empresas .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_empresa.gif) no-repeat top right;}
				#tema_oficinavirtual .tema_modulo .tema_modulo_contenido{background:url(img/background_temas_oficinav.gif) no-repeat top right;}
			
			
	
	/* contenidos */
	#contenidos{
		padding: 20px 0 0 0;
		background:url(img/background_buscador.gif) repeat-x top left;}
		
		/* columna izquierda */
		#colizq{
			width:20%;
			padding:0 0 0 0;
			float:left;
			background:#f8f8f8;}
			
			/* titulos en columna izquierda */
			#colizq h1{
				margin:10px;
				padding:0 0 0 0;
				font-size:1.15em;
				font-family:Georgia, Arial, Helvetica, sans-serif; 
				font-weight:normal;
				border-bottom:1px solid #dddddd;
				color:#4c4c4d;}
				#colizq h1 span {color:#a9013b;}
				
			/* parrafos en columna izquierda */
			#colizq p{
				padding: 0 10px 10px 10px;
				margin:0 0 0 0;
				font-size:0.75em;
				text-align:justify;
				color:#555555;}
				
				/* fotos en la columna izquierda */
				#colizq p.foto{
					padding: 0 0 0 0;
					margin:0 0 10px 0;
					text-align:center;
					background:#d9d9d7;}
				
				/* enlace especial en la columna izquierda */	
				#colizq p.enlace_especial a{
					display:block;
					padding: 3px 0 0 20px;
					margin:0 0 0 0;
					color:#f3f1ee;
					text-decoration:none;
					background:url(img/background_enlaceespecial_colizq.gif) no-repeat top left;}
			
			/* listas en columna izquierda */
			#colizq ol{
				margin:0 0 20px 0;
				padding:0;
				list-style-type:none;}
				/* item de listas en columna izquierda */
				#colizq li{
					margin:0;
					padding:0 10px 3px 20px;
					font-size:0.8em;
					color:#333;
					background:url(img/bullet_listas_01.gif) no-repeat 5px 5px;}
					/* enlaces en item de listas en columna izquierda */
					#colizq li a{
						color:#333;
						text-decoration:none;}
					#colizq li a:hover{
						color:#333;
						text-decoration:underline;}
						/* listas de segundo nivel en columna izquierda */
						#colizq ol ol{margin:3px 0 0 0;}
							/* item de listas de segundo nivel en columna izquierda */
							#colizq li li{
								font-size:1em;
								padding:0 0 0 15px;
								background:url(img/bullet_listas_02.gif) no-repeat 3px 5px;}
								/* enlace en item de listas de segundo nivel en columna izquierda */
								#colizq li li a{color:#901939; text-decoration:none;}
								#colizq li li a:hover{color:#901939; text-decoration:underline;}
					
					
		
		/* columna derecha */
		#colder{
			width:20%;
			padding:0 0 0 0;
			float:right;
			background:#fff;}
		
		#colder2{
			width:33%;
			padding:0 0 0 0;
			float:right;
			background:#fff;}
			
		#colizq2{
			width:33%;
			padding:0 0 0 0;
			float:left;
			background:#fff;}
			
			/* modulos de contenidos dentro de colder */
			#colder .colder_modulo a{
				text-decoration: none;
				color:#4c4c4d;
			}
			#colder .colder_modulo,
			#colder2 .colder_modulo,
			#colizq2 .colder_modulo{
				margin: 0 0 10px 0;
				padding:15px 0 0 0;
				background:#f4f4f4 url(img/background_colder_top.gif) no-repeat top left;}
			
				/* pie del modulo */
				#colder .colder_modulo_pie,
				#colder2 .colder_modulo_pie,
				#colizq2 .colder_modulo_pie{
					height:10px;
					background:#f4f4f4 url(img/background_colder_bottom.gif) no-repeat bottom left;}
			
				/* titulo */
				#colder h1,
				#colder2 h1,
				#colizq2 h1{
					margin:0 0 10px 0;
					padding:0 10px 0 10px;
					font-size:1.15em;
					font-family:Georgia, Arial, Helvetica, sans-serif; 
					font-weight:normal;
					color:#4c4c4d;}
					/* titulo especial */
					#colder h1 span, #colder2 h1 span{color:#a9013b;}
				
				/* parrafo */
				#colder p,
				#colder2 p,
				#colizq2 p{
					margin:0;
					padding:0 10px 10px 10px;
					font-size:0.7em;}
					
					/* enlace especial en la columna derecha */
					#colder p.enlace_especial a,
					#colder2 p.enlace_especial a,
					#colizq2 p.enlace_especial a{
						display:block;
						padding: 3px 0 5px 20px;
						margin:0 0 10px 0;
						color:#f3f1ee;
						text-decoration:none;
						background:url(img/background_enlaceespecial_colizq.gif) no-repeat top left;}
					
				/* parrafo especiales: BANNER */
				p.banner{
					width:100%;
					margin:0 0 5px 0;
					padding:0 0 0 0;
					overflow: hidden;
					text-align:center;}
				p.banner img{
						width:auto;
						margin:0;
						display:block;}
					
				/* listas en columna izquierda */
				#colder ul,
				#colder2 ul,
				#colizq2 ul{
					margin:0 0 20px 0;
					padding:10px;
					list-style-type:none;}
				/* item de listas en columna izquierda */
				#colder li,
				#colder2 li,
				#colizq2 li{
					margin:0;
					padding:0 0 3px 15px;
					font-size:0.8em;
					font-weight:bold;
					border-bottom:1px dashed #ccc;
					background:url(img/bullet_listas_03.gif) no-repeat 0px 50%;}
					/* enlaces en item de listas en columna izquierda */
					#colder li a,
					#colder2 li a,
					#colizq2 li a{
						font-weight:normal;
						text-decoration:none;}
					#colder li a:hover,
					#colder2 li a:hover,
					#colizq2 li a:hover{
						font-weight:normal;
						text-decoration:underline;}
		
		
		/* columna de contenidos actuales */
		#actual{
			width:58%; 
			float:left; 
			position:relative; 
			padding-bottom:20px; 
			margin-bottom:10px; 
			margin-left:1%;}
		
		#actual2{width:65.5%; margin:0 auto 0 0;}
		#actual3{width:78%; float:right; margin:0 auto 0 0;}
		#actual4{width:78%; margin:0 auto 0 0;}
			
			/* titulos */
			#actual h1,
			#actual2 h1,			
			#actual3 h1,
			#actual4 h1{
				margin:0 0 10px 0;
				padding:0 0 0 10px;
				font-size:1.4em;
				font-family:Georgia, Arial, Helvetica, sans-serif;
				font-weight:normal;
				color:#2a2a2a;
				border-bottom:1px solid #e1ded7;
				background:#f6f4f1;}
			
				#actual h1.titulo_noticias,
				#actual2 h1.titulo_noticias,
				#actual3 h1.titulo_noticias,
				#actual4 h1.titulo_noticias{
					padding:0 0 0 30px;
					background:#f6f4f1 url(img/bullet_titulo_noticias.gif) no-repeat 10px 50%;}
				
			/* subtitulos */
			#actual h2,
			#actual2 h2,
			#actual3 h2,
			#actual4 h2{
				margin:0 0 10px 0;
				padding:0 0 0 10px;
				font-size:1.2em;
				font-family:Georgia, Arial, Helvetica, sans-serif;
				font-weight:normal;
				color:#222;
				border-bottom:1px solid #e1ded7;}
			
			/* subtitulos */
			#actual h3,
			#actual2 h3,
			#actual3 h3,
			#actual4 h3{
				margin:0 0 10px 0;
				padding:0 0 0 10px;
				font-size:1em;
				font-family:Georgia, Arial, Helvetica, sans-serif;
				color:#000;}
			
			/* listas */
			#actual ol, #actual2 ol, #actual3 ol, #actual4 ol,
			#actual ul, #actual2 ul, #actual3 ul, #actual4 ul{font-size:0.8em;}
			
			/* citas */
			#actual blockquote,
			#actual3 blockquote,
			#actual4 blockquote,
			#actual2 blockquote{
				font-size:0.8em;
				padding: 0 0 0 10px;
				color:#666;
				border-left:5px solid #ac013c;}
			
			/* parrafos */	
			#actual p,
			#actual3 p,
			#actual4 p,
			#actual2 p{
				margin:0;
				padding:0 0 10px 0;
				text-align:justify;
				font-size:0.75em;
				line-height:1.3em;
				color:#444;}
			#actual p.texto,
			#actual3 p.texto,
			#actual4 p.texto,
			#actual2 p.texto{text-align: left;}
				/* parrafo subir */		
				#actual p.subir,
				#actual3 p.subir,
				#actual4 p.subir,
				#actual2 p.subir{
					margin:0 0 10px 0;
					padding:3px 0 3px 18px;
					font-weight:normal;
					font-size:0.6em;
					border-top:1px solid #e1ded7;
					position:absolute; bottom:0; margin:0 auto; width:97.5%;
					background:#f6f4f1 url(img/bullet_subir.gif) no-repeat 8px 50%;}
				#actual p.subir a, #actual2 p.subir, #actual3 p.subir, #actual4 p.subir a{color:#043756;}
		
/* ......................... ESPECIAL: PERFILES  ................................................................................................. */
			
				/* servicios en perfil */
				.servicios_par_perfil{
					min-height:230px;
					margin:0 0 20px 0;}
				
				/* servicios en subperfil */	
				.servicios_par_subperfil{
					min-height:100px;
					_height:100px;
					margin:0 0 20px 0;
					border-bottom:1px dashed #ccc;}
				
					/* contenedores izquierda en perfiles y subperfil */	
					.servicios_izq{
						width:49%;
						float:left;}
					
					/* contenedores derecha en perfiles y subperfil */	
					.servicios_der{
						width:49%;
						float:right;}

						/* imagenes en servicios (sin flotacion) */	
						.servicios_foto{
							height:100px;
							margin: 0 0 3px 0;
							border:1px solid #ccc;
							color:#fff;
							font-size:0.6em;
							text-align:center;
							background:#444;}
						
						/* imagenes en servicios (con flotacion) */	
						.servicios_foto_flotada{
							width:75px;
							min-height:100px;
							_height:75px;
							float:left;
							margin: 0 10px 3px 0;
							color:#fff;
							text-align:center;}
							
							/* titulos en modulo especial servicios */
							#actual .servicios_par_perfil h2, #actual .servicios_par_subperfil h2,
							#actual2 .servicios_par_perfil h2, #actual2 .servicios_par_subperfil h2 {font-size:1em; font-weight:bold; padding: 0 0 0 0;}
							#actual .servicios_par_perfil h3, #actual .servicios_par_subperfil h3,
							#actual2 .servicios_par_perfil h3, #actual2 .servicios_par_subperfil h3{font-size:0.8em; font-weight:normal; padding: 0 0 0 0;}
							#actual .servicios_par_perfil h3 span, #actual .servicios_par_subperfil h3 span,
							#actual2 .servicios_par_perfil h3 span, #actual2 .servicios_par_subperfil h3 span{color:#b0003e;}
							
							/* enlaces especiales */
							.servicios_par_perfil a.enlace_especial,
							.servicios_par_subperfil a.enlace_especial{
								padding:0 0 0 15px;
								background:#fff url(img/icono_enlace_especial.gif) no-repeat 0px 50%;}
						
						/* limpiar flotacion dentro de la caja relacionada */
						.clearfix:after {
							content: "."; 
							height: 0; 
							clear: both; 
							visibility: hidden;}
							* html .clearfix:after {display: block;}
							.clearfix {display:inline-block;}
							* html .clearfix {height: 1%;}
							.clearfix {display: block;}
			
/* ......................... FIN DE ESPECIAL: PERFILES  ........................................................................................ */


/* ......................... RECURSOS: PAGINACION ........................................................................................ */

	/* paginacion  */
	#paginacion_generica ol{
		list-style-type:none;
		margin:0 0 10px 0;
		padding:8px 10px 8px 10px;
		background:#f7f7f7;}
		
		#paginacion_generica ol li{
			margin:0 10px 0 0;
			padding:0 10px 0 0;
			display: inline;
			border-right:1px solid #afafaf;}

	#paginacion_generica2 ol{
		list-style-type:none;
		margin:0 0 10px 0;
		padding:8px 10px 8px 180px;
		background:#f7f7f7;}
		
		#paginacion_generica2 ol li{
			margin:0 10px 0 0;
			padding:0 10px 0 0;
			display: inline;
			border-right:1px solid #afafaf;}
	
			



#actual form {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;}
	
	#actual fieldset {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		border: none;}
	
		#actual legend {
			padding: 0 2px 0 10px;
			_margin: 0 -7px 0 0; /* IE Win */
			color:#a9013b;
			font-size:0.9em;
			font-weight:normal;}
			
			/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

		/* lista formulario */
		#actual form fieldset ol {
			margin: 10px 10px 0 15px;
			padding: 0 0 0 0;
			list-style-type: none;}
		
			/* elementos de lista formulario */
			#actual form fieldset li {
				padding: 5px 0 5px 5px;
				margin: 0 0 0 0;}
				
				#actual form fieldset li span{color:#999;}
		
				/* label */	
				#actual label {
					width: 150px;
					display: block;
					float:left;
					line-height: 1.8;
					vertical-align: top;
					color: #444;}

			
				/* inputs */
				#actual input {
					margin: 0;
					padding: 1px;
					font-family: inherit;
					border:1px solid #c5c5c3;
					background:#f9f9f7;
					font-size:1em;}
					
					/* tipo boton */
					#actual input.boton{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						font-size:1.1em;
						color:#fff;
						border:1px solid #7a7670;
						background:#7a7670;}
					
					#actual #botonera{
						margin: 0 0 10px 0;
						text-align:right;
						padding: 0 0 0 0;}
						
				
				/* textareas */
				#actual textarea {
					margin: 0;
					padding: 1px;
					font-family: Arial, Helvetica, sans-serif;
					border:1px solid #c5c5c3;
					background:#f9f9f7;
					font-size:1em;}
			
				/* selects */
				#actual select {
					margin: 0;
					padding: 0;
					font-family: inherit;
					border:1px solid #c5c5c3;
					background:#f9f9f7;
					font-size:1em;}
					
					#actual option{}
			
			/* campos obligatorios */
			#actual form em {
				font-weight: bold;
				font-style: normal;
				color: #f26702;}




			
			

#pie{
	clear:both;
	padding:20px 60px;
	text-align:center;
	background:#505050 url(img/background_pie.gif) repeat-x top left;}
	
	#pie p{
		margin:0;
		padding:0;
		color:#fff;
		font-size:0.7em;}
	#pie p a{color:#c9c9c9;}

/*
	Estilo para los mensajes de la página de contacto
*/
.mensajeContacto{
	padding:3px;
	border:1px solid #F26702;
	background-color:#EEEEEE;
	font-size:0.8em;
	margin-bottom:15px;
}

/*
	Estilo personalizado para los contenidos
*/
.contenidoColumnaIzquierda {
	float: left;
	with: 49%;
	margin: 0;
	padding: 0;
}

.contenidoColumnaDerecha {
	float: right;
	width: 49%;
	margin: 0;
	padding: 0;
}

.contenidoColumnaAbajo {
	clear: both;
	color: #fff;
}

.tabla_pequena {
	font-size: 11px;
	color:#444;
}


@import url('fv.css');