@font-face {
    font-family: 'Segoe UI';
    src: url('Segoe UI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Segoe UI Bold';
    src: url('Segoe UI Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Archivo-Bold';
    src: url('Archivo-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Weisshorn';
    src: url('Weisshorn.woff') format('woff'),
         url('Weisshorn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Weisshorn Rough';
    src: url('Weisshorn Rough.woff') format('woff'),
         url('Weisshorn Rough.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family:Segoe UI,sans-serif;
	font-size:100%;
	width:100%;
	background: white;
	color:#555;
}

p, h1, form,html,body{
	border:0; margin:0; padding:0;
}

div{
	overflow:hidden;
}

.transparent-dialog {
  background: transparent;
}

.cellaRiepilogo{
	width:100%;	
}

.cellaTitolo{
	width:100%;	
	text-align:center;
	font-size:1.2em;
}

.nascondiElemento{
	height:0;
	visibility:hidden;
}

.cellCoupon{
	margin-top:5px; 
	width:98%;
	float:left;
}

/* menu */
#nav {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    left:10px;
    top:0px;
    z-index:800;
}   
 
#nav li {
    float:left;
    display:block;
    width:200px;
    cursor:pointer;    
    position:relative;
    z-index:500;
    margin:0 1px;
    -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}

#nav li.first {	
    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}

#nav li.last {
    -webkit-border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}

#nav li li.last {
    -webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}

#nav li a {
	background:#299dc3;
    display:block;
    padding:8px 5px 0 5px;   
    height:23px;
    text-decoration:none;
    text-align:left;
    color:#333;
}

#nav li a:hover {
    color:#C00;
}

#nav li li:hover {
	-webkit-transform: translate(+10px,0);
}

#nav a.selected {
	color:#C00;
}

#nav ul {
    position:absolute;
    left:0;
    display:none;
    margin:0 0 0 -1px;
    padding:0;
    list-style:none;
}

#nav ul li {
    width:200px;
    float:left;
    border-top:1px solid #fff;
}

#nav ul a {
    display:block;
    height:auto;
    padding: 8px 5px;
    color:#fff;
}
/* fine menu */

.main{
	margin: 0px auto;
	font-size:14px;		
	min-height:480px;
}

.submain{
	background: rgba(255, 255, 255, 0.8);	
	width:90%;
	height:90%;	
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	max-width:1065px;
}

.sfondoTabella{	
	background-color:#f8fafb;	 
}

.divAnnulla{
	float:right;
	text-decoration:underline;
	color:#FF0000;
	cursor:pointer;
}

.intestazioneTabella{
	color:#555;
	font-family:Segoe UI Bold, Helvetica, sans-serif;
}

.fontBold{	
	color:#555;
	font-family:Segoe UI Bold, Helvetica, sans-serif;
}

.fontMedium{	
	color:#555;
	font-family:Archivo-Medium, Helvetica, sans-serif;
}

.fontRegular{	
	color:#555;
	font-family:Segoe UI, Helvetica, sans-serif;
}

.rigaSeparazione{	
	color:#299dc3;
	border-top: 2px solid #555;
	height:0.5em; line-height:0.5em; 
}

.titoletto{	
	height:20px;
	color:#fff;
}

.intestazionePaginaNew{	
	width:auto;
	height:60px;	
	width:100%;	
	margin-top: 10px;	
	margin-left:auto;
	margin-right:auto;	
	border-bottom: 3px solid #299dc3;
}

.sottoIntestanzione{	
	width:auto;		
	width:100%;	
	margin-left:auto;
	margin-right:auto;	
	height: 300px;
    border-bottom: 1px solid #dedede;	
    background-image:url(../img/14.jpg);
    background-position:center;
}

.sottoIntestanzioneI{	
	width:auto;		
	width:100%;	
	margin-left:auto;
	margin-right:auto;	
	height: 100px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dedede;	
}

.sottoIntestanzioneIContenitore{	
	margin-left:auto;
	margin-right:auto;
	max-width:98%;
	height:100%	
}

.descrizioniFooter{	
	width:auto;		
	width:100%;	
	margin-left:auto;
	margin-right:auto;	
	height: 130px;
    background-color: #f7f7f7;
    border-top: 1px solid #dedede;	
}

.footer{	
	width:auto;		
	width:100%;	
	margin-left:auto;
	margin-right:auto;	
	height: 60px;
    background-color: #299dc3;
    color: #ffffff;
}

.headerDialogUt{	
	width:700px;	
	height: 50px;
	text-align:center;
	line-height:50px;
	text-align:center;
	font-size:2em; 
	font-family:Segoe UI Bold,sans-serif;
	color: #299dc3;	
}

.intestazioneFormDialog{		
	height: 20px;		
}

.campoFormDialog{	
	height: 20px;		
}

.messaggioFormDialog{	
	height: 20px;		
}

.barraPulsantiFormDialog{	
	height: 60px;		
}

.oppureFormDialog{		
	height: 20px;		
}

.barraSocialFormDialog{		
	height: 20px;		
}

.myformDialog{
	font-size:1.2em;
    border: 1px solid #dedede;
    width: 300px;
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;
}	

.corpoDialogUt{	
	width:320px;	
}

.cellaDescrizioniFooter{
	width:46%;
	height:90%;	
	float:left;
	margin-top:10px;	
	padding-left:10px;
}

.cellaBordiFooter{
	border-left: 1px solid #d2d2d2;	
}

.titolettoIntestazione{
	font-size:1em;color:#323232;	
}

.cellaDescrizioniFooter2{
	width:82%;
	height:90%;	
	float:left;
	margin-top:10px;	
	padding-left:10px;	
}

.myformMaxyGruppi{
   	width: 100%;   
	background-color:#f7f7f7;
   
}	

.myContenitoreForm{
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;
    width: 100%;
}	

.myformElenco{   
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;
    width: 98%;    
}	

.myformElencoCella{
   border: 1px solid #dedede;    
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 0px;
	width:99%;
	margin-bottom: 7px;    
}

.imgElencoCella{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;	
	height:148px;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:690px 200px;
}

.imgElenco{	
	width: 100%;
}

.myformRicerca{
    border: 1px solid #dedede;   
    width: 98%;
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;
}

.myformOfferte{
   border: 1px solid #dedede;   
    width: 98%;
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
    position:relative;
    clear: right;
}

.myformPratica{	   
	border: 1px solid #dedede;
    width: 98%;
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
    position:relative;
    clear: right;
}

.myformNew{	
    border: 1px solid #dedede;
    width: 310px;
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;
}	 

.titoloLoginNew{
	height:2em;
	line-height:2em;
	text-align:center;
	font-size:0.8em; 
	font-family:Segoe UI Bold,sans-serif;
	color: #299dc3;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 2px solid #299dc3;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.titoloPratica{
	height:2em;
	line-height:2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI Bold,sans-serif;
	color: #299dc3;
	margin-bottom: 10px;
	margin-top: 10px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 2px solid #299dc3;
}

.barraPulsanti{
	height:3em;
	line-height:3em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI Bold,sans-serif;
	color: #299dc3;
	margin-bottom: 10px;
	margin-top: 30px;
	width:90%;
	margin-left:auto;
	margin-right:auto;	
}

.descrizioneRiepilogo{
	width:90%;
	line-height:1.2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI,sans-serif;
	margin-right: auto;	
	margin-left: auto;
	margin-bottom:5px;
}

.descrizioneOfferte{
	width:90%;
	line-height:1.2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI,sans-serif;
	margin-right: auto;	
	margin-left: auto;
}

.descrizioneOfferteB{
	width:90%;
	line-height:1.2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI Bold,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: auto;	
	margin-left: auto;
}

.totalePratica{
	width:90%;
	line-height:1.2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI Bold,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: auto;	
	margin-left: auto;
	border: 1px solid #dedede;
}

.offertaTxt{
	width:90%;
	line-height:1.2em;
	text-align:left;
	font-size:0.8em; 
	font-family:Segoe UI,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: auto;	
	margin-left: auto;
	color:#299dc3;
}

.titoloElencoNew{
	height:1.3em;
	line-height:1.3em;
	text-align:center;
	font-size:1.2em; 
	font-family:Segoe UI,sans-serif;
	color: #299dc3;
	margin-bottom: 5px;
	margin-top: 5px;
}

.sottotitoloElencoNew{
	height:1.1em;
	line-height:1.1em;
	text-align:left;
	font-size:1.0em; 
	font-family:Segoe UI,sans-serif;
	color: #299dc3;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	cursor:pointer;
}

.rigaServizio{
	height:4em;
	text-align:left;
	font-size:1.0em; 
	font-family:Segoe UI,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	cursor:pointer;
}

.testoMsgPagFinali{
	width:90%;
	text-align:left;
	font-size:1.0em; 
	font-family:Segoe UI,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
}

.imgServizio{ 
	width:20%;
	float:left;
	height:100%;
	background-position:center;
	background-size:40px 40px;
	background-repeat:no-repeat;	
}

.cellaRigaServizio{
	margin-top:20px;	
}	

.immagineServizi{
	width:60px;
	height:60px;
	float:left;
	margin:auto;
}

.nomeServizio{
	width:50%;
	float:left;
	font-size:0.8em;
}

.prezzoServizio{
	width:17%;
	float:left;
	text-align:right;
}

.qtaServizio{
	width:13%;
	float:left;	
}

.iconDown{
	float:right;	
	width:10px;
	height:10px;
	line-height:1.1em;	
	margin-right: 10px;	
	margin-bottom: auto;
	margin-top: auto;	
	background:url(../img/Down.png);
	background-color:#299dc3;
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.iconInfo{
	float:right;	
	width:20px;
	height:20px;
	line-height:1.1em;	
	margin-right: 10px;	
	margin-bottom: auto;
	margin-top: auto;	
	background:url(../img/info.png);
	background-color:#299dc3;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

.iconChiudi{
	float:right;	
	width:20px;
	height:20px;
	line-height:1.1em;	
	margin-right: 10px;	
	margin-bottom: auto;		
	background:url(../img/close.png);
	background-color:#299dc3;
	background-size:100% 100%;
	background-repeat:no-repeat;
	cursor:pointer;
}

.elencoIconeServizi{
	width:70%;
	height:20px;
	float:left;
}

.linkDettaglio{
	width:30%;
	height:20px;
	float:left;
}

.testoDettaglio{
	text-decoration:underline;
	float:right;
	margin-right: 10px;	
	cursor:pointer;
	display:none;
}

.linkPrenota{
	position:absolute;
	right:10px;
	bottom:20px;
	color:#ffffff;
	font-family:Segoe UI Bold,sans-serif;
	cursor:pointer;
}

.iconaPrenota{
	width:18px;
	height:18px;
	float:right;
	margin-left:10px;
}

.iconaServizi{
	width:18px;
	height:18px;
	float:left;
	margin-right:10px;
}

.descrizioneElencoNew{
	height:100%;
	line-height:1.1em;
	text-align:left;
	font-size:0.9em; 
	font-family:Segoe UI,sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

.divLogo{
	float: left;
	border-right: 1px solid #d2d2d2;
	height:45px;
}	

.divTestoIntestazione{
	float: left;	
	color:#7c7c7c;
	font-size:0.8em;
	vertical-align:middle;
	height:100px;
	margin-top:5px;
}

.divTestoSottoIntestazione{
	font-size:0.9em;	
}

.divTestoFooter{
	float: left;	
	color:#ffffff;
	font-size:0.7em;
	vertical-align:middle;
	height:100px;
	
}

.iconFooter{
	height:40px;
}

.iconSocial{
	height:20px;
	cursor:pointer;
	margin-right:10px;
}

.imgTopNew{	
	margin-top:0px;
	height:45px;			 
}

.titolettoNew{	
	float: right;	
}

.buttonNew {
	height:3em;
	font-size:0.8em;
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
  	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */    
   	line-height:3em;
}

.buttonNewP {
	height:2em;
	font-size:0.8em;
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
  	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */    
   	line-height:2em;
}

.buttonNewB {
	height:3em;
	font-size:0.8em;
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
  	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */     
   	border: 1px solid #299dc3;   
   	line-height:3em;
}

.buttonIntestazione{
	width:90px;	
	margin-left:auto;
	margin-right:auto;
}

.buttonPagamento{
	width:90px;	
}

.buttonProsegui{
	width:130px;	
}

.buttonWebCk{
	width:140px;
	height:3em;
	line-height:3em;
}
	
.sfumaturaNew{
	color: white;
	background-color:#299dc3;	
	behavior: url(PIE.htc);	
}

.sfumaturaClose{
	color: #299dc3;
	border-color:#299dc3;	
	behavior: url(PIE.htc);	
}

.buttonClose {
	height:3em;
	font-size:0.8em;
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
  	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 0 4px #299dc3;  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 0 4px #299dc3;  /* la stessa ombra su firefox */
   	box-shadow: 0 0 4px #299dc3;  /* idem per gli altri browser (tranne IE) */    
   	line-height:3em;
}

.noclose .ui-dialog-titlebar {display:none}

.intestazioneCampoFormLogin{
	margin-left:10px ; 
	width:90%; 
	font-size:0.8em;
	color:#323232;
}

.intestazioneCampoFormRicerca{
	width:48%; 
	font-size:0.8em;
	color:#323232;
	float:left;
}

.intestazioneCampoFormPratica{
	width:90%; 
	font-size:0.8em;
	color:#323232;
	margin-left:auto;
	margin-right:auto;
}

.linkFormLogin{
	margin-right: auto;
	margin-left: auto;
	width:90%; 
	font-size:0.8em;
	color:#323232;
	margin-bottom:10px;
}

.linkFormLoginCella{
	height:100%;
	position:relative;
	width:50%;
	cursor:pointer;
	text-decoration:underline;
	font-size:0.8em;
}

.intestazioneCampoForm{
	width:90%; 
	font-size:0.8em;
	/*font-family:Segoe UI Bold,sans-serif;*/
	color:#323232;
}

.submainNew{		
	width:90%;
	height:90%;	
	max-width:1065px;	
	border: 1px solid #dedede;   
    background-color: #fafcfb;
    background-color: rgba(250, 250, 250, 0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
    position:relative;	
}

.intestazionePagina{	
	width:auto;
	height:70px;
	text-align:center;	
}

.imgTop{	
	margin-top:10px;
	height:40px;			 
}

.imgArrow{
	margin-left:10px;
	margin-top:10px;	
	height:20px;		
	cursor:pointer;	 
}

.imgM{	
	margin-top:5px;
	height:25px;;		 
}

.voceMenu{
	text-decoration:underline; 
	cursor:pointer;
	margin:1em 0 1em 0.5em;
	width:auto;
	float:left; 
	height:2em; 
	line-height:2em;
	font-size:1.5em;
	text-align:left; 
}

.bottonePagaOnline{
	min-width:5em; 
	padding-left:2em; 
	padding-right:2em; 
	text-align:center; 
	float:right;
	font-size:1em;
}

.contenitoreRosso{
	float:left;
	font-size:1em;
}

.marginiLaterali{
	margin-left:1.5%;
	margin-right:1.5%;
}

.boxRigaArrivoPartenza{
	width:auto;
}

.boxRigaBluGrande{
	width:66%;
	float:left; 
	margin-left:3%;
}

.boxRigaBiancaGrande{
	width:75%;
	float:left;
}

.boxRigaBluPiccolo{
	width:30%;
	float:left; 
}

.boxRigaBiancaPiccolo{
	width:25%;
	float:left;
}

.boxElencoPren1{
	width:10%;
}

.boxElencoPren2{
	width:20%;
}

.boxElencoPren3{
	width:30%;
}

.boxElencoPren4{
	width:30%;
}

.desktopTextRight{
	text-align:left;
}

.mobileTextRight{
	text-align:right;
}

.mobileFont{
	font-size:1em;
}

.mobileFontSmall{
	font-size:0.8em;
}

.mobileLeft{
	float:left;
}

.desktopLeft{
	float:none;
}

.noMobile{
	display:none;
}

.noMobile2{
	display:none;
}

.altezzaRigaMobile{
	height:2.5em; 
	line-height:2.5em;
}

.navigazione{
	font-size:1.2em;
}

.colonnaFormSx{
	width:97%;
	margin:0.2em 1.5% 0 1.5%;
}

.colonnaFormDx{
	width:97%;
	
	margin:0.2em 1.5% 0 1.5%;
}

.colonnaFormSxF{
		float:left; width:47%;margin:0.2em 0 0 3%;
}

.colonnaFormDxF{
	float:left; width:47%;margin:0.2em 3% 0 0;
}

.iconaWck{
	float:left; 
	text-align:right; 
	width:10%; 
	margin-left:-8.5%;
}

.boxTransferDimensioni{
	margin-left:15%;
}

.boxTransferVeicoloPiccolo{
	width:50%; 
	float:left; 
	font-weight:bold;
}

.boxTransferVeicoloGrande{
	width:50%; 
	float:left;
	text-align:right;
}

ul{
    list-style-type: none;
	margin:0;
	padding:0;
}

nav{
	margin-bottom:2em;
}
 
nav ul li {
 width: 100%;
 margin:0 0 0 2em;
}
  
nav ul li a {
 display: block;
 width:auto;
 height:2.5em; 
 line-height:2.5em;
 font-size:1.5em;
}
 
nav ul li a:hover {color: #3AC3E0;}
 
nav.collapsible > h2 {
	background-color:#6ba1e5;
	background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5)); 
	background: -moz-linear-gradient(bottom,  #6ba1e5,  #6ba1e5); 
	background: linear-gradient(bottom,  #6ba1e5,  #6ba1e5);
	-pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
 	behavior: url(PIE.htc);
 	color: white;
 	font-size: 2em;
 	font-weight:bold;
 	line-height: 2em;
 	width: auto;
 	height: 2.5em;
 	margin: 0 5%;
 	padding-left: 10px; 
 	cursor: pointer;
}  
  
nav.collapsible > h2.minus {
	background-color:#6ba1e5;
 	background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5)); 
 	background: -moz-linear-gradient(bottom,  #6ba1e5,  #6ba1e5); 
 	background: linear-gradient(bottom,  #6ba1e5,  #6ba1e5);
 	-pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
 	color: white;
} 

.myform{
	width:310px;
	height:310px;
	padding:14px;	
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	behavior: url(PIE.htc);
	position:relative;
	background: rgba(255, 255, 255, 0.8);	 
	border: 1px solid #6ba1e5;
}

.input3{
	font-size:0.9em;
	color:#6C6E70; 
	background-color:#FFFFFF; 
	border:1px solid #7f9db9;
	margin:0px;
	padding:2px 0px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	height:2em;
	line-height:2em;
}

.input3[type="text"]{	
	color:#6C6E70; 
	background-color:#FFFFFF; 
	border:1px solid #7f9db9;
	margin:0px;
	padding:3px 3px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;	
}

.prenota{
	display: inline-block; /* opzionale */
	width:100px;
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
   	text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
   	font: 14px/100% Segoe UI, Helvetica, sans-serif;  /* definiamo il font */
   	padding: .5em 2em .55em;  /* un p� di padding */
   	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .5em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .5em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .5em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
    box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser  */
}
	
.orangeButt {
	width:138px;
    color: white; /* il colore del testo */    
    background: #1492c9; /* un background di base */    
	behavior: url(PIE.htc);
	position:relative;
}
 
.orangeButt:hover {
	background: #21afed; /* colore pi� scuro */	
	behavior: url(PIE.htc);
	position:relative;
}

.orangeButt2 {
	color: white; /* il colore del testo */    
    background: #1492c9; /* un background di base */
    background: -webkit-gradient(linear, left top, left bottom, from(#21afed), to(#1492c9)); /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
    background: -moz-linear-gradient(top,  #21afed,  #1492c9); /* stessa cosa per firefox */    
	-pie-background: linear-gradient(#21afed, #1492c9);
	background: linear-gradient(top,  #21afed,  #1492c9);
	behavior: url(PIE.htc);
	position:relative;
}
 
.orangeButt2:hover {
	background: #21afed; /* colore pi� scuro */
	background: -webkit-gradient(linear, left top, left bottom, from(#1492c9), to(#21afed));
	background: -moz-linear-gradient(top,  #1492c9,  #21afed);
	-pie-background: linear-gradient(#1492c9, #21afed);
	background: linear-gradient(top,  #1492c9,  #21afed);
	behavior: url(PIE.htc);
	position:relative;
}
	
.greyButt {
	color: white; /* il colore del testo */
    border: solid 2px #707070; /* il bordo del colore che vogliamo */
    background: #707070; /* un background di base */
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#b3b3b3)); /* Ecco la sfumatura, che parte da "left top" e arriva a "left bottom" "from" il colore "to" l'altro colore  */
    background: -moz-linear-gradient(top,  #707070,  #b3b3b3); /* stessa cosa per firefox */    
	-pie-background: linear-gradient(#707070, #b3b3b3);
	background: linear-gradient(top,  #707070,  #b3b3b3);
	behavior: url(PIE.htc);
	position:relative;
}
 
.greyButt:hover {
	background: #434343; /* colore pi� scuro */
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#707070));
	background: -moz-linear-gradient(top,  #b3b3b3,  #707070);
	-pie-background: linear-gradient(#b3b3b3, #707070);
	background: linear-gradient(top,  #b3b3b3,  #707070);
	behavior: url(PIE.htc);
	position:relative;
}
	
.cyanoButt {
	width: 200px;
	color: white; /* il colore del testo */
	background: #f78d1d; /* un background di base */
	background: -webkit-gradient(linear, left top, left bottom, from(#5BC0EC), to(#1894C9)); /* stessa cosa per firefox */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c1d7', endColorstr='#f47a20'); /* questo codice invece funziona per explorer, anche se richiede il lancio di un ActiveX che di default � settato a true sui IE, ma che potrebbe richiedere la conferma da parte dell'utente */
	background-color: #1A9FD9;
}
	
.button {
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
   	font: 14px/100% Segoe UI, Unicode,Lucida Grande,sans-serif;  /* definiamo il font */
   	padding: 0em .5em 0.2em;  /* un p� di padding */
   	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
	margin-top:10px;
	behavior: url(PIE.htc);
	position:relative;
}
	
.button2 {
    outline: none;
    cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
    text-align: center; /* allineiamo il testo al centro */
   	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
   	text-shadow: 0 1px 1px rgba(0,0,0,.3);  /* attributo css3 per dare un p� di ombra al testo; la "a" di rgba sta per "alfa" con il quale si imposta il livello di trasparenza */
   	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
	top: 0px;
}
	
.divTondo{
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em;  /* i bordi impostati per i browser che utilizzano il webkit */
   	-moz-border-radius: .2em;  /* i bordi impostati per mozilla firefox */
   	border-radius: .2em;  /* per tutto il resto (su ie non funziona) */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* un p� di ombra per i browser webkit */
   	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* la stessa ombra su firefox */
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);  /* idem per gli altri browser (tranne IE) */
	behavior: url(PIE.htc);
}

.sfumaturaRossa{
	color: white;
	background-color:#39669d;
	background: -webkit-gradient(linear, bottom, top, from(#39669d), to(#39669d)); 
    background: -moz-linear-gradient(bottom,  #39669d,  #39669d); 
	background: linear-gradient(bottom,  #39669d,  #39669d);
	-pie-background: linear-gradient(#39669d, #39669d);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39669d), color-stop(1, #39669d));
	behavior: url(PIE.htc);
}

.sfumaturaBlu{
	color: white;
	background-color:#008bd0;
	background: -webkit-gradient(linear, bottom, top, from(#6ba1e5), to(#6ba1e5)); 
    background: -moz-linear-gradient(bottom,  #6ba1e5,  #6ba1e5); 
	background: linear-gradient(bottom,  #6ba1e5,  #6ba1e5);
	-pie-background: linear-gradient(bottom, #6ba1e5, #6ba1e5);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6ba1e5), color-stop(1, #6ba1e5));
	behavior: url(PIE.htc);
	font-weight:bold;
}

.sfumaturaGrigia{
	color: white;
	background-color:#5A5A5A;
	background: -webkit-gradient(linear, bottom, top, from(#5A5A5A), to(#969696)); 
    background: -moz-linear-gradient(bottom,  #5A5A5A,  #969696); 
	background: linear-gradient(bottom,  #5A5A5A,  #969696);
	-pie-background: linear-gradient(bottom, #5A5A5A, #969696);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5A5A5A), color-stop(1, #969696));
	behavior: url(PIE.htc);
}	
	
.cellaMaxigruppo{
	width:100%;
}		
	
.btnMaxiGruppo{
	height:130px;
	width:340px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	margin-top:20px;
	background-color:#FFFFFF;
	cursor:pointer;
}

.btnMaxiGruppo1{
	height:130px;
	width:340px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	margin-top:20px;
	background-color:#FFFFFF;
	cursor:pointer;
}

.btnMaxiGruppo2{
	height:130px;
	width:340px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	margin-top:20px;
	background-color:#FFFFFF;
	cursor:pointer;
}

.btnMaxiGruppoInterno{	
	height:110px;
	width:320px;
	position:relative;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
}

.testoBtnMaxiGruppoInterno{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
	color:#ffffff;
	width:min-content;
}		
	
.divsinistro {
	width:97px; 
	height:25%; 
	float:left;
}
	 
.divdestro {
	width:41px;
	height:25%; 
	float:left;
}
	 
.divcentrale {
	width:170px; 
	float:right;
}
	 
.divlarghezza {
	width:170px;
	float:left;
}
	 
.titolorosa {
	color: #00b1e7;
	font-family:Segoe UI, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
}
	 
.boxtipoalloggio{
	width:422px;
	height:20px;
	padding:14px;
	-moz-border-radius-topleft: 20px;
	background-color:#d8d9da;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
	text-align:left;
	border-radius: 20px 0 0 0;
}

.boxtconferma{
	width:80px;
	height:20px;
	padding:14px;
	background-color:#d8d9da;
	-moz-border-radius-topright: 20px;
	background-color:#d8d9da;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	border-radius: 0 20px 0 0;
}

.boxpersone{
	width:80px;
	height:20px;
	padding:14px;
	background-color:#d8d9da;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.bordocentrale{
	height:20px;
	padding:14px;
	background-color:#d8d9da;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.bordogrigio{
	border:#babbbd;
	border-style:solid;
	border-width:1px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:regular;
	height:100px;
	padding:20px;
	text-align:left;
	color: #757575;
	vertical-align:top;	
}

.bordoprezzo{
	border:#babbbd;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	color:#00b1e7;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
	height:100px;
	padding:20px;
	text-align:left;
	vertical-align:top;
}

.fotografia{
	background-color:#ffffff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

.stepbar{
	height:40px;
	width:100%;
}

.steptext{
	width:100px; 
	font-size:9px; 
	font-weight:bold;
	margin-left:5px; 
	margin-right:5px;
}

.stepimg{
	width:22px; 
	height:22px;
	text-align:center; 
	font-weight:bold;
	padding-top:2px;
	font-size:11px; 
}

.ricerca{
	height:160px;
	width:690px;
}

.inner_main{
	width:690px; 
	min-height:300px; 
	background-color:#FFFFFF; 
	overflow:hidden; 
	float:left;
}

.miniPreventivo{
	width:200px; 
	min-height:300px;
	height:auto;
}

.miniPreventivo_main{
	width:190px; 
	min-height:300px;
	height:auto; 
	background-color:#e0e0e0; 
	margin-left:10px; 
	position:relative;
	overflow:hidden;
	border:1px solid #e0e0e0;
}

.titolo1{
	height:30px; 
	font-size: 18px; 
}

.sfondoGrigio{
	background-color:#F0F0F0 ;
}

.titolo2{
	height:20px;  
	font-weight:bold; 
	font-size:12px; 
	margin-left:20px; 
	margin-top:20px; 
	margin-bottom:10px;
}

.gruppo{
	height:20px;  
	font-size:10px; 
	font-weight:bold;
}

.gruppo2{
	height:20px;  
	font-size:10px; 
	font-weight:bold;
	border-bottom-color:#686868; 
	border-bottom-width:1px; 
	border-bottom-style:solid;
}

.rigaSoluzione1{
	height:32px; 
	font-size:12px; 
	color:#585858;
	overflow:hidden;
}

.rigaSoluzione2{
	font-size:12px; 
	border-bottom-color:#686868; 
	border-bottom-width:1px; 
	border-bottom-style:solid; 
	color:#585858;
	overflow:hidden;
	height:32px; 
	width:700px;
}

.bold{
	font-weight:bold;
}

.blackBold{
	color:#000000; 
	font-weight:bold;
}

.font10{
	font-size:10px;
}

.box390{
	width:390px;
}

.box25{
	width:25px;
}

.box55{
	width:55px;
}

.box60{
	width:60px;
}

.box80{
	width:80px;
}

.box110{
	width:110px;
}

.box120{
	width:120px;
}
.box130{
	width:130px;
}

.box140{
	width:140px;
}

.box170{
	width:170px;
}

.box190{
	width:190px;
}

.box200{
	width:200px;
}

.h20{
	height:20px;
}

.benvenuto{
	height:100%; 
	position:relative; 
	float:right;
	width:140px; 
	font-weight:bold; 
	color:##299dc3;
}

.spazioBottoni{
	width:300px;line-height:1px;height:1px;font-size:1px;
}

.titoloLogin{
	text-align:center; font-size:1.5em; margin-bottom:20px;font-family:Segoe UI Bold,sans-serif;
}

.infoTip .ui-dialog-titlebar {visibility:hidden}

.infoTip .ui-dialog-titlebar-close {visibility:visible}

.dialogPreventivo .ui-dialog-titlebar {visibility:hidden}

.dialogPreventivo .ui-dialog-titlebar-close {visibility:visible}

.ui-dialog{
	font-size:14px;
}

.placeholder { color: #aaa; }
#dialog1 {display: none}
#dialog {display: none}

.marginiDesktop{
	margin-left:0;
	margin-right:0;
}

@media only screen and (min-width:480px){
	.main{		
		width:100%;
		margin: 0px auto;
		min-height:320px;
		font-size:14px;
	}
	
	
	
	
	.myformNew{	
       width: 530px;
    }
	
	
	.intestazionePagina{	
		width:auto;
		height:70px;			 
	}
	
	.myform{
		width:300px;
		height:300px;		
	}
	
	.imgTop{	
		margin-top:10px;
		height:40px;		
	}
	
	.myformDialog{
	    width: 400px;
	}	
	
	.corpoDialogUt{	
		width:440px;	
	}
	
	.buttonIntestazione{
		width:120px;
	}
	
	.buttonPagamento{
		width:120px;	
	}
	
	.buttonProsegui{
		width:160px;		
	}

	.intestazioneCampoFormLogin{
		margin-left:20px ;	
	}
	
	.myContenitoreForm{
	    width: 100%;
	}	
	
	.myformElenco{	   
	    width: 98%;	    
	}	
	
	.imgElenco{
		width: 100%;
	}
	
	.myformRicerca{	
	    width: 98%;      
	}
	.myformOfferte{	
	  width: 98%;     
	}

	.myformPratica{	
	   width: 98%;   
	}	
	
	.titolettoIntestazione{
		font-size:1.2em;color:#323232;	
	}	
}

@media only screen and (min-width:600px){
	
	.main{				
		min-height:760px;
		font-size:16px;
	}
	
	#nav {	    
		top:5px;	   
	} 
	
	.testoDettaglio{
		display:block;
	}
	
	.nomeServizio{
		font-size:1em;
	}
	
	.imgServizio{ 
		background-size:60px 60px;			
	}
	
	.myformDialog{
	    width: 450px;
	}
		
	.corpoDialogUt{	
		width:500px;	
	}
	
	.iconChiudi{
		margin-top: 10px;	
	}
	
	.titoloElencoNew{
		height:1.6em;
		line-height:1.6em;		
		font-size:1.3em; 		
		margin-bottom: 8px;
		margin-top: 8px;		
	}
	
	.titolettoIntestazione{
		font-size:1.5em;color:#323232;	
	}
	
	.buttonWebCk{
		width:197px;
	}
	
	.cellaTitolo{
		width:80%;
		float:left;
		font-size:1.5em;
	}
	
	.cellaRiepilogo{
		width:20%;
		font-size:0.8em;
		float:left;
	}
	
	.linkFormLoginCella{
		font-size:1em;
	}	
	
	.contenitoreBluBasso{
		margin-right:0;
		width:21%;
		height:32px;
		line-height:32px;
		float:left;
		margin-left:3%;
		font-size:0.8em;
	}
	
	.sottoIntestanzioneI{	
		height: 130px;	
	}
		
	.intestazionePagina{	
		width:auto;
		height:100px;			 
	}
	
	.imgTop{
		margin-top:10px;	
		height:65px;		
	}
	
	.titoletto{		
		height:25px;
		color:#fff;
	}
	
	.imgM{	
		margin-top:5px;
		height:25px;;		 
	}
	
	.myform{
		width:400px;
		height:400px;		
	}
	
	.spazioBottoni{
		width:300px;line-height:20px;height:20px;font-size:20px;
	}
	
	.titoloLogin{
		margin-bottom:40px;
	}	
	
	.noMobile2{
		display:block;
	}
	
	.cellaDescrizioniFooter{
		width:31%;	
	}
	
	.cellaDescrizioniFooter2{
		width:62%;
	}
	
	.btnMaxiGruppo{
		height:150px;
		width:380px;		
	}
	
	.btnMaxiGruppo1{
		height:150px;
		width:380px;		
	}
	
	.btnMaxiGruppo2{
		height:150px;
		width:380px;		
	}
	
	.btnMaxiGruppoInterno{	
		height:130px;
		width:360px;		
	}
	
	.myContenitoreForm{
	   /* width: 570px;*/
	   width: 100%;
	}	
	
	.myformElenco{	   
	    /*width: 550px;*/
	    width: 98%;	    
	}	
		
	.imgElenco{
		width: 100%;
	}
	
	.myformRicerca{	 
	    width: 98%;   
	}
	
	.myformOfferte{ 
	  width: 98%;  
	}
	
	.myformPratica{	
	   width: 98%;   
	}
	
	.cellaBordiFooter{
		border-left: 1px solid #d2d2d2;
		border-right: 1px solid #d2d2d2;
	}		
}	

@media only screen and (min-width:768px){
	
	.myformDialog{
	    width: 650px;
	}	
	
	.corpoDialogUt{	
		width:700px;	
	}
	
	.divTestoSottoIntestazione{
		font-size:1em;	
	}		
	
	.main{				
		min-height:600px;
	}
	
	.myform{
		width:500px;
		height:400px;		
	}	
	
	.myContenitoreForm{
	    width: 750px;
	}
		
	.myformElenco{	   
	    width: 730px;	    
	}	
	
	.imgElencoCella{
		width:98%;		
		background-size:730px 220px;
		height:200px;
	}
	
	.imgElenco{
		width:730px;
		height:156px;
	}
	
	.myformRicerca{
	    width: 730px;		    
	}
	
	.myformOfferte{	   
	   width: 730px;	   
	}
	
	.myformPratica{	   
	   width: 730px;	   
	}
	
	.sottoIntestanzioneIContenitore{	
		max-width:720px;
	}	
}	

@media only screen and (min-width:1024px){
	
	.myContenitoreForm{
	    width: 1000px;
	}
		
	.myformElenco{
	    width: 690px;	    
	    float:left;
	}	
	
	.imgElencoCella{
		width:98%;		
		height:200px;
		background-size:690px 200px;
	}
	
	.imgElenco{
		width:690px;
		height:148px;
	}
	
	.myformRicerca{
	    width: 290px;	    
	    float:right;
	    box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
	}
	
	.myformOfferte{
	    width: 290px;	   
	    float:right;
	    box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
	}
	
	.myformPratica{	   
	   width: 290px;
	   float:right;
	   box-shadow: -3px 3px 5px rgba(0,0,0,0.2);	   
	}
		
	.main{		
		width:100%;
		margin: 0px auto;
		min-height:760px;		
	}
	
	.intestazionePagina{	
		width:auto;
		height:150px;		 
	}
	
	.imgTop{	
		margin-top:10px;
		height:110px;			 
	}
	
	.titoletto{		
		height:30px;
		color:#fff;
	}
		
	.imgM{	
		margin-top:5px;
		height:30px;;		 
	}
		
	.menu{
		float:right;
		width:20%;
		margin-top:135px;
	}
	
	.contenitoreBluBasso{		
		font-size:1em;
	}
		
	body{
		background: white;
	}
	
	.voceMenu{
		text-align:left; 
		font-size:12px; 
		margin-left: 2em;
		text-decoration:underline; 
		cursor:pointer;
		margin-top:2em; 
		height:2em; 
		line-height:2em;
		float:none;
		width:auto;
	}
	
	.bottonePagaOnline{
		margin-right:0;
		font-size:1em;
	}
	
	.contenitoreRosso{
		float:left; 
		width:50%;
		margin-left:0;
		font-size:1em;
	}
	
	.contenitoreBlu{
		margin-right:0;
		width:50%;
		height:32px;
		line-height:32px;
	}
		
	.boxRigaArrivoPartenza{
		width:31%; float:left;
	}
	
	.desktopTextRight{
		text-align:right;
	}
	
	.mobileTextRight{
		text-align:left;
	}
	
	.mobileFont{
		font-size:1em;
	}
	.mobileFontSmall{
		font-size:1em;
	}
	
	.noMobile{
		display:block;
	}
	
	.mobileLeft{
		float:none;
	}

	.desktopLeft{
		float:left;
	}
	
	.noDesktop{
		display:none;
	}
	
	.boxRigaBluGrande{
		width:64%;
	}
	
	.boxRigaBiancaGrande{
		width:80%;
	}
	
	.altezzaRigaMobile{
		height:3em; 
		line-height:3em;
	}

	.boxRigaBluPiccolo{
		width:12.6%;
	}
	
	.boxRigaBiancaPiccolo{
		width:10%;
	}
	
	.boxElencoPren1{
		width:5%;
	}
	
	.boxElencoPren2{
		width:10%;
	}
	
	.boxElencoPren3{
		width:15%;
	}
	
	.boxElencoPren4{
		width:15%;
	}	
	
	nav{
		margin-bottom:0px;
	}
		
	#intestazione{
		display:none;
	}
	
	.navigazione{
		font-size:1.0909em; 
	}
	
	.colonnaFormSx{
		float:left; width:47%;margin:0.2em 0 0 1.5%;
	}
	.colonnaFormDx{
		float:left; width:48%;margin:0.2em 1.5% 0 1.5%;
	}
	
	.iconaWck{
		width:9%; 
		margin-left:-7%;
	}
	
	.boxTransferDimensioni{
		float:left; 
		width:26%;
		margin-left:0;
	}
	
	.boxTransferVeicoloPiccolo{
		width:15%; 
	}
	
	.boxTransferVeicoloGrande{
		width:79%; 
		text-align:left;
	}
	
	.marginiDesktop{
		margin-left:3%;
		margin-right:3%;
	}
	
	nav ul li a {
		font-size:1em;
	}
			
	.sottoIntestanzione{	
		height: 400px;
	}
		
	.cellaMaxigruppo{
		width:50%;
		float:left;
	}		
		
	.btnMaxiGruppo{		
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:20px;
		margin-top:20px;
		background-color:#FFFFFF;
	}
	
	.btnMaxiGruppo1{		
		position:relative;
		margin-right:30px;;
		margin-bottom:20px;
		margin-top:20px;
		background-color:#FFFFFF;
		float:right;
	}
	
	.btnMaxiGruppo2{		
		position:relative;
		margin-left:30px;
		margin-bottom:20px;
		margin-top:20px;
		background-color:#FFFFFF;
	}
	
	.btnMaxiGruppoInterno{			
		position:relative;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:10px;
		margin-top:10px;
	}
		
	.sottoIntestanzioneIContenitore{	
		max-width:1005px;
	}
	
}

@media only screen and (min-width:1200px){
	.main{				
		min-height:1024px;
	}		
}	


.noTitle .ui-dialog-titlebar{
	display:none;
}