body{
    min-height:100%;
}

.menuSotto{
    margin-bottom: 15px;
    border-width: 1px 0 1px 0;
    /*background-color: none;*/
    /*background-color: #f8f8f8;
    background-image: none;
    background-image: linear-gradient(to bottom, #3a090f 0%, white 30%, #3a090f 100%);*/
    border-color: #3A090F;
    color: white;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    min-height: 36px;
   
    
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhMDkwZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2EwOTBmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*background: -moz-linear-gradient(top,  rgba(58,9,15,0.5) 0%, rgba(255,255,255,0.5) 50%, rgba(58,9,15,0.5) 100%);*/
    background: -moz-linear-gradient(top,  rgba(58,9,15,0.1) 0%, rgba(58,9,15,0.7) 50%, rgba(58,9,15,0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,9,15,0.1)), color-stop(50%,rgba(58,9,15,0.7)), color-stop(100%,rgba(58,9,15,0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(58,9,15,0.1) 0%,rgba(58,9,15,0.7) 50%,rgba(58,9,15,0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(58,9,15,0.1) 0%,rgba(58,9,15,0.7) 50%,rgba(58,9,15,0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(58,9,15,0.1) 0%,rgba(58,9,15,0.7) 50%,rgba(58,9,15,0.2) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(58,9,15,0.1) 0%,rgba(58,9,15,0.7) 50%,rgba(58,9,15,0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#803a090f', endColorstr='#803a090f',GradientType=0 ); /* IE6-8 */
}

.menuSottoInterno{
    margin-right: 40px;
}
.menuLink{
    color: white !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    height: 30px !important;
}

.form-group {
    margin-bottom: 3px !important;
}

.contenuto{
    background-color: transparent;
    background:url('../images/sfondo_testo.png') repeat top center;
    margin-top: 50px;
}

.contenuto p{
    font-size: 1em;
    text-align: left;
    width: 70%;
    margin: auto;
}

.contenuto p a{
    text-decoration: underline;
}

.contenuto p a:link{
    color: black;
}
.contenuto p a:visited{
    color: black;
}
.contenuto p a:hover{
    color: #76262F;
}
.contenuto p a:active{
    color: #76262F;
}


.contenuto p .titoloParagrafo{
    font-weight: bold;
    color: #76262F;
}

.titoloParagrafoBianco{
    font-weight: bold;
    color: white;
}

.contenuto p .evidenza{
    font-style: italic;
    //font-weight: bold;
    color: #76262F;
}

.evidenza{
    font-style: italic;
    //font-weight: bold;
    color: #76262F;
}

.contenuto form{
    text-align: left;
    width: 70%;
    margin: auto;
}

.imgTitoli{
    width: 15%;
    //height: 40px;
}

.imgTitoliRSVP{
    width: 10%;
    //height: 40px;
}

.imgTitoliGrande{
      //width: 100%;
      //height: 60px;
      width: 20%;
}
.imgLA{
    width: 30%;
}

.testoWarning{
    color: red;
    font-weight: bold;
}
.testoRisultato{
    color: black;
    font-weight: bold;  
}

.bottone, .bottone:focus, .bottone.focus, .bottone:active, .bottone.active{
   background-image: linear-gradient(to bottom, #76262F 0px, #76262F 100%);
    background-repeat: repeat-x;
    background-color: #76262F;
    border-color: #76262F;
}

.bottone:hover{
   background-image: linear-gradient(to bottom, #7A2A2F 0px, #76262F 100%);
    background-repeat: repeat-x;
    background-color: #7A2A2F;
    border-color: #76262F;
    color: grey;
}

.main{
    background:url('../images/bg_base.jpg') no-repeat top center;
    background-attachment:fixed;
    background-size:cover;
    bottom:0; 
    position:absolute; 
    text-align:center;
    top:0;  
    width:100%; 
    min-height:100%;
}

.page        {
    bottom:0; 
    padding-top:50px;
    position:absolute; 
    text-align:center;
    top:0;  
    width:100%; 
    min-height:100%;
    color: black; 
    /*background-size:cover;*/
}
.ng-enter{
    /*z-index: 8888; */
}
.ng-leave{
   /* z-index: 9999;*/
}
  

/************* alberghi****/
.dormire{
    font-size: 1em;
    width: 70%;
    margin: auto;   
    border-collapse: separate;
    border-spacing: 10px;
}

.dormire td, .dormire td p, .dormire td span {
    background-color: #e8d4bf;
    vertical-align: text-top;
    border-spacing: 0px;
}



/***********home page *****/
.page-home{
    color:black; 
    background:url('../images/bg_home.jpg') no-repeat top center;
    background-size:cover;
}
.page-home.ng-enter{ 
    animation:entrataAnimation 2s both ease-in;
    /*-webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
    -webkit-animation-timing-function:ease-out;
    -moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
    -o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
    -ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
    -ms-animation-timing-function:ease-out;
    animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
    animation-timing-function:ease-out;*/
}
.page-home.ng-leave{ 
    animation:uscitaAnimation 2s both ease-in;
    /*animation: sfumatoAnimation 4s; */
}


/***********pagina lorenzoealice *****/
.page-lorenzoealice{
    padding-top:0px;
    
    /*background-size:cover;*/
}
.page-lorenzoealice.ng-enter{
    animation:entrataAnimation 2s both ease-in;
    /*animation:slideInRight 0.5s both ease-in; */
    /*-webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-lorenzoealice.ng-leave{
    animation:uscitaAnimation 2s both ease-in;
}


/***********pagina cerimonia*****/
.page-cerimonia{
    /*background:url('../images/bg_base.jpg') no-repeat top center;
    background-size:cover;*/
}
.page-cerimonia.ng-enter{
    animation:entrataAnimation 2s both ease-in;
    /*transform-origin: 50% 50%; 
    animation: rotateOutNewspaper .5s both ease-in; */
    /*animation: slideOutLeft 2s both ease-in; */
    /*-webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-cerimonia.ng-leave{
    animation:uscitaAnimation 2s both ease-in;
}
    

/***********pagina festa *****/
.page-festa{
    /*background:url('../images/bg_base.jpg') no-repeat top center;
    background-size:cover;*/
}
.page-festa.ng-enter{ 
    animation:entrataAnimation 2s both ease-in;
    /*animation: slideOutLeft 2s both ease-in; */
    /*animation: scaleUp 0.5s both ease-in; */
    /*-webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-festa.ng-leave{ 
    animation:uscitaAnimation 2s both ease-in;
}

/***********pagina risposte *****/
.page-rsvp{
   /*background:url('../images/bg_base.jpg') no-repeat top center;
    background-size:cover;*/
}
.page-rsvp.ng-enter{
    animation:entrataAnimation 2s both ease-in;
    /*animation: slideOutLeft 2s both ease-in; */
    /*animation:slideInRight 0.5s both ease-in; */
    /*-webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-rsvp.ng-leave{
    animation:uscitaAnimation 2s both ease-in;
}


/***********pagina dormire *****/
.page-dormire{
    /*background:url('../images/bg_base.jpg') no-repeat top center;
    background-size:cover;*/
}
.page-dormire.ng-enter{
    animation:entrataAnimation 2s both ease-in;
    /*animation: slideOutLeft 2s both ease-in; */
    /*transform-origin: 50% 50%; 
    animation: rotateOutNewspaper .5s both ease-in; */
   /* -webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-dormire.ng-leave{
    animation:uscitaAnimation 2s both ease-in;
}


/***********pagina dormire *****/
.page-desideri{
    /*background:url('../images/bg_base.jpg') no-repeat top center;
    background-size:cover;*/
}
.page-desideri.ng-enter{
    animation:entrataAnimation 2s both ease-in;
    /*animation: slideOutLeft 2s both ease-in; */
    /*transform-origin: 50% 50%; 
    animation: rotateOutNewspaper .5s both ease-in; */
   /* -webkit-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-webkit-animation-timing-function:ease-out;
	-moz-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-o-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	-ms-animation-timing-function:ease-out;
	animation: 9s ease-out 0s normal forwards 1 sfumatoAnimation;
	animation-timing-function:ease-out;*/
}
.page-desideri.ng-leave{
    animation:uscitaAnimation 2s both ease-in;
}





/* ANIMATIONS
============================================================================= */




/* slide in from the right */
@keyframes entrataAnimation {
    from    { opacity: 0; }
    to      { opacity: 1; }
}

/* slide in from the bottom */
@keyframes uscitaAnimation {
    from    { opacity: 1; }
    to      { opacity: 0; }
}


/* slide in from the right */
@keyframes slideEntrataAnimation {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideUscitaAnimation {
    from    { transform:translateX(0); }
    to      { transform: translateX(-100%); }
}




@keyframes sfumatoAnimation {
    0%      { animation-timing-function: ease-in; opacity: 0;}
    100%    { animation-timing-function: ease-out; opacity: 1;}
}
@-webkit-keyframes sfumatoAnimation { 
    0%   { -webkit-animation-timing-function: ease-in; opacity: 0; } 
    100% { -webkit-animation-timing-function: ease-out; opacity: 1; }
}
@-moz-keyframes sfumatoAnimation { 
    0%   { -moz-animation-timing-function: ease-in; opacity: 0; } 
    100% {   -moz-animation-timing-function: ease-out; opacity: 1; }
}
@-ms-keyframes sfumatoAnimation { 
    0%   { -ms-animation-timing-function: ease-in; opacity: 0; } 
    100% { -ms-animation-timing-function: ease-out; opacity: 1; }
}

@keyframes sfumatoAnimationOut {
    100%      { animation-timing-function: ease-in; opacity: 0;}
    0%        { animation-timing-function: ease-out; opacity: 1;}
}