﻿body {
    margin:0px;
    margin-top:5px;
    padding:0px;
	font-family: Verdana;
	background-image:url('images/background.png');
	background-color:#EBEBEB;
	background-repeat:repeat-x;
	text-align:left;
	line-height:1.7em;
}
h1
{
    color: #FF3300;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Verdana;
    margin-top: 23px;
    margin-bottom: 16px;
}

#provincia1{display:none;}
#dati_home{display:none;}
.scheda
{
    margin-top: 30px;
    text-decoration: underline;
}
a
{
    color: #388cb3;
    text-decoration: none;
    
}

a:hover {
	color:#388cb3;
	text-decoration:underline;
	
}


.Alignment
{
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    background-color: #FFFFFF;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}


.Data{
	width:150px;
	margin-right:20px;
	font-size: 0.9em;
	color:White;
	font-weight:bold;
	text-align:right;
	padding-top:5px;
	float:right;
	
}
.Cerca{
	width:500px;
	margin-left:10px;
	float:left;
	text-align:center;
	
}
.BarraOr{
	margin-top:5px;
	text-align:left;
	color:White;
	float:left;
	font-weight:bold;
}

.BarraOr a{
	color:#388cb3;
	
}
.BarraOr a:hover{
	color:White;
	
}
.Content{
    float:left;
    max-width:1024px;
    background-color:White;
}

.ColumnSx
{
    float: left;
    width: 160px;
    padding: 10px;
    padding-left:20px;
    text-align: left;
    background-color: #FFFFFF;
}
.ColumnDx
{
    float: right;
    width: 350px;
    text-align: center;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    
}


ul{
	margin-left:0px;
}

li{
	margin:0 0px 0 0px;
	padding: 5px 0 5px 10px;
	list-style-type: none;
	list-style-image: none;
	list-style-position:outside;
	display:block;
	color: Orange;
	font-size: small;
	font-weight:bold;
	border-bottom:1px #CCCCCC solid;
}
.menunews{
	
	padding: 5px 0 5px 10px;
	display:block;
	color: Orange;
	font-size: small;
	font-weight:bold;
	
}
.menunews a{
	padding: 5px 0 5px 10px;
	color: Orange;
	text-decoration:none;
	display:block;
    margin-left:0;
    border-bottom:1px #CCCCCC solid;
}
.menunews a:hover{
	background-color:#CCCCCC;
	color:White;
}
.menunews p{
	margin-bottom:-10px;
	
}

li a{
	padding: 5px 0 5px 10px;
	color: Orange;
	text-decoration:none;
	display:block;
    margin-left:0;
}

li a:hover{
	background-color:#CCCCCC;
	color:White;
}

.AreaRiservata {
	position:relative;
	float:left;
	width:640px;
}



.SilverArea {
    position:relative;
    float:left;
	margin-bottom:10px;
}
.News {
	position:relative;
	float:left;
	width:540px;
	
}
.NewsBox {
	text-align: left;
	width: 530px;
	float: left;
	padding:5px;
    background-color:#EFF3FB;
}
.NewsBox1 {
	text-align: center;
	width: 266px;
	float: right;
}



.titolo {
	width:540px;
	height:28px;
	color: #333333;
	text-align: left;
	background-image:url('images/Primo_Piano.jpg');
	background-repeat:no-repeat;
	margin-top: 2px;
}
.NewsDx 
{
    font-size:0.9em;
	padding-bottom: 4px;
	text-decoration:none;
	
}
.NewsArticoloDx 
{
    
    font-size:0.9em;
	padding-bottom: 2px;
	text-decoration:none;
	float:left;
	display:inline;
	margin-right:5px;
}

.Paginazione
{
    text-decoration: none;
    text-align: center;
    white-space: pre;
    table-layout: auto;
    
}
.Paginazione a
{
    text-decoration: none;
    font-weight: normal;
    font-variant: normal;
    
}


.Paginazione a:hover
{
    color: #FF9900;
    text-decoration: underline;
}
.MenuV 
{
    text-decoration:none;
    margin:0 5px 0 5px;
    padding: 5px 5px 5px 5px;
    font-weight:bold;
   	color:  Orange;
	border-bottom:solid 1px #CCCCCC;
	width:120px;
	display:block;
}
.MenuV a
{
    text-decoration:none;
    font-weight:bold;	
	color:  Orange;
	padding: 5px 5px 5px 5px;
	
}
.MenuV a:hover
{
    text-decoration:underline;
    background-color:#CCCCCC;
    color:White;
    font-weight:bold;}
    
    #logo
{
   padding-bottom: 10px;
}
@media (min-width:1023px) 
{
 .fissa
{
    position: fixed;
    text-align:center;
       
}

}
@media (min-width:769px) 
{

 .AreaContent
    {
        position: relative;
        float: left;
        max-width: 41%;
        padding: 20px;
        padding-top: 0;
        text-align: left;
        background-color: #FFFFFF;
    }
    .AreaContentRicerca
    {
        position: relative;
        float: left;
        max-width: 60%;
        padding: 20px;
        padding-top: 0;
        text-align: left;
        background-color: #FFFFFF;
    }
        
.banner336x280{width:320px;float:left;}
.banner1_336x280{width:350px;float:left;}
.Header
    {
        height: 110px;
        margin-left: 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #EEEEEE;
        }
.Footer{
	clear:both;
	max-width:100%;
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 20px 10px 10px 10px;
	background-color:#3687AE;
	color:White;
	font-size:0.9em;
	line-height:1.5;
	text-align:center;
	
}
.Footer a{
		color:White;
		font-size:0.9em;
}
#provincia{display:none;}


#logo1{display:none;}
#cerca{display:none;}
.Header1{
	height:29px;
	background-image:url('images/Header1.png');
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:Orange;
	background-repeat:no-repeat;
	text-align:left;
}
body {
    font-size: 0.8rem;
	
}
}     
@media (max-width:768px) 
{ 
  .AreaContent
    {
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        background-color: #FFFFFF;
    }
a {
	line-height:2em;
}
.dati{padding:10px;}
.dati1{padding:10px;}
.banner300x250{width:100%;float:left;padding-bottom:10px;text-align:left;display:none;}
.banner336x280{width:100%;float:left;padding-bottom:10px;text-align:center;}
.banner1_336x280{width:100%;float:left;padding-bottom:10px;text-align:left;}
#banner1{display:none;}
#regione{display:none;}
#cs{display:none;}
#cd{display:inline-block;width:96%;padding-top:0px;float:none;text-align:center;}
#logo{display:none;}
#dm{display:none;}
#dmp{display:none;}
#provincia
    {
        padding: 10px;
        background-color: #E1E1E1;
    }

.Header{
	height:110px;
	margin-left:0;
	
}
.Header1{
	height:90px;
	background-color:Orange;
	text-align:center;
	padding:10px;
	line-height:1.5rem;
}
.Footer{
	position:relative;
	clear:both;
	height:;
	max-width:100%;
	padding: 10px 10px 10px 10px;
	background-color:#3687AE;
	color:White;
	font-size:0.9em;
	line-height:1.5;
	text-align:center;
	
}
.Footer a{
		color:White;
		font-size:0.9em;
}
body {
    font-size: 0.9rem;
	
}






}
/* Structure Menu */
#mainmenu
{
    width: 100%;
    float: right;
    padding-top:47px;
}
#menu
{
    float: right;
     padding-right:20px;  
}

/*** Menu ***/
#mainmenu ul
{
    border-style: hidden;
    margin: 0px 0 0px 0px;
    float: left;
    width: 100%;
    list-style: none;
}
#mainmenu ul li
{
    float: left;
    margin: 0 0px 0 0;
    position: relative;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-style: hidden;
    
}
#mainmenu a
{
    color: #fff;
    display: block;
    font: 20px;
    padding: 8px 15px 8px 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #1CB01C;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-style: hidden;
}
#mainmenu a:hover
{
    background: #FC6F04;
    text-decoration: none;
}
	
	
	/* Button Responsive Menu*/
	.btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:  0px 20px 0 0;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.icon-bar 			{display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

	.show{display:block!important}

@media (min-width: 1201px) {

	/* Structure > 1200px */
	#mainmenu		{width: 60%;float:right;}
	#dmp{display:none;}
	
	 
}

@media (min-width: 769px) and (max-width: 1200px) {

	/* Structure 769 to 1000 */
	
	#mainmenu		{width: 60%;float:right;}
	#dmp{display:none;}
	

}


@media (max-width: 768px) {

	/* Structure  < 768 */
	
	#mainmenu
    {
        width: 100%;
        float: left;
        
    }
	
	
	/* Header */
	
	#mainmenu			{display:none;padding:0;}
	#mainmenu ul li
    {
        float: none;
        padding: 0px 10px 1px 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align:center;
    }
    #mainmenu ul li a	{-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;}
    
	#mainmenu ul
    {
        width: 100%;
        margin-left: -40px;
    }
		
	.btn-responsive-menu{display:block;}
	
	#menu
{
    float: left;
    width: 100%;  
}	
		
}



.banreat { padding:0px;text-align:center;}
@media(max-width: 499px) { .banreat { height:0px; } }
@media(min-width: 500px) and (max-width: 766px) { .banreat { text-align:center;padding:20px; } }
@media(min-width: 767px) { .banreat { height:0px; } }
.Reattiva { display: inline-block;}
@media(max-width: 400px) { .Reattiva { display:none;} }
@media(min-width: 500px) and (max-width: 766px) { .Reattiva { display: inline-block; width: 468px; height: 60px; } }
@media(min-width: 767px) { .Reattiva { display: none; } }

.Reattiva1 { display:inline-block;}
@media(max-width: 766px) { .Reattiva1 { display: inline-block; width: 300px; height: 250px; } }
@media(min-width: 767px) { .Reattiva1 { display: inline-block; width: 300px; height: 600px; } }

.Reattiva2 { display:inline-block;}
@media(max-width: 766px) { .Reattiva2 { display: inline-block; width: 300px; height: 250px; } }
@media(min-width: 767px) { .Reattiva2 { display: inline-block; width: 336px; height: 280px; } }

            
