#web-content
 {
	 width:990px;
	 margin:0 auto;	
	
	 
 } 
#centro {
	float: left; 
	/* border: 1px solid black; */
		
}

#center h2{
	 height:25px;
	color:#fff;
	 font-size:15px;
	 font-family:Century Gothic;
	 margin:  5px 50px 20px 0px;
	 border: 2px;
	 border-radius: 1px;
	/* background: #61a097;*/
	 background: -webkit-linear-gradient(#6eb8ab,#61a097);
	 background: -moz-linear-gradient(#6eb8ab,#61a097);
	 background: -o-linear-gradient(#6eb8ab,#61a097);
	 background: -ms-linear-gradient(#6eb8ab,#61a097);
	 /* background: -ms-linear-gradient(top left, #6EB8AB 0%, #61A097 100%); */
	 border-color: #d5e9fe;	 
	 /*border: 1px solid #dedede;*/
	 border-color: #d5e9fe;
	/*box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;*/
	padding-left: 5px;
	padding-top: 2px;
	 }

h3 {
	border: 1px solid #dedede;
	border-radius: 3px;
	color: white;	
	font:  14px Century Gothic;
	background: -webkit-linear-gradient(#6eb8ab,#61a097);
	background: -moz-linear-gradient(#6eb8ab,#61a097);
	background: -o-linear-gradient(#6eb8ab,#61a097);
	background: -ms-linear-gradient(#6eb8ab,#61a097);
	border-color: #d5e9fe;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;	
	height: 25px;
	text-align: center;
	padding-top: 3px;	
	font-weight: bold;

}
#center{
	font-family: Century Gothic;
	}
	
/*Menú Lateral*/	
#menu_lateral {
	float: left;
	margin-left: 0;
}

#pie {
	bottom: 0px;
}

/* CONTENIDO (parte central) INDICADORES URBANOS*/
	#contenido{
	float: left;
		font-size: 95%;
		/* border:1px solid green; */
		position: relative;
		/* left:265px; */
/* 		width: 675px;
		width: 665px; */
    width: 100%;
		/* padding:5px; */
		}
		
  ul.barra{
    padding:0;
    height:30px;
/*     background-color: #66665e;*/
    background-color: #6eb8ab; 
    background: -webkit-linear-gradient(#6eb8ab,#65a991);
    background: -moz-linear-gradient(#6eb8ab,#65a991);	 background: -o-linear-gradient(#6eb8ab,#65a991);
    list-style: none;
    margin-bottom: 5px;
    }
  ul.barra li{
    margin-left: 0;
    text-align: center;
    min-width:85px;
    height:20px;
    float: left;
    font-weight: bold;
    background-color: #6eb8ab;
    background: -webkit-linear-gradient(#6eb8ab,#65a991);
    background: -moz-linear-gradient(#6eb8ab,#65a991);	 background: -o-linear-gradient(#6eb8ab,#65a991);
    color: white;
    font-family: Century Gothic, sans-serif;
    font-size: 100%;
    padding: 5px 15px;
    display: inline;
    border-right:1px solid white;
    }
  ul.barra li.tab:hover{
  background-color: #e5b25c;
  background: -webkit-linear-gradient(#ecb257,#e2a33c);
  background: -moz-linear-gradient(#ecb257,#e2a33c);	 background: -o-linear-gradient(#ecb257,#e2a33c);
  color:white;
    }
  ul.barra li.titulo{
    width:250px;
    text-align: left;
    padding-left: 10px;
    }
    
  ul.barra li.activo{
    background-color: #e5b25c;
    background: -webkit-linear-gradient(#ecb257,#e2a33c);
    background: -moz-linear-gradient(#ecb257,#e2a33c);	 background: -o-linear-gradient(#ecb257,#e2a33c);
    color: white;
    }
  ul.barra a{
    text-decoration: none;
    }
  
	#content_padron{
  float: left;
		position: relative;
		top:0px;
		/* height: 550px; */
		width: 660px;
	/* width: 100%; */
		/* border:1px solid #6eb8ab; */
		}	
	#content_paro{
/* 		position: absolute;
		top:0px; */
	/* width: 100%; */
		/* border:1px solid #6eb8ab; */
		}
	#cuadros_busqueda{
		float: left;
		margin: 2px;
		padding: 5px;
		/* border:1px solid orange; */
		/* margin: 8px; */
		}
	#cuadros_busqueda_horizontal{
/*     position: absolute;
		margin: 2px; */
	}
	#col2{
    border:1px solid black; 
    border:1px solid #ccc; 
    border-radius:15px;
    box-shadow:2px 2px 5px rgb(43%,72%,67%,.5);
    box-shadow:2px 2px 5px black;
    padding: 5px;
    position: relative;
    top:10px;
    /* margin: 4px; */
    float: right;
    width: 330px;
    width: 380px;
    /* height: 470px; */
    }	
	#iconos{
	/* position: absolute; */
		/* border:1px solid black; */
		/* padding-bottom: 5px; */
		border-top: 5px solid #6eb8ab;
		text-align: right;
		padding: 5px 25px;
		/* margin-top: 10px; */
		margin-bottom: 5px;
		/* width: 330px; */
		bottom:0px;
		}
	#texto_consulta{
		font-size: 85%;
		line-height: 1em;
		}
	#texto_consulta h3{
	font-weight: bold;
	margin:0;
	padding: 2px 0;
	font-size: 100%;
	height: auto;}
		
	#tabla_resultados{
		overflow: auto;
		max-height: 380px;
		}
	#tabla_resultados_paro{
		/* overflow: auto; */
		/* background-color: red; */
		max-height: 380px;
		}
	#tabla_paro{
	/* background-color: red; */
	}
	/* Campos de búsqueda*/
	.campo{
		margin:0 0 10px 5px ;
		margin-left: 5px;
		padding:5px;
		background-color: #f3f3f3;
		width:320px;
		width:220px;
		border: 1px dotted black;
		box-shadow:2px 2px 2px rgb(0,0,0,.3); 
		border-radius: 5px;
		}
	.cmb_anyo{
		width: 100px;
		text-align: right;}
	.campo_paro{
		float: left;
		margin:0 10px 10px 5px ;
		margin-left: 5px;
		padding:15px 5px;
		background-color: #f3f3f3;
		/* width:320px;
		width:220px; */
		box-shadow:2px 2px 5px rgb(43%,72%,67%,.5);
		box-shadow:2px 2px 5px black;
		border-radius: 5px;
		}
	.campo_paro label{
		font-weight: bold;
		display: block;
		font-size: 125%;
		}
	.campo_grafico label{
		font-weight: bold;
		font-size: 125%;		
		}
	.campo_paro select,
	.campo_grafico select{
		   /* background: transparent; */
		   /* width: 268px; */
		   font-family: Century Gothic, sans-serif;
		   padding: 5px;
		   font-size: 16px;
		   line-height: 1;
		   border: 1px dotted black;
		   border-radius: 5px;
		   height: 34px;
		   }
	.campo_paro option,
	.campo_grafico option{
		   font-size: 85%;
		   }
	
/* 	.campo:hover{
		background-color: #e9e9e9;
		box-shadow:-1px -1px 1px black;
		box-shadow:-1px -1px 1px rgb(43%,72%,67%,.5);
		} */
	.campo label{
		/* cursor:pointer; */
		font-weight: bold;
		font-size: 85%;
		vertical-align: bottom;
    color: #61a097;
		}
	.campo label.subetiqueta{
		/* padding-left: 10px; */
		padding-bottom: -10px;
		margin-bottom: -10px;
		font-weight: normal;
		}
	.nomargen{
		font-weight: 100;
		/* padding-left: 10px; */
		}
	input[type=checkbox],input[type=radio]{
		line-height: 1.5em;
		margin-top: -5px;
		}
	input[type=checkbox] + label, input[type=radio] + label{
		font-weight: normal;
		}	
	input[type=text]{
		width: 25px;
		}
	#input_edades{
		text-align: right;
		padding-right: 5px;
		/* margin-left: 20px; */
		}
	#botones{
		text-align: right;
		}
	#botones input[type=submit]{
		font-size: 85%;
		padding:2px;
		}

/*TABLA*/

  #tablaObservatorio{
    width:400px;
    margin: auto;		
    font-family: 'PT Sans', sans-serif;
    background-color: #fff;
    color:black;
    border-collapse:collapse;
    }
  #tablaObservatorio th{
    font-weight: 700;
    background-color: #ccc;
    color:#666;
    }
  #tablaObservatorio th,
  #tablaObservatorio td{
    padding: 7px;
    border: 1px dotted #666;
    }
	#tablaObservatorio  tr:nth-child(odd){
			background-color: #bbb;
			color:eee;
			}
	#tablaObservatorio tr:hover{
		background-color: #999;
		color:#e3e3e3;
		/* font-weight: 700; */
		}
    
  #tablaParo{
  text-align: right;
    width: 100%;
    /* font-family: 'PT Sans', sans-serif; */
    background-color: #fff;
    color:black;
    border-collapse:collapse;
    font-size: 85%;
    }
  #tablaParo th{
    text-align: center;
    font-weight: 700;
    background-color: #6eb8ab;
    color:#f3f3f3;
    }
  #tablaParo th,
  #tablaParo td{
    padding: 7px;
    border:none;
    border-left: 1px dashed rgb(110,184,171); 
    }
  #tablaParo th:first-child,
  #tablaParo td:first-child{
    border-left: none; 
    text-align: left;
    }
	#tablaParo  tr{
    color:#666;
    }
	#tablaParo  tr:nth-child(odd){
    background-color: rgba(110,184,171,.2);
    }
	#tablaParo tr:nth-child(even){
    background-color: rgba(110,184,171,.4);
    }
	#tablaParo tr:nth-child(1n+1) td:first-child{
    font-family: 'PT Sans', sans-serif;
    }
	#tablaParo tr:hover{
    background-color: rgba(110,184,171,.8);
    color:#333;
		}
	#tablaParo tr:last-child{
    font-weight: 700;
    background-color: rgba(110,184,171,.7);
    color:#336600;
    }

	#tablaParo td:last-child{ /*última columna*/
    font-weight: bold;
    color:#336600;
    }
	#tablaParo tr:last-child,
	#tablaParo td:last-child{ 
    font-size: 115%;
    }
	#selec{
    font-weight: 700;
    padding-top:5px;
		font-size: 125%;
		/* margin-bottom: 0; */
		border-bottom: 1px solid black;
		}
	#titulo_tabla{
		clear:both;
		padding: 7px;
		padding-left: 23px;
		font-size: 150%;
		margin:0;
		font-weight: bold;		 
		color: #f3f3f3;
		background: -webkit-linear-gradient(#6eb8ab,#61a097);
		background: -moz-linear-gradient(#6eb8ab,#61a097);
		background: -o-linear-gradient(#6eb8ab,#61a097);
		background: -ms-linear-gradient(#6eb8ab,#61a097);
		background: linear-gradient(#6eb8ab,#61a097);
		}
		
	#form_paro{
		border:1px solid red;
		background-color:red;
		}
  #msg_error{
    clear:both;
    float: left;
    
    width: 894px;
    padding: 15px 0;
    background-color: #ffe5cc;
    border:3px solid #990000;
    
    text-align: center;
    color:#990000;
    font-size: 150%;
    font-weight: 900;
    }
	
	#pie_sql{
		font-family: calibri;
		z-index:50;
		position:fixed;
		top:0;
		left:0;
		width: 500px;
		color:white;
		background-color: black;
		line-height:1em;
		padding:15px;
		font-size: 150%;
		}
	#cajaDatos{
	background-color: #e3f3e3;
	padding:5px;
	border-bottom: 5px solid #6eb8ab;
	line-height: 1.4em;
	}