/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

@media (max-width: 767px){
    .tab button{
      padding:6px 6px;  
    }
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: rgb(255, 255, 255);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
  background-color: rgb(255, 255, 255);  
}


@media (max-width: 767px){
    .tabcontent{
      font-size:10pt !important;  
    }
}

@media (max-width: 480px){
    .tabcontent{
      font-size:8pt !important;  
    }
}

.tabcontent-serv {
  display: none;
  padding: 0px 0px;
  border: none;
  border-top: none;
  background-color: rgb(255, 255, 255);  
  margin-left:-15px;
  margin-right:-15px;
}


.taball{
    background: rgba(212, 213, 29, 0.8) !important;
}


.tablebanner{
    border: none !important;
    width:100%;
      
}



.tablebanner td {
    border: none !important;
    padding: 0px !important;
}

.tablebanner a{
    border: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
}

.tablebanner td a{
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
    height: auto !important;
}

.b_inteligente{
    
}

.sge{
    background-color:#213484;
    color:#fff;
    padding-right:77px !important;
}

@media (max-width: 767px){
    .sge{
      padding-right:3px !important;  
    }
}

.sfv{
    background-color:#C5C5C7;
    color:#fff;
    padding-right:105px !important;
}

@media (max-width: 767px){
    .sfv{
      padding-right:3px !important;  
    }
}

.sgap{
    background-color:#213484;color:#fff;padding-right:177px !important;
}

@media (max-width: 767px){
    .sgap{
      padding-right:1px !important;  
    }
}

.tablinks{
    text-decoration: underline;
}


@media (max-width: 767px){
    .tablinks{
      font-size:10pt !important;  
    }
}

@media (max-width: 480px){
    .tablinks{
      font-size:0.7em !important;  
    }
}


.tablinks_serv{
    text-decoration: underline;
}


@media (max-width: 767px){
    .tablinks_serv{
      font-size:10pt !important;  
    }
}

@media (max-width: 480px){
    .tablinks_serv{
      font-size:0.9em !important;  
    }
}

.space-tabs{
    padding-left:30px !important;
    padding-right:30px !important;
}

@media (max-width: 767px){
    .space-tabs{
        padding-left:5px !important;
        padding-right:5px !important;
    }
}

/* TAB PAR APRODUCTOS =======================================================================
*/
.tabcontent-interno {
  display: none;
  padding: 8px 5px 8px 5px;
  border: none;
  border-top: none;
  background-color: rgb(255, 255, 255);  
  margin-left:-15px;
  margin-right:-15px;
}


/* Style the tab */
.tab2 {
  overflow: hidden;
  line-height: 0.5em !important;
}

/* Style the buttons inside the tab */
.tab2 button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: small;
}

/* Change background color of buttons on hover */
.tab2 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab2 button.active {
  background-color: rgb(255, 255, 255);
}