/*!
 * custom CSS
 */


/* IMPORT -------------------------------------------------------------------------------------------------------------- */
@import url(css-reset.min.css);			/* Eric Meyer's Reset CSS v2.0 */
@import url(main.css);					/* HTML5 Boilerplate v4.3.0 */
@import url(grid.css);					/* Grid  */
@import url(typo.css);					/* custom typography */
@import url(buttons.css);				/* custom buttons */
@import url(mappa-carosello.css);
@import url(distributori.css);
@import url(jquery.sidr.light.css);

@import url(font-awesome.min.css);

/* COMMON CLASSES ------------------------------------------------------------------------------------------------------ */

.left {float:left !important;}
.right {float:right !important;}
.noPad {padding:0px !important;}
.noMarg {margin:0px !important;}
.noBrd {border:none !important;}

.relative		{ position:relative; }
.float-left 	{ float:left;}
.float-right	{ float:right;}
.absolute 		{ position:absolute;}
.relative		{ position:relative; }
.separator		{ display:block;clear:both;content:" "; }
.mobile-visible	{ display:none; }


/* OVERRIDES ------------------------------------------------------------------------------------------------------------ */
/*ul {list-style:none;}*/




/* LAYOUT --------------------------------------------------------------------------------------------------------------- */
#mainWrapper, #headWrapper, #contWrapper, #footWrapper {
	width:auto;
	height:auto;
	clear:both;
	float:none;
	margin:0px;
	padding:0px;
}
/*
#headWrapper, #contWrapper, #footWrapper {
	padding-left:20px;
	padding-right:20px;
}
*/


/* HEADER --------------------------------------------------------------------------------------------------------------- */
#headWrapper {/*margin-bottom:20px;*/}
#headWrapper .row {
	/*height:130px;*/
	height:120px;
	position:relative;
	z-index:999 !important;
}

#headWrapper .logo 			{ position:absolute;bottom:20px;left:0px;}
#headWrapper .logo img		{ vertical-align:baseline; }
#headWrapper .logo img:first-child	{ margin-right:20px;/*width:auto;*/width:150px;margin-top:10px; }
#headWrapper .logo img:last-child	{ width:auto; }
#headWrapper .top-menu		{ position:absolute;top:30px;right:0px;z-index:999;}
#headWrapper .bottom-menu	{ position:absolute;bottom:20px;right:0px;z-index:998;}
#headWrapper .row	{overflow:visible;}

#mainMenu li, #topMenu li 					{float:left;color:#a4a2a4;margin-left:10px;text-transform:uppercase;line-height:100%;}
#mainMenu li a, #topMenu li a 				{display:block;color:#a4a2a4;text-decoration:none;}
#mainMenu li a:hover, #topMenu li a:hover 	{color:#c7c7c7;}
#mainMenu li a.active 						{cursor:default;font-weight:600;color:#54575a;}
#mainMenu li {font-size:/*18px;*/16px;margin-left:10px;font-weight:600;}
#topMenu li img {margin-top:-3px;margin-right:5px;}
#topMenu li {font-size:12px;font-weight:400;}
#top-mn2 {border-left:1px solid #a4a2a4;padding-left:10px;}
#top-mn2 span {color:#333333;}
#top-mn2 span:hover {color:#999999;}
#lang-select {display:none;border:1px solid #ccc;border-radius:3px;position:absolute;right:0;top:20px;background:#fff;z-index:999;width:50px;}
#lang-select li {display:block;clear:both;}
#lang-select li a {padding:10px 20px 0px 0px;display:block;float:right;text-align:left;clear:both;}
#lang-select li:last-child {padding-bottom:10px;}

/*sidr*/
#sidr-right-btn, #sidr-left-btn {display:none;}
	
/*other*/
.active {color:#54575a;}
.lang-select {margin-left:10px !important;}

#open-menu-wrapper {display:none;}
#open-menu-wrapper .container {position:relative;padding:0;background:#DBE0E4;padding:20px 0;}
#open-menu-wrapper .row {height:auto;max-width:1600px;padding:0;}
#open-menu-wrapper .row .relative {margin:0 auto;padding:0 20px;/*width:100%;*/width:auto;}
#open-menu-wrapper .bg {position:absolute;width:100%;height:40%;top:0;background-color:#fff;}
#open-menu-wrapper .menu-item {float:left;width:12.8%;margin-right:1%;}
.menu-item h5 {color:#2E3235;margin-top:0px;text-transform:uppercase;}
.menu-item p {font-size:13px;color:#757A7D;font-weight:400;margin-bottom:0px;}
.menu-item#animo {border-left:1px solid #7E7E7E;padding-left:3%;margin-right:0;float:right;}
.menu-item#animo .menu-title {max-width:200px;}
.menu-img {/*height:230px;*/text-align:center;}
.menu-img img {width:100%;max-width:200px !important;}
/*#animo img {width:80%;max-width:200px !important;}*/


/* CONTAINER --------------------------------------------------------------------------------------------------------------- */
#contWrapper {}
		
/* FOOTER ------------------------------------------------------------------------------------------------------------------- */
#footWrapper {overflow:hidden;padding:0px;}

#footWrapper .bandaGrigia {
	margin-bottom:40px;
	/*
	margin-top:80px;
	*/
	position:relative;
	background-color:#cccccc;
	width:100%;max-width:100%;
	height:60px;
}
.footer-separator {height:80px;}
#footWrapper .bandaGrigia .vertical-align {left:50%;}
#footWrapper .bandaGrigia .relative {left:-50%;padding-top:7px;}
#footWrapper .bandaGrigia h3 {color:#666666;}
#footWrapper .container {padding-left:20px;padding-right:20px;width:auto;}


#footWrapper .desc {border-bottom:1px solid #dddddd;margin-bottom:20px;}
#footWrapper .desc .span-33 .relative {width:90%;}
#footWrapper .desc .span-33 img {margin-right:10px;margin-bottom:5px;display:block;float:left;}
#footWrapper p {color:#999999;font-size:14px;font-weight:400;margin-bottom:20px;}
#footWrapper .endpage {position:relative;margin-bottom:100px;}

#footWrapper a, #footWrapper a:link, #footWrapper a:visited,#footWrapper a:active, #footWrapper a:hover {
	color:#999999;
}
#footWrapper a:hover {text-decoration:none;color:#666666;}




/*  ------------------------------------------------------------------------------------------------------------------------- */
/* PAGINE ------------------------------------------------------------------------------------------------------------------- */
/*  ------------------------------------------------------------------------------------------------------------------------- */


/* homepage ------------------------------------------------------------------------------------- */
#prev, #next {z-index:999;}
#prev i {position:absolute;right:25%;color:#FFF;font-size:30px;top:45%;}
#next i {position:absolute;left:25%;color:#FFF;font-size:30px;top:45%;}

.info-wrap {position:relative;width:100%;max-width:1140px;z-index:998;height:1px;overflow:visible;margin:0 auto;}
.info-wrap-b img.align {position:absolute;top:50%;left:50%;margin:-35px 0px 0px -275px; z-index:1;}
.info-wrap-b {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.info-box-b {width:100%;max-width:1140px;margin:0px auto; background:#000; position:relative; height:100%;bottom:0px;}

/*
.info-wrap {position:relative;width:100%;max-width:1140px;z-index:998;height:1px;overflow:visible;margin:0 auto;}
.info-box {width:100%;max-width:1140px;margin:0px auto; background:rgba(0,0,0,0.5); position:relative; height:100%;bottom:0px;}
*/

	
/*highlight*/
.highlight	{margin-top:30px;}
.highlight .span-33 .relative {width:100%;height:100%;}
.highlight i {z-index:999;}
.highlight img {width:100%;margin-bottom:30px;}
.highlight .row .span-33 {width:31.3%;}
.highlight .row .span-33:nth-child(2) {margin:0 3%;}
.highlight p {margin-right:20px;font-weight:300;color:#666666;font-size:16px;}

.citazione	{font-style:italic;color:#333333;margin-top:20px;margin-bottom:20px;}
.citazione .span-10 {
	position:relative;
	text-align:left;
	margin-left:9%;
	margin-left:9%;
	background:url('../img/cit.png') top left no-repeat;
}
.citazione p {margin-left:100px;margin-right:100px;padding-top:30px;line-height:200%;}

.grey-highlights .relative {background-color:#e5e5e5;text-align:right;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
.grey-highlights .relative:hover {
	background:#d7d7d7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;

}
.grey-highlights .relative img {width:100%;}
.grey-highlights .span-full-5 img {width:100%;} 
.grey-highlights .span-full-5 {width:48.1%;margin:20px 0;}
.grey-highlights .span-full-5:first-child {margin-right:1.9%;}
.grey-highlights .span-full-5:last-child {margin-left:1.9%;}

.grey-highlights-title {position:absolute;top:0;left:0;margin:20px;}
.grey-highlights-title h3 {font-size:28px;line-height:24px;}
.grey-highlights-title h3:first-child {margin-bottom:0px;text-align:left;}
.grey-highlights-title h3:nth-child(2) {font-weight:400;text-align:left;}

.grey-highlights-desc {position:absolute;margin-left:20px;margin-right:20px;bottom:15%;left:0;}
.grey-highlights-desc p {font-size:13px;color:#666666;line-height:100%;font-weight:400;margin-bottom:0px;text-align:left;}





/* catalogo ------------------------------------------------------------------------------------- */

	#fixed-submenu {background:#fff;color:#333333;font-size:12px;}
	#fixed-submenu #top-menu {border-top:1px solid #CCCCCC;/*display:none;*/} 
	#fixed-submenu #bottom-menu {background-color:#FFE62B;padding-top:7px;padding-bottom:7px;}
	#fixed-submenu #bottom-menu i {color:#C1B02D;}
	ul#catalogo-bottom-menu li {display:block;float:left;}
	ul#catalogo-bottom-menu li a {margin-right:10px;color:#000000;font-size:12px;display:block;float:left;text-transform:uppercase;font-weight:400;}
	ul#catalogo-bottom-menu li a:hover {color:#666666;}
	
	
	.menu-fixed {position:fixed;top:0;width:100%;z-index:1000;}
	ul#catalogo-top-menu li {display:block;float:left;}
	ul#catalogo-top-menu li h2 {color:#666666;text-transform:uppercase;font-weight:400;margin:10px 0 10px 0;font-size:18px;display:block;float:left;}
	ul#catalogo-top-menu li h2 span.uni {color:#000000;}
	ul#catalogo-top-menu li h2 span.type {color:#B8B8B8;font-weight:400;}
	ul#catalogo-top-menu li span.spacer {margin-left:10px;margin-right:10px;color:#cccccc;font-size:12px;display:block;float:left;margin-top:9px;}
	ul#catalogo-top-menu li a:hover, ul#catalogo-top-menu li a:hover span {color:#B8B8B8;}
	ul#catalogo-top-menu li.active {background:url('../img/active-menu-yellow.jpg') bottom center no-repeat;background-position:40% 100%;}

	/*contenitori*/
	#presentazione-prodotto,
	#slideshow-prodotto,
	#optionals,
	#highlights,
	#caratteristiche-tecniche,
	#prodotti-correlati,
	#downloads,
	#accessori
	#vassoi,
	#editoriale-porcellane,
	#altro
	{margin-top:60px;}

	#intro-accessori {margin-top:40px;}
	#all-news, #news-splash {margin-top:20px;}
	#contatti-splash, #contatti-cont {margin-top:20px;}
	#download-container {margin-top:40px;}
	
	#prodotti-correlati .span-3:last-child, 
	#downloads .span-4:last-child {margin-right:0px;}
	
	


		


	
	
		/*presentazione*/
		#presentazione-prodotto {position:relative;}/*eccezionale solo per absolute interni!*/
		#presentazione-prodotto .container {z-index:990 !important;}
		#presentazione-prodotto .span-7 {margin-right:0px;text-align:right;z-index:990 !important}
		#presentazione-prodotto .span-7 img {width:100%;margin-bottom:40px;z-index:990 !important}
		#presentazione-prodotto #intro-titolo {position:absolute;width:100%;top:0;height:50%;z-index:1;}
		#presentazione-prodotto #intro-testo {position:absolute;width:100%;background:#DBDCDD;bottom:0;height:49%;z-index:1;}
			#presentazione-prodotto #intro-titolo .row,
			#presentazione-prodotto #intro-testo .row {/*padding-left:20px;*/}
			#presentazione-prodotto #intro-titolo .row #top-abs {width:38%;z-index:990 !important}
			#presentazione-prodotto #intro-testo .row #bottom-abs {margin-top:40px;width:38%;}
			#top-abs p, #bottom-abs p {margin:0px;} 
			#top-abs p {color:#545454;margin-top:40px;z-index:990 !important}
			#bottom-abs p {color:#717173;margin-bottom:20px;}
			
			#top-abs {display:none;}/*serve per fadeIn DOPO di .load*/

		
		/*slideshow*/		
		#slideshow-prodotto .span-8 {margin-right:0px;width:69%;}
		#slideshow-prodotto .span-8 img {width:100%;}
		#slideshow-prodotto .span-4 {width:25%;margin-right:5.75%;}
		#slideshow-prodotto .titolo {border-bottom:2px solid #cccccc;width:100%;clear:both;margin-bottom:60px;}
		#slideshow-prodotto p { color:#353535;font-size:18px; }
		#slideshow-prodotto p.bold { font-weight:600; }
		#slideshow-prodotto span.italic { font-style:italic; }
		#slideshow-prodotto h2 {color:#666666;text-transform:uppercase;font-weight:400;margin-bottom:10px;font-size:30px;}
		#slideshow-prodotto h2 span {color:#000000;text-transform:uppercase;font-weight:400;font-style:none;}
		#slideshow-prodotto p.testo { color:#363636;font-size:14px; line-height:160%;font-weight:400; }
		
		#slideshow-prodotto #boxSlider {width:60%;margin-right:10%;float:left;}
		#slideshow-prodotto #boxInfo {width:30%;float:left;margin-top:20px;}
		#slideshow-prodotto #slider {position:relative;margin:auto;width:80%;}
		#slideshow-prodotto #prev	{position:absolute;top:50%;left:-10%;color:#000000;z-index:999;}
		#slideshow-prodotto #next	{position:absolute;top:50%;right:-10%;color:#8B8B8B;z-index:999;font-size:30px;}
			#boxInfo a {display:block;clear:both;text-transform:uppercase;margin-bottom:10px;}
			#boxInfo a.active {color:#363636;font-weight:400;}
			#boxInfo i {margin-right:5px;}

		.accordion-item {width:100%;display:block;}
		.acc-title {
			display:block;
			width:100%;
			/*background:url(../img/ico-accordion-plus.png) no-repeat right center #ccc;*/
			background:#ccc;
			height:60px;
			clear:both;
			cursor:pointer;
			margin-top:10px;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition:	all 0.3s ease-in-out;
			-o-transition:		all 0.3s ease-in-out;
			-ms-transition:		all 0.3s ease-in-out;
			transition:			all 0.3s ease-in-out;
		}		
		.acc-title:hover {background-color:#999;color:#333;}
		
		.acc-title .left, .acc-title .right {margin:20px;text-transform:uppercase;}
		.acc-content {padding:20px 0 20px 0;display:none;}
		.acc-active, .acc-active:hover {/*background:url(../img/ico-accordion-close.png) no-repeat right center #333;*/background:#333;color:#fff;}
		
		table, thead {width:100%;}
		td {padding:5px 0 5px 0;border-bottom:1px solid #A9A9A9;}
		th {padding:0px 0 10px 0;}
		thead {padding:0;border-bottom:2px solid #A9A9A9;font-weight:400;font-size:14px;text-transform:uppercase;}
		.table-disegno th,
		.table-disegno td {width:25%;text-align:center;}
		.table-disegno td {font-weight:300;font-size:14px;color:#828282;}
		.table-disegno tr td:first-child {width:25%;text-align:left;}
		
		.prod-correlato {text-align:left;}
		.prod-correlato p {font-size:14px;color:#333333;font-weight:400;}
		.prod-correlato h2 {font-size:22px;margin-top:0px;margin-bottom:10px;color:#333333;font-weight:400;}
		.prod-correlato h2 span {color:#666666;font-weight:400;margin-right:5px;}
		
		#downloads {margin-bottom:20px;}
		#downloads .span-4 {background:#E5E5E5;margin-bottom:20px;}
		.dwnl-box .span-4 a {display:block;color:#666;}
		#downloads .dwnl-box .span-4:nth-child(3n) {margin-right:0;clear:right !important;}
		#downloads img {margin:10px;}
		#downloads .desc {margin-left:130px;padding-right:10px;color:#666666;font-size:20px;}
		#downloads .desc h4 {color:#666;font-weight:600;margin-bottom:5px;}
		#downloads a:hover .desc h4, #downloads a:hover .desc {color:#000;}
		
		
		
		.slideItem {cursor:pointer;}
		
		.prod-content .prod-box {
		    /*height: 540px;*/
		    width: 100%;
		    position: absolute;
		    left: 0;
		    overflow: hidden;
		    display:none;
		}
		.prod-content .prod-spacer {
			display: block;
		    float: left;
		    /*height: 540px;*/
		    left: 0;
		    position: relative;
		    width: 100%;
		    z-index: -1;
		    display:none;
		}
		
		.single-item-detail {
			width:100%;
			margin:0 auto;
			max-width:1140px;
			/*padding:20px;*/
		}

		.single-item-detail h5 {color:#000000;text-transform:uppercase;margin-bottom:20px;}
		.single-item-detail p {color:#626262;margin:0 0 20px 0 !important;font-size:14px;font-weight:400;}
		.single-item-detail p span {font-weight:600;}




/* profile ------------------------------------------------------------------------------------- */
.profile p,
.banda-grigia-profilo p {font-size:14px;font-weight:400;line-height:160%;color:#454545;margin-bottom:10px;}
.profile-title {margin-top:40px;padding-bottom:40px;border-bottom:3px solid #ccc;font-weight:600;}
.profile-title h1 {font-size:40px;line-height:40px;text-transform:uppercase;margin:0;padding:0;}
.banda-grigia-profilo {background:#e5e5e5;padding:60px 20px;margin-bottom:40px;}
.banda-grigia-profilo h1 {text-transform:uppercase;font-size:40px;}
.banda-grigia-profilo .span-2 {margin-right:0;}
.banda-bianca-profilo {margin-top:80px;}
.banda-bianca-profilo p {font-size:14px;font-weight:400;line-height:160%;color:#454545;margin-bottom:10px;}
.profile {padding-bottom:80px;}
.banda-bianca-profilo .span-4 img {max-width: 100%; width: 100%;}



/* accessori ------------------------------------------------------------------------------------- */
.yellow-submenu #fixed-submenu {background:#FFE62B;color:#999894;font-size:12px;}
.yellow-submenu #fixed-submenu li h2 span.type {color:#999B9A;font-weight:400;}

.yellow-submenu ul#yellow-submenu-right li {display:block;float:left;}
.yellow-submenu	ul#yellow-submenu-right li h2 {color:#666666;text-transform:uppercase;font-weight:400;margin:10px 0 10px 0;font-size:18px;display:block;float:left;}
.yellow-submenu	ul#yellow-submenu-right li h2 span.uni {color:#000000;}
.yellow-submenu	ul#yellow-submenu-right li span.spacer {margin-left:10px;margin-right:10px;color:#cccccc;font-size:12px;display:block;float:left;margin-top:9px;}
.yellow-submenu	ul#yellow-submenu-right li a:hover {color:#B8B8B8;}
.yellow-submenu	li.active h2 a {
	color:#000;
}

.splash-accessori {width:50%;}
.splash-accessori img {width:100%;}
.info-accessori-titolo {position:absolute;height:50%;width:50%;left:50%;top:0;background-color:#fff;z-index:999;}
.info-accessori-testo {position:absolute;height:50%;width:50%;left:50%;bottom:0;background-color:#DBDCDE;z-index:999;}

.info-accessori-titolo h1 {color:#555557;font-size:80px;text-transform:uppercase;padding-left:40px;padding-bottom:80px;}
.info-accessori-titolo span {display:inline;position:absolute;bottom:40px;left:40px;color:#555557;font-size:20px;line-height:140%;} 
.info-accessori-testo span {display:inline;position:absolute;top:40px;left:40px;color:#555557;font-size:20px;line-height:140%;font-weight:300;width:60%;}

#intro-accessori img {width:100%;}
#accessori .row {border-bottom:1px solid #ccc;margin-bottom:80px;padding-bottom:60px;}
#accessori .left-box img {width:95%;}

.optional-table {margin-top:20px;}
.optional-table td {padding:5px 0 5px 0;text-transform:uppercase;}
.optional-table th {padding:5px 0 5px 0;background:#CCCCCC;color:#363636;font-weight:400;}
.optional-table thead {padding:0;font-weight:400;font-size:14px;text-transform:uppercase;border:0;}
.optional-table th,
.optional-table td {width:33%;text-align:center;font-weight:300;font-size:14px;}
.optional-table td {color:#828282;}

/* porcellane ------------------------------------------------------------------------------------- */
#porcellane .left-box img {width:90%;}
#porcellane .row {border-bottom:1px solid #ccc;margin-bottom:80px;padding-bottom:60px;}

/* distro-it ------------------------------------------------------------------------------------- */
#distro-ita {margin-top:20px;margin-bottom:60px;}
#distro-ita .corporate-info h4 {color:#54575A;text-transform:uppercase;font-weight:400;margin-bottom:20px;}
#distro-ita .corporate-info p {color:#54575A;font-weight:400;margin-bottom:20px;font-size:14px;line-height:140%;}
#distro-ita .map img {width:100%;}
#distro-ita .distro-output {margin-right:0;}

#distro-world {margin-top:20px;margin-bottom:60px;}
#distro-world .corporate-info h4 {color:#54575A;text-transform:uppercase;font-weight:400;margin-bottom:20px;}
#distro-world .corporate-info p {color:#54575A;font-weight:400;margin-bottom:20px;font-size:14px;line-height:140%;}
#distro-world .map {margin-bottom:40px;}
#distro-world .distro-output {margin-right:0;}


/* news ------------------------------------------------------------------------------------- */
.news-img, .news-txt {margin-bottom:20px;}
.news-img img {width:100%;}
.news-txt p {margin-bottom:5px;font-size:16px;font-weight:400;color:#212121;line-height:140%;}
.news-txt span {margin:0;color:#ccc;font-size:14px;font-weight:300;}

#news-splash img {width:100%;}
#news-splash {margin-bottom:40px;}
#dettaglio-news .span-8 {float:none;margin:0 auto;position:relative;}
#dettaglio-news h1 {font-weight:600;text-transform:uppercase;display:block;width:100%;border-bottom:2px solid #ccc;padding-bottom:10px;}
#dettaglio-news .back {position:absolute;top:0;right:0;}
#dettaglio-news .back i {color:#ccc;}
.news-sottotitolo {font-style:italic;color:#333333;font-size:16px;}
.news-contenuto {font-size:14px;font-weight:400;color:#333333;line-height:160%;}

#all-news a {display:block;}
#all-news a p:hover {color:#999999;}


/* porcellane ------------------------------------------------------------------------------------- */
.editoriale-porcellane {color:#54575A;font-weight:400;line-height:140%;font-size:16px;margin-top:20px;margin-bottom:20px;}



/* download ------------------------------------------------------------------------------------- */
#titolo-download h2 {font-size:18px;color:#000;}
#titolo-download {margin-bottom:0px;}
#download-container .row {margin-bottom:40px;}
#download-container .download-item .left {float:left;width:65%;margin-right:5%;}
#download-container .download-item .right {float:left;width:30%;}
#download-container .download-item .right img {width:100%;}
#download-container .download-item .left h3 {color:#898989;font-size:16px;font-weight:600;text-transform:uppercase;}
#download-container .download-item .left ul li img {margin-top:-3px;margin-right:5px;}
#download-container .download-item .left p,
#download-container .download-item .left ul li {display:block;clear:both;color:#898989;font-size:12px;font-weight:600;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #e7e7e7;}
#download-container .download-item .left ul li:last-child {border-bottom:0px;}
#download-container .download-item .left p {border:0;margin-bottom:20px;}
#download-container .download-item .left ul li a {color:#797979;}
#download-container .download-item .left ul li a:hover {color:#333333;}
h2.titolo-brochure {font-size:16px; border-bottom:2px solid #cccccc;width:100%;clear:both;margin-bottom:20px;color: #898989;padding-bottom:8px;text-transform:uppercase;font-weight:600;}
h2.titolo-brochure span {color:#000;}
.download-item .right img {max-width:140px;margin:0 0px 20px 0px;}
.download-item .right {text-align:center;}

/* contatti ------------------------------------------------------------------------------------- */
#contatti-splash img {width:100%;}
#contatti-cont .corporate-info h4 {color:#54575A;text-transform:uppercase;font-weight:400;margin-bottom:20px;}
#contatti-cont .corporate-info p {color:#54575A;font-weight:400;margin-bottom:20px;font-size:14px;line-height:140%;}
#contatti-cont a {color:#333333;font-weight:600;}
#contatti-cont a:hover {color:#999999;}
#contatti-cont .corporate-info p.staff {font-weight:100;font-size:16px;}
#contatti-cont .corporate-info p.staff span {font-style:italic;font-weight:100;}
#contatti-cont .corporate-info p.staff a {font-weight:100;color:#A3A3A3;}
#contatti-cont .corporate-info p.staff a:hover {font-weight:100;color:#333333;}

/* video ---------------------------------------------------------------------------------------- */
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe, .video-container object, .video-container embed {position: absolute;top:0;left:0;width:100%;height:100%;}


/* MEDIA QUERIES --------------------------------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1200px) {
/*
	#presentazione-prodotto #intro-testo .row #bottom-abs {margin-top:20px;width:38%;}
	#bottom-abs {margin-top:20px;}
	#bottom-abs p {font-size:16px;margin-bottom:10px;}
	*/

}



@media handheld, only screen and (max-width: 1023px) {
	
	.distro-box {margin-top:20px;}	
	
	/*common*/	
	.mobile-hidden {display:none;}
	.mobile-visible {display:inline;}
	.logo img	{max-width:100% !important;}
	#mainMenu, #topMenu {display:none;}
	#sidr-right-btn {display:inline-block;}
	#sidr-right-btn {background-color:#c7c7c7;position:absolute;top:20px;right:0px;}
	#open-menu-wrapper {display:none !important;}
	.highlight .container,
	#highlightsWrapper .container {padding:0;}
 	.highlight	{margin-left:20px;margin-right:20px;}
	.highlight .row .span-33 {width:31.3%;float:left;}
	.highlight .row .span-33:nth-child(2) {margin:0 3%;}	
	#highlightsWrapper .span-full-5 {width:auto;float:none;margin:0;padding:0px 20px 20px 20px;}
	.grey-highlights .span-full-5:first-child .relative {margin-right:0px;}
	.grey-highlights .span-full-5:last-child .relative {margin-left:0px;margin-top:20px;} 
	.grey-highlights .span-full-5 img {width:100%;} 
	.grey-highlights-desc p {font-size:16px;}
	.grey-highlights .span-full-5:last-child .relative {
	    margin-top: 0px;
	}

	#footWrapper .desc .span-33 {margin:0px;padding:0px;width:100%;margin-bottom:20px;}	
	#footWrapper .desc .span-33 .relative {width:100%;}
	#footWrapper .desc .span-33 p {margin-bottom:10px;}
	#footWrapper .bandaGrigia {margin-bottom:20px;}	
	#footWrapper .bandaGrigia h3 {font-size:18px;}
	#footWrapper .bandaGrigia h3 button {padding:8px;margin-left:10px;}
	.footer-separator {height:60px;}


	
	/*company profile*/
	.citazione	{margin:40px 0 20px 0;}
	.citazione .span-10 {
		margin:0px;
		padding:0;
		background:url('../img/cit.png') top left no-repeat;
		background-size:40px 40px;
		float:none;
	}
	.citazione p {margin-left:60px;margin-right:60px;padding-top:20px;}
	.profile {padding-bottom:20px;}
	.profile .span-5 {margin-top:30px;}
	.banda-grigia-profilo {padding:30px 20px;}
	.banda-grigia-profilo img {margin-top:20px;}
	.banda-bianca-profilo .span-4 {float:left;width:30%;margin-right:5%;}
	.banda-bianca-profilo .span-8 {float:left;width:65%;margin-right:5%;}
	
	
	/*download*/
	.download-item {margin-bottom:40px;}
	#download-container .row {margin-bottom: 0px;}
	
	
	/*catalogo*/	
	ul#catalogo-bottom-menu li {display:block;float:left;clear:both;}
	ul#catalogo-bottom-menu li a {color:#000000;font-size:12px;display:block;float:left;text-transform:uppercase;}
	ul#catalogo-bottom-menu li a:hover {color:#666666;}
	#top-menu .row {width:auto;}
	#bottom-menu .row {width:auto;}
	#catalogo-top-menu .spacer {display:none !important;}
	#catalogo-top-menu li {margin-right:8px !important;}
	#catalogo-top-menu h2 {font-size:14px !important;}
		#mobile-scroller {cursor:pointer;}
	.mobile-scroll-top {margin-top:-10px;}
/*modifica scroller*/
	.mobile-scroll-top {position:absolute;right:20px;top:10px;}
	.mobile-scroll-top i {margin-right:5px;font-size:12px;}


	
	#presentazione-prodotto,
	#slideshow-prodotto,
	#optionals,
	#highlights {margin-top:0px;}
	#slideshow-prodotto {margin-bottom:40px;}
	#slideshow-prodotto .span-4 {width:auto;margin-bottom:20px;clear:both;float:none;}
	#top-abs {display:block !important;}
	#presentazione-prodotto #intro-titolo,
	#presentazione-prodotto #intro-testo {position:relative;display:block;clear:both;}
	#presentazione-prodotto .row {width:auto;}
	#presentazione-prodotto #intro-titolo .row,
	#presentazione-prodotto #intro-testo .row {padding:0px;}
	#presentazione-prodotto #intro-titolo .row #top-abs,
	#presentazione-prodotto #intro-testo .row #bottom-abs {width:auto;margin:0px;padding:20px 0 20px 0;}
	#presentazione-prodotto .span-5 {display:none;}
	#presentazione-prodotto .span-7 .right {float:none !important;text-align:center;margin:20px auto;}
	#presentazione-prodotto .span-7 img {max-width:500px;}
	.prod-correlato {display:block;clear:both;width:100%;margin-bottom:20px;}
	.prod-correlato .corr-img {float:left;width:35%;margin-right:5%;}
	.prod-correlato .corr-desc {float:left;width:60%;margin-top:40px;}
	#slideshow-prodotto .span-8 {float:none;width:auto;}
	#accessori .left-box img {width:100%;}
	#accessori .right-box {margin-top:20px;}
	#accessori .right-box {}
	#accessori .row {padding-bottom:80px;margin-bottom:80px;}
	#all-news .span-4 {display:block;clear:both;width:100%;margin-bottom:20px;}
	.news-img {float:left;width:38%;margin-right:2%;}
	.news-img img {width:100%;}
	.news-txt {float:left;width:60%;}
	#dettaglio-news .span-8 {float:none;margin:0 auto;position:relative;width:100%;display:block;clear:both;}

	.distro-map-box .span-8 {float:left !important;}

	
	


	
}



@media handheld, only screen and (max-width: 479px) {
	
	/*common*/
	.logo-1-head {width:120px !important;padding-bottom:25px;}
	.logo-2-head {width:70px !important;padding-bottom:45px;}
	#sidr-right-btn {top:40px;}
	.info-box {position:relative;display:block;width:100%;clear:both;height:370px;}
	.info-wrap {height:auto !important;}
	.info-box p {color:#fff;font-size:38px;text-transform:uppercase;margin:0 20px;font-weight:300;}
	
	/*home*/
	.highlight .row .span-33,
	.highlight .row .span-33 .high-img,
	.highlight .row .span-33 .high-txt {float:none;width:100%;clear:both;margin:0px !important;}


	/*profilo*/
	.banda-bianca-profilo {margin-top:30px;}
	
	/*catalogo*/
	#catalogo-top-menu li {margin-right:3px !important;}
	#catalogo-top-menu h2 {font-size:9px !important;}
	.prod-correlato .corr-img {float:none;width:100%;margin:0;}
	.prod-correlato .corr-desc {float:none;width:100%;margin:0;}

	.news-img {float:none;width:100%;margin-right:0;}
	.news-txt {float:none;width:100%;margin-right:0;}

	#contatti-cont .span-4,
	#contatti-cont .span-6,
	#contatti-cont .span-8 {float:none;display:block;width:100%;clear:both;}
	.distro-map-box .span-8 {float:left !important;}



	.grey-highlights-desc p {width:100%;font-size:12px;}
	.grey-highlights-title h3 {font-size:16px;}
	
	#footWrapper .bandaGrigia {height:80px;}
	#footWrapper .desc .span-33 {width:100%;}
	#footWrapper .endpage .left p, #footWrapper .endpage .right p {font-size:13px;}
	#footWrapper .bandaGrigia h3 button {margin:10px auto;margin-top:5px;display:block;clear:both;}
	#footWrapper .bandaGrigia h3 {font-size:18px;}
	.footer-separator {height:20px;}

}






/*da valutare*/
@media handheld, only screen and (max-width: 767px) {
	
	ul#catalogo-top-menu li h2 span.type {
	    color: #B8B8B8;
	    display: block;
	    font-weight: 400;
	    margin-top: -6px;
	}

	#boxInfo a {
		margin-bottom:3px;font-size:14px;
	}
	
	.prod-correlato .corr-desc, .prod-correlato .corr-img {
		float:none;width:auto;display:block;
	}
	.prod-correlato .corr-desc {margin-top:20px;}
	
}


@media handheld, only screen and (max-width: 479px) {
	#boxInfo {display:none;}
	#slideshow-prodotto .span-4, #slideshow-prodotto #boxSlider, #slider, .cycle-slideshow, .carousel-wrapper {width:100%;}
}