/* Estilos comunes */

body {
   height:100%;
   margin:0 0 0 0;
   font-family:Verdana,Sans;
   text-align:center;
   background-color:gray;
   color:navy;
}

table.pagina {
   width:980px;
   height:100%;
   margin:auto;
   text-align:center;
   border:0px;
   background-color:white;
}

td {
   font-family:Verdana,Sans;
   font-size:10px;
}

select {
   border:1px solid #5CA4D6;
   font-size:11px;
   color:navy;
}

fieldset {
   border:1px solid #5CA4D6;
}

.barraEstado {
   width:100%;
   vertical-align:top;
   background-image:url('../Imagenes/barraestado.jpg');
}

td.tituloBarraEstado {
   padding-left:10px;
   vertical-align:middle;
   font-family:Arial,Sans;
   font-size:10px;
   font-weight:bold;
}

td.separacionBarraEstado {
   padding-left:5px;
   padding-right:5px;
   vertical-align:middle;
   font-size:10px;
   font-weight:bold;
}

td.textoBarraEstado {
   vertical-align:middle;
   font-family:Arial,Sans;
   font-size:10px;
}

td.tituloPagina {
   text-align:center;
   font-size:18px;
   color:#5CA4D6;  
}

td.subtitulo {
   padding:10px;
   text-align:justify;
   font-weight:bold;
   color:black;
}

td.contenido {
   width:100%;
   padding-left:10px;
   vertical-align:top;
}

td.cuadroLineaSuperior {
   width:100%;
   font-size:5px;
   border-top:2px solid #5CA4D6;
}

td.cuadroLineaIzquierda {
   border-left:2px solid #5CA4D6;
}

td.cuadroLineaDerecha {
   border-right:2px solid #5CA4D6;   
}

td.cuadroLineaInferior {
   width:100%;
   font-size:5px;
   border-bottom:2px solid #5CA4D6;
}

input.text {
   width:70px;
   border:1px solid #5CA4D6;
   color:navy;
}

a.enlaceNavegacionPie {
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#5CA4D6;
}

.textoContacto {
   height:50px;
   text-align:center;
   font-weight:bold;
   color:black;
   /*background-image:url('../Imagenes/piegris.gif');*/
}

td.textoPie {
   text-align:center;
   font-weight:bold;
   color:black;
}

a.enlaceVerMapas {
	font-size:12px;
	color:#5CA4D6;
	font-weight:bold;
	text-decoration:none;
}

/* Estilo del contenido de la portada */
td.tituloportada {
	padding-left:50px;
	padding-right:50px;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:black;
}

td.textoportada {
	padding-left:100px;
	padding-right:100px;
	text-align:justify;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	color:black;
}

td.botonesportada {
	font-weight:bold;
	font-size:18px;
	color:black;
	border:2px solid black;
	padding-left:10px;
	padding-right:10px;
	background-color:#DDDDDD;}

/* Estilo del contenido de la opción 1  */

div.tituloSeleccionadas {
   position:relative;
   top:-15px;
   left:5px;
   width:218px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

.nombreSeleccionada {
   font-size:12px;
}
 
td.subtituloSeleccionada {
   width:65px;
   font-size:12px;
   color:#5CA4D6;
}

td.coordenadasSeleccionada {
   width:50px;
   font-size:12px;
   text-align:right;
}

div.tituloSeccion {
   position:relative;
   top:-8px;
   font-size:12px;
   font-weight:bold;
}  
  
input.inputcoordenadas {
   width:70px;
   border:1px solid #5CA4D6;
   color:navy;
}

input.inputtexto {
   width:175px;
   border:1px solid #5CA4D6;
   color:navy;
}

div.botonbuscar {
   position:relative;
   top:-42px;
   left:150px;
	width:50px;
}

div.botonbuscar2 {
   position:relative;
   top:-30px;
   left:235px;
}



/* Estilo del contenido de la opción 2  */

div.tituloParametros {
   position:relative;
   top:-15px;
   left:5px;
   width:190px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

div.tituloHorario {
   position:relative;
   top:-15px;
   left:5px;
   width:280px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

div.tituloMensual {
   position:relative;
   top:-15px;
   left:5px;
   width:230px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

td.calculos { 
   text-align:right;
   color:#5CA4D6;
   font-weight:bold;
}

td.separadorcalculos {
   font-size:24px;
   color:#5CA4D6;
}

td.separadorvalores {
   font-size:28px;
   color:#5CA4D6;
}

.tituloSeccion2 {
   font-size:11px;
   font-weight:bold;
   color:navy;
}

input.inputangulo {
   width:30px;
   border:1px solid #5CA4D6;
   color:navy;
}



/* Estilo del contenido de la opción 3 */

a.textoopcionadicional {
   font-weight:bold;
   color:#5CA4D6;
   text-decoration:none;
}

div.tituloGrafico {
   position:relative;
   top:-15px;
   left:5px;
   width:176px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

div.tituloTabla {
   position:relative;
   top:-15px;
   left:5px;
   width:162px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   background-color:white;
}

table.tablaresultados {
   border:1px solid #5CA4D6;
}

td.tituloColumnaPrimera {
   text-align:center;
   font-weight:bold;
   background-color:#C2E7E7;
}

td.tituloColumna {
   text-align:center;
   font-weight:bold;
   background-color:#C2E7E7;
   border-left:2px solid #5CA4D6;
}

td.filaImpar {
   text-align:center;
}

td.filaPar {
   text-align:center;
   background-color:#EAF7F7;
}

td.separaMes {
	font-size:14px;
	font-weight:bold;
}


/* Estilo conjunto de las opcines 2 y 3 */

.tituloopciones {
   font-size:11px;
   font-weight:bold;
   color:#5CA4D6;
}

.textoopciones {
   font-weight:bold;
   color:#5CA4D6;
}

/* Estilo de la ventanita VerMapas */
a.enlace {
	font-weight:bold;
	text-decoration:none;
	color:black;
}