
html,body {
	margin: 0px;
	background:#213b54 url(images/fundoSite.jpg);
	height:100%;
}

* {
font-size:12px;
font-family:"Arial";
font-weight:bold;
color:#fff;
}

img {
	behavior:	url("pngbehavior.htc");
}


/* layout */

#tabPrincipal{
position:relative;
width:80%;
min-width:775px;
max-width:840px;
min-height:100%;
margin:1px auto;
background-color:#000000;
}

* html #tabPrincipal {
	height: 100%;
}

#tabPrincipal #tabConteudo{
position:relative;
width:100%;
}

#tabConteudo #tabTopo{
position:relative;
width:100%;
height:75px;
}


#tabTopo #busca{
position:absolute;
width:300px;
height:22px;
margin-top:5px;
margin-left:5px;
}

#tabTopo #busca a{
    font-family:"BankGothic Md BT Medium";
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

#tabTopo #relogio{
position:absolute;
margin-left:90%;
margin-top:10px;
width:60px;
background:transparent url(images/clock.jpg) no-repeat right center;
}

#tabTopo #relogio .letra{
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#f8941d;
}

#tabTopo #tabBanner{
    position:absolute;
	width:775px;
	margin-top:0px;
}

.promocao{
position:absolute;
width:185px;
height:55px;
margin-left:75%;
margin-top:16px;
background-image:url(images/btPromocao2.png); /* Essa linha é para os browsers que entendem PNG direito */
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btPromocao2.png'); /* Essa coloca um filtro pra o IEca ler o PNG */
background-repeat:no-repeat;
}

#tabBanner #swf_menuTopo{
position:absolute;
margin-top:16px;
}


#tabConteudo #bannerAnimado{
position:relative;
width:100%;
height:210px;
}

#bannerAnimado #swf_bannerAnimado{
position:relative;
width:745px;
height:210px;
left:50%;
margin-left:-373px;
}

#tabConteudo #telefone{
position:relative;
width:100%;
height:25px;
margin-bottom:5px;
margin-top:5px;
text-align:center;
}

#tabConteudo #menu{
position:relative;
width:100%;
min-height:100px;
margin-bottom:20px;
z-index:2;
}

#menu #swf_menuBot{
	position:absolute;
	width:676px;
    height:320px;
	left:50%;
	margin-left:-338px;
	margin-top:0px;
}

.corte{
   clip: rect(auto auto 100px auto);
}

.tiraCorte{
   clip: rect(auto auto auto auto);
}

#tabConteudo #conteudo{
position:relative;
width:100%;
background-color:#000000;	
}



#tabConteudo #links{
position:relative;
width:100%;
margin-top:15px;
background-color:#000;
}

#links #contem{
position:relative;
display:block;
width:560px;
height:75px;
left:35%;
margin-left:-230px;
}

#contem #representante{
float:left;
width:229px;
height:75px;
}

#contem #trabalhe{
float:right;
width:129px;
margin-left:2px;
height:75px;
}

#contem .titulo{
position:absolute;
width:120px;
height:75px;
padding-top:25px;
text-align:right;
cursor:pointer;
}

#contem .foto{
position:absolute;
width:100px;
height:75px;
margin-left:128px;
cursor:pointer;
}

#contem a{
font-family:"Arial";
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#contem a:hover{
color:#fff;
text-decoration:underline;
}


.clear {clear:both;}

#bt{
position:absolute;
width:120px;
height:25px;
left:50%;
margin-left:-60px;
margin-top:300px;
font-family:Tahoma,Verdana;
font-size:10px;
color:#FFFFFF;

}


#tabConteudo #rodape{
position:absolute;
width:100%;
height:70px;
bottom:0px;
margin-bottom:-70px;
background:#000000 url(images/fundoSite.jpg) no-repeat;
}

#rodape p{
margin-top:35px;
text-align:center;
}

#rodape .aviso{
font-family:"Verdana";
font-size:9px;
font-weight:bold;
color:#ffffff;
}

#imgBottom{
position:absolute;
width:100%;
height:29px;
background:#000000 url(images/bottomPaginaEsq.jpg) no-repeat left center;
}

#imgBottom #bottomDir{
position:absolute;
right:0px;
margin-top:0px;
width:66px;
height:29px;
background:transparent url(images/bottomPaginaDir.jpg) no-repeat right top;
} 


/*  lightbox */

#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform. Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
    }

/* Estilos para o formulario */


	input#nome, input#email, input#assunto, input#cpf, input#arquivo{
		width:300px;
		height:13px;
		padding-bottom:0px;
		font-size:10px;
	    font-family:Comic Sans MS,Verdana;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#000000;
		border:1px #0099cc solid;
		
	}
	
	input#telCid{
	    float:left;
		_margin-top:1px;
		padding-left:2px;
		width:25px;
		height:15px;
		font-size:10px;
	    font-family:Comic Sans MS,Verdana;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#000000;
		border:1px #0099cc solid;
	}
	
	input#telNum{
		width:58px;
		height:15px;
		margin-left:5px;
		font-size:11px;
	    font-family:Comic Sans MS,Verdana;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#000000;
		border:1px #0099cc solid;
	}
	
	textarea#comentario {
	    
		width:320px;
		height:50px;
		font-size:11px;
	    font-family:Comic Sans MS,Verdana;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#000000;
		border:1px #0099cc solid;
	}
	
#btEnviar{
   display:block;
   position:relative;
   width:59px;
   height:15px;
   cursor:pointer;
}

#btEnviar span{
position:absolute;
width:100%;
height:100%;
background:transparent url(images/fundoBtEnviar.jpg) no-repeat left center;
text-align:center;
margin-left:130px;
margin-top:10px;
}

/* Estilos para a lista de definicao */
.formulario dl{height:291px;};
.formulario dt {margin-top:1px;}
.formulario dd {margin:0; padding:0;}



