@charset "utf-8";
/* CSS Document 
Questo file contiene le classi personalizzate esterne a bootstrap
*/

/*body{padding-top:84px;}*/

/* ======= typography ========*/
.light{font-weight:100;} /* usato nei titoli delle sezioni. Solitamente affiancato a big-title. Es: titoli sezioni pagina linee */
.large{font-size:300%;} /* aumenta la dimensione dei testi. Usato negli h1 con .light. Es: titoli sezioni pagina linee*/
.navbarFont{font-size:16px;} /* il testo nel sito è di 18. La navBar con 18 sbrocca*/
.w1{max-width:800px; margin:auto;} /* i paragrafi nelle linee */
.white{color:#EEE6E6;}
.black{color:#111111;}
/* ======= backgrounds ========*/
.bg-light-grey{background-color:#F6F6F6;} /*background leggero per evidenziare le diverse sezioni in una pagina. Si alterna un container bianco ed uno grigio. Esistono varianti qui sotto*/
.bg-medium-grey{background-color:#EEE;} 
.bg-light-grey-gradient {
	border-top:1px solid rgba(210,210,210,1);
  background: -webkit-linear-gradient(-65.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%);
  background: -moz-linear-gradient(155.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%);
  background: linear-gradient(155.32313682966293deg, rgba(235,235,235,1) 0, rgba(248,248,248,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

.bg-light-grey-gradient-inverted {
  border-top:1px solid rgba(210,210,210,1);
  background: -webkit-linear-gradient(-65.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%);
  background: -moz-linear-gradient(155.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%);
  background: linear-gradient(155.32313682966293deg, rgba(255,255,255,1) 0, rgba(226,226,226,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}

.bg-instantpasta-gradient {
	border-top:none;
  background: -webkit-linear-gradient(-65.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%);
  background: -moz-linear-gradient(155.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%);
  background: linear-gradient(155.32313682966293deg, rgba(55,67,72,1) 0, rgba(125,147,152,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}




/* ====  box Linea In Breve ==== */
.inBreve{ 
color: rgba(255,255,255,1);
background: url("/images/lines/commons/bg-premix.jpg");
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: cover; /*auto auto;*/
text-shadow: 1px 1px 1px rgba(0,0,0,1) ;
}
.inBreve h1{color:#FFF;}
@media (min-width: 768px) {.inBreve  h1{font-size:36px;}}
@media (min-width: 992px) {.inBreve  h1{font-size:46px;}}
.inBreve h2{color:#FFF;}
.inBreve a{color:#09F;}
.inBreve ul{list-style-type:none; padding:0;}
.inBreve li{padding-top:20px;}
.inBreve small{color:#EEE;}
.inbreve_bg2{background: url("/images/lines/commons/bg-premix_1.jpg");}

/* ====  slide div ==== */
.slide{ 
min-height:440px;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: cover;
font-size:20px;
}
.slide h1{font-size:200%;}

.slide-content-left{width:50%; padding-left:10%; padding-top:90px; padding-bottom:50px; text-align:center; float:left;}
.slide-content-right{width:50%; padding-right:10%; padding-top:90px; padding-bottom:50px; text-align:center; float:right;}
.slide-content-center{width:50%; margin:auto; padding-top:90px; padding-bottom:50px; text-align:center;}


@media (min-width: 768px) {.slide{min-height:590px; font-size:28px;} .slide-content{padding-top:130px;}  }
@media (min-width: 2500px) {.slide{min-height:890px; font-size:38px;}}

.text-shadow{text-shadow: 1px 1px 1px rgba(0,0,0,0.5) ;}
.text-black{color:#000;}
.text-white{color:#FFF;}
/* ====  end of slide div ==== */

.blackBox-transparent{ 
background-color: rgba(0,0,0,0.5); 
padding:40px; 
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.35) ;
box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.35) ;
border:1px solid rgba(200,200,200,0.75);
	}

/* ==== sezione Tecnologia ==== */
.tecnologia{
	border-top:1px solid rgba(210,210,210,1);
}

@media (min-width: 768px) {
.tecnologia  h1{font-size:36px;}
}

@media (min-width: 992px) {
.tecnologia  h1{font-size:46px;}
}

.no-upper-border{border-top:none;}


.spotBoxBlue{ font-weight:100; font-size:56px; color:#06F; line-height:56px;}
.spotBoxGreen{ font-weight:100; font-size:56px; color:#093; line-height:56px;}
.spotBoxOrange{ font-weight:100; font-size:56px; color:#F60; line-height:56px;}
.spotBoxBlue small{ font-size:16px; line-height:0px;}
.spotBoxGreen small{ font-size:16px; line-height:0px;}
.spotBoxOrange small{ font-size:16px; line-height:0px;}
.spotBoxNote{ font-size:16px; color:#987;}

/* ==== End Tecnologia ==== */

.sep{height:30px;} /* usato per spaziare i contenuti. Ad esempio per spaziare le sezioni nella pagina linee */

.blue-list, .grey-list { /* lista usata nelle pallinate. il primo span è il nunero, con sfondo blu. Il secondo span è il testo, normale*/
	list-style:none;
	list-style-position:outside;
}
	
.blue-list > li > span:first-child,
.grey-list > li > span:first-child{
	color:#FFF;
	display:inline-block;
	margin-right:10px;
	width:26px;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

.blue-list > li > span:first-child{
	background-color:#004067;
}
	
.grey-list > li > span:first-child{
	background-color:#AAA;
}
	


.popUpSearchBox{
	display:none;
	position:fixed; 
	border:1px solid #ccc;
	padding:8px;
	width:200px;
	height:50px;
    right: 0px;
    top: 84px;
    z-index:100;	
    background:#fafafa; 
	}


/*override left position of the carousel images, so they will remain in the middle*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	margin:auto;
}



/*home box typography*/
.homebox{
	display:block;
	height:235px;
	color:#333;
	padding:0;
	margin-bottom:0px;
	background:#eee;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	border-top:4px solid #FFF;
	border-bottom:0;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e0e0e0+100 */
}
.homebox.lightGray{
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #f4f4f4 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(135deg,  #f4f4f4 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

.instantPastaBG{
	background: -webkit-linear-gradient(-76.65deg, #a54606 0, #a54606 1%, #ff6c00 100%);
	background: -moz-linear-gradient(166.65deg, #a54606 0, #a54606 1%, #ff6c00 100%);
	background: linear-gradient(166.65deg, #a54606 0, #a54606 1%, #ff6c00 100%);
	background-position: 50% 50%;
}
.instantPastaBG:hover{
		background:#ff6c00;
}


.homebox h1{
	font-size:22px;
	color:inherit;
}

.homebox img, .homebox h1{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}

.homebox:hover {
	text-decoration:none;
	color:#000;
}
.homebox.lightGray:hover{background:#f6f6f6;}

.homebox:hover img, .homebox:hover h1{
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
	 padding-top:4px;
}

.homebox > h1.white{
color:#fff}
.homebox > h1.white > small{
color:#ccc}


.footer{
	color:#444;
	font-size:12px;
	padding:20px 10px;;
}

/* bootstrap modifiers */
.page-header{border-bottom:0;}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {

}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}
/* end of modal full screen modifier */


/* =======================================
	Loading Div con immagine loading 
==========================================*/
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  margin:0px auto;
  display: block;
  opacity: 1.0;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: relative;
  top: 200px;
  /* left: 240px; */
  z-index: 100;
}
/* end of loading div */


/* =======================================
		Sottomenu affix 
==========================================*/
.affix-top{background:#EEE; border-bottom:1px solid #CCC;}

.affix {
  z-index:1000;
  top: 0px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;  
  width:100%;
  background:#FFF;
  opacity:0.97;
  border-bottom:1px solid #CCC;
}

.navbar-lower-height{height:40px;}	/* in caso di sottomenu diversi in pagine diverse questi 2 stili vanno messi personalizzati in ogni pagina */
.affixPadding{padding-bottom:40px;} /* in caso di sottomenu diversi in pagine diverse questi 2 stili vanno messi personalizzati in ogni pagina */

/*.navbar-lower-border{border-bottom:1px solid #CCC;}*/

.breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	font-size:12px;
	padding:0; margin:0;
	padding-left:0px;
	padding-top:16px;}
	
ul.navbar-lower-navigation{
	font-family:Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	padding-top:16px;
	list-style: outside none none;
	font-size:12px;
	color:#333;
	}	
ul.navbar-lower-navigation li{	
	display: inline-block;
	margin-left:20px;
}
ul.navbar-lower-navigation a{
	color:#000;}
ul.navbar-lower-navigation a:hover{
	color: #337ab7;;
	text-decoration: none;}
	
/* ====   Fine Sottomenu affix  ==== */
/*
.gallery{
	background:url(/images/lines/commons/bg-gallery-768.jpg) top center no-repeat;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: cover;
	background-size: cover;	
	}
@media screen and (min-width: 769px) {
  .gallery{
    background:url(/images/lines/commons/bg-gallery-1920.jpg) top center;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: cover;
	background-size: cover;		
  }
}
@media screen and (min-width: 1921px) {
  .gallery{
    background:url(/images/lines/commons/bg-gallery-2560.jpg)  no-repeat;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: cover;
	background-size: cover;		
  }
}
*/

.playVideoButton:hover{cursor:pointer;}

.gallery{
	background:url(/images/lines/commons/bg-gallery-768.jpg) top center no-repeat;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: cover;
	background-size: cover;	
	}
@media screen and (min-width: 769px) {
  .gallery{
    background:url(/images/lines/commons/bg-gallery-1920.jpg) top center;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: cover;
	background-size: cover;		
  }
}



.galleryThumb{
	display:inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #EEE;
	cursor:pointer; 
	margin:4px;
	overflow:hidden;
	-webkit-box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.91) ;
	box-shadow: 5px 5px 19px 0 rgba(0,0,0,0.91) ;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
.galleryThumb:hover{
	-webkit-box-shadow: 0px 0px 26px 0 rgba(255,255,255,0.91) ;
	box-shadow: 0px 0px 26px 0 rgba(255,255,255,0.91) ;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;  
}
.galleryThumb:hover img{
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;	 
}
.specsTable{width:100%;}
.specsTable td{vertical-align:top; padding-top:6px;}
.specsTable td p{ line-height:100%; padding:0; padding-top:9px; margin:0;}
.specsTable td p.first{ padding-top:16px;}
.specsTable h4{font-weight:bold; font-size:18px; margin-top:0;}
.specsTable h4.topMargin{margin-top:10px;}
.specsTable td.capacity{width:24%; font-style: italic;	text-align: right;	font-size: smaller;	padding-top: 2px; padding-right: 38px; padding-bottom:16px;} /* lista paste per capacità produttiva. Padding va fatto su misura per ogni lingua*/
.specsTable th{width:24%; font-size:28px; font-weight:200; vertical-align:top;}
.specsTable ul{	list-style:none; padding:0; margin:0; padding-bottom:20px;}
.specsTable ul li{padding-bottom:16px;}
hr {
  border-top: 1px solid #ddd;
}

.formatoPasta{
	width:160px;
	height:160px;
	vertical-align:top;
	text-align:center;
	/* 
	=========================================
	test per trasformarle in icona. Non male.
	=========================================
	border: 1px solid #CCC;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	margin-bottom:20px;

	background: -webkit-linear-gradient(-90deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%);
	background: linear-gradient(180deg, rgba(63,121,255,1) 0, rgba(4,61,114,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;	
	*/
}
.formatoPasta img{width:120px; height:120px;}
.formatoPasta .caption {line-height:16px; }
.formatoPasta .caption small{ font-size:x-small;}

/*gmap*/
#map-canvas {
  width: 100%;
  height: 500px;
  border:0;
}
blockquote{font-style:italic;}

.contactBox{
	text-align:center; 
	padding-top:30px; 
	padding-bottom:30px;	
}
.contactBox h3 {font-weight:bold;}
.contactBox .glyphicon{font-size:50px; 
	color:#888; 	
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;
}
.contactBox hr{margin-left:30%; margin-right:30%}

.contactBox:hover .glyphicon{
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;
	color:#06C;
}





.ricambiBox{
	text-align:center; 
	padding-top:30px; 
	padding-bottom:30px;	
}
.ricambiBox .imgContainer{height:170px; overflow:hidden; vertical-align:bottom;}
.ricambiBox h3 {font-weight:bold;}
.ricambiBox hr{margin-left:30%; margin-right:30%}


/*****************bootstrap tabs overrides*****************************/
/*tabs*/
.nav-tabs {
  border: 0px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: 0px;
  background-color: #32c5d2;
  color: #fff;
}

.nav-tabs > li > a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-color: #f4f4f4;
  border: 0px;
}

.nav-tabs > li > a:hover {
  border: 0px;
}

.tabs .nav-tabs {
  border-bottom: none;
}

.tabs .nav-tabs li {
  margin-bottom: 0;
}

.tab-content {
  overflow: hidden;
  padding: 15px 0;
}

/*****vertical left tabs--*****/
.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
}
.tabs-left .nav-tabs > li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left .tab-content {
  padding: 0px;
}

.openGallery:hover{cursor:pointer;}

.src-news-date {
	font-size: 13px;
	color: #666;
	padding: 21px 33px 12px 10px;
}

.pa15{padding:15px;}

.movingContactBox { 
	position: fixed;
	left:-200px;
	top:-200px;
	display:none;
}
/* riga a destra del testo. usata nei tipi di file dell'area riservata */
.right_line{overflow:hidden}
.right_line:after{
    content:"";
    display: inline-block;
    height: 0.3em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 20px;
    border-top: 1px solid #CCC;
	}