/*

#D8E4DD
#A9C8BE
#6CA8A5
#297F93
#931779

*/
html {
background-color: #f2f2f2;
font-family: 'Open Sans';  
}

body {
max-width: 1000px;
margin: 0 auto;  
background-color: #fff;
color: #254872;
text-align: center;  
}

a {
color: #47B9FF;  
text-decoration: none;
}

a:hover {
color: #70C8FF;
}

p {
text-align: justify;
margin: 0;
padding: 0.4em 1.2em;  
}
h1 {
color: #FF9900;
font: 3em Fredoka one;
padding: 0.5em 0 0.2em 0;
margin: 0;  
}
ul {
padding: 0;
margin-top: 2em;  
background: #3B4754;  
}

ul li {
display: inline-block;
margin: 0.3em 1.5em;  
font: bold 1em Open Sans;  
padding: 0.1em 0.5em 0.2em;
 
}

header {
background: #2F3842;
color: #fff;   
}

section.gallery {

}

section.gallery div.video {
max-width: 960px;  
margin: 4em auto 1em;
position: relative;
}

section.gallery div.video img {
position: absolute;
z-index: -1;
left: 0;
top: 0;
max-width: 960px;  
}

section.banner-adv, section.text-adv {
 clear: both;
  background-color: #DDDBDB;
  font-size: 2em;
  font-weight: bold;
  margin: 1em auto;
}

section.banner-adv {
padding: 0.5em 0 0.1em;
}

section.text-adv a:hover {
text-shadow: 0.1em 0.1em 0.1em #bababa;
}

footer {
width: 98%;  
margin: 4em auto 0;
padding: 0.5em 0;  
border-top: 1px solid;	
font: 0.7em Arial;  
}