@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:url(../images/foto-sfondo.jpg) repeat 0 0 fixed; opacity: .80; font-family:'Cabin', Arial, Helvetica, sans-serif; font-size:17px; color: #ffffff; background-size: cover;}
h2{font-family:'Cabin', Arial, Helvetica, sans-serif; text-align:center; font-size:30px; font-weight:300; margin:0;}
h3{font-family:'Cabin', Arial, Helvetica, sans-serif; text-align:center; font-size:25px; font-weight:300; margin:0;}
p{line-height:1.1em; margin:0 0 12px 0;}
a{border:none; outline:none; color:#ff0000; text-decoration:none;}
li,ul{padding:0; margin:0; list-style-type:none;}
.cl{ clear:both; height:0; line-height:0; display:block; overflow:hidden;}



.box{width:1000px; margin:0px auto; padding:20px 0;}
.box h1.logo{background:url(../images/logo-spicchio.jpg) no-repeat center; text-indent:-99999px; line-height:0; padding-top:150px; height:0; margin:0; width:100%; float:left; margin:17px 0px; }
.box iframe{padding-right:20px}
#right{float:right; text-align:left; width:60%}
#right h2{margin:5px 0 0; text-align:left;}
#right h3{margin:5px 0 0; text-align:left;}
.social{position:absolute; right:15px; top:0; width:80px; z-index:2; height:30px; display:block;}
.boxin h1.pupo{background: url(../images/immagine.jpg) no-repeat; padding-bottom:393px; padding-top:0px; height:0; margin:0; width:100%; float:left;font-size:30px;}
.boxin h1.pupo a{display: inline-block; padding-bottom: 250px;}
.boxin{position:relative;float:right; text-align:center; line-height:2}
#destro{width: 60%}
#sinistro{width: 40%; font-size: 19px;}
@media screen and (min-width:0px) and (max-width: 800px){
.boxin {float: none;}
.box h1.logo {width: 100%;}
.box h1.pupo {background-size: 100%;font-size:15px;}
.box{width:100%;}
#destro{width: 100%}
#sinistro{width: 100%;z-index:-1;}
    }
    @media screen and (min-width:550px) and (max-width: 800px){
      #destro{height: 500px}
      .boxin h1.pupo{padding-top: 500px}
    }
/* .boxright{position:relative;float:left; text-align:left; width:49%} */

ul#menu{height:60px; overflow:hidden; padding:0;}
ul#menu li{float:left; width:50%;}
ul#menu li a{font-family:'Cabin', Arial, Helvetica, sans-serif; text-align:center; text-transform: uppercase; color:#1a1a1a; display:block; font-size:25px; line-height:60px; height:60px; margin:0 30px;}
ul#menu li a.active{color:#666; border-bottom:2px solid #666; height:58px;}

#contacts{background:url(../images/contatti.jpg) right bottom no-repeat; min-height:120px; width:550px;}

#gallery{position:relative;width:1000px; margin-left: -500px;}
#gallery h3{font-family:'Cabin', Arial, Helvetica, sans-serif; text-align:left; color:#ffffff; font-size:30px; font-weight:bold; margin:30px 0 0; position:absolute; left:0px; bottom:15px; z-index:1; margin:0; line-height:50px; height:50px; background:rgba(0,0,0,0.4); padding:0 25px;}

a.gallery{float:left; display:block; margin:0; width:20%;}
a.gallery img:hover{opacity:0.9; background:#000000;}

#footer{padding:15px 0; text-align:center; font-size:11px; color:#fff; line-height:13px; margin-top:15px;}