html,
body {
    margin: 0;
    padding: 0;
    position: static;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #444;
}

body.cms-admin {
    background-color: #D3D3D3 !important;
}

h1,
h2,
h3,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

div,
nav,
ul,
ol,
p,
dt,
dd {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

#container {
    width: 1024px;
    margin: 0 auto;
    padding: 3px 0 0 0;
}

#header {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
    text-align: left;
}

#header-logo {
    display: table-cell;
    width: 300px;
    text-align: center;
    vertical-align: middle;
}

#header-logo a {
    display: block;
    padding: 5px 8px 0 0;
    text-decoration: none;
    color: #000;
    text-decoration: none;
    border: none;
}

#header-logo img {
    height: 60px;
    border: none;
}

#header-logo-foot {
    margin-top: -7px;
    font-size: 0.472em;
}

#header-nav {
    display: table-cell;
    width: 520px;
    height: 84px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#header-nav .table {
    padding: 0;
    border-spacing: 2px;
    margin: 0;
    width: 100%;
    height: 100%;
}

#header-nav table-row {
    height: 50%;
}

#header-nav a {
    display: table-cell;
    width: 33%;
    margin: 0;
    padding: 5px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    color: #444;
}

#header-nav a:hover {
    color: white;
    background-color: black;
}

#header-direccion {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    width: 200px;
}

#promotion-ad {
    background-color: #679100;
    margin: 0;
    font-size: 15px;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 8px;
}

.outline-creator {
    border: 1px solid #bbb;
    border-bottom-color: #666;
    background: #fff;
}

.toplinks-bar {
    background: #444;
    color: #fff;
    padding: 7px;
    text-align: right;
}

.toplinks-bar .top-links {
    font-size: 13px;
    padding: 8px 0 8px 8px;
}

.toplinks-bar .top-links,
.toplinks-bar .top-links li {
    display: inline;
}

.toplinks-bar .top-links li {
    padding: 0 4px 0 1px;
}

.toplinks-bar .top-links a,
.toplinks-bar .top-links a:hover {
    color: #ddd;
}

.toplinks-bar .top-links a {
    padding: 0 7px 0 0;
}

.toplinks-bar .top-links li:last-child {
    padding: 0;
}

.search-bar {
    padding: 3px 12px 2px 12px;
    border-bottom: 1px double #dedede;
    background: #efefef;
    line-height: 1.25em;
}

.breadcrumbs {
    float: left;
    width: 580px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 5px 5px 0;
    white-space: nowrap;
}

.breadcrumbs li {
    display: inline;
    line-height: 18px;
}

.breadcrumbs a {
    text-decoration: none;
    color: #7f7f7f;
}

.breadcrumbs a:hover {
    text-decoration: underline;
    color: #7f7f7f;
}

.breadcrumbs a.current {
    font-weight: bold;
}

.mini-search {
    z-index: 97;
    float: right;
    width: 270px;
    padding-top: 3px;
    margin-right: 12px;
    white-space: nowrap;
}

.mini-search .input-text {
    width: 212px;
    margin-right: 2px;
}

.mini-search .submit {
    padding-left: 3px;
    padding-right: 3px;
}

#main {
    min-height: 540px;
}

#main.outline-creator {
    border-top: none;
}

#main.layout-1column .padder {
    display: table;
    width: 100%;
    padding: 0px 10px 10px;
    margin: 0;
}

.category-head {
    padding: 13px 0px 10px 6px;
    color: #5B9400;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: bold;
}

nav.pager {
    width: 100%;
    background: #f9f9f9;
    position: relative;
    height: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 1.02rem;
}

nav.pager li.current-page,
li.pages {
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    top: 4px;
}

nav.pager li.current-page {
    text-align: left;
    left: 8px;
}

nav.pager li.pages {
    text-align: center;
}

nav.pager ol,
nav.pager li {
    display: inline;
}

nav.pager li {
    padding: 0 2px;
}

nav.pager td.sort-by {
    width: 60%;
}

nav.pager td.sort-by .active,
nav.pager td.sort-by .active:hover {
    color: #444;
}

li.pages a {
    text-decoration: none;
    color: #4F8100;
}

li.pages a:hover {
    text-decoration: underline;
}

nav.filters {
    padding: 5px 8px;
}

nav.filters a {
    text-decoration: none;
    color: #5B9400;
}

nav.filters .current {
    font-weight: bold;
}

article.listing-item {
    display: table;
    width: 100%;
    padding: 10px 0 10px 0;
    border-top: 1px solid #D9DDE3
}

article.listing-item:first-child {
    border-top: none;
}

article.listing-item a {
    text-decoration: none;
    color: #4F8100;
}

.listing-item .product-image,
.product-info-box {
    display: table-cell;
    width: 180px;
    vertical-align: top;
}

.product-info-box {
    width: 100%;
    padding: 0 5px 0 10px;
}

.listing-item .product-image a {
    display: block;
    width: 170px;
    height: 170px;
    border: 1px solid #BDBDBD;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-info h1 {
    width: 100%;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 1.5em;
}

.product-info p.description,
.product-info-box .description p {
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 20px;
    text-align: justify !important;
}

.product-info-box div.price-box {
    display: table;
    height: 75px;
    text-align: left;
}

div.price-box .regular-price {
    display: table-cell;
    width: 140px;
    padding: 5px 20px 5px 20px;
    box-sizing: border-box;
    color: #4F8100;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

div.price-box .regular-price .out-of-stock {
    font-weight: bold;
    color: red;
}

div.price-box .product-input {
    display: table-cell;
    vertical-align: middle;
}

div.price-box .product-input a.submit,
div.price-box .product-input span.submit {
    display: block;
    width: 170px;
    height: 45px;
    padding: 10px;
    box-sizing: border-box;
    border: 0 none;
    color: white;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background-color: #679100;
    cursor: pointer;
}


/*
div.price-box .product-input a.submit.consult {
    background-color: rgb(206, 141, 22);
    color: black;
}
*/

div.price-box .product-input span.submit.disabled {
    background-color: #D3D3D3;
    color: grey;
    cursor: default;
}

.product-info-box .product-details {
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    white-space: nowrap;
}


/***** producto.php *****/

.product-col {
    display: table;
    width: 100%;
    padding: 10px 0 0 0;
}

.product-col .price-box .regular-price {
    width: 200px;
}

.product-col .price-box .regular-price br {
    display: none;
}

.product-col .price-box .regular-price span {
    padding-right: 10px;
}

.product-col p.autor {
    padding: 15px 0 8px 0;
    font-size: 15px;
}


/* Main Product Info Box */

.product-info-box .product-name,
.product-info-box h3 {
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin-top: -10px;
    margin-bottom: .3em;
    color: #4F8100;
}


/* Data Table */

.data-table a {
    color: #5B9400;
    text-decoration: none
}

;
.data-table {
    width: 100%;
}

.data-table tr {
    background: #fff;
}

.data-table .odd {
    background: #fff
}

.data-table .even {
    background: #fcfcfc;
}

.data-table tr.last th,
.data-table tr.last td {
    border-bottom: 0 !important;
}

.data-table th {
    padding: 2px 8px;
    white-space: nowrap;
    font-size: 10px;
    text-transform: uppercase;
}

.data-table th.wrap {
    white-space: normal;
}

.data-table th a,
.data-table th a:hover {
    color: #fff;
}

.data-table td {
    padding: 3px 8px;
}

.data-table thead tr {
    background: #e9e9e9;
}

.data-table tfoot {
    border-bottom: 1px solid #d9dde3;
}

.data-table tfoot tr.first {}

.data-table tfoot tr {
    background-color: #f3f3f3 !important;
}

.data-table tbody td {
    border-bottom: 1px solid #d9dde3;
}


/* Main Product Image */

.product-img-box {
    width: 300px;
}

.product-img-box .product-image {
    display: block;
    border: 1px solid #cacaca;
    width: 300px;
    height: 300px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: default;
}

.product-img-box .more-views {
    border: 1px solid #D3D3D3;
    padding: 1px;
    width: 300px;
    box-sizing: border-box;
}

.product-img-box .more-views ul {
    padding: 0;
}

.product-img-box .more-views li {
    width: 25%;
    height: 74px;
    padding: 0;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    text-align: center;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-img-box .more-views li a {
    display: block;
    width: 100%;
    height: 100%;
}

#shopping-cart-table {
    width: 100%;
    text-align: center;
}

#shopping-cart-table thead th {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#shopping-cart-table tbody td.thumb img {
    width: 80px;
    height: 80px;
}

#shopping-cart-table tbody td.title {
    text-align: left;
    font-weight: bold;
    font-size: 1.1rem;
}

#shopping-cart-table tbody td.zero {
    text-align: center;
    height: 300px;
}

#shopping-cart-table tfoot td {
    background-color: white;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.checkout-page {
    margin-top: 13px;
    display: table;
    width: 100%;
}

.checkout-page .col-left,
.checkout-page .col-right {
    display: table-cell;
}

.checkout-page .col-left {
    width: 250px;
    padding-right: 15px;
}

.checkout-page .col-left h3 {
    font-size: 1.1rem;
    padding-bottom: 10px;
}

.checkout-page .col-left ol li {
    margin-bottom: 8px;
}

.checkout-page .col-left h4 {
    margin: 0;
    border: 1px solid #DDD;
    padding: 2px 8px;
    background-color: #EEE;
    color: #555;
    font-weight: normal;
    text-transform: uppercase;
}

.checkout-page .col-left .content {
    padding: 5px 0 5px 8px;
    font-size: 0.9rem;
}

.checkout-page .head {
    font-size: 1.1rem;
    font-weight: bold;
    border: 1px solid #E46B00;
    background: none repeat scroll 0% 0% #E46B00;
    color: white;
    padding: 4px;
}

.checkout-page .step-count {
    margin-top: -10px;
    padding: 0px 4px;
    background: none repeat scroll 0% 0% #FFF;
    color: #444;
    font-size: 0.9em;
    line-height: 1em;
}

#checkout-step-body {
    border: 1px solid #DDD;
    padding: 20px;
}

#checkout-step-body ul {
    width: 100%;
    display: table;
}

#checkout-step-body ul li {
    display: table-row;
}

#checkout-step-body ul .input-box {
    width: 50%;
    display: table-cell;
    padding: 0 25px 10px 0;
}

#checkout-step-body ul .input-box-c2 {
    display: block;
    width: 100%;
    padding: 0 25px 15px 0;
}

#checkout-step-body ul label {
    font-weight: bold;
}

#checkout-step-body .required {
    color: red;
}

#checkout-step-body ul input {
    width: 100%;
    margin-top: 3px;
    border: 1px solid #B6B6B6;
    font-size: 1.1rem;
}

#checkout-step-body ul input.radio {
    width: auto;
    vertical-align: middle;
}

#checkout-step-body ul .input-box-c2 input {
    width: 209%;
}

#checkout-step-body .button-set {
    clear: both;
    border-top: 1px solid #E4E4E4;
    padding: 30px 10px 20px 10px;
    height: 70px;
    text-align: right;
}

.checkout-page a {
    font-size: 0.9rem;
    color: #4F8100;
    text-decoration: none;
    text-transform: none;
}

.checkout-page .attributes-col {
    padding: 8px;
}

.col3-set {
    display: table;
    width: 100%;
}

.col3-set div {
    display: table-cell;
    width: 360px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 30px;
    box-sizing: border-box;
    text-align: justify;
}

.col3-set div:last-child {
    width: 270px;
    padding: 0;
}

.col3-set p {
    padding-bottom: 8px;
}

dl {
    margin: 0;
    padding: 0 0 0 6px;
}

dt {
    padding-top: 5px;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 1.2rem;
}

dd {
    padding-bottom: 8px;
    text-align: justify;
}

#checkout-step-body.contact-form {
    border: none;
}

#checkout-step-body.contact-form fieldset {
    width: 700px;
}

#checkout-step-body.contact-form label {
    padding-left: 1px;
}

#checkout-step-body.contact-form textarea,
#checkout-step-body.contact-form input {
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0 15px 0;
}

#checkout-step-body.success-page {
    border: none;
    padding: 50px;
}

#checkout-step-body.success-page .category-head {
    padding-left: 0;
    padding-bottom: 20px;
}

.success-page p {
    padding-bottom: 10px;
}

#footer {
    font-size: 1.1rem;
}

#footer a {
    color: #444;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

.a-right {
    text-align: right;
}

.a-center {
    text-align: center;
}

.a-left {
    text-align: left;
}

.f-left {
    float: left;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.clear {
    clear: both;
}

.w100 {
    width: 100%;
}

.s5 {
    padding-top: 5px;
}

#barraaceptacion {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    min-height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 99999;
}

#barraaceptacion .inner {
    width: 100%;
    position: absolute;
    padding-left: 5px;
    font-family: verdana;
    font-size: 12px;
    top: 30%;
}

#barraaceptacion .inner a.ok {
    padding: 4px;
    color: #00ff2e;
    text-decoration: none;
}

#barraaceptacion .inner a.info {
    padding-left: 5px;
    text-decoration: none;
    color: #faff00;
}