*{
	margin:0;
	padding:0;
	outline:none;
	font-family:'trebuchet ms';
}

a{cursor:pointer;}

html{
	overflow-x:hidden;
}

body{
	background:url(../images/back-body.jpg) repeat  -60px -560px;
	font:normal 12px "trebuchet ms";
	overflow-x:hidden;
}

#geral{
	top:-1200px;
	position:relative;

}



/**********************
	TOPO
***********************/

#cabecalho{
	width:1024px;
	margin:0 auto;
	position:relative;
	z-index:100;
}
#cabecalho h1 a{
	outline:none;
	text-indent:-9999px;
	width:311px;
	height:85px;
	position:absolute;
	z-index:2;
	top:83px;
	background:url(../images/logo-gonna.png) no-repeat top left;
}
#cabecalho h2{
	position:absolute;
	left:-8888px;
}
#cabecalho #player{
	position:absolute;
	top:-36px;
	right:-40px;
}

/**********************
	MENU
***********************/

.alinha{
	width:1024px;
	position:relative;
	margin:0 auto;
}

#menu{
	width:100%;
	height:94px;
	background:url(../images/back-menu.png) repeat-x top left;
	position:relative;
	top:75px;
	z-index:0;
}
#menu .effect{
	width:100%;
	height:130px;
	background:url(../images/back-menu-effect.png) no-repeat top center;
	position:absolute;
	top:-18px;
}
#menu ul{
	position:absolute;
	right:100px;
}
#menu ul li{
	display:inline;
}
#menu ul li a{
	font:bold normal 12px "trebuchet ms";
	color:#fff;
	display:block;
	float:left;
	margin:2px 0 2px 0;
	padding:59px 10px 11px 10px;
	*padding:60px 10px 11px 10px;
	text-transform:uppercase;
	letter-spacing:-.05em;
	text-decoration:none;
}
#menu ul li a.selecionado{
	opacity:1 !important;
	border-top:1px solid #c00;
	border-bottom:1px solid #c00;	
}
#menu ul li a:hover{
	opacity:1;
	border-top:1px solid #c00;
	border-bottom:1px solid #c00;	
}
#menu ul li a.selecionado{

}


/**********************
	CONTEUDO
***********************/
/*
h2.title{
	position:relative;
	width:90%;
	height:23px;
	text-indent:-9909px;
	position:relative;
	margin:0 0 0 20px;
	
	background: url(../images/back-title.png) no-repeat top left;
	
}
*/

#conteudo{
	min-height:400px;
	width:950px;
	display:block;
	margin:40px auto;
	top:50px;
	padding:20px;
	position:relative;
}
.info{
	width:928px;
	height:auto;
	min-height:400px;
	position:relative;
	display:block;
	background-color:#FFF;
	/*
	background: url(../images/back-content.png) no-repeat top left;
	*/
}
.texto{
	color:#333333;
	display:block;
	font-family:'trebuchet ms';
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:20px;
	padding:20px;
	text-shadow:1px 1px #FFFFFF;
	width:800px;
}
.texto p{
	margin:15px 0;
}


/**********************
	RODAPE
***********************/
#rodape{
	width:100%;
	padding:30px 0 15px;
	text-align:center;
	bottom:0px;
	z-index:1000;
	background:#000 url(../images/back-footer.png) no-repeat center top;

}

.arrow-rodape{
	margin:-53px auto 0px;
}

#rodape .rodape-itens{
	display:block;
	width:950px;
	margin:0 auto;
	position:relative;
	clear:both;
	height:125px;
}

#rodape ul li{
	display:inline;
	position:relative;
	padding:0 2px;
}

#rodape ul li a{
	font:normal normal 9px "trebuchet ms";
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-.05em;
	text-decoration:none;
	position:relative;
}

#rodape ul li a span{
	position:absolute;
	display:block;
	width:248px;
	height:51px;
	top:-60px;
	left:-100px;
	font:bold normal 12px/51px arial;
	text-align:left;
	text-indent:70px;
	color:#ccc;
	display:none;
}
#rodape ul li a span img{position:absolute;top:-10px;left:0;border:0 none;}
#rodape ul li a:hover{ opacity:1; }	

#rodape .social{
	background:transparent url(../images/back-line-footer.png) no-repeat scroll right top;
	display:block;
	float:left;
	margin:8px 0;
	padding-right:6px;
	width:117px;
}
#rodape .social li{ display:block; float:left; padding:4px; }

#rodape .lojas{ float:left; text-align:left; margin:10px; background:url(../images/back-line-footer.png) no-repeat right top; }
#rodape .lojas dt{ color:#c42622; font:bold normal 16px 'trebuchet ms'; text-transform:uppercase; }
#rodape .lojas dd{ color:#fff; font:normal 11px 'trebuchet ms'; text-transform:uppercase; }

#rodape .santos{ padding-right:50px; }
#rodape .sao-vicente{ padding-right:50px; margin-left:20px; }

#rodape .lojas dd .loja{ display:block; margin:5px 0 0 0; }
#rodape .lojas dd span{ display:block; }
#rodape .lojas dd span.end{ font-weight:bold; font-size:13px; }
#rodape .lojas dd span.tel{ background:url(../images/icon-tel.png) no-repeat left center; padding-left:15px; font-size:12px; text-align:left;}

#rodape .btn-rodape{ display:block; float:left; margin:-8px 0 0 -16px; }

#rodape address{
	font:normal normal 9px "trebuchet ms";
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	border:0px solid;
}

.icons-navigation{
	position:relative;
	display:block;
	width:49px;
	height:49px;
	background:url(../images/icons-navigation.png) no-repeat top left;
}
.btn-form{margin:15px 0;}
.btn-navigation{
	position:relative;
	display:block;
	width:145px;
	height:46px;
	background:url(../images/btns-navigation.png) no-repeat top left;
}

.enviar{background-position:-605px 0}
.enviar:hover{background-position:-605px -51px}


















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

.arrow-down{background-position:-4px 0px;}
.arrow-up{background-position:-56px 0px;}
.arrow-down:hover{background-position:-4px -131px;}
.arrow-up:hover{background-position:-56px -131px;}



#btnDown{background-position:-4px 0px;}
#btnUp{background-position:-56px 0px;}

#btnDown:hover{background-position:-4px -131px;}
#btnUp:hover{background-position:-56px -131px;}
#btnReset{display:none;}
#btnUp, #btnDown{
	position:relative;
	display:block;
	width:49px;
	height:49px;
	background:url(../images/icons-navigation.png) no-repeat top left;
	text-indent:-9999px;
	cursor:pointer;
	overflow:hidden;
}

h3{
	font-size:16px;
	color:#d51814;
}

#easyscrollnav{
	margin:0;
	padding:0;
	position:absolute;
right:9px;
top:30px;
}

#easyscroll{
	width:850px;
	top:56px;
	left:40px;
}


.clear { clear:both; height:10px; background:transparent; }
/*****************************************************************/