@import url("foto.css");

/*base*/



* {
    	font-family: Arial, Helvetica, sans-serif;   
              }


html, body {
  	margin: 0;
	padding: 0;         
	height: 100%;
	background-color: #165A7D;
              }


a:link,
a:visited,
a:hover {
	text-decoration: none;
            }


h1 {

    }


h2 {

    }


/*
- - - - - - - - - - - - -
posicionamento
- - - - - - - - - - - - -
*/

#container,
#containerHome {
	position: absolute;
	width: 770px;
	min-height: 100%;		height: auto !important;	height: 100%;
	left: 50%;
	margin-left: -385px;
	text-align: center;
	background-repeat: repeat-y;
	background-position: center;
	background-image: url(images/bg.gif);
              }


#containerHome {
/*	height: 200px !important; */
	min-height: 650px;	 height: 650px !important;
              }


#main {
	width: 771px;
         }


#content,
#content_comunidades_01,
#contentHome {
	         background-repeat: no-repeat;
	         background-position: top;
	         min-height: 100%;
	         height: auto !important;
                         height: 100%;
	         width: 754px;
	         margin: 0 auto;
                        }


#contentHome div#box {

                                      }



#box {
           width: 709px;
           margin: auto auto;
           padding: 20px 0;
           text-align: left;
         }



div#topHome,
div#top,
div.comunidades {
	background-color: transparent;
	background-image: url(images/bg_top.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 150px;
              }


div.comunidades {
	background-image: url(images/bg_top_comun.jpg) !important;
              }


/* Background Home Topo */
div.topHome {
	height: 220px !important;
	background-image: url(images/bg_homeTop.jpg) !important;
	background-repeat: no-repeat;
              }


#footer {
	background-color: #165A7D;
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	width: 770px;
	height: 100px;
	left: 50%;
	margin-left: -385px;
	color: White;
	position: absolute;
              bottom: 0 !important;
              }


#footerHome {
	background-color: #165A7D;
	background-image: url(images/bg_footerHome.gif);
	background-repeat: no-repeat;
	width: 770px;
	height: 100px;
	left: 50%;
	margin-left: -385px;
	margin-top: -143px;
	color: White;
	position: relative;
              bottom: 0 !important;
              }


/*
- - - - - - - - - - - - -
Home Page Link
- - - - - - - - - - - - -
*/

div#top div#toHome,
div#top div#toHome img {
	width: 306px;
	height: 81px;
	float: left;
	border: 0;
	z-index: 666;
	position: absolute;
              }



/*
- - - - - - - - - - - - -
Menus Top
- - - - - - - - - - - - -
*/

div#top ul#top,
div#top ul#bottom {
       	list-style: none;      
              }


div#top li {

               }


div#top a:link,
div#top a:visited {
	color: White;
              }


/*
- - - - - - - - - - - - -
Menus Top
Menu superior
- - - - - - - - - - - - -
*/



div#top ul#top {
/*	width: 451px;          */
	height: 43px;
	float: right;
	margin-right: 8px;
	margin-top: 17px;
	font-size: 12px;
	text-align: left;
	padding: 0px;
              }



div#top ul#top li a {
	display: inline;
	background-color: transparent;
	margin: 0;
	padding: 14px 4px;
	float: left;
              }


div#top ul#top li:hover,
div#top ul#top li a:hover {
	background-color: #ff0;
	display: block;
	color: #900;
              }





/*
- - - - - - - - - - - - - 
Menus Top
Menu principal
- - - - - - - - - - - - -
*/



div#top ul#bottom {
	clear: both;
	float: left;
	width: 700px;
	text-align: left;
	font-size: 18px;
	margin-left: -32px;
	margin-top: 41px;
              }




/* O mesmo menu, na Home */
div.topHome ul#bottom {
	margin-top: 111px !important;
              }


div#top ul#bottom li a {
	display: inline;
	float: left;
	padding: 7px 10px;
	background-color: transparent;
              }


div#top ul#bottom li:hover,
div#top ul#bottom li a:hover {
	background-color: #c00;
              }


/*referencia: http://www.tanfa.co.uk/css/examples/menu/hs7.asp*/

ul#bottom ul li a {
	white-space: nowrap;
	display: block;
	font-size: 12px;
	width: 100%;
               }


ul#bottom ul li a,
ul#bottom ul li a:link,
ul#bottom ul li a:visited {
	padding: 5px;
	color: #666;
              }


ul#bottom ul li a:hover {
	width: 133px;
	background-color: #c00;
	color: White;
              }


ul#bottom ul {
	position: absolute;
	z-index: 500;
	border: 1px solid #ccc;
	border-top: 0;
	background-color: #F5F5F5;
              }


ul#bottom ul {
	position: absolute;
	width: 113px;
	top: 149px;
	left: 150px;
                }


ul#bottom ul {
	display: none;
              }



ul#bottom li:hover ul {
	display: block;
	background-color: #F5F5F5;
	list-style-type: none;
              }


ul#bottom li:hover ul li {
	white-space: nowrap;
	width: 153px;
	margin-left: -40px;
              }


ul#bottom ul li {
	clear: both;
              }


/*
- - - - - - - - - - - - -
links footer
- - - - - - - - - - - - -
*/


#footer ul,
#footerHome ul {
	list-style: none;
	margin-top: 30px;
	margin-left: -40px;
	width: 770px;
               }


#footer li,
#footerHome li {
	display: inline;
	padding: 0 5px;
	white-space: nowrap;
              }


#footer a,
#footer a:visited,
#footer a:link,
#footerHome a,
#footerHome a:visited,
#footerHome a:link {
	color: White;
	font-size: 12px;
              }


#footer div#sitead,
#footerHome div#sitead {
	padding-bottom: 30px;
              }


#footer a:hover,
#footerHome a:hover {
	text-decoration: underline;
              }


/*
- - - - - - - - - - - - -
box typo
- - - - - - - - - - - - -
*/

#box {
           font-size: 14px;
           color: #666;
           letter-spacing: 0.2pt;
           line-height: 125%;
           margin-bottom: 120px;
         }


#box a,
#box a:visited,
#box a:link {
	font-weight: bold;
	color: #09f;
              }


#box a:hover {
	color: #f60;
	text-decoration: underline;
              }


#box h1 {
	font-size: 24px;
	font-weight: 600;
	color: #165A7D;
	float: left;
              }


#content_comunidades #box h1,
#content_comunidades_02 #box h1,
#content_comunidades_03 #box h1,
#content_comunidades_04 #box h1,
#content_comunidades_05 #box h1,
#content_comunidades_06 #box h1,
#content_comunidades_07 #box h1,
#content_comunidades_08 #box h1,
#content_comunidades_09 #box h1,
#content_comunidades_10 #box h1 {
	float: none;
	margin-bottom: 30px;
              }


#box h2 {
	font-size: 18px;
	font-weight: lighter;
	color: #f90;
	padding-top: 4px;
              }


#box h2.subtitle {
	font-size: 18px;
	font-weight: lighter;
	clear: both;
	color: #f90;
	line-height: 0%;
	padding-top: 0px;
	padding-bottom: 10px;
              }


#box span#intlinks {
	font-weight: bold;
	color: #165A7D;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
              }


#box span#intlinks a {
	color: #999;
              }


#box span#intlinks a:hover {
	color: #f90;
              }


/*estilo de listas*/
#box li {
	margin: 7px 0;
           }


/*
- - - - - - - - -
Comunidades
- - - - - - - - -
*/

/*imagens de background*/

#content {
	background-image: url(images/bg_topshadow.gif);
}


#content_comunidades,
#content_comunidades_02,
#content_comunidades_03,
#content_comunidades_04,
#content_comunidades_05,
#content_comunidades_06,
#content_comunidades_07,
#content_comunidades_08,
#content_comunidades_09,
#content_comunidades_10,
#content_comunidades_11,
#content_comunidades_12,
#content_comunidades_13,
#content_comunidades_14,
#content_comunidades_15,
#content_comunidades_16,
#content_comunidades_17 {
	padding-top: 223px;
              }


/* o css inLine substitui este modulo */

/*
#content_comunidades {
	background-image: url(images/bg_comunidades.jpg);
	background-repeat: no-repeat;
	background-position: 8px 0px;
              }


#content_comunidades_02 {
	background-image: url(images/bg_comunidades_02.jpg);
              }

#content_comunidades_03 {
	background-image: url(images/bg_comunidades_03.jpg);
              }

#content_comunidades_04 {
	background-image: url(images/bg_comunidades_04.jpg);
              }

#content_comunidades_05 {
	background-image: url(images/bg_comunidades_05.jpg);
              }

#content_comunidades_06 {
	background-image: url(images/bg_comunidades_06.jpg);
              }

#content_comunidades_07 {
	background-image: url(images/bg_comunidades_07.jpg);
              }

#content_comunidades_08 {
	background-image: url(images/bg_comunidades_08.jpg);
              }

#content_comunidades_09 {
	background-image: url(images/bg_comunidades_09.jpg);
              }

#content_comunidades_10 {
	background-image: url(images/bg_comunidades_10.jpg);
              }


*/

/* Menu */

#menuComu {
	position: absolute;
	margin-top: 160px;
	margin-left: 549px;
	top: 0px;
	z-index: 700;
              }


#menuComu ul {
	border: 1px solid #ccc;
	margin: 0;
	height: auto;
	width: 197px;
	list-style-type: none;
              }


#menuComu ul li {
	margin-left: -40px;
	text-align: left;
	background-color: White;
	font-size: 14px;
	font-weight: bold;
	background-color: Aqua;
	background-color: White;
              }


#menuComu ul li a {
	padding: 6px 14px;
	display: block;
	color: #666;
              }


#menuComu ul li a:hover {
	display: block;
	background-color: #D3E0E0;
	color: black;
              }




/* Menu inferior */

#menuLeft {
	float: left;
	clear: both;
              }


#menuRight {
	float: right;
              }


#menuLeft,
#menuRight {
	margin: 20px 0 120px 0;
	font-size: 12px;
	width: 338px;
              }


#menuLeft label,
#menuRight label {
	color: #c00;
	font-weight: bold;
              }


#menuLeft ul,
#menuRight ul {
	padding: 0px;
	padding-left: -50px;
	list-style-position: outside;
              }


#menuLeft li,
#menuRight li {
	display: inline;
	white-space: nowrap;
              }


#menuLeft li a:link,
#menuRight li a:link,
#menuLeft li a:visited,
#menuRight li a:visited {
/*	display: block;*/
	padding: 3px 5px;
	font-weight: normal;
	color: #333;
              }


#menuLeft li a:hover,
#menuRight li a:hover {
	background-color: #c00;
	color: White;
	text-decoration: none;
              }


/*
- - - - - - - - - - - - - - -
HOME PAGE
- - - - - - - - - - - - - - -
*/

div#menComunidades,
div#noticiasHome,
div#agendaHome {
	margin-top: -20px;
              }


/* menu de comunidades */
div#menComunidades {
	float: left;
	margin-left: -23px;
	width: 153px;
	height: 260px;
	height: 290px;
	background-color: #f5f5f5;
              }


div#menComunidades ul {
	margin-left: -37px;
	font-size: 18px;
	color: #c00;
	list-style-type: none;
              }


div#containerHome {
	height: 400px;
              }


div#menComunidades ul li,
div#menComunidades ul li a:link,
div#menComunidades ul li a:visited {
	font-size: 12px;
	color: #666;
	padding-left: 6px;
	background-color: transparent;
	display: block;
              }


div#menComunidades ul li:hover,
div#menComunidades ul li a:hover {
	background-color: #c00;
	color: White;
	text-decoration: none;
	display: block;
              }


/* noticias */
div#noticiasHome,
div#agendaHome {
	float: left;
              }


div#noticiasHome li b,
div#agendaHome li b {
	margin-top: 10px;
              }


div#noticiasHome {
	width: 283px;
	height: 100px;
	margin-left: -20px;
              }


div#noticiasHome ul,
div#agendaHome ul {
	list-style-type: none;
	font-size: 20px;
	font-weight: bold;
	margin-top: 18px;
              }


div#noticiasHome ul li,
div#agendaHome ul li,
div#noticiasHome ul li a,
div#agendaHome ul li a,
div#noticiasHome ul li a:visited,
div#agendaHome ul li a:visited  {
	line-height: 120%;/**/
	padding-left: 6px;
	font-size: 12px;
	font-weight: normal;
	color: #033;
	display: block;
              }


div#noticiasHome ul li a:hover {
	color: #900;
              }


/* Agenda */
div#agendaHome {
	width: 283px;
	height: 100px;
              }


div#noticiasHome ul {
	color: #165A7D;
              }


div#agendaHome ul {
	color: #8EA200;
              }


div#agendaHome ul li a:hover {
	color: #f60;
              }


#data_cad {

                }


/* Campanhas */
div#campanha {
	clear: both;
	margin-left: -23px;
              }
div#campanha a img {
	margin-top: -4px;
}