.bordo{ padding:3px; border:3px solid #557d0d;}
#nav-switcher{margin-bottom:30px;float:right}
#nav-switcher a{margin-top:1px;}
#nav-switcher a.current{background-color:#31373d}
#foliowrap li {max-width:25%;width:25%;float:left; text-align:center;}
#foliowrap li.clearLi{ clear:both; width:100%; max-width:100%;}
#foliowrap li img{max-width:100%;box-shadow:0 0 1px rgba(0,0,0,0.2);}
#foliowrap li div.folio-inner{ margin: 5px; padding:10px;position: relative; background-color: rgba(255,255,255,0.2);-webkit-box-shadow:: inset 0px -1px 0px 0px rgba(0,0,0, 0.07);box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07);border:1px solid rgba(234,234,234,0.5);}
#foliowrap li div.folio-inner h4{margin-top:10px}
#foliowrap li div.folio-inner div{ text-align:center;}
#foliowrap li div.folio-inner div span.stato{ text-align:center; padding-bottom:5px; color:#006600}



#foliowrap .pcontent{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(246,246,246,0.9) }
#foliowrap .pcontent .inner{ text-align: center;padding:20px}
#foliowrap .pcontent .inner h4{margin-top:20px}
#foliowrap .pcontent .inner span{display:inline-block;width:32px;height:32px;margin-top:15px}
#foliowrap .pcontent .inner span a{ display: block; width: 32px; height: 32px; background-image: url(../images/icons.png); background-repeat: no-repeat; }
#foliowrap .pcontent .inner span a.show{ margin-right: 10px; background-position: 0 0; }
#foliowrap .pcontent .inner span a.show:hover{background-position: -32px 0 }
#foliowrap .pcontent .inner span a.goto{margin-left: 10px; background-position:0 -32px; }
#foliowrap .pcontent .inner span a.goto:hover{background-position:-32px -32px; }

#portfolio ul.infobox{margin-top:20px}
#portfolio ul.infobox li{padding:15px; margin-bottom: 4px; border:2px solid #eaeaea; border-radius:3px;}
#portfolio ul.infobox li i{ font-size:24px; color:#eaeaea; padding-right:15px;}
#portfolio ul.tabs{margin-top:10px}
#portfolio ul.tabs li{height:35px}
#portfolio .tabs a{box-shadow:none;background:#E8641B;color:#fff;float:left;font:bold 12px/35px Arial;height:35px;padding:0 30px;text-decoration:none;text-shadow:none;display:block}
#portfolio .tabs a:hover{background:#FC6C1D}
#portfolio .tabs #current a{box-shadow:0 0 1px rgba(255,255,255,0.2);background-color:transparent;background-attachment:scroll;background-image:url(../images/trans.png);background-repeat:repeat;text-shadow:none; color:#40474e;-webkit-box-shadow: 0px 4px 0px rgba(50, 50, 50, 0.03);-moz-box-shadow:0px 4px 0px rgba(50, 50, 50, 0.03);box-shadow:0px 4px 0px rgba(50, 50, 50, 0.03);border:1px solid rgba(234,234,234,0.5) }
#portfolio .tab-content{color:#40474e;background-color:transparent;background-attachment:scroll;background-image:url(../images/trans.png);background-repeat:repeat;padding:20px;min-height:50px;-webkit-box-shadow: 0px 4px 0px rgba(50, 50, 50, 0.03);-moz-box-shadow:0px 4px 0px rgba(50, 50, 50, 0.03);box-shadow:0px 4px 0px rgba(50, 50, 50, 0.03);border:1px solid rgba(234,234,234,0.5) }

.gallerycani div.cont{ display:block; clear:both;
}
.gallerycani div.img{ float:left; padding:10px; margin:5px; border:3px solid #879D17; background-color:#E3FA96; margin-bottom:10px;}

.gallerycani div.video{ padding:10px; margin:5px; border:3px solid #879D17; background-color:#E3FA96; margin-bottom:10px;}
.gallerycani div.titolo{
color:#879D17; width:100%; padding:3px; text-align:left;
}
.gallerycani div img{ max-width:900px !important;}

.img-responsive{display:block;height:auto;max-width:100%}


.rwd-video {
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #foliowrap li {max-width:33.33333%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #foliowrap li {max-width:33.33333%;}
}
@media only screen and (max-width: 767px) {
  #foliowrap li { max-width: 100% }
  #portfolio  .tabs li,#portfolio .tabs li a{margin:0;padding:0;float:none;display:block}
  #portfolio  .tabs li{margin-bottom:1px}
  #portfolio  .tabs li a{padding-left:10px}
  #nav-switcher{margin-bottom:30px;float:none}
  #nav-switcher a{display:block;float:none;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #foliowrap li { max-width: 50%; }
  #nav-switcher{margin-bottom:30px;float:none}
  #nav-switcher a{margin-top:1px;display:block;float:none;}
  .rwd-video {
	min-height:300px;
	height: 100%;

}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
}

@media only screen and (min-width: 100px) and (max-width: 479px) {
#foliowrap li {max-width:90%;width:90%;float:left}
.gallerycani div.img img{ max-width:100% !important; width:100% !important;}

.rwd-video {
	min-height:300px;
	height: 100%;

}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
}