/* 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{
	background-color:#000000;
	width:1000px;
	height:63px;
}

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

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

/***************************** CONTROLES *************************************/
#divControles{
	width:260px;
	margin-top:10px;
	margin-left:10px;
	/*background-color:#009933;*/
	display:inline;
	float:left;
}

		/********************************** OBRAS ***********************************/
		#divControles_Obras{
			width:260px;
			background-color:#E8E8E8;
		}
		
				#divControles_Obras 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_Obras_h1 {
					background-image:url(images/fondo_titulo_rojo.gif);
					background-position:top;
					background-repeat:no-repeat;
					font-size:24px;
					font-weight:bold;
					color:#FFFFFF;
					text-align:left;
					padding-left:10px;
				}
				
					#divControles_Obras_h1 ul{
						margin:0px;
						padding:0px;
						margin-right:3px;
						list-style:none;
					}
					#divControles_Obras_h1 li{
						float:right;
						width:27px;
						height:27px;
						margin-top:2px;
					}
						#divControles_Obras_h1_ti{
							float:left;
						}
						#divControles_Obras_obr{
							display:inline;
							float:left;
							text-align:right;
							width:110px;
							margin-top:2px;
							text-align:left;
						}
								#spnMas{
									background-image:url(images/btn_mas2.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
									display:none;
								}
								.spnMas{
									display:none;
								}
								#spnMas:hover{
									background-image:url(images/btn_mas2_over.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
								}
								#spnMartillo{
									background-image:url(images/btn_martillo2.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
									display:inline;
								}
								#spnMartillo:hover{
									background-image:url(images/btn_martillo2_over.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
								}
								#spnSimbologia{
									background-image:url(images/btn_admirat2.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
									width:20px;
									display:inline;
								}
								#spnSimbologia:hover{
									background-image:url(images/btn_admirat2_over.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
								}
								#spnInter{
									background-image:url(images/btn_interroga2_over.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
									width:20px;
									display:inline;
								}
								#spnInter:hover{
									background-image:url(images/btn_interroga2.gif);
									background-position:center;
									background-repeat:no-repeat;
									cursor:pointer;
								}
				
				#divControles_Obras .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_Obras 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_Obras a:hover {
					background-color:#FFFFFF;
					cursor:pointer;
				}
				
				#divControles_Obras h3 {
					font-size:11px;
					font-weight:bold;
					color:#848380;
					text-align:left;
					padding-left:28px;
				}
				.divControles_Obras_cat {
					width:260px;
					border-bottom:#FFFFFF solid 1px;
					padding-top:3px;
					padding-bottom:3px;
					cursor:pointer;
				}
				.divControles_Obras_cat:hover {
				background-color:#F8F8F8;
				}
						.divControles_Obras_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%;*/
						}

				.divControles_Obras_dscs {
					width:260px;
					padding-top:3px;
					padding-bottom:3px;
					text-align:left;
					/*background-color:#F3F3F3;*/
				}
						.divControles_Obras_dscs ul{
							margin:0px;
							padding:0px;
						}
						.divControles_Obras_dscs li{
							background-image:url(images/indicador_circulo_rojo.gif);
							background-position:left top;
							background-repeat:no-repeat;
							cursor:pointer;
							list-style:none;
							margin-right:0px;
							padding-left:45px;
							padding-right:3px;
							color:#CC0000;
							width:auto;
						}
						.divControles_Obras_dscs li:hover {
							background-image:url(images/indicador_circulo_rojo_over.gif);
							background-position:left top;
							background-repeat:no-repeat;
							background-color:#CC0000;
							cursor:pointer;
							color:#FFFFFF;
						}
						.divControles_Obras_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_Pie{
							background-image:url(images/fondo_pie_rojo.gif);
							background-position:top;
							background-repeat:no-repeat;
							width:259px;
							height:42px;
						}
						
						.divFotofinish{
							color:#FFFFFF;
							font-size:24px;
							cursor:pointer;
							margin-bottom:10px;
							width:255px;
							height:197px;
							margin:0px;
							padding:0px;

						}
						.divOver_foto{
							z-index:100;
							position:absolute;
							width:249px;
							height:191px;
							margin:0px;
							padding:0px;
							border:#00CCCC solid 5px;
							text-align:left;
						}
						
		/******************************* INFORMACION DE OBRA ****************************/
		#divControles_Info{
			width:260px;
			background-color:#666667;
			display:none;
		}
				#divControles_Info h1 {
					/*background-image:url(images/flecha_up_blanca.gif);
					background-position:right;
					background-repeat:no-repeat;*/
					font-size:18px;
					font-weight:bold;
					color:#FFFFFF;
					text-align:left;
					margin-right:10px;
					padding-left:10px;
					line-height:30px;
					/*cursor:pointer;*/
					width:200px;
				}
				#divTabla_load{
					text-align:left;
				}
				#load_ws{
					display:none;
				}
				
				/*#divControles_Info h1:hover {
					background-image:url(images/flecha_up_blanca_over.gif);
					background-position:right;
					background-repeat:no-repeat;
					background-color:#828283;
					font-size:14px;
					font-weight:bold;
					color:#FFFFFF;
					text-align:left;
					margin-right:10px;
					padding-left:10px;
					line-height:30px;
					cursor:pointer;
					width:250px;
				}*/
				#divControles_Info h2 {
					font-size:11px;
					font-weight:bold;
					color:#F9B118;
					text-align:left;
					margin-right:10px;
					padding-left:10px;
					line-height:20px;
				}
				#divControles_Info td {
					padding-left:3px;
				}

				#divControles_Info_Icos{
					font-size:11px;
					font-weight:bolder;
					color:#333333;
					width:260px;
					background-color:#E8E8E8;
					text-align:left;
				}
						#divControles_Info_Icos_recorrido {
							height:26px;
							width:160px;
							padding-left:5px;
							cursor:pointer;
							display:inline;
							float:left;
							background-color:#E8E8E8;
						}
								#divControles_Info_Icos_recorrido:hover {
									background-color:#FAFAFA;
								}
						#divControles_Info_Icos_impresora {
							width:255px;
							padding-left:5px;
							cursor:pointer;
							display:inline;
							float:left;
							background-color:#E8E8E8;
						}
								#divControles_Info_Icos_impresora:hover {
									background-color:#FAFAFA;
								}
								
						#divControles_Info_Icos_beneficios {
							width:255px;
							padding-left:5px;
							cursor:pointer;
							background-color:#E8E8E8;
							float:left;
						}
								#divControles_Info_Icos_beneficios:hover {
									background-color:#FAFAFA;
								}

				#divControles_Info_Titulo{
					color:#ffffff;
					font-size:14px;
					font-weight:bolder;
					padding-left:10px;
					padding-top:3px;
					padding-right:5px;
					text-align:left;
					width:240px;
					cursor:pointer;
				}
				#divControles_Info_Titulo:hover{
					color:#CCCCCC;
				}
				
				#divControles_Info_Tramo{
					background-color:#ffffff;
					font-weight:bold;
					padding-left:10px;
					padding-top:3px;
					padding-right:5px;
					text-align:left;
					width:245px;
				}
				#divControles_info_Alternas{
					background-color:#FFFFff;
					width:260px;
				}
						#divControles_info_Alternas ul{
							margin:0px;
							padding:0px;
						}
						#divControles_info_Alternas li{
							background-image:url(images/indicador_rojo_alterna.png);
							background-position:left;
							background-repeat:no-repeat;
							cursor:pointer;
							font-weight:bold;
							list-style:none;
							padding-left:30px;
							color:#CC0000;
							text-align:left;
						}
						#divControles_info_Alternas li:hover{
							background-image:url(images/indicador_rojo_alterna_over.png);
							background-position:left;
							background-repeat:no-repeat;
							background-color:#C62026;
							cursor:pointer;
							list-style:none;
							padding-left:30px;
							color:#ffffff;
							text-align:left;
						}
							
		/******************************* INFORMACION DE VIAS ALTERNAS ****************************/
		#divControles_Alternas{
			width:260px;
			background-color:#666667;
			margin-bottom:5px;
			display:none;
		}
				#divControles_Alternas h1{
					font-size:14px;
					font-weight:bold;
					color:#F9B118;
					text-align:left;
					margin-right:10px;
					padding-left:10px;
					line-height:30px;
				}
				#divControles_Alternas_Encabezado{
					padding-left:10px;
					padding-right:10px;
					background-color:#FFFFFF;
				}
						#divControles_Alternas_Encabezado p{
							font-size:10px;
							text-align:left;
						}
				#divControles_Alternas_Paginacion{
					background-color:#FFffff;
					height:auto;
				}
				.divEncabezado{
					background-color:#F9F9F9;
					border-bottom:#666666 dashed 1px;
					text-align:left;
					padding:10px;
					font-style:italic;
				}
				
				.divEncabezado:hover{
					color:#CC0000
				}
					.cuadrito{
						width:18px;
						height:18px;
						color:#ffffff;
						display:inline;
						float:left;
						border:#eeeeee solid 1px;
						cursor:pointer;
						/*margin:2px 1px 2px 1px;*/
					}
					
				#divControles_Alternas_Resumen{
					width:240px;
					padding-left:10px;
					padding-right:10px;
					padding-top:8px;
					background-color:#EEEEEE;
				}
						#divControles_Alternas_Resumen_op{
							color:#F9B118;
							font-size:12px;
							text-align:left;
							margin-bottom:2px;
							font-weight:bold;
							border-bottom:#666666 solid 1px;
						}
								#divControles_Alternas_Resumen_op_no {
									width:auto;
									height:auto;
									color:#666666;
									font-size:14px;
									font-weight:bold;
									margin:0px;
									padding:0px;
									text-align:center;
									background-color:#EEEEEE;
								}
								#divControles_Alternas_Resumen_op_dsc{
									font-weight:bold;
									margin-left:5px;
									width:80px;
								}
						#divControles_Alternas_Resumen_texto{
							margin-top:3px;
							margin-bottom:5px;
							text-align:left;
						}
						#rec_ruta{
							cursor:pointer;
						}
						#imp_ruta{
							cursor:pointer;
						}
							

/******************************* MAPA Y REQUISITOS ****************************/

#divContenedormapayreq {
	width:700px;
	height:auto;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	float:left;
}
		#divMapa{
			width:700px;
			height:520px;
			background-color:#ffffff;
			/*background-image:url(images/mapa_demo.gif);*/
		}
		#divRequerimientos {
			width:618px;
			height:auto;
			text-align:left;
			padding-left:30px;
			margin-bottom:10px;
		}
				#divRequerimientos h1 {
					font-size:16px;
					color:#CC0000;
					font-weight:bolder;
					background-image:none;
					padding:0px;
					margin-top:5px;
					margin-bottom:5px;
					text-align:center;
				}
			
				#divRequerimientos p {
					width:300px;
				}
				
				#divRequerimientos a{
					text-decoration:none;
					color:#000000;
				}
				#divRequerimientos a:hover{
					color:#CC0000;
				}
				
				#divRequerimientos ul {
					padding:0px;
					margin:0px;
					margin-top:6px;
					margin-bottom:7px;
					margin-left:20px;
				}
				#divRequerimientos li {
					background-image:url(images/indicador_black.png);
					background-position:left;
					background-repeat:no-repeat;
					list-style:none;
					padding-left:15px;
				}
				#spnAdvertencia{
					color:#CC0000;
				}


/********************************DESCRIPCION VIA ALTERNA************************************/

								.divDsc_rutaalterna{
									height:300px;
									overflow:auto;
								}
										#divControles_Dsc_recorrido h1{
											font-size:14px;
											color:#FFFFFF;
											background-color:#666666;
											line-height:20px;
											text-align:left;
											padding-left:15px;
										}

								.renglon{
									color:#333333;
									text-align:left;
									background-color:#E0E0E0;
									border-bottom:#666666 dashed 1px;
									padding:5px;
									height:auto;
									cursor:pointer;
								}
								.renglon_hover{
									color:#333333;
									text-align:left;
									background-color:#ffffff;
									border-bottom:#666666 dashed 1px;
									padding:5px;
									height:auto;
									cursor:pointer;
								}
								.renglon1{
									color:#333333;
									text-align:left;
									background-color:#F2F2F2;
									border-bottom:#666666 dashed 1px;
									padding:5px;
									height:auto;
									cursor:pointer;
								}
								#muestra_r{
									padding:0px;
								}
								.tdtab {
									padding:3px;
									vertical-align:text-top;
								}
								
								.divCuadro_num{
									width:15px;
									height:15px;
									background-color:#666666;
									color:#FFFFFF;
									text-align:center;
									margin:5px;
								}
								
								
/**********************************PIE DE PAGINA******************************************/

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