@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&family=Raleway:wght@200&display=swap');
body{font-family:'Raleway',sans-serif;
text-align:justify;}
#header{max-width:1060px;margin:auto;}
#titulo{width:inherit;
  text-align:center;}
hr{border:none!important;
  border-top:2px solid #edaf53!important;
  max-width:100px;
  margin: auto!important;}
.trapecio{width:1060px;
  float:right;
  position:relative;
  padding:5px;
  border-right:15px solid transparent;
  border-left:15px solid transparent;
  border-top:20px solid #000;}
.trapecio p{font-size:10px;
  margin-top:-20px;
  float:left;
  margin-left:50px;
  color:#fff;}
.paralelogramo{width:150px; 
  height:20px;
  float:right;
  padding:4px; 
  background:#f19100;
  margin-top:-25px;
  -webkit-transform:skew(30deg);
  -moz-transform:skew(30deg);
  -ms-transform:skew(30deg);
  -o-transform:skew(30deg);
  transform:skew(30deg);}
.paralelogramo p{font-size:10px;
  float:left;
  margin-top:-1px;
  margin-left:35px;
  color:#fff;}
.paralelogramo a{color:#fff}
/*menu*/
.head-wrapper{width:100%;
  display:grid;
  justify-content:center;
  grid-template-rows:auto;
  grid-template-columns:auto auto;}
.head-wrapper img{height:90px;
  vertical-align:middle;}
.box1{display:flex;
  justify-content:end;
  grid-row:1/2;
  grid-column:1/2;}
.box2{grid-row:1/2;
  grid-column:2/3;}
.menu{position:relative;
  z-index:1;}
.navbar{overflow:hidden;
  margin:auto!important;
  min-height:auto!important;
  border:none!important;
  background-color:#fff;}
.navbar a{float:left;
  font-size:14px;
  color:black;
  text-align:center;
  padding:10px;
  text-decoration:none;}
.dropdown{overflow:hidden;
  float:left;}
.dropdown .dropbtn{
  font-size:14px;  
  border:none;
  outline:none;
  color:black;
  padding:10px;
  background-color:inherit;
  font-family:inherit;
  margin:0;}
.acctive{background-color:#5c3303!important;
  color:#f19100!important;
  text-decoration:none;}
.navbar a:hover,.dropdown:hover .dropbtn{background-color:#eee;
  color:#f19100;
  text-decoration:none;}
.dropdown-content{
  display:none;
  position:fixed;
  background-color:white;
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:5;}
.dropdown-content a{float:none;
  color:black;
  padding:10px;
  text-decoration:none;
  display:block;
  text-align:left;}
.dropdown-content a:hover{background-color:#5c3303;
  color:#f19100;
  text-decoration:none;}
.dropdown:hover .dropdown-content{display:block;}
/**buscador**/
.search-form{margin-top:-35px;
  max-width:220px;
  border:1px solid #bbb;
  border-radius:20px;
  float:right;}
input{max-width:150px}
input:focus{outline:none;}
.searchField, .searchField.active{border:none;
  margin:0 10px;
  margin-top:4px;}
::placeholder{color:#bbb}
.searchButton{background-color:transparent;
border:none;}
.searchButton i{font-size:18px;
  color:#f19100;
  cursor:pointer;
  transition:all 300ms;}
.searchButton i:hover{color:#d0d0d0;}
/*fin buscador*/
/*menu*/
/*containerCarousel*/
.container{max-width:1060px!important;
  height:400px;
  padding:0!important;
  margin:auto;}
.carousel-inner{height:400px;
  text-align:-webkit-center;}
.img-large{display:block}
.img-small{display:none}
.carousel-indicators{z-index:1!important;}
/*PASAJES*/
.pasajes{max-width:1060px;
  margin:auto;}
.pasajes h1{text-align:center;
  font-size:18px;}
/*FIN-pasajes*/
/*MENÚ PASAJES*/
.menupasajes{display:flex;
  justify-content:center;
  width:100%;}
.menupasajes ul, ol{list-style:none;
  text-decoration:none;}
.nav3{padding:0;
  display:grid;
  grid-template-columns:auto auto auto auto auto auto;
  text-align:center;
  background-color:#eee;}
.nav3 >li{float:left;
  list-style:none;}
.nav3 li a{font-size:14px;
  background-color:#eee;
  color:#5c3303;
  text-decoration:none;
  padding:0 15px;
  display:block;}
  .nav3 >li:hover,.nav3 li a.active,.nav3 li a:hover{color:#f19100;
  background-color:#5c3303;}
.nav3 li:hover >ul{display:block;
  list-style:none;
  background-color:#5c3303;}
/*FIN MENÚ PASAJES*/
/*IDIOMAS*/
.idiomas{max-width:1060px;
  margin:auto;
  text-align:center;}
.idiomas img{width:70px;}
.btn-audio{background-color:transparent;
  border:none;}
/*FIN DE IDIOMAS*/
/*PRESENTACIÓN*/
.presentacion{max-width:1060px;
  margin:auto;}
.presentacion h1{text-align:center;
  font-size:17pt;
  margin-top:50px;}
.presentacion p{margin-left:100px; 
  margin-right:100px;
  font-size:11pt;}
.presentacion h3{text-align:center;
  color:#edaf53;
  font-size:14pt;}
/*FIN-PRESENTACION*/
/*evtrad*/
.even{background-color:#000;
  height:450px;
  max-width:1060px;
  margin:auto;
  justify-content:space-between;}
.ev{background-color:#000;
  width:auto;
  padding:12px;
  margin:auto;}
.ev p{color:#fff;
  margin-top: 5px;
  margin-left: 5px;}
.even img{width:350px;
margin-left: 40px;}
.infoeven{color:#fff;
  width:350px;
  margin-top:-375px;
  margin-left:430px;}
.infoeven h1{font-size:12pt;}
.infoeven h3{font-size:10pt;}
.infoeven p{font-size:8pt;}
.infoeven li{font-size:8pt;
  list-style:none;}
.infoeven a{color:#edaf53;
  font-size:10pt;
margin-left: 10px;}
.infoeven a:hover{background-color:#edaf53;
  color:#000;
  font-size:10pt;}
/*FIN-evtrad*/
/*testimonios*/
.tesmsj{max-width:1060px;
  margin:auto;
  text-align:center;}
.tesmsj h1{font-size:15pt;
  text-align:center;}
.tesmsj p{font-size:10pt;
  margin-left:60px; 
  margin-right:60px;}
/*FINtestimonios */
/*VID*/
.videos{max-width:1060px;
  margin:auto;
  display:flex;}
.card{margin:10px;
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  box-shadow:0px 1px 10px rgba(0,0,0,0.2);
  cursor:default;
  transition:all 400ms ease;}
.card:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.2);
  transform:translateY(-3%);}
.card img{height:210px;}
.card .contenido{background-color:#000;
  padding:10px;
  text-align:left;}
.card .contenido p{font-size:8pt;
  line-height:1.5;
  color:#6a6a6a;}
.card .contenido h3{color:#ee9714;
  font-size:8pt;} 
.card .contenido a{text-decoration:none;
  display:inline-block;
  padding:5px;
  margin-top:10px;
  color:#ed9817;
  border:1px solid #ed9817;
  border-radius:4px;
  transition:all 400ms ease;}
.card .contenido a:hover{background:#ed9817;
  color:#fff;}
/*FIN VID*/
/* AGENDA*/
.tesagnd{max-width:1060px;
  margin:auto;
  text-align:center;}
.tesagnd h1{font-size:17pt;
  text-align:center;}
.tesagnd p{font-size:11pt;
  margin-left:60px; 
  margin-right:60px;}
/*FINAGNDA */
/*card-agenda*/
.cards-agenda{background-color:#000;
  max-width:1060px;
  margin:auto;
  justify-content:space-between;}
.agenda{width:100%;
  display:flex;}
.card2{margin:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0px 1px 10px rgba(0,0,0,0.2);
  cursor:default;
  transition:all 400ms ease;}
.card2:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.2);
  transform:translateY(-3%);}
.card2 img{max-width:50%;
  height:230px;
  object-fit:cover;
  float:left;}
.card2 .contenido2{width:40%;
  float:right;
  height:120px;
  background-color:#fff;
  padding:5px;
  text-align:left;}
.card2 .contenido2 p{font-size:8pt;
  line-height:1.5;
  color:#000;}
.card2 .contenido2 h3{color:#ee9714;
  font-size:8pt;
  margin-top:0px;} 
.card2 .contenido2 a{font-size:8pt;
  text-decoration:none;
  display:inline-block;
  padding:5px 10px;
  margin-top:5px;
  border-radius:5px;
  color:#fff;
  background-color:#333;
  transition:all 400ms ease;}
.card2 .contenido2 a:hover{background:#ed9817;
  color:#fff;}
/*fin card-agenda*/
#mapa{float:center;
  max-width:1060px;
  margin:30px auto;}
#pie{margin:auto;
  background-color:#000;
  color:#fff;
  height:200px;
  max-width:1060px;}
/*menufooter*/
.menufooter{display:flex;
  justify-content:center;}
.menufooter ul,ol{list-style:none;
  margin:auto;
  padding:0;
  text-decoration:none;}
.nav2 li a{font-size:10px;
  background-color:#000;
  color:#fff;
  text-decoration:none;
  padding:5px;
  display:block;}
.nav2 li a.active{color:#f19100;} 
.nav2 >li{float:left;
  list-style:none;}
.nav2 li a:hover{color:#f19100;}
.nav2 li ul{display:none;
  position:absolute;
  min-width:140px;}
.nav2 li:hover >ul{display:block;
  list-style:none;}
/*infofooter*/
.infofooter ul,ol{list-style:none;
  margin:auto;
  padding:0;
  text-decoration:none;}
.navinfo{display:flex;
  justify-content:center;}
.navinfo li a{font-size:10px;
  background-color:#000;
  color:#fff;
  text-decoration:none;
  padding:8px 10px;
  display:block;}
.navinfo li a:hover{color:#f19100;}
.navinfo >li{float:left;
  list-style:none;}
.navinfo li ul{display:none;
  position:absolute;
  min-width:140px;}
/*fininfofooter*/
/*inforedes*/
.redes-wrapper{width:100%;
  display:grid;
  font-size:18px;
  justify-content:center;
  grid-template-rows:auto auto;
  grid-template-columns:auto auto auto auto;}
.fa-brands{color:#fff}
.fa-brands:hover{color:#edaf53}
.box3{margin:0 5px;
  grid-row:1/2;
  grid-column:1/2;}
.box4{margin:0 5px;
  grid-row:1/2;
  grid-column:2/3;}
.box5{margin:0 5px;
  grid-row:1/2;
  grid-column:3/4;}
.box6{margin:0 5px;
  grid-row:1/2;
  grid-column:4/5;}
.box7{margin:0 5px;
  grid-row:1/2;
  grid-column:5/6;}
/*fininforedes*/
/*logosfooter*/
.logosfooter{max-width:1060px;}
.logos-wrapper{width:100%;
  display:grid;
  justify-content:center;
  grid-template-rows:auto auto;
  grid-template-columns:auto auto auto auto;}
.logos-wrapper img{height:50px;
  vertical-align:middle;}
.box8{display:flex;
  justify-content:end;
  grid-row:1/2;
  grid-column:1/2;}
.box9{grid-row:1/2;
  grid-column:2/3;}
.box10{grid-row:1/2;
  grid-column:3/4;}
.box11{grid-row:1/2;
  grid-column:4/5;}
.box12{grid-row:1/2;
  grid-column:5/6;}
/*finlogosfooter*/
.copyright-wrapper{max-width:1060px;
  margin:10px;
  font-size:12px;
  display:grid;
  grid-template-rows:auto;
  grid-template-columns:auto auto auto;}
.derechos{height:fit-content;
  margin-top:5px;
  display:flex;
  justify-content:end;
  grid-row:1/2;
  grid-column:2/3;}
.secu{height:30px;
  display:flex;
  justify-content:end;
  grid-row:1/2;
  grid-column:3/4;}

@media(max-width:1050px) and (min-width:810px){
  body{max-width:600px;margin:auto!important}
  #header{max-width:600px;height:159px;margin:auto;}
  .trapecio{max-width:600px}
  .navbar a,.dropdown .dropbtn{padding:5px}
  .menu{margin:0;}
  .search-form{margin:auto;margin-top:4px;}
  .container{max-width:600px!important;margin-top:35px;}
  .btn-izq,.btn-der{width:20%!important}
  .even{height:820px}
  .ev{text-align-last:center;}
  .infoeven{margin:auto}
  .cards-agenda,.agenda{height:275px}
  #pie{height:225px}
  .infofooter ul,ol{padding:revert;max-width:500px;}
}
@media(max-width:810px){
  body{max-width:483px;margin:auto!important}
  #header{max-width:483px;height:159px;margin:auto;}
  .trapecio{max-width:483px}
  .navbar a,.dropdown .dropbtn{padding:3px;font-size:12px;}
  .menu{margin:0;position:static;}
  .search-form{margin:15px auto;
    float:none;}
  .container{max-width:483px!important;margin-top:55px;}
  .carousel-inner{height:364px}
  .img-large{display:none}
  .img-small{display:block}
  .btn-izq,.btn-der{width:20%!important;
    height:364px;}
  .carousel-indicators{top:80%}
  .even{height:820px}
  .ev{text-align-last:center;}
  .infoeven{margin:auto}
  .cards-agenda,.agenda{height:320px}
  .card2 img{height:300px}
  #pie{height:275px}
  .infofooter ul,ol{max-width:455px;}
  .box3{margin:0 5px;
    grid-row:1/2;
    grid-column:1/2;}
  .box4{margin:0 5px;
    grid-row:1/2;
    grid-column:2/3;}
  .box5{margin:0 5px;
    grid-row:1/2;
    grid-column:3/4;}
  .box6{margin:0 5px;
    grid-row:1/2;
    grid-column:4/5;}
  .box7{margin:0 5px;
    grid-row:1/2;
    grid-column:5/6;}
  .box8{display:flex;
    justify-content:end;
    grid-row:1/2;
    grid-column:1/2;}
  .box9{display:flex;
    justify-content:center;
    grid-row:1/2;
    grid-column:2/4;}
  .box10{grid-row:1/2;
    grid-column:4/5;}
  .box11{grid-row:2/3;
    grid-column:2/3;}
  .box12{grid-row:2/3;
    grid-column:3/4;}
}