/********************
ESTILIZAÇÕES GERAIS
********************/
* {
	font-family: Arial Narrow;
	color: #3E5C5C;
	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

html { overflow: -moz-scrollbars-vertical; overflow-x:visible; }

body 
{
	background: url(../images/cabec_bg.jpg) no-repeat top;
}

#tudo
{
	margin:auto;
	text-align:center;
	width:1000px;
	text-align:left;
}

a:hover { text-decoration:underline; }

img, fieldset, input { border: none; }

hr, legend, .oculto { display: none; }

p { margin-bottom:15px; }

/*
input[type=hidden] { display: none !important; }

option { padding: 0 5px; }*/
/*************************
FIM: ESTILIZAÇÕES GERAIS
**************************/

/********************
CABEÇALHO
********************/
#cabecalho 
{
	background: url(../images/cabec_linha_bg.gif) no-repeat bottom;
	padding-bottom:2px;
}

#cabecalho h1 
{
	background: url(../images/cabec_tit.gif) no-repeat top;
	display:block;
	width:271px;
	height:67px;
	margin:27px 0px 0px 58px;
	text-indent:-9999px;
}

#cabecalho h1 a 
{
	display:block;
	width:271px;
	height:67px;
}

#cabecalho p 
{
	float:right;
	margin:-20px 90px 0px 0px;
}
/********************
FIM: CABEÇALHO
********************/

/********************
CENTRO
********************/
#centro 
{
	margin-top:373px;
	background: url(../images/centro_borda_bg.gif) no-repeat top;
	height:317px;
	padding:8px;
}

.boxMeio 
{
	width:290px;
	height:271px;
	background: url(../images/boxmeio_bg.png) no-repeat top;
	padding:10px;
	text-align:justify;
}

#box1, #box2
{
	margin-right:27px;
	float:left;
}

#box3 
{
	float:right;
}

#box1 h2, #box2 h2, #box3 h2
{
	position:relative;
	left:50%;
	padding-top:20px;
}

#box1 h2 
{
	background: url(../images/boxmeio_tit1.gif) no-repeat;
	display:block;
	width:125px;
	height:18px;
	margin-left:-62.5px;
	_margin-left:-69.5px;
	text-indent:-9999px;
}

#box2 h2 
{
	background: url(../images/boxmeio_tit2.gif) no-repeat;
	display:block;
	width:107px;
	height:18px;
	margin-left:-53.5px;
	_margin-left:-60.5px;
	text-indent:-9999px;
}

#box3 h2 
{
	background: url(../images/boxmeio_tit3.gif) no-repeat;
	display:block;
	width:92px;
	height:23px;
	margin-left:-46px;
	_margin-left:-53px;
	text-indent:-9999px;
}

#centro #box3 ul li 
{
	background: url(../images/boxmeio_checkbox.gif) no-repeat top left;
	padding:10px 0px 0px 40px;
	margin-bottom:10px;
}

#box2 a 
{
	display:block;
	text-align:center;
	font-weight:bold; margin-top:4px;
}

#box2 a:hover { cursor:pointer; }

#box2 #boxscreen 
{
	display:block;
	background: url(../images/boxmeio_box2_fig.jpg) no-repeat bottom;
	width:288px;
	height:219px;
}

#flash { margin-top:-5px; margin-left:-5px; _margin-left:-2px; }

	/* BOX CARACTERISTICAS (BOX 1) */
	#carac_tabs
	{
		width:275px;
		height:222px;
		background-color:#C9E0E4;
		padding:6px 6px 0px 6px;
		margin-top:2px;
	}
	
	
	/********************
	TABS
	********************/
		/* Caution! Ensure accessibility in print and other media types... */
		@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
			.tabs-hide {
				display: none;
			}
		}

		/* Hide useless elements in print layouts... */
		@media print {
			.tabs-nav {
				display: none;
			}
		}

		#carac_tabs li 
		{
			float:left;
		}
		
		#carac_tabs li a span 
		{
			display:block;
			padding-top:8px;
		}
		
		#carac_tabs #carac_tabs_ultli a { _width:71px; }

		.tabs-nav {
			overflow:hidden;
		}
		
		.tabs-nav a 
		{
			display:block;
			width:68.7px;
			height:32px;
			text-align:center;
		}
		
		.tabs-container {
			width:255px;
			height:153px;
			background:#FFF;
			_margin-top:-6px;
			background: url(../images/boxcarac_bg.jpg) no-repeat;
			padding:30px 15px 0px 5px;
		}
		
		.tabs-container p 
		{
			display:block;
			width:164px;
			height:146px;
			padding-left:92px;
		}
		
		#tab_1 p { background: url(../images/boxcarac_ag_fig.jpg) no-repeat left top; }
		#tab_2 p { background: url(../images/boxcarac_seg_fig.jpg) no-repeat left top; }
		#tab_3 p { background: url(../images/boxcarac_img_fig.jpg) no-repeat left top; }
		#tab_4 p { background: url(../images/boxcarac_tex_fig.jpg) no-repeat left top; }
		
		
		.tabs-nav .tabs-selected
		{
			background:#FFF;
		}
		
		.tabs-nav .tabs-selected a { cursor:default;  }
		
		.tabs-nav .tabs-selected a:hover { text-decoration:none;  }
	/********************
	FIM: TABS
	********************/
/********************
FIM: CENTRO
********************/

/********************
PARTE DE BAIXO COM O FORMULARIO
********************/
#parte_baixo_form
{
	height:268px;
	background: url(../images/form_bg.png) no-repeat;
	overflow:hidden;
}

#formulario
{
	width:490px;
	height:188px;
	margin:62px 0px 0px 26px;
	_margin-left:13px;
	display:block;
	float:left;
}

#formulario input, #formulario textarea
{
	border:solid 1px #9AB5BA;
	height:20px;
	padding:4px 5px 0px 5px;
	color:#3E646B;
	font-size:14px;
}

#formulario textarea { height:75px; width:475px; }

#formulario .ul_l1 { float:left; display:block; width:232.5px; }
	#formulario #id_ul_l1 { margin-right:22.5px; _margin-right:20px; }
#formulario .ul_l2 { float:left; display:block; width:490px; }

#formulario .l1 { width:110px; float:left; }
	#formulario .l1 input { width:97.5px; _width:98px; }
	
#formulario .l2 { width:235px; }
	#formulario .l2 input { width:220px; }
	
#formulario .l3 { width:122px; }
	#formulario .l3 input { width:232.5px; }
	
#formulario .l4 { width:490px; }
	#formulario #BTENVIAR { float:right; margin:8px 3px 0px 0px; }
	
#formulario	#id_litelefone { margin-right:12px; _margin-right:6px; }

#id_linome, #id_liemail, #id_ul_l2 { margin-bottom:15px; }

#formulario .l4 input.blueButton
{
	padding:0px;
	height:inherit;
	border:solid 1px #B4CDD2;
	background-color:#709BA3;
	color:#FFF;
	padding:2px 15px;
	_padding:0px 15px 0px 15px;
}

#descform 
{
	width:380px;
	float:right;
	margin:62px 20px 0px 0px;
	_margin-right:10px;
}

.camposObrigatorios { color:Red; }
.camposValidos { display:none; }

.agradForm { color:#859912;font-weight:bold; }

/********************
FIM: PARTE DE BAIXO COM O FORMULARIO
********************/

/********************
RODAPE
********************/
#rodape { height: 35px; }

#rodape a { display:block; width:39px; height:16px; 
			background: url(../images/interag.png) no-repeat;
			text-indent:-9999px;
			float:right;
			margin:10px 10px 0px 0px;
			_margin-right:5px;
}
/********************
FIM: RODAPE
********************/