/* CSS Document */
*					{ -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }

body				 { background:#fff; font:16px/22px 'Lato', sans-serif; color: #666; text-align:justify; }

a:hover, a:focus { text-decoration:none; color:#3a2504; }
a { color:#000; }

.btn:active, .btn:focus { color:#fff;}


.nav-mobil      		{ float:left; border-top:1px solid #301f0b; width:100%; margin:0px 0 0 0; display:none; position:relative; z-index:999;  }
.nav-mobil ul  		{ float:left; width:100%; padding:0;  }
.nav-mobil li			{ float:left; list-style:none; width:100%; padding:0; position:relative; }
.nav-mobil li a 		{ float:left; text-decoration:none; width:100%; padding:7px  10px 7px 10px; font-size:18px; background-color:#fff; }
.nav-mobil li a:hover  { background:#000; color:#fff; }

.icon-menu-bar	{ display:none; }

#header			{ width:100%; padding:5px 0; position:absolute; z-index:100;  }
.logo					{ float:left; padding:20px 0 10px; }
.logo	:hover		{ opacity:0.95; }
.logo-movil 			{ float:left; width:100%; display:none; text-align:center; }
.logo-movil  img	{ float:none; }

/* Section */

.menu-scroll		 { position:fixed; z-index:999; width:100%; background:#fff; }

#section-top		 { float:left; width:100%; padding:7px 0 10px;  background:#000; }
#section-top	 .fa-shopping-bag	 { font-size:22px;  }

#section-menu								{ float:left; width:100%; padding:0px 0;  border-bottom:1px solid #efefef; }
#section-menu menu					{ float:right; width:auto; padding:10px 0 0; }
#section-menu menu ul					{ float:left; width:100%; }
#section-menu menu ul li				{ float:left; list-style:none; }
#section-menu menu ul li a			{ font:bold 16px Arial, Helvetica, sans-serif; color:#000; padding:10px 20px; }
#section-menu menu ul li a:hover { background-color:#000; color:#fff; }

/* End Section*/

#section-slider				{ float:left; width:100%; background-color:#000; margin:110px 0 0 0; }
#section-slider { float:left; width:100%;  }
#section-slider .carousel-inner .item { padding:100px 0 0 0; }
#section-slider p { font-size:50px; line-height:50px; }

.section-categorias .col-md-3 { margin:25px 0 0 0;}

.section-gral					{ float:left; width:100%; padding:30px 0; }
.section-categorias		{ padding:60px 0; }	
.bg-verde						{ background-color:#586731; }
.bg-f0f2f5						{ background-color:#f0f2f5; }


#section-footer		{ float:left; width:100%; padding:30px 0 200px; background:#000 url(../img/bg-footer.jpg) no-repeat top center; background-size:cover; }

#section-footer nav, #section-footer nav ul	{ float:left; width:100%; }
#section-footer nav li		{ float:left; width:100%; padding:3px 10px; border-bottom:1px dashed #999; list-style:none; }
#section-footer nav li a		{ float:left; width:100%; color:#999; text-decoration:none; padding:5px 10px; }
#section-footer nav li a:hover { color:#fff; }

#section-copy		{ float:left; width:100%; padding:7px 0; }

.section-interna	{ float:left; padding:30px 0; width:100%; margin:110px 0 0 0; }
.bg-contacto					{ background-image:url(../img/bg-contacto.jpg); background-repeat:no-repeat; background-size:cover; padding:150px 0; }

.bg-categorias				{ background-image:url(../img/bg-categorias-2.jpg); background-repeat:no-repeat; background-size:cover; padding:150px 0; }

.categorias ul				{ float:left; width:100%; padding:0; }
.categorias ul li				{ float:left; list-style:none;  }

.categorias .col-md-3 ul 	{ padding:0; margin:20px 0 20px 0; }
.categorias .col-md-3 ul li	 { float:left; width:100%; border-bottom:1px solid #ddd; }
.categorias .col-md-3 ul li	a { float:left; width:100%; padding:5px 7px; text-align:left;   }
.categorias .col-md-3 ul li a:hover { background:#748350; color:#fff; }
.categorias .col-md-3 ul li a.active { background:#748350; color:#fff; }

.section-gral	.col-md-9 ul li { min-height:450px; text-align:center; }

.interfaz-categorias		{ }
.interfaz-categorias .panel-default > .panel-heading { background-color:#000 !important; color:#fff !important; border-radius:0; float:left; width:100%; }
.interfaz-categorias .panel-default > .panel-heading h4 a { display:block; width:100%;  }
.interfaz-categorias .panel-default > .panel-heading h4 a:hover { color:#aaa; }

.title-productos-relaciados	{ background-color:#000; color:#ffff; padding:15px 20px; }

.form-contacto input[type="submit"],  input[type="submit"] {
    background:#958531; color:#fff; border:0; opacity:0.8;
    cursor: pointer;
    padding: 10px 15px;
}
.form-contacto input[type="submit"]:hover { opacity:1; }

.panel-default > .panel-heading {
    background-color: #88956a;
    border-color: #88956a;
    color: #fff;
}
.panel-default > .panel-heading a { color:#fff; }

/* back_top starts */
.back_top			{ bottom: 40px; display: none; position: fixed; right: 40px; z-index: 1000; }
.back_top a		{ background: #958531; color: #FFFFFF; display: inline-block; font-size: 23px; height: 44px; opacity: 0.8;
    text-align: center; width: 44px; }
.back_top a i	{ line-height: 44px; }
.back_top a:hover	{ opacity: 1; }

.btn-dorado	 				{ background:#958531; color:#fff; }
.btn-dorado:hover			{ opacity:0.8; }


/* slider */

.font-opens-sans 			{ font-family: 'Open Sans', sans-serif; }
.font-great-vibes 			{ font-family: 'Great Vibes', cursive;}
.font-playfari-display 	{ font-family: 'Playfair Display', serif;}
.font-lato						{ font-family: 'Lato', sans-serif; }	
.font-tangerine     			{ font-family: 'Tangerine', cursive; }


.padding-0					{ padding:0; }		

.color-dorado		{ color:#958531; }
.color-000				{ color:#000; }
.color-fff				{ color:#fff; }
.color-efefef			{ color:#aaa; }

a.color-fff:hover { color:#f4f4f4; }

.opacity-80:hover	{ opacity:0.8; transform:scale(1.05) }

.font-size-11 		{ font-size:11px }
.font-size-12 		{ font-size:12px }
.font-size-14 		{ font-size:14px }
.font-size-16 		{ font-size:16px }
.font-size-18 		{ font-size:18px }
.font-size-20 		{ font-size:20px }
.font-size-22 		{ font-size:22px }
.font-size-24 		{ font-size:24px }
.font-size-26 		{ font-size:26px }
.font-size-28 		{ font-size:28px }
.font-size-30 		{ font-size:30px }

.font-size-32 		{ font-size:32px }
.font-size-34 		{ font-size:34px }
.font-size-36 		{ font-size:36px }
.font-size-38 		{ font-size:38px }
.font-size-40 		{ font-size:40px }
.font-size-42 		{ font-size:42px }
.font-size-44 		{ font-size:44px }
.font-size-46 		{ font-size:46px }
.font-size-48 		{ font-size:48px }
.font-size-50 		{ font-size:50px }
.font-size-52 		{ font-size:52px }
.font-size-54 		{ font-size:54px }
.font-size-56 		{ font-size:56px }

.lo-nuevo .col-md-3 { min-height:470px; padding-top:15px; padding-bottom:15px; }


@media (min-width: 768px) and (max-width: 1024px) {
	
	#section-menu [class*="col-"] { width:100%; overflow:hidden  }
	#section-top  [class*="col-"] { width:100%; overflow:hidden  }
	
	menu { display:none; }
	
	.fa-bars { display:block !important; }
	#section-footer { background-image:none; }
	
	.icon-menu-bar	{ color:#697943; font-size:32px; margin:15px 7px 15px; display:block;  z-index:999; position:absolute; top:10px; right:30px; }
	.icon-menu-bar:hover, .icon-menu-bar:active { color:#000; }
	
    
}
@media (max-width: 800px) {
   
   body { text-align:left; }
   #section-menu [class*="col-"] { width:100%; overflow:hidden  }

   
   #section-top  .col-md-8 { display:none; }
   
   #section-footer { background-image:none; padding-bottom:40px; }
   
   #section-menu .col-md-3 img { width:240px; }
   menu { display:none; }
   
   .fa-bars { display:block !important; }
   .icon-menu-bar	{ color:#697943; font-size:32px; margin:15px 7px 15px; display:block;  z-index:999; position:absolute; top:10px; right:30px; }
   .icon-menu-bar:hover, .icon-menu-bar:active { color:#000; }
   
   #section-copy  [class*="col-"] { text-align:center; }
   
   #section-slider .slider {  background-position:left center !important; min-width:500px !important; background-color:rgba(0,0,0, 0.5);  }
   #section-slider .slider h2, #section-slider .slider p { width:100%; font-size:40px !important; }
   
   #section-slider .slider .col-md-6 { width:80% !important; padding-right:40px !important; }
   .bg-categorias 							{ padding:50px 0 !important; }
    .bg-categorias h2 { font-size:40px !important; }
   
   
}

@media (max-width: 480px) {
   [class*="col-"] { width:100%;  }
   
   #section-slider .slider .col-md-6 { width:80% !important; padding-right:40px !important; }
   .bg-categorias 							{ padding:50px 0 !important; }
   .bg-categorias h2 { font-size:26px !important; }
   
}
@media (min-width: 768px) { 
	
}

@media only screen and (orientation: portrait) {
    #myCarousel .item { min-height:350px !important }
	
	#section-slider .carousel-inner .item { padding:20px 0 0 0; }
	#section-slider p { font-size:30px; line-height:35px; }
}