@charset "utf-8";
/* CSS Document */

/* . resets . */


html, body, * { margin: 0; padding: 0; }
a img { border: none; }
.clear { display: block; clear: both; padding: 0; margin: 0; width: 100%; height: 1px }
a img { border: 0 none }
::selection { background: #c0c0c0; /* Safari */ color: #888 }
::-moz-selection { background: #c0c0c0; /* Firefox */ color: #888 }
.fright { float: right; }




body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background: #25456e url(../img/bg.jpg) top center repeat-x; }

#wrapper { width: 960px; margin: 5px auto 0; background: url(../img/logo.png) center top no-repeat; padding: 20px 0 0 }

h1 { display: block;
    height: 180px;
    left: 550px;
    margin: 0 auto;
    padding: 20px 0 0;
    position: absolute;
    top: 0;
    width: 245px; }
h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; }
#nav { width: 960px; height: 115px; background: url(../img/topo.png) 0 0 no-repeat; margin: 135px 0 0 }
#nav ul { margin: 0 auto; padding: 19px 0 0; list-style: none; width: 911px; overflow: hidden }
#nav ul li { margin: 0; padding: 0; height: 75px;float: left; list-style: none }
#nav ul li a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; background-image: url(../img/menu.png); background-repeat: no-repeat; outline: none }
#nav ul li.l1 a{ width: 54px; background-position: 0 0; margin-right: 25px; margin-left: 10px }
#nav ul li.l1 a:hover, li#atual.l1 a { background-position: 0 -75px !important }
#nav ul li.l2 a{ width: 132px; background-position: -82px 0; margin-right: 28px }
#nav ul li.l2 a:hover, li#atual.l2 a { background-position: -82px -75px !important }
#nav ul li.l3 a{ width: 86px; background-position: -243px 0; margin-right: 25px }
#nav ul li.l3 a:hover, li#atual.l3 a { background-position: -243px -75px !important }
#nav ul li.l4 a{ width: 104px; background-position: -362px 0; margin-right: 25px }
#nav ul li.l4 a:hover, li#atual.l4 a { background-position: -362px -75px !important }
#nav ul li.l5 a{ width: 65px; background-position: -495px 0; margin-right: 23px }
#nav ul li.l5 a:hover, li#atual.l5 a { background-position: -495px -75px !important }
#nav ul li.l6 a{ width: 86px; background-position: -589px 0; margin-right: 25px }
#nav ul li.l6 a:hover, li#atual.l6 a { background-position: -589px -75px !important }
#nav ul li.l7 a{ width: 53px; background-position: -700px 0; margin-right: 25px }
#nav ul li.l7 a:hover, li#atual.l7 a { background-position: -700px -75px !important }
#nav ul li.l8 a { width: 131px; background-position: -780px 0; margin-right: 0}
#nav ul li.l8 a:hover, li#atual.l8 a { background-position: -780px -75px !important }
#content { width: 880px; overflow: hidden; background: url(../img/bg.png) 0 0 repeat-y; padding: 0 40px 10px }


#rightcol { width: 265px; float: right; background: #f8f9e8; padding: 3px 3px 10px }
#rightcol p { margin: 0 0 10px 20px }
#rightcol a { font-weight: bold; color: #000; text-decoration: none }
#rightcol a:hover { color: navy }

#leftcol { width: 560px; float: left; text-align: justify }
#leftcol p { margin: 0 0 20px }
#leftcol a { color: #494e00 }

#footer { width: 100%; background: #000 url(../img/foot.jpg) top center no-repeat; padding-top: 30px }
#wrapfoot { width: 960px; margin: 0 auto; color: #bebebe; text-align: center; padding: 20px 0 }