/*
 * autor: Ciro Feitosa - http://cirofeitosa.com.br
 * junho/2006
 */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: white;
	margin: 0 1em;
	font-family:'Roboto', 'Segoe UI', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#lateral
{
	width: 190px;
	float: right;
}

#passo, #passo2
{
	border: solid #ccc 1px;
	margin-top: 5px;
}

#passo2
{
	margin-bottom: 30px;
}

#passo2 .campo1, #passo2 .campo2
{
	font-family:Arial;
	font-size: 11px
}

#passo2 form, #passo2 label
{
	margin: 0;
	padding: 0;
}

#passo2 .campo1
{
	width: 110px;
}

#passo2 .campo2
{
	width: 90px;
}

#passo h2, #passo2 h2
{
	padding: 5px 10px;
	font-size: 1em;
	border-bottom: solid #ccc 1px;
}

#passo h2
{
	background: #ccc url(icone_passo.gif) right no-repeat;
}

#passo2 h2
{
	background: #ccc url(icone_passo2.gif) right no-repeat;
}

#passo ul
{
	list-style: none;
}

#passo ul li a
{
	line-height: 15px;
	height: 100%;
	color: blue;
	padding: 5px 10px;
	display: block;
	font-size: 0.8em;
	text-decoration: none;
	border-bottom: dotted #ccc 1px;
}

#passo ul li a.ult
{
	border-bottom: none;
}

#passo ul li a:hover
{
	background-color: #e8e8e8;
	color: black;
}

#passo2 p, #passo2 label, #passo2 input
{
	font-size: 0.7em;
	margin: 0 5px;
}

#passo2 label
{
	text-align: right;
	line-height: 18px;
	float: left;
	display: block;
	width: 37px;
	font-weight: bold;
}

#passo2 input.botao
{
	margin: 0;
}

#cabecalho
{
	height: 90px;
	border-bottom: solid #FCBD10 1px;
	margin-bottom: 10px;
}

#cabecalho h1
{
	background: transparent url(logo-central.gif) no-repeat top left;
	width: 196px;
	height: 90px;
	float: left;
}

#cabecalho h1 a
{
	display: block;
	width: 196px;
	height: 90px;
	float: left;
}

#cabecalho h2
{
	background: transparent url(logo-bonecos.gif) no-repeat top left;
	width: 152px;
	height: 90px;
	float: right;
}

#cabecalho h1 span, #cabecalho h2 span
{
	display: none;
}

p#etapa_1, p#etapa_2, p#etapa_3, p#etapa_4, p#etapa_5, p#etapa_6
{
	margin-top: 30px;
	padding-left: 55px;
	font-size: 1.3em;
	font-weight:300;
}

p a
{
	text-decoration: none;
	color: black;
}

p a:hover
{
	text-decoration: underline;
	background-color: #ffffcc;
	color: black;
}

p#etapa_1
{
	background: transparent url(etapa_1.gif) top left no-repeat;
}

p#etapa_2
{
	background: transparent url(etapa_2.gif) top left no-repeat;
}

p#etapa_3
{
	background: transparent url(etapa_3.gif) top left no-repeat;
}

p#etapa_4
{
	background: transparent url(etapa_4.gif) top left no-repeat;
}

p#etapa_5
{
	background: transparent url(etapa_5.gif) top left no-repeat;
}

p#etapa_6
{
	background: transparent url(etapa_6.gif) top left no-repeat;
}

form#form_1, ol#menu, p.resp
{
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: 45px;
}

span.resp
{
	color:#555;
	margin-left: 0;
	font-size: 14px;
}

form#form_1 fieldset
{
	border: none;
	margin: none;
}

form#form_1 fieldset select, ol#menu li a, p.resp
{
	font-size: 0.8em;
}

ol#menu
{
	list-style-position: inside;
	list-style-type: decimal;
}

ol#menu li a
{
	text-decoration: none;
	color: #666;
}

ol#menu li a:hover, ol#menu li a:active
{
	color: black;
	text-decoration: underline;
}

p#rodape
{
	border-top: solid #e8e8e8 1px;
	padding: 1em 0;
	margin-top: 60px;
	text-align: center;
	font-size: 0.7em;
	color: #666;
	clear: both;
}

h2.ajuda
{
	padding: 10px 0;
}

p.fecha
{
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 20px;
}

ol.passo
{
	list-style: none;
}

ol.passo li
{
	padding-left: 45px;
	margin: 1em 0;
	font-size: 0.8em;
	line-height: 160%;
}

ol.passo li.a
{
	background: transparent url(etapa_1.gif) top left no-repeat;
}

ol.passo li.b
{
	background: transparent url(etapa_2.gif) top left no-repeat;
}

ol.passo li.c
{
	background: transparent url(etapa_3.gif) top left no-repeat;
}

ol.passo li.d
{
	background: transparent url(etapa_4.gif) top left no-repeat;
}

ol.passo li.e
{
	background: transparent url(etapa_5.gif) top left no-repeat;
}

ol.passo li.f
{
	background: transparent url(etapa_6.gif) top left no-repeat;
}

ol.passo li.g
{
	background: transparent url(etapa_7.gif) top left no-repeat;
}

ol.passo li.h
{
	background: transparent url(etapa_8.gif) top left no-repeat;
}

ol.passo li.i
{
	background: transparent url(etapa_9.gif) top left no-repeat;
}

ol.passo li.j
{
	background: transparent url(etapa_10.gif) top left no-repeat;
}

ol.passo li.k
{
	background: transparent url(etapa_11.gif) top left no-repeat;
}

ol.passo li.l
{
	background: transparent url(etapa_12.gif) top left no-repeat;
}

ol.passo li.m
{
	background: transparent url(etapa_13.gif) top left no-repeat;
}


.button, .button:visited {font-family:'Roboto', 'Segoe UI',"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;border:0;background:#315F95 url(/_img/alert-overlay.png) repeat-x; display:inline-block;padding:8px 14px 9px;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;font-size:18px;font-weight:bold;line-height:1;}
.small.button, .small.button:visited {font-size:11px; padding:3px 8px 4px;font-weight:normal; }
.mini.button, .mini.button:visited {font-size:10px; padding:3px 6px 2px 3px; }
.medium.button, .medium.button:visited {font-size:13px; font-weight:bold; line-height:1; text-shadow:0 -1px 1px rgba(0,0,0,0.25); }
.button:hover {background-color:#4D81B6; color:#fff; text-decoration:none;}
.button:active {top:1px;}
.verde.button {background-color:#690}
.verde.button:hover {background-color:#8FB500}
.cinza.button {background-color:#666}
.cinza.button:hover {background-color:#999}