/*---Default Style*/
* {margin: 0; padding: 0; list-style: none; text-decoration: none; font-size: 100%; border: 0; vertical-align: baseline}
a:hover, a:focus, a:active, input:focus  {outline: none}
a, a:visited {font-weight: bold; color: #386a8f}
a:hover {text-decoration: underline}
p {line-height: 120%; text-align: justify; word-wrap: break-word;}
html {overflow-y: scroll; -webkit-font-smoothing: antialiased; background: url(../../images/bg.jpg) no-repeat center top}
.small {font-size: 11px;}
.aLeft { text-align: left;}
.txt_up {text-transform: uppercase;}
/*---Home Page*/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #203b4c; width: 977px; margin: 0 auto; padding: 10px 0 30px}
#header {position: relative; height: 185px}
#logo a {background: url(../../images/logo.png) no-repeat 0 0; position: absolute; overflow: hidden; width: 413px; height: 0; padding-top: 117px; left: 3px}
#area-restrita {background: url(../../images/bg-area-restrita.png) no-repeat 0 0; position: absolute; width: 182px; height: 100px; padding: 0 20px 6px; top: -90px; right: 0}
#cli-form {margin: 10px 0 13px; overflow: auto}
#cli-form input.erro {background: #974A49; color: #fff}
#cli-form input {background-repeat: no-repeat; background-position: 0 0; background-color: #fff; height: 25px; line-height: 25px; padding: 0 10px}
#cli-form input#cli-login {width: 162px; margin-bottom: 10px}
#cli-form input.pass1, #cli-form input.pass2 {width: 100px; margin-right: 10px; float: left}
#cli-form input#cli-submit {background-color: #203b4c; color: #FFF; font-weight: bold; width: 50px; cursor: pointer; float: right}
#area-restrita p.logado {color: #FFF; padding: 10px 0 0}
#area-restrita p.logado a {color: #fff}
#area-restrita p.logado a.logout {color: #E58202; display: block; font-size: 12px; margin-top: 5px}
#area-restrita p#bt-area a {display: block; color: #fff; font-weight: bold; position: absolute; bottom: 7px; width: 180px}
#area-restrita p#bt-area a span {background: url(../../images/bullet-area.png) no-repeat 0 -6px; display: block; overflow: hidden; width: 12px; height: 6px; margin-top: 6px; float: right}
#area-restrita p#bt-area a.open span {background-position: 0 0}
/*---nav*/
#nav {position: absolute; width: 958px; height: 32px; bottom: 0; left: 5px}
#nav li {float: left}
#nav li.active a img {margin-top: -31px}
#nav li a {display: block; overflow: hidden; height: 31px; margin-right: 12px}
#nav li.nav8 a {margin-right: 0}
#nav li ul.sub {display: none; position: absolute; z-index: 1000}
#nav li ul.sub li {float: none}
#nav li ul.sub li a {background: none repeat scroll 0 0 #F5F5F5; border-bottom: 1px solid #CCCCCC; line-height: 30px; padding: 0 10px}
#nav li ul.sub li a:hover {background-color: #386a8f; color: #fff; text-decoration: none}
#content {overflow: auto; margin-top: 38px}
#content .box {background: url(../../images/bg-box.png) no-repeat 0 0; position: relative; width: 347px; height: 227px; float: left; margin-right: 27px}
#content .box a {font-weight: normal; color: #203b4c}
#content .box h2 {float: left; font-size: 30px; font-weight: normal; color: #35678a; border-bottom: 1px solid #7cbee0; padding: 17px 20px 7px 25px; margin-bottom: 10px}
#content .box p {clear: both; margin: 0 24px 0}
/*#content .box .bt-box {background: url(../../images/bg-bt-box.png) no-repeat 0 0; position: absolute; display: block; width: 320px; padding-left: 18px; bottom: 5px; left: 3px; line-height: 28px; font-size: 14px; font-weight: bold; color: #909da6}
#content .box .bt-box:hover {color: #fff}*//*_____________Deletar quando estiver no ar*/
#content .box3 {background-image: url(../../images/box3.png); overflow: hidden; width: 228px; height: 0; padding-top: 227px; margin-right: 0}
#footer {background: url(../../images/hr-footer.png) no-repeat right 0; text-align: right; margin-top: 40px; padding: 10px 10px 0 0}
#footer address {font-size: 14px}
#footer p {font-size: 11px; text-align: right}
/*---Internas*/
#head {position: relative; padding-bottom: 20px}
#head .voltar-home {display: block; position: absolute; top: 0; right: 0; color: #386a8f; background: url(../../images/bt-voltar-home.png) no-repeat 0 3px; padding-left: 15px}
#head .voltar-home:hover {background: url(../../images/bt-voltar-home.png) no-repeat 0 -18px; color: #e58202}
#head h2 {text-transform: uppercase; font-weight: normal; font-size: 48px; color: #386a8f; width: 450px}
/*---internas Default Style*/
.box-content {float: left; width: 648px; padding: 0 80px 0 20px}
.box-content p, .box-content p a {line-height: 18px; margin-bottom: 10px; word-break: normal;}
.box-content h3 {margin: 30px 0 5px; font-size: 20px}
.box-content h3 {margin-bottom: 10px; font-size: 18px}
.box-content ul {margin-bottom: 10px}
.box-content ul li { background: url(../../images/bullet-list.png) no-repeat 0 4px; margin-bottom: 10px; padding-left: 20px; text-align: justify}
.box-content .box-img {background: #386a8f; float: left; clear: both; display: block; margin: 0 15px 10px 0; padding: 5px}
.box-content .box-img p {margin: 0; color: #fff}
.box-content blockquote {background: #386a8f; color: #fff; padding: 10px 15px}
.box-content ul.galeria {list-style-type: none; overflow: auto; padding: 0}
.box-content ul.galeria li {background: #386a8f; float: left; display: block; margin: 0 15px 15px 0; padding: 5px; width: 190px; height: 205px}
.box-content ul.galeria li img {width: 190px; height: 148px}
.box-content ul.galeria li p, ul.galeria li p a, ul.galeria li p a:visited {text-align: left; color: #fff}
/*---@end*/
.half {width: 50%; float: left}