@media only screen and (min-width: 300px) and (max-width: 799px) {


input {
    -webkit-appearance: none;
}

select {
    -webkit-appearance: none;
}


#fumetto_pos
{
display:none;
}

#vedi-ds
{
display:none;
}

A.men:LINK, A.men:VISITED, A.men:ACTIVE {
 color: #dca461;
 text-decoration: none;
}

A.men:HOVER {
 color: #dca461;
 text-decoration : none;
}



#fumetto_pos
{
position:absolute;
z-index:999;
right:0px;
top: 84px;
width: 100%;
height: 100%;
background-color: #eae9e8;
display: none;
}

#footer
{
width: 100%;
position:relative;
z-index:20;
min-height:296px;
background-color: #827f76;
}

#top
{
width: 100%;
position:fixed;
z-index:999;
min-height:84px;
background-color: #eae9e8; 
-webkit-box-shadow: 0px 10px 16px -2px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 10px 16px -2px rgba(0,0,0,0.34);
box-shadow: 0px 10px 16px -2px rgba(0,0,0,0.34);
}


ul {
font-size: 20px;
font-weight: 300;
padding-left: 12%;
padding-right:8%;
line-height:28px;
}

li {
padding-left: 5px;
padding-bottom:10px;
}


#vedipro1 {display:none;}
#vedipro2 {display:none;}
#vedipro3 {display:none;}
#vedipro4 {display:none;}
#vedipro5 {display:none;}



img {
max-width:100%;
}

img.topo {
max-height:100px;
}

img.homemb
{
width:100%;
display:block;
}

img.logo1 {
padding-top:30px;
padding-left:542px;
}

img.logoperche
{
display:block;
margin:auto;
padding-top:280px;
}

img.foto
{
padding:15px;
display:block;
margin:auto;
}

img.chi
{

display:block;
margin:auto;
max-width:90%;
}

#img-home
{
width: 100%;
position:relative;
z-index:500;
background-image: url('../images/sfondo-home-mb.jpg');
background-position: center top;
background-repeat:no-repeat;
background-size:100%;
background-color: #ffffff;
}

#img-home1
{
width: 82%;
position:relative;
z-index:20;
margin:auto;
background-color: rgba(255, 255, 255, 0.85);
}

#img-sotto
{
width: 100%;
position:relative;
z-index:20;
height:168px;
background-image: url('../images/sotto.jpg');
background-position: center top;
background-repeat:no-repeat;
}

#img-perche
{
width: 100%;
position:relative;
z-index:20;
background-color:#f5f4f2;
}

#img-progettisti{display:none;}

#img-promotori{display:none;}

#img-costruttori{display:none;}

#img-produttori{display:none;}

#img-impiantisti{display:none;}

#img-chi {display:none;}

#img-case {display:none;}


#sfondo-home
{
width: 100%;
position:relative;
z-index:20;
height:960px;
margin:auto;
background-image: url('../images/sfondo-home.jpg');
background-position: center top;
background-repeat:no-repeat;
}

#sfondo-contatti
{
width: 100%;
position:relative;
z-index:20;
margin:auto;
background-color:#6ca7a1;

}


#pagina
{
position:relative;
z-index:200;
width: 100%;
margin:auto;
}


#pos_logo
{
position:absolute;
z-index:50;
top:0px;
left:-44px;
width:330px;
}

#xx
{
position:relative;
z-index:50;
top:0px;
left:0px;
width:100%;
height:48px;
}

#xxx
{
position:relative;
z-index:50;
top:0px;
left:0px;
width:100%;
height:200px;
}

#xxf
{
position:relative;
z-index:50;
top:0px;
left:0px;
width:100%;
height:108px;
}

#bt1
{
position:relative;
z-index:50;
width:100%;
height:240px;
}

#bt2
{
position:relative;
z-index:50;
width:100%;
height:152px;
}

#bt3
{
position:relative;
z-index:50;
width:100%;
height:97px;
}

#bt4
{
position:relative;
z-index:50;
width:100%;
height:82px;
}

#bt5
{
position:relative;
z-index:50;
width:100%;
height:112px;
}

#boxhome
{
position:relative;
z-index:50;
top:0px;
left:0px;
width:100%;
}

#boxcontatti
{
position:relative;
z-index:50;
top:0px;
left:0px;
width:100%;
}

#rigahome
{
position:relative;
z-index:50;
margin:auto;
width:80%;
height:8px;
background-color:#f4f4f3;
}

#rigacontatti
{
position:relative;
z-index:50;
margin:auto;
width:80%;
height:8px;
background-color:#f4f4f3;
}

#boxtesta
{
position:relative;
z-index:50;
margin:auto;
width:100%;
}

#boxchi
{
position:relative;
z-index:50;
margin:auto;
width:100%;
}


.tabella {display: table;position:relative;margin:auto;width:100%;}
.riga { display:table-row;}
.colonna {display: table-cell;vertical-align: middle;width:100%;float:left;}
.colonna-footer {display: table-cell;vertical-align: middle;width:100%;float:left;}
.colonna-per {display: table-cell;vertical-align: middle;width:100%;float:left;}

.colonna-case1 {display: table-cell;vertical-align: top;width:86%;background-color: #9a81a3;margin-left:7%;float:left;margin-bottom:-2px;}
.colonna-case2 {display: table-cell;vertical-align: top;width:86%;background-color: #d48f3c;margin-left:7%;float:left;margin-bottom:-2px;}
.colonna-case3 {display: table-cell;vertical-align: top;width:86%;background-color: #6ca7a1;margin-left:7%;float:left;margin-bottom:-2px;}



.bottone6 {
margin:auto; 
background-color: #da9f58;
width:80%;
font-size: 20px;
font-weight: 400;
text-align: center;
color:#ffffff;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
padding-bottom: 10px;
text-transform:uppercase;
letter-spacing:2px;
}

.bottone6:hover { 
background-color: #d38e3c;
cursor: pointer;
}


.bottone7 {
background-color: #da9f58;
width:80%;
font-size: 20px;
font-weight: 400;
text-align: center;
color:#ffffff;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
padding-bottom: 10px;
text-transform:uppercase;
letter-spacing:2px;
border:0px;
}

.bottone7:hover { 
background-color: #d38e3c;
cursor: pointer;
}

h1 {
font-size: 32px;
font-weight: 900;
text-align: left;
text-transform: uppercase;
padding-top: 0px;
color:#e35000;
}

h2 {
font-size: 32px;
font-weight: 700;
text-align: center;
padding-top: 0px;
color:#d38e3c;
margin-left:8%;
margin-right:8%;
line-height:34px;
}

h3 {
font-size: 34px;
font-weight: 700;
text-align: left;
padding-bottom: 30px;
color:#d38e3c;
margin-left:8%;
margin-right:8%;
}

h4 {
font-size: 34px;
font-weight: 700;
text-align: left;
padding-top:30px;
padding-bottom: 0px;
color:#d38e3c;
margin-left:8%;
margin-right:8%;
}

h5 {
font-size: 34px;
font-weight: 700;
text-align: center;
padding-top:30px;
padding-bottom: 20px;
color:#d38e3c;
}

.corpo_menu {
font-size: 22px;
font-weight: 300;
text-align: center;
color:#ffffff;
margin-left:10px;
margin-right:10px;
text-transform:uppercase;
letter-spacing:0px;
padding-top:7px;
padding-bottom:7px;
}

.corpo_home1 {
font-size: 34px;
font-weight: 900;
text-align: left;
color:#9a80a2;
margin-left:10%;
margin-right:10%;
line-height:36px;
padding-top:25px;
}

.corpo_home10 {
font-size: 20px;
font-weight: 900;
text-align: left;
color:#d38e3b;
margin-left:10%;
margin-right:10%;
line-height:36px;
padding-top:15px;
}

.corpo_home2 {
font-size: 34px;
font-weight: 900;
text-align: left;
color:#6ca7a1;
margin-left:10%;
margin-right:10%;
line-height:36px;
margin-top:10px;
margin-bottom:15px;
}

.corpo_home3 {
font-size: 22px;
font-weight: 300;
text-align: left;
color:#828077;
margin-left:10%;
margin-right:10%;
margin-top:0px;
margin-bottom:0px;
font-family: 'Roboto Condensed', sans-serif;
}

.corpo_home4 {
font-size: 22px;
font-weight: 700;
text-align: left;
color:#9a80a2;
margin-left:10%;
margin-right:10%;
margin-top:10px;
margin-bottom:0px;
font-family: 'Roboto Condensed', sans-serif;
}

.corpo_contatti1 {
font-size: 30px;
font-weight: 900;
text-align: center;
color:#ffffff;
margin-left:10%;
margin-right:10%;
line-height:34px;
padding-top:40px;
}

.corpo_contatti2 {
font-size: 30px;
font-weight: 300;
text-align: center;
color:#ffffff;
margin-left:10%;
margin-right:10%;
line-height:34px;
margin-top:20px;
margin-bottom:25px;
}


.corpo_testa {
font-size: 30px;
font-weight: 300;
text-align: center;
line-height:34px;
margin-top:25px;
margin-right:15%;
margin-left:15%;
font-family: 'Roboto Condensed', sans-serif;
}

.corpo_box {
font-size: 24px;
font-weight: 300;
text-align: center;
margin-top:20px;
margin-right:15%;
margin-left:15%;
margin-bottom:50px;
font-family: 'Roboto Condensed', sans-serif;
}


.corpo_boxarancio1 {
font-size: 42px;
font-weight: 700;
text-align: center;
padding-top:70px;
margin-bottom:30px;
margin-right:8%;
margin-left:8%;
color:#ffffff;
}

.corpo_boxarancio2 {
font-size: 20px;
font-weight: 300;
text-align: center;
margin-top:0px;
margin-right:10%;
margin-left:10%;
color:#ffffff;
line-height:28px;
}


.corpo1 {
font-size: 22px;
font-weight: 700;
text-align: left;
margin-top:0px;
margin-right:8%;
margin-left:8%;
color:#6ca7a1;
}

.corpo2 {
font-size: 32px;
font-weight: 700;
text-align: left;
margin-top:30px;
margin-right:8%;
margin-left:8%;
color:#6ca7a1;
}


.corpo {
font-size: 20px;
font-weight: 300;
text-align: left;
margin-top:0px;
margin-right:8%;
margin-left:8%;
line-height:28px;
}

.corpo_li {
font-size: 20px;
font-weight: 300;
text-align: left;
margin-top:0px;
margin-right:0px;
margin-left:0px;
line-height:28px;
}

.corpo_foto {
font-size: 24px;
font-weight: 300;
text-align: center;
margin-top:0px;
margin-bottom:30px;
color:#d38e3c;
}


.corpo_pro {
font-size: 24px;
font-weight: 700;
text-align: left;
margin-top:10px;
margin-bottom:10px;
margin-left:8%;
margin-right:8%;
color:#5d928c;
}


.corpo_chi {
font-size: 24px;
font-weight: 300;
text-align: center;
color:#828077;
font-family: 'Roboto Condensed', sans-serif;
margin-top:10px;
margin-bottm:10px;
line-height:34px;
margin-left:8%;
margin-right:8%;
}


.corpo_case1 {
font-size: 22px;
font-weight: 700;
text-align: left;
margin-top:10px;
margin-bottom:10px;
margin-right:5%;
margin-left:5%;
color:#ffffff;
}

.corpo_case2 {
font-size: 14px;
font-weight: 400;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:5%;
margin-left:5%;
color:#ffffff;
}


.corpo_con1 {
font-size: 20px;
font-weight: 700;
text-align: center;
color:#d38e3c;
font-family: 'Roboto Condensed', sans-serif;
margin-top:0px;
margin-bottm:0px;
margin-left:10%;
margin-right:10%;
}

.corpo_con2 {
font-size: 18px;
font-weight: 300;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
margin-top:0px;
margin-bottm:0px;
margin-left:10%;
margin-right:10%;
}

.corpo_con30{
font-size: 18px;
font-weight: 900;
text-align: center;
color:#6ca7a1;
margin-top:0px;
margin-bottom:0px;
margin-right:10px;
margin-left:10px;
}

.corpo_con4 {
font-size: 16px;
font-weight: 700;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
margin-top:15px;
margin-bottom:4px;
margin-right:10px;
margin-left:10px;
}

.corpo_con5 {
font-size: 20px;
font-weight: 700;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
padding-top:15px;
padding-bottom:0px;
margin-right:20px;
margin-left:20px;
}

.corpo_con50 {
font-size: 20px;
font-weight: 700;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
margin-top:0px;
padding-bottom:0px;
margin-right:20px;
margin-left:20px;
}

.corpo_con6 {
font-size: 16px;
font-weight: 400;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
padding-top:10px;
padding-bottom:8px;
margin-right:20px;
margin-left:44px;
}

#evento
{
position:relative;
z-index:50;
margin:auto;
width:94%;
background-color:#f5f3f2;
}


.bottone8 {
margin:auto;
background-color: #6ca8a1;
width:80%;
font-size: 20px;
font-weight: 400;
text-align: center;
color:#ffffff;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 10px;
padding-bottom: 10px;
text-transform:uppercase;
letter-spacing:2px;
border:0px;
}

.bottone8:hover { 
background-color: #5b8e88;
cursor: pointer;
}

.corpo_con3 {
font-size: 16px;
font-weight: 300;
text-align: left;
font-family: 'Roboto Condensed', sans-serif;
margin-top:0px;
margin-bottm:0px;
margin-left:10%;
margin-right:10%;
}

.corpo_footer1 {
font-size: 26px;
font-weight: 700;
text-align: center;
color:#ffffff;
margin-left:10%;
margin-right:10%;
padding-top:6px;
padding-bottom:6px;
}

.corpo_footer2 {
font-size: 24px;
font-weight: 300;
text-align: center;
color:#ffffff;
margin-left:10%;
margin-right:10%;
padding-top:6px;
padding-bottom:6px;
}

.pr {
margin-left:10%
margin-right:25px;
padding-top:0px;
padding-bottom:0px;
}


.td_menu {
margin-right:20px;
}


input.forma {
margin-left:10%;
margin-top:10px;
margin-bottom:10px;
text-align: center;
width: 80%;
height: 34px;
border:1px solid #a9a8ad; 
background-color: #ffffff;
font-size: 14px;
color: #a9a8ad;
}

textarea.testo {
margin-top:10px;
margin-bottom:10px;
padding-left:10%;
padding-right:10%;
text-align: left;
width: 60%;
height: 200px;
border:1px solid #a9a8ad; 
background-color: #ffffff;
font-size: 14px;
color: #a9a8ad;
}

input[type=checkbox] {
  outline: none;
  width: 58px;
  height: 23px;
  font-size: 11px;
  line-height: 2;
  display: block;
  font-weight: bold;
  border-radius: 3px;
  margin-left:25%;
  border: 1px solid #B9B9B9;
  -webkit-appearance: none;

  background-image: url('-webkit-gradient(%20linear,%20left%20top,%20left%20bottom,%20color-stop(0,%20#E8E8E8');
  box-shadow: 0px 1px 2px #AFAFAF inset;
  color: #7F7F7F
}

input[type=checkbox]:checked {
  background-image: url('-webkit-gradient(%20linear,%20left%20top,%20left%20bottom,%20color-stop(0,%20#367EF8');
  box-shadow: 0px 1px 2px #1449A3 inset;
  color: #fff;
  text-shadow: 0px -1px 1px #000;
  border: 1px solid #99B9E8
}

input[type=checkbox]:before {
  content: 'OFF';
  border-radius: 3px;
  border-top: 1px solid #F7F7F7;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #BABABA;
  border-left: 1px solid #BDBDBD;
  background-image: url('-webkit-gradient(%20linear,%20left%20top,%20left%20bottom,%20color-stop(0,%20#D8D8D8');
  height: 20px;
  width: 22px;
  display: inline-block;
  text-indent: 27px
}

input[type=checkbox]:checked:before {
  content: 'ON';
  text-indent: -25px;
  margin-left: 33px;
}

}