body {
	padding-top: 70px;
	padding-bottom: 30px;
}
.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.theme-showcase > p > .btn {
	margin: 5px 0;
}
.theme-showcase .navbar .container {
	width: auto;
}
/*///////////////////////////////
           
		   COLORI
		 
/////////////////////////////////*/	

	 
.ivory {
	background-color: #eae6d6;
}
.greystripes {
	background: url(../images/texture-fondo.jpg) 0 0 repeat transparent;
}
/*/////////////////////////////////

      HEADER LOGO
	  
/////////////////////////////////*/

#logo {
	margin: 0.75em 0;
}
#logo a {
	color: white;
}
#headerlogo {
	display: block;
	padding: 0;
	margin: 15px 0 0;
	height: 46px;
	width: 280px;
	float: left;
}
#description {
	height: 0;
	overflow: hidden;
}
h1#logo {
	text-align: left;
	margin: 0; /* for this particular site, set this as you like */
	position: relative; /* allows child element to be placed positioned wrt this one */
	overflow: hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */
	padding: 0; /* needed to counter the reset/default styles */
	height: 46px; /* height of replacement image */
}
h1#logo a {
	padding-top: 46px; /* height of the replacement image */
	background: url(../images/logo.png) no-repeat 0 0 transparent;/* the replacement image */
	position: absolute; /* defaults to top:0, left:0 and so these can be left out */
	height: 0; /* hiding text, prevent it peaking out */
	width: 100%; /* 686px; fill the parent element */
}
h1#logo a:hover {
	background-position: 0 -46px;
}
/************************


footer


***************************/
.footer p {
	color: #CCC;
	font-size: 14px;
}
/************************


MARGINI, PADDING E ALLINEAMENTI


***************************/


.no-hor-padding {
	padding-left: 0;
	padding-right: 0;
}
.centered-text {
	text-align: center;
}
.arrowspacer {
	clear: both;
	height: 0px;
	padding-bottom: 8px;
	display: block;
	background: url(../images/arrowspacer.png) center top no-repeat transparent;
}
.spacer40 {
	clear: both;
	height: 0px;
	padding-bottom: 40px;
	display: block;
}
.break-dotted {
	clear: both;
	height: 0px;
	border-top: 0;
	border-bottom: 2px dotted #999;
	display: block;
	width: 100%;
}
.alignleft {
	text-align: left;
	padding-left: 0;
}
/************************


     infographic


***************************/

.infographic {
	width: 100%;
}
.process1, .process2, .process3, .process4, .process5, .process6, .process7, .process8 {
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-size: contain;
	position: relative;
	margin-bottom: 40px;
}
.process1 img, .process2 img, .process3 img, .process4 img, .process5 img, .process6 img, .process7 img, .process8 img {
	width: 150px;
	height: 150px;
	background-size: contain;
}
.process1 {
	background-image: url(../images/bollo-icon.png);
	background-repeat: no-repeat;
}
.process2 {
	background-image: url(../images/raw-icon.jpg);
	background-repeat: no-repeat;
}
.process3 {
	background-image: url(../images/combing-icon.jpg);
	background-repeat: no-repeat;
}
.process4 {
	background-image: url(../images/spinning-icon.jpg);
	background-repeat: no-repeat;
}
.process5 {
	background-image: url(../images/warping-icon.jpg);
	background-repeat: no-repeat;
}
.process6 {
	background-image: url(../images/weaving-icon.jpg);
	background-repeat: no-repeat;
}
.process7 {
	background-image: url(../images/finishing-icon.jpg);
	background-repeat: no-repeat;
}
.process8 {
	background-image: url(../images/dyeing-icon.jpg);
	background-repeat: no-repeat;
}
.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	background-color: #6c391a;
	padding: 5px;
	margin-top: 80%;
}
.caption a {
	color: white;
	padding-top: 85%;
}
.caption-active{background-color: #d17b0c;}
/***************************

 BOOTSTRAP 8 COL GRID
 
 **************************/
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8 {
	float: left;
}
.col-xs-8 {
	width: 100%;
}
.col-xs-7 {
	width: 87.5%;
}
.col-xs-6 {
	width: 75%;
}
.col-xs-5 {
	width: 62.5%;
}
.col-xs-4 {
	width: 50%;
}
.col-xs-3 {
	width: 37.5%;
}
.col-xs-2 {
	width: 25%;
}
.col-xs-1 {
	width: 12.5%;
}
.col-xs-pull-8 {
	right: 100%;
}
.col-xs-pull-7 {
	right: 87.5%;
}
.col-xs-pull-6 {
	right: 75%;
}
.col-xs-pull-5 {
	right: 62.5%;
}
.col-xs-pull-4 {
	right: 50%;
}
.col-xs-pull-3 {
	right: 37.5%;
}
.col-xs-pull-2 {
	right: 25%;
}
.col-xs-pull-1 {
	right: 12.5%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-8 {
	left: 100%;
}
.col-xs-push-7 {
	left: 87.5%;
}
.col-xs-push-6 {
	left: 75%;
}
.col-xs-push-5 {
	left: 62.5%;
}
.col-xs-push-4 {
	left: 50%;
}
.col-xs-push-3 {
	left: 37.5%;
}
.col-xs-push-2 {
	left: 25%;
}
.col-xs-push-1 {
	left: 12.5%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-8 {
	margin-left: 100%;
}
.col-xs-offset-7 {
	margin-left: 87.5%;
}
.col-xs-offset-6 {
	margin-left: 75%;
}
.col-xs-offset-5 {
	margin-left: 62.5%;
}
.col-xs-offset-4 {
	margin-left: 50%;
}
.col-xs-offset-3 {
	margin-left: 37.5%;
}
.col-xs-offset-2 {
	margin-left: 25%;
}
.col-xs-offset-1 {
	margin-left: 12.5%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8 {
	float: left;
}
.col-sm-8 {
	width: 100%;
}
.col-sm-7 {
	width: 87.5%;
}
.col-sm-6 {
	width: 75%;
}
.col-sm-5 {
	width: 62.5%;
}
.col-sm-4 {
	width: 50%;
}
.col-sm-3 {
	width: 37.5%;
}
.col-sm-2 {
	width: 25%;
}
.col-sm-1 {
	width: 12.5%;
}
.col-sm-pull-8 {
	right: 100%;
}
.col-sm-pull-7 {
	right: 87.5%;
}
.col-sm-pull-6 {
	right: 75%;
}
.col-sm-pull-5 {
	right: 62.5%;
}
.col-sm-pull-4 {
	right: 50%;
}
.col-sm-pull-3 {
	right: 37.5%;
}
.col-sm-pull-2 {
	right: 25%;
}
.col-sm-pull-1 {
	right: 12.5%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-8 {
	left: 100%;
}
.col-sm-push-7 {
	left: 87.5%;
}
.col-sm-push-6 {
	left: 75%;
}
.col-sm-push-5 {
	left: 62.5%;
}
.col-sm-push-4 {
	left: 50%;
}
.col-sm-push-3 {
	left: 37.5%;
}
.col-sm-push-2 {
	left: 25%;
}
.col-sm-push-1 {
	left: 12.5%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-8 {
	margin-left: 100%;
}
.col-sm-offset-7 {
	margin-left: 87.5%;
}
.col-sm-offset-6 {
	margin-left: 75%;
}
.col-sm-offset-5 {
	margin-left: 62.5%;
}
.col-sm-offset-4 {
	margin-left: 50%;
}
.col-sm-offset-3 {
	margin-left: 37.5%;
}
.col-sm-offset-2 {
	margin-left: 25%;
}
.col-sm-offset-1 {
	margin-left: 12.5%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8 {
	float: left;
}
.col-md-8 {
	width: 100%;
}
.col-md-7 {
	width: 87.5%;
}
.col-md-6 {
	width: 75%;
}
.col-md-5 {
	width: 62.5%;
}
.col-md-4 {
	width: 50%;
}
.col-md-3 {
	width: 37.5%;
}
.col-md-2 {
	width: 25%;
}
.col-md-1 {
	width: 12.5%;
}
.col-md-pull-8 {
	right: 100%;
}
.col-md-pull-7 {
	right: 87.5%;
}
.col-md-pull-6 {
	right: 75%;
}
.col-md-pull-5 {
	right: 62.5%;
}
.col-md-pull-4 {
	right: 50%;
}
.col-md-pull-3 {
	right: 37.5%;
}
.col-md-pull-2 {
	right: 25%;
}
.col-md-pull-1 {
	right: 12.5%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-8 {
	left: 100%;
}
.col-md-push-7 {
	left: 87.5%;
}
.col-md-push-6 {
	left: 75%;
}
.col-md-push-5 {
	left: 62.5%;
}
.col-md-push-4 {
	left: 50%;
}
.col-md-push-3 {
	left: 37.5%;
}
.col-md-push-2 {
	left: 25%;
}
.col-md-push-1 {
	left: 12.5%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-8 {
	margin-left: 100%;
}
.col-md-offset-7 {
	margin-left: 87.5%;
}
.col-md-offset-6 {
	margin-left: 75%;
}
.col-md-offset-5 {
	margin-left: 62.5%;
}
.col-md-offset-4 {
	margin-left: 50%;
}
.col-md-offset-3 {
	margin-left: 37.5%;
}
.col-md-offset-2 {
	margin-left: 25%;
}
.col-md-offset-1 {
	margin-left: 12.5%;
}
.col-md-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8 {
	float: left;
}
.col-lg-8 {
	width: 100%;
}
.col-lg-7 {
	width: 87.5%;
}
.col-lg-6 {
	width: 75%;
}
.col-lg-5 {
	width: 62.5%;
}
.col-lg-4 {
	width: 50%;
}
.col-lg-3 {
	width: 37.5%;
}
.col-lg-2 {
	width: 25%;
}
.col-lg-1 {
	width: 12.5%;
}
.col-lg-pull-8 {
	right: 100%;
}
.col-lg-pull-7 {
	right: 87.5%;
}
.col-lg-pull-6 {
	right: 75%;
}
.col-lg-pull-5 {
	right: 62.5%;
}
.col-lg-pull-4 {
	right: 50%;
}
.col-lg-pull-3 {
	right: 37.5%;
}
.col-lg-pull-2 {
	right: 25%;
}
.col-lg-pull-1 {
	right: 12.5%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-8 {
	left: 100%;
}
.col-lg-push-7 {
	left: 87.5%;
}
.col-lg-push-6 {
	left: 75%;
}
.col-lg-push-5 {
	left: 62.5%;
}
.col-lg-push-4 {
	left: 50%;
}
.col-lg-push-3 {
	left: 37.5%;
}
.col-lg-push-2 {
	left: 25%;
}
.col-lg-push-1 {
	left: 12.5%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-8 {
	margin-left: 100%;
}
.col-lg-offset-7 {
	margin-left: 87.5%;
}
.col-lg-offset-6 {
	margin-left: 75%;
}
.col-lg-offset-5 {
	margin-left: 62.5%;
}
.col-lg-offset-4 {
	margin-left: 50%;
}
.col-lg-offset-3 {
	margin-left: 37.5%;
}
.col-lg-offset-2 {
	margin-left: 25%;
}
.col-lg-offset-1 {
	margin-left: 12.5%;
}
.col-lg-offset-0 {
	margin-left: 0%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
}
.affix {
	position: fixed;
}
/***********************

      GALLERY
	  
	  
	  
	  ******************/
.modal-dialog {
}
.thumbnail {
	margin-bottom: 6px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	margin-top: 10%;
	width: 5%;
}