#FormStyle div
{
	clear: both;
	height: 19px;
	margin-bottom: 10px;
}

#FormStyle div.textarea
{
	height: auto;
}

#FormStyle div label
{
	display: block;
	float: left;
	line-height: 130%;
	margin-right: 5px;
	text-align: right;
	width: 122px;
	clip: rect(auto, auto, 3px, auto);
}

#FormStyle .check input
{
	border: 0 none;
	padding: 0;
}

#FormStyle div input, #FormStyle div select, #FormStyle div textarea
{
	margin-right: 5px;
}

#FormStyle .enviarBtn
{
	border: 0 none;
	margin-left: 126px;
	padding: 0;
}

element.style
{
	border-bottom-width: 0;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-left-width-value: 0;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-right-width-value: 0;
	border-top-width: 0;
}

input, select, textarea
{
	border: 1px solid #000000;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding: 2px;
}

.SiteMapPathNode
{
	background: transparent url(../img/setaAzul.gif) no-repeat scroll 0 3px;
	color: #999999;
	margin-right: 5px;
	padding-left: 12px;
}

.SiteMapPathLink
{
	background: transparent url(../img/setaAzul.gif) no-repeat scroll 0 3px;
	color: #999999;
	cursor: pointer;
	margin-right: 5px;
	padding-left: 12px;
}

.SiteMapRoot
{
	color: #999999;
	cursor: pointer;
	margin-right: 5px;
}

/* 
======================================================================================
Definições gerais ======================================================================================
*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 165%;
}
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, fieldset
{
	margin: 0;
	padding: 0;
}
img, fieldset
{
	border: 0;
}
a
{
	text-decoration: none;
	color: #666;
}
a:hover
{
	text-decoration: underline;
}
input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #000;
	padding: 2px;
}
textarea
{
	overflow: hidden;
}
li
{
	list-style: none;
}
hr, legend
{
	display: none;
}


/*
======================================================================================
Estrutura
======================================================================================
*/
#topo
{
	height: 121px;
	background: #002851 url(../img/topoFnd.jpg) no-repeat center 20px;
}
#topo .container
{
	position: relative;
}
#menuTopo
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	position: absolute;
	right: 10px;
	height: 20px;
	font-size: 10px;
	padding-right: 10px;
	font-weight: bold;
}
#menuTopo li
{
	float: left;
	background: url(../img/marcadorAmarelo.gif) no-repeat right 8px;
	padding: 0 10px 0 5px;
}
#menuTopo li.ultimaCol
{
	background: none;
	padding-right: 0;
}
#menuTopo li a
{
	color: #B3BFCB;
}

#logo
{
	position: absolute;
	top: 26px;
	left: 25px;
}

#login
{
	position: absolute;
	top: 30px;
	right: 10px;
	width: 475px;
	color: #960;
}
#login p
{
	float: left;
	width: 140px;
	line-height: 120%;
}
#login fieldset
{
	width: 320px;
	float: right;
	margin: -15px 0 0 0;
}
#login div
{
	height: 20px;
	margin-bottom: 2px;
}
#login div label
{
	display: block;
	width: 30px;
	text-align: right;
	float: left;
	margin: 2px 5px 0 0;
}
#login div input
{
	width: 145px;
	font-size: 11px;
	border: 0;
	background: #fff;
	padding: 2px;
}
#login .enviar
{
	width: 125px;
	float: right;
	margin: -46px 0 0 0;
	line-height: 120%;
}
#login .enviar input
{
	width: auto;
	background: none;
	padding: 0;
}
#login a
{
	font-size: 10px;
	color: #fff;
	padding-left: 12px;
	background: url(../img/setaAmarela.gif) no-repeat 0 3px;
}

#menu
{
	position: absolute;
	top: 79px;
	left: 155px;
}
#menu li
{
	float: left;
	margin-right: 3px;
}
#menu li a
{
	display: block;
	height: 42px;
	background: url(../img/menu.jpg);
}
#menu li a span
{
	display: none;
}
#menu li #menu1
{
	width: 150px;
}
#menu li #menu1:hover, .conheca #menu li #menu1
{
	background-position: 0 -42px;
}
#menu li #menu2
{
	width: 90px;
	background-position: -150px 0;
}
#menu li #menu2:hover, .produtos #menu li #menu2
{
	background-position: -150px -42px;
}
#menu li #menu3
{
	width: 84px;
	background-position: -243px 0;
}
#menu li #menu3:hover, .noticias #menu li #menu3
{
	background-position: -243px -42px;
}
#menu li #menu4
{
	width: 122px;
	background-position: -332px 0;
}
#menu li #menu4:hover, .representantes #menu li #menu4
{
	background-position: -332px -42px;
}
#menu li #menu5
{
	width: 145px;
	background-position: -462px 0;
}
#menu li #menu5:hover, .fale #menu li #menu5
{
	background-position: -462px -42px;
}

#submenu
{
	height: 30px;
	background: #002D59;
	color: #fff;
}
#submenu ul
{
	/*width: 860px;*/
	padding-left: 80px;
}
#submenu ul li
{
	float: left;
	margin-right: 10px;
	padding-top: 6px;
}
#submenu ul li a
{
	color: #fff;
}

#colEsq
{
	width: 650px;
	float: left;
	padding: 10px 0 20px 10px;
}
#breadCrumb
{
	height: 18px;
	color: #999;
}
#breadCrumb a
{
	color: #999;
}
#breadCrumb li
{
	padding-left: 12px;
	background: url(../img/setaAzul.gif) no-repeat 0 5px;
	float: left;
	margin-right: 5px;
}
#breadCrumb li.inicial
{
	padding: 0;
	background: none;
}

.colInternaEsq
{
	width: 320px;
	float: left;
}
.colInternaDir
{
	width: 320px;
	float: right;
}

#subSubmenu
{
	height: 18px;
	margin: 0 0 10px 0;
}
#subSubmenu li
{
	float: left;
	padding-left: 14px;
	background: url(../img/marcadorAzul.gif) no-repeat 0 8px;
	margin-right: 10px;
	color: #003466;
}
#subSubmenu li.inicial
{
	background: none;
	padding: 0;
}
#subSubmenu li a
{
	color: #003466;
}

#colDir
{
	width: 323px;
	float: right;
	padding: 10px 10px 10px 0;
}

#rodape
{
	height: 98px;
	background: #001E3C url(../img/baseFnd.jpg) no-repeat center top;
	color: #CCD9E6;
}
#rodape p
{
	line-height: 120%;
}
#rodape #localiza
{
	width: 661px;
	padding: 5px 0 15px 10px;
	float: left;
}
#rodape #localiza p
{
	width: 318px;
	float: left;
}
#rodape #localiza select
{
	width: 240px;
	font-size: 10px;
}
#rodape #localiza input
{
	margin: 0 0 -8px 5px;
	padding: 0;
	border: none;
}
#rodape #sucursais
{
	width: 320px;
	float: right;
	padding: 5px 0 0 10px;
}
#rodape #sucursais a
{
	color: #CCD9E6;
}
#rodape cite
{
	font-style: normal;
	color: #808F9E;
	padding: 0 286px 0 10px;
}
#rodape cite a
{
	color: #808F9E;
}
#rodape span a
{
	font-size: 10px;
	color: #fff;
	margin-right: 15px;
}


.container
{
	width: 1002px;
	margin: auto;
}

/* 
======================================================================================
Classes gerais
======================================================================================
*/
.clear
{
	clear: both;
	height: 0 !important;
	overflow: hidden;
}

.floatLeft
{
	float: left;
	margin: 0 8px 5px 0;
}
.floatRight
{
	float: right;
	margin: 0 0 5px 8px;
}

.data
{
	color: #003466;
	font-size: 10px;
}

.registro
{
	clear: both;
	margin-bottom: 20px;
}
.registro h4
{
	font-size: 15px;
	color: #003466;
}
.registro h6
{
	font-size: 12px;
	color: #003466;
}
.registro p
{
	line-height: 130%;
	margin-bottom: 10px;
}

.registro pre
{
	clear:both;
}

.registro p a
{
	color: #003466;
}
.registro ul li
{
	background: url(../img/setaAzul.gif) no-repeat 0 5px;
	padding-left: 12px;
}
.registro ul li a
{
	color: #003466;
}

.ultimaCol
{
	margin: 0 !important;
}

#colDir .publicidade
{
	margin-bottom: 10px;
}

.canDirTop, .canDirBas, .canEsqBas, .canEsqTop
{
	position: absolute;
	margin: 0 !important;
}
.canDirTop
{
	top: 0;
	right: 0;
}
.canDirBas
{
	bottom: 0;
	right: 0;
}
.canEsqBas
{
	bottom: 0;
	left: 0;
}
.canEsqTop
{
	top: 0;
	left: 0;
}

.caixaAzul
{
	position: relative;
	background: #004284;
	color: #fff;
	margin-top: 10px;
}
.caixaAzul div
{
	padding: 5px 10px 10px 10px;
}
.caixaAzul p
{
	line-height: 130%;
	margin-bottom: 5px;
}
.caixaAzul select
{
	width: 218px;
}
.caixaAzul input
{
	border: 0;
	padding: 0;
	margin-bottom: -7px;
}

.caixaAmar
{
	position: relative;
	background: #fc0;
	color: #960;
	margin-top: 10px;
}
.caixaAmar div
{
	padding: 10px;
}
.caixaAmar div h2
{
	font-size: 23px;
	font-weight: normal;
}

.paginacao
{
	margin: 10px 0;
	clear: both;
}
.paginacao ul li
{
	width: 18px;
	height: 18px;
	text-align: center;
	float: left;
	color: #003466;
	background: url(../img/pagFnd.gif) no-repeat;
	margin-right: 2px;
}
.paginacao ul li.ativo
{
	background: url(../img/pagFndAtivo.gif) no-repeat;
	font-weight: bold;
}
.paginacao ul li a
{
	color: #003466;
}
.paginacao ul li.ativo a
{
	color: #fff;
}

/* Conteúdo padrão */
/* Coluna Esquerda */
#colEsq h1
{
	font-size: 23px;
	color: #003466;
	margin: 10px 0;
	font-weight: normal;
}

/* Formulário padrão */
#colEsq form div
{
	height: 19px;
	clear: both;
	margin-bottom: 10px;
}
#colEsq form div.textarea
{
	height: auto;
}
#colEsq form div label
{
	display: block;
	width: 122px;
	float: left;
	margin-right: 5px;
	text-align: right;
	line-height: 130%;
}
#colEsq form div input, #colEsq form div select, #colEsq form div textarea
{
	margin-right: 5px;
}
#colEsq form div select
{
	padding: 0;
}
#colEsq form div .slcGrande
{
	width: 345px;
}
#colEsq form div img
{
	margin-bottom: -3px;
}
#colEsq form div .estado
{
	width: 146px;
}
#colEsq form div textarea
{
	width: 340px;
}
#colEsq form .check input
{
	padding: 0;
	border: 0;
}
#colEsq form .caixaErro
{
	height: 23px;
	background: #f00;
	position: relative;
	padding: 5px 0 0 5px;
	color: #fff;
	margin: 0 180px 5px 127px;
}
#colEsq form .caixaErro .icoErro
{
	margin: 0 5px 0 0;
}
#colEsq form .enviarBtn
{
	border: 0;
	padding: 0;
	margin-left: 126px;
}

/* Coluna Direita */
#colDir .caixaDestaque
{
	background: #003466;
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	color: #fff;
}
#colDir .caixaDestaque p
{
	line-height: 120%;
}
#colDir .caixaDestaque a
{
	color: #fff;
}
#colDir .caixaDestaque ul
{
	margin: 5px 0;
}
#colDir .caixaDestaque ul li
{
	padding-left: 15px;
	background: url(../img/setaBranca.gif) no-repeat 0 5px;
	line-height: 130%;
	margin-bottom: 10px;
}

#colDir .caixaDestaque.amarelo
{
	background: #fc0;
	color: #960;
}
#colDir .caixaDestaque.amarelo p strong
{
	font-size: 35px;
	font-weight: normal;
	line-height: 110%;
}


/* 
======================================================================================
Seções
======================================================================================
*/
/* PÁGINA INICIAS E CAPA DE NOTÍCIAS */
.home .registro
{
	width: 318px;
	float: left;
	clear: none;
	margin: 0 10px 10px 0;
}
.home .registro h2
{
	font-size: 18px;
}
.home .registro h2 a
{
	color: #003466;
}
.home .registro .floatLeft
{
	margin-right: 5px;
}
.home .registro p a
{
	color: #666;
}

.home #colEsq ul
{
	margin-bottom: 10px;
}
.home #colEsq ul li
{
	padding-left: 15px;
	background: url(../img/setaAzul.gif) no-repeat 0 5px;
}
.home #colEsq ul li p
{
	line-height: 130%;
	margin-bottom: 10px;
}
.home #colEsq ul li strong
{
	color: #003466;
}

/* CONHEÇA O SABEMI */
.conheca .colInternaEsq .registro p, .conheca .colInternaDir .registro p
{
	margin: 0;
}

/* PRODUTOS */
.produtos.conhecaProd #breadCrumb
{
	margin: 7px 0 10px 10px;
}

/* FALE COM A SABEMI */
.fale #colEsq .colInternaEsq .registro
{
	margin-bottom: 10px;
}
.fale #colEsq .colInternaEsq .registro p
{
	margin: 0;
}
.fale #colEsq .colInternaEsq .registro ul
{
	float: left;
}

.imgLogin
{
	position: absolute;
	top: 20px;
	left: 500px;
}

