body, h1, h2, h3{padding:0;margin:0;border:0;clear:both;}
html{position:relative;min-height:100%;}
p{margin:0;padding:0;margin-bottom:15px;}
hr{margin:0;padding:0;margin-bottom:15px;}
a{text-decoration:none;}
a:hover{text-decoration:underline}
table{margin-bottom:15px;}
.wrapper{display:table;width:100%;}
.responsive{display:table;width:100%;margin:0 auto;clear:both;padding:30px 0 30px 0;}
.top, .header, .content, .bottom, .footer{display:table;width:100%;margin:0 auto;clear:both;}
.btnMenu{display:none;margin:6px;padding:2px 10px;border-radius:5px;float:right;clear:both;cursor:pointer;font-size:30px;}
.shMenuOk{display:block !IMPORTANT;}
#menu{display:table;margin:0 auto;padding:0;z-index:3 !IMPORTANT;}
.content{position:relative;padding-bottom:20px;}
.footer{padding:20px 0;}
.social{float:right;display:table;overflow:hidden;text-align:right;margin-top:5px;min-height:47px;}
.social div{float:right;clear:both;}
.fluid{position:relative;padding-bottom:56.25%;padding-top:60px;overflow:hidden;margin-bottom:15px;}
.fluid iframe, .fluid object, .fluid embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.messaggio label{display:block;margin-bottom:5px;}
#nome{width:94%;}
#telefono{width:97%;}
#email{width:95%;}
#messaggio{width: 98.7%;height:150px;}
.messaggio{display:table;width:100%;}
.messaggio input, .messaggio textarea{float:left;clear:both;margin-bottom:15px;}
.messaggio span{float:left;clear:both;font-size:10px;margin-bottom:15px;}
.messaggio div{float:left;width:auto;}
.messaggio div:nth-of-type(1){width:30%;}
.messaggio div:nth-of-type(2){width:20%;float:right;}
.messaggio div:nth-of-type(3){width:50%;}
.messaggio div:nth-of-type(4){width:100%;}
.traduttore{margin-top:-3px;background:url(../img/flag-italy.jpg) no-repeat 0 5px;padding-left:35px;width:156px;height:28px;overflow:hidden;}.traduttore select{height:23px;}.traduttore img{width:30px;margin-right:10px;}
.sidebar .messaggio div:nth-of-type(1){width:55%;}
.sidebar .messaggio div:nth-of-type(2){width:30%;float:left;}
.sidebar .messaggio div:nth-of-type(3){width:95%;clear:both;}
.foto{vertical-align:middle;}
.fixed #menu{position:fixed;top:0;margin:0;width:100%;/*background-color:red !IMPORTANT;*/}
.fixed  #menu{-moz-border-radius:0 !IMPORTANT;-webkit-border-radius:0 !IMPORTANT;border-radius:0 !IMPORTANT;}
.fixed  #nav{float:none;max-width:100%;left:0}
.fixed .top{padding:0 !IMPORTANT;}
#logo, #logo img{border:0;float:left;z-index:4;}
.fixed #logo{position:fixed;top:5px;}
.fixed .social, .fixed .slogan{display:none;width:100%;}
.fixed .flyout-content{max-height:600px;overflow-y:auto !IMPORTANT;overflow-x:hidden !IMPORTANT;}@media (min-device-width:320px) and (max-device-width:480px), only screen and (max-width: 480px){
  .wrapper #menu{position:fixed;/*z-index:1;*/top:0;margin:0;}
  .top, .header{padding:0 !IMPORTANT;border:0 !IMPORTANT;background:none !IMPORTANT;}
  .wrapper{margin-top:51px !IMPORTANT;}
  #logo{position:fixed;top:10px !IMPORTANT;}
  .social, .slogan{display:none;}
  .wrapper{padding-top:0 !IMPORTANT;}
  #lightboxOverlay, #lightbox{display:none !IMPORTANT;}
  .foto{height:auto !IMPORTANT;max-height:none !IMPORTANT;border-size:0 !IMPORTANT;padding:0 !IMPORTANT;max-width:99% !IMPORTANT;width:99% !IMPORTANT;margin:0 !IMPORTANT;margin-bottom:10px !IMPORTANT;}  .foto:hover{border:0 !IMPORTANT;outline:0 !IMPORTANT;}
  .content{padding-left:0 !IMPORTANT;padding-right:0 !IMPORTANT;background:none !IMPORTANT;}
  .content-inner{padding:0 !IMPORTANT;width:100% !IMPORTANT;}
  #divZoom{display:none}
  .footer{font-size:10px;}
  .messaggio div:nth-of-type(1){width:100% !IMPORTANT;clear:both;}
  .messaggio div:nth-of-type(2){width:100% !IMPORTANT;clear:both;}
  .messaggio div:nth-of-type(3){width:100% !IMPORTANT;clear:both;}
  #nome, #email, #telefono{width:95%;}
}
@media (max-width: 767px), (min-device-width:320px) and (max-device-width:480px), only screen and (max-width: 480px){
  body,input{font-size:17px !IMPORTANT;}
  .responsive{width:88% !IMPORTANT;}
  #site-nav, .top, #nav, .content, .bottom, .footer {width:88% !IMPORTANT;}
  .content2 .content-inner, .content2 .sidebar{width:100% !IMPORTANT;}
  .btnMenu{display:table !IMPORTANT;}
  .nav > li{display:list-item !IMPORTANT;}
  .nav > li > a{display:block !IMPORTANT;}
  .wrapper .social, .slogan, #nav ul, .sf-sub-indicator{display:none !IMPORTANT;}
  #nav{display:none;clear:both;}
  #nav li{float:none !IMPORTANT;}
  #nav a{border:0;}
  #menu{/*margin-top:-5px;*/width:100%;}
  .fixed #logo img{height:auto;min-height:40px;max-height:40px;width:auto;max-width:320px;}
  .img{width:96% !IMPORTANT;padding:2% !IMPORTANT;float:none;display:block;margin:0;margin-bottom:25px;}
  .sommario {width:100% !IMPORTANT;float:none !IMPORTANT;padding:0 !IMPORTANT;border:0 !IMPORTANT;margin-left:0 !IMPORTANT;margin-bottom:25px !IMPORTANT;}  .sommario select{width:100%;}
  .sommario ul, .sommario li, .sommario a{width:100%;float:none;max-width:100% !IMPORTANT}
  #menu{-moz-border-radius:0 !IMPORTANT;-webkit-border-radius:0 !IMPORTANT;border-radius:0 !IMPORTANT;}
  .messaggio div:nth-of-type(1){width:55%;}
  .messaggio div:nth-of-type(2){width:30%;float:left;}
  .messaggio div:nth-of-type(3){width:95%;clear:both;}
}
@media (min-device-width:320px) and (max-device-width:480px), only screen and (max-width: 480px){
  #logo img{height:auto !IMPORTANT;min-height:30px !IMPORTANT;max-height:30px !IMPORTANT;width:auto !IMPORTANT;max-width:240px !IMPORTANT;/*margin-top:7px;margin-top:7px;height:30px !IMPORTANT;max-width:240px !IMPORTANT;*/}
  .btnMenu{margin:6px 10px;display:table;border:0 !IMPORTANT;border-radius:0;}
  h1,h2,h3{font-size:17px !IMPORTANT;font-weight:bold !IMPORTANT;}
  .img{width:100% !IMPORTANT;padding:0 !IMPORTANT;border:none !IMPORTANT;outline:none !IMPORTANT;}
}@media only screen and (max-width: 992px){
.slogan{display:none;}
.foto{border:0 !IMPORTANT;padding:0 !IMPORTANT;max-width:none !IMPORTANT;min-width:19%;}
a:nth-of-type(1) .foto{height:auto;max-height:none !IMPORTANT;max-width:49%;width:49%;margin-right:1%;}
a:nth-of-type(2) .foto{height:auto;max-height:none !IMPORTANT;max-width:49%;width:49%;margin-right:0 !IMPORTANT;}
a:nth-of-type(3) .foto, a:nth-of-type(4) .foto, a:nth-of-type(5) .foto{height:auto;/*max-height:100% !IMPORTANT;*/max-width:32.33%;width:32.33%;margin-right:1%;}
}
@media (min-width: 768px){
body,input{font-size:15px !IMPORTANT;}
  #menu{font-size:11px !IMPORTANT;}
  .responsive{width:710px;}
  #site-nav, .top, #nav, .content, .bottom, .footer{width:710px;}
  .fixed #nav{padding-left:200px;width:510px;}
  .content2 .content-inner, .content2 .sidebar{width:100%;}
  #nav, .shMenu{display:block;}
  .fixed #logo img{height:auto;min-height:26px !IMPORTANT;max-height:26px !IMPORTANT;width:auto;max-width:190px !IMPORTANT;}
  .img{width:50%;}
  .sommario {width:100% !IMPORTANT;float:none !IMPORTANT;padding:0 !IMPORTANT;border:0 !IMPORTANT;margin-left:0 !IMPORTANT;margin-bottom:25px !IMPORTANT;}  .sommario select{min-width:70%;}
}
@media only screen and (max-width: 768px){
a:nth-of-type(1) .foto, a:nth-of-type(3) .foto{max-height:none;max-width:49%;width:49%;margin-right:1%;}
a:nth-of-type(2) .foto, a:nth-of-type(4) .foto{max-height:none;max-width:49%;width:49%;margin-right:0 !IMPORTANT;}
a:nth-of-type(5) .foto{max-width:99%;width:99%;margin-right:0;max-height:none !IMPORTANT;}
}
@media (min-width: 992px) {
body,input{font-size:14px !IMPORTANT;}
  #menu{font-size:13px !IMPORTANT;}
  .responsive{width:970px;}
  #site-nav, .top, #nav, .content, .bottom, .footer{width:970px;}
  .fixed #nav{padding-left:200px;width:770px;}
  .content2 .content-inner{width:60%;float:left;}
  .content2 .sidebar{width:35.5%;float:right;}
  .content2 .sidebar2{margin-top:40px;}
  #nav, .shMenu{display:block;}
  .img{width:30%;}
  .sommario {width:auto !IMPORTANT;position:absolute;right:0;top:20px}
  .sommario select{min-width:auto;}
}
@media (min-width: 1200px) {
  body,input{font-size:13px !IMPORTANT;}
  #menu{font-size:12px;}
  .responsive{width:1170px;}
  #site-nav, .top, #nav, .content, .bottom, .footer{width:1170px;}
  .fixed #nav{padding-left:200px;width:970px;}
  .content2 .content-inner{width:65%;float:left;}
  .content2 .sidebar{width:30%;float:right;}
  #nav, .shMenu{display:block;}
  .img{width:50%;}
}
.img{float:left;margin-bottom:15px !IMPORTANT;margin-right:25px;}
.sommario {float:right;margin-left:25px;margin-bottom:10px;}.sommario ul {padding:0;margin:0;margin-left:15px;}
#nav ul{display:none}
#nav{margin:0 auto !IMPORTANT;}
#nav li ul li{float:none !IMPORTANT;}
.nav > li, .nav > ul{margin:0 !IMPORTANT;padding:0 !IMPORTANT;}
.nav{list-style:none;margin:0 !IMPORTANT;padding:0;}
.nav > li, .nav > li > a{letter-spacing:0;display:inline-block;text-decoration:none;}
.stacked > li{display:list-item;}
.stacked > li > a{display:block;}
.flyout, .flyout-alt{position:relative;}
.flyout-content{display:inline-block !IMPORTANT;position:absolute;z-index:3;top:100%;left:-99999px;height:0;overflow:hidden;}
.flyout-content .flyout-content{z-index:4;/*margin-top:-1px !IMPORTANT;*/}
.flyout:hover > .flyout-content{left:0;}
.flyout-alt:hover > .flyout-content{top:0;left:100%;}
.flyout:hover > .flyout-content, .flyout-alt:hover > .flyout-content{height:auto;overflow:visible;}
.site-nav a{text-decoration:none !IMPORTANT;padding:10px 15px;white-space:nowrap;}
.site-nav .flyout-content a{padding:8px 25px;border:0 !IMPORTANT;}
.site-nav .flyout-content li{margin-left:10px;}
.site-nav .flyout-content li:first-child{border:0;}

.flyout > a:first-child, .flyout-alt > a:first-child {padding-right:2.25em;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:10px;margin-top:3px;width:10px;height:10px;text-indent:-999em;overflow:hidden;background-position: -10px -100px;}
a > .sf-sub-indicator {top:.8em;background-position: 0 -100px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
.flyout-content .sf-sub-indicator {background-position:-10px 0;margin-top:0;}
.flyout-content a > .sf-sub-indicator {background-position:0 0;}
.flyout-content a:focus > .sf-sub-indicator, .flyout-content a:hover > .sf-sub-indicator, .flyout-content a:active > .sf-sub-indicator, .flyout-content li:hover > a > .sf-sub-indicator, .flyout-content li.sfHover > a > .sf-sub-indicator {background-position:-10px 0;}


/* Generale */
body{background:#000 url(../admin/file/html-bg.png) no-repeat fixed;font-family: Arial;color:#fff;}

.wrapper{/*background:url(http://www.googtron.com/sakana/admin/file/wrapper-bg.png) center top no-repeat;overflow:hidden;*/}
a{color:#6699ff;}
h1{font-size:24px;font-weight:normal;padding-bottom:15px;border-bottom:2px #ccc solid;margin-bottom:20px;}
h2{font-size:18px;font-weight:normal;background:#fff url(../admin/file/h2-bg.png) no-repeat top right;padding:5px 10px;margin-bottom:15px;display:block;color:#990000;}
h3{font-size:16px;font-weight:normal;background:#990000;padding:5px 10px;margin-bottom:15px;display:block;color:#fff;}

/*html{background:#000 url(http://www.metallourlante.it/admin/file/html-bg.png) no-repeat;}*/

/* Testata del sito */
.top{padding-top:20px;padding-bottom:15px;}

/* Men? */
#menu{background:#990000 url(../admin/file/menu-bg.png) no-repeat top right;}
.btnMenu{color:#fff;border:1px #fff solid}

/* Men? (link) */
.nav > li, .nav > li > a{color:#fff;}
.sf-sub-indicator {background:url(../../www.piperclub.it/admin/file/arrow.html) no-repeat;}

/* Men? (link hover) */
.site-nav .flyout:hover > a , .site-nav .flyout-alt:hover > a , .site-nav a:hover{background-color:#444;}

/* Men? (link attivo) */
.site-nav .selected{color:#000 !IMPORTANT;background-color:#fff !IMPORTANT;}

/* Men? Tendina */
.flyout-content{background:#333;background-color:rgba(51,51,51,0.8);}
/*.site-nav .flyout-content li{border-top:1px #d2e6da solid;}*/

/* Men? Tendina (link) */
.site-nav .flyout-content a{/*color:#000;*/}

/* Men? tendina (link hover) */
.site-nav .flyout-content .flyout:hover > a , .site-nav .flyout-content .flyout-alt:hover > a , .site-nav .flyout-content a:hover{background:#ed1c24;background-color:rgba(237,28,36,0.8);color:#fff !IMPORTANT;}

/* Menu tendina (link attivo) */
.site-nav .flyout-content .selected{color:#6699ff !IMPORTANT}

/* Men? Tendina della tendina */
/*.flyout-content .flyout-content{border:1px #000 solid;}*/

/* Contenuti */
.content{padding-top:15px;}
.foto{max-height:150px;padding:1%;background:#000;max-width:17%;margin-right:1%;margin-bottom:1%;outline:1px #999 solid;
-webkit-box-shadow:#ccc 0 0 6px;-moz-box-shadow:#ccc 0 0 6px;box-shadow:#ccc 0 0 6px;
}
.foto:hover{outline:1px #6699ff solid;}


/* Bottom */
.bottom{background:#333;}

/* Footer */
.footer{background:url(../admin/file/footer-bg.png) top right no-repeat;}

/* Traduttore */
.translate{margin:5px 10px;width:154px;height:28px;float:left;overflow:hidden;/*margin-top:-5px;margin-right:10px;*/}
.translate img{width:30px;margin-right:10px;}

.fbLnk{float:right;padding-top:5px;padding-bottom:5px;padding-left:30px;color:#fff;background:url(../../www.sakana.it/admin/file/fb.png) no-repeat;margin:5px 10px}
@media (max-width: 767px), (min-device-width:320px) and (max-device-width:480px), only screen and (max-width: 480px){
.fbLnk{width:29px;height:27px;padding:0;text-indent:-9999px;overflow:hidden;}
}

/* SOMMARIO */

@media (min-width: 767px){

.sommario{float:left;margin:0;width:100%;border-bottom:3px #666666 solid;margin-bottom:20px;}
.sommario h2{margin:0;padding:0;border:0;float:left;clear:none;width:auto;background:none;}
.sommario h2 a{border:0;padding:7px 10px 5px 10px;color:#fff !IMPORTANT;font-size:15px !IMPORTANT;margin-right:5px;z-index:1;position:relative;-moz-border-radius:0 10px 0 0 !IMPORTANT;-webkit-border-radius:0 10px 0 0 !IMPORTANT;border-radius:0 10px 0 0 !IMPORTANT;behavior:url(http://www.piperclub.it/css/PIE.htc);}
.sommario ul {float:left;margin:0;padding:0;}
.sommario li{list-style:none;margin:0;float:left;}
.sommario a{float:left;background:#ed1c24;color:#fff;padding:7px 10px 5px 10px;z-index:1;position:relative;}
.sommario ul a{margin-right:5px;background:#333333;color:#fff;z-index:1;position:relative;-moz-border-radius:0 10px 0 0 !IMPORTANT;-webkit-border-radius:0 10px 0 0 !IMPORTANT;border-radius:0 10px 0 0 !IMPORTANT;behavior:url(http://www.piperclub.it/css/PIE.htc);}
.sommario a:hover{text-decoration:none;color:#ed1c24;}
.sommario .selected{background:#666666 !IMPORTANT;color:#fff !IMPORTANT;}

}

/* SLIDER */
.slider{position:relative;overflow:hidden;}
.slider img{position:absolute;display:block;height:auto;width:100%;border:0;}
.slider img:first-child{position:relative;}





.foto{vertical-align:middle;max-height:150px;padding:1%;background:#000;max-width:17%;margin-right:1%;margin-bottom:1%;outline:1px #999 solid;
-webkit-box-shadow:#ccc 0 0 6px;-moz-box-shadow:#ccc 0 0 6px;box-shadow:#ccc 0 0 6px;
}
.foto:hover{outline:1px #6699ff solid;}