/* geral.css : utilizado em todo o site */

body { background:#6f6f6f url(../img/bg_body.gif) repeat-y; margin:0px; }
h1 { text-indent:-9999em; font:italic 18px "Times New Roman", Times, serif; margin-top:0px; margin-bottom:12px; }
h2 { font:18px Georgia, "Times New Roman", Times, serif; color:#EFEFEF; }
ul { list-style:square; margin-top:0px; }
p { margin:0px 0px 12px 0px; }
form { margin:0px; padding:0px; }
form input, form textarea, form select { font:11px Tahoma, Verdana, Arial; border:1px solid #CCCCCC; padding:2px 2px 3px 2px; }
form select { padding:1px 2px 2px 2px; }
a, a:visited { outline:none; color:#EEEEEE; }
div.linha { height:24px; overflow:hidden; background:url(../img/linha.gif) left center no-repeat; clear:both; } 

#detalheFoto { position:absolute; top:114px; left:751px; width:209px; height:80px; }

#header { background:#fff url(../img/bg_top.gif); height:150px; overflow:hidden; }
#header #logo { float:left; width:223px; height:150px; background:url(../img/bg_logo.gif) no-repeat; }
#header #logo img { margin-left:27px; }
#header #top { width:780px; overflow:hidden; float:left; }

#menu { height:36px; background:url(../img/bg_menu.gif) no-repeat; }
#menuContent { width:505px; height:36px; background:url(../img/menu.gif) no-repeat; overflow:hidden; }
#menuContent ul { list-style:none; padding:0px; margin:0px; position:relative; }
#menuContent ul li { position:absolute; text-indent:-9999em; }
#menuContent ul li a, #menuContent ul li a:visited { color:#CCCCCC; text-decoration:none; display:block; height:36px; }
#m02 { width:59px; left:  0px; }		#m02 a:hover { background:url(../img/menu.gif) no-repeat   -0px -37px; }	
#m03 { width:77px; left: 63px; }		#m03 a:hover { background:url(../img/menu.gif) no-repeat  -63px -37px; }	
#m04 { width:77px; left:144px; }		#m04 a:hover { background:url(../img/menu.gif) no-repeat -144px -37px; }	
#m05 { width:55px; left:225px; }		#m05 a:hover { background:url(../img/menu.gif) no-repeat -225px -37px; }	
#m06 { width:75px; left:284px; }		#m06 a:hover { background:url(../img/menu.gif) no-repeat -284px -37px; }	
#m07 { width:57px; left:363px; }		#m07 a:hover { background:url(../img/menu.gif) no-repeat -363px -37px; }	
#m08 { width:70px; left:424px; }		#m08 a:hover { background:url(../img/menu.gif) no-repeat -424px -37px; }	

#content div.left { float:left; display:inline; margin-right:20px; }
#content div.right { float:left; }
#content h1 { text-indent:-9999px; }
#content { float:left; display:inline; width:745px; margin:30px; font:12px Arial, Helvetica, sans-serif; color:#CCCCCC; min-height:425px; height:auto !important; height:425px; } /* 
           ie hack1: display com valor inline para que a margin fique correta quando o elemento tem atributo float 
           ie hack2: prieiro min-height, depois height:auto com !importante e depois o height com o tamanho minimo desejado para o ie */

#direita { float:left; display:inline; margin-top:49px; width:178px; padding:10px; font:11px Tahoma, Verdana, Arial; color:#000000; }
#direita a, #direita a:visited { color:#FFFFFF; }
#direita div { width:160px; padding:0px 9px; }
#direita div.hr { width:178px; height:15px; background:url(../img/hr_direita.gif) no-repeat; clear:both; }
#direita input { width:115px; border:1px solid #333333; }
#direita h1 { width:178px; height:20px!important; height:27px; }
#direita #h1Acesso { background:url(../img/h1_acesso.gif) no-repeat; margin-bottom:7px !important; margin-bottom:0px; }
#direita #h1Inform { background:url(../img/h1_informativo.gif) no-repeat; margin-bottom:7px !important; margin-bottom:0px; }
#direita #h1Atend  { background:url(../img/h1_atendimento.gif) no-repeat; margin-bottom:7px !important; margin-bottom:0px; }

#direita #acesso { line-height:26px; position:relative; height:128px; }
#direita #acesso a.submit { width:63px; height:23px; display:block; background:url(../img/bt_entrar.gif) no-repeat; text-indent:-9999px; top:80px !important; top:85px; }
#direita #acesso input, #direita #acesso a { position:absolute; left:50px; margin-bottom:10px; }
#direita #acesso a { top:50px !important; top:55px; }

#direita #inform { position:relative; height:100px; }
#direita #inform a.submit { position:absolute; top:63px; left:134px; width:37px; height:23px; display:block; float:left; background:url(../img/bt_ok.gif) no-repeat; text-indent:-9999px; }

#direita #atend { height:44px; }
#direita #atend strong { font-size:14px; }


#rodape { clear:both; width:743px; height:22px; padding:10px 30px 0px 30px; background:url(../img/bg_rodape.jpg) no-repeat; overflow:hidden; font:10px Tahoma, Verdana, Arial; color:#FFFFFF; }
#rodape #menub { float:left; }
#rodape #copy { float:right; }
#rodape a, #rodape a:visited { color:#FFFFFF; text-decoration:none; }
#rodape a:hover { text-decoration:underline; }