* {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 9pt;
	color: #444;
	text-decoration: none;
	list-style-type: none;
}
body {
	background: url(../img/padrao/body.jpg) repeat-x center top #f2fce2;
}
#topo {
	position: relative;	
	height: 116px;
	width: 940px;
	margin: 0 auto;
	background: url(../img/padrao/topo.jpg) no-repeat;
}
#topo #logo {
	height: 75px;
	width: 320px;
	position: absolute;
	left: 13px;
	top: 24px;
	background: url(../img/padrao/logo-trans.png) no-repeat;
	text-indent: -9000px;
}
#topo #rede_litoral {
	height: 45px;
	width: 145px;
	position: absolute;
	top: 52px;
	right: 22px;
	background: url(../img/padrao/rede-litoral-trans.png) no-repeat;
}
#topo #atalhos {
	position: absolute;
	top: 16px;
	right: 22px;
}
#topo #atalhos li {
	display: inline;
	color: #72a02c;
}
#topo #atalhos li a {
	color: #72a02c;
	font-size: 80%;
}
#topo #atalhos li a:hover {
	color: #1f0c69;
}

/**********   Início do menu principal   **********/
#menu {
	width: 940px;
	margin: 0 auto;
	text-align: center;
	padding-top: 1px;
	height: 53px;
	background: url(../img/padrao/menu.jpg) no-repeat center bottom;
	position: relative;
}
#menu li {
	display: inline;
}
#menu li a {
	display: inline-block;
}
#menu li span {
	color: #1f0c69;
	font-weight: bold;
	line-height: 27px;
	text-transform: uppercase;
	padding: 0 32px;
}
#menu li span:hover {
	color: #FFF;
}

/**********   Início do sub-menu   **********/
#menu li ul {
	width: 900px;
	padding: 0 20px;
	position: absolute;
	top: 30px;
	left: 0;
	text-align: center;
	display: none;
}
#menu li ul * {
	line-height: 22px;
}
#menu li ul li a {
	text-transform: none;
	text-decoration: underline;
	color: #666;
	padding: 0 5px;
	display: inline;
}
#menu .aberto ul {
	display: block;
}
#menu .aberto a {
	background: url(../img/padrao/aba-esq.jpg) no-repeat left top #fff;
}
#menu .aberto a:hover {
	color: #1f0c69;
	text-decoration: none;
}
#menu .aberto span {
	background: url(../img/padrao/aba-dir.jpg) no-repeat right top;
	display: block;
}
#menu .aberto span:hover {
	color: #1f0c69;
}
#menu .aberto ul li a {
	background: none;
}
/**********   Fim do menu   **********/

#container {
	width: 940px;
	margin: 0 auto;
	margin-top: 15px;
}
#container img {
	border: none;
}

#container img.imgEventos {
	float:right;
	padding: 1px;
	border: 2px solid #deb;
	margin: 0 0 10px 10px;
}

#colesq {
	border: 1px solid #dcebc2;
	width: 210px;
	background-color: #FFF;
	float: left;
	padding: 4px;
}

#colesq h3 {
	font-size: 130%;
	font-weight: normal;
}

#colesq p,
#coldir p {
	line-height: 1.3em;
}

#colesq #horario {
	height: 60px;
	width: 190px;
	background: url(../img/padrao/horario.jpg) no-repeat;
	padding: 10px;
	margin-bottom: 5px;
}
#colesq #horario h3 {
	margin-bottom: 0.5em;
	color: #e15b21;
}

#colesq #horario p a {
	color: #666;
}

#colesq #horario p a:hover {
	color: #e15b21;
}

#colesq #banner-vantagens {
	display: none;
	height: 80px;
	width: 210px;
	margin-bottom: 5px;
}
#colesq #eventos {
	background: url(../img/padrao/eventos.jpg) no-repeat left top #c5dd99;
	width: 190px;
	padding: 10px;
	margin-bottom: 5px;
}
#colesq #eventos h3 {
	color: #360;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #acc282;
}
#colesq #eventos ul li {
	background: url(../img/padrao/divisor-eventos.jpg) no-repeat center bottom;
	margin-bottom: 10px;
	height: 95px;
	overflow: hidden;
}
#colesq #eventos ul li img {
	float: left;
	margin-right: 8px;
	border: 1px solid #fff;
}
#colesq #eventos ul li strong {
	color: #557815;
	line-height: 1.3em;
	display: block;
	margin-bottom: 0.5em;
}
#colesq #eventos .todos-eventos {
	color: #809559;
	text-decoration: underline;
}

#colesq #eventos a,
#coldir #dicas a {
	font-size: 90%;
}

#colesq #eventos a:hover {
	color: #557815;
	text-decoration: none;
}
#colesq #pesquisa {
	height: 90px;
}
#conteudo {
	float: left;
	width: 510px;
	margin-left: 20px;
	border: 1px solid #dcebc2;
	padding: 4px 4px 0;
	background-color: #FFF;
}
#conteudo p {
	line-height: 1.5em;
	padding-bottom: 1em;
}
#conteudo a {
	color: #72a02c;
	text-decoration: underline;
}
#conteudo a:hover {
	color: #c63;
	text-decoration: none;
}
#coldir {
	border: 1px solid #dcebc2;
	float: right;
	width: 150px;
	background-color: #FFF;
}
#coldir #dicas {
	background: url(../img/padrao/coldir.jpg) no-repeat center top #f2d78d;
	width: 130px;
	padding: 10px;
	margin-bottom: 5px;
}
#coldir #dicas h3 {
	font-size: 130%;
	color: #e15b21;
	padding-bottom: 0.5em;
	margin-bottom: 0.7em;
	border-bottom: 1px dotted #e0c478;
	font-weight: normal;
}
#coldir #dicas ul li {
	background: url(../img/padrao/divisor-dicas.jpg) no-repeat center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#coldir #dicas ul li span {
	color: #c63;
	font-weight: bold;
	display: block;
}
#coldir #dicas .todas-dicas {
	color: #9f8233;
	text-decoration: underline;
}
#coldir #dicas a:hover  {
	color: #c63;
	text-decoration: none;
}
#coldir .banner {
	height: 85px;
}
#rodape {
	background: url(../img/padrao/rodape.jpg) repeat-x center top #dcecbf;
	margin-top: 15px;
}
#sub-rodape {
	width: 940px;
	height: 120px;
	margin: 0 auto;
	padding-top: 10px;
	background: url(../img/padrao/sub-rodape.jpg) repeat-x center 100px;
}
#cartoes {
	background: url(../img/padrao/cartoes.jpg) repeat-x;
	height: 60px;
	text-align: center;
}
#cartoes strong {
	color: #6d8148;
	line-height: 30px;
}
#cartoes ul li {
	float: left;
	border-right: 1px solid #cadbaf;
	padding: 0 7px;
}
#cartoes span {
	font-size: 80%;
	color: #6D8148;
}
#cartoes img {
	margin: 0 3px;
	vertical-align: middle;
}
#cartoes .desbordar {
	border: none;
}
#menu-aux {
	width: 940px;
	height: 18px;
	text-align: center;
	padding: 8px 0 10px;
}
#menu-aux li {
	display: inline;
}
#menu-aux a {
	color: #6D8148;
	padding: 0 5px;
	font-size: 90%;
	text-decoration: underline;
}
#menu-aux a:hover {
	text-decoration: none;
}
#rodape p {
	float: left;
	color: #6D8148;
	font-size: 90%;
}
#rodape .triares {
	float: right;
	display: block;
	width: 65px;
	height: 15px;
}

#rodape img {
	border: none;
}

.floatLeft {
	float:left;
}

.floatRight {
	padding-left: 10px;
	float:right;
}
.clear {
	clear: both;
}