/* CSS Document */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

article:before,
article:after {
    content: " ";
    display: table;
}

* {
    margin:0;padding:0;border:none;
    font-family: "century gothic", Tahoma, arial, sans-serif; font-size:100%;font-weight:normal;
}
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {
    background-color: #DFDBCF;
}

h1, h2, h3, h4 {
    font-family: "century gothic", sans-serif;
}

h1 {font-size:4em;}
h2 {font-size:2.8em;}
h3 {font-size:1.3em;}
h4 {font-size:1.4em;}
a {font-size:1em;color:#000000;}
p {font-size:1em;display:block;width:100%;clear:both;float:left;}
span {font-size:1em;}

p, a, ul, li, span {font-family: "century gothic", Tahoma, arial, sans-serif;}

header, section, article, footer {width:100%;clear:both;float:left;margin:0;}
body footer.clip {padding: 4em 2em 2em 2em;}
footer a, footer a:link, footer a:hover, footer a:active, footer a:visited {color:white;}
article > div, footer > div {float:none;margin:0 auto;max-width:1200px;width:100%;padding:30px;content: " ";display: table;}
article > div > h1 {width:100%;margin:0 0 30px 0;text-align:center;}
article > div > h2 {}
article p {display:block;clear:both;margin:20px auto;font-size:1.3em;text-align: center;max-width:500px;float: none;line-height: 1.4em;}
article ul {font-size:1.3em;}

.light {background-color: #DFDBCF;}
.brown {background-color:#AD885E;color:#000000;}
.grey {background-color:#646453;color:#ffffff;}
.dark {background-color:#4F3D28;color:#ffffff;}


/* CONTENT */

.clip {
    z-index: 10;
    position: relative;
    padding:5em 5em 10em 5em;
}

.clip:before {
    background-color: inherit;
    bottom: 100%;
    content: '';
    display: block;
    height: 5em;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-3deg);
    transform-origin:100%;
    z-index: 11;
}
.main {
    text-align: center;
}
.main h1, .main h2, .main h3 {
    margin:0 0 1em 0;
}
.main p {
    width:50%;
    margin:1em auto 0 auto;
    display:block;
    float:none;
    line-height: 1.5em;
}

.main ul {
    list-style: none;
    padding:0  2em;
    line-height: 2em;
    font-size: 1.4em;
}

.list-left {
    text-align: right;
    width: 50%;
    float:left;
}

.list-right li {
}

.list-right {
    text-align: left;
    width: 50%;
    float:left;
    border-left:2px solid black;
}

/* HEADER */

header > img {
    display: block;
    margin: 1em auto;
    width: 100%;
    max-width: 200px;
}

header a, header a:link, header a:active, header a:visited {
    text-decoration: none;
    color:#000;
}

header h1, header h2, header h3 {
    width:100%;
    text-align: center;
}

header h3 {
    margin: 1em 0 1.5em 0;
}

header > div {
    margin:-5em 0 0 0;
}


/* NAV */

nav, nav ul {
    width:100%;
    text-align: center;
    position: relative;
    z-index: 1000;
}

nav ul li {
    display: inline-block;
}

nav a, nav a:link, nav a:active, nav a:visited {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    padding:1em;
    display: inline-block;
}





.banner {
    background-image: url(../images/banner.jpg);
    background-position: center center;
    background-size: cover;
    padding:0 0 7em 0;
}


.banner:after {
  background: #DFDBCF;

}

.banner p {
    width:30%;
    float:left;
    display: block;
    clear: left;
    color: #fff;
    font-size: 2em;
    padding: .5em 1em .5em 1em;
    margin: 2em 0 0 2em;
    text-align: center;
    background-color:#DFDBCF;
}

.banner p{
  position: relative;
  z-index: 1;
}
.banner p:after {
  background: inherit;
  bottom: 0%;
  content: '';
  display: block;
  height: 40%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin:100%;
  z-index: -1;
}
.banner p:before {
  background: inherit;
  content: '';
  display: block;
  bottom:100%;
  left: 0%;
  right: 0;
  height: 30%;
  position: absolute;
  transform: skewY(-3deg);
  transform-origin:100%;
  z-index: 11;
}


.banner p a:link, .banner p a:active, .banner p a:visited, .banner p a {
    color:#080E1C;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
}





/* MAP MAP MAP MAP MAP MAP */
.map {
    padding:0;
}
#map {
    width: 100%;
    height:400px;
}


.galleria{
    max-width: 100%; height: 600px;
}

.galleria-theme-classic {
    background:none;
}

.galleria img {
    width:100%;
}


/* CONTACT */

.contact, .contact:link, .contact:visited, .contact:active {
        text-decoration: none;
}


@media handheld, screen and (max-width: 600px) {

.banner p {
    width:90%;
    margin:1em 5%;
}

.main p {
    width:100%;
    padding:0;
}
.clip {
    z-index: 10;
    position: relative;
    padding:1em 1em 8em 1em;
}
    
.list-left {
    text-align: center;
    width: 100%;
    float:left;
}

.list-right {
    text-align: center;
    width: 100%;
    float:left;
    border-left:none;
}

body footer.clip {
    padding: 1em 2em 2em 2em;
}

}