/* CSS Document */

body {
	 line-height:17px;
	 margin:0;
	 padding:0;
	 background:#FFF url('../images/back-topo.gif') no-repeat;
	 font: normal 0.8em Arial, sans-serif;
	 color:#fff
}


a:link { font-weight: bold; color:#e0e0e0; text-decoration: none; }
a:visited { font-weight: bold; color:#ccc; text-decoration: none; }
a:hover { font-weight: bold; color:#fff; text-decoration: underline; }


/* 
---------------------------------------
CONTEINER
---------------------------------------
*/

#conteiner-beco {
	position: relative;
	background:#FFF url('../images/back-beco.gif') no-repeat top;
}


#conteiner-bulevar {
	position: relative;
	background:#FFF url('../images/back-bulevar.gif') no-repeat top;
}

#conteiner-centro {
	position: relative;
	background:#FFF url('../images/back-centro-comercial.gif') no-repeat top;
}

#conteiner-alameda {
	position: relative;
	background:#FFF url('../images/back-alameda.gif') no-repeat top;
}

#conteiner-retiro {
	position: relative;
	background:#FFF url('../images/back-retiro.gif') no-repeat top;
}


/* MENU */
#menu { 
	position:relative;
	left: 50%;
	height:150px;
	margin-left: -497px;
	width: 994px;
	font: normal 0.9em Arial, sans-serif;
	color:#B5B8AD;
}

#menu a:link { font-weight: bold; color:#e0e0e0; text-decoration: none; }
#menu a:visited { font-weight: bold; color:#ccc; text-decoration: none; }
#menu a:hover { font-weight: bold; color:#fff; text-decoration: none; }



#menu ul { list-style-type: none; margin:0 0 0 50px; padding:0; }
#menu ul li { margin-right: 10px; height: 83px; float: left; }
#menu ul li a { display: block; height: 83px; text-indent: -5000%; }

#menu ul li a.bt-beco { background: transparent url(../images/bt-beco.gif) no-repeat; }
#menu ul li a.bt-bulevar { background: transparent url(../images/bt-bulevar.gif) no-repeat; }
#menu ul li a.bt-centro { background: transparent url(../images/bt-centro.gif) no-repeat; }
#menu ul li a.bt-alameda { background: transparent url(../images/bt-alameda.gif) no-repeat; }
#menu ul li a.bt-retiro { background: transparent url(../images/bt-retiro.gif) no-repeat; }
#menu ul li a:hover { background-position: bottom left; }
#menu ul li a.selected { background-position: 0% 100%;cursor:default }


img {
	
	border:0
	
}



/* 
---------------------------------------
MENU SECUNDARIO
---------------------------------------
*/

#menu-sec {
	font-size:12px
}

#menu-sec a:link { font-weight: bold; color:#fff; text-decoration: none; }
#menu-sec a:hover { font-weight: bold; color:#fff; text-decoration: underline;}
#menu-sec a:visited { font-weight: bold; color:#fff;  }


.menu-sec-opcoes {
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:underline
}

.menu-sec-inicio {
	width:45px
}

.menu-sec-contato {
	width:55px
}


.menu-sec-galera {
	width:107px
}



/* 
---------------------------------------
CONTEUDO
---------------------------------------
*/

#conteudo {
	height:auto;
	clear:both;
	color:#000;
	font: normal 1.1em Arial, Trebuchet MS, sans-serif;
	line-height:17px;
	text-align:justify;
}

.texto {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 994px;
	padding:0;
}


.texto a:link { font-weight: bold; color:#FF9900; text-decoration: none; }
.texto a:hover { font-weight: bold; color:#EB3D00; text-decoration: underline; }
.texto a:visited { font-weight: bold; color:#EB3D00; text-decoration: none; }


h1 {
	color:#333;
	font: bold 1.8em Arial, sans-serif;
	text-transform: uppercase;
	text-align:left;
	clear:both
}


h2 {
	color:#999;
	font: normal 1.2em Arial, sans-serif;
	text-transform: uppercase;
	text-align:left;
	clear:both
}

h3 {
	color:#999;
	font: bold 1.0em Arial, sans-serif;
	text-align:left;
	clear:both
}

img {
	border:0px
}


.top {
	margin:30px 0 0 0;
	text-align:right;
	clear:both;
	padding-bottom:20px
}

/* 
---------------------------------------
MENU LATERAL
---------------------------------------
*/


.menu-lateral{
	width: 418px;
	background-color:#240000;
	height:auto;
	text-align:right;
	margin:0
}




.menu-lateral-legenda {
	font-size:14px;
	font-style:italic;
	color:#beb3b3;
	margin:30px 35px 50px 40px;
	line-height:16px
}




/* 
---------------------------------------
CAPA
---------------------------------------
*/


#conteiner-capa {
	position: relative;
	background:#FFF url('../images/back-capa.gif') no-repeat top;
}


.menu-lateral-capa{
	width: 418px;
	height:auto;
	text-align:right;
	margin:0
}



/* 
---------------------------------------
MIOLO
---------------------------------------
*/


.miolo{
	position: relative;
	width: 526px;
	margin:0;
	padding:0 25px 25px 25px
}

.miolo a:link { font-weight: bold; color:#FF9900; text-decoration: none; }
.miolo a:hover { font-weight: bold; color:#EB3D00; text-decoration: underline; }
.miolo a:visited { font-weight: bold; color:#EB3D00; text-decoration: none; }


.voltar { 
	text-align:right;
}

.ddd {
	font: normal 0.8em Arial, sans-serif;
	color:#999
}


hr {
      border: 1px #e0e0e0 dotted;
      color: #fff;
	  margin:20px 0 20px 0;
	  clear:both
}

.contatos {
	font-size:18px;
	font-weight:bold;
	color:#240000
}


/* 
---------------------------------------
TWITTER
---------------------------------------
*/


ul.twitter_update_list {
	margin: 25px 5px 5px 30px;
	list-style-image:  url('../images/item-twitter.gif');
	line-height:30px
}



/* 
---------------------------------------
FORMULARIO
---------------------------------------
*/


.formulario {
	background: #f4f4f1;
	border-width: 1px;
	border-style:double;
	border-color:#cbcabc;
	color:#000000;
	font-family: Verdana, Arial, Trebuchet MS;
	font-size:13px;	
}




.bt_fe {
	background: #99CC00;
	border:1px solid #e7e7e7;
	color:#fff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	height:32px;
	text-align:center;
	padding:0px 5px 0px 5px;
}




/* 
---------------------------------------
RODAPE
---------------------------------------
*/

    
#rodape {
	background:#5F4545;
	height:150px;
	color:#a9ada0;
	font: normal 1.0em Arial, sans-serif;
	clear:both
}


.rodape-detalhes {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 994px;
}

.rodape-acompanhe {
	font-size:14px;
	font-weight:bold;
	color:#beb3b3
}

.rodape-legenda {
	letter-spacing:2px;
	font-size:13px;
	color:#a29595
}


.rodape-flickr {
	width:110px;
	margin:15px 0 0 160px;
	float:left
}

.rodape-twitter {
	width:110px;
	margin:15px 0 0 80px
}



/* 
---------------------------------------
COMO CHEGAR
---------------------------------------
*/

    
#como-chegar {
	background:#C2B9BA;
	height:80px;
	color:#574B4D;
	font: normal 1.0em Arial, sans-serif;
	clear:both;
	border:1px #C2B9BA solid
}


.como-chegar-detalhes {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 974px;
	text-align:center;
	padding:10px 20px 5px 0;
	line-height:22px;
}

#creditos {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -497px;
	width: 974px;
	background-color:#fff;
	height:40px;
	color:gray

}

#creditos a:link { font-weight: bold; color:#FF9900; text-decoration: none; }
#creditos a:hover { font-weight: bold; color:#EB3D00; text-decoration: underline; }
#creditos a:visited { font-weight: bold; color:#EB3D00; text-decoration: none; }