@font-face {
    font-family: 'sansationregular';
    src: url('fontes/sansation_regular-webfont.eot');
    src: url('fontes/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/sansation_regular-webfont.woff') format('woff'),
         url('fontes/sansation_regular-webfont.ttf') format('truetype'),
         url('fontes/sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sansationbold';
    src: url('fontes/sansation_bold-webfont.eot');
    src: url('fontes/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/sansation_bold-webfont.woff') format('woff'),
         url('fontes/sansation_bold-webfont.ttf') format('truetype'),
         url('fontes/sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {	margin: 0px; padding: 0px; background: #000000;}
*{margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none;}
.clear{ clear:both;}



/*MENU FIXO*/
.menuFix{  position: fixed; width: 100%;   height: 100%; z-index: 1109; top: 0px;}
.menuFix img{ max-height:100%; height: 100%; position: absolute; z-index: 1107;}
.menuFix .logoMenu{ width: 12%; height: 30%; margin-top: 1.8%; margin-left: 2%; z-index: 2000; position: absolute;}
.menu{  width: 100%; height: 80%; background: none; position: fixed;color: #4a4a4a; top: 41.5%; left: 10px; z-index: 1110;}
.menu li{width: auto; font-size: 23px; position: a; z-index: 1110; font-family: 'sansationregular'; color: #4a4a4a; height: 9.3%;text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1);}
.menu li a{color: #4a4a4a;}
.menu li a:visited{color: #4a4a4a;}
.menu li img{width: 38px; height: 38px; margin-left: 10px;}
.menu li a.corLinkSel { color: #000000; border-bottom: 1px solid #000000; padding: 0.2%; }
.menu li .nav-button:hover { color: #000000; border-bottom: 1px solid #000000; padding: 0.2%; }
/**/
	
/*MAPFIX*/
.mapFix{ position: fixed; top: 5%; z-index: 1600; background: url(../img/mapaFix.png) no-repeat; width: 5px; height: 85px; right: 0px; padding-left:98px; color: #3e3e3e; font-size: 12px; padding-top: 27px; cursor: pointer;
		-webkit-transition: all 1.5s ease;
		-moz-transition: all 1.5s ease;
		-ms-transition: all 1.5s ease;
		-o-transition: all 1.5s ease;
		transition: all 1.5s ease;		
}

.mapFix:hover{width:175px;}
.mapFix .contMapFix{ width: 146px; height:80px; display: block; margin-left: 4px; }
.mapFix .contMapFix span{ padding-left: 15%; }
.mapFix .contMapFix p{ margin-top: 8px; padding: 0px; width: 100%;}
.mapFix:hover .contMapFix{ margin-left :5px; opacity: 1;
							-webkit-transition: all 1.5s ease;
							-moz-transition: all 1.5s ease;
							-ms-transition: all 1.5s ease;
							-o-transition: all 1.5s ease;
							transition: all 1.5s ease;	
}
/**/
	
/*BANNER HOME*/
.bannerHome{ max-height: 85%; height: 85%; position: relative; width: auto;}
.bannerHome .ponto{ background: url(../img/pontobanner.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 1104;}
.bannerHome .topoSobre{width: 100%; height: inherit;  position: absolute; top: 94%;  }
.bannerHome .topoSobre img{ width: 100%; height: auto;  position: absolute; top: -30px; z-index: 1105; }
/**/
	
/*SOBRE CAPITÃO SPACE*/
.sobreC{ height: 100%; position: relative; margin-top: 2%;}
.sobreC img{width: 100%;}
.sobreC .ponto2{ background: url(../img/pontobanner.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 1104;}
.sobreC .ContSobre{ width: 35%; top: 9%; position: absolute; height: 55%; left: 29%; background: url(../img/cSpaceBox.png) no-repeat; background-size: 100% 100%; padding: 3%; z-index: 1150; color: #ffffff;
					 font-size: 31px; text-shadow: 0px -1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=-1); font-family: 'sansationbold'; text-align: left; }
.sobreC .ContSobre span{font-size: 31px; color: #FFFFFF;}
.sobreC .ContSobre .txtSobre{font-size: 14px; color: #FFFFFF; font-family: 'sansationregular'; text-align: justify; margin-top: 3%; text-shadow: 0px 0px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=0);
						line-height: 142%; height: 47%; max-height: 232px; overflow: auto;}
.sobreC .fotoSobre{width: 38%; height: 37.5%; margin: 0 auto; background: url(../img/fundoFotocSpace.png) no-repeat; background-size: 100% 100%; margin-top: 5%; padding: 1.5%;}
.sobreC .fotoSobre img{height: 100%; width: 100%;}						
.sobreC .maisEmpresa {font-size: 22px;  text-shadow: 1px 2px 2px #000000; filter: dropshadow(color=#000000, offx=1, offy=2);  position: absolute; width: 50%; height: 8%; color: #ffffff;
						font-family: 'sansationbold'; z-index: 1150; top: 74%; left: 45%;}
.sobreC .maisEmpresa img{   width:12%; margin-bottom: -8.7%; }
.sobreC .maisEmpresa img:hover{
	transition-duration: 0.5s; /* tempo de duração da animação em segundos */
	transform: rotate(360deg);/* inclinação do elemento em graus */
	-moz-transition-duration: 0.5s;
	-moz-transform: rotate(360deg);
}


.sobreC .ContSobrePizz{display:none; width: 35%; top: 9%; position: absolute; height: 53.5%; left: 29%; background: url(../img/pspacebox.png) no-repeat; background-size: 100% 100%; padding: 3%; z-index: 1150; color: #ffffff;
					 font-size: 18px; font-family: 'sansationregular'; text-align: left; }
.sobreC .ContSobrePizz .txtPizza{font-size: 14px; color: #FFFFFF; font-family: 'sansationregular'; text-align: justify; margin-top: 5%; line-height: 150%; margin-bottom: 10%; height: 30%; overflow: auto;}
.sobreC .ContSobrePizz img{width: 88.5%; height: 26%; top: 0px; margin-bottom: 5%; }
.sobreC .ContSobrePizz span{ font-family: 'sansationbold'; }

.sobreC .ContSobreBat{display:none; width: 35%; top: 9%; position: absolute; height: 53.5%; left: 29%; background: url(../img/bSpaceBox.png) no-repeat; background-size: 100% 100%; padding: 3%; z-index: 1150; color: #000079;
					 font-size: 18px; font-family: 'sansationregular'; text-align: left; }
.sobreC .ContSobreBat .txtBatata{font-size: 14px; color: #000079; font-family: 'sansationregular'; text-align: justify; margin-top: 5%; line-height: 150%; margin-bottom: 10%; height: 30%; overflow: auto;}
.sobreC .ContSobreBat img{width:78.5%; height: 28%; top: 0px; margin-bottom: 5%; }
.sobreC .ContSobreBat span{ font-family: 'sansationbold'; }


.sobreC .fotosEmpresaLado{height: 75%; width: 15%; top: 9.5%; right: 10%; position: absolute; z-index: 1150;}
.sobreC .fotosEmpresaLado .fFotosCanto{ width: 98%; height: 28%; margin-top: 9%; background: url(../img/fFotosCanto.png) no-repeat; background-size: 100% 100%; padding: 1%; }
.sobreC .fotosEmpresaLado .fFotosCanto img{ width: 97%;  position: relative;}

	
/*BOTOES EMPRESA*/
.batata{ cursor: pointer;}
.pizza{ cursor: pointer;}
.space{cursor: pointer;}


/*FIM SOBRE*/

/*CARDÁPIO*/

.cardapioCorpo{ height: 100%; position: relative; margin-top: -8.5%;}
.cardapioCorpo img{ width: 100%; }
.cardapioCorpo .ponto3{ background: url(../img/pontobanner.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 1104;}
.cardapioCorpo .tituloCardapio{font-size:23px; color: #FFFFFF; font-family: 'sansationregular'; width: 50%; height: auto; top: 31%; position: absolute; left: 33.4%; text-align: center; z-index: 1150;}
.cardapioCorpo .albumCardapio{ width: 58%; top: 37%; left: 30%; height: auto; position: absolute; height: 38%; z-index: 1150;}
.cardapioCorpo .albumCardapio .fotoCardapio{ width: 33%; height: 50%; float: left; position: relative; cursor: pointer;}
.cardapioCorpo .albumCardapio .fotoCardapio img{width: 100%; }
.cardapioCorpo .albumCardapio .fotoCardapio .sombraCardapio{width: 92.2%; left: 4%; height: 27%; line-height: 300%;  text-align:center; font-size: 22px; color: #FFFFFF; font-family: 'sansationbold'; background: url(../img/sombraCardapio.png) no-repeat center 100%; position: absolute; bottom: 2%; display: block; background-size: 100% 100%; }
.cardapioCorpo .espacoCard{position: absolute; top: 10%;}

#cdAtivo{ width: 50%; height: 100%; position: fixed; z-index: 5000; left: 50%; margin-left: -18%;  background: url(../img/caixaCardAtivo.png) no-repeat; background-size:  100% 100%; display: none;}
#cdAtivo .fto1CardAtivo img{width: 93.7%; height: 20%; margin-top: 0.6%; margin-left: 3.3%; }
#cdAtivo .contCardAtivo{ width: 89%; height: 99%;  margin: 0 auto; background: url(../img/boxOpacitAtivo.png) repeat; background-size: 100% 100%; margin-top: 2%;overflow: hidden; position: relative; }
#cdAtivo .contCardAtivo table{ width: 100%; height: 100%; opacity: 1; color: #FFFFFF; }
#cdAtivo .contCardAtivo table td{padding: 2%;  width: 100%;}
#cdAtivo .contCardAtivo table td span{font-family: 'sansationbold'; font-size: 14px;}
#cdAtivo .contCardAtivo table td p{font-family: 'sansationregular'; font-size: 12px;}
.cor1{background-color: #26201d;  background: url(../img/cxaCardapio.png) repeat-x; background-size: 100% 100%;  }
.cor2{background: none;}
#cdAtivo .exit{background: url(../img/exit.png) no-repeat; position: absolute; height: 7%; width: 7%; background-size: 100% 100%; right: 0px; top: 2%; cursor: pointer;}

.containerAtivo { width: 100%; height: 100%; background: url(../img/listraOpacit.png) repeat;  z-index: 4500; position: fixed; opacity: 0.3; filter:alpha(opacity=30); display: none;}

/*AGENDA*/

.corpoAgenda{  height: 50%; width: 100%; position: relative; }
.corpoAgenda img{width: 100%; position: relative; margin-top: -14%; z-index: -1;}

.corpoAgenda .boxAgenda{ width: 55%; height: 54%; left: 30%;  background: url(../img/agendaBox.png) no-repeat; background-size: 100% 100%; position: absolute; z-index: 2000; }
.corpoAgenda .boxAgenda img{ width: 35%;  margin-top: 1%; margin-left: 0.3%;}

.corpoAgenda .lnhaAgenda{ background: url(../img/lnhaAgenda.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 1104;}

.corpoAgenda .boxAgenda .cAgenda{ width: 90%; height: 60%; font-size: 46px; color: #3e3e3e; font-family: 'sansationbold';  text-shadow: 0px 2px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); margin-left: 5.5%; margin-top: 4%;}
.corpoAgenda .boxAgenda .cAgenda p {margin-top:2%; margin-bottom: 2%; color: #FFFFFF; font-size: 14px; text-shadow: 1px 0px 2px #000000; filter: dropshadow(color=#000000, offx=1, offy=0);}

.bannerAgenda .abaAgenda{background: #904834; padding: 1% 2%; font-size: 18px; color: #FFFFFF; width: 10%; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; text-shadow: 0px 0px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=0); position: absolute; z-index: -1; left: 6.2%;}

.corpoAgenda .boxAgenda .txtAgenda{ width: 50%; text-align: justify; height: 85%; position: absolute; right: 5%; top: 5.3%; font-family: 'sansationregular'; color: #FFFFFF; font-size: 15px; text-shadow: 0px 0px 0px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); }
.corpoAgenda .boxAgenda .txtAgenda p{ margin-top: 2%; }
.corpoAgenda .boxAgenda .txtAgenda p span{ color: #f7ba19; font-family: 'sansationbold';}

.diaSemana {width: 36%; height: 13%; background: url(../img/imgAgenda/caixaDiasSemana.png) no-repeat; position: absolute; z-index: 3100; left: 38%; background-size: 100% 100%; padding: 2%; top: 49%;}
.diaSemana ul{width: 95%; height: 100%; list-style: none; font-size: 20px; color: #3e3e3e; padding-left:5%;}
.diaSemana li{text-align: left; width: 23%; float: left; padding: 1%; font-family: 'sansationbold';}
.diaSemana p{ font-size: 15px; font-family: 'sansationregular'; }
.diaSemana p a { color: #62625c; }

.boxAgenda .bannerAgenda{ height: 76%; }

.TitAgenda { width: 62%; background: url(../img/tituloMenu/pTradicionais.png) no-repeat; margin-left: -2%; height: 39px; line-height: 39px; text-align: center; font-size: 27px; color: #3e3e3e; font-family: 'sansationbold'; background-size: 100% 100%;}

/*******************************/


/*GALERIA DE FOTOS*/
.corpoGaleria { height: 25%; width: 100%; position: relative;  margin-top: -3%;}
.corpoGaleria img{width: 100%; position: relative; margin-top: -6%;}

.corpoGaleria .ponto4{ background: url(../img/pontobanner.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 1104;}

.corpoGaleria .fotosGaleria{ width: 48%; height: 68.5%; position: absolute; z-index: 1150; left: 32%; top: 12%;}
.corpoGaleria .GalFotos{ width: 33%; height: 28.4%; float: left; position: relative;}
.corpoGaleria .GalFotos img{width: 100%; height: 100%;  margin-top: 0px;}

.corpoGaleria .prevGalery{position: absolute; top: 41%; background: url(../img/prevGalery.png) no-repeat; background-position: 0 0; left: 28.5%; z-index: 1155; height:85px; width: 48px; margin-top: -42px;}
.corpoGaleria .prevGalery:hover{background-position: -48px 0;}
.corpoGaleria .nextGalery{position: absolute; top: 41%; margin-top: -42px; background: url(../img/nextGalery.png) no-repeat; background-position: -48px 0; right: 17%; z-index: 1155; height:85px; width: 48px;}
.corpoGaleria .nextGalery:hover{background-position: 0 0; }

.corpoGaleria .maskGalery{background: url(../img/maksGalery.png) repeat; height: 100%; width: 100%; position: absolute; z-index: 1155;}
.corpoGaleria .loadGalery{ position: absolute; top: 41%; left: 55%; height:31px; width: 31px; z-index: 1130;}

.rashtagStagran { width: 24%; height: 5%; position: absolute; right: 7%; bottom: 14%; z-index: 10000; }

/********************************/


/*PROMOÇÃO*/

.corpoPromo { width: 100%;  position: relative; }
.corpoPromo img { width: 100%; position: relative; margin-top: -5%; z-index: -1;}
.corpoPromo .boxPromo { background: url(../img/boxPromo.png) no-repeat; height: 62.7%; width: 54%; position: absolute; top: 8%; left:32%; background-size: 100% 100%; z-index: 1550;}

/******************************/


/*CONTATO*/

.corpoContato { width: 100%; position: relative; }
.corpoContato img{ width: 100%; position: relative; z-index: 1108; margin-top: -19% }
.corpoContato .infoContato { width: 30%; height: 20%; position: absolute; top: 14%; left: 28%; z-index: 1500; color:#FFFFFF; }
.corpoContato .infoContato li{ height: 27%; width: 100%; padding-left: 6.5%; }
.corpoContato .formulario{ top: 39%; left: 28.5%; position: absolute; width: 32%; height: 35%; z-index: 1500;}
.corpoContato .formulario table{ width: 100%; height: 100%; }
.corpoContato .formulario td { color: #FFFFFF;}
.corpoContato .formulario input { width: 93%;  margin-left: 5%; height: 85%; padding-left: 5px; font-family: 'sansationregular'; font-size: 14px;}
.corpoContato .formulario textarea { width: 93%; margin-left: 5%; height: 95%; padding-left: 5px; padding-top: 5px;}
.corpoContato .formulario button { padding: 1% 5%; background: none; color: #FFFFFF;
									-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.corpoContato .formulario button:hover{ background: #FFFFFF; color: #000000; }
.corpoContato .curtFace { background: url(../img/curtaFace.png) no-repeat; position: absolute; z-index: 1500; right: 15%; top: -32.5%; width: 11%; height: 30.5%; background-size: 100% 100%; }
.corpoContato .mapaContato { height: 52%; width: 30%; position: absolute; z-index: 1500; right: 5%; top: 21.5%; }
.corpoContato .curtFace img{ width: 50%; height: auto; margin-top: 55%; margin-left: 27%; cursor: pointer;}

.corpoContato .maxBottom { width: 50%; text-align: left; right: 0px; bottom: 2%; position: absolute; z-index: 1500; height: 8%; line-height: 550%; color: #FFFFFF; font-size: 12px; font-family: 'sansationregular'; }
.corpoContato .maxBottom img { float: right; height: auto; width: 77px; margin: 0px; margin-right: 40px; }
/******************************/

#ghostFontes { width: 100%; height: 50px; position: fixed; }

#nxtElemt { position: fixed; left: 52%; bottom: 1%; z-index: 5000; cursor: pointer; opacity: 0.5;}

label {
    display: inline-block;
    width: 5em;
}