@charset "utf-8";
/* CSS Document */


/*--------G E R A L---------*/
.color-red {
	color:#C00;}


/*-----------MENU CONTATO-----------*/
.area_esquerda ul {
	width:172px;
	list-style:none;
	margin:0;
	padding:0;
	background:url(../imgs/back_conteudo2.jpg) #C8C8C8 repeat-x;
	}

.area_esquerda li {
	width:160px;
	}

.area_esquerda li a {
	width:158px;
	padding:6px;
	padding-left:8px;
	display:block;
	text-decoration:none;
	color:#333;
	font:11px Verdana, Geneva, sans-serif;
	border:1px solid #ccc;
	border-top:0;
	margin:0;
	}

.area_esquerda li a:hover {
	background:#8899A9;
	color:#fff;
	}

/*-------------------------*/
a:hover{
	cursor:pointer;
}

p{
	width:97%;
	display:table;
	height:auto;
	position:relative;
}
.img-solicite{
	position: absolute;
	margin: 0 0 0 479px;
	border: 0 !important;
}

/*  inicio conteudo areas esquerda e direita */
.area_esquerda  {
	width:230px;
	float:left;
	margin-left:100px;
	}


.area_direitaGrd {
	width:710px;
	height:auto;
	font:10px Verdana;
	padding:0 0 20px 0;
	margin:0px auto 20px auto;
		}

.area_direita h1, .area_direitaGrd h1 { 
	clear: both; 
	margin: 5px 0 0 0; 
	font:normal 23px arial, helvetica, sans-serif; 
	color: #333;
	padding-bottom:0;
	}

.area_direita h4, .area_direitaGrd h4 { 
	margin: 5px;
	font:bold 12px arial, helvetica, sans-serif; 
	color: #333;
	padding-bottom:0;
	}

.area_direita hr, .area_direitaGrd hr {
	width:96 %;
	border-top: 1px solid #CDCBCC;
	border-bottom: 1px solid #E9E6E1;
	margin:0 0 5px 0;
	padding:0;
	}

.area_direita{
	width:509px;
	height:auto;
	float:left;
	font:10px Verdana;
	text-align:justify;
	padding-bottom:20px;
	vertical-align:top;
	
}

/*  inicio area formulario */
.area_formulario{
	display:table;
	/*height:auto;*/
	padding:4px 5px 4px 5px;
	width:98%;
	border-bottom:1px solid #ffffff;
	float:left;
}
.area_formulario .label{
	float:left;
	width:150px !important;
	padding:3px 0px 0px 10px; 
	text-align:left;
}
.area_formulario input, select, textarea{
	font:10px Verdana;
	border:1px solid #003859;
	float:left;
	margin:0px 2px 0px 2px;
}
.area_formulario input:hover, select:hover, textarea:hover{
	background-color:#feffd9;
}
.area_formulario img{
	float:left;
}
.checkbox{
	border:none !important;
}
button{
		width:100px;
		height:20px;
		border:1px solid #295263;
		background-color:#295263;
		color:#FFFFFF;
		font:10px Arial;
		margin:2px 2px 0px 2px;
		background-image:url('file:///C|/agence/prototipos/imagens/bg_botao.gif');
		background-position:right;
		background-repeat:no-repeat;

}
button:hover{
		background-image:url('file:///C|/agence/prototipos/imagens/bg_botao_over.gif');

}

.botoao_mais{
	float:left;
	width:15px;
	height:15px;
	background-image:url('file:///C|/agence/prototipos/imagens/icones/mais.gif');
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}
.botoao_mais:hover{
	float:left;
	width:15px;
	height:15px;
	background-image:url('file:///C|/agence/prototipos/imagens/icones/mais.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}

.botoao_menos{
	float:left;
	width:15px;
	height:15px;
	background-image:url('file:///C|/agence/prototipos/imagens/icones/menos.gif');
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}
.botoao_menos:hover{
	float:left;
	width:15px;
	height:15px;
	background-image:url('file:///C|/agence/prototipos/imagens/icones/menos.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}

/*  fim area formulario */

/* inicio codigo JONAS */
.botao{
		width:100px;
		height:20px;
		border:1px solid #295263;
		background:#069;
		color:#fff;
		font:11px Arial;
		margin:2px 2px 0px 2px;
}


.botoao_mais{
	float:left;
	width:15px;
	height:15px;
	background-image:url('../imgs/mais.gif');
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}
.botoao_mais:hover{
	float:left;
	width:15px;
	height:15px;
	background-image:url('../imgs/mais.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}

.botoao_menos{
	float:left;
	width:15px;
	height:15px;
	background-image:url('../imgs/menos.gif');
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}
.botoao_menos:hover{
	float:left;
	width:15px;
	height:15px;
	background-image:url('../imgs/menos.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	top:1px;
}

/*-------------- BOTÕES --------------*/



.menuselecionado
{
	font-weight: bold !important;
	border-bottom:3px solid #ff9a35 !important;}
	
.area_formulario2{
	
	display:table;
	height:auto;
	padding:4px 5px 4px 5px;
	width:98%;
	border-bottom:1px solid #efefef;
}
.area_formulario2 .label{
	float:left;
	width:150px !important;
	padding:3px 0px 0px 10px; 
	text-align:left;
}
.area_formulario2 input, select, textarea{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    font: 11px Arial;
    float:left;
	    margin:0px 2px 0px 2px;
    height: 16px;
}
.erro
{
	font-size: 12px;
	font-family: Arial;
}
.errocampo
{
	background: #fcc url('../imgs/warning.gif') no-repeat 15px center;
	border: 1px solid #c68484;
	color: Red;
	text-align: left;
	font: 10px Verdana;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px 0 5px 0;
	padding: 5px 0px 5px 50px;
	width: 88%;		
}
.invisivel{
	display:none;
}
.sucesso {
	background: #e2f9e3 url('../imgs/botao_aceito.gif') no-repeat 5px center;
	border: 1px solid #9c9;
	color: #060;
	text-align: left;
	font: 10px Verdana;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px 0 5px 0;
	padding: 5px 0px 5px 50px;
	width: 88%;
}

.pager
{
	font: bold 11px Arial;
	color: #ffffff;
	background-color: #295263;
	vertical-align: middle;
	text-align: center;
}
.pager a
{
	font: bold 11px Arial;
	color: #ffffff;
	background-color: #295263;
	vertical-align: middle;
	text-align: center;
}
/* fim codigo JONAS */

textarea{
	border:1px solid #003859;
}




/* inicio tabela */
.tabela{
	float:left;
	width:99%;
	margin:10px 0px 0px 0px;
}
.tabela td{
	width:5%;
	padding:3px 3px 3px 3px;
}
.tabela .titulo{
	font:12px Arial;
	font-weight:bold;
	color:#ffffff;
	background-color:#295263;	
}
.linha_par{
	
}
.linha_impar{
	background-color:#e8e8e8;
}
/* fim tabela */

#upProgressoDiv{
	left:40%;
	position:fixed;
	top:45%;
	z-index:100200;
}

#upProgressoDiv3{
	filter:alpha(opacity=70);
	background-color:#CCCCCC;
	display:inline !important;
	height:100%;
	opacity:0.7;
	position:fixed !important;
	text-align:center;
	width:100%;
	z-index:100100;
	top:0px;
	left:0px;	
}