@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:700,400);
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

/**STRUTTURA**/
body { margin:0; background-color: #FFFFFF  }

div.Stage {
	width:1260px
}




.LarghezzaMenu          { width:980px; }

a:active.Mail    { font-family: 'Noto Sans', sans-serif; font-size: 15px; color:#434546; text-decoration:none; font-weight:bold}
a:link.Mail      { font-family: 'Noto Sans', sans-serif; font-size: 15px; color:#434546; text-decoration:none; font-weight:bold}
a:visited.Mail    { font-family: 'Noto Sans', sans-serif; font-size: 15px; color:#434546; text-decoration:none; font-weight:bold }
a:hover.Mail     { font-family: 'Noto Sans', sans-serif; font-size: 15px; color:#434546; text-decoration:none; font-weight:bold }



.Menu   { font-family: 'PT Sans Narrow', sans-serif; font-size: 22px; color: #434546; text-decoration:none; }
.Recapiti   { font-family: 'PT Sans Narrow', sans-serif; font-size: 30px; color: #434546; text-decoration:none; }
h1.Titolo   {  font-family: 'Noto Sans', sans-serif; font-size: 30px; color:#434546; text-decoration:none; }
.VoceScopri  {  font-family: 'Noto Sans', sans-serif; font-size: 30px; color:#434546; text-decoration:none; }

.SottoTitolo   {   font-family: 'Gloria Hallelujah', cursive; font-size: 22px; color: #f9ba1f; text-decoration:none; font-weight:bold }
.TastiDintorni   {  font-family: 'Noto Sans', sans-serif; font-size: 16px; color: #cb005a; text-decoration:none; }


.Titoli     {  font-family: 'Indie Flower'; font-style:italic; font-size:50px; font-weight:400; color:#1f79c3 }
.Testo      {  font-family: 'Indie Flower'; font-size: 21px; color:#434546; text-decoration:none; }


.TestoPic   {  font-family: Arial;  font-size: 14px; color:#434546; text-decoration:none; }


.TestoModulo {
   font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; color:#434546; text-decoration:none; font-weight:bold
}

a {
	color: #888;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333;
}
.tastoni img:hover      { opacity:0.6 !important; filter:alpha(opacity=60) !important; cursor:pointer; }


span.TitoloPrezzi       {
	font-family: Arial;
	font-size: 16px;
	color:  #003399;
	font-weight: normal;
}
span.VociPrezzi       {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
span.DatePrezzi       {
	font-family: Arial;
	font-size: 12px;
	color: #B21847;
	font-weight: bold;
}
span.Prezzi       {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

span.VociPrezziPic {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}





.ContenitoreSlide           { margin-top: 60px;  }

     #menu {height:60px; text-align:center;   font-family: 'Gloria Hallelujah', cursive; font-style:italic; font-size:19px; font-weight:400; }
        #menu a {color:white; text-decoration:none; display:inline-block; margin:5px 20px; padding:4px 14px; }
        #menu a:hover {color:#ecfe8c;}

        .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:10px 76px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

#uxInviaPrenotazione {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 32px;
    text-align: center;
    width: 148px;
    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 {
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d3d3d3;
text-align:center;
color:#1f79c3;
background-color: #ffffff;
font-weight: normal;
font-size: 14px; 
line-height: 30px; 
height:32px; 
width:140px;
font-weight:bold

}


#uxInviaPrenotazione:hover, #uxSelezionaDatapartenza:hover, #uxSelezionaDataarrivo:hover {
    border: 1px solid #fbcb09;
}
.main {margin: 0 auto; width: 740px; color:#AAA;}
.main a {color:#C3D4DE;}
       
#menu {height:60px; text-align:center;   font-family: 'Gloria Hallelujah', cursive; font-style:italic; font-size:19px; font-weight:400; }
#menu a {color:white; text-decoration:none; display:inline-block; margin:5px 20px; padding:4px 14px; }
#menu a:hover {color:#ecfe8c;}
        
#vWrapper {margin-top:100px; padding:6px; width:140px; opacity:0.5; filter:alpha(opacity=50); background:#666;}
#vWrapper a {color:#EEEEEE; text-decoration:none; display:block; padding:6px 20px; background:#021e2f;}
#vWrapper a:hover {color:#FFF; text-decoration:underline; background:#333;}
                
.column { float:left; padding:0 20px;}

.titlesubmenu {height:60px; text-align:center;   font-family: 'Gloria Hallelujah', cursive; font-style:italic; font-size:25px; font-weight:400; color:white }
.textsubmenu {height:60px; text-align:center;   font-family: 'Gloria Hallelujah', cursive; font-style:italic; font-size:20px; font-weight:400; color:white }

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

#DivPrivacy {
    position:relative
}

#DivPrivacy input {
    position: absolute;
        top: 8px;
}

#uxModuloNewsletter td {
    text-align:left
}

#uxModuloNewsletter label {
    font-size: 16px;
}



#wrapper-tastoni{max-width:1533px;margin:auto;padding:16px 24px}
#container-tastoni:before,#container-tastoni:after{content: "";display: table;clear: both;}
#container-tastoni{margin-right:-24px}
.card-alloggio{float:left;width:calc(25% - 24px);margin-right:24px;margin-bottom:24px}
.card-alloggio a {display:block;text-decoration:none;position:relative;overflow:hidden}
.card-alloggio .content{background:rgba(44, 113, 169,.75);position: absolute;width: 100%;bottom: 0;transform: translateY(calc(100% - 32px));transition:transform .3s ease-in-out}
.card-alloggio .nome-alloggio{color:#fff;margin:0;padding:8px 0}
.card-alloggio .descrizione{color:#fff}
.card-alloggio .scopri{color:#fff}
.card-alloggio:hover .content{transform:translateY(0)}


@media screen and (max-width: 980px) {
    .Stage                  { width:1260px; }
    .Intestazione           { height:457px; }
    .ContenitoreCentrale    { width:1260px; }
    .ColonnaContenuto           { width:980px }
    .ColonnaAggiuntiva      {display:block;}
    .ContenitoreMenu        { position:relative; width:100%; }
    .LarghezzaMenu          { width:980px; }

        .PosizioneSlogan { top:480px; left:22px }
        .PosizioneSimboli{ top:425px; left:125px}
        .PosizionePrenota { left: 350px }
}

@media screen and (min-width: 1022px) 
{
    .Stage                  { width:1260px; }
    .Intestazione           { height:457px; }
    .ContenitoreCentrale    { width:1260px; }
    .ColonnaContenuto           { width:980px }
    .ColonnaAggiuntiva      {display:block;}
    .ContenitoreMenu        { position:relative; width:100%; }
    .LarghezzaMenu          { width:980px; }

        .PosizioneSlogan { top:480px; left:22px }
        .PosizioneSimboli{ top:425px; left:125px}
        .PosizionePrenota { left: 350px }
}

@media screen and (min-width: 1260px) 
{
    .Stage                  { width:1260px; }
    .Intestazione           { height:457px; }
    .ContenitoreCentrale    { width:1260px; }
    .ColonnaContenuto           { width:980px }
    .ColonnaAggiuntiva      {display:block;}
    .ContenitoreMenu        { position:fixed; width:100%; }
    .LarghezzaMenu          { width:980px; }
        .PosizioneSlogan { top:480px; left:22px }
        .PosizioneSimboli{ top:425px; left:125px}
        .PosizionePrenota { left: 350px }
}

@media screen and (min-width: 1660px) 
{
    .Stage                      { width:1660px; }
    .Intestazione               { height:602px; }
    .ColonnaTastoni             { width:25% }
    .ColonnaTastoneAggiuntivo   { width:25%; display:block }
    .ColonnaContenuto           { width:1260px }
    .ContenitoreCentrale        { width:1660px; }
    h1.Titolo                   { font-family: 'Noto Sans', sans-serif; font-size: 30px; color:#434546; text-decoration:none; }
    span.TestoNuovo             { font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color: black;  }
    .ContenitoreMenu            { position:fixed; width:100%; }
    .LarghezzaMenu              { width:1380px; }
    
    .PosizioneSlogan            { top:650px; left:40px }
    .PosizioneSimboli           { top:530px; left:160px}
    .PosizionePrenota { left: 750px }
}