body,div,img,ul,li,id,iframe { border:0; margin:0; padding:0 }
body { width:779px; height:735px;  background: url(img/fundo.jpg) no-repeat ;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:14px ;}
.limpo { background: #fff }
a:link, a:active, a:visited { text-decoration:none ; color:#fff;}
a:hover { text-decoration:underline; color:#fff; }

.cabecalho {  margin:27px 0 0 246px ; color:#fff}
.cabecalho a:link, .cabecalho a:active, .cabecalho a:visited { text-decoration:none ; color:#fff;}
.cabecalho a:hover { text-decoration:underline; color:#fff; }
#colunaesq { width:138px; margin:160px 0 0 10px; float:left ;  }
.menu  { background:#4C3B76; text-align:left; border:1px solid #332750;   }
.menu ul {height:20px; list-style:none ; }
.menu ul li a { display:block; width: 136px; height:20px; line-height: 20px;  border-bottom:1px solid #332750;  border-top:1px solid #7863AD; text-indent:7px}
.menu a:link, .menu a:active, .menu a:visited { display:block; text-decoration:none ; color:#fff;}
.menu a:hover { background:#644F99; color:#fff; }
.menu ul li.ult {  border-bottom:0 }
.menu ul li.sel {  background:#fff url(img/seta.gif) 3% 58%  no-repeat ; font-weight:bold;  height:20px; line-height: 20px;  border-bottom:1px solid #000; text-indent:12px; color:#4C3B76}

.box  { margin: 10px 0 0 0 ;  text-align:left;  }
.box a:link, .box a:active, .box a:visited { text-decoration:none ; color:#fff;}
.box a:hover { text-decoration:underline; color:#fff; }
.box ul { list-style:none ; background: #4C3B76 ; border:1px solid #000 }
.box ul li {text-indent:12px}
.box ul li a {display:block;  width: 136px; height:16px; line-height: 16px;text-indent:12px}
.box ul li.ult {  height:20px; }
.box ul li.top {  background: #DACCFF; color:#4C3B76;  line-height: 16px;}

.miolo { width:580px; height:400px; margin:210px 0 10px 20px; float:left ;border-top:1px dotted #fff}
.miolo a:link, .miolo a:visited, .miolo a:hover, .miolo a:active {font-weight:bold; color:#fff}
.principal01 { height:192px; width:232px; background: url(img/principal01.gif)  no-repeat  ; margin:0 10px 10px 0 ; float:left ; }
.principal02 { height:192px; width:156px; background: url(img/principal02.gif)  no-repeat  ; margin-bottom:10px; float:left ; }
.principal03 { height:192px; width:156px; background: url(img/principal03.gif)  no-repeat  ; margin:0 10px 0 0; float:left ; }
.principal04 { height:192px; width:232px; background: url(img/principal04.gif)  no-repeat  ; float:left ; }
.chamada1  {padding:150px 10px 0px 13px }


.historia { width:431px; height:232px; background: url(img/bg_historia.gif) no-repeat ;margin-top:10px}
.textohist { padding:56px 20px;line-height:18px}

.wallpaper { background: url(img/bg_wallpaper.gif) no-repeat; padding:60px 0 0 0; }
.imgwp {margin-right:50px; width:214px ; height:161px;  float:right}
.textowp {margin:0 30px; width:100px ; height:240px;  float:left}
.wallpaper .menu {width:212px ;}
.wallpaper .menu  { text-align:left; border:1px solid #000;   }
.wallpaper .menu ul { list-style:none ; text-align:center}
.wallpaper .menu ul li a { display:block; background: url(img/bg_menu.gif) top; width: 212px; height:20px; line-height: 20px;  border-bottom:1px solid #000;}
.wallpaper .menu a:link, .menu a:active, .menu a:visited { display:block; text-decoration:none ; color:#890F13;}
.wallpaper .menu a:hover { background: url(img/bg_menu.gif) bottom ; color:#890F13; }
.wallpaper .menu ul li.ult {  border-bottom:0 }
.screensaver { background: url(img/bg_screensaver.gif) no-repeat; padding-top:50px;  }
.texto1 {width: 400px; margin-bottom:10px ; text-align:center}


#rodape {clear:both; position:absolute; top:778px ; left:0 }