/**************************************************************
   CSS Reset
**************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: #000000; background: #FFFFFF; }
ol, ul { list-style: none; }
table { border-collapse: separate; }
caption, th { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************************************************************
   Layout
**************************************************************/
body {
	background: url(../imgs/bg_top_repeat.png) repeat-x top #404040;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

h1 { font-size: 18px; font-weight: bold; padding-bottom: 10px; }
p { margin: 12px 0 12px 0; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.center { margin: 0 auto; width: 970px; }

/**************************************************************
   Cabeçalho (topo, header)
**************************************************************/
#Header {
	float: left;
	height: 100px;
	position:relative;
	width: 100%;
	z-index:10;
}

.logo { float: left; padding-right: 52px; /*25*/ position: relative; z-index: 2; }
.sac { float: left; padding: 43px 0 18px 11px; /*11 por 30 */ }
.rev { float: right; padding: 30px 34px 0 0; }

/**************************************************************
   Menu
**************************************************************/
#Menu { float: left; width: 650px; /* 678 */ }
#Menu ul { float: left; padding-left: 15px; /*0*/ }

.sombra_menu {
	background: url(../imgs/menu_bg.png) repeat;
	float: left;
	height: 23px;
	margin: -21px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

#Menu li { float: left; }

#Menu a {
	background: url(../imgs/menu.png) no-repeat;
	float: left;
	height: 13px;
	margin: 0;
	padding: 6px 0 4px 0;
	text-indent: -9999px;
}

#Menu .m1 { background-position: 0 5px; width: 71px; }
#Menu .m2 { background-position: -71px 5px; width: 78px; }
/*#Menu .m3 { background-position: -149px 5px; width: 123px; }*/
#Menu .m4 { background-position: -151px 5px; width: 87px; }
#Menu .m5 { background-position: -238px 5px; width: 122px; }
#Menu .m6 { background-position: -360px 5px; width: 123px; }
#Menu .m7 { background-position: -483px 5px; width: 50px; }

/**************************************************************
   Área Flash
**************************************************************/
#AreaFlash {
	background: url(../imgs/topo_flash.jpg) no-repeat center;
	float: left;
	height: 376px;
	margin-top: -23px;
	margin-top: 0;
	width: 100%;
}
#AreaFlash div { margin: 0 auto; width: 960px; padding-top: 20px; }

.extend_bg {
	background: url(../imgs/header_bg.png) repeat-x;
	margin-top: -23px;
	float: left;
	width: 100%;
}
/*
#PagSlider {
position: relative;
width: 100px;
margin-bottom: -20px;
float: right;
z-index: 100;
}
*/
#PagSlider {

float: left;
text-align: right;
}


#PagSlider a{
background-color: #303030;
font: 10px Arial;
color: #FFFFFF;
padding: 3px 6px;
text-decoration: none;
}

#PagSlider a.selectbt{ background-color: #7C7C7C; }

/**************************************************************
   Lateral Esquerda
**************************************************************/
#LateralEsquerda {
	background: url(../imgs/box_left_top.png) no-repeat top;
	float: left;
	padding-top: 88px;
	width: 267px;
}

.list_left { background-color: #575757; float: left; width: 100%; }

.local { border-bottom: 1px solid #404040; float: left; margin-top: -27px; padding-left: 29px; width: 238px; }

.local select{ 
	background-color: #D9D9D9;
	border: 0;
	color: #575757;
	font: 11px Tahoma;
	margin: 0 0 12px 0;
	padding: 5px 0;
	width: 201px;
}

.cmf-skinned-select {
    background: url(../imgs/select_plus.gif) right center no-repeat;
	border: 1px solid #8E8E8E;
	border-right-width: 0;
	line-height: 21px;
	margin: 0 0 12px 0;
}
.cmf-skinned-text { padding-left: 16px; }

.local .submit { float: right; padding-right: 33px; }

.boletim {
	background: url(../imgs/box_left_bottom.gif) no-repeat bottom;
	float: left;
	padding: 18px 0 10px 27px;
	width: 240px;
}

.boletim span { color: #BCBCBC; float: left; font: 11px Tahoma; padding: 8px 0 11px 0; }
.boletim .submit { float: right; padding: 2px 34px 0 0; }

.ipt {
	background: url(../imgs/input_bg.png) no-repeat left bottom;
	border: 0;
	color: #575757;
	float: left;
	font: 11px Tahoma;
	height: 32px;
	line-height: 32px;
	padding: 0 0 5px 16px;
	width: 191px;
}

/**************************************************************
   Conteúdo
**************************************************************/
.right { float: right; }

#Content { float: left; padding-left: 28px; width: 675px; }
#Content h1 { float: left; width: 100%; }

.linhas {
	background: url(../imgs/title_linhas_produtos.gif) no-repeat;
	height: 19px;
	margin: 17px 0 14px 3px;
	padding: 0;
	text-indent: -9999px;
	width: 265px;
}

.box_linhas {
	/* background: url(../imgs/box_linhas.png) no-repeat; */
	float: left;
	height: 156px;
	padding-right: 17px;
	width: 156px;
}

.last { padding: 0; }

.resp {
	background: url(../imgs/title_responsabilidade.gif) no-repeat;
	height: 20px;
	margin: 24px 0 4px 2px;
	padding: 0;
	text-indent: -9999px;
	width: 129px;
}

.sust { float: left; padding-right: 10px; }

.box_parceiros {
	background: url(../imgs/box_parceiros.gif) no-repeat;
	float: left;
	height: 126px;
	padding: 14px 0 0 31px;
	width: 137px;
}

.parc {
	background: url(../imgs/title_parceiros.gif) no-repeat;
	float: left;
	height: 15px;
	margin: 0 0 7px 20px;
	text-indent: -9999px;
	width: 64px;
}

.parc_content {
	background: url(../imgs/box_logo_parceiros.gif) no-repeat;
	float: left;
	height: 82px;
	padding: 7px 0 0 7px;
	width: 98px;
}

/* Rotator / Slider */
.panel a { float: left; }

.list_news { float: left; height: 89px; padding: 0; width: 97px; }

.stepcarousel{ height: 100%; overflow: scroll; position: relative; width: 100%; }
.stepcarousel .belt{ left: 0; position: absolute; top: 0; }

.stepcarousel .panel { float: left; overflow: hidden; width: 97px; }
.panel a:hover { text-decoration: none; }

/**************************************************************
   Rodapé
**************************************************************/
#MenuFooter {
float: right;
padding-top: 27px;
}

#MenuFooter a {
	background: url(../imgs/indic_right.gif) no-repeat left center;
	color: #D1CFCF;
	float: left;
	padding: 0 19px 1px 12px;
}

#Footer {
	background: url(../imgs/bg_bottom_repeat.png) repeat-x;
	float: left;
	height: 19px;
	width: 100%;
}

/****************************************************************************************************************************
   Info
     CSS Gerado por: Carlos Roberto MS. em 19-05-2010
     Última alteração: #Header em 19-05-2010 por Carlos Roberto MS.
****************************************************************************************************************************/