::-moz-selection{background:#CCC;color:#FFF;text-shadow:none;}
::selection{background:#CCC;color:#FFF;text-shadow:none;}

html,body{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
	font-size:13px;
	margin:0px;
	padding:0px;}

body{
	background-color:#f5f5f5;
	overflow-x: hidden}

#overlay{
	width:100%;
	height:100%;
	z-index:9999;
	position:fixed;
	background:url(../imgs/bg_overlay.png);
	display:none;
	}

#box_avvisi{
  width:655px; position:absolute; left:50%; top:50%;
  z-index:9999;  margin-left:-327px; margin-top:-50px;  height:100px; background-color:#f5f5f5;
 -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);   }	

#avvisi_diamante{ background:url(../imgs/grazie_diamante.png) center no-repeat!important; position:absolute; margin-top:-8px;
 z-index:10000; width:655px; height:30px}

.caricamento_in_corso, .grazie,.caricamento_ok, .formato_errato, .file_grande, .errore_caricamento{ 
display:none; text-align:center;}
 
#slider-container{margin-top:30px;width:100%; background-color:#fff}

#logo{ margin-top:15px}

strong{ color:#666} 
	
img{ border:none;
outline:none}

#info-container{ background-color:#303030; position:relative; width:100%}
#info{width:750px; position:relative; margin:auto; padding-top:15px; min-height:60px; color:#fff}

.tel{float:left; width:30%;}
.text{float:left; width:70%; line-height:20px; font-size:12px; text-align:left}

h3, h2{
	font-size:18px;
	padding-bottom:6px;
	margin-bottom:22px;
	text-align:center;
	background:url(../imgs/h3_separator.jpg) no-repeat center bottom;
	font-weight:lighter;
	letter-spacing:1px}	

h2, .title4c{  font-size:16px;background:url(../imgs/h3_separator2.jpg) no-repeat center bottom;}	
.title4c{ font-size:18px}

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

.titolo{
    color:#303030;
	line-height:13px;
	font-size:14px;
	}

.size{ font-size:11px;
color: #999}

#header{
	margin:0px!important; padding:0px!important; width:100%; height:120px; 
	background:url(../imgs/header.jpg) no-repeat top center #303030;
}	

.active {
	color:#fff!important;
}

.subMenu{
	position:absolute; z-index:999999; background-color:#303030; padding-bottom:9px; 
	padding-top:13px;  width:100%}

#menuContainer{margin:auto; width:750px}
.menu{ width:33%; float:left; height:30px}	
.menu a{
	color:#AAA; font-weight:bold}
	
#diamante{
	width:42px;
	height:35px;
   background:url(../imgs/header_diamante.png);
   position:absolute;
   left:50%;
   margin-left:-21px;
   margin-top:22px
   }
	
/* ELEMENTI COMUNI DEL FORM */ 	
.submit {
  background:url(../imgs/button.png) top;     
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
  border: 1px solid #CCC;
  float: right;
  height: 33px;
  padding: 0;
  width: 120px;
  cursor: pointer;
  color: #FFF;
  margin-bottom:30px;
  }
 
 .submit:hover,#submit:focus {
	 background-position:bottom;       
   }   
 
  .submit:active {       
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;        
  }
 
  .submit::-moz-focus-inner {
  border: none;
  }	
  
  .invio {
   float: right;
   width: 120px;
   margin-top:-20px;
  }
  
  

.campo{
  text-align:center;
  }	

#num_certificato, #allega, #data_certificato{
	 opacity:0.3}

	
.asterisco{
	color:#F00!important}

.diamante{
	background:url(../imgs/forme_diamanti.png) no-repeat;
	width:56px;
	height:56px;
	}

.round{ background-position:0px 0px} 
.princess { background-position:-56px 0px} 
.emerald { background-position:-112px 0px} 
.asscher { background-position:-168px 0px}
.marquise { background-position:-224px 0px}
.oval { background-position:-280px 0px}
.radiant { background-position:-336px 0px} 
.pear { background-position:-392px 0px} 
.heart { background-position:-448px 0px} 
.cushion { background-position:-504px 0px}	

/* FORM GENERALE */

fieldset{ border:none}

.input, textarea, .input_xl { /* Stili per il campo di testo e per la textarea */
	background: #FFF;
	color: #666;
	height: 24px;
	overflow: hidden;
	padding: 3px 0px 0px 6px;
	width: 177px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
    font-size: 11px!important;
    letter-spacing:1px;	
	border:none;
	outline:none;
	margin-top:4px;
	box-shadow: 0px 2px 5px #C1C1C1;
 -moz-box-shadow: 0px 2px 5px #C1C1C1;
-webkit-box-shadow: 0px 2px 5px #C1C1C1;

}

textarea {
  background: #FFF;
  position: relative; 
  color: #666;
  height: 107px;
  width: 100%;
  margin-top:10px;
  overflow: hidden;
  padding-top: 5px;
}
 
.input_xl{ width:190px;}

.carati{ width:70px}

.file_input_textbox
{
	float: left;
	width:340px;
	height:32px;
	margin-top:2px;
	padding-left:10px;
	border:none;
	outline:none;
	box-shadow: 0px 2px 5px #C1C1C1;
   -moz-box-shadow: 0px 2px 5px #C1C1C1;
   -webkit-box-shadow: 0px 2px 5px #C1C1C1;
}

.file_input_div
{
	position: relative; 
	width: 100px; 
	height: 50px;
	overflow: hidden;
}

.file_input_button {
	width: 100px; 
	position: absolute; 
	top: 0px;
	background-color: #c0c0c0;
	color: #FFFFFF;
	border-style: solid;
	padding-top:11px;
	padding-bottom:11px;
	cursor:pointer;	
	border:none;
}


.file_input_hidden
{
	font-size: 9px; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	height:100px;
	width:110px;
	cursor:pointer;
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}
 
#allega{
	margin-left:130px;
	margin-top:-15px}



.custom-form-select {
	background: url("../imgs/form_select.png") no-repeat scroll right top #fff;
	color: #666;
	height: 24px;
	overflow: hidden;
	padding: 3px 0px 0 8px;
	position: absolute;
	width: 177px;
	font: 11px/35px;
	padding-top:10px;
	margin-top:4px;
   box-shadow: 0px 2px 5px #C1C1C1;
   -moz-box-shadow: 0px 2px 5px #C1C1C1;
   -webkit-box-shadow: 0px 2px 5px #C1C1C1;
}


.custom-form-focused { background-position: right bottom; }

.custom-form-radio {
	float:none;
	display:block;
	width:20px;
	height:23px;
	background:url('../imgs/form.png') no-repeat scroll -135px -9px transparent;
}


.custom-form-radio.custom-form-focused { background-position:-94px -9px; }

.custom-form-radio.custom-form-checked { background-position:-135px -39px;}

.custom-form-radio.custom-form-checked.custom-form-focused {background-position:-94px -39px;}

/* fix select height bug on webkit browsers for Mac OS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select.cform {-webkit-appearance: menulist-button;}
}

/* FINE FORM GENERALE */


/* ALERT */

#alert_purezza, #alert_colore{ 
width:185px; height:35px; border:#F00 thin solid; 
position:absolute; margin-top:3px;
margin-left: -1px;
display:none;}

#alert_forma{
width: 606px;
height: 90px;
position: absolute;
z-index: -999;
border: 1px solid #D10000;
margin-top: -8px;
margin-left: 67px;
display: none;}

/* FINE ALERT */

/* FOOTER */
#footer{
	margin:0px;
	margin-top:20px; padding:0px; width:100%; height:100px; 
	background:#303030;
	border-top:#FFF thin solid;
}

#foo-content{ margin:auto; width:700px; height:50px; padding-top:25px }

.footer-left{ width:60%; float:left; padding-top:10px}
.footer-right{ width:40%; float:left; }

.foo{ color:#CCC; padding-bottom:0px; padding-top:0px; letter-spacing:1px; text-align:left; margin-bottom:0px;  
font-size:12px;}	

.powered{ margin-top:20px; float:left}

.logo_mami{
	background:url(../imgs/logo_mami.png) no-repeat 0px 2px;
	width:187px;
	height:36px;
	padding-top:5px  }
	
.logo_mami:hover{
	background-position:bottom; }	


.valutazione, .s4, .trec, .contatti{width:750px;}

.trec strong{ color:#fff; letter-spacing:1px}

#diamanti_container, .value_container, .carati_container{ width:100%;margin:0 auto; position:relative; left:50%; height:100px; margin-left:-280px}
.value_container{ margin-left:-310px; height:100px}
.carati_container {margin-left:-300px; height:90px}
.diamanti { float:left;}
.campo-left{ float:left}

.s4{ width:100%; background-color:#333; color:#FFF;}

.trec{
	height:100%;
	color:#FFF;
	text-align:center;
	line-height:20px
	}
	
.valutazione{ height:770px;padding-bottom:150px; padding-top:30px}

.contatti{ height:440px;  padding-bottom:80px; padding-top:70px}
.info_contact{ float:left; width:33%; padding-bottom:30px}

.left{ width:35%; float:left; height:100%; padding-top:15px }
.right{ width:65%; float:right; height:100%; padding-top:15px }


 /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

  .bannercontainer {	
		padding:5px;		
		background-color:#fff;
		width:890px;	
		position:relative;
		position:relative;	
		margin-left:auto;
		margin-right:auto;	
	
	}
 
  .banner{		
		width:890px;
		height:490px;
		position:relative;
		overflow:hidden;			
   }
   
   
    .bannercontainer-simple {	
		padding:5px;		
		background-color:#fff;
		width:890px;	
		position:relative;
		position:relative;	
		margin-left:auto;
		margin-right:auto;	
	
	}
 
  .banner-simple{		
		width:890px;
		height:490px;
		position:relative;
		overflow:hidden;			
   }

 .fullwidthbanner-container{
	width:100% !important;		
	position:relative;
	padding:0;		
	max-height:450px !important;
	overflow:hidden;
} 

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;	
}
   
   

   @media only screen and (min-width: 768px) and (max-width: 959px) {		
	.banner, .bannercontainer {	width:750px; height:238px;}	
   	#slider-container{margin-top: 30px;}
	}
  
   @media only screen and (min-width: 600px) and (max-width: 767px) {
    .banner, .bannercontainer{ width:470px; height:148px;	}
	#slider-container{margin-top: 40px;}
	}

   @media only screen and (min-width: 480px) and (max-width: 599px) {
 .banner, .bannercontainer{ width:470px; height:148px;	}
	#slider-container{margin-top: 30px;}
   }
   
   @media only screen and (min-width: 380px) and (max-width: 479px) {
 	.banner, .bannercontainer{ width:310px;height:100px;	}	
		#slider-container{margin-top: 15px;}
					
	 }
	 
	@media only screen and (min-width: 0px) and (max-width: 379px) {
 	.banner, .bannercontainer{ width:310px;height:100px;	}	
	#slider-container{margin-top: 0px;}
	}