.itemstyle .glyphicon-chevron-left, .itemstyle .glyphicon-chevron-right
{
    left:0;padding-bottom: 5px;
}
.itemstyle .glyphicon-chevron-left {
    margin-right: 5px;
}
.glyphicon.glyphicon-chevron-left {
    padding-right: 20px;
}
.itemstyle .glyphicon-chevron-right {
    margin-left: 5px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
    vertical-align:top;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
    border:0;
}
.btn.btn-lg.btn-success > a {
    color: #ffffff;
}
.btn.btn-lg.btn-success > a:hover {
    
    text-decoration:none;
}
.continuar {
    background-color:#897248;
    border-color:#897248;
}
.continuar:hover {
    background-color:#a82020;
    border-color:#a82020;
    color:#ffffff;
}
.aureo
{
    color:#897248 !important;
}
span.aureo {
    float: left;
}
.btn.btn-lg.btn-danger > a
{
    color:#ffffff;
}
.btn.btn-lg.btn-danger > a:hover {    
    text-decoration:none;
}

.tdb {
    border-bottom: 1px dotted !important;
}
.tdd
{
     border-bottom: 1px dotted #6788d1;
     
}
.tbl-cart
{
    border:0;
}
.tdpad
{
    padding:0 15px;
}
.bgtbl {
    background: #f7f7f7;
    padding: 3px;
}
.bgtbl h4 {
    color:#000;
    display: inline;
    vertical-align: middle;
    padding: 5px;
}
.descuento {
    float: left;
    width: 100px;
}
.aplica {
    background-color: #AF9778;
    border: 0 none;
    color: #ffffff;
    float: right;
    height: 29px;
    width: auto;
}


h4
{
    color:#000;
    font-size:1em;
    
    
}
a.btnmodificar
{
    color:#000;
    font-size:1em;    
background-color: #e4e8f0;
border-color: #ccc;
border-radius: 36px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
a.btnmodificar:hover {
    background-color: #d7deef;
    color: #000;
}
a.enviocesta {
    color: #897248;
}
.cestacompra
{
    float:left;
    margin-right:15px;
}
.precio2 span {
    color: #f1e8d9;
    
    font-size: 0.8em;
}
.preciomas {
    /*margin: 0;
    padding: 0;
    font-size:1em;*/    
    color: #ffffff;
    font-size: 1.1em;
    margin: 0 0 -5px;
    padding: 0;
}
/** compra **/

.subtit
{
    font-size: 14px;
    font-weight: bold;
}

.validar
{
    color: Red !important;
    padding-left:212px;
}

.form-control
{
    display: inline;
}
.tabcolor1, .tabcolor2
{
    background-color: #e3ecfd;
    border: 1px solid #e3ecfd;
    text-align: left;
}
.tabcolor1 td, .tabcolor2 td
{
    padding: 5px;
}
.bot, .bot2, .botcolor2, .botcolor1
{
    background-color: transparent;
    border: 0 none;
    color: #fff;
    font-weight: bold;
    height: 28px;
    width: 140px;
}
.bot2
{
    background-image: url("../img/botcolor2.gif");
    color: #fff;
}
.bot
{
    background-image: url("../img/botcolor2.gif");
    color: #fff;
}
.botcolor1
{
    background-image: url("../img/botcolor1.gif");
    color: #fff;
}
.tdb input
{
    padding: 2px 12px;
}
input[type="checkbox"] {
    margin-right: 10px;
}
.avisos-legales input[type="checkbox"] {
    margin-right: 0px;
}
.pad3 td
{
    padding: 3px;
}

.subtit
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.tabcolor1
{
    padding: 10px;
}

.optioncheck label
{
    text-align: left;
    padding-left: 5px;
    width: 80px;
}
.optionfactura label
{
    text-align: left;
    padding-left: 5px;
    width: 170px;
}
.tabcolor12 {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    text-align: left;
    margin: 0 0 10px;
    padding: 15px;
    display:inline;
}
.btnproductotienda
{
    text-align: center;    
    font-family: source_sans_proregular;
    font-size: 1em; 
    width:100%;   
    border:1px solid #897248;
    color: #ffffff;    
    background-color:#897248;   
    padding: 6.5px; 
}
.btnproductotienda:hover, .btnproductotienda:active
{
    background-color:#a82020;    
    color: #ffffff;
    text-decoration:none;
    border:1px solid #a82020;
    transition: all 0.5s ease-out 0s;
}
.modal-header {
    background-color: #d4c49c;
    overflow:hidden;
}
.close {
    color: #fff;
    float: right;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #000;
}

.tabcolor12 option
{
    height:32px;
}
.showhide {
    color: #a82020;
    /*position: absolute;*/
    /*right: 50px;*/
    top: 5px;
}
.showhidemail {    
    /*
    color: #FFB0B0;
    position: absolute;
    right: -20px;
    top: 0px;
    width:80px;
    line-height:1;
    */
    color: red;
    line-height: 1;
    position: absolute;
    right: -80px;
    top: 20px;
    width: 150px;
}
.form-control {
    display: inline;
    font-size: 1em;
    width: 60%;
    border: 2px solid #5599F3;
    height: 42px;
    padding: 5px;
}
.form-control1
{
    display: inline;
    font-size: 1em;
    width:300px;
    border:2px solid #AF9778;
    border-radius:4px;
    height:42px;
    padding:5px;
    font-family: inherit;
}
.form-control2 {
    display: inline;
    font-size: 1em;
    width: 60%;
    border: 2px solid #77631E;
    border-radius: 4px;
    height: 42px;
    padding: 5px;
}
.iva, .peq
{
    font-size: 1em;
    color: #9B9B9B;
    display: block;
}
.tbl
{
    border:1px solid #ccc;
    overflow:hidden;   
    background-color:#fff;
}
.peq2
{
    font-size: 1em;
}
.paddingtop
{
    padding-top:15px;
}
.infor
{
    /*! color:#897248; */
    /*! display:block; */
    /*! vertical-align:middle; */
}
.dot
{
    float:right;    
    margin-left: 10px;
}
.borderbot
{
    border-bottom:1px solid #ccc;
    margin-bottom: 15px;
}
.group .btn-ira
{
    background-color: #a82020;
    border-color: #a82020;
    float: right;
    height: 30px;
    padding: 0;
    width: 19%;
}
.group .btn-ira:hover
{
    background-color:#897248;
    border-color:#897248;
}
/** compartir ***/
.btncompartir
{
    width:100%;
    font-size:1em;
    margin-top:0;
    margin-bottom:15px;
    line-height:1;
    background-color:#897248;
    border-radius:0;
}
.boxcompartir
{
    background-color: #897248;
    bottom: -31px;
    left: 15px;
    margin: 0;
    overflow: hidden;    
    position: absolute;    
    width: 234px;
    max-width:234px;
    height: 45px;    
    z-index:1;
    /*visibility:hidden;*/
}
.fbook
{
    float:left;
}
.twitt
{
    float:left;
    margin-top: 3px;
    margin-left:3px;
}
#shareme
{
    display:block;
}
#example5
{
    background-color: #897248;
    float: left;
    margin: 0;
    padding:5px; 
    position:relative;
    width:100%;
    
  }
.sharrre .button{
    float:left;
    width:60px;
}
.button.pinterest {
    padding: 40px 10px 0;
}
/**** fin compartir ***/

.boxpaddingtienda
{
    padding:5px 0;
}
.icotel
{
    float:left;
    margin-right:5px;
}
.att_tel
{
    float: left;
    font-size:0.85em;
    width: 81%;
}
.att_tel strong, .att_tel strong a
{
    font-weight:bold;
    color: #F1E8D9;
}
.att_tel a {
    color: #ffffff;
}
.txt-buscar {
    color: #808080;
    float:left;
    width:70%;
}
footer {
    margin-top: 0px;
}
section.tienda h1.tit3 {
    color: #897248;
    font-family: source_sans_proregular;
    font-size: 2em;
    text-transform:inherit;
}
.imagepago > img {
    display: table;
    margin: 0 auto;
}
.imagepago > label {
    padding: 0 10px;
    text-align: left;
}
.textopago {
    width: 65%;
}
.btn-buscar {
    float: left;
}
.avisos-legales {
    float: left;
    width:110%;
}
.fb-link
{
    text-decoration:underline;
}
.itemstyle td:nth-child(4) {
    width: 146px !important;
}
/**** conversión a divs *****/
.itemstyletdbl {
    clear: left;
}
.tdbox {
    margin-left: 235px;
    
    overflow:hidden;
}
.bdrbot
{
    border-bottom:1px solid #e7bfab;
}
.tdbl {
    float: left;
    min-width:58px;
    padding: 5px 0;
}
.tdble {
    float: left;
    margin-right: 120px;
    padding: 5px 0;
}
.tdbr
{
    float: right;
    min-width:58px;
    padding: 5px 0;
    margin-bottom:15px;
}
.tdblauto
{
    float:left;
}
.tdbl:first-child {
    width: 448px;
}
.tdbl:nth-child(3) {
    /*margin-left: 100px;*/
    margin-left: 75px;
    text-align: right;
}
.itemstyle td:nth-child(3) {
    width: 100px !important;
}
.itemstyle td:nth-child(4) {
    text-align: right;
    width: 126px !important;
}
.headerstyle td:nth-child(4) {
    text-align: right;
    width: 126px !important;
}
.errorPopup
{
    position: absolute; 
    z-index: 1;
    top:-130px;
    padding:10px;
    background: #f1e8d9;
    color:Red;
}
.errorPopup input
{
    color:#828282;   
}

/***** ******/
@media (min-width: 979px) and (max-width: 1152px)
{
    .redes {
        margin-right: 20px!important;
    }
    .form-control
    {
        display: inline;
        font-size: 1em;
        width:250px;
        border:2px solid #897248;
    }
    .itemstyle td:nth-child(3) {
        width: 100px !important;
    }
}
.btnpasos {
    background-color: #e8dfd2;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
}
.btnpasos ol {
    display: table;
    font-family: osttregular;
    font-size: 1.2em;
    list-style-position: inside;
    list-style-type: decimal;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
    .btnpasos ol li {
        color: #515010;
        counter-increment: list;
        list-style-type: decimal;
        position: relative;
        float: left;
        margin: 0 30px;
        padding: 5px 0;
    }
.btnpasos ol li a.active {
    color: #ffffff;
}
.btnpasos ol li a.active::before {
  color: #ffffff;
  content: counter(list) ".";
  left:-5px;
  position: absolute;
  text-align: center;
  width: 26px;
}
        .btnpasos ol li a {
            color: #515010;
        }
.tdbor {
    margin-bottom: 15px;
}
.tdbpad {
    padding: 8px 0;
}
.tdbtitle {
    border-bottom: 1px solid #234403;
}
.descuento {
    float: left;
    width: 100px;
}
input, select, textarea {
    font-family: sourcenormal;
    font-size: 1em;
}
.tienda aside {
    background-color: #e8dfd2;
}
    .tienda aside h2 {
        background-color: #515010;
        color: #ffffff;
        font-family: Arial,helvetica,sans-serif;
        font-size: 1.05em;
        font-weight: bold;
        margin-bottom: 0;
        padding: 5px;
        text-align: center;
        text-transform: inherit;
    }
.tienda .boxblue_login {
   color: #000000;
overflow: hidden;
padding: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
background-color: #fff;
}
aside .form-control {
    border: 2px solid #77631E;
    display: inline;
    font-size: 1em;
    height: 42px;
    padding: 5px;
    width: 100%;
}
.tienda aside input.form-control[type="password"] {
    float: left;
    width: 90%;
}
.btn-cuenta {
    float: right;
    height: 42px;
    padding: 0;
    width: 10%;
}
.td01 {
    font-family: inherit;
    font-weight: normal;
    /*! text-align: right; */
    vertical-align: middle;
    width: 30%;
    padding-right: 10px;
}
.tbl1 {
    background-color: #D8E4CC;
}
.tbl1 b span {
    display: block;
    text-align: center;
    padding: 5px;
}
#tienda .btn-button {
    position: static;
    transform: none;
    width: auto;
    float:right;
}
#tienda h1 {
    font-size: 36px;
    color: #000;
    text-align: center;
    font-family: latoregular; 
    margin: 0;
    flex:1 0 auto;
}
#tienda aside {
    background-color: #E8DFD2;
}

    #tienda aside h2 {
        background-color: #515010;
        color: #ffffff;
        font-family: Arial,helvetica,sans-serif;
        font-size: 1.05em;
        font-weight: bold;
        margin-bottom: 0;
        padding: 5px;
        text-align: center;
        text-transform: inherit;
    }

#tienda .boxblue_login {
    color: #666666;
    overflow: hidden;
    padding: 10px 10px;
    background-color:#fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#tienda aside input.form-control[type="password"] {
    float: left;
    width: 90%;
}


.boxblue_login div {
    padding: 5px 0;
}
.btn-warning {
    background-color: #ADA183;
    border-color: #ADA183;
    text-transform: uppercase;
    font-family:inherit;    
    padding: 10px;
    margin-bottom:20px;
}
    .btn-warning:hover,  .btn-warning:active,  .btn-warning:focus {
        color: #fff;
        background-color: #B6AD99;
        border-color: #B6AD99;
    }
.boxblue_login input[type="submit"] {
    background-color: #F02637;
    border-color: #F02637;
    font-size: 1em;
    min-height: 42px;
    border-radius: 0;
}
    .boxblue_login input[type="submit"]:hover {
        background-color: #F34F5C;
        border-color: #F34F5C;
    }
/** tablas **/
.table-rect {
    display: flex;
    border-top: 1px dotted;
    border-right: 1px dotted;
    margin-top: 30px;
    flex-direction:column;
    border-left: 1px dotted;
   
}

.tr-rect:first-child, .tr-rect2:first-child {
    font-weight: bold;
}

.tr-rect:nth-of-type(3n+1) + .tr-rect:nth-of-type(4n+1){
    background-color: #f7f7f7;
    font-weight: bold; 
}



.td-rect {           
    flex: 1 0 10%;   
    border-left:1px dotted;
    display: flex;   
    justify-content: center;
    align-content:center;
    align-items:center;    
}
.td-rect:nth-child(2) {
    flex-direction: column;
}
.td-rect:first-child { 
    border:0;
}

    .td-rect.dir, .td-rect.dir2 {
        text-align: left;
        padding: 15px;
        border-bottom: 1px dotted;
    }

        .td-rect.dir2 .editar {
            margin-top: 10px;
        }

        .td-rect.dir h4, .td-rect.dir2 h4 {
            font-weight: bold;
        }

    .td-rect.dir {
        background-color: #f7f7f7;
    }
/*.th-rect, .td-rect {
    width: 203.8px;
}*/
/*.tr-rect {
    display: table-row;
    font-size: 0.865em;
}*/

.tr-rect{
    display: flex;    
    /*! align-items: center; */    
    border-left:1px dotted;
    border-right: 1px dotted;
    border-bottom:1px dotted;    
    align-content: center;
}
.th-rect {    
    font-weight: bold;
    background-color: #eee;
    font-size: initial;
    text-align: center;
    border-left: 1px dotted;
    flex: 1 0 10%;
}

    .th-rect h5 {
        font-size: inherit;
        font-weight: bold;
        text-transform: uppercase;
        margin:0;
        padding:5px;
    }

.td-rect h6 {
    display: block;
    margin: 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: inherit;
    word-wrap: break-word;
}
.td-rect img {
    margin: 0 auto;
}

.td-rect input {
    border: 2px solid #5599F3;
    font-family: 'Open Sans';
    font-weight: normal;
}

    .td-rect input[type="image"] {
        border: 0;
    }

.td-rect label {
    display: block;
    margin: 0;
    font-weight: normal;
}

.td-rect.dir2 label {
    display: inline-block;
}
.titulo-cesta {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 30px;
}
   
    .titulo-cesta .btn-volver {
    background-color: transparent;
    border-color: #ccc;
    border-radius: 36px;
    color: #000;
        align-self: right;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
        .titulo-cesta .btn-volver:hover .glyphicon.glyphicon-chevron-left {
            left: -8px;
        }
.btn-cont:hover {
    background-color: #636266;
    border-color: #636266;
    color: #fff;
}
.btn-cont + .btn-cont, #pagar, #realizar, #botonpago {
    background-color: #215D24;
    border-color: #215D24;
}
.btn-cont + .btn-cont:hover, #pagar:hover, #realizar:hover, #botonpago:hover, .btn-comprar:hover {
    background-color:#41A346;
    border-color:#41A346;
    color:#fff;
}
.btn-cont {
     color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    font-size: calc( 16px + (16 - 16)* (100vw - 320px)/(1920 - 320));
     padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-out 0s;
    width: auto;
    margin-bottom:30px;
    }
 
   
.btn-comprar {
    background-color: #215D24;
    border-color: #215D24;
    border-radius: 36px;
    color: #fff;   
    padding: 10px 20px;
    margin-bottom: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    }
.btn-cont .glyphicon.glyphicon-chevron-right {
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        right: -10px;
    }
.btn-cont:hover .glyphicon.glyphicon-chevron-right {
        right: -15px;
    }
.modal-backdrop {
    position:sticky;
    
}
/*.modal {
    top:calc( 35% - 43px );
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}*/
.modal-open .modal {
    background: rgba(0,0,0,0.5);
}
.modal.in .modal-dialog 
{
    -webkit-transform: translate(0, calc(50vh - 50%));
    -ms-transform: translate(0, 50vh) translate(0, -50%);
    -o-transform: translate(0, calc(50vh - 50%));
    transform: translate(0, 50vh) translate(0, -50%);
}
.err-pago {
    background-color: #fae9b7;
    padding: 5px;
}
.btnimg {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
.numerico {
  width: 50px;
}
.utienda {
  padding: 7px 0;
  text-align: center;
  /*! width: 20%; */
}
.pasos-flex {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    position: relative;
}

    .pasos-flex li {
        position: relative;
    }

        .pasos-flex li::before, .pasos-flex li::after {
            content: "";
            position: absolute;
            height: 4px;
            background: #E1ECE8;
            top: 20%;
        }

        .pasos-flex li:first-child::before, .pasos-flex li:last-child::after {
            background: none;
        }

        .pasos-flex li::before {
            width: 50%;
            left: 0;
        }

        .pasos-flex li::after {
            width: 50%;
            right: 0;
        }

        .pasos-flex li a {
            display: flex;
            padding: 0 15px;
            flex-direction: column;
            text-align: center;
            align-items: center;
        }

            .pasos-flex li a span {
                width: 50px;
                height: 50px;
                border: 4px solid #E1ECE8;
                color: #CECECE;
                border-radius: 50%;
                background: linear-gradient(#fff, #EEEEEE);
               
                font-weight: 800;
                position: relative;
                z-index: 1;
                font-size: 24px;
            }

        .pasos-flex li a.activo span {
            background: radial-gradient(circle, #000 0%, #000 40%, #000 40%, #000 100%);
            color: #fff;
            border: 4px transparent;
            padding: 4px;
        }

        .pasos-flex li a.activo h2 {
            color: #000;
        }

        .pasos-flex li h2 {
            color: #858585;
            font-family: latolight, sans-serif;
            font-weight: 900;
            font-size: 1em;
            font-size: calc( 24px + (16 - 16)* (100vw - 320px)/(1920 - 320)); 
            height: auto;
            margin: 15px 0;
            overflow: hidden;
            padding: 0;
            text-align: center;
        }