@media (min-width: 1201px) {

	
	body {margin: 0 auto; padding: 0;  font-family: 'Amatic SC', cursive;  background: #999;}
#menu li {float:left; }
#contatti{margin-left:30px;}
#header {width: 100%; float: left; padding-top: 10px, margin-left: auto; margin-right: auto; height: auto; background-color: #8C5129; }
.numeri {}
#menu {width: 100%;  background-color:#8C5129;    }
#voci{width: 80%; list-style: none; margin: 0 auto; }
#voci li {list-style-type: none; width: 8.33%; line-height: 40px;  font-family: 'Amatic SC', cursive; color: #f4c38a;  margin: 0; padding: 0 ;  } 
#nav {width: 100%; float: left; padding-top:15px; padding-bottom:15px; margin-left: auto; margin-right: auto; height: auto; text-align: center; background-color: #8C5129; }
.menu1 {width: auto; font-size: 27px; }
.menu2 {width: auto; font-size: 27px; }
#contatti{font-size: 27px; }

#number {list-style-type: none; width:30%;  margin: 0 auto; }
#number li{width: 100%;text-align: center; height: 40px;}
#number li a {font-size: 25px; line-height: 40px; }
.barra {width: 50%; text-align: center; float: right; height: auto; background-color: #8C5129;  margin-bottom: 15px; margin-top: 15px; }
.foto {width: 50%;  text-align: center; float: left; margin-top: 15px;}
#footer {width: 100%; clear: both; background-color: #8C5129; margin-top: 15px; text-align: center; padding-bottom: 40px;}
#testo {width: 50%; text-align: center; margin: 0 auto; }
#intro {width: 80%;  text-align: center; margin: 0 auto;  height: 320px; }
#boxdestra {width: 50%; float: left; margin-top: 20px;}
ul.prodotto {width: 90%;  text-decoration: none; list-style-type: none; margin: 0 auto;    padding: 0;  line-height: 35px; }
ul.prodotto li {float: left;  }
.name {width: 80%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; }
.prez {text-align: right; width: 20%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#slogan { width:50%; float: left;}
#fslogan {width:85%;  left: 10%; position: relative; }
#pacchetti{width: 50%; margin-left: auto; text-align: center; margin-top: 10px; }
.pacchetto1 {width: 50%; float: left; text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#famiglia {width: 100%;  text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; float: left;}
#sotto { width: 100%; float: left; text-align: center;  margin-bottom: 10px; }
#mappe {width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;  text-align: center;  }
#tel {width: 100%;  margin: 10 auto 5 auto; color: #f4c38a; font-size: 30px; text-align: center; }
#garanzie {width: 100%; text-align: center; float: right; height: auto; background-color: #8C5129; box-shadow: 0px 3px 10px 1px #333333; margin-bottom: 20px;}
#garanzietext {width: 100%; text-align: center;  float: left;}
#text {width: 85%; text-align: center; margin: 0 auto; }
#container { width: 55%;   margin-left: auto; margin-right: auto; border-left: solid 1px black; border-right: solid 1px black; background-color: #D7CC9F;} 
.box {width: 100%; float: left; }
#main {width: 100%; }
#tornasu{width:100%; height:30px; background-color:#8C5129; position:fixed; bottom:0px; text-align:center;  font-weight:bold; font-size:  1.561em ; display:none;}
#colonna {width: 50%;   margin-left: auto; }


    
}

@media (max-width: 1200px){

	body {margin: 0 auto; padding: 0;  font-family: 'Amatic SC', cursive; background: #999;}

#contatti{width:100%; margin-left:30px;}
#header {width: 100%; float: left; padding-top: 10px, margin-left: auto; margin-right: auto; height: auto; background-color: #8C5129; }



#menu {width: 100%; float: left; background-color:#8C5129; text-align: center;   }
#voci {width: 100%; margin: 0 auto; padding: 0; list-style: none; }
#menu li { width: 8.33%; margin: 0 auto; list-style-type: none; line-height: 40px; font-size:25px; font-family: 'Amatic SC', cursive; color: #f4c38a; float: left; }
#voci li {width: 50%; }
 



#number {margin: 0 auto; list-style-type: none; width:50%;  }
#number li{width: 50%;text-align: center; height: 40px;}
#number li a {font-size: 25px; line-height: 40px; }


#nav {width: 100%; padding-top:15px; padding-bottom:15px; margin-left: auto; margin-right: auto; height: auto; text-align: center; background-color: #8C5129; }
#contatti{width: 100%; float: left; text-align: center;}
.barra {width: 100%; text-align: center;  height: auto; background-color: #8C5129; box-shadow: 0px 3px 10px 1px #333333; margin-bottom: 15px; }
.foto {width: 100%; margin-top: 15px; text-align: center; }
#footer {width: 100%; clear: both; background-color: #8C5129; margin-top: 15px; text-align: center; padding-bottom: 40px;}
#testo {width: 50%; text-align: center; margin: 0 auto; }
#intro {width: 90%;  text-align: center; margin: 0 auto;  padding-right: 0.625em; padding-left: 0.625em;}
#boxdestra {width: 100%; }
#colonna {width: 100%; }
ul.prodotto {width: 90%;  text-decoration: none; list-style-type: none; margin-top: 15px;  margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0;  line-height: 35px; }
ul.prodotto li {float: left;  }
.name {width: 80%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; }
.prez {text-align: right; width: 20%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#slogan { width: 70%; margin: 0 auto; }
#fslogan {width: 100%; }
#pacchetti{width: 100%; margin-left: auto; text-align: center; margin-top: 10px; overflow: auto; }
.pacchetto1 {width: 50%; float: left; text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#famiglia {width: 100%;  text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; float: left;}
#sotto { width: 100%; float: left; text-align: center;  margin-bottom: 10px; }
#mappe {width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;  text-align: center;  }
#tel {width: 100%;  margin: 10 auto 5 auto; color: #f4c38a; font-size: 30px; text-align: center; }
#garanzie {width: 100%; text-align: center; float: right; height: auto; background-color: #8C5129; box-shadow: 0px 3px 10px 1px #333333; margin-bottom: 20px;}
#garanzietext {width: 100%; text-align: center;  float: left;}
#text {width: 80%; text-align: center; margin: 0 auto; }
#container { width: 75%;   margin-left: auto; margin-right: auto; border-left: solid 1px black; border-right: solid 1px black; background-color: #D7CC9F;} 
.box {width: 100%; float: left; }
#main {width: 100%; }
#tornasu{width:100%; height:30px; background-color:#8C5129; position:fixed; bottom:0px; text-align:center;  font-weight:bold; font-size:  1.561em ; display:none;}




}

@media (max-width: 767px) {


	body {margin: 0 auto; padding: 0;  font-family: 'Amatic SC', cursive; background: #D7CC9F;}
#header {width: 100%; padding-top: 10px, margin-left: auto; margin-right: auto; height: auto; background-color: #8C5129; }
#marchio {width: 150px; height: 150px; margin-right: auto; margin-left: auto;}
#logo { margin-right: auto; margin-left: auto;  width: 200px; height:  200px;}
#contatti{width: 100%;  text-align: center;}
#garanzie {width: 100%; text-align: center; float: left; height: auto; background-color: #8C5129; box-shadow: 0px 3px 10px 1px #333333; margin-bottom: 20px;}
#container {width: 100%;} 
.menu1 {width: 50%; }
.menu2 {width: 50%; text-align: right; text-align: center;  }


#number {margin: 0 auto; list-style-type: none; width:100%;  }
#number li{width: 50%;text-align: center; height: 40px;}
#number li a {font-size: 25px; line-height: 40px; }

#menu {width: 100%; float: left; background-color:#8C5129; text-align: center;   }
#menu ul{width: 80%; margin: 0 auto;padding: 0;list-style: none; }
#menu li {list-style-type: none; line-height: 40px; font-size:25px; font-family: 'Amatic SC', cursive; color: #f4c38a; float: left; } 
#main {width: 100%; float: left;}
#fotohome {width: 100%; float: left;}
.foto {width: 100%; margin-top: 15px;   }
#slide {width: 100%;  box-shadow: 0px 3px 10px 1px #333333; }
#testo {width: 90%; text-align: center; margin: 0 auto;}
.barra {width:100%; float: left; height: auto; background-color: #8C5129; box-shadow: 0px 3px 10px 1px #333333; margin-bottom: 20px; }
#text {width: 80%; text-align: center; margin: 0 auto; }
#slogan { width: 75%; margin: 0 auto;}
#fslogan {width: 100%;  }
#intro {width: 90%;  text-align: center; margin: 0 auto;  padding-right: 0.625em; padding-left: 0.625em;}
ul.prodotto {width:90%; text-decoration: none; list-style-type: none; margin-top: 15px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0;  line-height: 35px; }
ul.prodotto li {float: left;  }
.name {width: 80%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; }
.prez {text-align: right; width: 20%; font-size: 17px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#footer {width: 100%; float: left; background-color: #8C5129; margin-top: 15px; padding-bottom: 40px; }
#mappe {width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;  text-align: center;  }
#tel {width: 100%;  margin: 10 auto 5 auto; color: #f4c38a; font-size: 30px; text-align: center; }
#pacchetti{width: 90%; text-align: center; margin-left: auto;  margin-right: auto; margin-top: 10px; }
.pacchetto1 {width: 50%; float: left; text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200;}
#famiglia {width: 100%;  text-align: center; margin-left: auto;  margin-right: auto; margin-bottom: 10px;  font-family: 'Open Sans Condensed', sans-serif; font-weight: 200; float: left;}
#sotto { width: 100%; text-align: center;  margin-bottom: 10px;}
.titoli {}
#tornasu{width:100%; height:35px; background-color:#8C5129; position:fixed; bottom:0px; text-align:center;  font-weight:bold; font-size:  1.561em ; display:none;}





}

@media (max-width: 360px) {



#number li{width: 100%;}


}