@charset "utf-8";
/* CSS Document */

#logoContainer { position: relative; height: 100%; width: 50%; }
#logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
html, body, #dv { margin: 0; padding: 0; width: 100%; height: 100%; background: url('young-handsome-physician-medical-robe-with-stethoscope.jpg') no-repeat 0 0; background-color: #e6f5f6; font-family: 'Lato', sans-serif; }

@media screen and (max-width: 1280px) {
 	#logoContainer { position: relative; height: 100%; width: 100%; }
	#logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; max-width: 450px; }
	html, body, #dv { margin: 0; padding: 0; width: 100%; height: 100%; background-color: #e6f5f6; font-family: 'Lato', sans-serif; }
}

a { color: #65c2cb; }
a:hover { color: #65c2cb; text-decoration: underline; }

#dv { background: url('https://www.poliambulatorioquisisana.it/PoliambulatorioQuisisana_450.png') no-repeat 0 0; background-position: center; }

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
	background: rgba(255, 255, 255, .5);
	padding: 20px 0 20px 0;
	border-top: 1px solid #65c2cb;
	text-align: center;
}




.logo-animation { animation: animationFrames ease 2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards; /*when the spec is finished*/ -webkit-animation: animationFrames ease 2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames ease 2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode: forwards; /*FF 5+*/ -o-animation: animationFrames ease 2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode: forwards; /*Not implemented yet*/ -ms-animation: animationFrames ease 2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode: forwards; /*IE 10+*/ }
 @keyframes animationFrames {
 0% {
 opacity:0;
 transform:  translate(0px, -40px);
}
 100% {
 opacity:1;
 transform:  translate(0px, 0px);
}
}
 @-moz-keyframes animationFrames {
 0% {
 opacity:0;
 -moz-transform:  translate(0px, -40px);
}
 100% {
 opacity:1;
 -moz-transform:  translate(0px, 0px);
}
}
 @-webkit-keyframes animationFrames {
 0% {
 opacity:0;
 -webkit-transform:  translate(0px, -40px);
}
 100% {
 opacity:1;
 -webkit-transform:  translate(0px, 0px);
}
}
 @-o-keyframes animationFrames {
 0% {
 opacity:0;
 -o-transform:  translate(0px, -40px);
}
 100% {
 opacity:1;
 -o-transform:  translate(0px, 0px);
}
}
 @-ms-keyframes animationFrames {
 0% {
 opacity:0;
 -ms-transform:  translate(0px, -40px);
}
 100% {
 opacity:1;
 -ms-transform:  translate(0px, 0px);
}
}