/*body{*/
/*  font-family: Verdana, Arial, calibri;*/
/*  font-size: 16px;*/
/*/*  color: #666666;*/*/
/*  color: #666666;*/
/*}*/
/*#abas{*/
/*  margin:0;*/
/*  padding:0;*/
/*}*/
/*#abas li{*/
/*  display:inline-block;*/
/*  border: 1px solid #CCCCCC;*/
/*  border-bottom:none;*/
/*  background-color:#EEEEEE;*/
/*}*/
/*#abas li a{*/
/*  padding: 10px 20px;*/
/*  display: block;*/
/*  text-decoration:none;*/
/*  color:#000000;*/
/*}*/
/*#abas li.selecionada{*/
/*  background-color:#FFFFFF;*/
/*  position:relative;*/
/*  top:1px;*/
/*  font-weight:bold;*/
/*}*/
/*#abas li.selecionada a{*/
/*  padding-top: 11px*/
/*}*/
/*.conteudo{*/
/*  display:block;*/
/*  padding:10px;*/
/*  border: 1px solid #CCCCCC;*/
/*  display:none;*/
/*}*/
/*.conteudo.visivel{*/
/*  display:block;*/
/*}*/


/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}