/* CSS Document */

body  {
	margin:0px; /* centraliza a pagina */
	text-align:left; /* centraliza a pagina no I.E */
	/*background-color:#0099ff; /* definmos uma  cor de fundo para pagina */
	font-family:Verdana, Arial, Helvetica, sans-serif; /* definimos uma fonte */
	font-size:12px; /* definimos o tamanho da fonte */
	color:#000 /* definimos a cor da fonte */
}

#font_hist{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
	margin:0px 0px 0px 5px;
	padding:0px 5px 0px 5px;
	background-color:#fff;
}
#font_enviado{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#E1EBF4;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	width:250px;
	height:100px;
}
#clientes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#666;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	height: 350px;
}
#font_cliente_topo
{
	font-style:normal;
	font-size:16px;
	margin:5px 0px 0px 5px;
	padding:5px 0px 0px 5px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	color:#333;
}

#form{
	font-family:Trebuchet MS, Tahoma, Verdana;
	font-size:11px;
	color:#E1EBF4;
	margin:1px 0px 0px 10px;
}
#fonte_rodape{
	font-size:11px;
	color:#999;
	font-family:Trebuchet MS, Tahoma, Verdana;
	margin:0px 0px 10px 10px;
}
#fonte_rodape2{
	float:right;
	width:240px;
	font-size:11px;
	color:#999;
	font-family:Trebuchet MS, Tahoma, Verdana;
	margin:0px 0px 10px 0px; /* margem no sentido horario (topo, direita, base, esquerda) */
		
}
#corpo { /* # simbolo que cria uma DIV  - (corpo) definimos o nome da div */
	margin:0px auto; /* centraliza a div na página */
	text-align:left; /* alinha o texto na esquerda */
	width:764px; /* definimos um largura */
	height:700px;
	/*background-color:#FFF; /* cor de fundo */
	border:0px solid #CCC; /* definimos os atributos da borda div */
	background:url(../imagens/bar_fundo.jpg) repeat-x;
}

#corpo2 {  /* margem no sentido horario (topo, direita, base, esquerda) */

	text-align:left;
	width:764px;
	height:470px;
	background:url(../imagens/bar_fundo_azul.jpg);
	
}

#topo {
	background:url(../teste/topo.jpg) no-repeat; /*img de fundo da div */
	height:100px; /* definimos altura da div */
}

#menu {
	padding:4px; /* distancia entre a borda e o conteudo do elemento na div */
	color:#FFF; /* cor da fonte */
	border-top:1px solid #FFF; /* definimos os atributos  da borda  superior */
}

#menu ul { /* vamos estilizar  uma lista  na div  menu */
	margin:0px 0px 0px 20px; /* margem no sentido horario (topo, direita, base, esquerda) */
	padding:0px; /* sem espaçamento */
	list-style-type:none; /* tipo do estilo  da lista */
	border-left:1px solid #ddddddd; /* definimos os atributos da borda esquerda */
}

#menu li { /* vamos estilizar  os elementos da lista  na div  menu */
	display:inline; /* definomos que os elementos da lista serão  exibidos  numa linha */
	padding:0px 10px 0px 10px; /* espaçamentos no sentido horarios (topo, direita, base, esquerda) */
	border-right:1px solid #dddddd; /* definimos os atributos da borda direita */
}

#menu li a { /* link no estado normal e visitado */
	text-decoration:none; /* sem decoração no link */
	color:#FFF; /* definimos a cor do link */
}

#menu li a:hover { /* link no estado quando  se passa o mouse em cima */
	text-decoration:underline; /* decoração sublinhada no link */
	background-color:#999900; /* cor de fundo no link */
}


#lateral {
	float:right;
	padding:4px;
	border:1px solid #CCC;
	width:190px;
	margin:10px 0px 0px 10px;
	position:relative;
	right:5px;
}


#menu_corpo {
	float:left;
	padding:10px;
	border:0px solid #CCC;
	width:196px;
	height:383;
	margin:195px 0px 0px -256px;
	position:relative;
	right:5px;
}

#barra_ferro {
	float:left;
	padding:10px;
	border:0px solid #CCC;
	width:196px;
	height:383;
	margin:375px 0px 0px -380px; /* margem no sentido horario (topo, direita, base, esquerda) */
	position:relative;
	right:5px;
}

#conteudo_corpo {
	margin-bottom: 20px;
	padding-bottom: 1px;
	
}

#page {
	width: 760px;
	height:500px;
	margin: 0 auto;
}
#conteudo_corpo1 {
	float:right;
	padding:0px 100px 100px 0px; /* espaçamentos no sentido horarios (topo, direita, base, esquerda) */
	border:0px solid #CCC;
	width:347px;
	height:400;
	margin:10px -5px 0px 320px; /* margem no sentido horario (topo, direita, base, esquerda) */
	position:relative;
	right:5px;
	background-color:#FFF;
	border:1px #000;
}
#conteudo {
	margin:10px 215px 0px 5px;
	text-indent:20px;
	text-align:justify;
}

#conteudo p{
	margin:0px;
}

#rodape1 {
	clear:right;
	margin:0px auto;
	width:300px;
	border-top:3px solid #ff9922;
	font-size:11px;
	color:#666;
	text-align:right;
	padding:1px 0px 0px 0px;
	position:relative;
	top:9px;
}
/* Content */

#content {
	float: left;
	width: 196px;
	padding: 5px 10px 10px 20px;
	height: 383px;
}

#welcome {
	margin-bottom: 20px;
	padding-bottom: 1px;
	
}

.floating-box {
	float: left;
	width: 210px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 5px solid #FFFFFF;
}
#alignimg{
	left:50px;
	width:489px;
	height:113px;
	margin:2px 15px 0px 0px; /* margem no sentido horario (topo, direita, base, esquerda) */
}

#font_end{
	height:80px;
	font-family:Trebuchet MS, Tahoma, Verdana;
	font-size:11px;
	color:#666;
	margin:0px 0px 10px 10px;/* margem no sentido horario (topo, direita, base, esquerda) */
	padding:40px 0px 10px 10px; /* margem no sentido horario (topo, direita, base, esquerda) */
	color:#FFF;
	width: 200px;
}