/* lateral.css */

#lateral{
	float: left;
	display: inline;
	width: 241px;
}

#lateral .logo{
	margin-left: 29px;
	margin-top: 28px;
}

#lateral #menu{
	width: 186px;
	margin-left: 32px;
	margin-top: 15px;
}

#lateral #menu .menu{
	width: 138px;
	height: 37px;
	display: block;
	background: url(../images/commons/bg-menu.jpg) no-repeat;
	font-size: 18px;
	padding-left: 9px;
	padding-top: 6px;
}

#lateral #menu .contato{
	background: url(../images/commons/bg-menu-contato.jpg) no-repeat;
}

#lateral #menu .contato:hover{
	background: url(../images/commons/bg-menu-contato.jpg) no-repeat !important;
}

#lateral #menu .menu:hover{
	text-decoration: none;
	background: url(../images/commons/bg-menu.jpg) no-repeat 0% 100%;
	color: #00297e;
}

#lateral #menu #submenu{
	width: 154px;
	background: url(../images/commons/bg-submenu.png) no-repeat;
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 10px;
}

#lateral #menu #submenu ul{
	color: #676767;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#lateral #menu #submenu a{
	color: #676767;
	display: block;
	padding: 6px 0px 6px 0px;
}

#lateral #menu #submenu .selecionado a{
    font-weight:  bold;
    color: #0e347e;
}

#lateral #menu #submenu a:hover{
	text-decoration: none;
	background: url(../images/commons/link-menu.jpg) no-repeat 0% 100%;	
}

#lateral #newsletter{
	width: 218px;
	margin-top: 10px;
}

#lateral #newsletter #news-topo{
	width: 218px;
	height: 65px;
	background: url(../images/commons/news-topo.gif) no-repeat;
}

#lateral #newsletter #news-conteudo{
	width: 170px;
	border-left: 1px solid #969595;
	border-right: 1px solid #767575;
	margin-left: 32px;
	padding: 0px 8px 6px 6px;
	font-size: 13px;
}

#lateral #newsletter #news-conteudo .ipt-default{
	width: 112px;
	color: #565555;
	font-size: 14px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 3px;
	margin-top: 8px;
	float: left;
	display: inline;
}

#lateral #newsletter #news-conteudo .bt-ok{
	width: 39px;
	height: 30px;
	background: url(../images/commons/bt-ok.jpg) no-repeat;
	border: none;
	cursor: pointer;
	margin-left: 6px;
	float: left;
	display: inline;
	margin-top: 5px;
}

#lateral #newsletter #news-rodape{
	width: 186px;
	height: 5px;
	background: url(../images/commons/rodape-lateral.gif) no-repeat;
	margin-left: 32px;
}

#lateral #novidades{
	width: 207px;
	margin-left: 11px;
	margin-top: 6px;
}

#lateral #novidades #novidades-topo{
	width: 207px;
	height: 56px;
	background: url(../images/commons/novidades-topo.jpg) no-repeat;
}

#lateral #novidades #novidades-conteudo{
	width: 172px;
	border-left: 1px solid #969595;
	border-right: 1px solid #767575;
	margin-left: 21px;
	padding: 5px 5px 2px 7px;
	font-size: 13px;
	color: #757575;
}

#lateral #novidades #novidades-conteudo li{
	float: left;
	display: inline;
	margin-bottom: 4px;
}

#lateral #novidades #novidades-conteudo li a{
	color: #757575;
}

#lateral #novidades #novidades-conteudo li:hover a .data{
	color: #013887;
}

#lateral #novidades #novidades-conteudo li:hover a .titulo{
	color: #013887;
}

#lateral #novidades #novidades-conteudo li a:hover{
	text-decoration: none;
}

#lateral #novidades #novidades-conteudo .data{
	float: left;
	display: inline;
	font-size: 30px;
	font-weight: bold;
	width: 38px;
	height: 58px;
	float: left;
	display: inline;
	cursor: pointer;	
}

#lateral #novidades #novidades-conteudo .mes{
	font-size: 18px;
}

#lateral #novidades #novidades-conteudo .texto{
	float: left;
	display: inline;
	width: 130px;
	margin-left: 4px;
	margin-top: 7px;
	cursor: pointer;	
}

#lateral #novidades #novidades-conteudo .titulo{
	font-weight: bold;
}

#lateral #novidades #novidades-conteudo .veja{
	font-size: 12px;
}

#lateral #novidades #novidades-conteudo .veja img{
	vertical-align: middle;
	margin-left: 26px;
}

#lateral #novidades #novidades-conteudo .veja a{
	color: #0905c6;
}

#lateral #novidades #novidades-conteudo .veja a:hover{
	text-decoration: none;
}

#lateral #novidades #novidades-rodape{
	width: 186px;
	height: 5px;
	background: url(../images/commons/rodape-lateral.gif) no-repeat;
	margin-left: 21px;
}

#lateral #novidades #inte{
	width: 29px;
	height: 43px;
	position: absolute;
	background: url(../images/commons/interrogacao.jpg) no-repeat;
	margin-top: 56px;
}

#lateral #contato{
	width: 213px;
	margin-left: 5px;
	margin-top: 5px
}

#lateral #contato #contato-topo{
	width: 213px;
	height: 63px;
	background: url(../images/commons/contato-topo.jpg) no-repeat;
}

#lateral #contato #contato-conteudo{
	width: 176px;
	border-left: 1px solid #969595;
	border-right: 1px solid #767575;
	margin-left: 27px;
	color: #757575;
	padding: 5px 0px 5px 8px;
	font-size: 13px;
}

#lateral #contato #contato-conteudo .veja{
	font-size: 12px;
}

#lateral #contato #contato-conteudo .veja img{
	vertical-align: middle;
	margin-left: 26px;
}

#lateral #contato #contato-conteudo .veja a{
	color: #0905c6;
}

#lateral #contato #contato-conteudo .veja a:hover{
	text-decoration: none;
}

#lateral #contato #contato-rodape{
	width: 186px;
	height: 5px;
	background: url(../images/commons/rodape-lateral.gif) no-repeat;
	margin-left: 27px;
}

#lateral #contato #cont{
	width: 37px;
	height: 20px;
	position: absolute;
	margin-top: 63px;
	background: url(../images/commons/contato.jpg) no-repeat;
}