*{
	box-sizing: inherit;
}
body, p{
	font-family: Raleway, sans-serif;
	font-weight: 300 !important;
	font-size: 16px;
	box-sizing: inherit;
	letter-spacing: .15rem;

	margin: 0 auto;
	width: 100%;
}

body header, body .mainContent{
	max-width: 1080px;
	margin: auto;
}

body a{
	text-decoration: none;
	color: black;
}

.animate{
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

/*<editor-fold main>*/
	.animationBottom{
		position: relative;
		cursor: pointer;
	}
	.animationBottom::before{
		content: " ";
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #1b1b1b;
		bottom: -8px;
		left: 0;
		opacity: 0;
		transition: all .2s linear;
	}
	.submenu::after{
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .3em;
		vertical-align: super;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-left: .3em solid transparent;
	}
	.animationBottom:hover::before{
		opacity: 1;
		bottom: -3px;
	}
	header *{
		font-weight: 700;
		text-transform: uppercase;
		font-size: .989em;
		z-index: 100;
	}
	.ico-movil-style img{
		float: left;
		width: 30px;
		margin: 5px 0 0 20px;
		position: absolute;
		z-index: 101;
		cursor: pointer;
	}
	.logo{
		margin-top: 15px;
		width: 100%;
		text-align: center;
		display: inline-block;
		position: relative;
		left: 0px;
	}
	.logo img{
		width: 7em;
		max-width: 175px;
	}
/*</editor-fold main>*/

/*language*/
	.redes{
		float: right;
	}
	.redes .language span:not(:first-child):after{
		content: " ";
		position: absolute;
		height: 90%;
		width: 2px;
		background-color: #1b1b1b;
		bottom: 0px;
		left: -6px;
	}
	.redes .language .lan{
		font-size: .9em;
		padding: 0  5px 0 5px;
		margin: 0 5px;
	}
	.redes .language .lan:last-child{
		margin: 0 0 0 5px;
	}
	.redes .language .lan-active{
		color: #b4b4b4;
		cursor: auto;
	}
/*language*/

/*menu*/
	header{
		background-color: white;
		position: fixed;
		padding: 0 10px;
		border-bottom: solid #B4B4B4 2px;
		margin: 0 auto;
		top: 0;
		width: 100%;
		z-index: 100;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	nav{
		position: absolute;
		height: calc(100vh - 65px);
		left: -100%;
		background-color: white;
	}
	.black-screen-active{
		display: block !important;
		background-color: rgba(0,0,0,.9) !important;
	}
	.black-screen{
		position: fixed;
		display: none;
		height: calc(100vh - 65px);
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(0,0,0,0);
		z-index: 100;
	}
	.menuMovil-active{
		left: 0%;
	}
	.menu > li{
		vertical-align: top;
		margin: 10px 20px;
	}
	.menu > li ul{
		position: relative;
		overflow: hidden;
		height: 0;
	}
	.submenu-active{
		height: auto !important;
	}
	.menu > li ul li div{
		padding: 7px;
		margin: 5px;
	}
/*menu*/

/*footer*/
	footer{
		margin-top: 50px;
		padding: 30px;
		background-color: black;
	}
	footer *{
		color: white;
	}
	footer .content div{
		vertical-align: top;
		margin: auto;
		max-width: 1080px;
	}
	footer h2{
		font-size: 1.5em;
		margin: 15px 0;
		font-weight: bold;
	}
	footer a{
		color: white;
		display: block;
		margin: 10px;
		font-size: .8em;
	}
	footer span{
		display: block;
		padding-left: 40px;
	}
	footer .icono{
		width: 25px;
		position: absolute;
	}
	footer a:hover .icono{
		width: 30px;
	}
/*footer*/

/*Contenido*/
	.content-body{
		margin-top: 80px;
	}
	.verMas{
		text-align: center;
		width: 100% !important;
	}
	.verMas span{
		text-align: center;
		display: inline-block;
		text-transform: uppercase;
		padding: 1rem 3rem;
		font-size: 1.4rem;
		letter-spacing: 5px;
		border-top: 3px solid #1b1b1b;
		border-top-color: rgb(27, 27, 27);
		border-bottom: 3px solid #1b1b1b;
		border-bottom-color: rgb(27, 27, 27);
		max-width: 10rem;
	}
	.verMas a:hover span{
		background: black ;
		color: white;
	}
/*Contenido*/

/*categorias*/
    .content_categorias{
        margin: 50px 0;
    }
    .categorias{
        display: inline-block;
        width: 100%;
        height: 400px;
        position: relative;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;

        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
    }
    .categorias_next{
        position: absolute !important;
        width: 100% !important;
        opacity: 0;
    }
    .content_categorias .categorias:hover .categorias_next{
        opacity: 1;
    }
    .content_categorias a{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .categorias h2{
        font-family: Fjalla One,sans-serif;
        text-transform: uppercase;
        position: absolute;
        top: 1rem;
        left: 1rem;
        font-size: 2.4rem;
        padding: .8rem .8rem .2em;
        background-color: #1b1b1b;
        color: #fff;
        line-height: 100%;
        letter-spacing: -1px;
    }
    #sillas{
        background-image:url(/public/img/sillas.jpg);
    }
    #next_chair{
        background-image:url(/public/img/sillas2.jpg);
    }
    #mesas{
        background-image:url(/public/img/mesas.jpg);
    }
    #next_table{
        background-image:url(/public/img/mesas2.jpg);
    }
    #complementos{
        background-image:url(/public/img/complementos.jpg);
    }
    #next_complements{
        background-image:url(/public/img/complementos2.jpg);
    }
    #colecciones{
        background-image:url(/public/img/colecciones.jpg);
    }
    #next_collections{
        background-image:url(/public/img/colecciones2.jpg);
    }
/*categorias*/

@media only screen and (min-width: 768px){
	/*main*/
		header{
			margin: 20px auto !important;
			padding-bottom: 30px;
			border-bottom: solid #B4B4B4 2px;
		}
		.ico-movil-style img{
			display: none;
		}
		.logo{
			margin-top: 0;
			width: auto;
			border-bottom: none;
		}
		.logo img{
			width: 13em;
		}
	/*main*/

	/*menu*/
		header{
			position: static;
		}
		nav{
			height: auto;
			position: static;
			float: right;
			left: 0;
			top: 40px;
			margin-top: 40px;
		}
		.black-screen{
			display: none;
		}
		.menu > li{
			vertical-align: top;
			display: inline-block;
			margin: 0 20px;
		}
		.menu > li:last-child{
			margin: 0 0 0 20px;
		}
		.menu > li ul{
			position: absolute;
			overflow: hidden;
			padding: 5px 0 0 0;
			margin-top: 3px;
			background-color: white;
			height: 0;
		}
		.menu > li:hover ul{
			height: 150px;
		}
	/*menu*/

	/*footer*/
		footer .content{
			max-width: 1080px;
			margin: auto;
		}
		footer .content div{
			box-sizing:border-box;
			-moz-box-sizing:border-box; /* Firefox */
			-webkit-box-sizing:border-box; /* Safari */
			padding: 20px 0 0 50px;
			height: 275px;
			display: inline-block;
			width: 32%;
			border-top: none;
			border-right: dashed white 3px;
		}
		footer div:last-child{
			border-right: none;
		}
	/*footer*/

	/*Contenido*/
		.content-body{
			margin-top: 0;
		}
	/*Contenido*/

	/*categorias*/
		.categorias{
			width: 50%;
			height: 485px;
		}
	/*categorias*/
}