@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Serif:400,700);
/*imports*/
/* normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 63, _normalize.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
  background-color: ;
  
	
	
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
/* line 212, _normalize.scss */
img {
  border: 0;
}

/*
* Fluskel
*/
/* Flexible Column Widths - mobile first
================================================== */
.container {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}

.container .columns,
.container .column {
  float: left;
  display: inline;
  padding-left: 1em;
  padding-right: 1em;
}

.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
  width: 100%;
}

/* Offsets */
.container .offset-by-half,
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {
  margin-left: 0;
}

 /* #getting bigger - breakpoint tablets
================================================== */
@media only screen and (min-width: 480px) {
  .container {
    width: 90%;
  }
}
 /* #getting bigger - breakpoint beyond tablets portrait
================================================== */
@media only screen and (min-width: 767px) {
  .container .columns {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container .one.columns {
    width: 6.25%;
  }

  .container .two.columns {
    width: 12.5%;
  }

  .container .three.columns {
    width: 18.75%;
  }

  .container .four.columns {
    width: 25%;
  }

  .container .five.columns {      
    width: 31.25%;
  }
 
  .container .six.columns {
    width: 37.5%;
  }

  .container .seven.columns {
    width: 43.75%;
  }

  .container .eight.columns {
    width: 50%;
  }

  .container .nine.columns {
    width: 56.25%;
  }

  .container .ten.columns {
    width: 62.5%;
  }

  .container .eleven.columns {
    width: 68.75%;
  }

  .container .twelve.columns {
    width: 75%;
  }

  .container .thirteen.columns {
    width: 81.25%;
  }

  .container .fourteen.columns {
    width: 87.5%;
  }

  .container .fifteen.columns {
    width: 93.75%;
  }

  .container .sixteen.columns {
    width: 100%;
  }

  .container .one-third.column {
    width: 33.33%;
  }

  .container .two-thirds.column {
    width: 66.66%;
  }

  /* Offsets */
  .container .offset-by-half {
    margin-left: 3.125%;
  }

  .container .offset-by-one {
    margin-left: 6.25%;
  }

  .container .offset-by-two {
    margin-left: 12.5%;
  }

  .container .offset-by-three {
    margin-left: 18.75%;
  }

  .container .offset-by-four {
    margin-left: 25%;
  }

  .container .offset-by-five {
    margin-left: 31.25%;
  }

  .container .offset-by-six {
    margin-left: 37.5%;
  }

  .container .offset-by-seven {
    margin-left: 43.75%;
  }

  .container .offset-by-eight {
    margin-left: 50%;
  }

  .container .offset-by-nine {
    margin-left: 56.25%;
  }

  .container .offset-by-ten {
    margin-left: 62.5%;
  }

  .container .offset-by-eleven {
    margin-left: 68.75%;
  }

  .container .offset-by-twelve {
    margin-left: 75%;
  }

  .container .offset-by-thirteen {
    margin-left: 81.25%;
  }

  .container .offset-by-fourteen {
    margin-left: 87.5%;
  }

  .container .offset-by-fifteen {
    margin-left: 93.75%;
  }
}

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font: 100%/1.5em "PT Sans", sans-serif;
}

body {
  font-size: 1em;
  /* 16px / 16px */
  color: #;
}

hr {
  margin: 1em 0;
  height: 1px;
  background: #d3d3d3;
  border: none;
  width: 100%;
  clear: both;
}

div.band .columns {
  padding-top: 1em;
  padding-bottom: 1em;
}

header.band {
  
  border-bottom: 0px solid #FFF;
  text-align: center;
  padding: 0% 0 5% 0;
  
}

header.band h1 {
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 1em;
}

footer {
  font-size: 0.8em;
  text-align: center;
}

.last a {
  margin: 0 1em;
}


#wrapper {
	position: relative;
}
  
p {
	text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.3);
}

@media only screen and (min-width: 1024px) {
  body {
    font-size: 1.125em;
    /* 18px / 16px */
    line-height: 1.7em;
  }

  div.band .columns {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  header.band {
    background-image: url();
    background-size: 100%;
    background-size: 100%;
    padding: .1% 0 .1% 0;
  }

  header.band h1 {
    font-size: 3.25em;
    /*52 / 16*/
  }

  a.button {
    padding: .75em 1.5em;
  }

  footer {
    text-align: left;
  }

  .last {
    text-align: right;
  }
  
}

@media only screen and (max-width: 1120px) {
	
}


@media only screen and (min-width: 767px) and (max-width: 1024px) {
  body {
    font-size: 1em;
    line-height: 1.7em;
  }

  div.band .columns {
    padding-top: 1em;
    padding-bottom: 2em;
  }

  header.band {
    background-image: url();
    background-size: 100%;
    background-size: 100%;
    padding: .1% 0 .1% 0;
  }

  header.band h1 {
    font-size: 3.25em;
    
  }

  h2 {
    font-size: 1.4em;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  h3 {
    font-size: 1.1em;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .last {
    text-align: right;
  }
  
}

@media only screen and (max-width: 767px) {
  div.band .columns {
    padding-top: 1em;
    padding-bottom: 1em;
	text-align:center;
  }

  header.band {
    background-image: url();
    background-size: 100%;
    padding: .1% 0 .1% 0;
  }

  header.band .columns {
    padding: 0em;
    border-top: 1px solid #666;
    border-bottom: 1px solid #d3d3d3;
  }
  
  .last {
    text-align: center;
  }
  
}

/* style gloria */

.ceiling {
  border-bottom: .1% solid #FFF;
  text-align: center;
  padding: .1% 0 .1% 0;
  opacity:.9;
  -webkit-box-shadow: 0 1px 5px rgba(155, 255, 255, 0.8);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      box-shadow: 0 1px 5px rgba(252, 252, 252, 0.9); 
}

h1, h2 {
  font-family: 'Old Standard TT', serif;
  font-weight: lighter; 
  text-align: center;
  color: #574A22;
  text-shadow: 0px 2px 5px rgba(255, 255, 255, 1);
  opacity:.9;
}

h1 {
  font-family: 'Old Standard TT', serif;
  font-size: 2.6em;
  line-height: 1em;
  margin: .8em; 
  margin-bottom: .5em;
}

h2 {
  font-family: 'Old Standard TT', serif;
  font-size: 1.4em;
  margin:.3em; 
  margin-bottom:2.2em; 
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
}

h3 {
  font-family: 'Old Standard TT', serif;
  font-size: 1.1em;
  font-weight: 150;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
}

ul li {
  font-family: 'Old Standard TT', serif;
  font-size: 1.1em;
  margin-bottom: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
  font-weight: lighter;
}

a {
  font-family: 'Old Standard TT', serif;
  font-size: 1.1em;
  padding-top:3em;
  text-transform:lowercase;
  font-weight:100;
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
  color: #574A22;
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

a.menu {
  font-family: 'Old Standard TT', serif;
  font-size: .7 em;
  font-weight: 100;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
  text-transform:uppercase;
  opacity:.6;
  text-shadow: 0px 2px 5px rgba(255, 255, 255, 1);
}

a.menu:hover {
  opacity:.9;
  
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

a.menu#current {
  opacity:.9;
}

.btn-index {
  text-shadow: 0px 2px 5px rgba(255, 255, 255, 1);
}

.btn-index .icon-btn-index {
  opacity:.6;
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

.btn-index:hover .icon-btn-index {
  opacity:.9;
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

.btn-top {
  opacity:.6;
  display:inline-block;
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
  text-shadow: 0px 2px 5px rgba(255, 255, 255, 1);
}

.btn-top .icon-btn-top {
  opacity:.6;
  display:inline-block;
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

.btn-top:hover .icon-btn-top {
  opacity:.9;
  display:inline-block;
  -webkit-transition-duration: .7s;
  -moz-transition-duration: .7s;
  -ms-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

#thumb ul  {
    list-style: none;
    padding: 0 2px;
  display:inline;
}

#thumb li  {
    display: inline-block;
    list-style: none;
    padding: .55em;

}

.thumbnail {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
      -webkit-transition: opacity 0.4s ease-out;
      -moz-transition: opacity 0.4s ease-out;
      -o-transition: opacity 0.4s ease-out;
      transition: opacity 0.4s ease-out;
    width:auto;
    }