/* -- Import Lybraries -- */
@import url(reset.css);
@import url(960gs.css);


/* Basics */
body {
    font-family: lato;
    font-size: 14px;
    color: #444;
}

    /* -- Container -- */

html, body {
	height: 100%;
	}


/* IE6 hack */
* html #container {
    height: 100%;
}


body{background-color:#fff;    margin: 0;border-right:0px;border-left:0px}
#logo img{width:20%;
    }
#contatti{clear: both;
    padding-top: 1%;
    padding-bottom: 1%;
    border-top: 7px solid;
    display: flex;
    color: #c40004;
    max-width: 100%;
    border-image: url(immagini/Senzanome.png) 28% repeat;}

#c1{width:50%;float:left;}
#c2{width:50%;float:right;}
#logo{margin-bottom:1%;}
#immazienda{border-bottom:2px solid #464449;
border-top:2px solid #464449;}
#immazienda img{max-width: 100%;width:100%;}
#testoazienda{font-size:18px;
padding-left: 10px;
    padding-right: 10px;
padding-top:2%;
padding-bottom:2%;
color:#c40004;
font-family:lato;}
#pulsante:hover{color:#464449;}
#mappa{width:100%}
#pulsante{    color: #fff;
margin-bottom:1%;
margin-top:1%;
    background: #c40004;
    font-weight: 500;
    float: right;
    text-decoration: none;
    padding: 10px;}
iframe{border-bottom:2px solid #464449;
    border-image: url(immagini/Senzanome.png) 28% repeat;
border-top:7px solid #464449;}
#wrap
{
  height: auto !important;
  min-height: 100%;
  position: relative;
  margin: 0 auto -60px;
}
 #ff{color:#fff; background:#c40004;width:100%;padding-bottom:0.5%;padding-top:0.3%}
#ff a {Color:#fff;}
#ff a:hover{color:#464449;}
#footer
{
  height: 60px;
}
#footer{background:#c40004  !important;color:#fff !important;padding-top: 5px;padding-bottom:5px;}
#footer a{color:#fff}
#footer a:hover{color:#464449}
/**/
@media screen and (min-width: 320px) and (max-width: 370px) {
#testoazienda {font-size:12px !important;}
#c2 {    margin-top: -5%;}
#contatti{font-size:12px !important;}
#pulsante{font-size:12px !important;padding:5px;}

}

@media screen and (min-width: 371px) and (max-width: 410px) {
#testoazienda {font-size:12px !important;}
#c2, #c1 { width:47%}
#c2{margin-top:-4%}
#contatti{font-size:12px !important;}
#pulsante{font-size:12px !important;padding:5px;}
}
@media screen and (min-width: 411px) and (max-width: 510px) {
#testoazienda {font-size:12px !important;}
#c2, #c1 { width:47%}
#c2{margin-top:-4%}
#contatti{font-size:12px !important;}
#pulsante{font-size:12px !important;padding:5px;}

}