*{
  padding: 0; margin: 0;
}
a, a:active, a:visited, a:hover{text-decoration: none; color:#000}

body {
  font-family: 'Oswald', sans-serif;
  font-style: normal;
  font-weight: 300;
  background: #fff;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #a5e7ff;
    background-color: #fff;
}

/* 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;
    font-family: 'Oswald', sans-serif;
}

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

/* Create an active/current tablink class */
.tab button.active {
    background-color: #a5e7ff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #a5e7ff;
    border-top: none;
}
.content{
  width: 980px;
  margin:0 auto;
  background: #fff;

}
.content .produtos{
    padding: 30px 50px;
}
.content .produtos .textostopo{
  position: relative;
  margin-bottom: 50px;
  margin-top: 30px;
  overflow: hidden;
}
.content .produtos .textostopo figure{
  float: left;
  margin-right: 30px;
}

.content h2{
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
}
.item figure{
  max-width: 300px;
  padding: 50px;
  float: left;
  text-align: center;
}
.item2 figure{
  max-width: 300px;
  padding: 50px;
  float: right;
  text-align: center;
}
 .item {
  margin-bottom: 30px;
  overflow: hidden;
}
 .item img{
  max-width: 100%;
}
 .item .dados{
  padding: 30px;
  font-size: 0.9em;
}
 .item .dados h2{
  font-size: 2em;
}
.item .dados p{
  font-size:1.3em;
  margin-bottom:14px;
}
.item .preco{
  font-style: normal;
    font-weight: 700;
    font-size: 2em;
    margin-top: 20px;
}
.item .preco h5{
  font-style: normal;
    font-weight: 300;
    font-size: .4em;
    color: #777;
}
.item a{
 text-decoration: none;
 display: block;
 padding: 20px;
 color:#fff;
 /* margin-top: 30px; */
 background: #ff6600;
 margin: 30px 20px;
 border-radius: 8px;
 font-weight: 700;
 font-size: 1.3em;
}
 .item a:hover{
  background: #ff6600;
}
.footer{
  background: #fff300;
  padding: 20px;
  text-align: center;
  color:#000;
}
.footer figure{
  margin-bottom: 20px;
}
ver{
  color:red;
  font-weight: 700;
}

/*NOTEBOOKS*/

.notes ul li {
	list-style: none;
	text-align: center;
	padding: 10px 0;
	
}

.footer p {
	font-size: .8em;
	font-weight: 400;
}


.footer h4 {
	font-size: 1.2em;
}