@import url('fonts.css');
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ESTILOS GENERALES */
body {
    font-family: "PNRegular", sans-serif;
    color:#000;
    font-size:16px;
}

.sectionTitle {
    font-family: "PNSemi", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom:40px;
    letter-spacing: 2px;
}

a{
    color:#fff;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.nav .open>a {
    background-color:#717171;
}
.container-fluid.narrow {
    padding-left:50px;
    padding-right:50px;
}

.mainBtn {
    background-color:#000;
    font-family: "PNSemi", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius:0;
    padding:5px 0;
    color:#fff;
}

.mainBtn:hover {
    background-color:#5D5D5D;
    color:#fff;
}
.volver {
    text-transform: uppercase;
    color:#5d5d5d;
}
.volver:hover {
    color:#000;
    font-weight: bold;
}
/* HEADER */
header {
    height: 80px;
}

header .logo {
    margin-top:13px;
}

header .login {
    float:right;
    margin-top:30px;
    margin-right:20px;
}
.login li {
    display: inline-block;
}
 .login li a {
    font-size:14px;
    text-transform: uppercase;
    color:#000;
}
.login li.cart a {
    font-size: 28px;
    vertical-align: middle;
}
 .login li.cart a span.cantidad {
    text-decoration: none;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
}
.login .dropdown-menu {
    left:auto;
    border-radius:0;
    padding:10px 20px 0;
    border:1px solid #5d5d5d;
    top:90%;
}
.login .dropdown-menu:after {
    position: absolute;
    left: 25%;
    margin-left: -13px;
    top: -13px;
    width: 0;
    height: 0;
    content: '';
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #000;
    z-index: 9998;
}
 .login .dropdown-menu:before {
    position: absolute;
    left: 25%;
    margin-left: -12px;
    top: -12px;
    width: 0;
    height: 0;
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 9999;
}
.login .dropdown-menu li {
    display: block;
    margin:10px 0;
}
.login .dropdown-menu li a {
    padding:5px 10px;
    border-bottom:1px solid #d4d1d1
}
 .login .dropdown-menu li a:hover {
    font-weight: bold;
}
.login .dropdown-menu li a.mainBtn {
    color:#fff;
    text-align: center;
    border-bottom:none;
    letter-spacing: 1px;
    margin-top:20px;
}
 .login .dropdown-menu li a.mainBtn:hover {
    background:#444;
}

.mobileCart .login .cart a {color:#fff;position:relative;top:6px; display:none;}
.mobileCart .login .cart a span.cantidad {background:#fff;color:#000;}

/* NAV PRINCIPAL */
#MainNav {
    background-color:#000;
    border-radius:0;
    margin-bottom:0;
}
#MainNav ul.nav.navbar-nav {
    float:none;
    display: inline-block;
    vertical-align: top;
}
#MainNav .navbar-collapse {
  text-align: center;
}
#MainNav ul.nav.navbar-nav li {
    margin-right:40px;
}
#MainNav ul.nav.navbar-nav li:last-child{
    margin-right:0;
}
#MainNav ul.nav.navbar-nav li a {
    text-transform: uppercase;
    font-family: "PNSemi", sans-serif;
    font-size:17px;
}
#MainNav ul.nav.navbar-nav li.active a {
    font-family: "PNBlack", sans-serif;
    /*background-color:#000;*/
}
#MainNav .mobile {
    display: none;
}

/* DROPDOWN MENU */ 
#MainNav #navbar ul.dropdown-menu {
    background:#000;
    border-radius:0;
}
#MainNav #navbar ul.dropdown-menu li {
    margin-right:0;
}

#MainNav #navbar ul.dropdown-menu li a {
    color:#fff;
    font-family: "PNRegular", sans-serif;
    font-size:16px;
    letter-spacing: 2px;
    text-transform: none;
}
#MainNav #navbar ul.dropdown-menu li a:hover {
    background:#5d5d5d;
}
#MainNav #navbar ul.dropdown-menu li a:focus {
    background:#5d5d5d;
}

#MainNav #navbar ul.dropdown-menu ul.dropdown-menu {
    background:#5d5d5d;
    border-radius:0;
}

#MainNav #navbar ul.dropdown-menu ul.dropdown-menu li a:hover {
    background:#343333;
}

/* HOME - SLIDER */
#MainSlider {
    overflow: hidden;
    position:relative;
}

#MainSlider .title {
    position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:380px;
    z-index:999;
    text-align: center;
}
#MainSlider .title .titleText {
    font-family: "BrandonBold", sans-serif;
    font-size:58px;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.7);
    margin-top:100px;
}
#MainSlider .title .titleText>span {
    display: block;
    font-family:"BrandonLight", sans-serif;
    text-shadow: 2px 1px 2px rgba(0,0,0,0.5);
    font-size:32px;
    letter-spacing: 17px;
    margin-top:10px;
    padding-left: 8px;
}

#MainSlider .title .mainBtn {
    width:70%;
    margin-top:20px;
}
#MainSlider #carouselMain {
    position: static;
}
#MainSlider #carouselMain .item img {
    width:100%;
}
#MainSlider #carouselMain .carousel-indicators {
    bottom:60px;
}
#MainSlider #carouselMain .carousel-indicators li {
    width:15px;
    height:15px;
    border:none;
    background-color:rgba(255, 255, 255, 0.5);
    margin-right:5px;
}
#MainSlider #carouselMain .carousel-indicators li.active {
    background-color:#fff;
    width:17px;
    height:17px;
}

/* FOOTER */
footer {
    background-color:#000;
    min-height: 150px;
    text-align: center;
}

footer address {
    margin:50px 0 30px;
}

footer address span {
    color:#fff;
    font-family: "PNSemi", sans-serif;
    font-size:18px;
    margin-left:5px;
    vertical-align: middle;
}

footer p {
    color:#fff;
}

footer p a:hover {
    color:#fff;
    font-size:16px;
    transition: all 0.1s linear;
}

/* PREGUNTAS FRECUENTES */

#faq {
    background: #fff url('../img/faqBG.png') no-repeat;
    background-size:cover;
    background-position: center center;
    min-height:700px;
    position:relative;
    text-align: center;
    font-family: "PNSemi", sans-serif;
    color:#000;
}
#faq .sectionTitle {
    margin:70px 0;
}

#faq .panel-group {
    text-align:left;
}
#faq .panel {
    border-radius:0;
}
#faq .panel .panel-heading {
    color:#000;
    border:1px solid #000;
    border-radius:0;
}
#faq .panel .panel-heading h4 a:hover {
    text-decoration: none;
}
#faq .panel .panel-heading h4 a i {
    float:right;
    font-size:26px;
    line-height:8px;
}
#faq .panel .panel-collapse .panel-body p {
    font-family: "PNRegular", sans-serif;
    font-size: 14px;
}
#faq .bloqueContacto {
    margin-top:150px;
}
#faq .bloqueContacto h3 {
    font-size:18px;
    letter-spacing: 2px;
}
#faq .bloqueContacto .mainBtn {
    width:50%;
    font-size:16px;
}

/* QUIENES SOMOS */

#about {
    min-height:750px;
}

#about .container-fluid {
    padding-left:0;
}

#about .aboutBG {
    background: #eee url('../img/slide2.jpg') no-repeat;
    min-height:750px;
    background-size:cover;
    background-position: 85% center;
}
#about .infoAbout {
    margin:150px 50px;
    padding:20px 0;
    border-top:1px solid #868686;
    border-bottom:1px solid #868686;
}
#about .infoAbout p {
    font-size:18px;
    margin-top:30px;
    margin-bottom:0;
}
#about .infoAbout p:first-child {
    margin-top:0;    
}
#about .infoAbout p.highlight {
    font-family: "PNBold", sans-serif;
}

/* CONTACTO */

#contacto {
    min-height:700px;
}

#contacto .container-fluid {
    padding-left:0;
}

#contacto .contactoBG {
    background: #eee url('../img/contactoBG.jpg') no-repeat;
    min-height:700px;
    background-size:cover;
    background-position: 60% center;
}
#contacto .infoContacto {
    padding:80px 120px;
}
#contacto .infoContacto .items {
}
#contacto .infoContacto .items .infoItem {
    border-top:1px solid #000;
    margin-top:5px;
}
#contacto .infoContacto .items h3 {
    font-family: "PNSemi", sans-serif;
    font-size:17px;
    text-transform: uppercase;
}
#contacto .infoContacto .items p {
    font-size:17px;
}
#contacto .infoContacto .mainBtn {
    font-size:14px;
    font-weight: 600;
    display: block;
    text-align: center;
    margin-top:40px;
}
/* MODAL - CONTACTO  */

#modalConsulta {}

#formContacto h4 {
    font-family: "PNSemi";
    font-size:17px;
    color:#000;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom:20px;
}
#formContacto .form-group {
    font-family:"PNRegular";
    position: relative;
}
#formContacto .form-control,
#formContacto .input-group-addon{
    border-radius:0;
    background:none;
    border-color:#000;
    font-size:13px;
    padding:15px;
}
#formContacto .form-control {
    border-left:none;
    height:45px;
    color:#5D5D5D;
}
#formContacto textarea.form-control {
    border-left:1px solid;
    height:auto;
}
#formContacto .input-group-addon {
    color:#000;
    text-transform: uppercase;
}
#formContacto .mainBtn {
    border:none;
    display: block;
    width:100%;
}
#formContacto .form-group .help-block {
    position: absolute;
    right: 15px;
    top: 2px;
    font-size: 24px;
    color: red;
    z-index:99;
}
#formContacto .form-group.has-error .form-control,
#formContacto .form-group.has-error .input-group-addon{
    border-color:red;
    background:#fbc8c8;
}
/* CATALOGO */
#catalogo .sectionTitle{
    margin-top:80px;
    margin-bottom:10px;
}

#catalogo p{
    margin-bottom:40px;
}
#catalogo p a {
    color:#000;
    font-weight: 800;
}
#catalogo .catgTitle {
    background:#000;
    display: inline-block;
    padding:5px 10px;
    color:#fff;
    font-size:20px;
    letter-spacing: 1px;
}
#catalogo .catgTitle span {
    font-weight: 600;
}
#catalogo .row {
    margin-bottom:30px;
}
#catalogo .itemImg {
    height:300px;
    width:100%;
    overflow: hidden;
    position:relative;
}
#catalogo .itemImg img {
    width:100%;
    height:300px;
    object-fit: cover;
}
#catalogo .zocalo {
    padding:0 15px;
}
#catalogo .col-sm-8, #catalogo .col-sm-4 {padding-left:0;padding-right:0;}
#catalogo .codigo{
    border:1px solid #000;
    background:#fff;
}
#catalogo .codigo p {
    margin:0;
    font-family: "PNSemi", sans-serif;
    padding:7px 20px;
}
#catalogo .codigo p span {
    font-weight: 900;
    font-family: "PNBlack", sans-serif;
}
#catalogo .col-sm-4 a.mainBtn {
    width:100%;
    display: inline-block;
    text-align: center;
    border:1px solid #000;
    font-size:14px;
    padding:8.5px 0;
}

#catalogo .compose {
    background: url(../img/compose.png) no-repeat;
    width:126px;
    height:127px;
    position: absolute;
    bottom:-1px;
    right:0;
}


/* PRODUCTO */
#producto {
    padding:100px 40px;
}

#producto .productTitle {
    margin:0 0 20px;
    letter-spacing: 2px;
}

#producto .productTitle span {
    font-family: "PNBold", sans-serif;
}

#producto .panel.panel-default {
    border:none;
}
#producto .panel.panel-default>.panel-heading {
    background-color:#fff;
    padding:0 0 10px;
    border-bottom:1px solid #000;
}
#producto .panel.panel-default>.panel-heading>.panel-title,
#producto h4 {
    font-family: "PNBold", sans-serif;
    font-size:18px;
    color:#000;
}
#producto .panel.panel-default>.panel-heading>.panel-title a:hover, 
#producto .panel.panel-default>.panel-heading>.panel-title a:focus, 
#producto .panel.panel-default>.panel-heading>.panel-title a:active {
    text-decoration: none;
}
#producto .panel.panel-default>.panel-heading>.panel-title i {
    display: inline;
    vertical-align: text-top;
    margin-left:20px;
}
#producto .panel-body {
    padding-left:0;
}

#producto .login {
    margin-top: 50px;
}
#producto .login p>a{
    color:#000;
    font-family: "PNBold", sans-serif;
}
#producto .compose {
    text-transform: uppercase;
    font-family: "PNBold", sans-serif;
    letter-spacing: 2px;
    background:#5D5D5D;
    color:#fff;
    display: inline-block;
    padding:5px 15px;
    margin-bottom:20px;
}
#producto .precio {
    font-size:24px;
    text-transform: uppercase;
    margin-top:10px;
}
#producto form select,
#producto form input[type="number"]{
    width:30%;
    margin-bottom:10px;
    border-radius:0;
    border-color:#000;
    height:25px; 
    padding:0 5px;
}
#producto form input[type="number"]{
    padding:0 10px;
}
#producto form input[type="submit"].mainBtn {
    border:none;
    padding:10px;
    margin-top:20px;
}
/* SLIDER THUMBS */
.slider-container{
position: relative;
display: block;
cursor:move;
}
.slider-container .slider .content img{
width: 100%;
}
.slider-container .slider-controls a{
position: absolute;
top: 112%;
z-index: 100;
color: #333333;
}
.slider-container .slider-controls a.slider-left{
left: -10px;
}
.slider-container .slider-controls a.slider-right{
right: -10px;
}
.thumbnail-slider-container{
margin-top: 5px;
padding:0 20px;
}
.thumbnail-slider .content{
padding:5px;
}
.thumbnail-slider .owl-item.active{
width:300px;
}
.thumbnail-slider .owl-item.active.center{
border: 2px solid #333333;
}

/* LOGIN y NEW USER */
#login {
    margin:50px 0;
}
#login h2 {
    text-transform: uppercase;
    font-family: "PNBold", sans-serif;
}

#login .form-control,
#login .newUser .input-group-addon,
#cuentaInfo .input-group-addon{
    border-radius:0;
    border-color:#5d5d5d;
    background:#fff;
}

#login .logIn .form-control {
    color:#000;
}

#login .logIn h3,
#login .newUser h3,
#cuentaInfo h3{
    text-transform: uppercase;
    font-family: "PNSemi", sans-serif;
    font-size:20px;
}

#login .logIn form input::placeholder {
    text-transform: uppercase;
    font-weight: bold;
}

#login .logIn form button{
    border:none;
    background:none;
    text-transform: uppercase;
}
#login .logIn .well {
    border-radius:0;
    border-color:#5d5d5d;
    background-color:#fff;
}

#login .logIn form button.right {
    float:right;
}
#login .logIn form input[type="submit"].mainBtn,
#login .newUser form input[type="submit"].mainBtn,
#cuentaInfo form input[type="submit"].mainBtn{
    border:none;
    padding:5px 10px;
    margin-top:10px;
}

#login .newUser{
    border:1px solid #5d5d5d;
    padding:20px 30px;
}

#login .newUser h3 {
    margin:0;
}

#login .newUser .input-group-addon,
#cuentaInfo .input-group-addon{
    border-right:none;
    text-transform: uppercase;
    color:#000;
}
#login .newUser .form-control,
#cuentaInfo .form-control{
    border-left:none;
}

/* MODALES */
.modal-content {
    border-radius:0;
}

.modal-content .modal-header {
    border-bottom:none;
}
.modal-content .modal-header button.close {
    color: #000;
    font-size: 28px;
    opacity: 1;
}

.modal-content .modal-header .modal-title {
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: "PNBold", sans-serif;
    font-size: 1.3em;
}
.modal-content .modal-body {
    text-align: center;
    padding: 15px 15px 45px;
    color:#5d5d5d;
}

/* SUCCESS DE REGISTRO */
#success {
    padding:100px 50px;
    text-align: center;
}
#success h3 {
    text-transform: uppercase;
    margin-bottom:20px;
    letter-spacing: 2px;
    font-size:20px;
    font-family: "PNSemi", sans-serif;
}
#success a.mainBtn {
    display: inline-block;
    margin-top: 40px;
    padding: 5px 30px;
}

/* MENU MI CUENTA*/

#miCuenta h2 {
    text-transform: uppercase;
    font-size:28px;
    font-family: "PNBold",sans-serif;
    margin-bottom:20px;
}
#miCuenta ul {
    list-style-type: none;
    padding-left:0;
}
#miCuenta ul li {
    border-top:1px solid #818181;
    border-bottom:1px solid #818181;
    padding:10px 15px;
}
#miCuenta ul li:last-child {border-top:none;}
#miCuenta ul li a {
    color:#000;
    font-size:16px;
    text-transform: uppercase;
}
#miCuenta ul li a:hover {
    font-family: "PNBold";
    text-decoration: none;
    font-size:18px;    
}

/* SECCION INFORMACION DE CUENTA */
#cuentaInfo,
#cuentaPedidos{
    padding:70px 0;
}
#cuentaInfo .form-control {
    border:1px solid #5d5d5d;
    border-radius:0;
    border-left:none;
}
#cuentaInfo input.mainBtn {
    float:right;
}

.saveSuccess {
    background-color:#ccc;
    padding:10px;
    margin-bottom:10px;
}
.saveSuccess p {
    margin:0;
    color:#4c4c4c;
}
/* SECCION PEDIDOS DE CUENTA */
#cuentaPedidos .marco {
    border: 1px solid #cfd0d2;
    margin-bottom: 25px;
    padding: 10px 15px;
    position: relative;
}

#cuentaPedidos h4,
#cuentaPedidos .resultado{
    font-family: "PNBold", sans-serif;
}
#cuentaPedidos .detalles button {
    border: none;
    background: none;
    color: #9b9c9e;
    font-weight: 300;
    float:right;
    margin:20px 0 5px;
}
#cuentaPedidos .detalles button i {
    margin-left:20px;
}
#cuentaPedidos thead {
    border-top:1px solid #d0d0d0;
}
#cuentaPedidos .table>thead>tr>th,
#cuentaPedidos .table>tbody>tr>td{
    border:none !important;
}

#cuentaPedidos .table>thead>tr>th {
    font-weight: 300;
    font-size: 14px;
}

#cuentaPedidos #paginas {
    text-align: right;
}
#cuentaPedidos #paginas ul li a {
    border-radius:50%;
    height: 25px;
    width: 25px;
    color:#000;
    text-align: center;
    padding:0;
    margin-right:5px;
    border-color:#5d5d5d;
}
#cuentaPedidos #paginas ul li.active a,
#cuentaPedidos #paginas ul li a:hover{
    background:#000;
    color:#fff;
    border-color:transparent;
}
#cuentaPedidos #paginas ul li:last-child a,
#cuentaPedidos #paginas ul li:first-child a{
    height:auto;
    width:auto;
    border:none;
    margin-top:-14px;
}
#cuentaPedidos #paginas ul li:last-child a:hover,
#cuentaPedidos #paginas ul li:first-child a:hover{
    background:none;
    color:#636363;
}
#cuentaPedidos #paginas ul li:last-child a span,
#cuentaPedidos #paginas ul li:first-child a span{
    font-size:40px;
}

/* CHECKOUT - RESUMEN */
#checkoutResumen {
    padding:70px 0;
}
#checkoutResumen h2 {
    font-family: "PNBold", sans-serif;
    text-transform: uppercase;
    margin-bottom:30px;
}
#checkoutResumen #resumenExt_length label,
#checkoutResumen #resumenExt_filter label{
    font-weight: 400;
    margin-bottom:20px;
}
#checkoutResumen #resumenExt_filter input {
    border: 1px solid #a7a7a7;
}
#checkoutResumen #resumenExt thead {
    text-transform: uppercase;
    font-family: "PNSemi", sans-serif;
}
#checkoutResumen #resumenExt tbody tr td {
    border-top:none;
}
/* background de la columna ordenada + hover de la fila */
table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3, table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3,#checkoutResumen #resumenExt.table-hover>tbody>tr:hover {
    background-color:#efefef;
}

#checkoutResumen .trash {
    color:red;
    display: inline-block;
}

#resumenExt_paginate {margin-bottom:20px;}
#resumenExt_paginate span .paginate_button {
    border:1px solid #585858;
    border-radius:50%;
    padding:0;
    margin-left:5px;
}
#resumenExt_paginate span .paginate_button.current,
#resumenExt_paginate span .paginate_button:hover{
    background:none;
    background-color:#000;
    color:#fff!important;
    border-color:transparent;
}
#resumenExt_paginate .paginate_button.disabled {display: none;}
#resumenExt_paginate .paginate_button.next,#resumenExt_paginate .paginate_button.previous{
    font-size:48px;
    padding:0;
    margin:0;
    border:none;
    min-width: inherit;
    position:relative;
    top:12px;
}
#resumenExt_paginate .paginate_button.next:hover,#resumenExt_paginate .paginate_button.next:active,#resumenExt_paginate .paginate_button.next:focus,#resumenExt_paginate .paginate_button.previous:hover,#resumenExt_paginate .paginate_button.previous:active,#resumenExt_paginate .paginate_button.previous:focus{
    background:none;
    color:#4b4bff!important;
    border:none;
    box-shadow:none;
}
#checkoutResumen .table-responsive {overflow-y:hidden;}

#checkoutResumen .total {
    display: inline-block;
    border:1px solid #5d5d5d;
    padding:5px 50px;
}
#checkoutResumen .total span {
    font-family: "PNBold", sans-serif;
    text-transform: uppercase;
}
#checkoutResumen a.mainBtn {
    padding:8px 20px;
    margin-left:10px;
}
#checkoutResumen a.mainBtn>span {
    font-size: 2em;
    vertical-align: middle;
    position: relative;
    top: 3px;
}

/* CHECKOUT PEDIDO */
#checkoutPedido {padding:70px 0;}
#checkoutPedido .marco {border:1px solid #5d5d5d;padding:20px 0;}
#checkoutPedido .logo {border-bottom:1px solid #9d9d9d;padding-bottom:20px;}
#checkoutPedido .logo img {width: 170px;}
#checkoutPedido .title {border-bottom:1px solid #ccc;padding-bottom:10px;}
#checkoutPedido h3 {text-transform: uppercase;font-family: "PNBold",sans-serif;font-size:18px;}
#checkoutPedido table.table thead tr th {
    text-align: center;
    background-color:#ccc;
    text-transform: uppercase;
    color:#888888;
    padding:10px 0;
    border-bottom:none;
}
#checkoutPedido table.table tbody tr td {
    text-transform: uppercase;
    color:#888;
    border:1px solid #ccc;
}
#checkoutPedido .table-responsive {overflow-x:hidden;overflow-y:auto;max-height:300px;}
#checkoutPedido #pedido.dataTable.no-footer {border-bottom:none;}
#checkoutPedido .total {
    padding:10px 50px 20px 20px;
    font-family: "PNBold", sans-serif;
    border-top:1px solid #ccc;
    text-transform: uppercase;
    font-size:21px;
}
#checkoutPedido #metodos {
    padding:0 30px;
}
#checkoutPedido #metodos a {
    color:#000;
    border-bottom:1px solid #ccc;
}
#checkoutPedido #metodos a:hover {
    font-weight: 600;
    border-bottom:1px solid #000;
}
#checkoutPedido #metodos .userMail {font-weight: 600;}
#checkoutPedido #metodos .username {font-weight: 600;color:#C20000;}
#checkoutPedido #metodos .checkbox {
    border:1px solid #5d5d5d;
    padding:20px;
}
#checkoutPedido #metodos .checkbox a {
    margin-left:30px;
}
#checkoutPedido #metodos input.mainBtn {
    padding:7px 25px;
    border:none;
    margin-top:20px;
}

.mobileBG .contactoBG, .mobileBG .aboutBG {display: none;}

/* RESPONSIVE - >1200px */ 

@media all and (max-width:1200px) {
    #MainNav .container {
        width:100%;
    }
    #about {
        min-height: 710px;
    }
    #about .aboutBG {
        background-position: 83% center;
    }
    #about .infoAbout {
        margin:110px 50px;
    }
    #catalogo .col-sm-4 a.mainBtn {
        font-size: 14px;
        padding: 8px 0;
    }
}

@media all and (max-width:1030px) {
    #about .infoAbout {
        margin:100px 50px;
    }
    #MainNav ul.nav.navbar-nav li {
        margin-right:20px;
    }
}

/* RESPONSIVE - >992px */ 
@media all and (max-width:992px) {
    header .logo a img {
        width:200px;
    }
    #MainNav ul.nav.navbar-nav li {
        margin-right:0;
    }
    #about,#about .aboutBG {
        min-height: 650px;
    }
    #about .infoAbout {
        margin:60px 30px;
    }
    #about .infoAbout p {
        font-size:16px;
    }
    #faq .bloqueContacto {
        margin:40px 0;
    }
    #contacto .infoContacto  {
        padding:80px 40px;
    }
    footer .blocks {
        margin-top:15px;
    }
    #producto .productTitle {margin-top:40px;}
    .slider-container .slider-controls a {top: 122%;}
    #miCuenta h2 {font-size:24px;}
    #catalogo .codigo p span {
        display:block;
    }
}
/* FIXES PARA EL CATALOGO */
@media all and (max-width:987px) and (min-width:959px) {#catalogo .col-sm-4 a.mainBtn {font-size:16px;padding:7px 0;}}
@media all and (max-width:958px) {#catalogo .col-sm-4 a.mainBtn {padding:9px 0;}}

@media all and (max-width:825px) {
    #MainNav ul.nav.navbar-nav li a {
        font-size:15px;
    }
}

/* RESPONSIVE - >768px */

@media all and (max-width:767px) {
    .mainBtn {font-size: 16px;}
    header .login {float:none;margin:5px 0;padding:5px 0;width:100%;text-align: center;    border-top: 1px solid #ccc;}
    header .login .cart {display: none;}
    header .logo {text-align: center;}
    #MainNav {margin-top:40px;}
    #MainNav .mobile {
        display: block;
    }
    /*#MainNav .divisor {
        height:5px;
        border-bottom:1px solid #fff;
    }*/
    #MainNav .navbar-toggle {float:left;margin-left: 15px;}
    #MainSlider .title .titleText {
        margin-top:40px;
        font-size:40px;
    }
    #MainSlider .title .titleText>span {
        letter-spacing: 10px;
    }
    #MainSlider .title .mainBtn {width:60%;}
    #about .col-sm-4, #contacto .col-sm-6 {
        padding-right:0;
    }
    #MainSlider #carouselMain .carousel-indicators li {
        width:13px;
        height:13px;
    }
    #MainSlider #carouselMain .carousel-indicators li.active {
        width:15px;
        height:15px;
    }
    #contacto .contactoBG, #about .aboutBG {
        min-height: 500px;
    }
    #catalogo .container {padding:0 100px;}
    #catalogo .col-sm-6 {margin-bottom:20px;}
    #catalogo .row {margin-bottom:0;}
    #catalogo .codigo {text-align: center;}
    #catalogo .codigo p span {display:inline-block;}
    .volver {margin-top:40px;display: inline-block;}
    #checkoutPedido #metodos {margin-top:40px;}
    #cuentaInfo h3 {margin:30px 0;}
    #cuentaPedidos #paginas {text-align: center;}
    #producto {padding:20px 0px;}
    .mobileCart .login .cart a {display: inherit;right:35px;}
    .contactoBG, .aboutBG {display: none;}
    .mobileBG .contactoBG, .mobileBG .aboutBG {display: inherit;}
}
@media all and (max-width:640px) {
    #resumenExt_length {margin-top:10px}
    #checkoutResumen h2 {text-align: center;}
    #catalogo .container {padding:0 50px;}

}

@media all and (max-width:599px) {
    #MainSlider #carouselMain .carousel-indicators {
        bottom:20px;
    }
    .slider-container .slider-controls a {top:50%;}
    .slider-container .slider-controls a.slider-right {right: -27px;}
    .slider-container .slider-controls a.slider-left {left: -27px;}
    .thumbnail-slider-container {display: none;}
    #producto form select, #producto form input[type="number"] {width:100%;}
}
@media all and (max-width:568px) {#checkoutPedido #metodos .checkbox a{display: block;margin:0;border-bottom:none;text-decoration: underline;margin-top:10px;}}
@media all and (max-width:530px) {
    #checkoutResumen .total{display: block;text-align: center;}
    #checkoutResumen a.mainBtn {display: block;text-align: center;margin:0;}
    #checkoutResumen a.mainBtn>span {top:1px;}
    #catalogo .container {padding:0 15px;}
}
@media all and (max-width:450px) {
    .mainBtn {
        font-size:14px;
    }
    #MainSlider .title {
        width:300px;
    }
    #MainSlider .title .titleText{
        font-size:36px;
        margin-top:30px;
    }
    #MainSlider .title .titleText>span{
        font-size:26px;
    }
    #MainSlider #carouselMain .carousel-indicators {
        bottom:0;
    }
    footer address span {
        font-size:16px;
    }
    #cuentaInfo .input-group {display: block;}
    #cuentaInfo .input-group-addon {border:none;}
    #cuentaInfo .form-control {border-left:1px solid;}
    #faq .panel-heading {padding-bottom:20px;}
    #faq .panel .panel-heading h4 a i {display: block;}
    #catalogo .sectionTitle {margin-top:40px;}
    
}
@media all and (max-width:380px) {
    #catalogo .itemImg img,
    #catalogo .itemImg {height:250px;}
}
@media all and (max-width:380px) {
    #MainSlider #carouselMain .carousel-indicators {
        display: none;
    }
}