@font-face {
  font-family: 'weathericons';
  src: url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.eot');
  src: url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.woff2') format('woff2'), url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.woff') format('woff'), url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.ttf') format('truetype'), url('/jsp2/_resources/_meteo/font/weathericons-regular-webfont.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
  
}

*
{
  margin: 0;
  padding: 0;
  outline: none;
}

body
{
	font-family: 'Ubuntu', sans-serif;
	overflow: hidden;
	background-color: #1995DC;
}

.nomeComune {
	text-transform: uppercase;
	font-family: 'Oswald',Arial,sans-serif;
	font-weight:  normal;
	font-size: 110%;
	color:#006699;
	background-color: transparent;
	width:250px;
	margin-top: -6px;
	border: 1px solid #FCFDFD;
	border-radius: 6px;
	margin-left:-6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}

.nomeComune:hover {	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);	border: 1px solid #DDD;}

div.widget
{
  position: relative;
  min-height: 150px;
  max-height:300px;
  background-color: #fcfdfd;
  /*border-radius: 12px;*/
  padding: 16px;
 /* padding-right: 30px;*/
  box-shadow: 0px 21px 25px -16px #080c21;
}

div.left-panel { 
	float:left;
	width:62%; 
	display:inline-block;
}

div.right-panel {
  float: right;

  text-align: center;
  width:35.8%;
  margin-right:2%;
  display:inline-block;
  margin-top: 40px;
}

div.descrizioneCondizioni {
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 5px;
  color: rgba(0,0,0,0.7);
  margin-bottom:10px;

}

div.temp {
	font-size: 250%;
	margin-bottom:30px;
}

div.label {color: #666666; font-size: 60%;}

div.panel { 
	display: inline-block;
}

div.right-panel:after {
clear:both;
}

.condition {
	height: 90px;
	background-repeat: no-repeat;
	background-position: center -26px;
}

.skyConditionCode2 /*Molto nuvoloso*/ {
	background-image: url(../_images/icone_meteo4/molto_nuvoloso.png);
}

.skyConditionCode3 /*Cielo sereno*/ {
	background-image: url(../_images/icone_meteo4/cielo_sereno.png);
}

.skyConditionCode6 /*Pioggia forte*/ {
	background-image: url(../_images/icone_meteo4/pioggia_forte.png);
}

.skyConditionCode8 /*Pioggia debole*/ {
	background-image: url(../_images/icone_meteo4/pioggia_debole.png);
}

.skyConditionCode9 /*Nevicata debole*/ {
	background-image: url(../_images/icone_meteo4/nevicata_debole.png);
}

.skyConditionCode11  /*Nuvoloso*/ { 
	background-image: url(../_images/icone_meteo4/nuvoloso.png);
}

.skyConditionCode16  /*Parzialmente nuvoloso*/ { 
	background-image: url(../_images/icone_meteo4/parzialmente_nuvoloso.png);
}

.skyConditionCode17  /*Pioggia moderata*/ { 
	background-image: url(../_images/icone_meteo4/pioggia_moderata.png);
}

.skyConditionCode18  /*Pioggia e neve*/ { 
	background-image: url(../_images/icone_meteo4/pioggia_misto neve.png);
}

.skyConditionCode20 /*Rovesci*/{ 
	background-image: url(../_images/icone_meteo4/rovesci.png);
}

.skyConditionCode22 /*Soleggiato*/{ 
	background-image: url(../_images/icone_meteo4/soleggiato.png);
}

.skyConditionCode23 /*Temporali*/{ 
	background-image: url(../_images/icone_meteo4/temporali.png);
}

.skyConditionCode24 /*Instabile*/{ 
	background-image: url(../_images/icone_meteo4/instabile.png);
}

.skyConditionCode29 /*Ventoso*/{ 
	background-image: url(../_images/icone_meteo4/ventoso.png);
}

.skyConditionCode30 /*Vento e pioggia*/{ 
	background-image: url(../_images/icone_meteo4/vento_pioggia.png);
}

#temperatura {
	width:30%;
	float:left;
	margin-right:5%;
	color: #666666;
}

.minima {
	color: #0066CC;
}
.massima {
	color: #CC0000;
}
#umidita {
	width:30%;
	float:left;
	color: #666666;
} 

.conditionCode3::before { 
/*Cielo sereno
	font-family: 'weathericons';
	display: inline-block;
	content: "\f00c";
	font-size:40;
	*/
}

#agg, #arpa {clear:both;color: #666666; font-size: 70%; margin-bottom:10px;}

#agg:before {clear:both;}
#agg {margin-top:10px;}

#sfoglia {clear:both;color: #666666; font-size: 70%; margin-bottom:10px;}

#sfoglia a.selected {
	color: #669933;
}

#agg a, #arpa a, #sfoglia a{color:#1995DC; text-decoration:none;}
#agg a:hover, #arpa a:hover, #sfoglia a:hover{
	color: #CC0000;
}

@media (max-width: 1600px) {
div.right-panel {
/*float:none;*/
position:absolute;
top: 0px;
right:0px;}

div.temp{
	font-size: 160%;
}
}