@import url(https://fonts.googleapis.com/css?family=Crimson+Text);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Bevan);
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('https://fonts.googleapis.com/css?family=Grandstander');
@import url('https://fonts.googleapis.com/css?family=Lobster');

body                    { margin:0; background-color:#f5f5f5; }

h1.TitoloPagina         { font-family: Grandstander, serif; font-size:32px; color: #a5db92; margin: 0px; font-weight:100; }

.SottoTitoloPagina      { font-family: Grandstander, serif; font-size:50px; color: #999; margin: 0px; font-weight:100; color:#a5db92;line-height: 32px; }

@media(min-width:600px){
    h1.TitoloPagina{font-size:48px;}
}

@media(min-width:768px){
    h1.TitoloPagina{font-size:64px;}
}

.Testo                  { font-family: Tahoma,Arial,Helvetica; font-size: 16px; color: #333;}
.SottoTesto             { font-family: Tahoma,Arial,Helvetica; font-size: 23px; color: #333;}
.TestoPic               { font-family: Tahoma,Arial,Helvetica; font-size: 14px; color: #333; }
.TestoListini           { font-family: Tahoma,Arial,Helvetica; font-size: 16px; color: #333;}

a:active.Link    { font-family: Tahoma,Arial,Helvetica; font-size: 22px; color: #FF0000; text-decoration:none  }
a:link.Link      { font-family: Tahoma,Arial,Helvetica; font-size: 22px; color: white; text-decoration:none  }
a:visited.Link   { font-family: Tahoma,Arial,Helvetica; font-size: 22px; color: white; text-decoration:none  }
a:hover.Link     { font-family: Tahoma,Arial,Helvetica; font-size: 22px; color: #FF0000; text-decoration:none  }

a:active.Mail    { font-family: Tahoma,Arial,Helvetica; font-size:15px; color: #FF0000; text-decoration:none }
a:link.Mail      { font-family: Tahoma,Arial,Helvetica; font-size:15px; color: #686868; text-decoration:none }
a:visited.Mail   { font-family: Tahoma,Arial,Helvetica; font-size:15px; color: #686868; text-decoration:none }
a:hover.Mail     { font-family: Tahoma,Arial,Helvetica; font-size:15px; color: #FF0000; text-decoration:none }

.TestoPicLink            { font-family:  Tahoma,Arial,Helvetica; font-size:14px; color: #818181; text-decoration:none; }
a:active.TestoPicLink    { font-family:  Tahoma,Arial,Helvetica; font-size:14px; color: #818181; text-decoration:none; }
a:link.TestoPicLink      { font-family:  Tahoma,Arial,Helvetica; font-size:14px; color: #333; text-decoration:none; }
a:visited.TestoPicLink   { font-family:  Tahoma,Arial,Helvetica; font-size:14px; color: #333; text-decoration:none; }
a:hover.TestoPicLink     { font-family:  Tahoma,Arial,Helvetica; font-size:14px; color: #818181; text-decoration:none; }


.BordoArrotondato       { -moz-border-radius:16px; -webkit-border-radius:16px; border-radius: 16px; }

.tastoni img:hover      { opacity:0.6 !important; filter:alpha(opacity=60) !important; cursor:pointer; }

.AltezzaRigaServizi{
    height:500px;
}

.PosizioneTelefono{
    width:450px; position:absolute;  bottom:20px; right:20px; z-index:99
}

   .bounce {
          position:fixed;
          left:50%;
          bottom:0;
          margin-top:-25px;
          margin-left:-25px;
          height:40px;
          width:74px;
          z-index:99;
          background-image:url('../image/down_arrow.png');
          -webkit-animation:bounce 1s infinite;
        }

        @-webkit-keyframes bounce {
          0%       { bottom:5px; }
          25%, 75% { bottom:15px; }
          50%      { bottom:20px; }
          100%     {bottom:0;}
        }

        .menu{ 
            background: #009036;
            /*background-image:url('/image/sfondo-menu.png');*/
            border-bottom:1px solid white;
	        moz-transition: all 1s ease-in-out;
	        opacity: 0;
	        o-transition: all 1s ease-in-out;
	        overflow: auto;
	        position: fixed;
	        top: 0;
	        transition: all 1s ease-in-out;
	        webkit-transition: all 1s ease-in-out;
	        width: 100%;
            opacity: 100;
	        position: fixed;
	        z-index: 1;

        }
        .overlay-desc {
  background: rgba(0,0,0,0);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center
}
.overlay-text  {
    font-size: 50px;
    margin: 0 0 10px 0;
    font-weight: 200;
    font-family: 'Abril Fatface', cursive;
    /*font-family: 'Bevan', cursive;*/
    text-transform: uppercase;
    color:white;
    text-shadow: 0px 0px 10px #000;
}

.bazzu-text  {
    font-size: 50px;
    margin: 0 0 10px 0;
    font-weight: 200;
    font-family: 'Bevan', cursive;
    text-transform: uppercase;
    color:white;
    text-shadow: 0px 0px 10px #000;
}

.Evidenziatore {
            background-color: #01441b;
        }



/* Last minute */
.TxtRegioneLastMinute {    
    font-family: 'Oswald', Arial, sans-serif;
    font-size:28px;
}

.TxtData {    
    font-family: 'Oswald', Arial, sans-serif;
    font-size:15px;
}

.TxtEtichetta {
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 26px;
    color: white;
}

.TxtCampeggio {
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 20px;
}

.TxtOfferta1 {
    font-family: 'Oswald', Arial, sans-serif;
    color: red;
    font-weight: bold;
    font-size: 20px;
}

.TxtOfferta2 {
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 24px;
}

.TxtPrezzo {
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 26px;
    color: white;
}

.Prev, .Next {
    background: transparent url(/image/prevnext.png) no-repeat;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-size: 2em;
    overflow: hidden;
    outline: none;
    padding: 0;
    position: absolute;
    text-indent: -9em;
    top: 4em;
    height: 60px;
    width: 18px;
    z-index: 97;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Tahoma,Arial,Helvetica;
    color: #ffffff;
    font-size: 15px;
    background: #ffd651;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    cursor: pointer;
}

            .btn:hover {
                background: #f8ac00;
                text-decoration: none;
                color: white;
                cursor: pointer;
            }


/* offerte new */

#BoxOfferteHome {
            width: 1260px;
    margin: auto;
        position: relative;
}

.ImmagineOffertaHome {

    background-repeat: no-repeat;    
    background-position: center center;    
    height: 166px; 
    width: 250px; 
}

.PrezzoOffertaHome {
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    height: 40px;
    width: 250px;
    background-color: #009036;
    padding-top: 10px;
}

.OffertaHome {
        width:250px
}

.Prev, .Next{
	background: transparent url(/image/prevnext.png) no-repeat;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font-size: 2em;
	overflow: hidden;
	outline: none;
	padding: 0;
	position: absolute;
	text-indent: -9em;
	top: 5em; 
	height: 33px;
	width: 18px;
	z-index: 1000;
}

.Prev{ background-position: center left; left: 0.125em;  }
.Next{ background-position: center right; right: 0.125em; }

#TitoloOfferteHome {
    position: relative; background-color: #E8EBE9
}

#TitoloOfferteHomeTesto {
    position: relative; background-color:#E8EBE9; padding-left: 20px; padding-right: 20px; color: #017e86;
}

#TitoloOfferteHome:before {
     background-color: #534b47;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
}
/* bandierine */
 .DivBandierine{
            width:50%; float:left; height:21px; padding:13px
        }

       

/* fine offerte new */


#uxInviaPrenotazione {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 32px;
    text-align: center;
    width: 130px;
    perspective-origin: 74px 13.5938px;
    transform-origin: 74px 13.5938px;
    border: 1px solid white;
    font: normal normal bold normal 14px / normal 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
    list-style: none outside none;
    outline: rgb(255, 255, 255) none 0px;
    padding: 5.6px 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#uxSelezionaDatapartenza, #uxSelezionaDataarrivo,#uxSelezionaDatapartenzaelenco, #uxSelezionaDataarrivoelenco, #uxSelezionaDatainiziovisualizzazione, #uxSelezionaDatafinevisualizzazione, #uxCoupon {
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d3d3d3;
text-align:center;
color:#029e50;
background-color: #ffffff;
font-weight: bold;
font-size: 14px; 
line-height: 30px; 
height: 32px; 
width:140px;
font-weight:bold

}



.DatiPreventivo div         { float:left; padding-bottom:3px; padding-top:3px }

.Invia-Richiesta-Top        { 	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02722f+0,01441b+99 */
background: #02722f; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #02722f 0%, #01441b 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #02722f 0%,#01441b 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #02722f 0%,#01441b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02722f', endColorstr='#01441b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.Invia-Richiesta-Top > a    {height:30px; width:150px; line-height:30px; display:block; text-align:center; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: #fff; font-size:15px;  }

.Invia-Richiesta            { 	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01441b+0,4a8d9d+100 */
background: #01441b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #01441b 0%, #4a8d9d 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #01441b 0%,#4a8d9d 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #01441b 0%,#4a8d9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01441b', endColorstr='#4a8d9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 3px solid white;
}
.Invia-Richiesta > a        {height:30px; width:194px; line-height:30px; display:block; text-align:center; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: #fff; font-size:18px;  }

div.OffertaDiv              { width:220px; height:150px; z-index:99; position:absolute; top:660px; left:745px; }


.RicercaTop                 { float:right; text-align:left; padding:5px; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }


#uxInviaPrenotazione:hover, #uxSelezionaDatapartenza:hover, #uxSelezionaDataarrivo:hover, #uxSelezionaDatainiziovisualizzazione, #uxSelezionaDatafinevisualizzazione, #uxCoupon:hover {
    border: 1px solid #fbcb09;
}


div#BoxRicercaPeriodo input::-webkit-input-placeholder {
   color: #029E50;
}

div#BoxRicercaPeriodo input:-moz-placeholder { /* Firefox 18- */
   color: #029E50;  
}

div#BoxRicercaPeriodo input::-moz-placeholder {  /* Firefox 19+ */
   color: #029E50;  
}

div#BoxRicercaPeriodo input:-ms-input-placeholder {  
   color: #029E50;  
}

div#BoxRicercaPeriodo:before {
    position: absolute;
    width: 100%;
    z-index: 999999999;
}

div#BoxRicercaPeriodo {
    position: relative;
}

.ui-selectmenu-text, .ui-menu-item {
    font-size:14px !important
}


.PosizioneBooking { right: 0px }
.PosizioneScrittaBooking { top:48px; left:-27px; }


.RicercaTop .ui-selectmenu-button {
        background: #ffd651;
}

#DivPrivacy label {
    width: 95%;
    padding-left: 20px;
}

#DivPrivacy input {
    position: absolute;
}

@media screen and (max-width: 980px) 
{
    .Stage                  { width:980px; }
    .Intestazione           { height:355px; }
    .ColonnaAggiuntiva      {display:none;}
    .ContenitoreMenu        { position:relative }      
    .LarghezzaMenu          { width:1260px; }
    .ContenitoreSlide {
        margin-top: 0px;
    }
    .PositionImgHeader      {  margin-top:0px }
    .PosizioneTelefono{
    width:450px; position:absolute;  bottom:300px; right:120px; z-index:99
}
}

@media screen and (min-width: 1022px) 
{
    .Stage                  { width:980px; }
    .Intestazione           { height:355px; }
    .ColonnaAggiuntiva      {display:none;}
    .ContenitoreMenu        { position:relative }
    .LarghezzaMenu          { width:1260px; }
     .ContenitoreSlide {
        margin-top: 0px;
    }
     .PositionImgHeader      {  margin-top:0px }
     .PosizioneTelefono{
    width:450px; position:absolute;  bottom:300px; right:120px; z-index:99
}
}

@media screen and (min-width: 1260px) 
{
    .Stage                  { width:1260px; }
    .Intestazione           { height:457px; }
    .ContenitoreCentrale    { width:1260px; }
    .ColonnaAggiuntiva      {display:block;}
    .ContenitoreMenu        { position:fixed }
    .LarghezzaMenu          { width:1260px; }
     .ContenitoreSlide {
        margin-top: 108px;
    }
     .PositionImgHeader      {  margin-top:110px }
     .PosizioneTelefono{
    width:450px; position:absolute;  bottom:300px; right:120px; z-index:99
}
}



@media screen and (min-width: 1660px) 
{
    .Stage                      { width:1660px; }
    .Intestazione               { height:602px; }
    .ColonnaTastoni             { width:25% }
    .ColonnaTastoneAggiuntivo   { width:25%; display:block }
    .ColonnaContenuto { width:980px }
    .ContenitoreCentrale    { width:1600px; }
    h1.Titolo               { font-family: 'Oswald', sans-serif; font-size: 30px; color: #009900; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
span.TestoNuovo              { font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: black;  }
.ContenitoreMenu        { position:fixed }

.LarghezzaMenu          { width:1660px; }
    .ContenitoreSlide {
        margin-top: 108px;
    }
    .PositionImgHeader      {  margin-top:110px }

    .AltezzaRigaServizi{
    height:777px;
}
     .PosizioneTelefono{
    width:450px; position:absolute;  bottom:48px; right:162px; z-index:99
}
}