/* Regole di stile per il file postCall.html prodottoRuotaLibera*/
/* Font family e colore di sfondo */

body {
/*  background-color: #fcfcfc; */
 background-color: #0000C2;
 font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*  background: url(../img/background.png) repeat-x; */
}

/* Classe per applicare un margine inferiore */

.margine-bottom {margin-bottom: 20px;}

/* Stili per sovrascrivere e modificare la Navbar di Bootstrap */
.navbar {
  border: none;
}

.navbar-nav {
  margin-top: 0;
}

.navbar-brand {
 display: inline-block;
 text-indent: -9999px;
 width: 190px;
 height: 50px;
 background: url(../img/logo_sara.png) center center no-repeat;
 margin-top: 10px;
}

.navbar-brand-70 {
 display: inline-block;
 text-indent: -9999px;
 width: 190px;
 height: 50px;
 background: url(../img/logo_sara_70.gif) center center no-repeat;
 margin-top: 10px;
}

.navbar-brand-ala {
 display: inline-block;
 text-indent: -9999px;
 width: 190px;
 height: 65px;
 background: url(../img/logoALA2.png) center center no-repeat;
 margin-top: 10px;
}

.navbar-default {
 background-color: #fcfcfc;
}

.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333;
  border-bottom: 1px solid #003366;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #003366;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #003366;
}

.navbar-toggle {
  border-radius: 0;
}

.navbar-default .navbar-toggle {
 border: 1px solid #003366;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #003366;
}

.navbar-default .navbar-collapse {
  border-color: transparent;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #003366;
  border-bottom-color: #003366;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #003366;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

@media screen and (min-width: 768px) {
 .navbar-default .navbar-nav > li > a {
  border-bottom: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  border-top: 2px solid #003366;
  padding-top: 13px;
}
}

/* Stili per sovrascrivere e modificare i menu dropdown di Bootstrap */

.dropdown-menu {
 padding: 0 0;
 border-radius: 0;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
 padding: 7px 10px;
 border-bottom: 1px solid #ccc;
}



/* Flexslider */

.flexslider {
 margin: 0 0 30px; 
 background: #f8f8f8; 
 border: 0;
 border-top: 3px solid #003366; 
 position: relative; 
 -webkit-border-radius: 0; 
 -moz-border-radius: 0; 
 -o-border-radius: 0; 
 border-radius: 0; 
}
.flex-control-paging li a {
 width: 12px; 
 height: 12px;
 padding: 2px;
 background: #003366; 
 cursor: pointer; 
 text-indent: -9999px; 
 -webkit-border-radius: 20px; 
 -moz-border-radius: 20px; 
 -o-border-radius: 20px; 
 border-radius: 20px; 
 box-shadow: none;
}
.slides li {position: relative;}
.flex-caption {
 position: absolute;
 top: 35%;
 right: 8%;
}
.flex-caption-text span {
 display: inline-block;
 font-size: 34px;
 font-weight: bold;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 margin: 2px 0;
 padding: 0 15px;
 background-color: rgba(53, 126, 189, 0.8);
}

@media screen and (max-width: 767px) {
 .flex-control-nav, .flex-control-pager, .flex-caption {display: none;}
}

/* Sezione progetti in evidenza */

.box-progetto {
 margin-bottom: 10px;
 padding: 15px;
 background-color: #86b6de;
 -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
}
.box-progetto h3, .box-progetto h4 {margin-top: 0;}

/* Stile per sovrascrivere e modificare le immagini thumbnail di Bootstrap */

.thumbnail,
.-thumbnail {
  border-radius: 0;
  /*border: 1px solid #aaaaaa;*/
  border: 0;
}

/* Stili per sovrascrivere e modificare i bottoni standard di Bootstrap */

.btn {
  border: 0;
  border-radius: 0;
}
.btn:focus {
  outline: 0;
}


/* Testata */

.header-sezione {
  border-bottom: 2px solid #ff6633;
}
@media screen and (min-width: 768px) {
 .header-sezione {
 margin-left: 0;
 margin-right: 0; 
 }
}
/* Lavoro in evidenza */

.box-lavoro-evidenza {
 margin: 15px 0 0 0;
}
.box-lavoro-evidenza h3 {margin-top: 0}

/* Stile per modificare e sovrascrivere i blockquote di Bootstrap */

blockquote {
 border-left: 5px solid #ff6633;
}

/* Pannelli dell'accordion basati sui panel di Bootstrap */

.panel-carousel {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-carousel-heading {
  margin: -15px -15px 15px;
  padding: 10px 15px;
  font-size: 17.5px;
  font-weight: 500;
  background-color: #003366;
  color: #fff;
  border-bottom: 1px solid #dddddd;
  border-radius: 5px;
}
.panel-carousel-footer {
  margin: 15px -15px -15px;
  padding: 10px 15px;
  background-color: #ecf7ff;
  border-top: 1px solid #dddddd;
  border-radius: 5px;
}

.panel-carousel-control {
  font-size: 16px;
}
.panel-carousel-control:hover,
.panel-carousel-control:focus {
  text-decoration: none;
}

/* Stili per modificare e sovrascrivere le nav-tab di Bootstrap */

.nav-tabs {
  margin-top: 15px;
  border-bottom: 2px solid #003366;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0;
}
.nav-tabs > li > a {
  font-size: 14px;
  font-weight: bold;
  margin-right: 2px;
  line-height: 1.428571429;
  border: 0;
  border-radius: 0;
}
.nav-tabs > li > a:hover {
  border-color: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #003366;
  border: none;
  border-bottom-color: transparent;
  cursor: default;
}
.tab-content {padding: 15px 0;}

/* Tabelle servizi */

.servizi {
 margin-top: 15px;
 text-align: center;
}
.servizi-titolo {
 background-color: #5cb85c;
}
.servizi-prezzo {
 background-color: #5cb85c;
 color: #fff;
}
.servizi-opzione {
 background-color: #dff0d8;
}
.servizi-footer {
 background-color: #eeeeee;
}

.servizi-portfolio {
 margin-top: 15px;
 text-align: center;
}
.servizi-portfolio-titolo {
 background-color: #5bc0de;
}
.servizi-portfolio-prezzo {
 background-color: #5bc0de;
 color: #fff;
}
.servizi-portfolio-opzione {
 background-color: #a4eaff;
}
.servizi-portfolio-footer {
 background-color: #eeeeee;
}

/* Pulsanti acquisto servizi */

.btn-round-bottom {
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
}

/* Footer */

footer {
 padding: 25px;
 background-color: #003366;
 color: #fff;
}
footer a, footer a:hover {color: #5cb85c;}
#footer-copy {
 padding: 10px 0 0 0;
 border-top: 1px solid #aaaaaa;
}


/* Stile per modificare e sovrascrivere l'aspetto degli input di Bootstrap */

.form-control {
  height: 32px;
  padding: 6px 12px;
  color: #333333;
  border-radius: 0;
}

.form-control-err, ul#results.form-control-err {
  border-color: red;
  border-width: medium;
  border-style: solid;
}

/* Testata portfolio */

.header-portfolio {
 background-color: #5cb85c;
 padding: 10px 15px;
 border-bottom: 2px solid #003366;
}

.header-portfolio > h2 {
 margin-bottom: 0;
 margin-top: 0;
 color: #fff;
}

/* Stile per modificare e sovrascrivere l'aspetto il componente Breadcrumb di Bootstrap */

.breadcrumb {
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
}

.breadcrumb > li + li:before {
  color: #fff;
}

.breadcrumb > .active {
  color: #fff;
}



/* Modifica del componente thumbnails per il portfolio */

.portfolio-filtro {margin-top: 15px;}

.portfolio-thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  margin: 15px 0;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #eeeeee;
  border: 1px solid #5cb85c;
  border-radius: 0;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.portfolio-thumbnail > img,
.portfolio-thumbnail > a > img,
.portfolio-img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.portfolio-thumbnail:hover,
.portfolio-thumbnail:focus {
  border-color: #003366;
}

.portfolio-thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.portfolio-thumbnail .caption {
  padding: 9px;
  color: #333333;
}

/* Stili per sovrascrivere e modificare il componente Pagination di Bootstrap */

.pagination > li > a {
  background-color: #5cb85c;
}


.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #999999;
  background-color: #eeeeee;
  border-color: #dddddd;
}


/* Titoli pagina contatti */

.contatti-titoli {
 margin-bottom: 15px;
 border-bottom: 2px solid #003366;
 padding-bottom: 10px;
}

/* Stili per sovrascrivere e modificare il componente Accordion/collapse di Bootstrap */

.panel {
  border: 1px solid #dddddd;
  border-radius: 0;
}

.panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-title > a {
  color: #fff;
  text-decoration: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading {
  background-color: #5cb85c;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.container{
	background-color: #FFFFFF;
}

.headerTestata{
	width: 100%;
	height: 93px;
	/*margin-bottom: 9px;*/
	/*border-top: 4px solid #ff6633;*/
/* 	background: url(../img/bg_grigio_header.png) 0 0 repeat-x; */
	border-bottom: 1px solid #aaaaaa;
}

a{
	color: #ff6633;
}

a:hover{
	color: #ff6633;
}

.navbar-default .navbar-nav > li > a {
	color: #003366;
}

h1, h2, h3 {
	color: #003366;
}

footer {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	color: #333333;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

footer a{
	color: #003366;
}

footer a:hover{
	color: #003366;
}

.btn-success {
	color: #ffffff;
	background-color: #003366;
	border-color: #003366;
}

.btn-success:hover {
	color: #ffffff;
	background-color: #003366;
	border-color: #003366;
}

.panel-carousel-heading {
	background-color: #003366;
	color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #003366;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.panel-carousel-footer {
	background-color: #eeeeee;
}

.nav-tabs {
	border-bottom: 2px solid #003366;
}

.panel-carousel-control {
	color: #003366;
}

.panel-carousel-footer a{
	color: #003366;
}

.panel-carousel-footer a:hover{
	color: #003366;
}

blockquote small {
	color: #aaaaaa;
}

.paragrafo-blu {
	color: #ffffff;
	background-color: #003366;
	border-color: #003366;
	border-radius: 5px;
	padding: 5px;
}

.btn-blu {
	color: #ffffff;
	background-color: #003366;
	border-color: #003366;
	border-radius: 5px;
}

.btn-grigio {
	color: #333333;
	background-color: #e7e7e7;
	border-color: #e7e7e7;
	border-radius: 5px;
}

.row-trasparente {
	margin: 0;
	margin-top: 10px;
}

.row-trasparente-margin-right{
	margin-right: 10px;
	border-radius: 5px;
}

.row-grigio {
	margin-left:0px !important;
	margin-right:0px !important;
	background-color: #e7e7e7;
	margin: 0;
	margin-top: 10px;
	border-radius: 5px;
	min-height: 62px;
}

.row-blu {
  margin-left: 0px !important;
  margin-right: 0px !important;
  background-color: #FAB661;
  margin: 0;
  margin-top: 10px;
  border-radius: 5px;
  color: #003366;
  font-weight: bold;
  padding: 10px;
  min-height: 126px;
  text-align: center;
}

.row-arancio {
	background-color: #ffd397;
	border-radius: 5px;
	min-height: 80px;
	padding-top: 8px;
}

.row-arancio-margin-right{
	margin-right: 10px;
	background-color: #ffd397;
	border-radius: 5px;
	min-height: 80px;
}

.row-grigio-chiaro {
	background-color: #e8e6fd;
	border-radius: 5px;
	min-height: 245px;
	padding-top: 70px;
}

.row-grigio-chiaro-margin-right{
	margin-right: 10px;
	background-color: #e8e6fd;
	border-radius: 5px;
	min-height: 245px;
}

.row-celeste {
	background-color: #c0e6fd;
	border-radius: 5px;
	min-height: 180px;
	padding-top: 45px;
}

.row-celeste-margin-right{
	margin-right: 10px;
	background-color: #c0e6fd;
	border-radius: 5px;
	min-height: 180px;
}

.row-interna div p{
	padding: 5px 0 0 5px;
}

.row-interna div p.interna-indentata{
	padding-left: 15px;
}

.row-interna a{
	color: #333333;
}

.row-interna a:hover{
	color: #333333;
}


.colonna p {
	border-radius: 5px;
	margin-top: 10px;
	padding: 2px 10px;
	margin-bottom: 0;
}

.colonna table{
	border-radius: 5px;
	width: 100%;
	margin-top: 10px;
}

.colonna td{
	padding: 5px 10px;
	width: 25%;
}

.colonna td.info{
	width: 1%;
}

.colonna td.indentata{
	padding-left: 20px;
	padding-top: 0px;
}

.colonna td.cinque{
	padding: 10px;
	width: 5%;
}

.colonna td.venti{
	padding: 10px;
	width: 20%;
}

.colonna td.cinquanta{
	padding: 10px;
	width: 50%;
}

.colonna td.invioDatiok{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: chocolate;
	padding-left: 150px;
}

.colonna a{
	color: #333333;
}

.colonna a:hover{
	color: #333333;
}

p.arancio{
	background-color: #ffd397;
	text-align: center;
}

table.arancio{
	/* background-color: #ffd397; */
	border: 2px solid;
    border-radius: 5px;
    border-color: #ffd397;
}

p.celeste{
	background-color: #c0e6fd;
	text-align: center;
}

table.celeste{
	/* background-color: #c0e6fd; */
	border: 2px solid;
    border-radius: 5px;
    border-color: #c0e6fd;
}

p.grigio-chiaro{
	background-color: #e8e6fd;
	text-align: center;
}



table.grigio-chiaro{
	/* background-color: #e8e6fd; */
	border: 2px solid;
    border-radius: 5px;
    border-color: #e8e6fd;
}

p.menta{
	background-color: #E0FFFF;
	text-align: center;
}

table.menta{
	background-color: #FFFFFF;
}
table.intestazione-blue{
	background-color: #003366;
	color: #FFFFFF;
	font-size:14px;
}

p.intestazione-blue{
	background-color: #003366;
}

p.blu{
	background-color: #003366;
	color: #FFFFFF;
}

table.blu{
	background-color: #003366;
	color: #FFFFFF;
}

body {
	font-size: 12px;
}

.row-nascondi {
	margin-top: 10px;
}

a.trigger{
	padding: 5px;
}

.row-grigio-compresso {
	background-color: #e7e7e7;
	margin: 0;
	margin-top: 10px;
	border-radius: 5px;
	display: none;
	margin-left: 0px !important;
	margin-right: 0px !important;
	min-height: 62px;
}

label.checkLabel {
	  display: block;
	  padding-left: 20px;
	  text-indent: -20px;
	  font-weight: bold;
	  color: #003366;
	  font-size: 14px;
}

input.checkLabel {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.navbar-nav-sara {
	float: none;
}

.navbar-default .navbar-nav > li > a {
	font-size: 12px;
}


.li-menu-orange {
	
}
.li-menu-white {
	
}
.li-menu-blue {
	
}

.inputEmailAndCellulare{
	padding-left: 5px;
}

.inputSaraClick{
	font-size: 12px;
	padding-left:5px;
	width: 96%;
	margin: 0 2%;
}

.inputSaraClickFontSmall{
	font-size: 10px;
	padding-left:5px;
	width: 96%;
	margin: 0 2%;
}

.inputSaraClickXL{
	font-size: 12px;
	padding-left:5px;
	width: 96%;
  	margin: 0 2%;
}

.backgroundTrasparent1{
	background: none;
	border: 0px;
	width: 180px;
}

.backgroundTrasparentPremi{
	background: none;
	font-size: 16px;
	border: 0px;
	width: 45px;
	text-align: right;
 	color: #003366;
}

.backgroundTrasparentPremioFinale{
	font-size: 24px;
	color: #FFFFFF !important;
	font-weight: bold;
	background: none;
	border: 0px;
	width: 65px;
	text-align: center;
}

.backgroundTrasparentPremioFinaleSmall{
	/*font-size: 24px;*/
	color: #003366 !important;
	font-weight: bold;
	background: none;
	border: 0px;
	width: 48px;
}

.td-premio{
	text-align: right;

}

.row-dati-tecnici-open {
	display: none;
}

.row-dati-tecnici-close{
	
}

.div-accordion{
	height: 300px;
}

#accordion h3{
	font-family: "Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #545a5f;
	font-weight: bold;
}

div#riepilogoDatiTecniciBorder {
	margin-right: 10px;
	margin-left: 15px;
	border:thin solid #EDEDED;
	padding:38px 21px 20px;
	-moz-box-shadow: 0 0 41px #E3E3E3; /* 1st-x 2nd-y 3rd-spread */
	-webkit-box-shadow: 0 0 41px #E3E3E3;
	box-shadow: 0 0 41px #E3E3E3;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=55, OffY=55, Color=#E3E3E3),
           progid:DXImageTransform.Microsoft.Chroma(Color='#E3E3E3');

}
.tooltip {
	position: relative;
  	opacity: 10;
  	display: inline;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.separateBox{
	border-left: 1px solid;
	border-right: 1px solid;
}

.borderR1Px{
	border-right: 1px solid;
}
.fontBold{
	font-weight: bold;
}

.bgGray{
	background-color: #EBEBEB;
}

#msgErrorSection{
	width: 80%
}

.box-height{
	height: 100px;
}
.labelColonna{
	margin: 0px 6px;
 	font-weight: normal;
 	font-size:14px;
}

/*Pagina pacchetti*/
.pacchettih1{
	margin: 5px 5px 5px 5px;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	color: #222;
}
.pacchettih2{
	margin: 5px 5px 5px 5px;
	height: 70px;
	text-align: center;
	padding-top: 10px;
	color: #222;
}
.pacchettiBordo{
	border: 1px solid #000;
	-moz-box-shadow: 0 0 3px 3px #bbb;
	-webkit-box-shadow: 0 0 3px 3px #bbb;
	box-shadow: 0 0 3px 3px #bbb;
	border-radius: 5px;
	background: url(../img/gradiente.png) repeat-x;
}
.celestePacchetti {
    background-color: #c0e6fd;
}
.celestePacchettiScuro{
	background-color: #99CCFF;
	font-size: large;
}
.pescaPacchetti{
	background-color: #f7961d;
}
.gialloPacchetti{
	background-color: #FFCC33; /*#FFFF66;*/
}
.gialloPacchettiScuro{
	background-color: #FF9900;
	font-size: large;
}
.grigioPacchetti{
	background-color: #dddddd;
}
.grigioPacchettiScuro{
	background-color: #bbbbbb;
	font-size: large;
}
.btnPacchetti {
	background: url(../img/gradiente.png) repeat-x;
    color: #ffffff;
    background-color: #003366;
    border-color: #003366;
    width: 100%;
    height: 100%;
    border: 0;
    -moz-box-shadow: 0 0 3px 3px #bbb;
	-webkit-box-shadow: 0 0 3px 3px #bbb;
	box-shadow: 0 0 3px 3px #bbb;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=55, OffY=55, Color=#E3E3E3),
           progid:DXImageTransform.Microsoft.Chroma(Color='#E3E3E3');
}
.btnPacchetti:HOVER {
    opacity: 0.8;
}
.margineAlto{
	margin-top: 20px;
}
.pacchettiFreccia{
	padding-top: 25px;
	background: url(../img/triangle.png) no-repeat;
	background-size: contain;
}
.pacchettiOmbra {
	/*margin-right: 10px;
	margin-left: 15px;*/
	border:thin solid #EDEDED;
	padding:20px 21px 20px;
	-moz-box-shadow: 0 0 41px #E3E3E3; /* 1st-x 2nd-y 3rd-spread */
	-webkit-box-shadow: 0 0 41px #E3E3E3;
	box-shadow: 0 0 41px #E3E3E3;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=55, OffY=55, Color=#E3E3E3),
           progid:DXImageTransform.Microsoft.Chroma(Color='#E3E3E3');
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-top: 30px;

}
.carattereBlu{
	color: #003366;
	font-size: large;
}
.enfasi {
    border: 2px solid #003366;
}
.paragrafoBlu{
	font-size: medium;
	margin-bottom: 20px;
}
.paragrafoBluErr{
	font-size: medium;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
.btnPacchettiBianco {
    color: #003366;
    font-weight: bold;
    /*text-decoration: underline;*/
    background-color: transparent;
    border: 0 none; 
}
.btnPacchettiBianco:HOVER {
    opacity: 0.8;
}
.nomeOfferta{
	font-size: x-large;
}
.btnPacchetti:HOVER {
    opacity: 0.8;
}
.reflection {
    position:relative;
}
.reflection p.riflesso{
	font-size: x-large;
	font-weight: bold;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    filter: flipv;
    opacity:0.20;
    filter: alpha(opacity='30');
    padding: 0;
}
.overlay{
    /*position:absolute;
    top:50px;
    left:0px;
    width:508px;
    height:351px;
    background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 60%, rgba(255,255,255,0) 75%);
    background-image:  -o-linear-gradient(rgba(255,255,255,0) 25%, rgb(255,255,255) 40%);
    background-image:  -webkit-gradient(linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColor=0, EndColorStr=#ffffff);*/
}
.informativaRosso{
	color: #FF0000;
	padding-left: 30px;
}
.informativaLista {
    list-style-type:disc;
}
.pacchettiTitoli {
    font-size: large;
    height: 70px;
    text-align: center;
    margin: 0 auto;
}

.pacchettiTitoli.stretto {
    
    height: auto;
    
}

.rcaGuidoBene {
	width: 25%; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	float: left;
}
.rcaGuidoBene.rcaGuidoBenePremio {
	width: 50%;
}
.descrizioneTitoli {
    font-size: medium;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    display: table-cell; 
    vertical-align: middle;
}
.pacchettiFrecciaNomeOfferta {
    background: url('../img/triangle.png') no-repeat; /* for IE9 and below */
    background-size: 85%;
    background-position: top center;
    font-size: x-large;
    height: 70px;
    margin: 5px auto;
    padding-top: 35px;
    text-align: center;
}
.pacchettiFrecciaNomeOffertaXS {
    font-size: x-large;
    height: 70px;
    margin: 5px auto;
    text-align: center;
}
.btnPacchettiBiancoNomeOfferta {
    background-color: transparent;
    border: 0 none;
    color: #333333;
    font-weight: bold;
    font-style: italic;
}
.btnPacchettiBiancoNomeOfferta:HOVER {
    opacity: 0.8;
}
.btnPacchettiBiancoNomeOffertaGrigio {
    border: 2px solid #bbbbbb;
    width: 100%;
    border-radius: 5px;
}
.btnPacchettiBiancoNomeOffertaGrigioXS {
    border: 2px solid #bbbbbb;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.btnPacchettiBiancoNomeOffertaCeleste {
    border: 2px solid #99CCFF;
    width: 100%;
    border-radius: 5px;
    margin-left: -5px;
}
.btnPacchettiBiancoNomeOffertaCelesteXS {
    border: 2px solid #99CCFF;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-left: -5px;
}
.btnPacchettiBiancoNomeOffertaGiallo {
    border: 2px solid #FF9900;
    width: 100%;
    border-radius: 5px;
    margin-left: -5px;
}
.btnPacchettiBiancoNomeOffertaGialloXS {
    border: 2px solid #FF9900;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-left: -5px;
}
.pacchettiBordo2 {
    border: 1px solid #333333;
    /*border-radius: 5px;*/
}
.btnPacchettiBlu {
    background-color: #003366;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #003366;
    color: #ffffff;
    font-size: large;
    height: 100%;
    width: 100%;
}
.btnPacchettiBlu:HOVER {
    opacity: 0.8;
}
.pacchettih{
	margin: 5px auto;
	height: 70px;
	text-align: center;
}
.pacchettiFrecciaNomeOrizzontale {
    background: url('../img/pacchettiFrecciaOrizzontale2.png') no-repeat; /* for IE9 and below */
    background-size: contain;
    background-position: top center;
    height: 70px;
    text-align: center;
}
.frecciaOrizzontale{
	display: table; 
	width: 100%;
	margin: 5px;
}
.frecciaOrizzontaleFree {
    display: table;
    margin: 0 auto;
    margin-bottom: 8px;
}
.testoCentratoVertContenitore{
	display: table; 
	width: 100%;
	height: 100%;
}
.testoCentratoVert{
	display: table-cell; 
    vertical-align: middle;
}
.tick{
	background: url("../img/tick.png") no-repeat;
	background-size: 16px;
	background-position: 0 -2px;
	padding-left: 20px;
}
.labelPacchettiMediumSize{
	font-size: 14px;
}
.pacchettiFrecciaNomeOffertaChilometrico{
    background: url('../img/triangle.png') no-repeat; /* for IE9 and below */
    background-size: 85%;
    background-position: top center;
    font-size: x-large;
    height: 40px;
    margin: 5px auto;
}
.pacchettih2{
	margin: 5px;
	height: 40px;
}

.fakeLineThrough {
    margin-left: 4px !important;
}
table {
    border-collapse: unset !important;
}
.colonnaFree{
	width: 85%;
}
.colonnaRuotaLibera{
	width: 95%;
}
.modaleRicalcoloPremio{
	text-align: center;
	display: none;
}
.modaleEuroNCAP p{
	text-align: center;
	font-size: 16px;
	margin: 5px;
}
.modaleEuroNCAP img{
	padding-top: 10px;
	width: 250px;
	margin-bottom: 10px;
}
.modale3Bien p{
	text-align: justify;
	font-size: 14px;
	margin: 5px;
}
.modale3Bien span.arancio{
	color: #e78f08;
	font-size: 26px;
}
.modale3Bien span.blu{
	color: #003366;
	font-size: 20px;
}
.modale3Bien span.bluLOR{
	color: #003366;
}
.modale3Bien span.tick {
    margin-left: 10px;
}
img.scritta3Bien{
	vertical-align: baseline;
}
img.timbro3Bien{
	float: right;
	width: 75px;
}
img.prendiORaddoppia{
	float: left;
	width: 80px;
	margin-right: 10px;
}
img.prendiORaddoppia2{
	float: left;
	width: 45px;
	margin-right: 10px;
}
.senzaHeader3bien{
	/*width: 500px !important;*/
}
.senzaHeader {
	border-radius: 10px !important;
	border: 3px solid #e78f08 !important;
}
.senzaHeader .ui-dialog-titlebar {
	display: none;
}
.senzaHeader .ui-dialog-buttonpane {
	border-width: 0px !important;
}
.senzaHeader .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
    border-width: 0px !important;
    background: transparent url("../img/closeIcon3Bien.png") 0px 0px no-repeat;
    color: transparent;
    width: 30px;
	height: 30px;
}
a.fascicoloInformativo {
    font-weight: bold;
    font-size: 12px;
    color: #003366 !important;
    text-decoration: none;
}
.fascicoloInformativoImg{
	float: left;
    height: 25px;
    margin-right: 10px;
}
.fascicoloInformativoTesto{
	margin-left: 5px;
}
.testoFreccia{
	padding-right: 40px;
}
.messaggio{
	text-align: center;
}
.messaggio img{
	width: 30%;
}
.attesa{
	display: none;
	visibility: hidden;
}
.right {
    display: block;
    float: right;
    margin: 0 0 1.3em 1.3em;
    text-align: right;
}
.formStampa{
	padding-top: 20px;
	padding-left: 20px;
}
.arancio img.ipadImage{
	width: 90%;
}
.grigio-chiaro img.ipadImage{
	width: 90%;
}
.celeste img.ipadImage{
	width: 90%;
}
.colonna td.premio {
    width: 16%;
}
/*Aggiustamenti per visualizzazione Tablet e smartphone*/
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	.container {
	    padding-right: 15px !important;
	    padding-left: 15px !important;
	}
	.col-sm-10 {
	    padding-right: 5px !important;
	    padding-left: 5px !important;
	}
	.colonna td {
		padding: 5px 4px;
	}
	body .styleComboXL {
		font-size: x-small;
		max-width: 200px;
	}
	.backgroundTrasparentPremi {
		font-size: x-small;
	}
	table.intestazione-blue, label.checkLabel, .labelColonna, body table.grigio-chiaro td  {
		font-size: xx-small;
	}
	.pacchettihXS.pacchettih {
		height: 100px;
	}
	body .container {
		padding-right: 2px;
		padding-left: 2px;
	}
	.pacchettiTitoli {
	    font-size: smaller;
	}
	.descrizioneTitoli {
    	font-size: smaller;
	}
	.pacchettih {
	    font-size: smaller;
	}
	h4 {
/* 	    font-size: xx-small !important; */
		font-sizxe: 1.3em;
		margin-top: 10px;
	}
	
	.btnPacchettiBlu {
	    font-size: xx-small;
	}
	.td-premio{
		font-size: small;
	}
	.backgroundTrasparentPremioFinale {
		font-size: medium;
	}
	
	.imageWrapper {
	    margin-left: 5px !important;
	    display: none;
	}
	.contentPropertyWrapper {
	    margin-left: 5px !important;
	}
	.titleTableAgenzia {
		font-size: small !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.titleTableAgenziaRec {
		font-size: small !important;
	}
	.contentPropertyWrapper {
	    width: 55% !important;
	}
	.contentPropertyWrapper2 {
	    width: 34% !important;
	    text-align: right !important;
	}
	ul#results {
    	padding: 20px 10px 20px 10px !important;
    }
    .contentPropertyWrapper2 span {
	    margin-left: 0px !important;
	    margin-right: 0px !important;
	}
	.contentPropertyWrapper em {
	    font-size: xx-small !important;
	}
	span.fakeLineThrough{
		font-size: x-small !important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.btnPacchettiBlu {
    	font-size: larger;
    }
}
@media screen and (min-width: 769px) { 
	.pacchettiOmbra {
		margin-right: 10px;
		margin-left: 15px;
	}
}
.invioErr {
	font-size: small !important;
	font-weight: bold;
	padding-bottom: 20px;
	color: RED !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-color: red;
	border-width: medium;
	border-style: solid;
}

.invioOk {
	font-size: small !important;
	font-weight: bold;
	padding-bottom: 20px;
	color: #003366 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
    border-width: medium;
    border-style: solid;
	border-color: #EC9A31;
}
.invioOkLeft{
	text-align: left;
}

/********************************
 ********* LISTA AGENZIE
 *********************************/
#agenzia_piu_vicina {
	padding-top: 10px;
}
#agenzia_piu_vicina h4 {
	border: 1px solid #DC8A21;
	color: #003366;
	margin: 0 0 10px 0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
}
#agenzia_piu_vicina  .form-group {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
}
#agenzia_piu_vicina .form-control {
	padding-top: 3px;
	padding-bottom: 3px;
}
@media only screen and (max-width : 767px) {
	 #agenzia_piu_vicina h4 {
		margin-top: 10px;
	}
}

#agenzia_piu_vicina label {
	font-size: 0.9em;
}
/* @media only screen and (max-width : 1023px) { */
/* 	#agenzia_piu_vicina label { */
/* 		font-size: 0.85em; */
/* 	} */
/* } */

#agenzia_piu_vicina ul#results {
	margin: 0 0 10px 0;
	padding: 0;
}
#agenzia_piu_vicina .btn-blu {
	padding: 0px;
	width: 150px;
	height: 50px;
	text-align: center;	
	background-color: #EC9A31;
	border: 3px outset #FFCA61;
	color: #003366;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 0;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
}
.radio_agenzia_container {
	height: 43px;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
	padding-top: 15px;
}
li.radioAgenziaOn {
	background-color: #FCAA41;
}
#agenzia_piu_vicina p {
	margin: 0;
}
#agenzia_piu_vicina .checkbox {
	padding-top: 0;
	font-size: 0.9em;
	
}

#agenzia_piu_vicina .checkbox.checkbox_err {
	border-color: red;
  	border-width: medium;
	
}
#agenzia_piu_vicina input[type=checkbox] {
	margin-top: 7px;
}



#agenzia_piu_vicina .btn-blu {
	
}

.banner-container {
	cursor: pointer;
}

.banner-container strong {
	text-decoration: underline;
}

.banner-container.banner-button {
	display: block;
	height: 50px;
	width: 100%;
	text-align: center;
	line-height: 35px;
	background-color: #EC9A31;
	border: 3px outset #FFCA61;
	color: #003366;
	font-weight: bold;
	font-size: 1.5em;
	border-radius: 0;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	position: relative;
}

.banner-container.banner-button img{
	position: absolute;
	bottom: 5px;
	left: 30px;
}


div.banner-contatta {
	margin-bottom: 25px;
}
div.banner-contatta div {
	padding-top: 0;
	padding-bottom: 0;
	color: #003366;
}
div.banner-contatta div.banner-container-col {
	padding-right: 0;
}
div.banner-contatta > div.banner-container-col > div {
	padding-left: 10px;
	border: 1px solid #EC9A31;
	border-right: none;
}

div.banner-contatta div.banner-button-col {
	padding-left: 0;
}
.form-mail {
	margin-bottom: 10px;
}
.form-mail div {
	margin: 0 0 3px 0;
	padding: 0;
}
.form-horizontal .control-label {
	text-align: left;
}
.form-mail button {
	padding: 0px;
    width: 100%;
    height: 30px;
    text-align: center;
    background-color: #EC9A31;
    border: 3px outset #FFCA61;
    color: #003366;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.banner-container {
	display: table;
	width: 100%;
	height: 50px;
}
.banner-content {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.3em;
}

.logo70modal{
	margin: 0px;
}

/*********************************
 * MOBILE
 *********************************/
 .listaAgenzieClear {
	font-size: 1px; 
	line-height: 1px; 
	clear: both;
}
@media only screen and (max-width : 1023px) {
	.radio_agenzia_container {
		margin-left: 0px;
		padding-left: 3px;
	}
	#results {
		padding-left: 0;
	}
	.banner-container.banner-button img{
		bottom: -8px;
	}
	.form-mail {
		padding-right: 0;
	}
	.container {
		max-width: 98%;
	}
}
.stampa-mail, .stampa-mail p {
	text-align: left;
}
.stampa-mail p {
	margin-left: -10px;
	padding-right: 0;
	/*margin-right: */
}
.stampa-mail input {
	padding-right: 10px;
}
@media only screen and (max-width : 767px) {
	#agenzia_piu_vicina {
    	margin-left: -15px;
    	margin-right: -25px;
    	padding: 0;
    }
    #agenzia_piu_vicina p {
		padding-right: 0;
	}
}

/***********************************
 * FORM RICERCA AGENZIA
 ********************************/
div.cerca-agenzia {
	width: 100%;
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0;
	margin: 0 0 8px 0;
	-webkit-box-shadow: 0px 0px 10px #eee;
          box-shadow: 0px 0px 10px #eee;
}
div.cerca-agenzia p, div.cerca-agenzia input {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
	vertical-align: middle;
	height: 28px;
	font-size: 1.2em;
}
#agenzia_piu_vicina div.cerca-agenzia p {
	display: table;
	padding-right: 5px;
	padding-left: 5px;
}
div.cerca-agenzia label {
	display: table-cell;
	vertical-align: middle;
}
div.cerca-agenzia input[type=text] { 
	width: 50%;
	font-weight: bold;
	text-transform: uppercase;
}
div.cerca-agenzia input[type=submit] {
	float: right;
	padding-right: 5px;
	font-weight: bold;
	color: #000;
	font-style: italic;
	border-left-style: groove;
    padding-left: 5px;
}
div.cerca-agenzia input[type=submit]:hover {
	color: #000;
	font-style: normal;
}
div.cerca-agenzia input:focus {
	outline: none;
}
@media only screen and (max-width : 767px) {
	div.cerca-agenzia input[type=text] { 
		width: 40%;
	}
	div.cerca-agenzia p label {
		font-size: 0.9em;
	}
}

ul.listaFumetto {
    list-style-type: disc;
}

.pulsantiMoto{
	margin-top: 20px;
}

.btn_avanti {
	BACKGROUND: url(../img/ButtonAvanti.PNG);
	width: 80px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}
.btn_indietro {
	BACKGROUND: url(../img/ButtonIndietro.PNG);
	width: 90px;
	height: 25px;
	border: 0px;
	cursor: pointer;
}

.campi_required {
	color: #000;
	background: #F6E3CE;
	border: 2px solid red
}

.msg-alert-testo {
	font-size: 12px;
	color: #F97C00;
	/* background-color: #F97C00; */
	font-weight: bold;
}

.sopra10{
 	margin-top: 10px;
}

.selectMAM{
	width: 250px;
}

.graficaIndirizzo{
	border: 2px solid #bbbbbb;
	border-radius: 5px;
	margin: 5px auto;
	height: 120px;
	padding-left: 10px;
}

.inputIndirizzo {
    width: 90%;
    border: solid 1px #999999;
    border-radius: 5px;
    height: 20px;
}

.comboIndirizzo {
    border: solid 1px #999999;
    border-radius: 5px;
    height: 20px;
    width: 90%;
}

.indirizzoSubmitContainer{
	margin-top: 15px;
}

.submitIndirizzo {
    background-color: #003366;
    border: 1px solid #003366;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 5px;
}

.frecciaIndirizzo {
    margin-top: 30px;
}

.btn-ricalcola {
	color: #FFFFFF !important;
	
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	color: #003366 !important;
	background-color: #DC8A21;
	border-color: #DC8A21;
	border-radius: 5px;
}

.grigio{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}