/* Desenvolvido por Istrata Comunicação |  www.istrata.com.br */

/***********************************************/
/* TAG's 									   */
/***********************************************/

* {
	margin:0px;
	padding:0px;
}

body {
	background:#003c82;
}

img {
	border:none;
}

a {
	color:#FFF;
}

/***********************************************/
/* Ordem hierárquica						   */
/***********************************************/

div#geral {
	width:100%;
	height:auto;
	position:relative;
	text-align:center;
	background:url(../imagens/layout/fd_site.jpg) repeat-x bottom center;
}
	div#topo {
		width:100%;
		height:272px;
	}

	div#menu {
		width:100%;
		height:42px;
		background:#00134a;
		text-align:center;
	}
	
		div#menu ul {
			width:710px;
			height:42px;
			display:block;
			margin:0px auto;
			list-style:none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
		}
			div#menu ul li {
				display:block;
				float:left;
			}
				div#menu ul li a {
					display:block;
					margin:0px 12px 0px 0px;
					padding:13px 3px 9px;
					color:#FFF;
					text-decoration:none;
				}
					div#menu ul li a:hover {
						color:#FF0;
						border-bottom:solid 2px #FF0;
					}
					div#menu ul li a.ativo {
						color:#FF0;
					}
					div#menu ul li a.ultimo {
						margin-right:0px;
					}
	
	div#submenu {
		width:100%;
		height:30px;
		background:#001862;
	}
		div#submenu ul {
			width:710px;
			height:42px;
			display:block;
			margin:0px auto;
			list-style:none;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			text-transform:uppercase;
		}
			div#submenu ul li {
				display:block;
				float:left;
			}
				div#submenu ul li a {
					display:block;
					margin:0px 12px 0px 0px;
					padding:7px 3px 3px;
					color:#FFF;
					text-decoration:none;
				}
					div#submenu ul li a.ativo, 
					div#submenu ul li a:hover {
						color:#FF0;
						border-bottom:solid 2px #FF0;
					}
					div#submenu ul li a.ultimo {
						margin-right:0px;
					}
		
	div#principal {
		width:710px;
		height:auto;
		min-height:450px;
		margin:auto;
		padding:20px 0px;
		text-align:left;
	}
		div#principal p {
			margin:0px 0px 15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFF;
		}
		
		div#principal div#pop-up {
			position:absolute; top:50%; left:50%;
 			margin-top:-180px;
			margin-left:-270px;
		}

		
		div#principal div.box_50 {
			float:left;
			margin:15px 20px 0px 0px;
		}
			div#principal div.box_50_2 {
				margin:15px 0px 0px 0px;
				float:rigth;
			}
	
		div#conteudo {
			width:415px;
			height:auto;
			float:left;
		}
		
		div#barraLateral {
			width:260px;
			height:auto;
			float:right;
		}
			div#barraLateral h2 {
				margin:0px 0px 10px;
				*margin:0px 0px 15px;
			}
		
	div#rodape {
		width:100%;
		height:85px;
		clear:both;
		border-top:solid 1px #001f61;
	}
		div#rodape ul.infos {
			width:710px;
			margin:10px auto 0px;
			list-style:none;
		}
			div#rodape ul.infos li {
				padding:5px 15px;
				border-right:solid 2px #3f6599;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFF;
				text-align:left;
			}
				div#rodape ul.infos li div.marca {
					float:left;
					margin-right:10px;
					font-family:"Times New Roman", Times, serif;
					font-size:26px;
					font-weight:bold;
					text-transform:uppercase;
					line-height:24px;
				}
					div#rodape ul.infos li div.istrata {
						float:right;
					}
				
				div#rodape ul.infos li.pri {
					width:240px;
				}
				div#rodape ul.infos li.sec {
					width:180px;
				}
				div#rodape ul.infos li.ter {
					width:auto;
					border:none;
				}
				div#rodape ul.infos li.ter p {
					float:left;
					margin-right:5px;
				}

/***********************************************/
/* Geral 									   */
/***********************************************/


/***********************************************/
/* Hacks 									   */
/***********************************************/

/* FF Hack ================== */
div#principal:after,
div#rodape ul.infos:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}