
@import url(//fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i);
@charset "UTF-8";
  
  img{
      color:rgba(200,200,200,0); 
  }

  .texto-vertical {
    float: left;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    margin-left: 50px;
    padding: 10px;
    background-color: rgba(37, 34, 34, 0.3);
    opacity: 0.9;
    font-size: 1.8em;
    color: #FFF;
    text-transform: uppercase;
  }

  .texto-vertical-1 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
  }
   

  .texto-vertical-2 {
      width: 20px;
      word-wrap: break-word;
      text-align: center;
      letter-spacing: 6px;
  }


  .form-control:focus {
      border-color: rgba(0,123,255,0.35);
      box-shadow: 0px 0px 6px 0.1rem rgba(0,123,255,0.16);
  }

  .select-width{
    max-width:270px;
  }

  #encabezado a{
    font-size: 83%;
    letter-spacing: 0.20px;
  }

  #captcha2{
    width:100%; 
    max-width:153px; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:1; 
    opacity:0.65; 
    border:1.3px 
    solid #886 !important;
  }

  .text-theme {
    color: #bfb683 !important;
  }

  .mt--3{
    margin-top:-3px;
  }
  .mb--5{
    margin-bottom:-5px;
  }
  .mb--7{
    margin-bottom:-7px;
  }
  .ene{
    color:#0e5ff3;
  }
  .feb{
    color:#0e9fc3;
  }
  .mar{
    color:#0ebfb3;
  }
  .abr{
    color:#45c084;
  }
  .may{
    color:#7dc059;
  }
  .jun{
    color:#beb035;
  }
  .jul{
    color:#fca702;
  }
  .ago{
    color:#fca702;
  }
  .sep{
    color:#e5b53f;
  }
  .oct{
    color:#d5c56f;
  }
  .nov{
    color:#7595b0;
  }
  .dic{
    color:#0e5ff3;
  }


table a{
  color:#a96;
  font-weight: bold;
  padding:13px;
}

.btn-oro, .btn-oro::after, .btn-oro::before{
  background-color:#ba8;
  border:1px solid #ba8;
  color:#ffe;

}

.btn-oro:hover, .btn-oro:active, .btn-oro:focus, .btn-oro:visited{
  background-color:#cb8;
  border:1px solid #cb8;
  outline: 0;
  box-shadow: 0px 0px 0px 0.2rem rgba(250,240,195,0.25);
}

.breadcrumb {
    border:1px solid #e9e9e6;
    background-color: #f8f8f5;
}


body {
	padding-top:0px;
	background-color:#fefefa !important;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #68696e;
    line-height: 1.8em;
    font-weight: 500;
}

.shadow{
    -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
    
}




  #back-top {
    text-align: center;
    position: fixed;
    cursor: pointer;
    right:5% !important;
    bottom:15px !important;
    z-index: 99;
    background: #d5bb8a;
    color: white;
    font-size: 20px;
    line-height: 55px;
    border-radius:4px;
    opacity:0.7;
  }  
  #back-top div{
    padding:18px 13px;
  } 

  #back-top div, 
  #back-top div.focus, 
  #back-top div:visited{
    color:white !important;
  }  
  #back-top:hover{ 
    opacity:1;
  }








.tachado{text-decoration:line-through;}

.visibilityOff {visibility: hidden;}
.op-00{opacity:0 !important;}
.op-02{opacity:0.2;}
.op-04{opacity:0.4;}
.op-06{opacity:0.6;}
.op-08{opacity:0.8;}
.op-10{opacity:1;}

.font-size-95{font-size:95% !important;}
.font-size-90{font-size:90% !important;}
.font-size-85{font-size:85% !important;}
.font-size-80{font-size:80% !important;}
.font-size-75{font-size:75% !important;}
.font-size-70{font-size:70% !important;}

.transition15{
  transition: all 1.5s ease 0s;
  -moz-transition: all 1.5s ease 0s;
  -webkit-transition: all 1.5s ease 0s;
  -ms-transition: all 1.5s ease 0s;
  -o-transition: all 1.5s ease 0s;  
}

.transition10{
  transition: all 1.0s ease 0s;
  -moz-transition: all 1.0s ease 0s;
  -webkit-transition: all 1.0s ease 0s;
  -ms-transition: all 1.0s ease 0s;
  -o-transition: all 1.0s ease 0s;  
}
.transition05{
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;  
}

.btn-outline-success {
    color: #bfb683;
    background-color: transparent;
    background-image: none;
    border-color: #bfb683;
}

.btn-outline-success:hover {
    background-color: #bfb683;
    border-color: #bfb683;
}

.btn-success {
    color: #fff;
    background-color: #d5bb8a;
    border-color: #d5bb8a;
}

.btn-success:hover {
    background-color: #b5ab7a;
    border-color: #b5ab7a;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0px 0px 0px 0.2rem rgba(170,167,69,0.37);
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0px 0px 0px 0.2rem rgba(170,167,69,0);
}


.btn-success:active {
    background-color: #b5ab7a !important;
    border-color: #b5ab7a !important;
    box-shadow:0px 0px 0px 0.18rem rgba(160,157,64,0.47) !important;
}


.bg-light{
  background-color:transparent !important;
}

input[type=checkbox], input[type=radio] {
	width:20px;
	height:20px;
	margin-bottom:-4px;
	margin-right:3px;
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-angle-double-up::before {
    content: "\f102";
}


.navbar-inverse .navbar-nav > li > a {
    letter-spacing: -0.2px;
    padding-right: 8px;
}


/*Estilo para poder meter iconos FontAwesome en los placeholders de los input*/
textarea, input {
  padding:10px;
  font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /* &#xe0da;&#xe0be; &#xf02b;*/
}  

input::-moz-placeholder, 
input::-ms-input-placeholder, 
input:-ms-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input::placeholder, 
input::-webkit-input-placeholder{
  opacity:0.45 !important;
  font-style:italic;
  font-weight:100;
  font-size:15px !important;
  color:#cfc693 !important;
}

input::-webkit-input-placeholder{
  opacity:0.45 !important;
  font-style:italic;
  font-size:15px !important;
  color:#cfc693 !important;
}

textarea::-moz-placeholder, 
textarea::-ms-input-placeholder, 
textarea:-ms-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea::placeholder, 
textarea::-webkit-input-placeholder{
  opacity:0.45 !important;
  font-style:italic;
  color:#cfc693 !important;
}

textarea::-webkit-input-placeholder
{
  opacity:0.45 !important;
  font-style:italic;
  color:#cfc693 !important;
}

a, .a{
	color:#d5bb8a;
}

a:hover, .a:hover{
	color:#c5a47a;
	text-decoration:none;
}

a:focus, .a:focus{
	text-decoration:none;
}


/*LOGIN STYLES************** */

#login-dp {
    min-width: 250px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    right: -80% !important;
    left: auto;
    width:100%;
    margin-bottom:10px;
}

#login-dp a{
	color:rgba(0,0,0,0.8) !important;
	width:100%;
}

#login-dp a:hover{
	background-color:#ffe !important;
}

#login-dp b div{
	width:15px;
	float:left;
	text-align:center;
	margin-right:5px;
}


#login-dp .help-block{
    font-size:13px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
/*end login styles************** */

.form-group label {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left:5px;
    margin-left: 0 !important;
    opacity: 0.8;
}


.dropdown-divider {
    border-top:1px solid #dfd6c3 !important;
}


#centro {
	padding-top:25px;
}

#footer.social li {
    margin: 0 8px 8px 0;
}


#col-left, #col-right{
	padding-top:24px;
	padding-bottom:20px;
}

.button_off {
	color:#ddd;
	text-align:center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid #ccc !important;
  background-color: transparent;
}

.carousel {
    text-align:center;
    margin-top:10px;
}

.carousel-caption-modify {
    position: relative !important;
    left: 0% !important;
    right: 0% !important;
    bottom: 0px !important;
    color: #575 !important;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.2) !important;
    padding-bottom:10px !important;
}

.carousel-control {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.carousel-control:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#indicators-up.carousel-indicators li {
    border: 1px solid #190;
   /* background-color: #4D0 \1;
    background-color: rgba(70, 210, 0, 0.1);*/
}

#indicators-up.carousel-indicators li.active {
    border: 1px solid #080;
    background-color: #4D0 \7;
    background-color: rgba(70, 210, 0, 0.6);
}


#indicators-up.carousel-indicators {
    position: relative;
    width: 100%;
    left:0;
    margin-left:0;
}


.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 30%;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.1) 0, rgba(0,0,0,0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.1) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}



.navbar-inverse{
	background:linear-gradient(#C0CFC3, #707F73);
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background-color:rgba(0, 0, 0, .1);
	border: 1px solid rgba(245, 255, 245, .3);
}

.dropdown .active .open{
	background-color:rgba(245, 255, 245, .1);
}

.dropdown-menu{
	background:linear-gradient(#f8f9fa, #efe6d3);
	border:1px solid #efe6d3;
  z-index:1100 !important;
}


.dropdown-menu li a {
    padding-top: 9px;
    padding-bottom: 10px;
}



.aligncenter{
   align-self:center;
}

.premios {
	font-size: 13px;
	font-style: italic;
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: #a70;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align: center;
	height: auto;
}

/*
.dropdown-menu div {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	height:0;
	opacity:0;
}

.dropdown div a:focus {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	height:auto;
	opacity:1;
}*/


#pre_enca{
	position:relative;
	z-index:1002;
	margin:0;
	padding:5px 15px 0;
	outline:none;
	/*background: #b0bFb3;
    background: -moz-linear-gradient(#101F13,#C0CFC3);
    background: -webkit-linear-gradient(#101F13,#C0CFC3);
    background: -o-linear-gradient(#101F13,#C0CFC3);
    background: -ms-linear-gradient(#101F13,#C0CFC3);
    background: linear-gradient(#101F13,#C0CFC3);*/
}

#logo_escudo{
padding:2%; 
border: currentColor; 
border-image: none; 
position: relative; 
opacity:0.7;
}

#logo_escudo:hover{
opacity:0.97;
}

.col-align-center{
	align-self:center;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


/* Footer Styles */
#prefooter{
}
.full {
    width: 100%;    
}
.gap {
	height: 30px;
	width: 100%;
	clear: both;
	display: block;
}
.footer {
	background: #EDEFF1;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.footer p {
	margin: 0;
}
.footer img {
	max-width: 100%;
}
.footer h3 {
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
	text-decoration:none !important;
}

.footer ul li a:hover {
	color:#222;
}

.footer a {
	color: #78828D
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
	background: #FFFFFF;
	display: inline-block;
	float: left;
	height: 30px;
	clear: both;
	width: 100%;
}
.newsletter-box .btn {
	border: medium none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 40px;
	padding: 0;
	width: 100%;
	color: #fff;
}
.newsletter-box {
	overflow: hidden;
}
.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	border: 2px solid #262;
	background: #262;
}

.social li a {
	color: #EDEFF1;
	text-decoration:none !important;
}

.social li a i {
	/*font-size: 16px;*/
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}

.logo{
	opacity:0.6;
}
.logo:hover{
	opacity:0.9;
}

.payments {
	font-size: 1.5em;	
}

/* End footer styles*/


.datagrid table { 
border-collapse: collapse; 
text-align: left; 
width: 100%; 
} 

.datagrid {
font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; 
background: #fff; 
overflow: hidden; 
border: 1px solid #96b58D; 
-webkit-border-radius: 1px; 
-moz-border-radius: 1px; 
border-radius: 1px; 
}

.datagrid table td, .datagrid table th { 
padding: 3px 5px; 
}

.datagrid table thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97b490), color-stop(1, #b6d5bD) );
background:-moz-linear-gradient( center top, #97b490 5%, #b6d5bD 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#97b490', endColorstr='#b6d5bD');
background-color:#97b490; 
color:#686; 
font-size: 12px; 
letter-spacing: 1.2px;
font-weight: bold; 
border-left: 1px solid #DDEDDF; 
padding-left:3px !important;
} 

.datagrid table thead th:first-child { border: none; text-align:center; padding-left:4px !important;}

.datagrid table thead tr:first-child th { padding-left:4px !important;}

.datagrid table tbody td { 
color: #275420; 
border-left: 1px solid #C6FFC2;
font-size: 12px;
border-bottom: 1px solid #E1EEF4;
font-weight: normal; 
}
.datagrid table a{
	color:inherit;
	text-decoration:none;
}
.datagrid table a:hover{
	color:#190;
}

.datagrid table tbody td:first-child { border-left: none; }

.datagrid table tbody tr:last-child td {border-bottom: none; border:1.8px solid rgba(223, 255, 222)}

.datagrid table tfoot td div { border-top: 1px solid #96b58D;background: #eFFFeE; } 

.datagrid table tfoot td { padding: 0; font-size: 10px } 

.datagrid table tfoot td div{ padding: 2px; }

#no-paging table td {border:0 rgba(0,0,0,0);}

#btn-search {
    border: none;
    font-size: 150%;
    transition: all, .2s linear; 
    color:#888;
    background-color:rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0rem rgba(248,249,250,0);
    opacity:0.7;
}

#btn-cart {
    border: none;
    font-size: 170%;
    transition: all, .2s linear; 
    color:#888;
    background-color:rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0rem rgba(248,249,250,0);
    opacity:0.7;
}

nav.navbar.shrink #btn-search{

}

#btn-search.focus, #btn-search:focus,
#btn-cart.focus, #btn-cart:focus {
    box-shadow: 0px 0px 0px 0rem rgba(248,249,250,0);
}

#btn-search:hover,
#btn-cart:hover{
  color:#aa7;
  background-color:rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0rem rgba(248,249,250,0);
  opacity:1;
}

#quantity-cart {
    position: absolute;
    right: 22%;
    color: white;
    font-size: 37%;
    font-weight: 500;
    top: 21%;
    display: none;
    padding: 0;
}



.fa-shopping-cart.green {
  color:#28a745 !important;
}

.fa-shopping-cart.green  > #quantity-cart {
  display:inline;
}

/* Media querys BOOTSTRAP*/

@media(max-width:768px){
    #login-dp{
        background-color: inherit;
    }

    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
    .tbl_carrito{
      font-size:80% !important;
    }

    .detail_line_body {
        height: 400px !important;
    }
    .detail_line_body table{
      width:95% !important;
      margin-left:auto !important;
      margin-right:auto !important;
      float:none !important;
    }
    .detail_line_body p{
      float:none !important;
      width:100% !important;
    }
    .detail_line_body div.w-25{
      float:none !important;
      margin:10px auto !important;
    }
}


@media (min-width: 768px) {
  .lead {
    font-size: 18px;
  }
}




@media (min-width: 1200px) {
    #langselect {
        margin-right: 15px;
    }

  .toolbar{
    position:absolute;
    right:120px;
  } 
   
    nav.navbar.shrink {
      height: 45px;
      background-color: #fdfdf3 !important;
      border-color: #eaeae0 !important;
    }  
    .fixed-top{top:50px;}
    #login-li{
        right: 105px; 
        position: absolute;     
    }

    .langselect{
      position:absolute;
      right : 0px;
    }

    .searcher input{
      max-width:290px;
    }

    #col-right{padding-right:0;}
    .dropdown-menu.show .row {
      -ms-flex-wrap: nowrap;
      flex-wrap:nowrap;
   }
}

@media (min-width: 992px) and (max-width: 1200px)  {
    #langselect {
        margin-right: 15px;
    }  
    .toolbar{
      position:absolute;
      right:120px;
    }     
   
    nav.navbar.shrink {
      height: 45px;
      background-color: #fdfdf3 !important;
      border-color: #eaeae0 !important;
    }  
    .fixed-top{top:50px;}
    #login-li{
        right: 111px; 
        position: absolute;     
    }

    .langselect{
      position:absolute;
      right : 6px;
    }
    #col-right{padding-right:0;}
    .dropdown-menu.show .row {
      -ms-flex-wrap: nowrap;
      flex-wrap:nowrap;
   }

    .searcher input{
      max-width:290px;
    }   
}


@media (min-width: 768px) and (max-width: 992px) {

  #langselect {
        margin-right: 0px;
  }  
  .toolbar{
    position:absolute;
    right:100px;
  }   
  
  li.nav-item.dropdown{
    font-size:93% !important;
    padding-right:;
    padding-left:;
  }  
    nav.navbar.shrink {
      height: 45px;
      background-color: #fdfdf3 !important;
      border-color: #eaeae0 !important;
    }
    .fixed-top{top:50px;}
    #login-li{
        right: 85px; 
        position: absolute;     
    }

    .langselect{
      position:absolute;
      right : 14px;
    }
    .dropdown-menu.show .row {
      -ms-flex-wrap: nowrap;
      flex-wrap:nowrap;
   }
  #img-flag{
    display:none;
  }

    .searcher input{
      max-width:290px;
    }
}

@media (min-width:676px) and (max-width: 768px) {
    #langselect {
        margin-right: 0px;
    } 

.toolbar{
  position:absolute;
  right:80px;
  top:10px;
} 
#btn-search{
  font-size:170% !important;
  top: 10px;
}
#btn-cart{
  font-size:170% !important;
  top: 10px;
}
#btn-cart.visibilityOff{
  display:none !important;
}
.navbar-collapse{ 
    background-color: #fcfcf8 !important;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom:7px;
    transition: all, 0s linear; 
    -webkit-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    -moz-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);    
}  
  nav.navbar.shrink {
    height: 65px;
    transition:none !important;
    padding-top:0 !important;
  }  
  .fixed-top.shrink{
    background-color:white !important;
  }  
  .fixed-top{top:0px;}
   #pre_enca{
   	  display:none;
   }
   .dropdown-menu.show .row {
      -ms-flex-wrap: wrap;
      flex-wrap:wrap;
   }

  .searcher input{
      max-width:90%;
      width:90% !important;
  }

}

@media (min-width:560px) and (max-width: 676px) {
    #langselect {
        margin-right: 0px;
    }  
.toolbar{
  position:absolute;
  right:80px;
  top:10px;
} 

#btn-search{
  font-size:170% !important;
  top: 10px;
}
#btn-cart{
  font-size:170% !important;
  top: 10px;
}
#btn-cart.visibilityOff{
  display:none !important;
}
  .navbar-collapse{ 
    background-color: white !important;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 20px;
    transition: all, 0s linear; 
    -webkit-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    -moz-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);    
}
  .fixed-top.shrink{
    background-color:white !important;
  }
  .fixed-top{top:0px;}
   #pre_enca{
   	  display:none;
   }
   .dropdown-menu.show .row {
      -ms-flex-wrap: wrap;
      flex-wrap:wrap;
  }
  .searcher input{
      max-width:90%;
      width:90% !important;
  }  

}

@media (min-width:360px) and (max-width: 560px) {
.toolbar{
  position:absolute;
  right:80px;
  top:10px;
} 

#btn-search{
  font-size:170% !important;
  top: 10px;
} 
#btn-cart{
  font-size:170% !important;
  top: 10px;
}
#btn-cart.visibilityOff{
  display:none !important;
}
  .navbar-collapse{ 
    background-color: white !important;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 20px;
    transition: all, 0s linear; 
    -webkit-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    -moz-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);    
}
  .fixed-top.shrink{
    background-color:white !important;
  }
  .fixed-top{top:0px;}
   #pre_enca{
   	  display:none;
   }
   .dropdown-menu.show .row {
      -ms-flex-wrap: wrap;
      flex-wrap:wrap;
  }
  .searcher input{
      max-width:90%;
      width:85% !important;
  }  
}

@media (min-width:1px) and (max-width: 360px) {
.toolbar{
  position:absolute;
  right:80px;
  top:10px;
} 

#btn-search{
  font-size:170% !important;
  top: 10px;
} 
#btn-cart{
  font-size:170% !important;
  top: 10px;
}
#btn-cart.visibilityOff{
  display:none !important;
}
  .navbar-collapse{ 
    background-color: white !important;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 20px;
    transition: all, 0s linear; 
    -webkit-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    -moz-box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);
    box-shadow: 3px 12px 20px 0px rgba(112,92,51,0.45);    
}
  .fixed-top.shrink{
    background-color:white !important;
  }
  .fixed-top{top:0px;}
   #pre_enca{
   	  display:none;
   }
   .dropdown-menu.show .row {
      -ms-flex-wrap: wrap;
      flex-wrap:wrap;
   }   
  .searcher input{
      max-width:90%;
      width:85% !important;
  }   
}


/* ********** Media querys BOOTSTRAP************* */





.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030;
    background-color:#fefefa !important;
}


.navbar-fixed-bottom, .navbar-fixed-top {
    border-radius: 0;
}
.navbar-fixed-top {
    top: 0px;
    border-width: 0 0 1px;
}


/*********************************/

.tooltip h6{
  opacity:1 !important;
  margin-top: 5px;
}

/*********************************/


/* ESTILOS CARRITO COMPRA 
*************************** */
.tbl_carrito{
  width:100%;
  border-collapse: separate;
  font-weight:400;
  font-size:90%;
  line-height:1.5em;
  margin-bottom:10px;
  min-width:550px;
}
.tbl_carrito img.logotch{
    position: absolute;
    top: 33px;
    right: 30px;
    width: 46px;
    opacity: 0.65;
}
.tbl_carrito thead{
  font-size:115%;
}

.tbl_carrito thead tr{
  height:35px;
}

.tbl_carrito thead tr td{
  border-bottom:1px solid #ccc;
}

.tbl_carrito tbody tr{
  min-height:15px;
}

.tbl_carrito td {
    transition: all 0.8s linear 0.2s;
}

.tbl_carrito tbody tr td{
  background-color:#f8f8f8;
  border:1px solid #f5f5f5;
}

.tbl_carrito tbody tr:first-child td{
  background-color:#888 !important;
  color:#fff !important;
  border:1px solid #8f8f8f;
}

.tbl_carrito tbody tr:last-child td{
  background-color:#fff;
  border:none;
}

.tbl_carrito tbody tr td:first-child{
  width:90px;
}

.tbl_carrito tbody tr td:nth-child(5),
.tbl_carrito tbody tr td:nth-child(4),
.tbl_carrito tbody tr td:nth-child(3){
  width:65px;
}
.tbl_carrito tbody tr td:nth-child(6){
  width:80px;
  color:#ba8;
  font-style:italic;
}
.tbl_carrito tbody tr td:nth-child(7){
  background-color:white !important;
  font-size:120%;
  border:none;
  width:70px;
}
.tbl_carrito tbody tr td:nth-child(7) i{
  opacity:0.8;
  font-size:18px !important;
  padding:4px 7px;
  margin:0 1px;
  cursor:pointer;
  color:#ba8;
}
.tbl_carrito tbody tr td:nth-child(7) i:hover{
  opacity:0.8;
}
.tbl_carrito .delLin:hover{
  color:red !important;
}
.tbl_carrito .viewLin:hover{
  color:#009bdf !important;
}
.tbl_carrito .carr_txt{
  width:100%;
  text-align: center;
  border-radius:4px;
  padding-bottom: 4px;
  font-style: italic;
  padding-top: 4px;
  margin-bottom:-3px;
  color: #420;
}
.tbl_carrito .carr_txt b {
    font-size: 105%;
    letter-spacing: 0.7px;
    font-weight: 500;
}

.tbl_carrito .invert{
  background-color:#dca;
}

.tbl_carrito .carr_tot_prenda{
  margin-bottom:15px;
  margin-top:5px;
  font-style:italic;
  text-align:center;
}

.tbl_carrito .parcial td{
  background-color:transparent !important;
  border:none !important;
}

.tbl_carrito .parcial td:first-child div {
    letter-spacing: 0.6px;
    word-spacing: 1.6px;
}


.tbl_carrito .carr_lblTitle{
  text-transform: uppercase;
  font-weight:bold;
}

.scroll-x{
  overflow-x:scroll !important;
}

.taxes{
  font-style:italic;
  font-size:88%;
  color:#ba8;
  letter-spacing:.4px;
}
.tbl_carrito tbody tr.closing {
    min-height: 0 !important;
}

.modal-content{
  min-height:50px;
  overflow:hidden;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.detail_line_cart {
    position: absolute;
    right: -100%;
    top: 53px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.65);
    padding: 15px;
    transition: all 0.4s linear 0.05s;
    width: 100%;
    height: 106%;
}
.detail_line_cart div{
  background-color:#fff;
}

.detail_line_cart.shown{
    right: 0;
}

.detail_line_container{
  margin:3% auto;
  overflow:hidden;
}
.detail_line_body{
  margin-top:5px;
  padding:5px 15px;
  height:300px;
}
.detail_line_body .h6{
  font-weight:200;
  font-size: 0.9rem;
}

.detail_line_body .h6 b{
  color:#ba8;
  font-weight:500;
  letter-spacing:0.4px;
  word-spacing:1.5px;
  margin:0 3px;
}
.detail_line_body a{
    float: right;
    padding: 15px;
}
.detail_line_body p{
    float: right;
    text-align: center;
    margin-top: 50px;
    margin-bottom:0;
    margin-right: 15px;
    font-weight: 400;
    width:71%;
}

.detail_line_body th, .detail_line_body td{
  text-align: center;
  padding: 3px 3px 0 3px;
}
.detail_line_body th div{
  text-align: center;
  background-color:#cb9;
  color:white;
  border-radius:3px;
}
.detail_line_body td div{
  text-align: center;
  background-color:#f7f7f7;
  border-radius:2px;  
  height:26px;  
  width:100%;
}

.detail_line_footer{
  height:13%;
}
.detail_line_footer i{
  cursor:pointer;
  float:right;
  padding:18px 25px;
  font-size:190%;
  color:#ba8;
  opacity:0.6;
}
.detail_line_footer i:hover{
  opacity:0.9;
}
tr.bliking td{
  background-color:#aaffcc !important;
  color:#000;
  font-weight: 600;
}

tr.closing td{
  overflow: hidden;
  opacity:0.2;
  vertical-align:top !important;
  font-size:5%;
  padding-top:0;
  padding-bottom:0;
  height:0;
  line-height:0 !important;
}

tr.closing td i{
  display:none !important;
}

tr.closing td:first-child input{
  display:none;
  width:0;
  height:0;
}

tr.closing.erasing td:first-child{
  max-width:40px;
  min-width:40px;
  width:40px;
}

tr.erasing td {
    background-color: #dd4444 !important;
    color: #eee !important;
    font-weight: 600;
}
.boldmessage{
    color: orange;
    font-size: 115%;
    padding: 6px 0px;
    border: 2px solid orange;
    border-radius: 20px;
    margin: 6px;
    opacity:0.7;
}

div.premessage{
  margin:9px 0;
}

span.boldmessage{
    padding: 1px 10px 6px !important;
}