/* CSS Document */

.column-left{
	padding:0px;
}
.menu-categorias h3{
	margin:0;
	background-color:#583F3E;/*#CACBCF*/;
	color:white;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:37px;
	font-size:1.3em;
}
.menu-categorias ul{
	width:100%;
}
.menu-categorias ul li {
	background-color:#775553;/*#F6F6F6;*/
}
.menu-categorias ul li a{
	color:white;/*#333743;*/
	text-decoration:none;
	padding-left:37px;
}
.sf-horizontal{
	
}


.banner{
	position:relative;
	overflow: hidden;
	margin:10px;
	width:100%;
	max-width:274px;
	 display:block;
}
.titulo-interno{
	display: none;
	color: black;
	font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.banner:hover img{
    -webkit-transform:scale(1.3); /* Safari and Chrome */
    -moz-transform:scale(1.3); /* Firefox */
    -ms-transform:scale(1.3); /* IE 9 */
    -o-transform:scale(1.3); /* Opera */
    transform:scale(1.3);
	
}
.banner:hover .titulo-interno{
	position: absolute;
	display: inline-block;
	font-weight: bold;
	width: 100%;
	left: 0px;
	top: -50px;
}
.banner img{
	/* Aumentamos la anchura y altura durante 2 segundos */
    transition: width 0.5s, height 0.5s, transform 0.5s;
    -moz-transition: width 0.5s, height 0.5s, -moz-transform 0.5s;
    -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
    -o-transition: width 0.5s, height 0.5s,-o-transform 0.5s;
}

.banner .bg{
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(143,143,143,0.36);
	width:100%;
	height:100%;
	
}
.banner .bg:hover{
	background-color:rgba(251,251,251,0.30);
}
.banner .bg .caja{
	color:white;
	font-size:1.2em;
	width:100%;
	height:auto;
	position:absolute;
	top:40%;
	text-align:center;
	text-shadow: black;
}




@keyframes droplinea {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes droplinea2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

#pie-linea-productos1{
	/* This section calls the dropHeader animation we defined above */
  animation: 1s ease-out 0s 1 droplinea;
}
#pie-linea-productos2{
	/* This section calls the dropHeader animation we defined above */
  animation: 1s ease-out 0s 1 droplinea2;
}


@media screen and (max-width: 480px)  
{
    .navbar-fixed-top
    {
       position:static;
    }   
	header{
		padding-top:0;
	}
	.linea2 .col-xs-12{
		padding-left:0px;
	}
	.nav-general .list-inline li{
		margin:0px;
		padding-left:1px;
		font-size:12px;
	}

}
@media only screen and (min-width: 600px) {
	.navbar-fixed-top
    {
       position:static;
    }   
	header{
		padding-top:0;
	}
	.nav-general .list-inline li{
		margin-left:10px !important;
	}
}