#esquerda .holder {
	position: relative;
	float: left;
	display: block;
	/* margin-top: 51px; */
	margin-top: 86px;
	width: 168px;
	background-color: #F1F8F9;
}
#esquerda .detalhe {
	position: absolute;
	display: block;
	top: 0;
	right: -2px;
	width: 170px;
	height: 15px;
	z-index: 10;
	background: url('../img/top_esquerda.gif') left top no-repeat;
}
/* LOGIN */
#log {
	background: url('../img/log_bg.gif') left top repeat-y;
	padding: 14px 14px 12px 10px;
	text-align: left;
}
#log p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 10px;
}
#log a.logoff {
	float: right;
	height: 20px;
	display: block;
	padding-right: 20px;
	text-align: right;
	background: url('../img/logoff.gif') right top no-repeat;
	color: #F18C77;
	font-size: 10px;
}
#log a.logoff:hover {
	background: url('../img/logoff.gif') right -22px no-repeat;
	color: #F84C42;
}
#log form {
	margin: 0;
	padding: 0 0 5px 0;
}
#log fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#log legend {
	font-size: 12px;
	text-align: left;
	text-indent: 0;
	font-weight: bold;
	color: #668F40;
	margin: 0;
	padding: 0 0 8px 0;
}
#log label {
	font-size: 10px;
	display: block;
	width: 50px;
	float: left;
	padding: 3px 0 0 0;
}
#log input {
	border: 1px solid #6A85A3;
	width: 84px;
	height: 16px;
	float: left;
	margin: 1px 0 4px 0;
	padding: 1px 0 0 2px;
	font-size: 10px;
}
#log label.check {
	font-size: 10px;
	display: block;
	width: 100px;
	float: left;
	padding: 0;
	margin: 2px 0 0 0;
	text-indent: -5px;
}
#log label.check input {
	width: 25px;
	height: 15px;
	float: left;
	margin: 0 0 0 -5px;
	padding: 0;
	font-size: 10px;
	border: none;
}
#log button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	position: absolute;
	top: 82px;
	left: 118px;
}
#log button span {
	float: left;
    display: block;
	background: url('../img/log_button_a.gif') top right no-repeat;
    color: #FFF;   
    font: normal 11px arial, sans-serif;
    height: 22px;   
    padding: 0 4px 0 0;
	margin: 0;
	border: none;
	outline: none;
}
#log button span pre {
	float: left;
    background: url('../img/log_button_span.gif') top left no-repeat;
    display: block;
    line-height: 22px;
    padding: 0 4px 0 6px;
	margin: 0;
	border: none;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}
#log button:active span {
    background-position: bottom right;
    color: #000;
    outline: none;
	border: none;
}
#log button:active span pre {
    background-position: bottom left;
	border: none;
}
a.cadastrese {
	display: block;
	width: 140px;
	height: 23px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url('../img/cadastrese.gif') left top no-repeat;
	text-indent: -3000px;
}
a.cadastrese:hover {
	background-position: bottom left;
}
a.assineagora {
	display: block;
	width: 140px;
	height: 23px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url('../img/assine_agora.gif') left top no-repeat;
	text-indent: -3000px;
}
a.assineagora:hover {
	background-position: bottom left;
}

a.logocaf {
	display: block;
	width: 140px;
	height: 23px;
	padding: 0;
	margin: 0 0 10px 13px;
	background: url('../img/caf.gif') left top no-repeat;
	text-indent: -3000px;
}
a.logocaf:hover {
	background-position: bottom left;
}

a.buscaselecao {
	display: block;
	float: left;
	position: relative;
	width: 140px;
	height: 54px;
	padding: 0;
	margin: 10px 0 20px 13px;
	background: url('../img/bt_buscaselecao.gif') 0 0 no-repeat;
	text-indent: -3000px;
}
a.buscaselecao:hover {
	background-position: 0 -54px;
}

/* MENU ESQUERDO */
#submenu {
	display: block;
	float: left;
	width: 167px;
	background: #F1F8F9 url('../img/log_bottom.gif') left top no-repeat;
	padding-top: 10px;
}
#submenu h3, #submenu h3 a {	
	display: block;
	width: 167px;
	padding: 0;			
	margin: 0;
	font: normal 12px/21px Arial, Helvetica, sans-serif;
	color: #325B84;
	text-decoration: none;
	text-indent: 12px;
}
#submenu h3 {
	height: 22px;
	background: url('../img/submenu_ul.gif') left top no-repeat;
}
#submenu ul{
	display: block;
	width: 167px;
	margin: 0;
	padding: 2px 0 3px 0;
	list-style: none;
}
#submenu ul li {
	display: block;
	width: 155px;
	background: none;
	padding: 0;
	margin: 0;
	font: normal 12px/19px Arial, Helvetica, sans-serif;
	color: #325B84;
}
#submenu ul li a {
	display: block;
	width: 167px;
	font: normal 12px/19px Arial, Helvetica, sans-serif;
	color: #325B84;
	padding: 0;
	margin: 2px 0;
	text-indent: 14px;
	text-decoration: none;
}
#submenu ul li a:hover {
	background: #E4F0F7 url('../img/seta.gif') 148px 7px no-repeat;
}
/* SEGUNDO NÍVEL (BULLETS) */
#submenu ul li span {
	margin: 8px 0 0 0;
	padding: 2px 0 0 0;
	width: 160px;
	border-top: 1px dashed #9DC5D2;
	display: block;
	text-indent: 14px;
}
#submenu ul li ul {
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 0 3px 0;
	list-style: circle;
	width: 160px;
	border-bottom: 1px dashed #9DC5D2;
}
#submenu ul li ul li {
	display: block;
	width: 155px;
	background: none;
	padding: 0;
	margin: 0;
	font: normal 12px/19px Arial, Helvetica, sans-serif;
	color: #325B84;
}
#submenu ul li ul li a {
	display: block;
	font: normal 12px/19px Arial, Helvetica, sans-serif;
	color: #325B84;
	padding: 0;
	margin: 0;
	text-indent: 20px;
	text-decoration: none;
}
#submenu ul li ul li a:hover {
	background: #E4F0F7 url('../img/seta.gif') 148px 7px no-repeat;
}
a.hide_submenu {
	position: absolute;
	display: none;
	top: 32px;
	left: 158px;
	width: 11px;
	height: 54px;
	z-index: 1;
	background: url('../img/hide_submenu.gif') left top no-repeat;
}