@charset "utf-8";
*{margin:0; list-style:none; padding:0; font-family:'Open Sans', Arial, Helvetica, sans-serif; border:none; position:relative; font-size:16px;}

html, body{height:100%;}

section{min-height:100%}

#home{width:100; height:100%; overflow:hidden;}
#banners{width:200%; height:100%; max-height:calc(100% - 80px);}
.banners{height:100%; min-height:100%; background:center right no-repeat; background-size:cover; float:left;}

.tarja{width:98%; background-color:rgba(255,255,255,.7); position:absolute; top:5%; left:0; padding:1%;}
.tarja-right{float:right; margin-right:5%; height:100%;}
#home h1{float:left; margin-left:5%;}
#home h2{color:#6e5865; text-align:center; font-size:1.5em; margin-bottom:5%;}
#home h3{color:#6e5865; font-weight:normal; text-align:center; font-size:1em;}

#btn-home{display:none;}

#colecao{ display: none;}
#colecao article{width:100%; max-width:960px; margin:0 auto; padding:100px 0; display:table;}
#colecao h2{margin-bottom:2%; font-size:1.5em; color:#6E5763;}
#colecao h3{margin-bottom:2%; font-size:1em; color:#6E5763;}
#eventos { display: none; }
#menu-colecao{width:19%; float:left;}
#menu-colecao p{color:#6E5763; text-transform:uppercase; display:block; font-size:1em; font-weight:bold; padding:1% 0;}
#menu-colecao ul{}
#menu-colecao li{color:#6d5964; text-transform:uppercase; display:block; font-size:.9em; cursor:pointer;}
#menu-colecao li:hover{color:#a20004;}
#menu-colecao > ul{margin-bottom:5%;}
#menu-colecao > ul > li{padding:10px 0; border-bottom:1px solid #CCC;}
#menu-colecao > ul > li > ul{display:none;}
#menu-colecao ul li ul li{}
#menu-colecao ul li ul li a{text-transform:none; border-bottom:1px solid #CCC; display:block; padding:10px 0;}
#menu-colecao ul li ul li a:hover{color:#a20004;}
#menu-colecao ul li ul li:last-child a{border:none; padding-bottom:0;}
#colecao-content{width:78%; float:right; display:table;}
.sapato{float:left; width:22.99%; margin-right:2.67%; margin-bottom:2.67%; font-size:.9em;}
.sapato:nth-child(4n+1){margin-right:0;}
.sapato img{width:100%; height:auto; display:block; margin-bottom:5%;}
#colecao form{display:none;}



#empresa{height:100%; background-color:#edd5d8;}
#empresa article{height:100%; display:table; width:100%;}
#empresa h2{display:none;}
#empresa h3{font-size:1.5em; color:#6E5763; margin-bottom:2%;}
#empresa p{text-align:justify; line-height:1.5em; margin-bottom:2%;}
.empresa-right{width:50%; height:100%; float:right; background:url(images/empresa-1920x1080.jpg) center right no-repeat; background-size:cover;}
.empresa-left{width:50%; height:100%; float:left; background:url(images/empresa-texto-background.jpg) center center no-repeat; background-size:cover; display:table;}
.empresa-left-content{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.empresa-left-content-box{width:100%; max-width:450px; margin:0 auto;}
.empresa-left-content-box img{display:none;}


#eventos article{padding-top:120px;}
#eventos h2{font-size:1.5em; color:#6E5763; width:100%; max-width:960px; margin:0 auto 2%;}
#eventos h3{font-size:1em; color:#6E5763; margin-bottom:2%;}
#eventos p{font-size:.9em; text-align:justify; line-height:1.5em; margin-bottom:2%;}
.evento{width:100%; max-width:960px; margin:0 auto 2%; padding:0 0 2%; border-bottom:1px solid #CCC; display:table;}
.evento:last-child{border-bottom:none;}
.evento img{float:left; width:100%; max-width:100px; height:auto; display:block; margin-right:2%; margin-bottom:2%;}



#contato{height:100%;}
#contato h2{display:none; font-size:1.5em; color:#6E5763; width:100%; max-width:960px; margin:0 auto 2%;}
#map-canvas{width:100%; height:100%; z-index:1;}
#contato form{position:absolute; width:100%; max-width:330px; background-color:#6E5763; top:0; right:50%; margin-right:-480px; padding:104px 20px 20px; z-index:2;}
#contato input[type=text]{border:none; background-color:#FFF; color:#333; font-size:.9em; padding:1.5% 3%; width:94%; margin-bottom:3%;}
#contato input[type=email]{border:none; background-color:#FFF; color:#333; font-size:.9em; padding:1.5% 3%; width:94%; margin-bottom:3%;}
#contato textarea{border:none; background-color:#FFF; color:#333; font-size:.9em; padding:1.5% 3%; width:94%; margin-bottom:3%; min-height:150px;}
#contato input[type=button], #contato input[type=submit]{color:#FFF; background-color:transparent; border:none; text-transform:uppercase; font-size:1.2em;}
#contato form p{color:#FFF; font-size:.9em;}
#contato footer{width:94%; padding:1% 3%; background-color:#6E5763; display:table; position:absolute; left:0; bottom:0; z-index:2;}
#contato footer img{float:left;}
#contato footer p{float:left; color:#FFF; font-size:.9em; margin-left:2%;}
#contato footer a{color:inherit;}
#ideias{float:right;}


/*MENU PRINCIPAL*/
header{width:100%; height:80px; display:block; background-color:#FEF7F2; z-index:8000;}
#menu-principal{width:100%; height:80px; display:table;}
#menu-principal ul{display:table; width:auto; height:100%; margin:0 auto;}
#menu-principal li{display:block; float:left; border-right:1px solid #afaeb3; height:100%;}
#menu-principal a{display:block; text-transform:uppercase; font-size:.9em; color:#000; padding:25px 20px; height:30px; line-height:30px;}
#menu-principal a:hover, #menu-principal a.ativo{background-color:#6E5763; color:#FFF;}
#menu-principal li:first-child{display:none;}
#menu-principal li:first-child a:hover{background-color:#CDD0D2;}
#menu-principal li:last-child{background-color:#CDD0D2;}
#menu-principal li:last-child a:hover{background-color:#425f9c;}
.menu-texto{display:none;}

.topo{position:fixed; top:0px;}
.base{position:absolute; bottom:0px;}

#control-nav{display:none;}
.control-nav{display:none;}
.control-nav-close{display:none;}

/*@media only screen and (min-width:768px) and (max-width:960px){*/
@media only screen and (max-width:960px){
	.empresa-right{display:none;}
	.empresa-left{width:100%; float:none; padding-top:100px;}
	.empresa-left-content-box img{display:block; width:100%; height:auto; margin-bottom:2%;}
	
	#eventos { display: none; }
	#eventos h2{width:96%; margin:0 2% 2%;}
	.evento{width:96%; margin:0 2% 2%;}
	
	#contato form{top:0; right:0; margin-right:0;}
	#contato footer img{float:none; margin:3% auto; display:block;}
	#contato footer p{float:none; margin-left:0; text-align:center; margin:3% auto; font-size:.8em;}
	#ideias{float:none; display:block; margin:3% auto;}
	
	#menu-principal a{font-size:.8em; padding:25px 10px;}
}
@media only screen and (max-width:800px){
	#home h1 img{width:350px; height:auto;}
	#home h2{font-size:1.2em; margin-bottom:6%;}
	#home h3{font-size:.9em;}
}
@media only screen and (max-width:767px){
	.tarja{top:80px;}
	.tarja-right{float:none; margin:0 auto; height:auto; display:block;}
	#home h1 img{display:none;}
	#home h2{margin-bottom:1%;}
	
	#banners{max-height:100%;}
	
	#menu-colecao{display:none;}
	#colecao-content{width:96%; margin:0 2%; float:none;}
	.sapato{float:left; width:45.98%; margin-right:2.67%; margin-bottom:2.67%; font-size:.9em;}
	.sapato:nth-child(2n+1){margin-right:0;}
	#colecao form{display:block; width:100%;}
	#colecao select{width:96%; border:1px solid #CCC; margin:2% 0; padding:2%; display:block;}

	#empresa{height:auto;}
	#empresa p{font-size:.8em;}
	#empresa article{height:auto;}
	.empresa-right{display:none;}
	.empresa-left{padding-top:80px;}
	.empresa-left-content-box{width:90%; max-width:400px;}
	
	#eventos article{padding-top:80px;}

	#contato h2{display:block; padding-top:100px;}
	#map-canvas{max-height:300px;}
	#contato form{position:relative; width:96%; max-width:none; top:0; right:0; margin-right:0; padding:2%; margin-bottom:5%;}
	#contato footer{position:relative;}
	
	header{height:60px;}
	#menu-principal{width:auto; height:auto;}
	#menu-principal ul{width:auto; height:auto; margin:0;}
	#menu-principal li{float:none; border:none; height:auto;}
	#menu-principal a{display:block; text-transform:uppercase; font-size:.8em; color:#000; padding:5% 25px; height:auto; line-height:normal;}
	
	.topo{position:fixed; top:0px;}
	.base{position:fixed; top:0px;}
		
	header .control-nav{position:absolute; right:20px; top:20px; display:block; width:30px; padding:5px 0; border:solid #333; border-width:3px 0; z-index:2; cursor:pointer;}
	header .control-nav:before{content:""; display:block; height:3px; background:#333;}
	header .control-nav-close{position:fixed; right:0; top:0; bottom:0; left:0; display:block; z-index:1; background:rgba(0,0,0,0.4); -webkit-transition:all 500ms ease; transition:all 500ms ease; -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transform:translate(100%, 0);}
	header nav{position:fixed; top:0; right:0; bottom:0; width:250px; background:#FEF7F2; overflow-x:auto; z-index:2; -webkit-transition:all 500ms ease; transition:all 500ms ease; -webkit-transform:translate(100%, 0); -ms-transform:translate(100%, 0); transform:translate(100%, 0);}
	#control-nav:checked ~ .control-nav-close{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
	#control-nav:checked ~ nav{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
	
	#btn-home{display:block; margin:15px 10px; width:calc(100% - 80px);}
	#btn-home img{display:block; width:auto; height:30px;}
}