html, body {
	height: 100vh;
	width: 100vw;
	height: 100vh;
	font-family: Nunito Sans;
}

.Main{
	margin: 0 0 10 0;
	padding: 30px;
	border-style: none; 
}

.header{
	margin: 0 0 30 0;
}

th{ 
	color:#fff;
	font-weight: normal;
}

.produto{
	float: right;
	font-size: 28px;
}

.detalhes{
	padding: 10 0 10 0;
}

.tabcontent {
    display: none;
    padding: 20px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0px 3px 0px 5px;
}

/* 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;} */
/* ul.tab li a:focus, .active {background-color: #17A2B8; color: #fff} */

ul.tab li a.active {background-color: #17A2B8; color: #fff;}

ul.tab li.voltar{
	float: right;
	background-color: #17A2B8;
}

ul.tab li.voltar a:hover {background-color: #17A2B8;}

ul.tab li.voltar a{
	color: #fff;
}