p			{ color:#666; margin-bottom:1em; font-size:95%; }
h3			{ color:#633; margin-bottom:0.7em; font-size:110%; }  
h3.grey		{ border-bottom:1px solid #999; text-indent:15px; padding:20px 0 5px 0; color:#666; margin:0; float:left; clear:both; width:100%; }
h4			{ color:#900; margin-bottom:0.7em; }
a			{ color:#900; text-decoration:none; }
a:hover		{ text-decoration:underline; }
label		{ color:#633; font-weight:bold; font-size:110%; margin-right:30px; vertical-align:top; float:left; clear:both; }
hr			{ height:1px; overflow:hidden; background:#999; margin:0 0 10px 0; } 

#outerWrapper	{ width:800px; margin:0 auto; overflow:hidden; margin-top:30px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:75%; }

#header			{ float:left; width:100%; clear:both; border-bottom:1px solid #999; }
#mainWrapper	{ float:left; width:100%; clear:both; border-bottom:1px solid #999; }
#footer			{ float:left; width:100%; clear:both; }

#header h1 			{ float:left; width:235px; height:148px; background:url(../img/ser.gif) 20px 20px no-repeat; text-indent:-999em; border-right:1px solid #999; }
#header h2 			{ float:left; width:564px; height:86px; background:url(../img/livroDeReclamacoes.gif) 0px 0px no-repeat; text-indent:-999em; }
#header img			{ float:right; margin:21px 12px 5px 15px; }
#header img.first	{ margin-top:8px;}

#mainLeft					{ float:left; width:235px; overflow:hidden; border-right:1px solid #999; }
#mainLeft .content			{ padding:15px; clear:both; }
#mainLeft h3				{ color:#900; }
#mainLeft ul 				{ float:left; width:235px; }
#mainLeft ul li				{ float:left; list-style:none; }
#mainLeft ul li	a			{ float:left; height:200px; width:235px; text-indent:-999em; }
#mainLeft ul li.cons a		{ background:#edeaea url(../img/01consumidores.gif) 10px 60px no-repeat; border-bottom:1px solid #999; }
#mainLeft ul li.ent a		{ background:#e5bfbf url(../img/02entidades.gif) 10px 60px no-repeat; }

#main					{ float:left; width:564px; overflow:hidden; }
#main .content			{ float:left; padding:15px 15px 0 15px; width:534px; overflow:hidden;  }
#main .contentHigh			{ background:#f5e5e5; float:right; }  
#main .thin				{ width:348px; }
#main .minHeight185		{ min-height:185px; height:auto !important; height:185px; border-bottom:1px solid #999; }  
#main .sondagem			{ min-height:86px; height:auto !important; height:86px; background:#f5e5e5; border-top:1px solid #999; }  

#main ul.nav			{ float:right; width:185px; border-left:1px solid #999; }
#main ul.nav li			{ float:left; clear:both; width:172px; border-top:1px solid #999; line-height:2.5em; padding:1px 0 1px 13px; }
#main ul.nav li.first	{ border-top:3px solid #fff; }		
#main ul.nav li	a		{ color:#633; text-decoration:none; }
#main ul.nav li	a:hover	{ text-decoration:underline; }

#mainWrapper input.button			{ background:#633; border:1px solid #999; color:#fff; padding:1px 7px 1px 6px; text-transform:uppercase; font-size:11px; font-weight:bold; overflow: visible; cursor:pointer;  }
#mainWrapper input.button:hover	{ border:1px solid #000; }
/* Footer  */

#footer ul				{ float:left; width:680px; border-right:1px solid #e0e0e0; }
#footer ul.second		{ width:118px; }
#footer ul li			{ float:left; }
#footer ul li.first		{ width:100%; text-indent:10px; border-bottom:1px solid #e0e0e0; padding:2px 0; color:#aaa; font-size:90%; }
#footer li.hr			{ height:1px; width:100%; overflow:hidden; background:#e0e0e0; }
#footer ul.second li	{ width:100%; }
#footer ul.second img	{ padding:4px 40px;}

/*  Page Specific styles  */

body.consumidores #mainWrapper			{ background:url(../img/mainWrapperBackGrey.gif) left repeat-y; position:relative; }
body.consumidores h3.suggestions a		{ float:left; padding-right:120px; background:url(../img/email.gif) 7em center no-repeat; line-height:3.5em;  position:absolute; bottom:5px;} 
body.consumidores #mainLeft .content	{ padding-bottom:3.5em; }

#main .sondagem label					{ clear:none;}  

body.entidades #mainWrapper				{ background:url(../img/mainWrapperBackPink.gif) left repeat-y; position:relative; }
body.entidades #mainLeft ul li.ent a	{ border-bottom:1px solid #999; }
fieldset#login h3						{ color:#000; margin:1.5em 0; }
fieldset#login label					{ float:left; clear:both; color:#900; margin-bottom:10px; width:500px; }
fieldset#login label span				{ float:left; width:240px; }
fieldset#login label.checkbox			{ padding-left:116px; }
fieldset#login label.checkbox span		{ width:32.5em; font-size:85%; color:#999; font-weight:normal; padding:3px 0 0 2px; }
fieldset#login label input				{ float:left; }
fieldset#login label input.text			{ border:1px solid #999; width:200px; }
fieldset.aForm h3.grey					{ margin:0.5em 0 1.5em 0; text-indent:0; }
fieldset.aForm label					{ float:left; clear:both; color:#900; margin-bottom:10px; width:530px; }
fieldset.aForm label span				{ float:left; width:120px; }
fieldset.aForm label.checkbox			{ padding-left:116px; }
fieldset.aForm label.checkbox span		{ width:32.5em; font-size:85%; color:#999; font-weight:normal; padding:3px 0 0 2px; }
fieldset.aForm label input				{ float:left; }
fieldset.aForm label input.text,
fieldset.aForm label textarea.text		{ border:1px solid #999; width:350px; }
fieldset.aForm label textarea.text		{ width:342px; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:90%; padding:0 4px; }
fieldset.aForm label input.button		{ float:right; margin:0 58px 20px 0; }
fieldset.aForm label select				{ width:350px; }
