/** CSS { Compara Tudo } Versão 1.0 **/
@import "template.css";

/********************************* 
CONTEUDO DA PÁGINA
*********************************/

/** Inicio do Conteudo **/

#comparacao {
	margin: 20px 0 80px 20px;
}


#comparacao h2 {
	background: url(../images/seta_laranja.gif) no-repeat;
	color: #666;
	text-indent: 45px;
	padding: 5px 0 5px 0;
}

#comparacao h3 {
	background: url(../images/comparacao/seta_sub.gif) no-repeat;
	color: #5196CD;
	text-indent: 45px;
	padding: 5px 0 7px 0;
	font-size: 18px;
	font-weight: normal;
}

#comparacao h5 {
	color: #999;
	text-indent: 45px;
	font: bold 15px "Trebuchet MS",Verdana,Helvetica;
	line-height: 0px;
}

#comparacao span {
	font-weight: normal;
}

#etapas {
	background: url(../images/comparacao/bg_cinza.gif) no-repeat;
	margin: 25px 0 0 -10px;
	height: 50px;
	width: 740px;
	padding: 15px 0 0 0;
}

#etapas ul,#etapas li {
	display: inline;
}

#etapas ul {
	padding: 0 0 0 10px;
}

#etapas a {
	padding: 5px 24px 8px 40px;
	font-weight: bolder;
	font-size: 15px;
	text-decoration: none;
	letter-spacing: normal;
}

/** 
 * Links de etapas ativas e inativas. Desenhado para MVC no javascript (facilitação de manipulação) 
 */
a.etapas_focus:link,a.etapas_focus:visited{
	color: #99cc00;
	cursor: default;
}


a.etapas_blur:link,a.etapas_blur:visited {
	color: #b4b4b4;

}

a.etapas_blur:hover {
	color: #99cc00;
}


/** 
 * imagens de cada etapa 
 */

/** Etapa um **/

a.etapa_um_focus {
	background: url(../images/comparacao/01_b.gif) no-repeat;
}

a.etapa_um_blur:link,a.etapa_um_blur:visited {
	background: url(../images/comparacao/01_a.gif) no-repeat;
}

a.etapa_um_blur:hover {
	background: url(../images/comparacao/01_b.gif) no-repeat;
}

/** Etapa dois **/

a.etapa_dois_focus {
	background: url(../images/comparacao/02_b.gif) no-repeat;
}

a.etapa_dois_blur:link,a.etapa_dois_blur:visited {
	background: url(../images/comparacao/02_a.gif) no-repeat;
}

a.etapa_dois_blur:hover {
	background: url(../images/comparacao/02_b.gif) no-repeat;
}

a.etapa_dois_blur_no_acces {
	background: url(../images/comparacao/02_a.gif) no-repeat;
}

a.etapa_dois_blur_no_acces:hover {
	color: #b4b4b4;
	cursor: default;
}
/** Etapa três **/

a.etapa_tres_focus {
	background: url(../images/comparacao/03_b.gif) no-repeat;
}

a.etapa_tres_blur:link,a.etapa_tres_blur:visited {
	background: url(../images/comparacao/03_a.gif) no-repeat;
}

a.etapa_tres_blur:hover {
	background: url(../images/comparacao/03_b.gif) no-repeat;
}

a.etapa_tres_blur_no_acces {
	background: url(../images/comparacao/03_a.gif) no-repeat;
	color: #b4b4b4;
}

/**
 * Formulários da página
 */
#comparacao form {
	margin-left: 30px;
	font-size: 16px;
	margin-top: 15px;
}

.lbl_radio {
	color: #5196CD;
	font-size: 18px;
	cursor: pointer;
}

.desc_radio {
	padding-left: 27px;
	color: #999;
	font-weight: bold;
	font-size: 15px;
	display: block;
	
}

.examples {
	padding-left: 27px;
	color: #ff9900;
	font-weight: bold;
	font-size: 14px;
}

a.see_more:link,a.see_more:visited {
	font-size: 12px;
	text-decoration: none;
	color: #5594CB;
}

a.see_more:hover {
	color: #f90;
}

/********************************* 
FIM CONTEUDO DA PÁGINA
*********************************/