/* AGROMETEO */


/* schermi piccoli */
.boxMappa {	
	padding: 0;
	vertical-align: top;}
	
.boxMappaSx {	
	padding: 0;
	vertical-align: top;}

.boxMappaDx {
	padding: 0;
	vertical-align: top;}

.boxLegenda {
	padding: 10px 0 0 0;
	margin: 0;
	vertical-align: top;}

.boxLegendaLocali {
	padding: 0;
	margin: 0;
	vertical-align: top;}

.boxLegendaBig {
	clear: both;
	padding: 0;
	margin-top: 10px;}

.boxLegendaBig img {
	max-width: none !important;
	max-height: none !important;}
            
.tabellaPrevisioni { 
	display: block; 
	margin: 0; 
	padding: 0; 
	border: 0;}

.tabellaPrevisioni .riga { 
	clear: both; 
	display: block; 
	margin: 0;
	padding: 0;}

.tabellaPrevisioni .colonna { 
	display: block;
	margin: 0;
	padding: 0;}

.tabellaPrevisioni .colonna iframe, .boxMappa iframe, .boxMappaPrev iframe, .boxPrevLocali iframe { 
	width: 100% !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;}

.divContent {
	width: 100%;
	margin-top: 10px;
	clear: both;
	overflow: hidden;}

.tabLegenda { 
	margin: 0; 
	padding: 0; 
	border: 0;
	width: 100%;}

.tabLegenda tr { 
	width: 100%;} 

.tabLegenda td { 
	color: #322F2A;
    font-size: 0.9em;
    padding: 0;}

.tabLegenda td.w10 { 
	width: 10%;}

.tabLegenda td img { 
	max-width: none !important;
	max-height: none !important;
	margin: 0;}

.boxMappaPrev {	
	padding: 0;
	vertical-align: top;	
	margin-right: 0;}

.boxPrevLocali {
	padding: 0;
	vertical-align: top;}			
			
.menuPrev {
	padding: 0;
	margin: 0;}

.menuPrev ol {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
.menuPrev ol li  {
	list-style-type: none;
	margin: 0;
	padding: 7px 0 7px 14px;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 0.8em;
}

.menuPrev ol li a{
	margin-left: 3px;
	}
			
.menuPrev ol li a:hover {
	text-decoration: underline;}			
			
.BoxAgrometeo {
	margin: 0; 
	color: #322F2A;}

.BoxAgrometeo img{
	max-width: none !important;
	max-height: none !important;}

.none {
	display: none;}

.divValidita {
	float: left;
	clear: both;
	padding: 0;
	margin-top: 10px;
	width: 100%;}

.tabValidita { 
	margin: 0 0 20px 0; 
	padding: 0; 
	border: 0;
	width: 100%;}

.tabValidita th { 
	width: 100%;
	color: #322F2A;
	font-weight: bold;
	background-color: #dfdfdc;
	font-size: 0.9em;
	padding: 0.5em;} 

.tabValidita td { 
	color: #322F2A;
    font-size: 0.8em;
    line-height: 20px;
    padding: 0.5em;}

.tabValidita td img { 
	max-width: none !important;
	max-height: none !important;
	margin: 0;}

.borderTop { 
	border-top: 5px solid #fff;}

.right { 
	text-align: right;}

.center { 
	text-align: center;}


.BoxContent .BoxRan {
	background:url(TemplatesUSR-Site-img/Temi/Box/BoxGrigio4.jpg) 0 100% no-repeat; padding:15px 15px 15px 15px; }

.bluButtSelezione {
	color: white;
	background-color: #025066;
	padding: 0.3em;
	font-family: ArialRoundedMtBold;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 25px;
}	

	
.viewTableHRCellTextUno, .viewTableHCCellTextUno {
    background-color: #DEE9FA;
    font-size: 0.7em;
    font-weight: bold;
    padding: 4px;
    text-align: left;}

.Novita-BoxZone {
	position: relative;
	overflow: hidden;
	margin-top: 0%;
	padding: 0;
	min-height: 270px; 
	background-color: #E9F0F6;
	border-radius: 0 0 10px 0; }
	
.Novita-BoxZone h2{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0.4em;
	font-family: ArialRoundedMtBold;
	font-size: 1em;
	font-weight: normal;
	background-color: #B7D8D6;
	line-height:35px;}
	
.Novita-BoxZone h2 a{
	color: #112E2C;
	text-decoration: none;
	display: inline;}
			
.Novita-BoxZone h2 a:hover {
	text-decoration: underline;}

.TabElenco ol {
    list-style-type: none;
    margin: 0;
    padding: 0;}

.TabLink ol {
    color: #2F2C2C;
    list-style-type: none;
    margin: 0;
    padding: 0px;}

.TabLink ol {
    color: #2F2C2C;
    list-style-type: none;
    margin: 0;
    padding: 0px;}

.TabLink li {
    color: #2F2C2C;
    margin: 0;
    padding: 0 0 4px;}

.box2 {
    width: 100%;
    height: 50px;
    border-radius: .40em;
    background: #7cb7df;
	text-align: center; /* orizzontale */
    line-height: 13px; /* verticale */
	padding-top : 15px;
    font-size: 0.7em;
	color: #ffffff;}

.titMappe {
 	background-color:#eaeaea;
	clear:both;
	padding:8px;
	border-top:1px solid #FFF;
	white-space:nowrap;
	font-size:1.2em;
	text-align:center;
	vertical-align:top;} 

.Novita-BoxRan {
	position: relative;
	overflow: hidden;
	margin-top: 0%;
	padding: 0;
	min-height: 270px; 
	background-color: #E9F0F6;
	border-radius: 0 0 10px 0; }
	
.Novita-BoxRan h2{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0.4em;
	font-family: ArialRoundedMtBold;
	font-size: 1em;
	font-weight: normal;
	background-color: #B7D8D6;
	line-height:35px;}
	
.Novita-BoxRan h2 a{
	color: #112E2C;
	text-decoration: none;
	display: inline;}
			
.Novita-BoxRan h2 a:hover {
	text-decoration: underline;}


.tabMenu a {
	background-color: #f7f5f5;
	border-bottom: 1px solid #95DBFD;
	color: #000000;
	font-weight: bold;
	line-height: 2.2em;
	margin: 0 8px 0 0;
	padding: 2px 8px;
	text-decoration: none !important;}

.tabMenu a:hover {
	text-decoration: none;}

.tabAgro {
	font-size: 0.9em !important;
}
.tabAgro th, .tab {
	font-size: 0.9em !important;
}

.tabLegenda .tabAgro td {
	font-size: 1em;}

.tabLegenda .tabAgro tr {
	width: auto;}
	
	
.tabSuolo{
	width: 80%;
	font-size: 0.7em;
	background-color: #ffffff;
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 2px;}

.tabSuolo th {
	width: 50%;
	margin: 0;
	border: 1px solid #CCCCCC;
	background-color: #DEE9FA;
	font-weight: bold;
	padding: 0.4166em;
	text-align: left;}

.tabSuolo td {
	margin: 0;
	text-align: left;
	color: #2F2C2C;
	padding: 0.4166em;
	border: 1px solid #CCCCCC;
	vertical-align: top;}

.tabLegenda .tabSuolo td {
	font-size: 1em;}

.tabLegenda .tabSuolo tr {
	width: auto;}

.boxLegendaBig table {
	display: block;
	position: relative;
	width: 100%;}

.boxLegendaBig table tbody {
	display: block;
	width: auto;
	position: relative;}
	
.boxLegendaBig table tbody tr {
	display: block;}
	
.boxLegendaBig table caption {
	display: block;
	margin: 0;
	background-color: #EEEEEE;
	font-size: 0.9em;
	padding: 1em 0.4em;
	color: #322f2a;
	line-height: 20px;	
	font-weight: bold;
	text-align: left;}
	
		
#tabAgroUno {
	border-collapse: collapse;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px;}

#tabAgroUno th, #tabAgroUno td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-left: 2px;
	padding-right: 2px;}

#tabAgroUno tr.even th, #tabAgroUno tr.even td {
	background-color: #ffffff;}

#tabAgroUno tr.odd th, #tabAgroUno tr.odd td {
	background-color: #ffffff;}

/*.viewLeg, .viewParCell, .viewLI {
	color: #2F2C2C;
	font-size: 0.8em;
	padding: 2px 10px 0 0;}*/

.sfGrigio {
	background-color: #F8F4FF;
	padding: 10px;
	margin: 10px 0 0 0;}

.grigioBollettino {
	background-color: #F8F4FF;
	padding: 10px 0;}

.linkLargo a {
	margin: 0 20px;}

.linkBold {
	font-weight: bold;}

.grigio{
	background-color: #F8F4FF;}

.grigioch{
	background-color: #f3f8fc;}

.color1{
	background-color: #f6f6f6;}

.color2{
	background-color: #f9f9ff;}

.color3{
	background-color: #f9f9ff;}

.buttonG {
    background-color: #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
	font-size: 1.5em !important;
	color: #000000 !important;
    }

.buttonG:hover {
   background-color: #DDDDDD;}
   
.buttonGOss {
    background-color: #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
	font-size: 1.0em !important;
	color: #000000 !important;
    }

.buttonGOss:hover {
   background-color: #DDDDDD;}
   
  
.buttonGSel {
	text-decoration: none; 
    background-color: #C0BFBF;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
	font-size: 1.5em !important;
    color: #000000 !important;}
	
.buttonGSel:hover {
text-decoration: none; 
background-color: #C0BFBF;
cursor: context-menu;}

.buttonGSel:active {
text-decoration: none; 
background-color: #C0BFBF;
cursor: context-menu;}


.viewTableCellTextRan {
    color: #2F2C2C;
    font-size: 0.7em;
    padding: 2px 1px;
    text-align: right;}

/*.viewTableHRCellText, .viewTableHCCellText {
    background-color: #DEE9FA;
    border: 1px dashed #95C0EC;
    font-size: 0.7em;
    font-weight: bold;
    padding: 5px;
    text-align: left;}

.viewTableHRCellTextRan, .viewTableHCCellTextRan {
    background-color: #DEE9FA;
    border: 1px dashed #95C0EC;
    font-size: 0.7em;
    font-weight: bold;
    padding: 4px;
    text-align: right;}
*/
.scheda-titolo {
    background-color: #FFFFFF;
    /*background-image: url("http://testmipaaf.sian.it/flex/TemplatesUSR/Site/IT/TemplatesUSR-Site-img/Temi/sf_scheda.jpg");*/
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    font-size: 75%;
    font-weight: bold;
    margin-bottom: 15px;
    margin-right: 20px;
    padding: 4px 80px 3px 7px;}			
			
.button {
	display: inline-block; /* opzionale */
	outline: none;
	cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
	text-align: center; /* allineiamo il testo al centro */
	text-decoration: none;  /* senza decorazioni perchè non ci piace :P */
	font: 12px/100% Arial, Helvetica, sans-serif;  /* definiamo il font */
	padding: .5em 1em .55em;  /* un pò di padding */
	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un pò di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
	-webkit-border-radius: .5em;  /* i bordi impostati per i browser che utilizzano il webkit */
	-moz-border-radius: .5em;  /* i bordi impostati per mozilla firefox */
	border-radius: .5em;  /* per tutto il resto (su ie non funziona) */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un pò di ombra per i browser webkit */
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
	margin-left: 10px;
	margin-right: 10px;
	white-space:nowrap;}

.bluButtonBase {
    	display: inline-block; /* opzionale */
    	outline: none;
    	cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    	text-align: center; /* allineiamo il testo al centro */
    	text-decoration: none;  /* senza decorazioni perchè non ci piace :P */
    	font: 12px/100% Arial, Helvetica, sans-serif;  /* definiamo il font */
    	padding: .5em 1em .55em;  /* un pò di padding */
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un pò di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
    	-webkit-border-radius: .5em;  /* i bordi impostati per i browser che utilizzano il webkit */
    	-moz-border-radius: .5em;  /* i bordi impostati per mozilla firefox */
    	border-radius: .5em;  /* per tutto il resto (su ie non funziona) */
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un pò di ombra per i browser webkit */
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
    	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
		margin-left: 10px;
		margin-right: 10px;
		white-space:nowrap;}
	
.bluButt {
    	color: white; /* il colore del testo */
    	border: solid 1px #172983; /* il bordo del colore che vogliamo */
    	background: #006ab3; /* un background di base */
		padding: 3px 5px;
}

.buttNav {
    	color: white; /* il colore del testo */
    	border: solid 1px #434343; /* il bordo del colore che vogliamo */
    	background: #dcdcdc; /* un background di base */
		padding: 1px 3px;
}
 
/* poi definiamo il css quando si passa sopra il tasto con il mouse */
.bluButt:hover {
		background: #006ab3; /* colore più scuro */
}

/* infine definiamo il css per quando si clicca il tasto */
.bluButtActive {
    	color: white; /* il colore del testo */
    	border: solid 1px #172983; /* il bordo del colore che vogliamo */
    	background: #006ab3; /* un background di base */
}

.viewParUno, .viewParCellUno, .viewLIUno {
	font-size: 0.7em;
	padding: 1em 0.4em;
	color: #322f2a;
	line-height: 20px;
	width: 98.5%;}

.viewParUno a, .viewParUno a:hover {
	padding: 0 0.5em;
	color: #322f2a;}

.viewParCellDue, .viewLIDue {
	font-size: 0.9em;
	padding: 1em 0.4em;
	color: #322f2a;
	line-height: 20px;
	width: 98.5%;}

.viewParDue {
	font-size: 0.9em;
	padding: 0 10px;
	color: #322f2a;
	line-height: 20px;}

.viewParDue a, .viewParDue a:hover {
	line-height: 35px;}

.containerDivAgro {
   padding: 0;
   line-height: 0;
   margin-top: 5%;
   width: 98%;}

.des {  
	float: left;}

.w32 {  
	width: 32%;}

/*.BLOBAlignCenter {
	overflow: hidden;
	text-align: center;}

.BLOBVAlignMiddle {
	display: inline-block;
	margin: 0 0 1em 0;}

.viewPar {
    clear: both;}
*/
#tab {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #06C;
    font-size: 1.2em;
    line-height: 30px;}

#tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto !important;
    margin-bottom: 1px;}

#tab li {
    margin-right: 8px;
	margin-top: 8px;
    padding: 0;
    color: #FFFFFF;
    background-color: #036;
    float: none !important;}

#tab a {
    display: block;
    padding: 0.2em 0.5em;
    color: #FFFFFF;
    text-decoration: none;}

#tab #current{
    background-color: #06C;
	padding: 0.2em 0.5em;
}

#tab #current a {
	padding: 0.2em 0.5em;}
	
#tab .torna {
	float: right;
}
#tab .torna a {
	background-color: #65dde0;
    border-color: #50d8dc;
    color: #004a4d;
}



.viewParDue.color1.linkLargo.center em {
    display: block;}

h1.viewTitle {
    margin:  1em 0 0 0;}

/*.viewPar {
    padding: 1em 0.4em 0 0.4em}
	*/
	
/*tab cop suolo*/
.tabCopertura {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.tabCopSuolo th{
	text-align: left;
	vertical-align: middle;
}
	
.tabCopSuolo td{
	text-align: left;
}

.tabCopSuolo td.right {
	text-align: right;
}

.tabCopSuolo td.border {
	border-top: 3px solid #d6dce3;
	border-bottom: 2px solid #d6dce3;
}

.tabCopSuolo .bold {
	font-weight: bold;
}
	
.tabCopSuolo td.borderTop {
	border-top: 3px solid #d6dce3;
}
		
/*fine tab cop suolo*/


	
/*tab osservatorio*/		
#tabOss {
    margin: 0;
    padding: 0;
    margin-left: 5px;
    float: left;
    width: 99%;
    border-bottom: 1px solid#11377A;
    font-size: 50%;
    font-weight: bold;
    line-height: 29px;}

#tabOss ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto !important;
    margin-bottom: 1px;}

#tabOss li {
    margin: 0;
    margin-right: 8px;
    padding: 0;
    color: #FFFFFF;
    background-color: #113b73;
    float: none !important;}
	

#tabOss a {
    display: block;
    padding: 2px 9px 0px 9px;
    color: #FFFFFF;
    text-decoration: none;}

#tabOss #current{
    background-color: #144384;}

#tabOss #current a {
padding: 2px 9px 0px 9px;}			


.buttonDiv {
    font-size: 0.8em;
    margin: 0 0 0 1px;
}
	
	

@media only screen and (max-width: 480px) {	

/*legenda*/	
.boxLegendaBig table tbody {
	white-space: nowrap;}
	
.boxLegendaBig table td {
	display: block;}
	
.boxLegendaBig table td.viewPar  {
	padding: inherit;
	width: auto !important;
	text-align: center;}
	
.boxLegendaBig table td.viewPar img  {
	margin: 10px 0 0 0;}
/**/
	
.BLOBVAlignMiddle {
	margin: 0;}	

.BLOBVAlignMiddle img {
	display: block;}
	
}



@media only screen and (max-width: 800px) {	

.tabAgro {
	display: block;
	position: relative;
	width: 100%;
	overflow-x: auto;}
	
.boxLegendaBig table tbody {
	overflow-x: auto;
	display: -webkit-box;}
	
.tabValidita {
	display: block;
	position: relative;
	width: 100%;}

.tabValidita tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;}
	
.tabValidita thead {
	display: block;
	text-align: left;} 
	
.tabValidita thead tr {
	display: block;}	
	
.tabValidita td {
	vertical-align: top;}
	
form .tabValidita textarea {
	width: 90% !important; }
    
}



@media screen and (min-width: 768px) {
.sin {  
	float: right;} 
    
h1.viewTitle {
    margin: 0;}
    

/*.viewPar {
    padding: 1em 0.4em;}
*/
.tabCopertura {
	width: 47%;
	margin-right: 15px;}

}


@media screen and (min-width: 1024px) {

.scroll-object object {	
	overflow: hidden;
	height: 340px;
	width: 294px; }	
	
.tabellaPrevisioni { 
	display: table; 
	width: 602px; 
	float:left;}

.tabellaPrevisioni .riga { 
	display: table-row; 
	width: 100%;}

.tabellaPrevisioni .colonna { 
	float: left; 
	width: 49%; 
	display: table-cell;
	margin-right: 1%;}
	
.boxMappa {
	float: left;
	width: 550px;
	margin-right: 20px;}
	
.boxMappaSx {
	float: left;
	margin-right: 20px;}
	
.boxMappaDx {
	margin-left: 20px;}
	
.boxMappaPrev {
	float: left;	
	width: 100%;}
	
.menuPrev {
	float: left;
	width: 19%;}

.menuPrev ol {
	padding: 0 0 0 15px;}
	
.boxLegenda {
	float: left;
	width: 22%;
	padding: 0;}
	
.tabLegenda td { 
    padding: 0 0.3em;}
	
.tabLegenda td img {
	padding-left: 10px;}
	
.BoxAgrometeo {
	/*width: 28%;*/
	width: 29%;
	float: left;
	margin: 5px 5px 0 0;
	background-color: #E9F0F6;
	margin-bottom: 10px;}
	
.viewParDue {
	padding: 1em 0.4em;
	width: 98.5%;}
    
.viewParDue.color1.linkLargo.center em {
    display: inline;}
	
.grigioBollettino {
	padding: 20px;
	min-height: 350px;}
	
.boxPrevLocali {
	float: left;
	width: 410px;}	
	
.boxLegendaLocali {
	float: left;
	width: 48%;}
	
.sfGrigio {
	margin: 0;}
	
.Novita-BoxRan {
	width: 29%;
	float: left;
	margin-top: 4%;}
	
.menuscelta {
	font-weight: bold;
			}
			
.boxTestoEventi {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	background-color: #E9F0F6;
	padding: 10px 10px  10px  10px ;
	font-size: 0.9em;
				}
    
#tab ul {
    height: 29px !important;}

#tab li {
    float: left !important;}
	
#tabOss ul {
    height: 29px !important;}

#tabOss li {
    float: left !important;}

	
}