@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
  font-family: 'ACaslonPro-Regular';
  src: url('../fonts/ACaslonPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ACaslonPro-Regular.woff') format('woff'),
       url('../fonts/ACaslonPro-Regular.ttf')  format('truetype'),
       url('../fonts/ACaslonPro-Regular.svg#svgACaslonPro-Regular') format('svg'); /* Legacy iOS */
}
body{
	background: #000;
	color: #fff;
}

body *{
	box-sizing: border-box;
}

#top, #bottom, #left, #right {
  background: #fff;
  position: fixed;
  z-index: 9999;
  }
  #left, #right {
    top: 0; bottom: 0;
    width: 14px;
    }
    #left { left: 0; }
    #right { right: 0; }

  #top, #bottom {
    left: 0; right: 0;
    height: 14px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }

#logoFB{
  cursor: pointer;
}

.borde-blanco-seccion {
  border: 7px solid #fff;
  position: relative;
  width: 100%;
  z-index: 99;
}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    top: 14px; /* Position the navbar at the top of the page */
    z-index: 999;
}

ul.menu {
  background: #000;
  right: 14px;
  }

ul.menu li {
    float: right;
}

ul.menu li a:hover{
  font-weight: bold;
}

ul.menu li a {
    display: inline-block;
    color: white;
    padding: 16px 28px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}

.fondo-negro-menu{
  background: #000;
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
}

.fondo-negro-menu.responsive{
  height: 106px;
}

.bold{
	font-weight: bold;
	color: #fff;
}

.container{
	/*margin-top: 100px;*/
}

.center{
	text-align: center;
}

.fixed{
	position: fixed;
}

.logo{
    z-index: 999;
    position: fixed;
    top: 40%;
    left:30px;
}

.logo.logoResponsive{
  top: 14px;
  left: 14px;
}

p{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 24px;
  line-height: 38px;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
}
h2{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #fff;
	padding:40px 0 10px;
	text-align: center;
	font-weight: 300;
}
.destacado, h2{
	font-family: 'ACaslonPro-Regular', serif;
	font-size: 56px;
	line-height: 67px;
	font-size: 50px;
	line-height: 60px;
}

.section{
	position: relative;
	padding: 50px;
	background: #000;
	max-width: 1200px;/*1492px;*/
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;
}

#fbsection1 {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}

.imgHome{
	max-width: 100%;
}

.divSection{
	position: relative;
}

.divSection{
    position: relative;
    background: url(../images/imagen-home-4.jpg) center center;
    background-repeat: no-repeat;
    height: 1212px;
    width: 1000px;
}

#fbsection2 {
	z-index: 2;
}

#fbsection3 {
	z-index: 3;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

#fbsection3.section{
  text-align: left;
}

#fbsection4 {
	z-index: 4;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.no-flexbox #fbsection4 >div{
  padding-top: 25%;
}

#piedra-seccion3, #piedra-seccion4{
  display: none;
  width: auto;
  position: fixed;
  z-index: 9999999;
}

@-moz-document url-prefix() {
  #fbsection1, #fbsection2, #fbsection3 {
     justify-content: flex-start;
  }
}

/* This class gets applied by JavaScript */
.sticky {
    position: fixed !important;
}

#fbsection3 .sticky{
	top: 50%;
	webkit-transform: translateY(-50%);
	moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#fbsection4 .sticky{
	top: 50%;
	webkit-transform: translateY(-50%);
  /*transform: translateY(-50%);*/
  moz-transform: translate(-50%);
}

  _::-webkit-full-page-media, _:future, :root .safari_only.sticky {
    transform: translateX(-50%) !important;
}

 _::-webkit-full-page-media, _:future, :root #fbsection3 .safari_only.sticky {
    top: auto !important;
    bottom: 100px !important;
  }

/* The scripts also wraps the element in this to avoid jumpy behaviour when switching to pos: fixed */
.article-sticky-wrapper {}

#fbsection2 .sticky{
	width: 100%;
}

#cbp-fbscroller{
	margin: 0 auto;
	position: relative;
}

/*Galería*/
.gamma-description{
  background: rgba(255, 255, 255, 0.3);
}

.gamma-description-wrapper{
	position: fixed;
  bottom: inherit;
  right: auto;
}

.gamma-btn-ssplay{
	display: none !important;
}

button.gamma-btn-close:before{
	content:"" !important;
    background-image: url(../images/cerrar.png);
    width: 74px;
    height: 74px;
}

.gamma-buttons{
  top: 30px;
  right: 30px;
  position: fixed;
}

.gamma-buttons button{
  background: transparent !Important;
  height: 74px;
  width: 74px;
}

.gamma-nav span.gamma-next:before {
    content: '';
    background-image: url(../images/flecha-dcha.png);
    width: 74px;
    height: 74px;
}
.gamma-nav span.gamma-next{
  right: 84px;
  position: fixed;
}

.gamma-nav span.gamma-prev:before {
    content: '';
    background-image: url(../images/flecha-izq.png);
    width: 74px;
    height: 74px;
}
.gamma-nav span.gamma-prev{
  left: 30px;
  position: fixed;
}

.gamma-gallery li{
  padding: 1px;
}

.gamma-gallery li img{
  border: 1px solid rgb(147,147,147);
}

.gamma-single-view{
  overflow-y: scroll;
}

.gamma-single-view .gamma-description h3{
  font-size: 35px;
  color: #fff;
  border-bottom: 1px solid #fff;
  display: inline;
}

ul.topnav .mobile{
  display: none; 
  z-index: 999;
  width: auto;
  float: right;
  background: #000;
  padding-left: 20px;
  padding-right: 5px;
}

.imgHome.imgHomeResponsive{
  display: none;
}

/* SAFARI */
_::-webkit-:not(:root:root), .sticky {
  left: 50%;
  transform: translateX(-50%) !important;
  bottom: 100px;
}

_::-webkit-:not(:root:root), #fbsection3 .sticky{
    top:auto !important;
}

.navegador-no-actualizado, #outdated{
  position: fixed;
  bottom: 30px;
  width: 200px;
  height: 85px;
  z-index: 999;
  left: 30px;
  background: rgba(255,255,255,.8);
  color: #000;
  padding: 10px;
  font-family: "Roboto";
  font-size: 12px;
  cursor: pointer;
}

.navegador-no-actualizado{
  display: none;
}

.cerrar-div-navegador{
  bottom: 5px;
  right: 5px;
  position: absolute;
  font-size: 14px;
  cursor: pointer;
  padding: 1px 4px;
}

.cerrar-div-navegador img{
  width: 20px;
}

@media screen and (max-width: 767px) {
  .gamma-description-wrapper{left: auto;right: 24px;}
}

@media screen and (min-width: 320px) {
  .sticky {max-width: 300px; width: 300px}
  .logo.logoResponsive img{max-height: 100px;}
  .divSection.piedraResponsive{background: transparent;height: auto}
  .imgHome.imgHomeResponsive{max-width: 300px;margin: 0 auto;}
  .gamma-buttons button{height: 27px;width: 27px;}
  button.gamma-btn-close:before, .gamma-nav span.gamma-prev:before, .gamma-nav span.gamma-next:before {width: 27px;height: 27px;BACKGROUND-SIZE: 27px;}
  .gamma-nav span.gamma-next{right: 21px;}
  .gamma-nav span.gamma-prev{left: 14px;}
  .section{padding: 50px 15px;max-width: 80%;}
  .menu li a{padding: 0;}
  ul.topnav li.icon {display: block; right: 30px;}
  ul.menu{right: 14px; top: 14px;}
  ul.topnav.responsive {position: fixed; z-index: 99999; padding-top: 55px;right: 30px;/*width: 40%;resize: both;*/background: transparent;;}
  ul.topnav.responsive .browser{display: none}
  ul.topnav.responsive .mobile{display: block}
  ul.topnav.responsive li.icon {position: fixed;top: 14px;right: 14px;}
  ul.topnav.responsive li {float: none;display: inline;}
  ul.topnav.responsive li a {display: block;text-align: right;padding: 5px 0;}
  ul.topnav li.icon a{font-size: 20px;padding: 0}
  ul.topnav.responsive  li .separator{display: none;}
  /*ul.topnav.responsive, ul.topnav.responsive li.icon a, ul.menu li a{ -webkit-transition-duration: 0 !Important;-moz-transition-duration: 0 !Important;transition-duration: 0 !Important;}
  */p{font-size: 20px; line-height: 26px;}
  h2{font-size: 40px; line-height:46px;}
  ul.topnav .browser{display: none}
  _::-webkit-:not(:root:root), .sticky{bottom: 100px;}
  .gamma-buttons{top: 14px;right: 14px;}
  .gamma-single-view .gamma-description h3{font-size: 15px;}
}

@media screen and (min-width: 375px) {
    .logo.logoResponsive img{max-height: 118px;}
    .fondo-negro-menu.responsive{height: 132px;}
    .logo.logoResponsive img{max-height: 118px;}
}

@media screen and (min-width: 667px) {
  .section{max-width: 90%;}
}

@media screen and (min-width: 768px) {
    ul.topnav .browser{display: block}
    ul.topnav .mobile{display: none}
    ul.menu{right: 14px; top: 14px;}
    .sticky {max-width: 668px; width: 668px}
    .logo img{max-width: 400px;}
    .imgHome{max-width: 668px;}
    .gamma-buttons button{height: 54px;width: 54px;}
    .gamma-buttons{top: 30px;right: 30px;}
    button.gamma-btn-close:before, .gamma-nav span.gamma-prev:before, .gamma-nav span.gamma-next:before {width: 54px;height: 54px;BACKGROUND-SIZE: 54px;}
    .gamma-nav span.gamma-next{right: 64px;}
    .gamma-nav span.gamma-prev{left:24px;}
    .menu li a{padding: 16px 28px;}
    .section{padding: 50px;max-width: 1200px;}
    ul.topnav li.icon{display: none;}
    #logoFB, #piedra-seccion3, #piedra-seccion4{min-height: 78px;height: auto;}
    _::-webkit-:not(:root:root), .sticky{bottom: 100px;}
    .gamma-single-view .gamma-description h3{font-size: 35px;}
}

@media screen and (min-width: 1024px) {
    .sticky {max-width: 824px; width: 824px;/*max-width: 874px; width: 874px;*/}
    .section{padding: 100px}
    .logo img{max-width: 446px;}
    .imgHome{max-width: 824px;}
    p{font-size: 24px;line-height: 38px;}
    h2{font-size: 56px; line-height: 67px;}
    #fbsection1 .sticky, #fbsection2 .sticky{bottom: 100px;}
    #logoFB, #piedra-seccion3, #piedra-seccion4{height: auto;}
}

@media screen and (min-width: 1280px) {
    .sticky {max-width: 1000px; width: 1000px;/*max-width: 824px; width: 824px;*/}
    .logo img{ max-width: 100%;}
    .sticky .imgHome{max-width: 824px; /*margin-left: 88px*/}
    #fbsection2 .sticky{bottom: 100px;}
    #logoFB, #piedra-seccion3, #piedra-seccion4{height: auto;}
}

@media screen and (min-width: 1440px) {
    .sticky {max-width: 1000px; width: 1000px;}
    .sticky .imgHome, .imgHome{max-width: 1000px;margin-left: 0}
    #logoFB, #piedra-seccion3, #piedra-seccion4{height: auto;}
}

@media screen and (min-width: 1600px) {
    .sticky {max-width: 1000px; width: 1000px;}
    .logo img{ max-width: 100%;}
    .imgHome{max-width: 1000px; }
    .gamma-buttons button{height: 74px;width: 74px;}
    button.gamma-btn-close:before, .gamma-nav span.gamma-prev:before, .gamma-nav span.gamma-next:before {width: 74px;height: 74px;BACKGROUND-SIZE: 74px;}
    .gamma-nav span.gamma-next{right: 84px;}
    #logoFB, #piedra-seccion3, #piedra-seccion4{height: auto;}
}