/* ==========================================================================
    BY Zoicer 
   ========================================================================== */

body{
	background-image:url(../img/fondo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#D87F00;
}
header{}
header .container{padding:0 !important;}
.header{height:120px; display:block;}
.header .pull-left{ margin-top:5px;}
.header .pull-right{ margin-top:45px;}
.navbar {border:none; margin:0;}
#menu-club a{ background:#FFF; margin-left:3px; color:#40A320;}
#menu-club a:hover,#menu-club a.active{ background:#FFD700;}
@media (max-width: 768px) {
	.navbar{ position:fixed; top:0; width:100%; right:0; }
	#menu-club {z-index:1999; top:0; position:absolute; width:90%;}
}

#slide .container{background:#FFF;padding:0;}
#slide .carousel-caption {right: 10px !important; width:310px; left:auto; padding:0;}
#slide .carousel-caption ul{ list-style:none; padding:0;}
#slide .carousel-caption ul li{ width:310px; height:50px; background-image:url(../img/caption.png); background-position:0 50px; overflow:hidden; padding:10px 0 10px 60px; margin-bottom:10px;
font-family:"Helvetica CondensedLight", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;font-stretch:condensed; text-align:left; }
#slide .carousel-caption ul li, #slide .carousel-caption ul li a{ color:#FFF; }
#slide .carousel-caption ul li.null{ background-image: none;}
#slide .carousel-caption ul li.active{background-position:0 0;}


#main, .blanco{ background:#FFF;}
#main{ margin-bottom:10px; padding:40px 60px 60px 60px;}
#main h1{ color:#31B133; font-size:16px; font-weight:bold; margin:0 0 20px 0}
#main p{ margin-bottom:25px;}

footer {line-height:133%;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:rgb(64,163,32); padding:30px 10px 50px 10px;}
footer h1{font-size:25px;}
footer p{font-size:15px;}

.cat-sup { padding:0 10px;}
.cat-sup div{ border:1px solid #000000; padding:5px !important;}
.cat-sup div img{ width:100% !important; height:auto;}
.cat-sup ul{ margin:10px 0 0 0; padding:0;}
.cat-sup ul li{ text-align:center; list-style:none; margin:0; padding:10px 0 }
.borde-top {border-top:1px dashed #000000; }
.cat-sup ul li a {font-size:18px; color:#31B133; text-transform:uppercase; font-weight:bold;}

#productos h4.categoria{ margin-left:-10px;}
#productos .menu{list-style-type:none; margin:0 0 30px -10px; padding:0;}
#productos .menu li{ margin-bottom:5px; }
#productos .menu li a{ font-size: 15px;line-height:15px;color:#31B133; text-transform:uppercase; }
#productos .menu li a.active{ color:#1A171B}
#productos .col-md-4{ margin-bottom:35px;}
#productos .img-thumbnail{background:#ECECED; width:100%; margin-bottom:10px;}
#productos hr{ border:1px dotted #1A171B}
#productos .img-thumbnail h3{ margin:5px; padding:0; font-size:14px;}
#productos header h1{ font-size:18px; margin:0 0 5px 0;}
#productos header h4{ font-weight:bold; margin:0 0 10px 0;}
#productos .marca-logo {max-height:50px; width:auto;}
#productos .nav-tabs .active a {background:#EEE; font-weight:bold; color:#40A320;}
#productos .nav-tabs a { text-transform:uppercase;}

#productos .promo{background:#FFD700;}
#productos .promo a{color:#31B133;}

#productos .carousel { width: 100% !important; margin-bottom:20px;}
#productos .article-slide .carousel-indicators {right:0px !important; max-width:160px !important; margin-right:0; margin-top:0; padding:0; left:auto;}
#productos .article-slide .carousel-indicators li {float:left;height: 50px;width: 50px;overflow:hidden;margin:0 3px 3px 0;border: 2px solid #FFF;border-radius:0;padding:0;}
#productos .article-slide .carousel-indicators img {float:left;height: 52px;left: 0;width: auto;}
#productos .article-slide .carousel-indicators .active {border: 3px solid #40A320 !important;opacity: 0.7;}
#productos .article-slide .item {padding-top:20px;}

#productos .promocion { left:10px; top:-25px; z-index:918; position:absolute;}
#productos .descuento { right:10px; bottom:10px; z-index:919; position:absolute;}
#productos .descuento span{background:#FFD700; font-size:30px; color:#FFF; font-weight:bold; font-style:italic; width:70px; height:70px; overflow:hidden; display:block; text-align:center; padding:15px 0}
#productos .tab-content section{ padding:10px;}

@media (max-width: 768px) {
	#productos .col-md-4{ margin-bottom:20px;}
	#main{ margin-bottom:10px; padding:20px;}
	#productos .article-slide .carousel-indicators {max-width:60px !important;}
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bs-marcas {
    margin: 0 -10px 20px;
    overflow: hidden;
}
.ul-marcas {
    padding-left: 0;
    list-style: none;
}
.ul-marcas li {
    float: left;
    width: 19%;
    height: 115px;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	cursor:pointer;
	margin:0 5px 10px 0;
}
.ul-marcas .text {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.is-active{ background-color: #D87F00; }
@media (max-width: 992px) {
	.ul-marcas li {
		width: 45%;
	}
}
.icon-footer img{
 margin: 0 0 0 5px;
}
.icon-header img{
	margin: 35px 5px;
}

@media (max-width: 480px){
	.nav>li>a { padding: 3px 15px; }
	.nav-justified>li>a { margin-bottom: 0px; border-bottom: 1px solid #325906; }
}