@import url(https://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Raleway);

body                    { margin:0; background-color:white; padding:0;  }
div.Contenuto           { width:990px; background-color:white; margin:auto }
.PositionMenu           { position:fixed }
.PosizioneSlider        { margin-top: 60px; }

.fascia-box             { padding: 50px 0 61px 0; margin-bottom: 44px; }
.Sfondo-Fascia-Box1     { background: url(../image/sfondo01.jpg) center top fixed silver no-repeat ; background-size: 2200px 930px; }

.Sfondo-Fascia-Box2     { background: url(../image/sfondo02.jpg) center top fixed ; }

.Tasto-Box1             { background: #4b4a47; background: rgba(75, 74, 71, 0.7); padding: 20px 20px; text-align: center; }
.Tasto-Box2             { background: white; background: rgba(255, 255, 255, 0.8); padding: 20px 20px; text-align: center; }

.TitoloBox              { font-family: 'Oswald', sans-serif; font-size: 24px; color: #66FFFF; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
.TitoloBoxInfo          { font-family: 'Raleway', sans-serif; font-size: 30px; color:  #575757; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }

h1.Titolo               { font-family: 'Oswald', sans-serif; font-size: 30px; color: #00a6eb; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
span.TitoloPagina       { font-family: Arial; font-size: 22px; color: #c5412c; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }

span.TestoMenu			{ font-family: 'Oswald', sans-serif; font-size: 16px; color: #00a6eb; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }
span.Testo              { font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: black;  }
span.TestoResidence     { font-family: 'Open Sans Condensed', sans-serif; font-size:17px; color: black; }
span.TestoBig           { font-family: 'Open Sans Condensed', sans-serif; font-size:21px; color: black;  }
span.TestoPic           { font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: #ffffff;  }
span.Indirizzo          { font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: black;  font-weight: bold;}
span.TestoMini          { font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: black;  font-weight: bold;}
span.TestoTitoli        { font-family: 'Oswald', sans-serif; font-size:30px; color: #00a6eb;  }
span.TestoMiniNormal    { font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: black;
    text-align: left;
}

a:active.Menu   		{ font-family: 'Oswald', sans-serif; font-size:16px; color: #ed6f00; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none }
a:link.Menu    			{ font-family: 'Oswald', sans-serif; font-size:16px; color: #00a6eb; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none }
a:visited.Menu  		{ font-family: 'Oswald', sans-serif; font-size:16px; color: #00a6eb; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none }
a:hover.Menu   			{ font-family: 'Oswald', sans-serif; font-size:16px; color: #ed6f00; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none }

a:active.Genial 		{ font-family: Arial, Verdana; font-size:11px; color: #ff0000; text-decoration:none  }
a:link.Genial   		{ font-family: Arial, Verdana; font-size:11px; color: #000000; text-decoration:none  }
a:visited.Genial 		{ font-family: Arial, Verdana; font-size:11px; color: #000000; text-decoration:none  }
a:hover.Genial  		{ font-family: Arial, Verdana; font-size:11px; color: #ff0000; text-decoration:none  }

a:active.Mail    		{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #ed6f00; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:link.Mail   			{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #000000; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:visited.Mail  		{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #000000; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:hover.Mail  			{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #ed6f00; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }

a:active.Link    		{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #ed6f00; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:link.Link   			{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #000000; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:visited.Link  		{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #000000; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }
a:hover.Link  			{ font-family: 'Open Sans Condensed', sans-serif; font-size:16px; color: #ed6f00; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none }


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


#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 {
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d3d3d3;
text-align:center;
color:#0A1863;
background-color: #ffffff;
font-weight: normal;
font-size: 14px; 
line-height: 30px; 
height: 18px; 
width:140px;
font-weight:bold

}


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


div#BoxRicercaPeriodo input::-webkit-input-placeholder {
   color: #00A6EB;
}

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

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

div#BoxRicercaPeriodo input:-ms-input-placeholder {  
   color: #00A6EB;  
}

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

div#BoxRicercaPeriodo {
    position: relative;
}

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

@media screen and (max-width: 980px) 
{
   .PositionMenu           { position:relative }
   .PosizioneSlider        { margin-top: 0px; }
}

@media screen and (min-width: 1022px) 
{
   .PositionMenu           { position:relative }
   .PosizioneSlider        { margin-top: 0px; }
}

@media screen and (min-width: 1260px) {
    .PositionMenu           { position:fixed }
    .PosizioneSlider        { margin-top: 60px; }
}

@media screen and (min-width: 1660px) {
    .PositionMenu           { position:fixed }
    .PosizioneSlider        { margin-top: 60px; }
}