/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
.clearer {clear: both;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	height:auto;
	text-align:center;
}

#divContenedor {
	width:1000px;
	margin: 0 auto;
}

#divCabecera{
	width:1000px;
	height:63px;
	background-color:#FFFFFF;
	text-align:right;
}

#divMensajeBienvenida{
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	background-color:#E8E8E8;
	font-size:14px;
	border:#000000 solid 1px;
}

/**************************  CENTRAL *******************************/

#divCuerpo{
	width:1000px;
	background-color:#ffffff;
}

		/***************************** CONTROLES *************************************/
		#divControles{
			width:260px;
			margin-top:10px;
			margin-left:10px;
			display:inline;
			float:left;
			background-color:#ffffff;
			height:auto;
		}
				#divControles_Pie{
					background-image:url(images/fondo_pie_rojo.gif);
					background-position:top;
					background-repeat:no-repeat;
					width:259px;
					height:42px;
				}
		
				/********************************** OBRAS ***********************************/
				#divControles_Temas{
					width:260px;
					background-color:#E8E8E8;
				}
						#divControles_Temas h1 {
							background-image:url(images/fondo_titulo_rojo.gif);
							background-position:center;
							background-repeat:no-repeat;
							font-size:24px;
							font-weight:bold;
							color:#FFFFFF;
							text-align:left;
							padding-left:10px;
						}

						#divControles_Temas .ninguna {
							background-image:none;
							font-size:12px;
							font-weight:bold;
							color:#333333;
							margin-left:0px;
							margin-right:0px;
							padding-left:0px;
							padding-right:0px;
							padding-bottom:0px;
							padding-top:0px;
							text-align:left;
							cursor:pointer;
							display:block;
						}
				
						#divControles_Temas a {
							background-image:url(images/indicador_obra_dsc.gif);
							background-position:left;
							background-repeat:no-repeat;
							font-size:12px;
							font-weight:bold;
							color:#333333;
							margin-left:0px;
							margin-right:0px;
							padding-left:23px;
							padding-right:7px;
							padding-bottom:3px;
							padding-top:3px;
							text-align:left;
							cursor:pointer;
							display:block;
						}
				
						#divControles_Temas a:hover {
							background-color:#FFFFFF;
							cursor:pointer;
						}
						
						#divControles_Temas h3 {
							font-size:11px;
							font-weight:bold;
							color:#848380;
							text-align:left;
							padding-left:28px;
						}
						
						
						.divControles_Temas_Titulo {
							width:260px;
							border-bottom:#FFFFFF solid 1px;
							padding-top:3px;
							padding-bottom:3px;
							cursor:pointer;
							color:#333333;
						}
								.divControles_Temas_Titulo:hover {
									background-color:#F8F8F8;
									color:#CC0000;
								}
								.divControles_Temas_Titulo p {
									font-size:12px;
									margin-right:5px;
									padding-left:5px;
									padding-right:7px;
									text-align:left;
								}
								.divControles_Temas_Titulo td {
									vertical-align:top;
								}
										.divControles_Temas_Titulo_numero{
											color:#FFFFFF;
											font-size:10px;
											font-weight:bold;
											text-align:center;
											vertical-align:middle;
											background-color:#666666;
											padding-bottom:2px;
											width:13px;
											height:11px;
											margin-left:5px;
										}
										.divControles_Temas_Titulo_numero_r{
											color:#FFFFFF;
											font-size:10px;
											font-weight:bold;
											text-align:center;
											vertical-align:middle;
											background-color:#CC0000;
											padding-bottom:2px;
											width:13px;
											height:11px;
											margin-left:5px;
										}
								#divControles_Temas_Titulo_vermas{
									text-align:right;
									padding:2px;
									padding-right:10px;
								}
								#divControles_Temas_Titulo_vermas a {
									color:#C52025;
									font-weight:bold;
									font-style:italic;
									text-decoration:none;
								}
								#divControles_Temas_Titulo_vermas a:hover {
									color:#DD612B;
								}
								
								
								
				.divControles_Temas_dscs {
					width:260px;
					padding-top:3px;
					padding-bottom:3px;
					text-align:left;
					/*background-color:#F3F3F3;*/
				}
						.divControles_Temas_dscs ul{
							margin:0px;
							padding:0px;
						}
						.divControles_Temas_dscs li{
							background-image:url(images/indicador_circulo_rojo.gif);
							background-position:left;
							background-repeat:no-repeat;
							cursor:pointer;
							list-style:none;
							margin-right:0px;
							padding-left:45px;
							padding-right:3px;
							color:#CC0000;
							width:212px;
						}
						.divControles_Temas_dscs li:hover {
							background-image:url(images/indicador_circulo_rojo_over.gif);
							background-position:left;
							background-repeat:no-repeat;
							background-color:#CC0000;
							cursor:pointer;
							color:#FFFFFF;
						}
						.divControles_Temas_dscs .fin{
							background-image:url(images/indicador_circulo_azul.gif);
							background-position:left;
							background-repeat:no-repeat;
							cursor:pointer;
							list-style:none;
							margin-right:5px;
							padding-left:45px;
							color:#168DA3;
							font-size:12px;
						}
								


		#divControles_Temas{
			width:260px;
			background-color:#E8E8E8;
		}
		

				.divControles_Temas_cat {
					width:260px;
					border-bottom:#FFFFFF solid 1px;
					padding-top:3px;
					padding-bottom:3px;
					cursor:pointer;
				}
				.divControles_Temas_cat:hover {
				background-color:#F8F8F8;
				}
						.divControles_Temas_cat p {
							background-image:url(images/indicador_obra_dsc.gif);
							background-position:left;
							background-repeat:no-repeat;
							font-size:12px;
							font-weight:bold;
							color:#333333;
							margin-left:5px;
							margin-right:3px;
							padding-left:23px;
							padding-right:7px;
							padding-bottom:3px;
							padding-top:3px;
							text-align:left;
							/*width:100%;*/
						}



		/******************************* CONTENIDOS ****************************/
	
		#divContenido {
			width:718px;
			height:auto;
			margin-left:10px;
			display:inline;
			float:left;
			background-color:#ffffff;
			text-align:left;
		}
		
					#divContenido_Cabecera{
						background-image:url(images/head-calles.jpg);
						background-position:center;
						background-repeat:no-repeat;
						width:712px;
						height:158px;
						float:right;
					}
					.divContenido_Temas{
						height:auto;
						width:705px;
						margin-top:10px;
						border:#666666 solid 2px;
					}
							.divContenido_Temas ul {
								margin:0px;
								padding:0px;
							}
							
							.divContenido_Temas li {
								display:inline;
								list-style:none;
								float:left;
								margin:12px;
							}
							
							.divContenido_Temas h1{
								line-height:35px;
								background-color:#EBE9EA;
								font-size:18px;
								color:#CC0000;
								padding-left:15px;
								border-bottom:#666666 solid 2px;
							}
							
							.divContenido_Resumen{
								margin:10px;
							}
									.divContenido_Resumen h1 {
										border:none;
										color:#8B8B8A;
										line-height:normal;
										background-color:#FFFFFF;
										padding-left:0px;
										margin-bottom:10px;
									}
									
									.divContenido_Resumen h2{
										font-size:16px;
									}
									
									.divContenido_Resumen p {
										font-size:12px;
										padding:7px 5px 7px 5px;
									}
									
									.divContenido_Resumen img {
										padding:10px;
										border:#bfbf00 1px dashed;
										vertical-align:left;
										float:left;
										margin-right:30px;
										margin-bottom:30px;
										width:375px;
										height:310px;
									}
									
									.divContenido_Resumen a {
										color:#CC0000;
										font-style:italic;
										text-decoration:none;
										font-weight:bold;
										font-size:11px;
									}
									
									.divContenido_Resumen a:hover {
										color:#0099CC;
										font-style:italic;
									}
									


					
/**********************************PIE DE PAGINA******************************************/

#divPie{
	background-image:url(images/pie_de_pagina.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:1000px;
	height:94px;
	margin-top:10px;
}