html, body {padding:0;margin:0; font-family: 'Oleo Script Swash Caps', cursive; color:#4a443d; text-align:center;}
a {color:#4a443d; text-decoration:none}
body {overflow:auto; height:7600px; }

h1 { font-size: 45px; color:#FFF; text-shadow:#333 2px 2px 5px; width:100%; display:block; white-space:nowrap; }
.textos { display:block; width:100%; z-index:6; }
.textos-2 { display:block; width:100%; z-index:6; bottom:20px; }
.textos-2 h1 a { font-size: 24px; color: #FFF; }

#skrollr-body {width:100%; height:100%; position:fixed; }
#skrollr-body  div {overflow:hidden; position:absolute; }
.centered { top:0; bottom:0; left:0; right:0; margin:auto; }
#postal1 {background: #ef403f; z-index:5;}
#postal2 {background: #94c3b6 url('../images/postal2-arbol.jpg') center bottom no-repeat ; z-index:4; box-shadow: 0 0 0 20px #49675f;  }
#pattern1 { background:url('../images/snow-flakes.png') ; z-index:2; background-attachment:fixed}
.ribbon {background:#49675f; height:40px; top:50%; margin-top:-20px; z-index:3;   }
#ribbon-left {left:0}
#ribbon-right {right:0}
svg {position:absolute; z-index:5; left:50%;  top:50%; margin-left:-170px; margin-top:-180px}
#pattern2 { background:url('../images/pattern.png'); z-index:1;}
#postal3 {background:#97a9ba url('../images/postal3-anonuevo.jpg') no-repeat center center;  border:#49675f 0px double; z-index:6; border-radius:50%;}

#preloader {
	background: #89c3b4 url('../images/loader.gif') center center no-repeat;
	position: fixed; left: 0px;	top: -2px; width: 100%; height: 100%; z-index: 1000;
}
.btn-amunt { position:absolute; top:0; left:0; right:0; z-index:1000; width:100%; height:50px; background: url('../images/fletxa-amunt.png') center center no-repeat; text-align:center; }
.btn-avall { position:absolute; bottom:0; left:0; right:0; z-index:1000; width:100%; height:50px; background: url('../images/fletxa-avall.png') center center no-repeat; text-align:center; }

/* Efecte Neu*/
@keyframes snow {
	0% { background-position: 0px 0px, 0px 0px, 0px 0px }
	100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}
@-moz-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}
@-webkit-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}
@-ms-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}
#neu {
	position:fixed !important; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow: visible !important; z-index:10; pointer-events: none;
    background-image: url('../images/snowh.png'), url('../images/snow3q.png'), url('../images/snow2l.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}