/* Integración de GillSans-Light */
@font-face {
    font-family: 'GillSans-Light';
    src: url('fonts/GillSans-Light.woff2') format('woff2'),
         url('fonts/GillSans-Light.woff') format('woff'),
         url('fonts/GillSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Integración de GothamCond-Light */
@font-face {
    font-family: 'GothamCond-Light';
    src: url('fonts/GothamCond-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Integración de GothamCond-Medium */
@font-face {
    font-family: 'GothamCond-Medium';
    src: url('fonts/GothamCond-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@media screen and (orientation:portrait) {
  body {
    background-image: url('assets/img/fondo5.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-color: #fcf9f7;
    font-family: 'GothamCond-Light', sans-serif;
 }

 .content2 {display:none;}
 .content {
  margin-top:40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'GothamCond-Light', sans-serif;
  width:100vw;
   height:100vh;
  overflow-x:hidden;
  
}
  
.table td, .table th {
    padding: 0px;
    vertical-align: top;
    
}
  .sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fcf9f7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20vh;
 
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
   background-color: #fcf9f7;
 
}

.sidebar a:hover {
  color: #f1f1f1;
   background-color: #fcf9f7;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 7vh;
  cursor: pointer;
  background-color: #fcf9f7;
  color: #bbb;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #bbb;
}

#main {
  transition: margin-left .5s;
  position:absolute;
  left:0px;
  width:100vw;
  padding: 0px;
  z-index:0;
  background-color: #fcf9f7;
}

.hamburguesa {
  width: 35px;
  height: 3px;
  background-color: #818181;
  margin: 4px 0;
  border: 1px solid #f9f9f9;
  
}
.esquinatop {
  position:fixed;
  top:3vh;
  left:26vw;
}
}
/* Fondo horizontal (landscape) */
@media screen and (orientation:landscape) {
  body {
    /*background-image: url('assets/img/1_fondo_landscape.png');
    background-size: cover;
    background-attachment: fixed;*/
    background-color: #fcf9f7;
    font-family: 'GothamCond-Light', sans-serif;
}
.content { display:none; }

.table td, .table th {
    padding: 0px;
    vertical-align: middle;
    font-family: 'GothamCond-Light', sans-serif;
    
}

}
.en {
      position:fixed;
      right:10px;
      top:5px;
      z-index:9999;
      background-color:#e2e9ca;
      border-radius:5px;
      opacity:0.8;
      padding:4px 6px 4px 6px
      font-size:1.6rem;
     }