@font-face {
    font-family: ubuntu;
    src: url("../fonts/Ubuntu.ttf");
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: ubuntu;
    text-transform: uppercase;
    font-size: 16px;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #666;
}

header {
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
}

header #bar {
    margin-bottom: 30px;
    background: #000;
    /* border-bottom:3px solid #c00; */
    padding: 5px;
    text-align: right;
    font-size: 0.81em;
    border-bottom: 5px solid #f03;
}

header #bar ul li {
    display: inline-block;
    list-style: none;
}

header #bar ul li a {
    display: block;
    margin-left: 50px;
    color: #fff;
}

header #bar ul li a:hover {
    color: #ccc;
}

header #logo {
    width: 20%;
    float: left;
    /* background: #f09; */
}

header #logo img {
    width: 100%;
}

header #menu {
    display: none;
}

header nav {
    width: 69%;
    float: right;
}

header nav ul {
    text-align: right;
    overflow: hidden;
}

header nav ul li {
    list-style: none;
    display: inline-block;
}

header nav ul li a {
    display: inline-block;
    margin: 0 10px;
    padding: 10px;
}

header nav ul li a i {
    display: none!important;
}

.content {
    width: 70%;
    /* background: #f90; */
    margin: 0 auto;
    overflow: hidden;
}

.txt {
    text-transform: none;
}

.txt > * {
    margin-bottom: 20px;
}

.txt a {
    color: #369;
}

blockquote {
    color: #666;
    margin-left: 20px;
}

#banner {
    width: 100%;
    height: 300px;
    background: url("../img/banner.jpg") no-repeat center;
    background-attachment: fixed;
    background-size: 100%;
    color: #fff;
}

#banner .review {
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;
}

#banner .review .rev-title {
    font-size: 2em;
    font-weight: bold;
}

#banner .review .rev-title .stars {
    color: #FFBB00;
}

#banner .review .rev-title .stars i {
    margin-right: 5px;
}

#banner .review .rev-data {
    margin: 20px 0;
}

#banner .review .rev-text {
    font-size: 1.5em;
}

#content #search {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 30px 0;
    overflow: visible;
}

#content #search #cat-name {
    width: 22%;
    /* background: #f09; */
    font-size: 2.25em;
    float: left;
}

#content #search .content {
    overflow: visible;
}

#content #search #search-bar {
    width: 99.99%;
    /* background: #0f9; */
    /* font-size: 2.25em; */
    float: right;
    text-align: right;
    position: relative;
    z-index: 900;
}

#content #search #search-bar input {
    width: 87%;
    text-transform: uppercase;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
}

#content #search #search-bar button {
    width: 5%;
    padding: 5px;
    border: none;
    background: #fff;
    color: #666;
    float: right;
    font-size: 1.25em;
    cursor: pointer;
}

#content #search #results {
    display: none;
    width: 85%;
    padding: 11px;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    top: 30px;
    z-index: 1000;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}

#content #search #results .find-prod {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    overflow: hidden;
}

#content #search #results .find-prod:last-of-type {
    border: none;
}

#content #search #results .find-prod > * {
    float: left;
}

#content #search #results .info {
    width: 80%;
    margin-left: 5%;
    /* background: #f00; */
    font-size: 1em;
    overflow: hidden;
}

#content #search #results .info .title {
    font-size: 1em;
}

#content #search #results .info .desc {
    float: left;
}

#content #search #results .info .prod-price {
    float: right;
    margin: 0;
}

.title {
    font-size: 1.87em;
    margin-bottom: 30px;
}

#content #nav {
    width: 20%;
    float: left;
    margin-top: 50px;
    /* background: #f09; */
}

#content #nav ul {
    margin-bottom: 30px;
}

#content #nav ul li {
    padding: 10px 0;
}

#content #nav ul li a i {
    width: 40px;
    /* background: #90f; */
    text-align: left;
}

#content #nav ul li.col-hide,
#content #nav ul li.see-more-minus-col.minus {
    display: none;
}

#content #nav #colors {
    width: 145px;
    /* background: #f09; */
    overflow: hidden;
}

#content #nav #colors .color {
    width: 25px;
    height: 25px;
    border-radius: 100px;
    float: left;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
}

#content #main {
    width: 79%;
    margin-top: 50px;
    float: right;
    overflow: hidden;
    /* background: #0f9; */
}

#content .main-full {
    width: 100%!important;
}

#content #main .prod {
    width: 33.33%;
    /* background: #0ff; */
    text-align: center;
    float: left;
}

#content #main .prod .free-shipping-tag {
    width: 80%;
    margin: 0 auto 10px auto;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    background: #393;
    color: #fff;
}

#content #main .prod img {
    width: 90%;
}

#content .prod-price {
    margin-top: 5px;
    font-size: 1.2em;
    /* font-size: 24px;
	font-weight: bold;
	color: #393; */
}

#content .prod-price .from {
    font-size: 0.87em;
    color: #999;
    text-transform: none;
}

#content .prod-price .from span {
    text-decoration: line-through;
}

#content .prod-price .for {
    color: #393;
    font-size: 0.87em;
    font-weight: bold;
}

#content #no-results {
    text-align: center;
    width: 80%;
    margin: 20px auto 50px auto;
    color: #666;
    text-transform: none;
}

#content #main #pagination {
    padding-top: 50px;
    /* background: #f90; */
    clear: both;
    text-align: center;
}

#content #main #pagination ul li {
    list-style: none;
    display: inline-block;
}

#content #main #pagination ul li a,
#content #main #pagination ul li div {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #aaa;
    font-weight: bold;
    color: #fff;
    border-radius: 100px;
}

#content #main #pagination ul li a:hover {
    background: #f03;
}

#content #main #pagination ul li div.active {
    background: #f03;
}


/* Products */

#content #main #product {
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

#content #main #product #prod-imgs {
    width: 50%;
    float: left;
    overflow: hidden;
    /* background: #0f0; */
}

#content #main #product #prod-imgs img {
    width: 100%;
}

#content #main #product #prod-imgs a {
    display: inline-block;
    width: 24.9%;
    float: left;
    outline: none;
}

#content #main #product #prod-info {
    width: 49.95%;
    float: left;
    overflow: hidden;
    padding-left: 50px;
    box-sizing: border-box;
    /* background: #ff0; */
}

#content #main #product #prod-info .title {
    width: 100%;
    margin: 0;
    text-align: center;
    /* background: #f09; */
}

#content #main #product #prod-info #code-star {
    width: 100%;
    font-size: 0.8em;
    /* float: right; */
    text-align: center;
    text-transform: none;
    display: block;
    width: 100%;
    /* background: #f90; */
    margin: 10px 0;
}

#content #main #product #prod-info #desc {
    text-transform: none;
    text-align: justify;
    margin-top: 40px;
    width: 100%;
    /* background: #09f; */
}

#content #main #product #prod-info #price {
    /* background: #f00; */
    text-align: center;
    padding: 5px 0 15px 0;
}

#content #main #product #prod-info #price .from {
    font-size: 1.25em;
    color: #999;
    text-transform: none;
}

#content #main #product #prod-info #price .from span {
    text-decoration: line-through;
}

#content #main #product #prod-info #price .for {
    color: #393;
    font-size: 2.75em;
    font-weight: bold;
}

#content #main #product #prod-info .prod-button {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 15px 50px;
    color: #fff;
    font-weight: bold;
    font-size: 1.87em;
    border: none;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto 10px auto;
    overflow: hidden;
    cursor: pointer;
}

#content #main #product #prod-info .prod-button span {
    float: left;
}

#content #main #product #prod-info .prod-button i {
    float: right;
}

#content #main #product #prod-info #buy-button {
    background: #393;
    text-transform: uppercase;
}

#content #main #product #prod-info #buy-button:hover {
    background: #48a348;
}

#content #main #product #prod-info #free-shipping {
    background: #999;
    /* cursor: default; */
}

#content #main #product #prod-info #free-shipping:hover {
    background: #aaa;
}

#content #main #product #prod-info #free-shipping span {
    display: block;
}

#content #main #product #prod-info #free-shipping > span {
    font-size: 0.75em;
}

#content #main #product #prod-info #free-shipping span span {
    font-size: 0.65em;
}

#free-shipping-iframe {
    width: 690px;
    height: 400px;
    padding: 50px;
}

#free-shipping-iframe-entrega {
    width: 100%;
    height: 400px;
}

#free-shipping-lightbox {
    text-transform: none;
}

#content #main #product #prod-info .links {
    padding: 20px 0;
    font-size: 0.75em;
    border-bottom: 1px solid #ccc;
}

#content #main #product #prod-info .links:last-child {
    border: none;
}

#content #main #product #prod-info .links a,
#content #main #product #prod-info .links span {
    color: #369;
}

#content #main #product #prod-info .links a:hover {
    color: #7194b8;
}

#content #main #product #prod-info .links a:not(:last-child):after {
    content: ",";
}

#content #main #product #prod-info .links .pay-mtd {
    color: #393;
}

#content #main #prod-desc {
    margin-bottom: 30px;
}

#content #main #prod-desc > p {
    text-transform: none;
    border-bottom: 1px solid #ccc;
}

#content #main #prod-desc p span {
    display: inline-block;
    width: 49.5%;
    padding: 15px 0;
}

#content #main #prod-desc #tyvek-desc {
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    text-transform: none;
}

#content #main #reviews {
    border-bottom: 1px solid #ccc;
    padding-top: 50px;
    margin-bottom: 20px;
}

#content .stars {
    color: #fb0;
}

#content #main #reviews .review {
    text-transform: none;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #f2f2f2;
}

#content #main #reviews .review .rev-title {
    color: #369;
    font-weight: bold;
}

#content #main #reviews .review .rev-data {
    color: #666;
    font-size: 0.75em;
    margin: 5px 0;
}

#content #main #reviews .review .rev-data span {
    font-weight: bold;
}

#content #main #reviews .review .rev-text {
    margin: 10px 0;
}

#content #main #reviews #write-a-review {
    display: inline-block;
    text-transform: none;
    color: #666;
    font-weight: bold;
    margin: 20px 0;
}

#content #main #reviews #write-review {
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    float: right;
}

#content #main #reviews #write-review .gray {
    color: #666;
    margin-right: 10px;
}

#content #main #reviews #write-review .stars i {
    cursor: pointer;
}

#content #main #reviews #write-review input,
#content #main #reviews #write-review textarea {
    width: 99%;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 2.5% 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: ubuntu;
    resize: vertical;
    /* font-size: 15px; */
}

#content #main #reviews #write-review button {
    border-radius: 5px;
    border: 1px solid #ccc;
    /* width: 10%; */
    padding: 10px;
    box-sizing: border-box;
    /* background: #369; */
    margin-top: 10px;
}

#content #main #reviews #write-review button:hover {
    background: #f2f2f2;
}

#content #main #related {
    /* overflow: hidden; */
    margin: 50px 0;
}

#content #main #prod-desc .title,
#content #main #related .title,
#content #main #reviews .title {
    border-bottom: 2px dotted #ccc;
    padding-bottom: 10px;
    color: #369;
}


/* Chart */

#content #main #cart {
    /* background: #f2f2f2; */
}

#content #main #cart table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

#content #main #cart table tr {}

#content #main #cart table th,
#content #main #cart table td {
    padding: 10px;
    text-align: center;
}

#content #main #cart table thead tr th {
    background: #e5e5e5;
}

#content #main #cart table thead tr th {
    width: 20%;
}

#content #main #cart table thead tr #th-prod {
    width: 40%;
}

#content #main #cart tbody {
    text-transform: none;
}

#content #main #cart tbody tr td {
    border-bottom: 1px solid #ccc;
}

#content #main #cart tbody tr td small {
    color: #666;
}

#content #main #cart tbody tr:last-child > td {
    border: none;
}

#content #main #cart tbody img {
    width: 100px;
}

#content #main #cart tbody .from {
    color: #999;
    text-transform: none;
    text-decoration: line-through;
}

#content #main #cart tbody .for {
    color: #393;
    font-weight: bold;
}

#content #main #cart tbody .quantity {
    font-weight: bold;
}

#content #main #cart tbody .quantity,
#content #main #cart tbody button {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #fff;
    margin: 0;
}

#content #main #cart tbody button {
    background: #e5e5e5;
}

#content #main #cart tbody button:hover {
    background: #f2f2f2;
}

#content #main #cart tbody .remove {
    width: 100%;
    font-size: 0.81em;
    color: #666;
    background: #fff;
    border: none;
}

#content #main #cart tbody .remove:hover {
    color: #999;
    background: #fff;
}

#content #main #cart #cupon {
    width: 99.99%;
    margin-top: 30px;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

#content #main #cart #cupon input {
    width: 42%;
    text-transform: uppercase;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
}

#content #main #cart #cupon button {
    width: 25%;
    padding: 10px;
    border: none;
    background: #fff;
    color: #666;
    float: left;
    font-size: 1.25em;
    cursor: pointer;
}

#content #main #cart #cupon .result-cupon {
    float: left;
    padding: 14px;
    text-align: center;
    font-weight: bold;
    display: none;
}

#content #main #cart #cupon #result-ok {
    width: 70%;
    color: #393;
    text-align: left;
}

#content #main #cart #cupon #result-no {
    width: 25%;
    color: #c33;
    text-align: center;
}

#content #main #cart #cart-info {
    margin-top: 30px;
}

#content #main #cart #cart-info .bx2,
#content #main #cart .bx1 {
    min-height: 200px;
    border: 1px solid #ccc;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

#content #main #cart .bx1 {
    margin-top: 20px;
}

#content #main #cart #cart-info .bx2:first-of-type {
    width: 49%;
    float: left;
}

#content #main #cart #cart-info #time div {
    width: 100%;
}

#content #main #cart #cart-info #time .form {
    margin: 20px 0;
}

#content #main #cart #cart-info #time input,
#content #main #cart #cart-info #time button {
    border: 1px solid #ccc;
    padding: 10px;
}

#content #main #cart #cart-info #time #cep {
    width: 30%;
    text-align: center;
}

#content #main #cart #cart-info #time button {
    width: 20%;
    background: #e5e5e5;
}

#content #main #cart #cart-info #time button:hover {
    background: #f2f2f2;
}

#content #main #cart #cart-info #time #time-shipping {
    display: none;
    color: #393;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
}

#content #main #cart #cart-info #time #time-shipping #after-confirm {
    color: #666;
    font-size: 0.5em;
    font-weight: normal;
}

#content #main #cart #cart-info #time #time-shipping-error {
    display: none;
    color: #c00;
}

#content #main #cart #cart-info .bx2:last-of-type {
    width: 49%;
    float: right;
}

#content #main #cart #cart-info #total > span {
    display: inline-block;
    color: #393;
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 20px;
}

#content #main #cart #cart-info #total a {
    display: inline-block;
    background: #393;
    color: #fff;
    padding: 10px;
    width: 90%;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 20px 0;
    text-align: center;
    border: none;
    font-size: 1.25em;
}

#content #main #cart #cart-info #total button:hover {
    background: #48a348;
}

#content #main #cart #pay {
    text-align: center;
    background: #f5f5f5;
}

#content #main #cart #pay .methods {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ccc;
    margin-top: 10px;
    background: #fff;
}

#content #main #cart #pay .methods .method {
    display: inline-block;
    margin: 40px;
}

#content #main #cart #pay .methods .method:hover {
    color: #393;
}

#content #main #cart #pay .methods .method i {
    margin: 10px 0;
}

#content #main #cart #pay .pagseguro {
    color: #666;
    font-size: 0.75em;
}
#content #main #cart #pay .pagseguro.green {
    color: #393;
    font-weight: bold;
}

#content #main #cart #pay .methods .div-method {
    display: none;
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

#content #main #cart #pay .methods #div-credit-card .line {
    /* background: #f09; */
    margin-bottom: 40px;
    text-transform: none;
}

#content #main #cart #pay .methods #div-credit-card .line .alert {
    width: 40%;
    margin-left: 8%;
}

#content #main #cart #pay .methods #div-credit-card input,
#content #main #cart #pay .methods #div-credit-card select,
#content #main #cart #pay .methods button
/*,
#content #main #cart #pay .methods #div-credit-card #flags*/

{
    border: 1px solid #ccc;
    width: 24%;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 2% 0 1%;
}

#content #main #cart #pay .methods #div-credit-card span {
    display: inline-block;
    width: 20%;
    /* background: #f90; */
    text-align: right;
}

#content #main #cart #pay .methods #div-credit-card span i {
    color: #666;
    cursor: pointer;
}

#content #main #cart #pay .methods .btn {
    background: #393;
    color: #fff;
    border: none;
    margin: 0 0 40px 0;
    border: none;
}

#content #main #cart #pay .methods .btn:hover {
    background: #48a348;
}

#content #main #cart #pay .methods #div-credit-card #flags {
    display: inline-block;
    border: 0;
    /* background: #f90; */
    padding: 0 10px;
}

#content #main #cart #pay .methods #div-credit-card #flags div {
    display: none;
    padding: 0;
    margin: 0 auto;
}

#content #main #cart #pay .methods #div-credit-card #flags div img {
    padding: 0;
    margin: 0;
}

#content #main #cart #pay .methods #div-debito #banks {
    margin: 20px 0;
    color: #666;
}

#content #main #cart #pay .methods #div-debito #banks .bank {
    display: inline-block;
    width: 17%;
    padding: 10px 0;
    margin: 0 1%;
    cursor: pointer;
    font-size: 0.87em;
    border: 1px solid #fff;
    box-sizing: border-box
}

#content #main #cart #pay .methods #div-debito #banks .bank:hover,
#content #main #cart #pay .methods #div-debito #banks .bank.selected {
    border-radius: 10px;
    border: 1px solid #369;
    color: #369;
}

#content #main #cart #pay .methods #div-debito #debito-online-btn-div {
    display: none;
}

#content #main #cart #resume table {
    border: none;
}

#content #main #cart #resume table tr {
    border-bottom: 1px solid #ccc;
}

#content #main #cart #resume table tr:first-of-type {
    border-top: 1px solid #ccc;
}

#content #main #cart #resume table tr img {
    width: 50px;
}

#content #main #cart #address div {
    text-align: left;
    text-transform: none;
    color: #666;
    line-height: 1.5em;
}

#content #main #cart #address span {
    font-weight: bold;
    color: #333;
}

#content #main #cart #address div .links {
    font-size: 0.75em;
    text-align: right;
}

#content #main #cart #address div .links a {
    color: #369;
}

#content #main #cart #address div .links a:hover {
    color: #7194b8;
}

#content #main #cart #shipping-checkout {
    font-size: 0.75em;
    color: #666;
}

#content #main #cart #shipping-checkout span {
    font-size: 1.25em;
    line-height: 1.5em;
    display: block;
    color: #393;
    font-weight: bold;
}

#content #main #cart #checkout-discount {
    color: #393;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#content #main .lightbox {
    display: none;
}

#content #main #choose-address.box2 {
    width: 100%;
}

#content #main #choose-address a {
    color: #369;
}

#content #main #choose-address a:hover {
    color: #7194b8;
}

#content #main #choose-address .address {
    color: #666;
    display: block;
    padding: 20px 20px 10px 20px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 0.87em!important;
}

#content #main #choose-address .address:hover,
.default-address {
    color: #369;
    border-color: #369;
    background: #f2f2ff;
}

#content #main #choose-address .address {
    
}

/* Login */

#content #main .box2 {
    width: 49.5%;
    /* background: #f90; */
    float: left;
    padding: 20px;
    box-sizing: border-box;
    text-transform: none;
}

#content #main .box2 .title {
    font-weight: bold;
    font-size: 1.25em;
}

#content #main .box2 input,
#content #main .box2 select,
#content #main .box2 button,
#content #main .box2 textarea {
    width: 90%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    display: block;
    margin: 10px 0;
    border-radius: 5px;
}

#content #main .box2 button {
    background: #393;
    color: #fff;
    border: none;
}

#content #main .box2 button:hover {
    background: #48a348;
}

#content #main .box2 a {
    color: #666;
    font-size: 0.81em;
}

#content #main #my-account a {
    color: #369;
    font-size: 1em;
}

#content #main #account-menu {
    width: 30%;
}

#content #main #account-menu a {
    display: block;
    margin-bottom: 15px;
}

#content #main #account-menu div {
    display: none;
}

#content #main #account-menu div a {
    margin-left: 35px;
}

#content #main #account-menu a:hover {
    color: #999;
}

#content #main #account-menu a i {
    margin-right: 10px;
}

#content #main #account-box {
    width: 69.5%;
}

#content #main .box2 .title {
    text-transform: uppercase;
}

#content #main #account-box .title a {
    float: right;
    font-size: 0.81em;
    margin-right: 10%;
    color: #369;
}

#content #main #account-box .title a:hover {
    color: #7194b8;
}

#content #main .box2 span {
    font-weight: bold;
}

#content #main .box2 input[type="radio"] {
    display: inline;
    width: auto;
    padding: 0;
    margin-left: 5%;
    /* margin: 0; */
}

#content #main .box2 .radio {
    padding: 2px 0;
    margin: 10px 0;
    border: 1px solid #ccc;
    width: 90%;
    border-radius: 5px;
    box-sizing: border-box;
}

#content #main .box2 label {
    margin-right: 5%;
}

#content #main .box2 label:last-of-type {
    margin: 0;
}

#content #main #account-box #my-address #delete-address {
    background: #999;
}

#content #main #account-box #my-address #delete-address:hover {
    background: #aaa;
}

#content #main #account-box #my-orders {
    font-size: 0.81em;
}

#content #main #account-box #my-orders #cart-info #resume > table > thead > tr {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#content #main #account-box #my-orders .ttl {
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    background: #369;
    color: #fff;
    padding: 10px;
}

#content #main #account-box #my-orders .add {
    text-align: left;
}

#content #main #account-box #my-orders .order {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
}

#content #main #account-box #my-orders .order > td {
    padding: 20px 0;
}

#content #main #account-box #my-orders .more {
    background: #f2f2f2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: none;
}

#content #main #account-box #my-orders .more .btn {
    background: #393;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
}

#content #main #account-box #my-orders table table * {
    border: 0;
}

#content #main #iframe-choose-address {
    width: 100%;
    height: 800px;
}

#content #main #finish {
    text-align: center;
    text-transform: none;
}

#content #main #finish #msg {
    text-transform: uppercase;
    color: #393;
    font-size: 1.62em;
    font-weight: bold;
}

#content #main #finish .btn {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background: #393;
    color: #fff;
    border: none;
    padding: 20px;
    border-radius: 5px;
}

#content #main #page-404 {
    color: #999;
    padding: 50px 0;
    text-transform: none;
    text-align: center;
}

#content #main #page-404 > * {
    display: block;
    width: 70%;
    margin: 0 auto;
}

#content #main #page-404 h2 {
    margin-bottom: 50px;
}
    
.checkout-lightbox {
    display: none;
    text-align: center;
    color: #666;
}

.checkout-lightbox .alert {
    display: block;
    margin: 20px auto 0 auto;
}


.popup-ps {
    display: none;
    text-align: center;
    color: #666;
    text-transform: none;
}

.popup-ps div {
    display: block;
}


body > #info {
    overflow: hidden;
    /* background: #e5e5e5; */
    border-top: 1px solid #999;
    padding: 50px 0;
    margin-top: 100px;
}

body > #info .content .info {
    width: 33.333%;
    float: left;
    /* background: #ccc; */
    overflow: hidden;
}

body > #info .content .info .icon {
    width: 20%;
    float: left;
    /* background: #333; */
    display: inline-block;
    font-size: 3.2em;
}

body > #info .content .info .txt {
    width: 64%;
    text-align: left;
    /* background: #666; */
    display: inline-block;
    text-transform: uppercase;
    margin: 0 10% 0 5%;
}
body > #info .content .info .txt .txt1 {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

body > #info .content .info .txt .txt2 {
    display: block;
    font-size: 0.7em;
}

footer {
    /* margin-top: 100px; */
    padding: 30px 0;
    background: #000;
    color: #fff;
    border-top: 5px solid #f03;
}

footer .content .box3 {
    width: 33.33%;
    float: left;
}

footer .content .more ul {
    overflow: hidden;
}

footer .content .more ul li {
    list-style: none;
}

footer .content .more ul li a {
    display: block;
    padding: 10px 0;
    color: #fff;
}

footer .content .more ul li a:hover {
    color: #ccc;
}
footer .content .more ul li a small {
    color: #666;
    font-size: 0.7em;
}

footer .content .social {
    text-align: center;
    /* background: #f90; */
}

footer .content .social a {
    font-size: 30px;
    margin: 0 15px;
    color: #fff;
}

footer .content .social input {
    width: 60%;
    text-transform: uppercase;
    padding: 3%;
    margin: 0;
    border: none;
    border-bottom: 1px solid #999;
    /* border-radius: 5px; */
    text-align: center;
    background: #000;
    color: #fff;
    text-transform: none;
}

footer .content .social button {
    margin-top: 10px;
    padding: 2% 5%;
    border: none;
    background: #000;
    color: #fff;
    font-weight: bold;
}

footer .content .social button:hover {
    color: #999;
}

footer .content .social .alert {
    margin: 10px auto;
}

footer .content .news {
    text-align: right;
}

footer .content #cnpj {
    width: 100%;
    padding: 20px 0;
    font-size: 0.8em;
    text-align: center;
    clear: both;
}

footer .content #cnpj a {
    color: #fff;
}

.alert {
    display: none;
    width: 90%;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px 0 20px 0;
    border-radius: 5px;
}

.alert.error {
    border: 1px solid #c33;
    background: #fcc;
    color: #c33;
}

.alert.success {
    border: 1px solid #696;
    background: #cfc;
    color: #696;
}

.mail-alert {
    display: block!important;
}

.cat-feminino:hover {
    color: #f06;
}

.cat-masculino:hover {
    color: #06f;
}

.cat-infantil:hover {
    color: #96c;
}

.cat-musica:hover {
    color: #6c6;
}

.cat-filmes:hover {
    color: #6cc;
}

.cat-series:hover {
    color: #e6c;
}

.cat-desenhos:hover {
    color: #fc0;
}

.cat-times:hover {
    color: #666;
}

.cat-humor:hover {
    color: #f90;
}

.cat-games:hover {
    color: #0c9;
}

.cat-lifestyle:hover {
    color: #c33;
}

.clear {
    clear: both;
}

.div {
    border-top: 1px solid #ccc;
    content: " ";
}

.no-margin {
    margin: 0!important;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.link-color {
    color: #369;
}

.link-color:hover {
    color: #7194b8;
}

#wn-specs {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}


/* Mobile */

/* @media screen and (max-width: 1000px) {
    .content {
        width: 90%;
    }
    footer .content .box3 {
        width: 100%!important;
        text-align: center;
        margin-bottom: 30px;
    }
    #content #nav {
        width: 100%;
    }
    #content #nav #categories, #content #nav #collections, #content #nav #colors, #banner {
        display: none;
    }
    #main {
        width: 100%!important;
    }
    #content #main #prod-info .prod-button {
        padding: 15px!important;
    }
    #content #main #prod-info .prod-button span {
        float: none!important;
        margin: 0;
    }
    #content #main #prod-info .prod-button i {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    header #logo {
        width: 80%;
    }
    header #menu {
        display: block;
        width: 19%;
        float: right;
        font-size: 50px;
        text-align: right;
    }
    header nav {
        margin-top: 20px;
        display: none;
        width: 100%;
    }
    header nav ul li {
        display: block;
        text-align: left;
    }
    header nav ul li a i {
        display: inline-block!important;
        width: 40px;
        text-align: left;
    }
    #search .content #cat-name {
        margin-bottom: 10px;
    }
    #search .content #cat-name,
    #search .content #search-bar {
        width: 100%!important;
    }
    #search .content #search-bar input {
        width: 75%!important;
    }
    #search .content #search-bar button {
        width: 10%!important;
        float: left!important;
    }
    #main .prod {
        width: 50%!important;
    }
    #content #main #prod-imgs,
    #content #main #prod-info,
    #content #main .box2,
    #content #main #account-menu,
    #content #main #account-box {
        width: 100%;
    }
    #content #main #cart #cart-info #time,
    #content #main #cart #cart-info #total {
        width: 100%!important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 400px) {
    #main .prod {
        width: 100%!important;
    }
} */