/* todo o css */

* { margin: 0px; padding: 0px;}
body { background: #003300 url(imagens/fd_body.jpg) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;}
h1 { color: #FFFFFF; font-size: 0.7em; text-align: center; float: left;	margin: 5px 0px 0px 10px; width: 250px; font-weight: normal;}
h2 { color: #FFCC00; font-size: 1.2em; background: url(imagens/h2.gif) no-repeat left center; font-weight: normal; padding: 0px 0px 0px 23px; margin: 10px 10px 0px; letter-spacing: -1px;	
}
h3 { color: #FFCC00; font-size: 1.2em; background: url(imagens/h3.gif) no-repeat left 8px;	margin-left: 10px; letter-spacing: -1px;	font-weight: normal; padding: 5px 0px 0px 20px;}
h4 { color: #FFCC00; font-size: .8em; padding-left: 12px; background: url(imagens/h4.gif) no-repeat left center; margin-left: 10px;	margin-top: 10px; margin-bottom: -10px;}
p { color: #FFFFFF; padding: 10px; font-size: 0.7em; text-align: justify;}
#geral { width: 700px; margin: 0px auto;}
#topo { height: 217px; background: url(imagens/fd_topo.jpg) no-repeat; background-color: #000000;}

/* #################################    MENU PRINCIPAL */
#menu { background-color: #000000;	font-size: 0.8em;}
#menu ul { padding: 0; margin: 0; height: 24px; text-align: center; list-style: none none;}
#menu li { position: relative; float: left;}
#menu li ul { display: none; position: absolute; top: 24px; left: 0;}
#menu li>ul {
	top: auto;
	left: auto;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
#menu li:hover ul, #menu li.over ul { display: block;}
.semlink { color: #FFFFFF; width: 138px; margin: 1px; line-height: 24px;}
.submenu { color: #FFFFFF; width: 138px; background-color: #000000; border-top: 1px solid #333333; display: block;}	
.submenufim { color: #FFFFFF; text-decoration: none; width: 138px; background-color: #000000; border-top: 1px solid #333333; position: relative;}
#menu a { color: #FFFFFF; text-decoration: none; line-height: 24px; float: left; width: 138px; margin: 1px;}
#menu a:hover {	color: #FFFFFF; background-color: #CC0000; text-decoration: none;}


/* #################################    RODAPE     */
#rodape { clear: both; height: 100px; background-image: url(imagens/fd_roda.jpg);}
#rodape p { font-size: 0.7em; margin: 0px; padding: 0px 0px 0px 6px;}
#rodape a { color: #FFCC00; text-decoration: none;}
#rodape a:hover { color: #FFFFFF; text-decoration: underline;}



/* #################################    CONTEUDO     */
#conteudo { width: 490px; float: left; background: #006600 url(imagens/logodagua.gif); height: 830px;}



/* #################################    COLUNA     */
#coluna { float: left; height: 830px; width: 210px; background-color: #006600; position: relative;}
#coluna p {
	font-size: .7em;
	padding-top: 0px;
}
#coluna a {	font-size: 0.7em; color: #FFCC00; background: url(imagens/a.gif) no-repeat left center;	padding-left: 10px;	margin-left: 10px;}
#coluna a:hover { color: #FFFFFF;}
#coluna .end {
	color: #FFCC00;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding-bottom: 0px;
	text-align: left;
}
#coluna .tel { background: url(imagens/tel.gif) no-repeat center bottom; height: 110px; text-indent: -9999px; width: 200px; padding: 0px;}
#coluna h3 {
	font-size: 1em;
	font-weight: bold;
}

/* #################################    BOX 	 */
.box { background: #003300 url(imagens/fd_box.jpg); width: 150px; height: auto; margin: 5px 0px 5px 10px; padding: 0px; float: left;		
}
.box img { height: 83px; width: 110px; margin: 5px auto; padding: 2px; border: none; display: block;}
.box p { padding-right: 15px; padding-left: 15px; font-size: .7em;}
.box a { font-size: 0.7em; color: #FFFFFF;}
.box a:hover { color: #FFFFFF; text-decoration: none;}
.link { background: url(imagens/a.gif) no-repeat left center; padding: 5px 10px 5px 12px; float: right;}

/* #################################    BOX 2	 */

.box2 { background: #008800 url(imagens/fd_box2.jpg); width: 470px; margin: 5px 0px 5px 10px; float: left;	height: auto;}
.box2 img { border: none; margin: 5px 10px 10px; float: left;}
.box2 p { width: 300px; float: left; margin: 5px; padding: 5px; font-size: 0.7em;}
.box2 a { color: #FFFFFF; float: left; font-size: 0.7em;}
.box2 a:hover { color: #FFFFFF; text-decoration: none;}


/* #################################  CONTATO	 */

#contato {
	color: #FFFFFF;
	background-color: #006600;
	float: left;
	width: 700px;
}
#contato p { padding: 0px 10px 10px;}
#contato h3 {}
#contato a { color: #0099FF; text-decoration: none;}
#contato a:hover { color: #000000;}

#info {
	width: 330px;
	float: left;
	background: #006600 url(imagens/fd_box.jpg) repeat-x;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#info dl { padding: 20px;}
#info dt {
	font-size: 1em;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#info dd { font-size: 0.8em; padding-bottom: 15px;}

#form { width: 330px; height: 340px; float: left; margin: 10px;}
#form fieldset { padding: 5px; border: 1px double #003300;}
#form legend { font-size: 0.8em; margin-left: 10px;}
#form label { font-size: 0.75em; margin: 5px; width: 50px; display: block; float: left;}
#form input, textarea, select  { margin: 5px;}


/* #################################   REGRAS    */
#fdRegras { height: auto; width: auto; background-image: url(imagens/fd_regras.gif); float: left;}
#regras { width: 490px; float: left; height: auto; padding-bottom: 50px;}
#regras h3 { margin-top: 10px; margin-bottom: 10px;}
#regras table { margin: 10px; border:none;}
#regras td { border: 1px solid #009900; background-color: #006600; margin: 0px;}
#regras ul { margin: 10px; font-size: 0.8em; color: #FFFFFF;}
#regras li { list-style-position: inside; list-style-type: square;}
#titulo { float: left; width: 210px; background-color: #006600; position: relative; height: auto;}
#titulo ul { font-size: 0.7em; color: #FFFFFF; padding: 10px 0px 10px 0px; float: left; width: 210px;}
#titulo li { border-top: 1px solid #009700; border-bottom: 1px solid #004000; display: block; list-style-type: none; margin: 0px; 	padding: 0px;}
#titulo a { text-decoration: none; color: #FFFFFF; display: block; padding: 2px 10px 2px 10px;}
#titulo a:hover { color: #CCFFCC; text-decoration: none; background-color: #003300; text-align: right;}
#titulo .selected { color:#FFFFFF; background-color: #CC0000;}

/* #############################  CATEGORIA  */

.tooltip { display: none; background-color:#EDEEEF; position: absolute;}
.tooltip .content { border:1px solid #009900; padding: 5px;}
#categoria { height: auto; float: left;	width: 100%; background: #006600 url(imagens/logodagua.gif);}
#categoria h2 { padding-top: 5px; padding-bottom: 5px; display: block;}
#categoria h3 {}
#categoria p { margin: 2px 10px; padding: 2px 0px; font-size: 0.75em;}
.catGeral { height: 270px; width: 335px; margin: 7px 7px 7px 8px; float: left; background: url(imagens/fd_box.jpg) repeat-x;}
.catGeral img {	}
.ftgd { overflow: scroll; float: left; margin: 5px; padding-bottom: 1px;}
.tumb { padding: 3px; display: block; background-color: #FFFFFF; margin: 5px; float: left;}

.catTexto { }

.paginacao { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 1em; font-weight: bold; color: #FFFFFF; text-align: center; height: 30px; width: 700px; float: left;}
.paginacao a { color: #F8C800; margin: 2px; padding: 5px;}
.paginacao a:hover { color: #FFFFFF; text-decoration: none;}

/* #################################  CURIOSIDADES	 */

#curiosidades {
	height: auto;
	color: #FFFFFF;
	background-color: #006600;
	float: left;
	width: 700px;
	padding-bottom: 20px;
	background-image: url(imagens/logodagua.gif);
}
#curiosidades p { padding: 0px 10px 10px;}
#curiosidades h3 {
	padding-left: 0px;
	margin-top: 10px;
	background-image: none;
}
#curiosidades h4 {
	background-image: none;
	padding-left: 0px;
	margin-bottom: 0px;
	color: #FF9900;
}
#curiosidades ul {
	margin-bottom: 10px;
}
#curiosidades li {
	margin: 5px 10px;
	list-style-position: inside;
	list-style-type: square;
	font-size: 0.8em;
}
#curiosidades a { color: #0099FF; text-decoration: none;}
#curiosidades a:hover { color: #000000;}
#curiosidades table {
	text-align: center;
	margin: 10px auto;
	border: none;
}
#curiosidades table tr td {
	border: 1px solid #009900;
	background-color: #006600;
	padding: 6px 2px 0px;
	line-height: 20px;
}
#curiosidades img {
	margin-bottom: -4px;
	margin-right: 4px;
	margin-top: 0px;
	margin-left: 0px;
}