@charset "utf-8";
/* CSS Document */
@import "../css/bootstrap.min.css";
@import "../fonts/roboto/stylesheet.css";
/**/

/*================================== BOOT ===============================================*/
body { margin: 0px; padding: 0px; font-family: "UbuntuRegular", Arial; font-size: 16px; line-height: 20px; color: #000; font-weight: normal; background-color: #0f1739; }
.clear, .clearfloat { font-size: 0px; margin: 0px; padding: 0px; clear: both; line-height: 0px; }
.shadow { box-shadow: 4px 4px 8px 0px rgba(0,0,0,.15) }
.alone { box-shadow: 0px 0px 10px 4px rgba(0,0,0,.15) }
.verticalCenter { vertical-align: middle; display: table-cell; }
.verticalBottom { vertical-align: bottom; display: table-cell; }
.rgt { text-align: right!important; }
.fltrgt { float: right!important; padding-right: 10px; padding-left: 5px; }
.fltflt { float: left!important; padding-right: 5px; padding-left: 10px; }
.divCenter { margin-left: auto!important; margin-right: auto!important }
.divRight { margin-left: auto!important; margin-right: 0!important }
.center { text-align: center!important; }
a {
	text-decoration: none!important;
	color: #CCCCCC!important;
}
.error{color:#F9D930}
#footer a{color:#000!important}
.round { border-radius: 6px; }
.roundTop { border-radius: 6px 6px 0px 0px; }
.roundBottom { border-radius: 0px 0px 6px 6px; }
.img-auto { width: 100%; height: auto; border: 0 }
#alert { display:none; position: fixed; z-index: 10001; font-size: 14px; color: #000; background-color: rgba(0, 45, 71, 0.90); height: 100%; width: 100%; padding-top: 10%; left: 0px; top: 0px; }
#alert .errori { text-align:center; width: 400px; max-width: 100%; position: relative; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 20px; padding-bottom: 20px; }
#alert .testoAlert { margin: 10px; background-color: #FFF; padding: 20px }
#chiudi { display: block; text-decoration: none; color: #FFF; font-size: 30px; text-align: right; margin-bottom: 10px; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
/*ALL COL- OPTIMIZATION*/
[class*="col-"] {
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
}
.row { margin-left: -10px; margin-right: -10px }
.nopadding { padding: 0px; }
.nomargin { margin: 0px; }
/* END BOOT */


/*================================== SITE ===============================================*/
img { max-width: 100%; }
.logo img{width: 35%; }
.testata{ text-align:center}
a { text-decoration: underline!important; }
h2{ font-size: 20px; text-align: center; }
.grigio{ background-color: #014ea8; color:#FFF; padding-top: 50px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
.payoff { position: absolute; z-index: 10; text-align: center; padding-right:45px }
.payoff h1 { font-weight: 100; font-family: robotoblack; font-style: normal; font-size: 14px; line-height: 20px; color: #00417C; text-align: center; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.sottotitolo1 { font-family: robotolight; color: #FFF;color: #00417C; line-height: 20px; font-size:20px }
strong { font-family: "robotoblack"; font-weight: 100; }
.payoff1 { display: none }
.payoff2 { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; color: #00417C; }
.trasparenza { background-color: #0f1739; text-align: center; background-image: none; }
.numeri { font-family: "robotoblack"; color: #E3291B; font-size: 33px; padding-bottom: 20px }
.testi { font-family: "robotolight"; color: #FFF; font-size: 14px; line-height: 18px; padding: 20px; }
.separatore { border-bottom: 1px solid #FFFFFF; }
.input_contaniner { margin-top: 5px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; clear: both; }
#editor { font-size: 14px; font-family: "robotoregular" }
#editor label { width: 165px; line-height: 30px; float: left; text-align: left; padding-right: 5px; }
#editor .campoForm { float: left; width: 100%; }
#editor .cerca_input {
	text-decoration: none;
	padding: 5px;
	font-size: 14px;
	width: 100%;
	background-color: #E5E5E5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#editor .cerca_select { text-decoration: none; background-color: #FFFFFF; margin: 1px; border: 1px solid #94ADC9; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  /*width: 200px;*/ }
#editor .specifica { font-size: 12px; font-weight: bold; margin-top: 5px; padding-left: 2px; background-color: #7196AA; padding-top: 3px; padding-bottom: 3px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #93b0bf; color: #FFF; }
#editor .inviaForm { text-align: center; padding-top: 10px; padding-bottom: 10px; }
#editor .cerca_select { text-decoration: none; background-color: #FFFFFF; border: 1px solid #94ADC9;  /*width: 200px;*/ padding: 4px; font-size: 14px; margin-top: 1px; margin-right: 1px; margin-left: 1px; margin-bottom: 10px; }
.formData { width: auto }
.data{width: 175px;
padding-left: 15px;}
.cerca_pulsante{ background-color: #f6e71f; padding: 5px 10px; border: 1px solid #000; }

.placeholder {color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus::-webkit-input-placeholder {color:transparent;}

#form_fattura { width: 100%; margin-top: 10px; }
#form_pwd { display: block; }
.required { }
.required:after { content: '*'; padding-left: 2px; }
#footer{ padding-top: 20px; padding-bottom: 0px; font-size: 14px; background-color: #FFFFFF; }
.amazon{ font-size: 10px; line-height: 12px; padding-top: 25px; padding-bottom: 25px; }
.ui-widget-header{ border-color:#000!important}
table td{ padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1E1E1; font-size:12px}


@media only screen and (min-width: 480px) {
.logo{ display:block; width:100% }
.logo img{ max-width:100px }
.payoff {padding-right: 90px; }
.payoff h1 { font-size: 20px; line-height: 20px; }

}
@media only screen and (min-width: 768px) {
	#editor label { text-align: right; }
	#editor .campoForm { float: left; width: 70%; }
.payoff { padding-left: 20px; padding-right: 100px; }
.payoff h1 { font-size: 25px; line-height: 25px; }
.payoff1 { display: block }
.payoff2 { display: none }
.sottotitolo1 {font-size:14px; line-height:17px }
.separatore { border-bottom: 0px solid #FFFFFF; }
.grigio{ padding-right: 80px; padding-left: 80px; }
.trasparenza { background-image: url(../img/separatore.png); background-repeat: no-repeat; background-position: center center; }
}
@media only screen and (min-width: 992px) {
.payoff { padding-left: 20px; padding-right: 150px; }
.payoff h1 { font-size: 30px; line-height: 30px; }
#editor .campoForm { float: left; width: 75%; }
.sottotitolo1 {line-height: 20px; font-size:17px }
}
 @media only screen and (min-width: 1200px) {
/*blocco la dimensione massima a 960px*/
.container { max-width: 960px }
}