/* estilos especiales para mostrar los datos de una estacion o de un perfil ( grupo de datos)   */


#timestamp {
	margin:30px;
	font-family: Arial,  sans-serif;
	font-weight: normal; 
	/*font-weight: bold;*/ 	
	font-size: 16px;
	color: #EEEEEE;
	/*background-color: #36689E;*/
}

#graficos { 
	width: 200px;
	height: 100px;
	margin: 0 auto;
	padding-top: 25px;
	padding-left: 90px;
	
}

/* --clase para contener color de fondo de los datos*/
.contenedorfondo{	
    position:absolute;
    left: 0px;
    top: 0px;	
    width: 980px; 	    
    /*background-color: #099;   */
    background-color: #467469;      /* color cielo de boya*/
    /*background-color: #90AA7B;*/	/* color agua verde */
		
}



/* --clases para contener color de fondo de los datos en la cabecera que no tienen img de fondo */
/* color base */
.basefondocabecera{	
    position:absolute;
    left: 0px;
    top: 0px;	
    width: 980px; 	    
    /*background-color: #099;   */
    background-color: #467469;      /* color cielo de boya*/
    #background-color: #699E6D;      /* color agua mapa*/
    
}
/*  transparencia  */
.transparenciafondocabecera{	
    position:absolute;
    left: 0px;
    top: 0px;	
    width: 980px; 	                
	background-color: #D7D3CF;     /* medio azul */
	#opacity: 0.2;			
	opacity: 0.5;	
}

/* --clase para contener un recuadros de variables, un voometros o rosa de los vientos */
.contenedorvariables{	
	position:absolute;
	width: 300px; 	
	/*z-index:25; */
	/*padding: 2px;  /*para que se ajuste al contenido en altura*/		
	height: 110px; 	
	/*border: 4px solid green; */
	/*background-color: white; */
		
}

/* clase para contenedor de una variable  cuadrado blanco*/
.recuadroparavariable {	
	width:150px;
	/*width:220px; */
	/*height:260px; */
	/*float: left; /* para que se acomode solo */
	left-margin:5px;
	height:120px;		
	background-color: #FFF;  
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}



/*  clase grafico para voometros   */
.grafico{
	width: 172px; 	
	float: left; 
	padding-top: 25px;	
}

/* --clase recuadro para contener un grafico dygrahp el que contendra el grafico (tamano normal)-- */
.recuadrodygraph{	
	position:absolute;
	width: 430px; 	
/*	padding: 2px;  para que se ajuste al contenido en altura*/		
	height: 240px; 
	/*border: 1px solid green;    */
	background-color: #FFF;  
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
/*	box-shadow: 5px 5px 10px #aaa;	    */
}

/* --clase para graficos dygrahp donde se dibuja el grafico propiamente dicho (tamano normal)- */
.clasedygrahp{
	width: 400px; 	
	height: 200px;
    text-align: left; 
    left-margin: 1px
	text-align: right; 
	color: black;
}


/* --clase recuadro para contener un grafico dygrahp el que contendra el grafico (tamano grande)-- */
.recuadrodygraph_grande{	
	#position:absolute;
	#left: 15px;
	width: 880px; 	
/*	padding: 2px;  para que se ajuste al contenido en altura*/		
	height: 440px; 
	/*border: 1px solid green;    */
	background-color: #FFF;  
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
/*	box-shadow: 5px 5px 10px #aaa;	    */
}

/* --clase para graficos dygrahp donde se dibuja el grafico propiamente dicho (tamano grande)- */
.clasedygraph_grande{
	width: 850px; 	
	height: 400px;
    text-align: left; 
    left-margin: 1px
	text-align: right; 
	color: black;
	background-color: white; 
}


/* ----------------- */

/*

table.stats{
	margin:30px;
	text-align: center;
	font-family: Arial,  sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;	
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	table-layout:fixed;
	
}

table.stats td {
	
	color: #E8E8FF;
	padding: 4px;
	padding-left:6px;
	padding-right:6px;
	text-align: center;
	border: 2px #DDDDDD solid;
	width: 120px;
}

*/

.rosa {
	position: relative;
	top: 18px; 
	#padding-top: 20px;	
	font-weight: bold;
}





#rosa{	
	width:344px;
	height:344px;
	color: #FFFFFF;	 
	text-align: center;

}

#rosa h2,h3{
	font:bold 14px 'Lucida Grande','Lucida Sans Unicode', Verdana, Helvetica,Arial,Sans-serif;
	color:#EEEEEE;
	margin:4px 0 0.5em 0;
}

#rosa h3{
	font-weight: normal;
	font-size:14px;
}

.colorear{
	background-color:#36689E; 
	color:#000FFF;
}

.stats .colorear td{
	color:#FFFFFF;
}