@import url('/fonts/opensans.css');

html, body{
	width: 100%;
	padding: 0px;
	margin: 0px;	
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 13px;	
	background-color: #FCF4D6;	
	background-color: #ffffff;	
	background-image: url(/img/bg2.png);	
	background-repeat: repeat-x;	
	background-position: center top;
	/*background-size: 100% 100%;*/
	line-height: 22px;
	position: relative;
}

table, tr, td, img{
	border: 0;
}

table{
	border-spacing: 0;
	border-collapse: collapse;
}

td{
	padding: 0;
}


a{
	text-decoration: none;
	color: #222222;
}

img{
	border: 0px;
}

input, select, textarea{
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 13px;
}

header{		
}

section{	
	margin-top: 40px;
}

footer{
	margin-top: 40px;
}

#cnt_head{
	position: relative;
	margin: 0px auto;
	width:  100%;		
	width: 980px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#cnt_photo{
	margin: 0px auto;
	max-width: 1920px;
}

#cnt_photo_nav{
	margin: 0px auto;
	max-width:  1920px;
}

#cnt_section{
	margin: 0px auto;
	padding: 0 20px;
	max-width:  980px;
}

#cnt_foot_back{
	margin: 0px auto;
	width:  100%;
	width:  980px;
	background-color: #fafafa;
	
	box-shadow: 0px 0px 8px #cccccc;
}

#cnt_foot{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	max-width:  980px;
}

#cnt_copy{
	margin: 0px auto;
	width:  100%;
	max-width:  980px;
	padding-top: 10px;
	padding-bottom: 40px;
}

#logo{
	margin-left: 20px;
	margin-right: 0px;
	text-align: center;
}

#logo img{
	max-width: 250px;
}

#cnt_menu_back{
	position: relative;
	background-color: #1D233B;
	/*background-image: url('/img/back_front.png');*/
	background-position: center center;	
	margin: 0 auto;
	max-width: 1920px;
	width: 980px;
}

#cnt_menu_back_home{
	position: relative;
	background-color: #1D233B;
	/*background-image: url('/img/back_front.png');*/
	background-position: center center;	
	margin: 0 auto;
	max-width: 1920px;
	/*width: 980px;*/
}	

#cnt_menu{
	position: relative;
	margin: 0px auto;
	width:  100%;
	/*max-width:  980px;*/
}

#cnt_lng{
	position: absolute;
	top: 0px;
	right: 20px;
}

#menu{	
	display: block;
	max-width: 980px;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
	padding-top: 0px;
	text-align: center;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#menu li{
	float: left;
	width: 20%;
}

#menu li.first a{
	border-left: 0;
}

#menu li.last{
	border-right: 0;
}

#menu li a{
	color: #ccc;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;	
	border-left: #999999 1px solid;	
	font-weight: 700;
}

#menu li a:hover, #menu li a.hover{
	color: #1D233B;
	background-color: #fff;
}

#menu_mobile{
	display: none;
}	

#menu_start{
	background-image: url(/img/menu_mobile.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 30px auto;
}

.submenu{
	display: none;
}


#photo{
	position: relative;
	top: 0px;
	left: 0px;	
	height: 500px;	
}

#photo DIV{
	position: absolute;
	width: 100%;	
	/*width:  980px;*/
	height: 500px;	
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	background-position: center center;
	background-size: cover;
}

#photo DIV.active{
	z-index: 10;
	opacity: 1.0;
}

#photo DIV.last-active{
	z-index: 9;
}	


#photo_nav{
	position: relative;
	top: 0px;
	left: 0px;
	height: 500px;
	background-color: #ffffff;	
}

#photo_nav DIV{
	position: absolute;
	width: 100%;
	height: 500px;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	background-position: center center;
	background-size: cover;
}

#photo_nav DIV.active{
	z-index: 10;
	opacity: 1.0;
}

#photo_nav DIV.last-active{
	z-index: 9;
}	


#map {
	margin: 0px auto;
	width: 100%;
	max-width: 1920px;
	height: 450px;
}

#line{
	background-color: #222222;	
	background-image: url('/img/back2_front.png');
	/*background-image: url('/img/carbonio.jpg');*/
	background-position: center center;
	height: 10px;
	box-shadow: 0px 0px 8px #cccccc;
	max-width: 1920px;
	width: 980px;
	margin: 0 auto;
}

#line2{		
	height: 1px;
	background-color: #999;
}

#line3{
	height: 1px;
	background-color: #1D233B;
}

#line_nav{
	width: 100%;
	max-width: 980px;
	margin: 0px auto;
	background-color: #222222;	
	background-image: url('/img/back2_front.png');
	/*background-image: url('/img/carbonio.jpg');*/
	background-position: center center;
	height: 10px;
	box-shadow: 0px 0px 8px #cccccc;
}

.pad{
	padding: 0 2.04%;
}

.left_section{
	float: left;
	width: 63.94%;
	width: 640px;
}

.right_section{
	float: right;
	width: 31.97%;
	width: 300px;
}

.box{
	box-sizing: border-box;
	position: relative;
	float: left;
	display: block;
	width: 46.80%;
	padding: 20px 20px 60px 20px;
	margin-right: 6.38%;
	margin-bottom: 0px;
	box-shadow: 0px 0px 8px #cccccc;
	background-color: #ffffff;
	border-radius: 1px;
}

.lastbox{
	margin-right: 0px;
}

.box h2{
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	color: #222222;
}

.box_alto{
	box-sizing: border-box;
	position: relative;
	padding: 20px 20px 60px 20px;
	box-shadow: 0px 0px 8px #cccccc;
	background-color: #ffffff;
	border-radius: 1px;				
}

.box_alto h2{
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	color: #222222;	
}

.photo_box{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	float: left;
	width: 47.5%;
	margin-bottom: 10px;
	margin-right: 5%;
}

.photo_box.photo2, .photo_box.photo4{
	margin-right: 0;
}	

.box_new{
	position: relative;
	float: left;
	display: block;
	width: 30.6%;
	margin-right: 4.09%;
	box-shadow: 0px 0px 8px #cccccc;
	background-color: #ffffff;
	border-radius: 1px;
}

.box_new h2{
	margin: 0px;
	padding: 0px;
	padding: 10px 20px;
	border-bottom: 1px solid #1D233B;
	font-size: 13px;
	font-weight: 700;
	color: #222222;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	position: relative;
}

.bordino{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: #1D233B;
	height: 1px;
}

.box_new:hover h2{
	background-color: #1D233B;
	color: #fff;
}

.box_new:hover .bordino{
	background-color: #fff;
}

.box_new .pad{
	padding: 20px 20px 60px 20px;
}

.box_new.last{
	margin-right: 0;
}

h1{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	font-size: 17px;
	font-weight: 700;
	color: #222222;
}

.btn{
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	background-color: #1D233B;
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	/*background-image: url('/img/back_front.png');*/
	background-position: center center;
	color: #ffffff;
}

.box_foot{
	box-sizing: border-box;
	position: relative;
	float: left;
	display: block;
	width: 30.61%;
	padding: 40px 20px 40px 20px;	
	margin-right: 4.08%;	
	color: #222222;	
}

.lastbox_foot{
	margin-right: 0px;
}

.box_foot h2{
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	color: #222222;
}

.line1{
	position: absolute;
	top: 40px;
	left: 32.65%;
	left: 320px;
	height: 260px;
	width: 1px;
}

.line2{
	position: absolute;
	top: 40px;
	left: 65.7%;
	left: 660px;
	height: 260px;
	width: 1px;
}

.line3{
	height: 1px;
	background-color: #eee;
	margin: 50px 0;
}

.news_cnt, .tipologie_prodotti, .prodotti_cnt{
	margin-bottom: 0px;
}

.img_news, .img_tipologia, .img_prodotto{
	float: left; 
	margin-right: 2.04%; 
	width: 30.61%; 
	height: 150px;
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
}

.txt_news, .txt_tipologia, .txt_prodotto{
	position: relative; 
	float: left; 
	width: 67.26%;
	padding-bottom: 46px;
	min-height: 104px;
}

.txt_news .btn, .txt_tipologia .btn, .txt_prodotto .btn{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.margin_bottom{
	margin-bottom: 10px;
}

.left_50{
	width: 50%;
	float: left;
}

.right_50{
	width: 50%;
	float: right;
}

.richiesta_info_td{
	width: 35%;
	text-align: right;
}

.tipologie{
	width: 26.53%;
	float: left;
}

.get_content {
  font-size: 14px;
  padding: 5px 0 5px 20px;
  display: block;
  background-image: url('/img/list_gallery.png');
  background-repeat: no-repeat;
  background-position: 0 12px;
}

.get_content.hover {	  
  font-weight: 700;
}	

.contenuto{
	width: 70%;
	float: right;
}

.img-container.left{
	width: 47%;
	float: left;
	margin-bottom: 40px;
	height: 240px;
	background-size: cover;
	background-position: center center;
}

.img-container.right{
	width: 47%;
	float: right;
	margin-bottom: 40px;
	clear: right;
	height: 240px;
	background-size: cover;
	background-position: center center;
}

.sitemap{
	display: block;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 11px;
	list-style-type: square;		
}

.sitemap LI{		
	margin-bottom: 6px;
}

.servizi{
	display: block;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 13px;
	list-style-type: square;		
}	

.servizi LI{		
	margin-bottom: 5px;
}	

#copy_l{
	float: left;
	color: #666666;
	margin-left: 20px;
}

#copy_r{
	float: right;
	margin-right: 20px;
}

.clear{
	display: block;
	height: 0px;
	clear: both;
}

#menu_copy{
	float: right;
	margin: 0px;	
	padding: 0px;
	list-style-type: none;
	padding-top: 0px;
}

#menu_copy li{
	float: left;
}

#menu_copy li a{		
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-left: #666666 1px solid;	
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
	line-height: 13px;
}

#menu_copy li a:hover{
	color: #222222;
}

#menu_copy li:first-child a{	
	border-left: none;
}

#menu_copy li:last-child a{
	padding-right: 0px;
}

.slogan{
	padding-top: 35px;
	font-size: 30px;
	text-align: center;
	color: #1D233B;
	font-family: times new roman;
	font-style: italic;
}

.disclaimer{
	padding-top: 35px;
	font-size: 20px;
	text-align: center;
	color: #1D233B;
	font-family: times new roman;
	font-style: italic;
}

.assistenza{
	font-weight: bold;
	color: #008000;
	color: #FF0000;
}

#cookie_disclaimer{
	background-color: #DCE9F1;
}

#cookie_disclaimer > DIV{
	padding: 10px; 
	font-size: 12px; 
	margin: 0 auto; 
	text-align: center;
	font-style: italic;
}

#cookie_disclaimer span, #cookie_disclaimer a{
	text-decoration: underline;
	cursor: pointer; 
	display: inline-block;
} 

.testo{
	float: left;
	width: 65.29%;
}

.foto_cnt{
	float: right;
	width: 30.62%;
}

.foto{
	margin-bottom: 20px;
	height: 200px;
	background-size: cover;
	background-position: center;
	display: block;
}

.foto.last{
	margin-bottom: 0;
}
	
/***********************************************************************************/
/*********************************  MEDIA QUERIES  *********************************/
/***********************************************************************************/
	
	
@media (max-width: 1000px){
	
	.slogan{		
		font-size: 25px;
	}		
	
	#cnt_head{
		width: 100%;		
	}
	
	#line{
		width: 100%;
	}
	
	#line2{
		display: none;
	}	
	
	#line3{
		margin: 0 20px;
	}
	
	#cnt_photo, #cnt_photo_nav{
		padding: 0 20px;
	}
	
	#logo{		
		text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	
	#logo img{
		width: 100%;
		max-width: 240px;
		height: auto;
	}

	#cnt_menu_back{
		position: relative;
		background-color: #1D233B;
		/*background-image: url('/img/back_front.png');*/
		background-position: top center;
		background-repeat: repeat-x;
		width: 100%;
	}
	
	#cnt_menu_back_home{
		position: relative;
		background-color: #1D233B;
		/*background-image: url('/img/back_front.png');*/
		background-position: top center;
		background-repeat: repeat-x;
		width: auto;
		margin: 0 20px;
	}	

	#cnt_menu{
		position: relative;
		margin: 0px auto;
		width: 100%;
	}

	#cnt_lng{
		display: none;
		margin: 0px auto;
		margin-top: 20px;
		position: static;
		text-align: center;
	}

	#menu{
		display: none;
		margin: 0px auto;
		padding: 0px;
		list-style-type: none;
		padding-top: 0px;
		text-align: left;
	}

	#menu li{
		float: none;
		width: auto;
		display: block;
		margin-right: 0;
	}

	#menu li a{
		color: #cccccc;
		display: block;
		border-left: none;
		border-right: none;
		border-bottom: #999999 1px solid;	
		font-weight: 700;
		padding-left: 20px;
	}

	#menu_mobile{
		display: block;
		margin: 0px auto;
		padding: 0px;
		list-style-type: none;
		padding-top: 0px;
		text-align: left;
		border-right: none;
	}	
	
	#menu_mobile li{
		display: block;
	}	
	
	#menu_mobile li a{
		color: #ffffff;
		display: block;
		padding-left: 22px;
		padding-right: 21px;
		padding-top: 10px;
		padding-bottom: 10px;	
		border-bottom: #999999 1px solid;	
		font-weight: 700;
	}	
	

	.submenu{
		display: none;
	}


	#photo{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;	
		height: 250px;
		background-color: #ffffff;	
	}

	#photo DIV{
		position: absolute;
		width: 100%;	
		height: 250px;	
		top: 0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
		background-position: center center;
	}

	#photo DIV.active{
		z-index: 10;
		opacity: 1.0;
	}

	#photo DIV.last-active{
		z-index: 9;
	}	

	#map{
		height: 250px;
	}
	
	.left_section, .right_section{
		float: none;
		width: 100%;
	}
	
	.box{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.box_new{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.box_alto{
		margin-bottom: 20px;
		min-height: 0;
	}	
	
	.btn{
		right: 20px;
		padding-right: 20px%;
		padding-left: 20px%;
	}
	
	#cnt_foot_back{
		width: 100%;
	}	
	
	.box_foot{
		margin-right: 20px;
		margin-left: 20px;
		float: none;
		width: calc(100% - 40px);
		background-image: url('/img/line.png');
		background-repeat: no-repeat;
		background-position: 50.04% bottom;
		background-size: 95.92% 1px;
	}
	
	.box_foot.lastbox_foot{
		background-image: none;
	}
	
	.line1, .line2{
		display: none;
	}

	.left_50, .right_50{
		width: 100%;
		float: none;
	}
	
	.richiesta_info_td{
		width: 30%;
		text-align: left;
	}
	
	.tipologie, .contenuto{
		width: 100%;
		float: none;
	}
	
	.tipologie{
		margin-bottom: 40px;
	}
	
	#copy_l{
		float: none;
		display: block;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0;
		
	}
	
	#copy_r{
		float: none;
		display: block;
		text-align: center;
		margin-right: 0;
	}
	
	#menu_copy{
		float: none;
		display: block;
		text-align: center;
	}
	
	#menu_copy li{
		float: none;
		display: inline-block;
		margin-left: -4px;
	}
}

@media all and (max-width: 700px){
	.testo, .foto_cnt{
		float: none;
		width: auto;
	}
	
	.foto_cnt{
		margin-top: 20px;
	}
}

@media all and (max-width: 500px){

	.slogan{		
		margin: 0px auto;
		width: 300px;
		font-size: 20px;
		line-height: 30px;
	}		

	#slogan_home{
		font-size: 21px;
		margin: 20px 0;
	}

	.news_cnt, .tipologie_prodotti, .prodotti_cnt{
		margin-bottom: 31px;
	}

	.img_news, .txt_news, .img_tipologia, .txt_tipologia, .img_prodotto, .txt_prodotto{
		float: none;
		width: 100%;
	}
	
	.img_news, .img_tipologia, .img_prodotto{
		margin-bottom: 10px;
	}
	
	.txt_news, .txt_tipologia, .txt_prodotto{
		padding-bottom: 30px;
	}
	
	.line3{
		display: none;
	}
	
	.txt_news .btn, .txt_tipologia .btn, .txt_prodotto .btn{
		position: static;
		float: none;
		width: 100%;
		text-align: center;
		padding: 5px 0;
		margin-top: 10px;
	}
	
	.img-container.left, .img-container.right{
		width: 100%;
		float: none;
	}
}