/* General */

.contain{
	object-fit:contain ;
	width: 100%;
	height: 150px;
	border-width: 2px;
	padding: 2px;
  } 

.up{
	background-color: #FA6610;
	color: #FFF;
	padding: 10px;
	}
	
.seccion-logo{
	background-color: #FFF;
	background-image: url(../imagenes/fondo-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
	}

.tipo{
	font-family: fuente;
	}	

.tipo2{
	font-family: fuente2;
	}		

.color1{
	color: #FA6610;
	}		
		
.color2{
	color: #000;
	}	

.colorblanco{
	color: #FFF;
	font-family: fuente;
	}	

.colornegro{
	color: #000;
	font-family: fuente;
	}		

.whats{
	font-size: 25px;
	color: #66CC00;
	}	
/* General */

/* Baner */
.seccion-baner{
	background-image:url(../baner/fondo-baner.png);
	background-repeat:repeat-x;
	background-position: top center;
	}	

/* Baner */

/* Index */
.seccion-secciones{
	background-image:url(../imagenes/fondo-secciones.png);
	background-repeat:repeat-x;
	background-position: top center;
	}	
	
.seccion-nosotros{
	background-image:url(../imagenes/fondo-nosotros.png);
	background-repeat:repeat-x;
	background-position: top center;
	}		
	
.fondo-imagen{
	background-image:url(../imagenes/fondo-imagen.png);
	background-position: center;
	background-repeat:repeat;
    color:#FA6610;
	}	

.seccion-new-productos{
	background-image:url(../imagenes/fondo-new-productos.png);
	background-position: center;
	background-repeat:repeat;
    color:#666;
	}	

/* Index */


/* Categorias Seciones */
.regresar{
	font-size: 22px;
	color:#666;
	}		

.precio{
	font-size: 25px;
	color: #930;
	}
/* Categorias Seciones */

/* Footer */
footer {
	background-image: url(../imagenes/fondo-top.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#000;
	position: relative;
	color: #FFF;
	}

.copy{
	background-color: #666666;
	color: #FFF;
	padding: 10px;
	}
/* Footer */	


/* Tools */
.fondo-nau{
		background-color:#000;
		padding:10px;
		color:#FFF;
		}	

.fondo-negro {
	background-color:#000;
	color: #FFF;
	text-align:center;
	}	
	

@font-face {
	font-family: fuente;
	src: url("../fuente.TTF") format("opentype");
	}

@font-face {
	font-family: fuente;
	src: url("../fuente2.TTF") format("opentype");
	}	

.zoom {
    margin: 0 auto;
	transition: transform .2s; /* Animation */
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.whats-flotante{
	position: fixed;
	z-index:5.0;
	right: 0px;
	bottom: 0px;
	padding: 15px;   
}

.nove {
    display: none;
    visibility: hidden;
}