@charset "utf-8";
/* CSS RESET inicio */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}


/* CSS RESET fim */

html,body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#page {position:relative;width:950px; margin:0 auto;}


#header{position:relative; width:950px;}
#header #logo {position:relative; width:195px; height:205px;z-index:2; margin:0 0 -157px 48px; color:#fff; background-image:url(../images/logo.jpg); }
#header #banner {position:relative; width:950px; height:280px;z-index:0;  color:#fff; background-image:url(../images/banner_main.jpg); }

#content{position:relative; clear:both; margin-top:20px; width:950px;}
#content #navmenu{position:relative;float:left; width:165px; color:#fff; margin:0 0 0 48px;}
#content #navmenu li a {display:block; width:165px; height:28px; margin:2px 0; line-height:30px; background-image:url(../images/navmenu_bg.gif); color:#626262; font-size:12px; padding:0 0 0 20px; text-decoration:none; background-repeat:no-repeat;}
#content #navmenu li a:hover {color:#fff; font-size:12px; padding:0 0 0 20px; background-repeat:no-repeat; background-position:0px -28px;}

#content #section{position:relative; float:right; margin-right:48px; width:670px;}
#content #section #sectionContent{position:relative;float:left; width:410px;}
#content #section #sectionContent h1 {font-size:14px; line-height:18px; color:#44505c; font-weight:bold; text-decoration:none;margin-bottom:10px;}
#content #section #sectionContent p{color:#44505c; font-size:12px; line-height:15px;}
#content #section #sectionMenu{position:relative;float:right; width:250px;}

#content #section #sectionContent #interna h1{font-size:24px; margin-bottom:30px; margin-left:20px;}
#content #section #sectionContent #interna p {line-height:18px; margin-bottom:20px;margin-left:20px; float:none; clear:both}
#content #section #sectionContent #interna h4 {background-color:#7dd539; margin:20px 12px 5px 20px; color:#fff; padding:5px; font-size:12px;}
#content #section #sectionContent #interna table {color:#44505c; font-size:12px; margin:5px 0px 5px 20px; width:368px; }
#content #section #sectionContent #interna td {border:1px solid #CCC; padding:5px;}
#content #section #sectionContent #interna th {border:1px solid #CCC; padding:5px; background-color:#7dd539; color:#fff;}


.bannerSectionMenu {position:relative; width:240px; height:53px; margin-bottom:10px;}
.bannerSectionMenu a{text-decoration:none;}
.bannerSectionMenu a:hover {text-decoration:underline;}
.bannerSectionMenu h2 {position:relative; width:200px;}
.bannerSectionMenu p {position:relative; width:200px; padding:2px 0px 0px 15px}
.bannerSectionMenu h2 a{font-size:12px; font-weight:bold; color:#fff;line-height:20px;padding-left:15px;}
.bannerSectionMenu p a{font-size:12px;color:#fff;}
.bannerSectionMenu p a:hover{text-decoration:none;}
.bannerSectionMenu img{position:absolute; top:18px; left:213px;}
.bannerVerdeAgua {background:url(../images/bg_banner_verde_agua.gif) repeat-x;border:1px solid #449b76;}
.bannerVermelho {background:url(../images/bg_banner_vermelho.gif) repeat-x;border:1px solid #ff520f;}
.bannerAmarelo {background:url(../images/bg_banner_amarelo.gif) repeat-x;border:1px solid #f5b407;}
.bannerVerde {background:url(../images/bg_banner_verde.gif) repeat-x;border:1px solid #7dd539;}

.listaNoticias {width:390px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; margin-top:20px;}
.listaNoticias a{text-decoration:none; color:#44505c;}
.listaNoticias h3{font-size:12px; line-height:14px; font-weight:bold; margin-bottom:10px;}
.listaNoticias span{display:block; margin:0;}
.listaNoticias p {line-height:12px;}
.listaNoticias p a:hover{background-color:#f0f0f0;}
.listaNoticias span{display:block;}
.listaNoticias img {margin:10px 0 0 326px;; display:block;}


#imagensInternasLista {width:200px; float:right;}
#imagensInternasLista li {width:200px; display:block; float:left; border:1px solid #9abadc; margin:0px 10px 20px 0px; padding:3px;}


#imagensQuadradasLista {width:width:240px;}
#imagensQuadradasLista li {display:inline;}
#imagensQuadradasLista li a{width:75px; height:75px; display:block; float:left; border:1px solid #447dba; margin:0px 5px 5px 0px;}


#footer{position:relative; float:none; clear:both; background-color:#f0f0f0; height:80px; margin-top:50px; width:870px; margin:60px auto 0 auto;}
#footer p {color:#999; font-size:12px;padding: 20px 0 0 20px; line-height:14px;}

.titulo { margin-bottom:10px;}
.titulo a{font-size:14px;color:#44505c; font-weight:bold; text-decoration:none;}
.shell {padding-left:28px; line-height:20px; background:url(../images/shell.gif) no-repeat;}
.clear {float:none; clear:both;}

.listaImagens {margin-left:20px; float:none; clear:both}
.listaImagens li {display:inline;}
.listaImagens li a{width:75px; height:75px; display:block; float:left; border:4px solid #ccc; margin:0px 5px 5px 0px;}
.listaImagens li a:hover{border:4px solid #aaa;}

#content #section #sectionContent #interna #form tr{border:none}
#content #section #sectionContent #interna #form td{border:none}
#content #section #sectionContent #interna #form input {border:1px solid #CCC}

#ui-datepicker-div {display:none;}

.navigation .alignleft {position:relative; float:left; margin-left:20px; margin-top:50px}
.navigation .alignleft a {text-decoration:none; color:#44505c; font-size:12px;}
.navigation .alignleft a:hover{background-color:#f0f0f0}
.navigation .alignright {position:relative; float:right; margin-right:20px; margin-top:50px}
.navigation .alignright a{text-decoration:none; color:#44505c;font-size:12px;}
.navigation .alignright a:hover{background-color:#f0f0f0}