*{outline:none;}

/* GERAL */
html, body {
	margin:0;
	padding:0;
	outline: none;
	border:0;
}

body, body.popup {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#F0F0F0 url(../img/bg_body.gif) repeat-x;
	color:#333333;
	text-align:justify;
}
	body.popup {background:#fff;}

a		{text-decoration:none; 	color:#333333;}
a:hover	{text-decoration:underline; color:#333333;}
img 	{border:none;}

/* FLOATER AVISO */
#floater_aviso {
	position: absolute;
	left: 50%;
	margin-left:-166px;
	top: 30px;
	width: 333px;
	height: 410px;
	z-index:2;
	}
	
/* FLOATER */
#floater{
	position:relative;
	left:0px;
	margin:0 auto;
	width:432px;
	height:268px;
	z-index:100000;	
	overflow:hidden;	
}
.opaca {
	background-color:#000;
	filter: alpha(opacity=30);
	opacity:0.30;
	-moz-opacity: 0.30;
	-khtml-opacity: 0.3;
	position:fixed;	
	margin:0 auto;
	width:100%;
	height:100%;
	left:0px;	
	top:0px;
	overflow:hidden;

}

.hr {
	width:90%;
	height:3px;
	background: url(../img/bg_hr.gif) repeat-x;
	margin:10px 0;
	_margin:10px 0 -2px;
}
.hr2 {
	width:3px;
	height:90%;
	background: url(../img/bg_hr2.gif) repeat-y;
}
.hr3 {
	width:100%;
	clear:both;
	height:3px;
	background: url(../img/bg_hr.gif) repeat-x;
	margin:10px 0;
	_margin:10px 0 -2px;
}

/* NEWS */
#data {
	width:37px;
	height:41px;
	background:url(../img/bg_datanews.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
p.dia {
	font-size:18px;
	margin:0 0 -18px 0;
	_margin:0 0 -24px 0;
	padding-top: 5px;
	text-align:center;
}
p.mes {
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
}
p.tit {
	font-size:14px;
	font-weight:bold;
}
.box_destaque01, .box_destaque02 {
	width:360px;
	height:110px;
	background:url(../img/box_destaque01.gif) no-repeat;
}
	.box_destaque02 {background:url(../img/box_destaque02.gif) no-repeat;}

/* EMPRESA */
.box_conheca1 {
	width:392px;
	height:150px;
	padding-top:25px;
	background: url(../img/box_conheca1.gif) no-repeat;
}
.box_conheca2 {
	width:341px;
	height:630px;
	background: url(../img/box_conheca2.gif) no-repeat;
}

/* PRODUTOS */
h1	{font-size:14px; font-weight:bold; margin-left:10px;}

.box_produtos1 {
	width:235px;
	height:103px;
	background: url(../img/box_produtos1.gif) no-repeat;
}
.cadastro {
	width:470px;
	padding:0 0 0 15px;
	background: url(../img/bg_registro_center.gif) repeat-y;
}
.detalhes {
	width:470px;
	height:223px;
	background:url(../img/bg_center_img_grd.gif) ;
}
.tit_produtos{
	width:470px;
	height:33px;
	background: url(../img/bg_produtos_linha_tit.gif) no-repeat;
}
.thumb	{	
	padding-top:3px;
	text-align:center;
	width:102px;
	height:100px;
	background: url(../img/bg_produtos_thumb_busca.gif) no-repeat;
}

.thumb_detalhes	{
	padding:1px;
	text-align:center;
	width:101px;
	height:90px;
	background:url(../bg_tb.gif) no-repeat;

}
.thumb_desc	{background:#d7d7d7; font-size: 10px; padding: 5px 0;}
.thumb_desc	thead td {padding: 5px;}
.thumb_desc	tbody td {font-size: 9px; padding: 2px 5px; text-align: left;}
.thumb_desc	tbody .margin {border-bottom: 2px #FFFFFF solid}
.descricao	{list-style:none; width:101px; float:left; margin:0; padding:0 11px; text-align:center; padding-bottom:13px;}

.linha	{width:150px; display:inline-table; text-align:center;}

.itens	{	
	width:29px;
	height:21px;
	padding-left:9px;
	background: url(../img/bg_itens.gif) no-repeat;
}

.base_finalizar	{	
	width:470px;
	height:1px;
	background: url(../img/bg_base_finalizar.gif) no-repeat;
}

#finalizar {background:url(../img/bg_meio_finalizar.gif) repeat-y;}

.footer {
	height:44px;
	font-size:9px;
	color:#333333;
	background:url(../img/bg_footer.gif) repeat-x;
}

.box_descricao td 		{padding: 5px;}
.box_descricao tbody 	{background: #F6F6F6; }
.box_descricao tbody td {
	background: #DADBDF; 
	border: 3px #F6F6F6 solid; 
	border-left: none; 
	border-right: none;
} 
.box_descricao tbody .margin,
.box_descricao tbody .marginCod {border-right: 3px #F6F6F6 solid;} 
.box_descricao tbody .marginCod {font-size: 9px; padding: 1px}
.box_descricao thead 	{background: #F6F6F6;}
.box_descricao thead td {border-bottom: 2px #999999 solid;}

/* CONTATO - INPUTS */
select	{width:195px; font-size:11px; color:#666; border:solid #ccc 1px; margin-top:10px; _margin:0;}

input.ddd, input.peq, input.med, input.gra, input.bairro, input.busca, input.fale {
	height:16px;
	padding:3px 10px;
	font-size:11px;
	color:#333;
	border:0;
	background:transparent;
}
input.ddd 	{width:17px;}
div.ddd 	{width:40px; background:url(../img/bg_input_ddd.gif) no-repeat; float:left;}

input.peq 	{width:132px;}
div.peq 	{width:155px; background:url(../img/bg_input_peq.gif) no-repeat; float:left;}

input.med {width:172px;}
div.med {width:200px;	background:url(../img/bg_input_med.gif) no-repeat; float:left;}

input.gra {width:292px;}
div.gra {width:315px;background:url(../img/bg_input_gra.gif) no-repeat; float:left;}

input.bairro {width:84px;}
div.bairro {width:84px; background:url(../img/bg_input_bairro.gif) no-repeat;}

input.busca {width:102px; height:32px; padding:5px 15px; font-family:Tahoma; font-size:18px; font-weight:bold; color: #999999;}
div.busca	{width:132px; height:32px; background:url(../img/bg_input_busca.gif) no-repeat;}

.input.fale {width:248px;}
div.fale	{width:248px; background:url(../img/bg_input_fale.gif) no-repeat; float:left;}


.end {background:url(../img/bg_enderecos.gif) no-repeat;}

textarea {
	width:235px;
	height:140px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	border:none;
	padding:5px 0 5px 5px ;
	margin:0 0 5px 5px;
	scrollbar-arrow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-face-color:#ccc;
	scrollbar-shadow-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
}
div.textarea	{background:url(../img/bg_textarea.gif) no-repeat;}

.button {
	width:127px;
	height:25px;
	padding-bottom:7px;
	background:url(../img/bt_enviar.gif) no-repeat;
}

.fale_msgerr{
	width:280px;
	height:33px;
	background: url(../img/bg_fale_msgerr.gif) no-repeat;
}

.div_data_blog			{
	width:40px; 
	height:44px; 
	background:url(http://www.odery.com.br/2008/img/bg_data_blog.gif) no-repeat; 
	text-align:center; 
	font-weight:bold; 
	font-size:14px; 
	padding:5px 0 0 0; 
	margin:0 15px 0 0;
	float:left;
	}


#msgErro{color:#FF0000;display:none; font-weight:bold;}
#msgAviso{color:#FF0000; font-weight:bold;}

/* Cadastro - Rede de Representantes */

div.form-representantes div.linha-form {
	width:780px;
	height:auto;
	float:left;
	display:block;
	padding-bottom:10px;
	}
	
div.form-representantes div.adiciona-mecanico {
	width:780px;
	padding-bottom:10px;
	_clear:both;
	float:left;
	margin-bottom:20px;
	border-bottom:1px dashed #CCC;
	position:relative;
	}

div.form-representantes div#adiciona-equipamento div.adiciona {
	padding-top:10px;
	padding-bottom:0px;
	_clear:both;
	}
	
div.form-representantes div#adiciona-mecanico div#adiciona-curso {
	float:left;
	}

div.form-representantes label {
	font-size:11px;
	color:#333;
	border:0;
	background:transparent;
	float:left;
}

div.form-representantes textarea , div.form-representantes select {
	float:left;
	width:auto;
	margin:3px 0 0;
}

div.form-representantes label {
	width:110px;
	line-height:21px;
	text-align:right;
	margin-right:4px;
	}
	
div.form-representantes label.auto {
	width:auto;
	margin:0 4px 0 8px;
	}
	
div.form-representantes label.menor {
	width:60px;
	}
	
div.form-representantes label.medio {
	width:150px;
	}
	
div.form-representantes label.maior {
	width:360px;
	}
	
div.form-representantes label.left {
	text-align:left;
	margin:0 4px 0 0;
	}	

div.form-representantes input {
	float:left;
	outline:none;
	font-size:11px;
	padding:4px 0;
	color:#333;
	border:0;
	border:none;
	background: url(../img/bg_input_repeat.gif) repeat-x;
	margin:0;
}

div.form-representantes textarea {
	width:640px;
	height:70px;
	padding:5px;
	margin:0;
	border:1px solid #dadada;
}

div.form-representantes input.radio {
	margin-top:5px;
	*margin-top:0px;
	background:none;
	border:none;
}

div.form-representantes div.margin-input span.right-campo-box {
	margin-right:10px;
}

div.form-representantes div.margin-linha {
	margin-top:10px;
}

div.form-representantes div.borda-linha {
	margin-top:10px;
	padding-top:20px;
	border-top:1px solid #DEDEDE;
}

div.form-representantes span.left-campo-box {
	width:9px;
	height:21px;
	background: url(../img/bg_input_left.gif) no-repeat right 0;
	float:left;
}

div.form-representantes span.left-campo-box-asterisco {
	width:9px;
	height:16px;
	background: url(../img/bg_input_left.gif) no-repeat right 0;
	float:left;
	padding:5px 8px 0 0;
}

div.form-representantes span.obrigatorio {
	padding:2px 0 0 3px;
	display:inline;
}

div.form-representantes span.right-campo-box {
	width:9px;
	height:21px;
	background: url(../img/bg_input_right.gif) no-repeat;
	float:left;
	line-height:21px;
}

div.form-representantes span.bt-adicionar {
	width:15px;
	height:21px;
	background: url(../img/bt-adicionar-red.gif) no-repeat right 3px;
	float:left;
	line-height:21px;
	cursor:pointer;
}

div.form-representantes span.bt-remover {
	width:15px;
	height:21px;
	background: url(../img/bt-remover-red.gif) no-repeat right 3px;
	float:left;
	line-height:21px;
	cursor:pointer;
}

div.form-representantes span.bt-remover-mecanico {
	position:absolute;
	right:13px;
	top:0px;
}

div.form-representantes input.bt-submit {
	background:none;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:10px 20px;
	margin:20px 0 0 116px;
	float:left;
	cursor:pointer;
	font-weight:bold;
}

div.imgs {
	float:right;
	width:230px;
	height:auto;
	padding:48px 15px 0 25px;
}

img.posto-servico {
	display:block;
	border:1px solid #AAA;
	margin:0 0 20px;
}
/*
input.error,  
textarea.error,
select.error		{ border:1px solid red!important; } *//*VALIDAÇÃO*/

*.error		{border:1px solid red!important; padding:3px!important;}
