*{padding:0; margin:0; list-style:none;}
/*a{outline:none; text-decoration:none; font-size:13px; color:#606060;}*/
body{background:url(../imagens/fundo.jpg) center repeat-x; font-family:Arial, Helvetica, sans-serif;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.indent{text-indent:-999999px; overflow:hidden;}
a.linkColor{color:#6D3E44;}
a.underline{text-decoration:underline;}
a:hover{text-decoration:underline;}
.pad{padding:0;}
.mar{margin:0;}
.absolute{position:absolute;}
/************************************************************/

/***********************[ESTRUTURA]**************************/
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-257px; /* Metade da altura do nosso box que ficará centralizado */
	float:left;
	}

#estrutura {
	margin:0 auto;
	position:relative; /* Coloca o container frente ao elemento com o id distance */
	text-align:left;
	height:514px;
	width:886px;
	clear:left;
	/*border:1px solid #033;*/
	}
#estrutura .logo{margin-right:30px; position:relative; z-index:200;}

#titulo h1{font: bold 14px "Times New Roman", Times, serif; color:#750000; position:absolute; margin-top:-38px; margin-right:139px; right:0; background:url(../imagens/divisoria-desc03.gif) bottom right no-repeat; width:400px; text-align:right;}
#titulo .sub-tit{color:#BEBEBE;}
/************************************************************/

/***************[CONFIGURAÇÕES RODAPE SEMPRE BOTTOM]**************/
html, body, #wrap {height: 100%;}
/*body > #wrap {height: auto; min-height: 100%;}*/
#main {padding-bottom: 100px;}  /* padding topo rodapé  */

.footer {
	position: relative;
	margin-top: -28px; /* Valor negativo do rodapé */
	height: 28px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix {display: block;}
/************************************************************/

/***************[RODAPE]**************/
.footer{width:100%; height:28px; background:#FFF;}
.footer .container{width:930px; margin:0 auto; height:28px;}
.footer .contRodape{font:10px Arial, Helvetica, sans-serif; color:#666666; padding-top:6px;}

.footer .contRodape #redes-sociais ul li{float:left; margin-right:11px;}
.footer .contRodape #redes-sociais ul li .blog{height:16px; width:16px; background:url(../imagens/blog.jpg) top no-repeat;}
.footer .contRodape #redes-sociais ul li .blog:hover{background:url(../imagens/blog.jpg) bottom no-repeat;}
.footer .contRodape #redes-sociais ul li .twitter{height:16px; width:16px; background:url(../imagens/twitter.jpg) top no-repeat;}
.footer .contRodape #redes-sociais ul li .twitter:hover{background:url(../imagens/twitter.jpg) bottom no-repeat;}
.footer .contRodape #redes-sociais ul li .orkut{height:16px; width:16px; background:url(../imagens/orkut.jpg) top no-repeat;}
.footer .contRodape #redes-sociais ul li .orkut:hover{background:url(../imagens/orkut.jpg) bottom no-repeat;}
.footer .contRodape #redes-sociais ul li .facebook{height:16px; width:16px; background:url(../imagens/facebook.jpg) top no-repeat;}
.footer .contRodape #redes-sociais ul li .facebook:hover{background:url(../imagens/facebook.jpg) bottom no-repeat;}
.footer .contRodape #redes-sociais ul li .vimeo{height:16px; width:16px; background:url(../imagens/vimeo.jpg) top no-repeat;}
.footer .contRodape #redes-sociais ul li .vimeo:hover{background:url(../imagens/vimeo.jpg) bottom no-repeat;}

.footer .contRodape #area-cliente {float:left; margin-right:7px; margin-left:25px;}
.footer .contRodape #area-cliente ul li{float:left; margin-right:7px;}

.footer .contRodape #area-cliente ul .txt{padding-top:2px;}
.footer .contRodape #area-cliente ul li input{height:16px; width:118px; border:1px solid #CCC; padding-left:5px; background:url(../imagens/fundo-form.jpg) top repeat-x; font-size:11px; color:#666666;}
.footer .contRodape #area-cliente ul li .botao{height:18px; width:18px; background:url(../imagens/botao-ok.gif) top no-repeat;}
.footer .contRodape #area-cliente ul li .botao:hover{background:url(../imagens/botao-ok.gif) bottom no-repeat;}

.footer .contRodape .copyright{font-size:10px; color:#B2B2B2; float:left; margin-left:110px;}
.footer .contRodape .rafael-bianco{width:35px; height:26px; background:url(../imagens/rafael-bianco.gif) top no-repeat; margin-top:-6px; float:right;}
.footer .contRodape .rafael-bianco:hover{background:url(../imagens/rafael-bianco.gif) bottom no-repeat;}

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

/***************[MENU PRINCIPAL]**************/
.menu{
	position:relative;
	padding-top:24px;
	z-index:50;
	}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	color:#030;
}
ul#topnav li a {
	float: left;
	font:10px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	margin-left:16px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav li .sub {
	position: absolute;	
	top: 24px; left: 18px;
	background: #666666;
	padding: 15px 10px 20px 0px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 140px;
	float: left;
}
ul#topnav .sub ul li {
	color: #fff;
}
ul#topnav .sub ul li h2{
	margin-left:16px;
	margin-bottom:5px;
	background-image: none;
	color: #fff;
	font:bold 12px "Times New Roman", Times, serif;
	border-bottom:1px solid;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../imagens/marcador.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #fff; 
	background:#750000;
	padding-left:7px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	}

/************************************************************/
/***************[GALERIA DE FOTOS]**************/
#galeria{clear:both;}
/************************************************************/

/***************[CONTATO]**************/
#conteudo{margin-top:40px; font-size:12px; color:#666666;}
#conteudo .foto-esq{margin-right:32px;}
#conteudo h2{font-size:14px; font-weight:bold; margin-bottom:6px;}
#conteudo h3{font-size:14px; font-weight:bold; margin-bottom:6px; color:#750000;}
#conteudo a{color:#900; text-decoration:none;}
#conteudo a:hover{text-decoration:underline;}

#conteudo .info{margin-right:36px;}
#conteudo .formulario{width:230px; display:block;}

#conteudo .txt{width:400px;}
/************************************************************/
/***************[IDIOMAS]**************/
.idiomas{right:14px; height:17px; width:40px;}
.idiomas .portugues{ background:url(../imagens/bandeira-brasil.gif) left center no-repeat; width:17px; height:10px; display:block; margin-right:6px;}
.idiomas .ingles{ background:url(../imagens/bandeira-usa.gif) left center no-repeat; width:17px; height:10px; display:block;}
.idiomas .portugues:hover,.ingles:hover{border:1px solid #999;}
/************************************************************/


