/* CORPO E ESTRUTURA --------------------------------*/
* { margin:0; padding:0 }

body {
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:15px;
	background:#fff url(img/bgheader.jpg) no-repeat center top }
	
#allA { 
	width:100%;
	float:left; 
	background:url(img/bgfooter.jpg) no-repeat center bottom }

#allB {
	position:relative;
	width:777px; 
	margin:0 auto }

/* CABEÇALHO -------------------------------------*/
#header {
	position:relative;
	width:777px;
	height:223px;
	float:left }
	
#header a.logo {
	z-index:10;
	position:absolute;
	top:35px;
	left:13px;
	width:126px;
	height:148px }
	
#header .destaque {
	z-index:9;
	position:absolute;
	top:27px;
	left:0;
	width:777px;
	height:161px }
	
#header ul.navega { 
	z-index:11;
	position:absolute; 
	top:35px; 
	right:3px; 
	width:120px }
	
#header ul.navega li { float:left; margin:0 3px 0 0 }
#header ul.navega li a {
	font-weight:bold;
	display:block; 
	color:#FFF;
	padding:3px 3px 2px 4px; 
	background:url(img/bglinknavega.gif); 
	width:13px; 
	text-align:center }
	
#header ul.navega li a:hover { 
	text-decoration:none;
	background:url(img/bglinknavega.gif) 0 -20px }
	
#header .data {
	position:absolute;
	top:200px;
	right:10px;
	color:#FFF }
	
#header a.contato { 
	width:71px; 
	height:25px; 
	top:214px;
	right:10px }

/* MENU --------------------------------------------*/
ul#menu {
	position:absolute;
	width:550px;
	top:198px;
	left:10px }
	
ul#menu li { position:relative; float:left; margin:0 3px 0 0 }
ul#menu li a {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:3px 0 7px 0;
	float:left }
	
ul#menu li a.A { background:url(img/bglinkmenu1.jpg) 0 -2px; width:45px }
ul#menu li a.B { background:url(img/bglinkmenu2.jpg) 0 -2px; width:60px }
ul#menu li a.C { background:url(img/bglinkmenu3.jpg) 0 -2px; width:85px }

ul#menu li a:hover { text-decoration:none }

ul#menu li a.A:hover { background:url(img/bglinkmenu1.jpg) 0 -27px }
ul#menu li a.B:hover { background:url(img/bglinkmenu2.jpg) 0 -27px }
ul#menu li a.C:hover { background:url(img/bglinkmenu3.jpg) 0 -27px }
	
ul#menu li ul {
	position:absolute;
	z-index:1000;
	left:0;
	top:25px;
	display:none;
	width:170px;
	padding:0 0 7px;
	background:url(img/bglinkmenu2nivelfinal.gif) no-repeat bottom }
	
ul#menu li ul li { float:left; width:150px; margin:0 }
ul#menu li ul li a { padding:3px 5px 5px 5px; display:block; width:160px; text-align:left; background:url(img/bglinkmenu2nivel.gif) }
ul#menu li ul li a:hover { background:url(img/bglinkmenu2nivel.gif) 0 -23px }
ul#menu li:hover ul, ul#menu li.over ul { display:block; }
ul#menu li:hover ul ul, ul#menu li.over ul ul { display:none } 

/* Fix IE. Hide from IE Mac \*/
* html ul#menu  li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* ESTRUTURAÇÃO DO CORPO DO CONTEÚDO -----------------------------*/
#content { width:777px; float:left; background:url(img/bgcontent.jpg) repeat-y }

#c1, #c2, #c3, #detail {
	overflow:hidden; 
	float:left }
	
#c1, #c2, #detail {	padding:15px }
#c3 { padding:15px 15px 15px 0 }

#c1 { width:200px }
#c2 { width:320px }
#c3 { width:175px }

#home { }
#detail { width:510px }
.default {  }
.box { margin:0 0 10px 0; border-bottom:2px dotted #CCC }
	
/* CONFIGS GERAIS --------------------------------*/
a { color:#CC0000; outline:0; text-decoration:none }
a:hover { text-decoration:underline }
a.none:hover { text-decoration:none }
img { border:0 }
ul { list-style:none }
p { margin:0 0 10px 0 }

/* H1, H2, H3 ... -----------------------------------*/
h1 {
	text-indent:-1000000px;
	height:19px;
	margin:0 0 5px 0;
	clear:both }
	
.bemvindo h1 { background:url(img/h1_bemvindo.gif) no-repeat left }
.noticia_lista h1 { background:url(img/h1_noticias.gif) no-repeat left }
h1.destaque { background:url(img/h1_destaque.gif) no-repeat left }
h1.boliche { background:url(img/h1_boliche.gif) no-repeat left }
h1.bolao { background:url(img/h1_bolao.gif) no-repeat left }
h1.produtos { background:url(img/h1_produtos.gif) no-repeat left }
.aprenda h1 { background:url(img/h1_aprenda.gif) no-repeat left; height:31px }
.orcamento h1 { background:url(img/h1_orcamento.gif) no-repeat left; height:41px }
.newsletter h1 { background:url(img/h1_newsletter.gif) no-repeat left }
.empresa h1 { background:url(img/h1_sedelbowling.gif) no-repeat left }
.contato h1 { background:url(img/h1_contato.gif) no-repeat left }
.servicos h1 { background:url(img/h1_servicos.gif) no-repeat left }
.ligueja h1 { background:url(img/h1_ligueja.gif) no-repeat left; height:41px; width:186px; margin:0 0 15px }

h2 {
	font:italic bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-align:right;
	color:#29166F;
	padding:0 5px 0 0;
	margin:0 0 5px 0;
	border-right:5px solid #CC0000 }
	
h3 { 
	font:italic normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#666 }
	
.noticia h3 { 
	font:bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#CC0000;
	margin:0 0 5px 0 }


/* NOTÍCIA --------------------------------------------*/
#detail .noticia h2 { font-size:16px }
#detail .noticia .data { color:#666}
#detail .noticia .fonte { color:#666; margin:10px 0 0 0 }
#detail .noticia .arquivo { float:right; margin:0 0 10px 10px; padding:5px; background:#DDD; width:250px }
#detail .noticia .arquivo img { border:1px solid #BBB }
#detail .noticia .arquivo .legenda { color:#666; padding:3px 0 0 0 }
* html #detail .noticia .arquivo .legenda { padding:0 }

/* MAIS NOTÍCIAS ----------------------------------------*/
.noticia_lista ul li { padding:0 0 5px 0; margin:0 0 5px 0 }
.noticia_lista .data { color:#666; display:block }
.noticia_lista .titulo { color:#29166F; font-weight:bold }
.noticia_lista a:hover .titulo { color:#CC0000 }

/* PISTAS ----------------------------------------*/
.pista ul li, .pista ul li { float:left; width:320px; margin:0 0 10px }

.pista .arquivo, .produto .arquivo { width:320px; float:left }

.pista_lista li { margin:0 0 5px 0 }
	
.pista_lista .titulo { 
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	bottom:0; 
	left:0;
	display:block;
	padding:5px 12px 5px 10px; 
	height:15px; 
	background:url(img/bgtituloproduto.gif) top right }
	
.pista .canto { 
	background:url(img/cantoproduto.gif) no-repeat; 
	top:0; 
	right:0; 
	width:11px; 
	height:11px }
	
.pista .legenda, 
.produto .legenda { display:block; border-bottom:1px solid #CCC; padding:3px 0 3px 0; text-align:center; color:#CC0000; margin:0 0 15px }
.pista .descricao, .produto .descricao { color:#333 }

.pista_lista .descricao { color:#333; display:none }
#home .pista .valor { }

.pista #c3 { padding:60px 0 0 0 }
* html .pista #c3, .produto #c3 { padding:65px 0 0 0 }
.pista ul.thumb, .produto ul.thumb { margin:0 0 10px }
.pista ul.thumb li, .produto ul.thumb li { float:left; margin:0 0 5px }
.pista ul.thumb li img, .produto ul.thumb li img { cursor:pointer }

/* EMPRESA ----------------------------------------*/
.empresa ul { list-style:square; margin:0 0 10px 25px }
.empresa ul li { margin:0 0 5px; color:#333 }
.empresa img { padding:5px; border:2px solid #000099}

/* SERVIÇOS ----------------------------------------*/
.servicos ul { list-style:square; margin:0 0 10px 25px }
.servicos ul li { margin:0 0 5px; color:#333 }
.servicos img { padding:5px; border:2px solid #000099}

/* GALERIA DE FOTOS ----------------------------------------*/
#home .galeria ul li { 
	border-bottom:1px dashed #DDD; 
	padding:0 0 5px 0;
	margin:0 0 5px 0; 
	float:left;
	width:220px }
	
#home .galeria img { width:100px; float:right; margin:0 0 5px 5px; border:1px solid #ccc }
#home .galeria .titulo { font:bold 13px Arial, Helvetica, sans-serif; display:block }
#home .galeria .resumo { color:#000 }

#detail .galeria .data, #detail .galeria .legenda { color:#666 }
#detail .galeria .arquivo { float:left; width:327px }
#detail .galeria .arquivo img, #detail .galeria ul.thumb li img { border:1px solid #CCC }
#detail .galeria .arquivo img {	background:url(img/loading.gif) no-repeat center center }
#detail .galeria .legenda { display:block; padding:2px 0 2px; text-align:center }
#detail .galeria h2 { color:#CC0000; font:bold 13px Arial, Helvetica, sans-serif; display:block }
#detail .galeria p {  }

#detail .galeria ul.thumb li { float:left; margin:0 0 5px 5px }
#detail .galeria ul.thumb li img { 
	cursor:pointer;
	background:#eee url(img/loading2.gif) no-repeat center center;
	width:50px; 
	height:38px;
	display:block }
	
#detail .galeria .thumb { }

/* DIVERSOS ---------------------------------------*/
.formbusca { 
	display:block; 
	padding:10px; 
	border:1px solid #CCC; 
	background:#DDD; 
	font-weight:bold;
	color:#666 }
	
.paginador { display:block; color:#666 }
.paginador ul, .paginador ul li { display:inline }

/* FORMULÁRIOS ---------------------------------------*/
.atencao { font-weight:bold; color:#FF0000 }

.msg {
	display:block;
	padding:10px;
	margin:0 0 10px;
	background:#EEE;
	border:1px solid #DDD }

.failed {
	color:#CC0000;
	border:1px solid #CC0000 }
	
.success {
	color:#29166F;
	border:1px solid #29166F }

.newsletter label { display:block; float:none }
label { float:left; width:80px; padding:2px 0 0 0; color:#666 }
.orcamento label { width:150px; border-bottom:1px solid #DDD; padding:5px 0 3px; margin:0 3px 0 0 }
.orcamento input.text { margin:3px 0 3px }
input.text, select, textarea { 
	font:12px Arial, Helvetica, sans-serif; 
	color:#CC0000;
	border:1px inset #000;
	padding:2px }
	
html>body label, 
html>body input.text, 
html>body select, 
html>body textarea { margin:0 0 3px }

* html input.text, select, textarea { border:1px inset #CCC }

input.button { font-size:11px }

/* RODAPÉ --------------------------------------------*/
#footer {
	position:relative;
	width:777px;
	padding:10px 0 0 0;
	height:76px;
	color:#FFF;
	clear:both;
	text-align:center }
	
#footer .copy { color:#666 }

#footer a.linkramaweb { 
	display:block; 
	text-indent:-10000000px; 
	overflow:hidden; 
	width:73px; 
	height:9px; 
	background:url(img/logoramaweb.gif) }

	
/* TRANSPARÊNCIA PNG > FOR IE --------------------------------------------*/
* html img {
filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="img/blank.png").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  ) }