@charset "utf-8";

/* CSS Document */
#tab {
  /*width: 100%;*/
}

#tab ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;

}

#tab li {
  float: left;
  border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  background-color: #D1D1D1;
  margin-right: 3px;
  list-style-type: none;
  text-align: center;

}

/* @media (max-width: 480px) {

}
 */

#tab li a {
  display: block;
  border-style: double;
  border-width: 1px;
  color: #000000;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 8px 0px 0px;
  -ms-border-radius: 8px 8px 0px 0px;
  font-size: 9px;
  /* background-color: blue; */
}




#tab li a:hover {
  background-color: #FDB304;
}

.active_t {
  background-color: #E9E9E9;
  font-weight: bold;
}

.cuerpo {
  clear: both;
  background-color: #E9E9E9;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  width: auto;
  height: auto;
  padding: 15px;
}

.tab_contenedor {
  margin: 0px auto;
  width: 1600px;

}
/* ACA COMIENZA LO RESPONSIBO */

/* 0 responsivo ----> PANTALLA GRANDE*/
@media screen and (max-width: 2550px) {
  #tab ul{
    width: 150%;
  }
  #tab li a {
    font-size: 22px;

  }
}

/* 0 responsivo ----> PANTALLA GRANDE --- 90%*/
@media screen and (max-width: 2500px) {
  #tab ul{
    width: 145%;
  }
  #tab li a {
    font-size: 17px;

  }
}

/* 0 responsivo ----> PANTALLA GRANDE --- 100%*/
@media screen and (max-width: 1920px) {
  #tab ul{
    width: 150%;
  }
  #tab li a {
    /* background-color: pink; */
    font-size: 15px;

  }
}

/* 0 responsivo ----> PANTALLA CHICA*/
@media screen and (max-width: 1366px) {
  #tab ul{
  }
  #tab li a {
    /* background-color: #7F19EC; */
    font-size: 9px;

  }
}
/* 1rer responsivo */
@media screen and (max-width: 1200px) {
  #tab li a {
    /* background-color: blue; */
  }
}
/* 2do responsibo  */
@media screen and (max-width: 1024px) {
  #tab li a {
    /* background-color: red; */
  }
}
/* 3do responsibo  */
@media screen and (max-width: 768px) {
  #tab li a {
    /* background-color: black; */
  }
}
/* 4do responsibo  */
@media screen and (max-width: 480px) {
  #tab li a {
    /* background-color: #F6EF07; */
  }
}

/* 5do responsibo  */
@media screen and (max-width: 320px) {
  #tab li a {
    /* background-color: #193912; */
  }
}