@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'ChunkFive';

  src: url('../fonts/fuente1/chunkfive-roman-webfont.eot');
  src: url('../fonts/fuente1/chunkfive-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fuente1/chunkfive-roman-webfont.woff2') format('woff2'), url('../fonts/fuente1/chunkfive-roman-webfont.woff') format('woff'), url('../fonts/fuente1/chunkfive-roman-webfont.ttf') format('truetype'), url('../fonts/fuente1/chunkfive-roman-webfont.svg#glyphicons_halflingsregular') format('svg');
}

body { font-family: 'ChunkFive';}
h1,h2,h3 { font-family: 'ChunkFive';}
nav ul li a {
 font-family: 'ChunkFive';    
 color: #f4dbb7 !important;
 font-size: 18px;
 }


h1 { font-size:46px; }

a:hover { list-style:none;}


footer {
    padding-bottom: 30px;
    padding-top: 80px;
}

/* ANIMACION DE LOGO */

.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    /*float:left;*/
    /*box-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}
.swing img {
   /* border: 5px solid #f8f8f8;*/
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 1px solid #999;
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(25deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}
 
@keyframes swing {
    0% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

.logo { z-index: 90;
    position: relative;}


/* PARRALAX */

.parallax { 
    /* The image used */
    background-image: url("../images/capa1.png");

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	/* Centrar logo y texto en parralax */
	text-align: -webkit-center;
	
	/*z-index: 99;*/
    position: relative;
}


.banner_pagina { 
    /* The image used */
    background-image: url("../images/fondo2.jpg");

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	/* Centrar logo y texto en parralax */
	text-align: -webkit-center;
}


.banner_carniceria { 
    /* The image used */
    background-image: url("../images/banner-carniceria.jpg");

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	/* Centrar logo y texto en parralax */
	text-align: -webkit-center;
}


.header-pagina {
   /* display: table;
    position: relative;
    width: 100%;
    height: 500px;
    background: url(../images/cielo.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;*/
}





#madera { 
position:relative;
background-image: url("../images/madera2.jpg");
padding-top: 80px;
/*background-repeat:repeat-y;*/
/*background-position:center;*/
overflow:hidden;
}


#about { 
position:relative;
background-image: url("../images/fondo-papel.jpg");
padding-top: 80px;
/*background-repeat:repeat-y;*/
/*background-position:center;*/
}

#detalles { 
position:relative;
background-image: url("../images/fondo-papel.jpg");
padding-top: 80px;
}


.fondo-titulo { 
background-image: url("../images/letrero.png");
background-repeat: no-repeat;
background-position:center;
height:102px;
}

.wood { background-color:#381707; color: white;}


.fondo-titulo2 {
    background-image: url(../images/tablon.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}


.caja-negra {    
	background-image: url("../images/textura2.jpg");
	background-color: #3a3a3a;
    padding: 20px;
    height: 250px;
    width: 100%;
	max-width:250px;
	
	border-style: solid;
	color: #ffb36b;
    border-width: 6px 6px 6px 6px;
	
	-webkit-box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
    -moz-box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
    box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
	}
	
	.caja-negra:hover {box-shadow: 0px 0px 30px rgba(86, 7, 7, 0.5);
    z-index: 101;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);}
	
	
	
	.caja-blanca {    
	background-color:#FFFFFF;;
    padding: 20px;
    height: 250px;
    width: 100%;
	max-width:250px;
	
	border-style: solid;
	color: #ffb36b;
    border-width: 6px 6px 6px 6px;
	
	-webkit-box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
    -moz-box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
    box-shadow: 0px 0px 23px 0px rgba(49, 20, 0, 0.88);
	}
	
	.caja-blanca:hover {box-shadow: 0px 0px 30px rgba(86, 7, 7, 0.5);
    z-index: 101;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);}
	
	.categorias { margin-top: 140px; text-align: -webkit-center; }
	
	
.categorias a { color:#FFFFFF !important;}
.categorias h3 { text-align: center; color:#FFFFFF;}

   .logo-detalle { max-width:220px;} 
	
	.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
	
	#top .tint {
    /*background: rgba(255, 213, 135, 0.38);*/
    height: 100%;
    position: absolute;
    width: 100%;
	z-index: 80;
	background-image:url(../images/textura.png);
	    opacity: 0.7;
}


.color2 { color:#333333;}
.color2:hover { color:#FFFFFF;}




@keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 100% 0; }
	}
	@-webkit-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 100% 0; }
	}
	@-ms-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 100% 0; }
	}
	@-moz-keyframes animatedBackground {
		from { background-position: 0 0; }
		to { background-position: 100% 0; }
	}
	
/*****************************/	
	@keyframes animatedBackground2 {
		from { background-position: 100% 0; }
		to { background-position: 0 0; }
	}
	@-webkit-keyframes animatedBackground2 {
		from { background-position: 100% 0; }
		to { background-position: 0 0; }
	}
	@-ms-keyframes animatedBackground2 {
		from { background-position: 100% 0; }
		to { background-position: 0 0; }
	}
	@-moz-keyframes animatedBackground2 {
		from { background-position: 100% 0; }
		to { background-position: 0 0; }
	}
	
	
	#nube1 {
    width: 100%;
    background-image: url(../images/nube1.png);
    background-position: center;
    background-repeat: no-repeat;
    top: 15%;
    margin: 0 auto;
    position: absolute;
    animation: animatedBackground 40s linear infinite;
    -ms-animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
    /*z-index: 60;*/
}
	
	#nube2 {
    width: 100%;
    background-image: url(../images/nube2.png);
    background-position: center;
    background-repeat: no-repeat;
    top: -7%;
    position: absolute;
    animation: animatedBackground 80s linear infinite;
    -ms-animation: animatedBackground 80s linear infinite;
    -moz-animation: animatedBackground 80s linear infinite;
    -webkit-animation: animatedBackground 80s linear infinite;
    /*z-index: 60;*/
}



#contenedor1 {
    position: relative;
    padding-top: 80px;
    margin-top: -80px;
    overflow: hidden;
}


.carousel {
    padding: 8px;
    background-color: white;
}
.carousel-control.right {
    background-image: transparent !important;
}
.carousel-control.left {
    background-image: transparent !important; 
}

.texto-banner { font-size:60px; padding:30px; line-height: 30px; box-sizing:border-box;}
.texto-banner2 { font-size:18px; margin-top:0px;}

.madera3 { display:block;}
.madera4 { display:none;}

.color1 {}

	
	@media (max-width: 768px) {
  .cero-padding {
    padding:0px;
  }
  
  .madera3 { display:none}
  .madera4 { display:block;}
  
  .parallax {
  background-position: center;
  }
  
  .texto-banner { font-size:45px; margin-bottom:0px;}
  .texto-banner2 { font-size:18px; margin-top:0px;}
}