@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}

html,body{
	width:100%;
	height:100%;
	font-family:'robotoregular',Arial,Helvetica,sans-serif;
	font-size:13pt;
	line-height:30px;
	color:#5d6164;
	background-color:#FBFBFB;
}

h1,h2{
	display:none;
}

a, a:visited{
	text-decoration:none;
	color:inherit;
}

.mobile{
	display:none;
}

.desktop{
	display:block;
}

input.submit{
	position:absolute;
	visibility:hidden;
}

div.desktop_50{
	position:relative;
	float:left;
	width:50%;
}

div.desktop_48{
	position:relative;
	float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	clear:none;
}

.pd10{
	padding-left:10px;
	padding-right:10px;
}

/* -------------------------------------------
   HEADER
   ------------------------------------------- */
div.header{
	position:relative;
	width:100%;
	height:100%;
	min-height:450px;
	max-height:450px;	
	background-color:#fdfdfd;
}

div.header div.fade{
	position:absolute;
	z-index:20;
	background-color:#ffffff;
	opacity:0.2;
	filter:alpha(opacity=20);
	width:100%;
	height:100%;
}

div.header div.content{
	height:100%;
}

div.header_mini{
	height:72px !important;
	min-height:72px !important;
	margin-bottom:20px;
	background-color:#ffffff !important;
	background-image:none !important;
}

div.header div.top_nav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	line-height:50px;
	background-color:#252A2B;    
	color:#929a9b;
	font-family:'OpenSansRegular';
	z-index:99;
}

div.header div.top_nav div.tcontent{
	position:relative;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #343A3B;
}

/*--------------------------------------------------------
	SLIDER E ANIMAZIONI
--------------------------------------------------------*/
div.slider_section{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
}

div.slider_title_area{
	position:relative;
	height:450px;
	margin:auto;
}

div.slider_title{
	position:absolute;
	bottom:20px;
	right:10px;
	color:#ffffff;
	font-family:'OpenSansRegular';
	font-size:34pt;
	z-index:30;
	text-shadow:0 0.5px 1px rgba(0, 0, 0, 0.6);
	text-align:right;
}

div.slider_sub_title{
	font-size:20pt;
	background-color:rgba(0, 0, 0, 0.3);
}

div.opacity_show{
	opacity:1;
	filter:alpha(opacity=100);	
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

div.opacity_hide{
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);	
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;	
}

div.arrow_move{
	position:absolute;
	width:48px;
	height:48px;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
	top:50%;
	margin-top:-24px;
	z-index:99;
}

div.arrow_left{
	left:20px;
	background-image:url('../test/images/arrow_prev.png');
}

div.arrow_right{
	right:104px;
	background-image:url('../test/images/arrow_next.png');
}   

div.arrow_move:hover{
	background-position:bottom center;
}
/* -------------------------------------------
   MAIN MENU
   ------------------------------------------- */
div.main_menu{
	position:fixed;
	width:100%;
	height:72px;
	min-height:72px;
	top:0;
	left:0;
	color:#ffffff;	
	z-index:99;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	background-color:rgba(0,0,0,0.6);
}

div.fix_menu{
	/*background-color:#40aae6;*/
	background-color:#2D343C;
	background-image:url('../test/images/bg_menu.png');
	background-position:center center;
	background-repeat:repeat-y;
	border-bottom:1px solid #222222;
}

div.fix_menu div.menu{
	bottom:10px !important;
}

div.main_menu img.logo{
	position:absolute;
	top:4px;
	left:0;
}

div.main_menu div.menu{
	position:absolute;
	bottom:10px;
	right:0;
	font-family:'Arial';
	font-size:14pt;	
}

div.main_menu div.voice{
	position:relative;
	float:left;
	padding-left:12px;
	padding-right:12px;
	margin-left:5px;
	margin-right:5px;
	min-height:46px;
	line-height:46px;
	cursor:pointer;
	border-radius:4px;
	border:1px solid transparent;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.main_menu div.voice:hover{
	background-color:#E6E6E6;
	color:#1C1C1C;
}

div.main_menu div.sub_menu{
	position:absolute;
	top:80px;
	min-width:200px;
	margin-left:-12px;
	background-color:#2d343c;
	color:#ffffff;
	font-size:12pt;
	line-height:normal;
	z-index:-1;
	opacity:0;	
	filter:alpha(opacity=0);
	visibility:hidden;
	transition: top 0.2s;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;		
}

div.main_menu div.voice:hover div.sub_menu{
	opacity:1;
	filter:alpha(opacity=100);
	top:46px;
	z-index:20;
	visibility:visible;
}

div.main_menu div.svoice{
	cursor:pointer;
	padding:10px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;	
}

div.main_menu div.svoice:hover{
	background-color:#40AAE6;
	color:#ffffff;
}

div.main_menu div.static_voice{
	position:relative;
	float:left;
	white-space:nowrap;
	background-color:#5ab6e7;
	font-family:'GothamCondensedMedium';
	font-size:15pt;
	padding-left:52px;
	padding-right:12px;
	margin-right:1px;
	height:46px;
	line-height:46px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.main_menu div.static_voice div.icon{
	position:absolute;
	top:0;
	left:0;
	width:46px;
	height:46px;
	text-align:center;
	line-height:46px;
	background-color:#FFFF99;
}

div.main_menu div.static_voice:hover{
	background-color:#4DC7EC;
	color:#ffffff;
}

div.main_menu div.static_voice:hover div.icon{
	background-color:#91E7FF;
}

/* -------------------------------------------
   SEARCH PANEL
   ------------------------------------------- */
div.search_panel{
	position:absolute;
	width:900px;
	height:120px;
	bottom:20px;
	left:50%;
	margin-left:-450px;
	background-color:#fdfdfd;
    border-radius: 4px;
}

div.search_panel div.search_form{
	padding:10px;
	padding-right:190px;
}

div.search_panel div.cmd_search{
	position:absolute;
	top:0;
	right:0;
	width:180px;
	height:120px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	background-color:#394041;
	cursor:pointer;
	text-align:center;
	font-family:'OpenSansSemibold';
	font-size:12pt;
	color:#99a3b1;
	text-transform:uppercase;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.search_panel div.cmd_search:hover{
	background-color:#5ab6e7;
	color:#252A2B;
}

div.search_panel div.cmd_search div{
	position:absolute;
	width:100%;
	height:44px;
	top:50%;
	margin-top:-22px;
	text-align:center;
}

div.req_box .form{
	width:100%;
}

/* -------------------------------------------
   PAGE LAYOUT
   ------------------------------------------- */
div.layout1 div.left{
	position:relative;
	float:left;
	width:1000px;
}   

div.layout1 div.right{
	position:relative;
	float:left;
	width:280px;
	margin-left:20px;
}

/* -------------------------------------------
   BODY CONTENT
   ------------------------------------------- */
div.section{
	position:relative;
	width:100%;
	float:left;
	clear:both;
	margin-top:20px;
}   

div.panel_heading{
	background-color:#f0f0f0;
	height:40px;
	line-height:40px;
	border-radius:4px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#333333;
	font-family:'OpenSansRegular';
	font-size:12pt;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.slogan{
	position:relative;
	float:left;
	clear:both;
	background-color:#E9E9E9;
	font-size:14pt;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	font-family:"open_sans_condensedbold";
	font-size:10pt;
	text-transform:uppercase;
}

.content{
	position:relative;	
	width:1000px;
	margin:auto;
	clear:both;
}

.w_content{
	position:relative;	
	width:100%;
	clear:both;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}

.box_content{
	position:relative;	
	width:100%;
	clear:both;
	float:left;
	background-color:#ffffff;
	border:1px solid #d1d1d1;
	padding:10px;
	margin-bottom:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}

.content_text{
	padding:10px;
	color:#000000;
}

.text{
	padding:10px;
}

.bg_content{
	background-position:top left;
	background-repeat:repeat-x;
}

div.box{
	position:relative;
	float:left;
	width:100%;
	background-color:#ffffff;
	border:10px solid #e5e5e5;
	margin-bottom:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.box div.btitle{
	padding:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-family:'Arial';
	font-size:13pt;
	line-height:23px;
	background-color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	color:#9B692B;
}

div.box div.btitle_high{
	background-color:#4DC7EC;
	color:#ffffff;
	border-color:#4DC7EC;
}

div.box div.bcontent{
	padding:10px;
}

div.box_no_bg{
	position:relative;
	float:left;
	width:100%;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
}

div.box_inverted{
	position:relative;
	float:left;
	width:100%;
	color:#ffffff;
	background-color:#5AB6E7;
	margin-bottom:20px;
	border:0;
	box-shadow:5px 5px 0 rgba(40, 91, 144, 0.8);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.border_box{
	position:relative;
	float:left;
	width:100%;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	border:2px solid #cdcdcd;
}

/*--------------------------------------------------------
	GESTIONE ORDINI	
--------------------------------------------------------*/
div.order_catalog{
	float:left;
	width:240px;
}

div.order_catalog select{
	width:230px !important;
}

div.order_product{
	float:left;
	width:340px;
}

div.order_product select{
	width:330px !important;
}

div.order_qnt{
	float:left;
	width:60px;
}

div.order_sm{
	float:left;
	width:580px;
}

div.order_sm input{
	width:570px;
}

div.order_add{
	float:left;
	width:36px;
	padding-top:14px;
}

div.order_preview{
	position:relative;
	float:left;
	width:100%;
	clear:both;
}

table.order_list{
	position:relative;
	width:100%;
}

table.order_list tr.header td{
	border-bottom:1px solid #d1d1d1;
	font-weight:bold;
}

table.order_list td{
	padding:2px;
}

table.order_list td.qnt{
	width:50px;
	text-align:center;
}

table.order_list td.remove{
	width:50px;
	text-align:center;	
}

/* -------------------------------------------
   FOOTER
   ------------------------------------------- */
div.footer{
	position:relative;
	float:left;
	width:100%;
	clear:both;
	margin-top:20px;
	padding-top:30px;
	padding-bottom:30px;
	color:#75797a;
	background-position:bottom center;
}   

div.footer div.fsection{
	float:left;
	width:233px;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.footer div.ftitle{
	color:#ffffff;
    font-family:'open_sans_condensedbold';
    text-transform:uppercase;
	font-size:14pt;
    margin-bottom:5px;
    margin-top:5px;
}

div.footer div.fvoice{
	position:relative;
	border-bottom:1px solid #2B3238;
	line-height:28px;
}

div.footer div.fvoice:hover{
	color:#ffffff;
}

div.copyright{
	position:relative;
	float:left;
	width:100%;
	background-color:#141414;
	height:100px;
	line-height:25px;
	text-align:center;
	color:#929a9b;
}

div.copyright a, div.copyright a:visited{
	color:#4DC7EC;
	text-decoration:none;
}

/* -------------------------------------------
   INPUT
   ------------------------------------------- */
input.form, select.form, textarea.form{
	width:210px;
	color:#434a54;
	background-color:#F5F5F5;
	border:1px solid #e1e1e1;
	border-radius:3px;
	margin: 0 13px 13px 0;
    padding: 9px 9px 9px 13px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input.form:focus, select.form:focus, textarea.form:focus{
	border-color:#199DFF;
}

/* -------------------------------------------
   BUTTON
   ------------------------------------------- */   
.button1{
	position:relative;
	width:100%;
	min-height:42px;
	line-height:42px;
	text-align:center;
	font-family:'open_sanscondensed_light';	
	font-size:14pt;
	margin-top:5px;
	margin-bottom:5px;	
	cursor:pointer;	
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#ffffff;
	background-color:#285b90;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;	
}

.button1:hover{
	background-color:#5AB6E7;
}

.button2{
	position:relative;
	height:42px;
	line-height:42px;
	text-align:center;
	font-family:'robotoregular';	
	font-size:11pt;
	margin-top:5px;
	margin-bottom:5px;	
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	cursor:pointer;	
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:3px;
	color:#99a3b1;
	background-color:#394041;
	border-bottom:3px solid #000000;
}

.button2:hover{
	background-color:#285b90;
	border-color:#5ab6e7;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}   

div.big_bt{
	position:relative;
	float:left;
	margin-bottom:20px;	
	font-family:'open_sans_condensedbold';
	font-size:14pt;
	padding:10px;
	padding-left:62px;
	text-transform:uppercase;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.button3{
	background-color:#5AB6E7;
	color:#ffffff;
	border:1px solid #527BA5;
	box-shadow:5px 5px 0 rgba(40, 91, 144, 0.8);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.button3:hover{
	background-color:#527BA5;
	color:#ffffff;
	box-shadow:5px 5px 0 #5AB6E7;
}

div.button3:hover div.sub_title{
	color:#ffffff !important;
}

div.button4{
	background-color:#ffffff;
	color:#325B8D;
	border:1px solid #325B8D;
	box-shadow:5px 5px 0 rgba(40, 91, 144, 0.8);
	margin-top:15px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div.button4:hover{
	background-color:#5AB6E7;
	color:#ffffff !important;
}

.button5{
	position:relative;
	width:90px;
	float:right;
	text-align:center;
	min-height:42px;
	line-height:42px;
	text-align:center;
	font-family:'open_sanscondensed_light';	
	font-size:14pt;
	margin-top:5px;
	margin-bottom:5px;	
	cursor:pointer;	
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#ffffff;
	background-color:#285b90;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;	
}

.button5:hover{
	background-color:#5AB6E7;
}

.button_agent{
	display:none;
}

div.big_bt img.icon{
	position:absolute;
	top:10px;
	left:10px;
}
.promo-granules {
	text-align:center;
}

#press {
	font-family: Arial,sans-serif;
     font-size: 1.1em;
     width: 174px;
     height: 38px;
	 margin: auto;
     padding-top: 7px; /*permet le centrage vertical*/
     text-align: center;
     color: #4F4F4F;
     background: #C8C8C8;
     background: linear-gradient( #959595, #C0C0C0);
	 border-radius: 4px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#press:hover{
     color: #222;
     background: #555;
     background: linear-gradient( #9D9999, #5B5B5B);
}

#press:active{
     color: #000;
     background: #444;
     background: linear-gradient( #5B5B5B, #5B5B5B);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}


#btn-devis {
	font-family: Arial,sans-serif;
     font-size: 1.1em;
     width: 185px;
     height: 38px;
	 margin-top: 10px;
     padding-top: 8px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFFFFF;
     background: #00B1FC;
	 border-radius: 3px;
}

#btn-devis:hover{
     color: #FFF;
     background: #0289C2;
}

#btn-devis:active{
     color: #FFF;
     background: #01638D;
}

#menu-fixe {
  position: fixed;
  background-color:#895d43;
  color:white;
  left: 0;
  top: 25%;
  width: 17em;
  margin-top: -2.5em;
}

.back-to-top {
	background: none; 
	margin: 0; 
	position: fixed; 
	bottom: 0; 
	right: 0; 
	width: 70px; 
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none; 
	color: #ffffff; 
	background-color: #ff9000; 
}

.back-to-top i { 
  font-size: 60px;
}

@media only screen and (max-width: 1500px) {
	#menu-fixe {
		display:none;	
	}
}