@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bree+Serif&family=Varta:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Kannada&display=swap');


.iz8{
  text-align: left;
}

.izqt{
  line-height: 25px;       
  color: #000 !important;
  font-size: 100% !important;
  font-family: 'Roboto', sans-serif;  
  text-align: left;
}

.topd2{
  padding-bottom: 8%;
}

.calamar{
  display:block;
}

.dorada {
  line-height: 35px;       
  color: #17a2b8 !important;
  font-size: 120 !important;
  font-family: 'Quicksand', sans-serif;
  text-align: center !important;
}

.grandota2{
  width: 70%;
  padding-top: 10%;
  padding-left: 5%;
}


.fach {
  padding-left: 8%;
}


.h6blanca{
  line-height: 35px;       
  color: #FFF!important;
  font-size: 120% !important;
  font-family: 'Quicksand', sans-serif;
}

.h1blanca {
  font-size: 50px;
  color: #FFF!important;
  font-family: 'Tiro Kannada', serif;
  text-align: center !important;

}

.alinea9{
    float: right;
    padding-top: -4%;
    padding-right: 4%;
  }

.cabeza{
  width: 100%;
  padding-top: 8%;
}

.topz{
  padding-bottom: 1.8%;
}

.containerX3{
  position: relative;
  z-index: 9;
  margin-left: 30%;
  margin-right:30%;
}

.mider{
  max-width: 98% !important;
}

.griz{
  color: darkgrey !important;
  text-align: center;
  position: relative;
  display: block;
}

.griz:hover{
  color: rgb(65, 65, 65) !important;
  text-align: center !important;
  font-weight: 900;
}

.car{
  padding-left: 20px;
  padding-right: 20px;
}

.car2{
  margin-left: 45% ;
  margin-right: 50px ;
}

.textt1 {
  font-size: 45px;
  color: rgb(61, 61, 61);
  font-family: 'Montserrat', sans-serif;

}

.namawee{
  font-size: 28px;
  font-family: 'Montserrat', sans-serif;
  color: #17a2b8;
}

.namawee2{
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: white !important;
}

.namawee:hover{
  color: #FFF!important;
}


.blanco{
    color: #fff !important;
  }

.hobbit{
    height: 5%;
    padding-bottom: 5%;
 }

.hobbit2{
  width: 100%;
  padding-bottom: 5%;
}

.hobbit3{
  width: 90%;
  padding-bottom: 5%;
}

.grandota{
    width: 80%;
    padding-bottom: 5%;
 }

.topo{
    padding-top: 180px;
    padding-bottom: 180px;
 }

 .topo35{
  padding-top: 70px;
  padding-bottom: 70px;
}

 
 .ptz100{
  padding-top: 180px;
  padding-bottom: 180px;
}

 .topo8{
    padding-top: 8%;
 }

 .topo1{
    padding-top: 1%;
 }

 .topd{
    padding-bottom: 6%;
 }


 .blanco p{
  color: #fff !important;
}

.alinead{
    float: right;
    padding-top: 2%;
    padding-right: 4%;
    
}

.alinear{
  float: left;
  padding-top: 6%;
  padding-left: 4%;

}

.alinear2{
  float: left;
  padding-top: 3%;
  padding-left: 4%;

}


.bobo {
     border-radius: 7px;
}

.cajatitu{
   padding-top: 6%;
   padding-left: 4%;
}

.cajatitu3{
  padding-top: 4%;
  padding-left: 4%;
}

.cajatext{
    padding-top: 1%;
    padding-left: 4%;
 }

.fondoNAR{
    background-color: #000;
}
.fondoro{
  background: linear-gradient(#0c798b, #33c0d7,#0c798b);  
}

.spadw {
    padding: 220px 0;
    margin-top: 220px 0;
}

.cajaNaranja2{
    border-radius: 25px;
    background-color:  #000;
    box-shadow: 0 0 2em rgba(0,0,0,0.5);
    border-radius: 20px;
}
.cajaNaranja{

    box-shadow: 0 0 2em rgba(0,0,0,0.5);
    border-radius: 20px;
}
.cajagris{

  background-color: #fec200;

}

.lado{
  padding-left:2%;
  padding-right:2%;
}

.txlink2 {
  font-weight: bold;
  line-height: 35px;
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  color: #00a1b5;
  font-size: 120 !important;
  font-family: 'Quicksand', sans-serif;
}
.txlink2:hover {
  color:  #bebebe;
}

.txlink {
  font-weight: bold;
  line-height: 35px;
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  color: #fff;
  font-size: 120 !important;
  font-family: 'Quicksand', sans-serif;
}
.txlink:hover {
  color: #ff8000;
}
.fel {
  width: 25%;
  text-align: center !important;
  margin-bottom: 15px;
}
.sinver {
  display: none;
}
.ver {
  display: block;
}
.elv {
  width: 90%;
  padding: 1% 5%;
  text-align: center !important;
}
.elv1 {
  width: 45%;
  padding: 1% 0.5%;
  display: inline;
  text-align: center !important;
}
.elv2 {
  width: 45%;
  padding: 1% 2%;
  display: none;
  text-align: center !important;
}

.fondonegro {
  background: #000 !important;
}

.fondogclaro {
  background: #f2f0f0 !important;
}


.nom {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.margenarriba {
  width: 100%;
  margin-top: 4.9%;
}

.margenarriba3 {
  width: 100%;
  margin-top: 9%;
  padding-top: 25%;
}

.margenar2 {
  margin-top: 2.5%;
}


/* SLIDER */

* {box-sizing: border-box;}

.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Caption text */


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 18px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active{
  background-color: #17a2b8;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 12.5s;
}

@keyframes fade {
  from {opacity: 0.98} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}