/* ++
+++++ Zera para manter o padrão em todos os browsers
+++++++++++++++++++++++ */
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, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
/* remember to define focus styles! */
:focus { outline: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* ++
+++++ Elementos do Html
+++++++++++++++++++++++ */
html, body { height: 100%; width: 100%; }
body { margin: 0; padding: 0; font-family: tahoma, verdana; font-size: 11px; background: url(../images/bg-page.png) repeat-x #FFFFFF;}
.bodyAdmin { margin: 0; padding: 0; font-family: tahoma, verdana; font-size: 11px; background: url(../images/bg-left-admin.gif) repeat-x #FFFFFF;}



b, strong { font-weight: bold; }
input, textarea{ border: 0px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; height: 14px; font-family: tahoma, verdana; font-size: 10px; }
select {font-family: tahoma, verdana; font-size: 10px;}
textarea { overflow: hidden; }
a:hover { text-decoration: underline; }
a { color:#000000; text-decoration:none; }

/* ++
+++++ Estrutura do layout 3 colunas
+++++++++++++++++++++++ */
#page { position: relative; voice-family: "\"}\""; voice-family: inherit; min-height: 100%; height: auto !important; height: 100%; }
html>body #page { height: auto; }
#page #cel-left { float: left; width: 50%; margin-left: -500px; }
#page #cel-left #cel-left-content { margin-left: 500px; }
#page #cel-right { float: right; width: 50%; margin-left: -500px; }
#page #cel-right #cel-right-content{ margin-left: 500px; }
#page #container { float: left; width: 1000px; padding-bottom: 150px; }
#page  #footer { clear: both; width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; text-align: center; background: url(../images/footer/bg.png) repeat-x; height: 75px; }
#page  #footer #footer-content { width: 1000px; text-align: left; margin: 0 auto; padding: 22px 0px 0px 0px; }


/* ++
+++++ Estrutura interna do layout 3 colunas
+++++++++++++++++++++++ */
#menu-container { width: 204px; float: left; background:url(../images/menu/bg-menu.png) repeat-x #FFFFFF; padding: 38px 7px 0px 7px; }
#content-page { float: left; }
#flash { height: 243px;  }
#content { float:left; width: 700px; margin: 35px 0px 0px 15px; padding: 0px 25px 0px 0px; }
#contentAdmin { float:left; width: 700px; margin: 180px 0px 0px 15px; padding: 0px 25px 0px 0px; }


/* ++
+++++ Id's em geral
+++++++++++++++++++++++ */
#informativo, #simulador{ width: 315px; float: left; }
#informativo a { color: #000000; text-decoration:none; }
#informativo a:hover { text-decoration:underline; }
#menu-aux { width: 178px; float: right; }
#menu-aux .bg { background: url(../images/menu/menu-aux-right.gif) right repeat-y #FFFFFF; padding: 0px 13px 0px 13px; }


/* ++
+++++ Titulos
+++++++++++++++++++++++ */
.title { height: 25px; }
.title .label { float:left; margin: 0px 0px 0px 0px; }
.title .bg { float:left; height: 22px; margin: 0px 0px 0px 5px; background: url(../images/box-bg.gif) repeat-x; }

/* ++
+++++ Tabelas
+++++++++++++++++++++++ */
.tableIndicator { margin: 5px 0px 10px 0px; color: #000000; }
.tableIndicator .tableIndicatorContent table { border:thin #333333 1px; border-collapse:collapse; width: 100%; }
.tableIndicator .tableIndicatorContent table td { text-align: center;  }
.tableIndicator .tableIndicatorContent table a { text-align: left;  }
.tableIndicator img { border: 0; float: right; margin: 5px; }
/* ++
+++++ Class gerais
+++++++++++++++++++++++ */
.clearAll{ clear: both; height: 1px; font-size: 1px; }
.clear{ clear: both; }
.v-top { vertical-align: top; }
.v-bottom { vertical-align: bottom; }
.v-middle { vertical-align: middle; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }
.mB10 { margin-bottom: 10px; }
.bg-FFFFFF { background: #FFFFFF; }
.p20 { padding: 20px; }
.txt-666666 { color: #666666; }
.txt-10 { font-size: 10px; }
.txt-12 { font-size: 12px; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.sub-title { background: url(../images/bullet-set-orange.gif) top left no-repeat; padding:0px 0px 0px 10px; margin: 0px 0px 5px 0px; }
.pR10 { padding-left: 10px; }
.default ul { color: #FC8A09; margin-left: 15px;  }
.default ul li { padding: 0px 0px 5px 0px; list-style-image:url(../images/orange-bullet.gif); }
.default ul li a { color: #666666; }
.default ul li span { color: #666666; text-decoration:underline; }
.pB3 { padding-bottom: 3px;}
.pL30{ padding-left:30px; }
.bg-B8D799 { background: #B8D799; }

/* ++
+++++ Class particulares
+++++++++++++++++++++++ */
.header-bg-left { background: url(../images/bg-left.gif) repeat-x; height:435px; }
.h-dotted { height: 1px; font-size: 1px; background: url(../images/dotted.gif) repeat-x; }
.v-dotted { width: 1px; font-size: 1px; background: url(../images/dotted.gif) repeat-y; }
.bullet-set-orange ul { list-style: none; }
.bullet-set-orange ul li { background: url(../images/bullet-set-orange.gif) top left no-repeat; margin: 5px 0px 5px 0px; padding:0px 0px 0px 10px; }
.bullet-set-orange .h-dotted { background: url(../images/dotted.gif) repeat-x; margin: 0px 0px 0px 0px; }
.box-bg-right { background: #FFFFFF url(../images/home/bg-right-box.gif) right repeat-y; }

/* ++
+++++ Hack para o IE7 
+++++++++++++++++++++++ */
*+html input, textarea{ border: 0px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; height: 13px; font-family: tahoma, verdana; font-size: 10px; }

/* ++
+++++ Ativa .hover e .first-child no IE 6 (Sempre presente na última lina do CSS)
+++++++++++++++++++++++ */
* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){ who.onmouseenter=function(){ who.className += ' hover'}; who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : ''; } } )(this) , 'auto') }