body{
 background-color: #FBFDFD;
 color: #474747;
 z-index: 0;
 position: relative;
} 
body.zoom{ background-color: #1C0202;}
.corpo{ background-color: #FBFDFD;   }
 
 
a.scuro{ color:#5362A0;} 
a.scuro:active{color:#5362A0;}
a.scuro:visited{color:#5362A0;}

a.chiaro{ color:#ffffff;} 
a.chiaro:active{color:#ffffff;}
a.chiaro:visited{color:#ffffff;}
a.chiaro:hover{ color: #000000; background-color: #E9C04F; width:100%; height:100%; display: block;}

a.bianco{ color:#ffffff;} 
a.bianco:active{color:#ffffff;}
a.bianco:visited{color:#ffffff;}
a.bianco:hover{ color: #FFE7A3;   width:100%; height:100%; display: block;}



a.menub{ color:#ffffff;  width:100%; height:100%; display: block;   padding-left: 12px; padding-right: 12px; padding-top:4px; } 
a.menub:active{color:#ffffff;   width:100%; height:100%; display: block;    padding-top:4px; }
a.menub:visited{color:#ffffff;   width:100%; height:100%; display: block;    padding-top:4px; }
a.menub:hover{ color: #000000; background-color: #E9C04F; width:100%; height:100%; display: block;    padding-top:4px; }

 

div.calendario{ max-width: 550px; margin-bottom: 10px; margin: 0 auto;}
div.spettacoli { border: 1px solid #7A7A7A; padding: 12px; font-size: -1;}
div.data{  float: left; text-align: center; width: 64px; font-size: 12px;font-weight: bold; background-color: #50BAA6; padding: 3px; margin: 4px; }
div.app{ float: left; text-align: center; width: 170px;  background-color: #F1EED2; margin: 4px; padding: 3px; box-shadow: 4px 4px 4px #4B4F63; }
div.logo.banners{background-color: #ECECE4;}
div.scuro{background-color: #4A4A4A; padding: 0;}
div.calData{display: inline-block;}
.notizia { text-align: justify; margin-left: 0px;}
div.logo{   background-color: #FBFDFD;  background-repeat: no-repeat; background-size: cover;  background-position: center center;  }
div.sp-oriz-top{margin-bottom: 3px; margin-top: 3px; text-align: center;}
div.azienda{background-color: #F7E5BA;padding: 6px;}
.schedadx{background-color: #ECECE4; padding-left:0px; padding-right: 0px; padding-top: 6px;  padding-bottom: 6px; height: 100%;}
.navigator{max-width: 320px; margin: 0 auto;}

div.logo{ min-height: 120px; background: url(../album/sfondo-testa.jpg) center bottom; background-size: cover; padding-top: 24px;}

.eventiHome{float: left; margin-left: 9px;}

.menuColonna {background-color: #ECECEC; min-width: 130px; margin-right: 30px; padding-left:  0px; padding-right: 0px;}
.colonna {background-color: #ECECEC; min-width: 130px;   padding-left:  0px; padding-right: 0px;}

.primaimg{  vertical-align: middle;   max-width: 100%;  clip: rect(100%, 100%);  }


.prima{ background-color: #383838; padding: 0px; text-align: center; max-height: 500px;  margin:  auto; overflow: hidden; position:relative; z-index:0; }

.primaimga{  z-index: 1; position:inherit; margin: auto; height:380px; }
.primaimgb{z-index: 1; position:inherit; background: url(../album/sondopromanot.png)  ; margin-top:0px;  height: 48px;}
.primaimgc{z-index: 0; position:inherit; background-color: #50BAA6; padding-left: 30px; padding-right:30px; padding-bottom:6px; color: white; }
.primaimgd { z-index: 0; position:inherit; background-color: #F3F3F3; margin-bottom: 12px;}

.tmbNewsHome{max-height: 500px; overflow: hidden; }

.elencoNews{background-color: #50BAA6; padding: 6px; color: white;}

.imgElengoNewa{ max-height: 250px; overflow: hidden; padding-top: 12px;}

.comunity{padding-left: 10px; }
.medium-2.columns.menusx{margin-left:  0px; padding-left:  0px; margin-right: 0px; padding-right: 0px;}


#map { height: 500px; margin-left:15px; margin-right:15px; }

h1.home{  color: #292B38; font-size: 16px;    margin-right:10px; font-style: italic; }
h2{font-size: 1.2em; font-weight: bold;}
h2.datan {	font-size: 1.5em; }
h2.zoom{ font-size: 12px;}
h2.scheda{font-size: 0.8em; color: #616161;margin-left: 6px; margin-top: 2px;}
h3.datan { 	font-size: 11px; text-align:justify; font-weight:bold; }
h3.home{font-size: 12px; font-weight: bold; font-style: italic; }
h4{font-size: 1.0em; font-weight: bold;}

p.datan{font-size:17px; font-weight: bold; padding: 2px; margin: 0px; color: #FD9833;  }
p.pie {padding: 6px;}
p.desc{font-size: 0.9em; text-align: justify;}
p.link{ font-size: 0.7em;}

img.logo{min-height: 48px; min-width: 48px; margin-top: 6px; margin-bottom: 6px;}
img.tmbArt {max-height: 120px; max-width:120px; margin: 20px;}
img.bantesta{ max-width: 270px;   margin-top:12px;  }
.fototop{ padding:0; min-height:96px; margin-top: 0px; vertical-align: middle; max-height: 600px;  overflow-y: hidden; z-index: 0px; position: relative; border-radius: 3px;}


footer  {background-color: #42424F; color: #ffffff; padding-top: 12px; width:100%; }

.bexchange{ width: 250px; height: auto;}
.barraScura {margin-bottom: 0px;}
.barraScura li {display: inline-block;    border-right:    solid 1px; padding:0px;  margin-bottom:6px;  min-width:130px; font-size:16px; }
 
  li.vertical1{background-color: #F8F9F8; margin:1px;} 
li.vertical1:hover{background-color: #FAF7E9; margin:1px;} 
     li.vertical2{background-color: #DFE2EE; margin:1px; box-shadow: 4px 4px 4px #575B73; font-size:14px; } 
li.vertical2:hover{background-color: #FAF8E9; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
a.vertical2{background-color: #F0F1F4; margin:1px; box-shadow: 4px 4px 4px #575B73; font-size:14px; }
        li.vertical3{background-color: #DFE2EE; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
li.vertical3:hover{background-color: #FAF7E9; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
        li.vertical4{background-color: #D8D8E6; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
li.vertical4:hover{background-color: #FAF7E9; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
        li.vertical5{background-color: #D2D1DC; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
li.vertical5:hover{background-color: #FAF7E9; margin:1px; box-shadow: 4px 4px 4px #575B73;} 
 
 #pulsante {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #656565;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
 background: -webkit-linear-gradient(top,  #A9A9A9,  #E3E3E3);
 background: -moz-linear-gradient(top,  #A9A9A9,  #E3E3E3);
 background: -ms-linear-gradient(top,  #A9A9A9,  #E3E3E3);
 background: -o-linear-gradient(top,  #A9A9A9,  #E3E3E3);
 background: linear-gradient(top,   #A9A9A9,  #E3E3E3);
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#pulsante:hover {
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
 background: -webkit-linear-gradient(top,  #E3E3E3,  #A9A9A9);
 background: -moz-linear-gradient(top,  #E3E3E3,  #A9A9A9);
 background: -ms-linear-gradient(top,  #E3E3E3,  #A9A9A9);
 background: -o-linear-gradient(top,  #E3E3E3,  #A9A9A9);
 background: linear-gradient(top,   #E3E3E3,  #A9A9A9);
}
  input#furbo { display: none; }  

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

	
ul.menusx{   background-color: #FBFDFD; font-size: 12px; font-weight: bold; min-width:170px;}
li{margin-top: 0px; margin-bottom: 0px;}
h1.home{  color: #292B38; font-size: 20px; margin-top: 18px; margin-right:24px;  font-style: italic;}
p.datan{font-size:17px; font-weight: bold; padding: 2px; margin: 0px; color: #FD9833;   }
h2.datan {	font-size: 2em; }
h3.datan { 	font-size: 1em; }
img.bantesta{max-width: 270px; margin-top:12px; margin-right: 10px;}
.bexchange { width: 468px; height: auto;}
 .menuColonna{margin-right:0px; padding-left: 0px; padding-right: 0px;}
 .colonna {background-color: #ECECEC; min-width: 130px;   padding-left:  0px; padding-right: 0px;}
 .barraScura {margin-bottom: 0px;}
 .barraScura li {display: inline-block;  margin: 0px; border-right: #777777 solid 1px;   min-width:10px; }
 div.logo{ height: 110px; }
 .corpo{ background-color: #FBFDFD; padding-top:20px; padding-left:0px;  padding-top:20px;  }
 .medium-2.columns.menusx{margin-left:  0px; padding-left:  0px; padding-right: 0px;}
 .tmbNewsHome{max-height: 500px; height:100%;}
 
 @media screen and (min-width: 640px) {
	
ul.menusx{   background-color: #FBFDFD; font-size: 12px; font-weight: bold; min-width:170px;}
li{margin-top: 0px; margin-bottom: 0px;}
h1.home{  color: #292B38; font-size: 20px; margin-top: 18px; margin-right:24px;  font-style: italic;}
p.datan{font-size:17px; font-weight: bold; padding: 2px; margin: 0px; color: #FD9833;   }
h2.datan {	font-size: 2em; }
h3{font-size: 24px;}
h3.datan { 	font-size: 1em; }
img.bantesta{max-width: 270px; margin-top:12px; margin-right: 10px;}
.bexchange { width: 468px; height: auto;}
 .menuColonna{margin-right:0px; padding-left: 0px; padding-right: 0px;}
 .colonna {background-color: #ECECEC; min-width: 130px;   padding-left:  0px; padding-right: 0px;}
 .barraScura {margin-bottom: 0px;}
 .barraScura li {display: inline-block;  margin: 0px; border-right: #777777 solid 1px;   min-width:10px; }
 div.logo{ height: 110px; }
 .corpo{ background-color: #FBFDFD; padding-top:20px; padding-left:0px;  padding-top:20px;  }
 .medium-2.columns.menusx{margin-left:  0px; padding-left:  0px; padding-right: 0px;}
 .tmbNewsHome{ vertical-align:middle; text-align:center;background-color:#E2E2E2; height: 150px;  overflow: hidden;}
}
}  

.dati_azienda >ul >li{ margin-bottom: 9px;}

.orario {
        background-image: url(../album/orario-orange.png);
        background-repeat: no-repeat;
       width: 24px;
       margin-right: 6px;
        }

.scheda_commerciale {
        margin-bottom:30px;
        background-color:#feebd6;
        overflow:hidden;
	     
        }
        
.fascia_scheda {
	    padding:12px 20px 12px 72px;
        background-color: #666;
        font-weight:600;
        text-transform: uppercase;
        color:#fff;
        width:100%;
        float:left;
        }
        .fascia_scheda h4 { font-size:26px;}
        
        
.descrizione_azienda {
        background-color:#fff;
        padding:25px 30px 40px 30px;
        min-height: 300px;
        width:55%;
        float:left;}
        
            
.descrizione_azienda h5 {
        font-size:17px;
        font-weight:bold;
        margin-top:0;
        padding-top:0;
        }
        
.descrizione_azienda p {
        font-size:15px;
        padding-bottom:10px;
        }
        
.descrizione_azienda span {
        display:block;
        font-size:12px;
        color:#999;
        font-style: italic;
        line-height: 1.3;
        }
        
 .freccia {
        display:none;
        }
 
.dati_azienda {
        padding:22px 20px 40px 20px;
        width:45%;
        float:left;
        background: transparent;}
        
.dati_azienda ul{
        padding:0;
        margin:0;
        list-style-type: none;
        }
        
.dati_azienda li{
        padding-bottom:3px;
        display: inline-flex;
        min-width: 200px;
        }   
        
.dati_azienda li:first-child {
        padding-top:0px;
        }

.dati_azienda li:first-child a {
        height:30px;
        }
        
.dati_azienda a {
        display: inline-flex;
        width:26px;
        height:26px;
        }
        
.dati_azienda span{
        font-size:14px;
        padding:3px 0px 3px 5px;;
        line-height: 1.2;
        }
        
.mappaoff {
        background-image: url(../album/mappa_orange.png);
        background-repeat: no-repeat;
       width: 24px;
       margin-right: 6px;
        }
              
        
.mappa {
        background-image: url(../album/mappa_orange.png);
        background-repeat: no-repeat;
        cursor:pointer;
        }
        
.mappa:hover {
        background-image: url(../album/mappa_green.png);
        }
 .telefonooff {
        background-image: url(../album/telefono_orange.png);
        background-repeat: no-repeat;
       width: 24px;
       margin-right: 6px;
        }       
.telefono {
        background-image: url(../album/telefono_orange.png);
        background-repeat: no-repeat;
        cursor:pointer;
        }

.telefono:hover {
        background-image: url(../album/telefono-green.png);
        }
        
.smartphoneoff {
        background-image: url(../album/smartphone-orange.png);
        background-repeat: no-repeat;
       width: 24px;
       margin-right: 6px;
        }        
        
.smartphone {
        background-image: url(../album/smartphone-orange.png);
        background-repeat: no-repeat;
        cursor:pointer;
        }
        
.smartphone:hover {
        background-image: url(../album/smartphone_green.png);
        }
        
.fax {
        background-image: url(../album/fax_grey.png);
        background-repeat: no-repeat;
        }
        
.sitoweb {
        background-image: url(../album/web_orange.png);
        background-repeat: no-repeat;
        cursor:pointer;
        }
        
.sitoweb:hover {
        background-image: url(../album/web_green.png);
        }
        
.facebook {
        background-image: url(../album/facebook_orange.png);
        background-repeat: no-repeat;
        cursor:pointer;
        }
        
.facebook:hover {
        background-image: url(../album/facebook_green.png);
        }
        
.gps {
        background-image: url(../album/gps_grey.png);
        background-repeat: no-repeat;

        }

        
        
/* categorie merceologiche */     
.settore_arredamento{
        background-image: url(../album/icona_arredamento.png);
        background-repeat: no-repeat;
        background-position: 7px 7px;
	     
        }
        
.settore_sport{
        background-image: url(../album/icona_sport.png);
        background-repeat: no-repeat;
        background-position: 7px 7px;
	     
        }
        
.chiusura {
       height:2px;
       width:100%;
       background-color: #cc3300;
       float:left;

        }     

@media(max-width:767px) {

 
.fascia_scheda { padding:5px 20px 5px 72px;}

.fascia_scheda h4 { font-size:22px;}

.freccia {
        display: block;
        float:left;
        background-image: url(../album/freccia_bianca.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top:-2px;
        height:20px;
        width:100%
        }

.descrizione_azienda {
        width:100%;
        padding-bottom:28px;
        }
        
.dati_azienda {
        width:100%;
        }

    
}