/*

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

*/
html {
background-color: #f2f2f2;
font-family: 'Alegreya';

}

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

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

p {
text-align: justify;
margin: 0;
padding: 0.5em;  
}
h1 {
color: #C62E33;
font-size: 3em;
padding: 0;
margin: 0;  
text-shadow: 0.05em 0.05em #DBdBdB;
}

h2 {
font-size: 1em;
text-align: left;
margin: 1px 0 0 0;  
padding: 0.1em 0 0 0.5em;
text-transform: uppercase;
}

h2 a:hover {
text-shadow: 0em 0.1em 0.1em #bababa;
}
ul {
padding: 0;
}

ul li {
display: inline-block;
margin: 0.3em 0.8em;  
font: 1em Oswald;  
padding: 0.1em 0.5em;
border: 2px solid #bababa;  
}

ul li:hover {
background-color: #f2f2f2;
}

section.gallery {
max-width:1010px;
margin: 1em auto;  
        column-width: 320px;
    -moz-column-width: 320px;
  -webkit-column-width: 320px;
  column-count: auto;
-moz-column-count: auto;
-webkit-column-count: auto;
}

section.gallery div {
 display: inline-block;
 width: 320px;
 overflow: hidden; 
 margin: 4px 2px ; 
 border-radius: 0.5em;
 box-shadow: 0em 0.1em 0.2em #bababa;
 line-height: 0px;
}

section.gallery div img {
width: 320px;
}

section.gallery div:hover {
 box-shadow: 0em 0.1em 0.2em #333;
}

/*
section.gallery div a {
 display: block; 
}
section.gallery div a:hover {

  border: 1px solid;
}
*/
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 {
font: 0.7em Arial;
}