@font-face {
  font-family: i-set;
  src: url(../fonts/icon-webfont.eot);
  src: url(../fonts/icon-webfont.eot?#iefix)format('embedded-opentype'), url(../fonts/icon-webfont.woff)format('woff'), url(../fonts/icon-webfont.ttf)format('truetype'), url(../fonts/icon-webfont.svg#i-set)format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: g-light;
  src: url(../fonts/gotham-light.eot);
  src: url(../fonts/gotham-light.eot?#iefix)format('embedded-opentype'), url(../fonts/gotham-light.woff)format('woff'), url(../fonts/gotham-light.ttf)format('truetype'), url(../fonts/gotham-light.svg#g-light)format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: g-book;
  src: url(../fonts/gotham-book.eot);
  src: url(../fonts/gotham-book.eot?#iefix)format('embedded-opentype'), url(../fonts/gotham-book.woff)format('woff'), url(../fonts/gotham-book.ttf)format('truetype'), url(../fonts/gotham-book.svg#g-book)format('svg');
  font-weight: 400;
  font-style: normal
}

#align .left {
  position: relative;
  float: left
}

#align .right {
  position: relative;
  float: right
}

#align .center {
  position: relative;
  margin: auto;
  float: none
}

.reset {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block
}

#testing .bg {
  background: #ccc url(../media/textures/no-image.png)no-repeat center center
}

#testing .txt {
  color: red!important
}

.browser-fixes {
  -webkit-backface-visibility: hidden
}

body, html {
  background-color: #000;
  font-family: Arial, sans-serif
}

html.video:before {
  background: 0 0!important
}

* {
  outline: 0
}

div[id=libro-365-gallery] {
  width: 920px;
  height: 800px;
  position: relative;
  float: left;
  overflow: hidden
}

div[id=libro-365-gallery]>header {
  width: 100%;
  height: auto;
  position: absolute;
  background: transparent url(../media/)no-repeat center center;
  top: 0;
  left: 0;
  display: none;
  opacity: 0
}

div[id=libro-365-gallery]>button {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(Opacity=0);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  cursor: pointer;
  top: 45%;
  margin-top: -25px;
  z-index: 5
}

div[id=libro-365-gallery]>button[rel=left] {
  background: transparent url(../media/tools/left-arrow.png)no-repeat center center;
  left: 20px
}

div[id=libro-365-gallery]>button[rel=right] {
  background: transparent url(../media/tools/right-arrow.png)no-repeat center center;
  right: 20px
}

div[id=libro-365-gallery]>ul {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block;
  position: relative;
  float: left;
  list-style: none
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li {
  width: 920px;
  height: 800px;
  position: relative;
  float: left
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block;
  width: 920px;
  height: 800px;
  background: #fff url(../media/tools/loader.gif)no-repeat center 43%;
  position: relative;
  float: left
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure img {
  width: 100%;
  height: auto;
  position: absolute
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption {
  width: 100%;
  height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 30px 30px 30px 120px;
  margin: 0;
  background-color: #fff
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h2, div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h3, div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 {
  border: none;
  background: 0 0;
  text-decoration: none;
  color: red;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  color: #000
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h2 {
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  text-align: right;
  margin-top: -2px
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h3 {
  font-size: 16px;
  font-weight: 300;
  text-align: right
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 {
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #ed6501;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px
}

div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 span {
  width: 100%;
  font-size: 50px;
  line-height: 38px;
  font-weight: 700;
  clear: both;
  float: left
}

div[id=libro-365-gallery]>nav {
  width: 100%;
  height: 200px;
  position: absolute;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  background: transparent url(../media/tools/bottom-arrow.png)no-repeat center 83px;
  padding-top: 100px;
  background-color: transparent;
  left: 0;
  bottom: -100px;
  display: block
}

div[id=libro-365-gallery]>nav>ul[id=month-container] {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  list-style: none;
  left: 0;
  bottom: 50px;
  background-color: white
}

div[id=libro-365-gallery]>nav>ul[id=month-container]>li {
  width: 8.33333333%;
  height: 50px;
  position: relative;
  float: left;
  background-color: #fff;
  cursor: pointer
}

div[id=libro-365-gallery]>nav>ul[id=month-container]>li span {
  width: 100%;
  height: 50px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  display: block
}

div[id=libro-365-gallery]>nav>ul[id=month-container]>li.on span, div[id=libro-365-gallery]>nav>ul[id=month-container]>li:hover span {
  color: #ED6501;
  background-color: #000
}

div[id=libro-365-gallery]>nav>ul.day-container {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  display: block;
  width: 921px;
  height: 50px;
  position: absolute;
  display: none;
  background-color: #000;
  list-style: none;
  bottom: 0;
  left: 0
}

div[id=libro-365-gallery]>nav>ul.day-container>li {
  width: 30.67px;
  height: 50px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(Opacity=100);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  /*overflow: hidden;*/
  display: block;
  cursor: pointer;
  background-color: #000
}

div[id=libro-365-gallery]>nav>ul.day-container>li.w-31 {
  width: 29.68px;
  height: 50px
}

div[id=libro-365-gallery]>nav>ul.day-container>li.w-30 {
  width: 30.67px;
  height: 50px
}

div[id=libro-365-gallery]>nav>ul.day-container>li.w-28 {
  width: 32.86px;
  height: 50px
}

div[id=libro-365-gallery]>nav>ul.day-container>li.w-29 {
  width: 31.72px;
  height: 50px
}

div[id=libro-365-gallery]>nav>ul.day-container>li>figure {
  border: none;
  background: 0 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: red;
  width: 100%;
  height: 68px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  display: block;
  background-color: #000
}

div[id=libro-365-gallery]>nav>ul.day-container>li>figure figcaption, div[id=libro-365-gallery]>nav>ul.day-container>li>figure img {
  width: 100%;
  height: 25px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  float: left;
  overflow: hidden;
  display: block
}

div[id=libro-365-gallery]>nav>ul.day-container>li>figure img {
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(Opacity=100);
  height: auto
}

div[id=libro-365-gallery]>nav>ul.day-container>li>figure figcaption {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 8px
}

div[id=libro-365-gallery]>nav>ul.day-container>li.on img, div[id=libro-365-gallery]>nav>ul.day-container>li:hover img {
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(Opacity=50)
}

div[id=libro-365-gallery]>nav>ul.day-container>li.on figcaption, div[id=libro-365-gallery]>nav>ul.day-container>li:hover figcaption {
  color: #ed6501
}

div[id=libro-365-gallery]>nav>ul[id=month-container]+ul.day-container {
  display: block
}

div[id=libro-365-gallery]>nav:hover {
  bottom: 30px;
  background-position: center 150px
}

div[id=libro-365-gallery]:hover button {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(Opacity=100)
}

@media screen and (max-width:768px) {
  div[id=libro-365-gallery] {
    width: 330px;
    height: auto
  }
  div[id=libro-365-gallery]>button {
    display: none!important
  }
  div[id=libro-365-gallery]>ul {
    width: 330px;
    height: 310px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li {
    width: 330px;
    height: auto;
    position: relative;
    float: left
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #fff
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure img {
    position: relative;
    float: left;
    height: 242px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption {
    position: relative;
    float: left;
    padding: 20px;
    height: auto
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h2 {
    font-size: 12px;
    line-height: 14px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h3 {
    font-size: 10px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 {
    top: 10px;
    left: 10px;
    font-size: 12px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 span {
    font-size: 30px;
    line-height: 30px
  }
  div[id=libro-365-gallery]>nav {
    width: 100%;
    height: 118px;
    background: transparent url(../media/tools/bottom-arrow.png)no-repeat center top;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    bottom: -105px;
    padding-top: 0;
  }
  div[id=libro-365-gallery]>nav:hover {
      bottom: 0;
      overflow-x: scroll;
  }
  div[id=libro-365-gallery]>nav>ul[id=month-container] {
    width: 660px;
    height: 100%;
    top: 23px;
    bottom: 0;
  }
  div[id=libro-365-gallery]>nav>ul[id=month-container]>li {
    width: 55px
  }
  div[id=libro-365-gallery]>nav>ul.day-container {
    width: 660px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-31 {
    width: 21.29px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-30 {
    width: 22px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-28 {
    width: 23.57px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li figure {
    width: 100%;
    background-color: #000
  }
  div[id=libro-365-gallery]>nav.on {
    bottom: 0;
    background-position: center bottom
  }
}

@media screen and (max-width:320px) {
  div[id=libro-365-gallery] {
    width: 280px;
    height: auto
  }
  div[id=libro-365-gallery]>button {
    display: none!important
  }
  div[id=libro-365-gallery]>ul {
    width: 280px;
    height: 270px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li {
    width: 280px;
    height: auto;
    position: relative;
    float: left
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #fff
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure img {
    position: relative;
    float: left;
    height: 205px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption {
    position: relative;
    float: left;
    padding: 20px;
    height: auto
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h2 {
    font-size: 12px;
    line-height: 14px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h3 {
    font-size: 10px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 {
    top: 10px;
    left: 10px;
    font-size: 12px
  }
  div[id=libro-365-gallery]>ul[id=photo-gallery] li>figure figcaption h4 span {
    font-size: 30px;
    line-height: 30px
  }
  div[id=libro-365-gallery]>nav {
    width: 100%;
    background: transparent url(../media/tools/bottom-arrow.png)no-repeat center top;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  div[id=libro-365-gallery]>nav:hover {
      overflow-x: scroll
  }
  div[id=libro-365-gallery]>nav>ul[id=month-container] {
    width: 560px;
    height: auto;
    bottom: 50px;
  }
  div[id=libro-365-gallery]>nav>ul[id=month-container]>li {
    width: 46.67px
  }
  div[id=libro-365-gallery]>nav>ul.day-container {
    width: 560px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-31 {
    width: 18.06px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-30 {
    width: 18.67px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li.w-28 {
    width: 20px
  }
  div[id=libro-365-gallery]>nav>ul.day-container>li figure {
    width: 100%;
    background-color: #000
  }
  div[id=libro-365-gallery]>nav.on {
    bottom: 0;
    background-position: center bottom
  }
}