@charset "utf-8";
/* CSS Document */

body {
	margin: 0; padding: 0;
}
#meteo-container {
	position: relative;
	width: 450px; height: 490px;
	font-family: Arial; font-size: 11px;
	background: transparent url(/meteo/icons/bg_meteo.jpg) no-repeat top left;
	border: 1px solid gray;
}
#days-nav {
  position: absolute;
  top: 43px; right: 0;
  z-index: 3000;
}
#days-nav ul {
  margin: 0; padding: 0;
  list-style: none; 
}
#days-nav li {
  margin: 0 2px 0 2px;
  float: left;
  width: 58px;
  text-align: center;
  background-color: white;
}
#days-nav li a { text-decoration: none; color: black; }  
#days-nav li.active { background-color: #0199FF; }
#days-nav li.active a { color: white; }

#days-nav li.nav08 {
  width: 10px;
}

#nav-00 { position: absolute; width: 100%; top: 10px; left: 0;  text-align: center; }
#nav-00 a { text-decoration: none; color: black; font-size: 18px; font-style: italic; font-weight: bold; cursor: pointer; }

.days-details {
  display: none;
  position: absolute;
  top: 0; left: 0;
  width: 450px; height: 490px; 
}

.general1, .general2, .general3, .general4, .general5, .general6, .general7 { position: absolute; top: 60px; width: 60px; height: 40px; border: 0px solid gray; }
.general1 { left: 4px; }
.general2 { left: 67px; }
.general3 { left: 132px; }
.general4 { left: 196px; }
.general5 { left: 260px; }
.general6 { left: 324px; }
.general7 { left: 387px; }

.morning, .noon, .afternoon, .night { position: absolute; top: 110px; width: 80px; height: 40px; border: 0x solid gray; text-align: center; }
.morning { left: 20px; } 
.noon { left: 130px; } 
.afternoon { left: 243px; } 
.night { left: 355px; }

.morning_text, .noon_text, .afternoon_text, .night_text { position: absolute; top: 94px; width: 80px; height: 40px; border: 0px solid gray; text-align: center; color: white; font-size: 12px; font-weight: bold; font-style: italic; }
.morning_text { left: 20px; }
.noon_text { left: 130px; } 
.afternoon_text { left: 243px; } 
.night_text { left: 355px; }

.t0,.t1,.t2,.t3 { position: absolute; font-family: Arial; font-size: 15px; font-weight: bold; }
.t0 { top: 322px; left: 230px; }
.t1 { top: 268px; left: 158px; }
.t2 { top: 218px; left: 121px; }
.t3 { top: 290px; left: 150px; }
.min { color: blue; }
.max { color: red; }

.wind { position: absolute; top: 271px; right: 5px; border: 0px solid gray; text-align: center; color: white; }
.wind_dir { position: absolute; top: 29px; right: 32px; font-weight: bold; text-align: center; color: red; }

.description {
  position: absolute;
  left: 5px; top: 365px;
  color: white; 
}

.days-cover {
  position: absolute;
  width: 498px; height: 398px;
  background-color: white;
}

.dayaudio {
	position: absolute;
	top: 467px; right: 5px;	
	margin: 0; padding: 0;
}