﻿/* CSS Document */

body {
	 line-height:17px;
	 margin:0;
	 padding:0;
	 background:#fff url('../images/back-menu.png') no-repeat top;
	 font: normal 0.8em Trebuchet MS, Arial, sans-serif;
	 color:#000
}


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 {
	position: relative;
	top: 0%;

}


/* MENU */
#menu { 
	position:relative;
	left: 50%;
	height:240px;
	margin-left: -480px;
	width: 960px;
	font: normal 0.9em Arial, sans-serif;
	color:#999;
	border:none
}

img { border:0 }

#menu-tab {
		width:960px;
		height:145px;
}

.menu-naveg {
	width:100%;
	margin:11px 0 0 0;
	border:none;
}

.menu-topo {
	margin:35px 0 0 200px;
}


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

#conteudo {
	height:auto;
	clear:both;
	color:#646464;
	font: normal 1.2em Calibri, Trebuchet MS, sans-serif;
	line-height:18px;
	text-align:left;
}

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

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

.texto-azul {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	padding:0; 
}

.texto-azul a:link { font-weight: bold; color:#20a7c7; text-decoration: none; }
.texto-azul a:visited { font-weight: bold; color:#20a7c7; text-decoration: none; }
.texto-azul a:hover { font-weight: bold; color:#58c9e4; text-decoration: none; }



.texto-laranja {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	padding:0; 
}

.texto-laranja a:link { font-weight: bold; color:#F4A11B; text-decoration: none; }
.texto-laranja a:visited { font-weight: bold; color:#F4A11B; text-decoration: none; }
.texto-laranja a:hover { font-weight: bold; color:#F9CD84; text-decoration: none; }



.texto-tab {
	width: 100%
}

.texto-tab-menu {
	width:230px
}

.traco {
	height:39px;
	border-bottom:1px #ccc solid
}

.tracoprod {
	height:auto; 
	margin-top:10px;
	border-bottom:none;
	color:#7F7F7F;
	line-height:18px
}

.texto-tab-coluna {
	width:65px
}

.texto-tab-miolo {
	width:auto	
}


img {
	border:0px
}

h1 {
	clear:both;
	margin:20px 0 0 0
}

h2 {
	margin:7px 0 20px 0;
	font: normal 1.3em Calibri, sans-serif;
	color:#222E66
}

h3 {
	color:#222E66;
	font: bold 1.1em Arial, sans-serif;
	margin:10px 0 0 0;
}

h4 {
	color:#999;
	font: normal 1.0em Arial, sans-serif;
	margin:10px 0 20px 0;
	text-transform: uppercase
}



hr {
      border: 1px #ccc dotted;
	  margin:30px 0 30px 0;
	  clear:both
}



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



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


.formulario {
	background: #f4f4f1;
	border-width: 1px;
	border-style:double;
	border-color:#cbcabc;
	color:#000000;
	font-family: Trebuchet MS, Verdana, Arial;
	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:#fff url('../images/back-rodape.png') no-repeat top;
	height:140px;
	color:#285F89;
	clear:both;
}

.rodape-detalhes {
	position: relative;
	top: 0%;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	letter-spacing:1px;
	font: normal 0.9em Arial, sans-serif;
}

.rodape-creditos {
	margin:25px 0 0 0;
	letter-spacing:0
}

.rodape-creditos a:link { font-weight: normal; color:#666; text-decoration: none; }
.rodape-creditos a:visited { font-weight: normal; color:#ccc; text-decoration: none; }
.rodape-creditos a:hover { font-weight: normal; color:#999; text-decoration: none; }


.rodape-tab {
	width:100%;
	height:110px
}

.rodape-logo {
	margin-top:20px
}

.rodape-fone {
	margin-top:20px
}
