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

* {
	margin:0;
	padding:0;
	
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	color:#8a8a8a;
	
	background-color:transparent;
	border:none;
}


html, body {
	width:100%;
	height:100%;
}

h1 {
	
	background-color:transparent;
	padding:20px;
	padding-left:0;
	font-size:22px;
	font-weight:normal;

}

a {
	text-decoration:none;
	color:#01b71f;
}

a:hover {
	text-decoration:underline;
}

#popup {
	position:absolute;
	text-align:center;
	line-height:20px;
	padding:5px;
	top:40%;
	left:40%;
	color:#01b71f;
	height:150px;
	width:260px;
	background-color:#fff;
	background-image:url(../imgs/marcadagua_popup.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #01b71f;
	display:none;
}

#container {
	width:1024px;
	height:inherit;
	margin: 0 auto;
}

#container #top {
	text-align:center;
	background-image:url(../imgs/topo.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	height:191px;
	margin-bottom:15px;
}

#container #top #special {
	position:absolute;
	left:220px;
	top:15px;
	background-color:transparent; 
	width:180px; 
	height:180px; 
	cursor:pointer;
}

#container #main {
	margin-left:28px;
	margin-right:28px;
}

#container #main #menu{
	width:255px;
	float:left;
	/*border:1px solid;*/
}

#container #main #menu ul{
	list-style:none;
	border-left:3px solid #01b71f;
}

#container #main #menu ul li {
	border-bottom:1px solid #90d69b;
	padding-top:10px;
	padding-bottom:3px;
	padding-left:10px;
}


#container #main #menu a{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:18px;
	color:#9b9b9b;
	text-decoration:none;
}

#container #main #menu a:hover{
	text-decoration:underline;
}

#container #main #content {
	float:left;
	width:636px;
	margin-left:45px;
	padding:15px;
	border:1px solid #d4d4d4;
	background-image:url(../imgs/marcadagua.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

#container #main #content p {
	text-align:justify;
	background-color:transparent;
	line-height:20px;
}

#container #main #content .lista {
	text-align:center;
	list-style:none;
	line-height:20px;
}

#container #main #content .lista2 {
	list-style:none;
	line-height:20px;
}

#container #main #content .cadastro {
	width:100%;
}

#container #main #content .cadastro td {
	padding:4px;
}

#container #main #content .cadastro .textField {
	border:1px solid #333333;
	padding:1px;
	height:18px;
}

#container #main #content .cadastro .textField.g {
	width:200px;
}
#container #main #content .cadastro .textField.p {
	width:100px;
}
#container #main #content .cadastro #uf{
	width:45px;
	border:1px solid #333;
	background-color:#fff;
}

#container #main #content .cadastro .enviar {
	border:1px solid #333333;
	background-color:transparent;
}

#container #main #content #calendarioAnual {
	width:100%;
}
#container #main #content #calendarioAnual h2 {
	padding-bottom:5px;
}	
#container #main #content #calendarioAnual .meses {
	list-style:none; 
	line-height:20px; 
	margin-bottom:5px;
}

#container #main #content #calendarioAnual .meses li {
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	color:#01b71f;	 
}

#container #main #content #calendarioAnual .meses li a{
	font-size:12px;
	color:#01b71f;
	text-decoration:none;
}

#container #main #content #calendarioAnual .meses li a:hover{
	text-decoration:underline;
}

#container #main #content #calendarioAnual .meses li.noEvent {
	color:#8a8a8a;
	text-align:center;
	border:none;
}

#container #main #content #calendarioAnual tr td {
	border:1px solid #333333;
	padding:5px;
	margin:3px;
	vertical-align:top;
}

#container #bottom {
	margin-left:28px;
	margin-right:28px;
	clear:both;
}

#container #bottom #logomarcas {
	padding-top:10px;
	padding-bottom:20px;
	padding-left:390px;
}

#container #bottom #sobre {
	border-top:2px solid #01b71f;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}