* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  /*background: url(../img/fondo.jpg) center center no-repeat;*/
  background-size: cover;
  color: white;
  width: 100vw;
  height: 90vh;
  /*overflow: hidden !important;*/
  font-family: 'Montserrat', sans-serif; }

a {
  color: white;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.wrap {
  width: 73%;
  max-width: 1300px;
  margin: 4% 0% 0 2%; }

.wrap div{position: relative;padding-bottom: 39.25%;height: 0;overflow: hidden;border:4px solid #004353;}
.wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.main {
  width: 100%;
  /*min-height: 1500px;*/ }

.presentamos,.presentamos2,.presentamos3,.presentamos4,.presentamos5,.presentamos6,.presentamos7,.presentamos8,.presentamos9,.presentamos10,.presentamos11,.presentamos12,.presentamos13,.presentamos14,.presentamos15,.presentamos16,.presentamos17,.presentamos18,.presentamos19,.presentamos20,.presentamos21,.presentamos22,.presentamos23,.presentamos24,.presentamos25,.presentamos26,.presentamos27,.presentamos28 {
  height: calc(100vh - 50px);
  background: #FFFFFF;
  color: #001F3F;
  overflow: hidden;
  padding: 50px 0;
  display: none;
  text-align: center; }
  .presentamos h2,.presentamos2 h2,.presentamos3 h2,.presentamos4 h2,.presentamos5 h2,.presentamos6 h2,.presentamos7 h2,.presentamos8 h2,.presentamos9 h2,.presentamos10 h2,.presentamos11 h2,.presentamos12 h2,.presentamos13 h2,.presentamos14 h2,.presentamos15 h2,.presentamos16 h2,.presentamos17 h2,.presentamos18 h2,.presentamos19 h2,.presentamos20 h2,.presentamos21 h2,.presentamos22 h2,.presentamos23 h2,.presentamos24 h2,.presentamos25 h2,.presentamos26 h2,.presentamos27 h2,.presentamos28 h2 {
    font-size: 39px;
    margin-top: 50px; }
  .presentamos p,.presentamos2 p,.presentamos3 p,.presentamos4 p,.presentamos5 p,.presentamos6 p,.presentamos7 p,.presentamos8 p,.presentamos9 p,.presentamos10 p,.presentamos11 p,.presentamos12 p,.presentamos13 p,.presentamos14 p,.presentamos15 p,.presentamos16 p,.presentamos17 p,.presentamos18 p,.presentamos19 p,.presentamos20 p,.presentamos21 p,.presentamos22 p,.presentamos23 p,.presentamos24 p,.presentamos25 p,.presentamos26 p,.presentamos27 p,.presentamos28 p {
    font-size: 20px;
    margin-bottom: 50px; }
  .presentamos button,.presentamos2 button,.presentamos3 button,.presentamos4 button,.presentamos5 button,.presentamos6 button,.presentamos7 button,.presentamos8 button,.presentamos9 button,.presentamos10 button,.presentamos11 button,.presentamos12 button,.presentamos13 button,.presentamos14 button,.presentamos15 button,.presentamos16 button,.presentamos17 button,.presentamos18 button,.presentamos19 button,.presentamos20 button,.presentamos21 button,.presentamos22 button,.presentamos23 button,.presentamos24 button,.presentamos25 button,.presentamos26 button,.presentamos27 button,.presentamos28 button {
    background: none;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 40px;
    display: inline-block;
    border: 5px solid #001F3F;
    transition: 0.3s all ease; }
    .presentamos button:hover,.presentamos2 button:hover,.presentamos3 button:hover,.presentamos4 button:hover,.presentamos5 button:hover,.presentamos6 button:hover,.presentamos7 button:hover,.presentamos8 button:hover,.presentamos9 button:hover,.presentamos10 button:hover,.presentamos11 button:hover,.presentamos12 button:hover,.presentamos13 button:hover,.presentamos14 button:hover,.presentamos15 button:hover,.presentamos16 button:hover,.presentamos17 button:hover,.presentamos18 button:hover,.presentamos19 button:hover,.presentamos20 button:hover,.presentamos21 button:hover,.presentamos22 button:hover,.presentamos23 button:hover,.presentamos24 button:hover,.presentamos25 button:hover,.presentamos26 button:hover,.presentamos27 button:hover,.presentamos28 button:hover {
      border: 5px solid #0074D9;
      color: #0074D9; }

.btn-toggle {
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  font-weight: bold;
  color: #FFF;
  display: block;
  text-align: center;
  background: #004353;
  border: 2px solid #004353;}
  .btn-toggle:hover {
    text-decoration: none; }

#dias .inactivo{background:none;color: #dfbfb4;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
#dias2 .inactivo{background:none;color: #72d6dd;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
#dias3 .inactivo{background:none;color: #72d6dd;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
#dias4 .inactivo{background:none;color: #72d6dd;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

/*.inactivo span{}

.diaI{
  width:50%;
  float:left;
}
.diaD{
  width:50%;
  float:right;
}*/

#dias,#dias2,#dias3,#dias4{
  margin: 4% 0 0 6%;
  width: 34%;
  border-spacing: 10px;
  border-collapse: separate;
  opacity:0;
  display:none;
}

.cerrar{width:100% !important;margin:0 !important;border-spacing:0 !important;display: none !important;}

.tiras{
  background: none;
}
.dentro{background-color:#004353;width:25%;color:white;margin-left:30.4%;}
.pdf{width:35%;}
#inicio{font-family: 'HOT GRILL demo';font-size: 4.5vw;line-height: 93%;width: 45%;text-align: right;margin: 0% 1% 0 3%;float:left;}
#inicio img{width:33%;}

.inicioFix{font-size:4.5vw !important;width:27% !important;margin-left:-1% !important;}
.inicioFix img{width:54% !important;}

.inicioTiras{font-family: 'HOT GRILL demo';font-size: 3.5vw;line-height: 93%;width: 23%;text-align: right;margin: 4% 1% 0 -1%;float: left;color: white;}
.inicioTiras img{width:50%;}

#fondo1{width:100vw;height:100vh;position: absolute;top: 0;background: url(../img/fondo.jpg) center center no-repeat;background-size: cover;z-index: -10;}
#fondo2{width:100vw;height:100vh;position: absolute;top: 0;background: url(../img/fondo2.jpg) center center no-repeat;background-size: cover;z-index: -10;opacity:0;}
#fondo3{width:100vw;height:100vh;position: absolute;top: 0;background: url(../img/fondo3.jpg) center center no-repeat;background-size: cover;z-index: -10;opacity:0;}
#fondo4{width:100vw;height:100vh;position: absolute;top: 0;background: url(../img/fondo3.jpg) center center no-repeat;background-size: cover;z-index: -10;opacity:0;}


@media screen and (max-width: 500px) {
  .presentamos h2 {
    margin-top: 0; } 
    #fondo1 {background: url(../img/fondoM.jpg) center center no-repeat;background-size: cover;}
    #fondo2 {background: url(../img/fondoM2.jpg) center center no-repeat;background-size: cover;}
    #fondo3 {background: url(../img/fondoM3.jpg) center center no-repeat;background-size: cover;}
    #fondo4 {background: url(../img/fondoM3.jpg) center center no-repeat;background-size: cover;}
    #dias,#dias2,#dias3,#dias4{width:80%;margin-left:10%;margin: 6% 0px 0px 10%;}
    #inicio{font-size: 14vw;width: 93%;margin: 18% 0 0 3%;}
    #inicio img{width:49%;}
    /*#inicio{font-size: 8vw;width: 84%;margin: 18% 0 0 3%;}
    #inicio img{width:44%;}*/
    .wrap{width:92%;margin: 4% 0% 0 4%;}
    .wrap div{padding-bottom:56.25%;}
    .inicioTiras{width: 93%;margin: 0% 0 0 3%;float:none;font-size:7vw;}
    .inicioTiras img{width:25%;}
    .tiras{padding: 15px 0;}
    .dentro{margin-left: 0%;}
    .pdf{width:60%;}
    .btn-toggle {font-size: 18px;height:43px;line-height:43px;}
    .inicioFix{width:84% !important;margin-left:3% !important;margin-top:0 !important;font-size:8vw !important;}
    .inicioFix img{width:31% !important;}
}
@media screen and (max-height: 550px) {
  .presentamos h2 {
    font-size: 40px;
    margin-top: 0; }
}

@media screen and (min-width: 501px) and (max-width: 740px) {
  .presentamos h2 {margin-top: 0; }
  .dentro{margin-left: 29%;}
  .pdf{width:40%;}
  .btn-toggle {height: 35px;line-height: 35px;font-size:12px;}
}

@media screen and (min-width: 741px) and (max-width: 960px) {
  .presentamos h2 {margin-top: 0; }
  .dentro{margin-left: 29%;}
  .btn-toggle {height: 49px;line-height: 49px;font-size:18px;}
}

@media screen and (min-width: 961px) and (max-width: 1300px) {
  .presentamos h2 {margin-top: 0; }
  .dentro{margin-left: 29%;}
  .btn-toggle {height: 49px;line-height: 49px;font-size:25px;}
}