/*Nativ */
/*Definições gerais*/
*{
margin:0;
padding:0;
border:none;
}

html,body {	height: 96%; }
html, body, h2, h3, h4, div, p, ul, li, input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}


body { 
font-size: small/100%; /* Certeza que usuários do IE podem aumentar o tamanho da fonte.*/
background: #222222 url(../imagens/bg_geral.gif) repeat-x;
}

/*Divs de estruturação*/

#pagina {
position:relative;
margin: auto;
width: 975px;
background: #E8E8E8;
}	

#topo {
position:relative;
top: 0px;
width: 975px;
height: 157px;
background: url(../imagens/bg_topo.jpg) repeat-x top right;	
}

#topo .home, #topo .contato {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
position: relative;
margin-left: 0px;
margin-top: 2px;
display: block;
text-decoration: none;
float: right;
}

#topo .home a, #topo .contato a { padding: 0 5px 0 5px; color:#fff; text-decoration:none;}

#topo .home a:hover, #topo .contato a:hover { color: #5E0000;}

#logo {
float: left;
position:relative;
left: 25px;
margin: 16px 0 0 0;
width: 220px;
height: 132px;
}	

#logo h1{  
width: 220px;
height: 132px;
left: 12px;
top: 0px; 
float: left;
visibility: visible;
background: url(../imagens/logomarca.gif) no-repeat;
}

#logo  h1 a {
float: left;
display: block;
top: 0px;
left: 0px;
width: 220px;
height: 132px;
cursor: pointer;
}

#logo h1 a span {display: none;}

#floater {
width:350px;
height:220px;
position:absolute;
left:518px;
top:449px;
visibility: visible;
z-index: 5;
background-color:transparent;
}

/**************** Estilos do menu ****************/
#menu {
position: absolute;
top: 78px;
left: 668px;
/*_left: 234px;*/
width: 307px;
height: 70px;
background: url(../imagens/menu.gif);
}	
#menu ul{
	list-style:none;
}
 
#menu li{
   position:absolute;
   top: 0;
   height:70px;
}
 
#menu li a{
   position:absolute;
   display:block;
   width:100%;
   height:100%;
   top: 0;
   margin: auto;
   cursor: pointer;
   text-decoration: none;
   font-size: 8px;
}

#menu li a span{
   position: absolute;
   display:block;
   width: 100%;
   height:100%;
   top: 0;
}

#empresa{
   width: 101px;
   left: 0px;
}
#produtos{
   width:104px;
   left:101px;
}
#contato{
	width:102px;
	left:206px;

}

#empresa a span{
	background:url(../imagens/menu.gif) no-repeat 0 0;
}
#produtos a span{
	background:url(../imagens/menu.gif) no-repeat -101px 0;
}
#contato a span{
	background:url(../imagens/menu.gif) no-repeat -206px 0;
}

#menu ul li a:hover{
	z-index:10;
}
#empresa a:hover span{
	background:url(../imagens/menu.gif) no-repeat 0 -70px;
	
}
#produtos a:hover span{
	background:url(../imagens/menu.gif) no-repeat -101px -70px;
}
#contato a:hover span{
	background:url(../imagens/menu.gif) no-repeat -206px -70px;
}

#centro {
/*position: relative;*/
float: left;
margin: auto;
width: 975px;
font-size:0.9em;
background: #E8E8E8;
clear: both;
}

#centro img {margin: 3px 0 0 10px;}

#destaque {
 margin: auto; position:relative;
width:940px;
top:5px; }


/**************** Estilos da coluna esquerda home ****************/

#colunaEsquerdaHome{
width: 28%;
float: left;
background: #E8E8E8 url(../imagens/bg_col_esq.gif) no-repeat top right;
border-top: 13px solid #E8E8E8;
}

#colunaEsquerdaHome .tit {
	position:relative;
	_margin-left: 20px;
}

#colunaEsquerdaHome .tit img {
	position:relative;	
	margin: 0 0 0 25px;
	_margin: 0 0 0 0;
	padding: 3px;
	_padding: 0;	
}

#colunaEsquerdaHome .tit hr {
position: relative;
width: 200px;
text-align: left;
margin: 0px 0px 0px 23px;
color: #B5B5B5;
border-bottom: 1px solid #fff;
}

#colunaEsquerdaHome .banner{float: left; margin: 10px 0 5px 20px;}
#colunaEsquerdaHome .banner a {border: none; text-decoration: none;}
#colunaEsquerdaHome .banner a hover {border: none; text-decoration: none;}

#colunaEsquerdaHome .banner2{float: left; margin: 0px 0 5px 20px;}
#colunaEsquerdaHome .banner2 a {border: none; text-decoration: none;}
#colunaEsquerdaHome .banner2 a hover {border: none; text-decoration: none;}	

#colunaEsquerdaHome p{
position:relative;
top:10px;
color: #4A4A4A;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 25px;
padding: 0 10px 0 10px;
background: url(../imagens/barra.gif) no-repeat 0 3px;
}

#colunaEsquerdaHome #news { 
width: auto;
float: left;
}
#colunaEsquerdaHome #news form {
float: left;
clear: both;
margin: 20px 0 0 20px;
padding: 0;
width: 200px;
border: none;
}

#colunaEsquerdaHome #news label {
float:left;
width: 150px;
display: inline;
color: #4A4A4A;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
line-height: 11px;
padding: 5px 0 0 5px;
}
#colunaEsquerdaHome input, textarea, select{
background: #ffffff/*#A2ABB0*/;
border: 1px solid #8C99A1;
width: 200px;
height: 15px;
font-size: 10px;
color: #333;
padding: 0px;
margin: 2px 0px 0px 0px;
}
#colunaEsquerdaHome #news .submit {
position: relative;
width: 46px;
height: 22px;
/*float: left;
clear: both;*/
margin: 10px 0px 0 160px;
border:none;
padding: 0;
clear: both;
}

#colunaEsquerdaHome a {text-decoration:none; color: #4A4A4A;}
#colunaEsquerdaHome a img {text-decoration:none; color: #4A4A4A; border: none;}
#colunaEsquerdaHome a:hover{text-decoration:none;}

/*#colunaEsquerdaHome .blog{float: left; margin: 10px 0 5px 20px;}*/

/**************** Estilos da coluna ESQUERDA ****************/

#colunaEsquerda {
float:left;
width:770px;
padding: 0 0 20px 0;
background: #E8E8E8;
border-top: solid 6px #D0D0CE;
}

#colunaEsquerda #breadcrumbs {
float:left;
width: 550px;
height: 5px;
padding: 13px 0 0 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #565D60;
}

#colunaEsquerda #breadcrumbs span {display:block; width: 550px;}

#colunaEsquerda #breadcrumbs span strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#colunaEsquerda #breadcrumbs span a { 
text-decoration: none; 
font-size:10px;
margin: 0;
padding: 0;
color: #758084;
}

#colunaEsquerda #breadcrumbs span a:hover{
font-size: 10px;
color: #565D60;
font-weight: bold;
}



#colunaEsquerda h2 { 
position: relative;
text-indent: -9999px;
margin: 43px 0 8px 30px;
width:723px; 
height: 45px;
}


#colunaEsquerda h2#titulo {background-image:url(../imagens/tit_apresentacao.gif);}
#colunaEsquerda h2#titulo_ajaque { background-image:url(../imagens/tit_jaque.gif);}
#colunaEsquerda h2#titulo_noticia {background-image:url(../imagens/tit_noticias.gif);}
#colunaEsquerda h2#titulo_produtos {background-image:url(../imagens/tit_produtos.gif);}
#colunaEsquerda h2#titulo_acessorios{background-image:url(../imagens/tit_acessorios.gif);}
#colunaEsquerda h2#titulo_atuacao {background-image:url(../imagens/tit_atuacao.gif);}
#colunaEsquerda h2#titulo_mapa {background-image:url(../imagens/tit_mapa.gif);}
#colunaEsquerda h2#titulo_barra {background-image:url(../imagens/tit_barra.gif);}
#colunaEsquerda h2#titulo_barraPush {background-image:url(../imagens/tit_barraPush.gif);}
#colunaEsquerda h2#titulo_barraTouch {background-image:url(../imagens/tit_barraTouch.gif);}
#colunaEsquerda h2#titulo_controle {background-image:url(../imagens/tit_controle.gif);}
#colunaEsquerda h2#titulo_molas {background-image:url(../imagens/tit_molas.gif);}
#colunaEsquerda h2#titulo_especificador {background-image:url(../imagens/tit_especificador.gif);}
#colunaEsquerda h2#titulo_orcamento {background:url(../imagens/tit_orcamento.gif);}
#colunaEsquerda h2#titulo_painel {background-image:url(../imagens/tit_painel_detalhes.gif);}
#colunaEsquerda h2#titulo_contato { background-image:url(../imagens/tit_contatos.gif);}
#colunaEsquerda h2#titulo_faq { background-image:url(../imagens/tit_faq.gif);}

#quadro {
	width: 720px;
	margin: auto;
	margin-left: 30px;
	margin-bottom: 15px;
	background-color: #C5C5C5;
	border: 1px solid #BCBCBC;
	padding: 10px 5px 10px 5px;
	float: left;
	background-image: url(../imagens/bg_box.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#colunaEsquerda ul {
font-size: 11px;
margin: 0px 20px 10px 50px;
color: #383838;
line-height: 18px;
list-style-image: url(../imagens/lista2.gif);
_list-style-image: url(../imagens/lista2.gif);
}

#colunaEsquerda ul.cinza{
font-size: 11px;
margin: 0px 0px 10px 50px;
color: #383838;
line-height: 18px;
list-style-image: url(../imagens/lista.gif);
_list-style-image: url(../imagens/lista1.gif);
}

#colunaEsquerda ul.esquerda {
width: 180px;
float: left;
margin: 10px 10px 10px 20px;
}

#colunaEsquerda ul.direita{
width: 220px;
float: right;
margin: 10px 10px 10px 20px;
}


#colunaEsquerda #borda, #barra { display:inline;}
#colunaEsquerda #borda img {border: 1px  double #999;}
#colunaEsquerda #borda img:hover { border:1px double #ccc;}

#colunaEsquerda #unidade{float:left; width: 280px; margin:0px 40px 10px 20px; _margin-left:10px;}
#colunaEsquerda #unidade h3, #unidade h3{font-size:13px; width:100%;}

#colunaEsquerda img.mapa{position: relative; margin: 5px 0px 10px 100px;}

#colunaEsquerda #tbl_especificador{
    width:700px;
	border: 1px solid #D1DBDF;
	margin: 0 0 15px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

#colunaEsquerda #tbl_especificador .linha td, th{
background:#ccc; color: #4A4A4A;}

#colunaEsquerda #quadro_espec{margin: 0 0 10px 10px; float:left; width: 560px;}
#colunaEsquerda #quadro_espec img{border:2px solid #768084; padding: 2px;}
#colunaEsquerda #quadro_espec h2{
color:#404648;
font:14px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 10px;
font-weight:bold;
}
#colunaEsquerda #quadro_espec .boxTxt{
color:#CB2B1B;
font:11px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

#colunaEsquerda #quadro_espec .boxTxt .legend {margin-left: 20px;}
#colunaEsquerda #quadro_espec .boxTxt img {margin-top: 3px;}

#lista{margin:0 0 0 26px;}

#lista li{
color:#4A4A4A;
font-weight:600;
display:inline;
list-style:none;
font-size:10px;
font-family:inherit;
}

#colunaEsquerda p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
margin: 10px 20px 20px 30px;
width: 700px;
color: #4A4A4A;
line-height:15px;
}

#colunaEsquerda p.destaque{
font-size: 12px;
line-height: 18px;
color: #565E61;
}

#colunaEsquerda p img.imgLeft{
float:left !important;
padding: 4px;
border: 1px solid #ccc;
margin: 5px 10px 10px 0px;
background-color:#fff;
}

/*#colunaEsquerda ul {
position: relative;
left: 20px;
top: 0px;
margin: 0px 0px 5px 20px;
line-height: 20px;
}*/


#colunaEsquerda p .borda_esq {
float:left;
margin: 0 10px 0 0;
padding: 5px;
background: #fff;
border: 1px solid #ccc;
}
#colunaEsquerda p .borda_dir {
float: right;
padding: 5px;
background: #fff;
border: 1px solid #ccc;
margin-left: 6px;
}

/*#colunaEsquerda h3{
position: relative;
clear: both;
color: #495052;
font-size:14px;
margin: 5px 5px 18px 30px;
font-weight: bold;
border-bottom: 1px solid #CD2D1D;
padding: 10px 5px 8px 0px;
}*/

#colunaEsquerda h3{
position: relative;
clear: both;
color: #B22222;
font-size:15px;
margin: 15px 20px 18px 30px;
font-weight: bold;
border-top: 1px solid #C8C8C8;
border-bottom: 1px dashed #C8C8C8;
padding: 5px 5px 5px 2px;
background-color: #EFEFEF;
}

#colunaEsquerda h4{
clear: both;
color: #4E4E4E;
font-size:14px;
font-weight: bold;
margin: 15px 20px 4px 30px;
padding-left: 10px;
border-left: 4px solid #941C1C;
}



#colunaEsquerda h3 .fonte{
color: #444A4C;
font-size:11px;
margin: 0;
}

#colunaEsquerda #logoClientes ul {float: left; list-style: none; display: inline;}
#colunaEsquerda #logoClientes ul li {list-style: none; display: inline;}
#colunaEsquerda #logoClientes li img {background: #B2B6B5; padding: 3px; border: none;}
#colunaEsquerda #logoClientes li img:hover {background: #243135; padding: 3px; border: none;}

#colunaEsquerda .flashProdutos {float: left; margin: 4px 15px 4px 4px;}

#colunaEsquerda .boxFaq p{padding: 0px 5px 5px 10px;}

/*************** BOX CONTATO ***************/

#containerContato {
float: left;
width: 200px;
margin: 0px 5px 10px 15px;
}

#colunaEsquerda #boxContato{
margin: 10px 10px 5px 10px;
padding: 5px 5px 10px 5px;
float:left;
color: #666;
width: 185px;
font-size: 11px;
border: 1px solid #BBB8B8;
background: #e8e8e8 url(../imagens/bg_boxContato.gif) repeat-x top left;
}

#colunaEsquerda #boxContato img{margin: 0px; padding: 0px;}
#colunaEsquerda #boxContato ul{margin: 0px 0px 0px 20px;}

/*************** FIM BOX CONTATO ***************/

#colunaEsquerda #certificados ul li {list-style: none;}
#colunaEsquerda #certificados li img {float:left; margin:0 0 15px 25px; border:none;}

#colunaEsquerda #detalhes ul li{ list-style:none;}
#colunaEsquerda #detalhes li img {float:left; margin:0 0 15px 25px; border:none;}

#colunaEsquerda img.transparencia {opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}
#colunaEsquerda img.transparencia:hover {opacity:0.99; -moz-opacity: 0.99; filter: alpha(opacity=99);}

#colunaEsquerda p .ficha{color:#333333; font-size:9px;}
#colunaEsquerda p .ficha:hover{color:#333333;}

#colunaEsquerda a{text-decoration: none; color: #616A6D; font-weight: bold;}
#colunaEsquerda a img{text-decoration: none; border: none;}
#colunaEsquerda a:hover{text-decoration: none; color: #4A4A4A; font-weight: bold;}

#colunaEsquerda a.link_voltar{text-decoration: none; color: #CB2B1B; font-weight: bold;}
#colunaEsquerda a:hover.link_voltar {text-decoration: none; color: #CB2B1B; font-weight: bold;}

.texto_lista{ margin:0 0 0 10px;}
.barra, .barra_unica { position:relative; left:-5px; bottom:5px;}

/**************** Estilos da coluna direita home ****************/

#colunaDireitaHome{
float: right;
position: relative;
font-size:0.9em;
width: 69%;
background: #E8E8E8;
padding: 0px;
margin: 12px 15px 10px 0;
_margin: 13px 8px 10px 0;
}

#colunaDireitaHome .boxChamada{
float: left;
width: 210px;
margin: 0px 13px 0px 0px;
padding: 0px;
}

#colunaDireitaHome .boxChamada img{margin: 0px; padding: 0px;}

#colunaDireitaHome .boxChamada .tit {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 13px 0px;
}

#colunaDireitaHome .boxChamada .tit img {
	position:relative;
	left:0px;	
	margin: 0px;
	padding: 3px;
	_padding: 0px;
}

#colunaDireitaHome .boxChamada .tit hr {
width:100%;
text-align: left;
color: #B5B5B5;
border-bottom: 1px solid #fff;
}

#colunaDireitaHome .boxChamada a{color: #4A4A4A; text-decoration: none;}
#colunaDireitaHome .boxChamada a:hover{color: #4A4A4A; text-decoration: none;}

#colunaDireitaHome .boxChamada a img{border: none; text-decoration: none;}
#colunaDireitaHome .boxChamada a:hover img{border: none; text-decoration: none;}

#colunaDireitaHome ul {
margin: -25px 5px 15px 25px;
_margin: -25px 5px 8px 20px;
}

#colunaDireitaHome ul li {
list-style-image:url(../imagens/seta.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#4A4A4A;
}

#colunaDireitaHome ul li a {text-decoration: none; color:#4A4A4A;}
#colunaDireitaHome ul li a:hover {text-decoration: underline; color:#4A4A4A;}

#colunaDireitaHome p{
margin: 10px 0px 10px 0px;
color: #4A4A4A;
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*background: url(../imagens/barra.gif) no-repeat 0 2px;*/
}

#colunaDireitaHome h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#colunaDireitaHome a {text-decoration:none; color: #4A4A4A;}
#colunaDireitaHome a img {text-decoration:none; color: #4A4A4A; border: none;}
#colunaDireitaHome a:hover{text-decoration:none;}
#colunaDireitaHome dl{margin:0 5px 10px 25px;}
#colunaDireitaHome dt{font-weight:bold; margin-bottom:5px;}
#colunaDireitaHome dd{margin:0 0 10px 15px;}

/**************** Estilos da coluna DIREITA ****************/

#colunaDireita {
top: 0;
float: right;
width: 205px;
background: #E8E8E8;
border-top: solid 6px #B2B6B5;
color: #4A4A4A;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#colunaDireita #submenu{
position: relative;	 
width: 205px;
height: 100%;
float: right;
/*border-bottom: solid 1px #fff;*/
padding-bottom:1px;
background-color: #C4CACA;
border-bottom: 2px solid #999;
}

#colunaDireita #submenu ul {
margin:0px;
padding:0 0 10px 0;
width: 180px;
}

#colunaDireita #submenu  li { 
margin: 5px 2px 0px 5px;
font-size: 10px;
list-style:none;
color: #243135;
}

#colunaDireita #submenu ul li ul{
margin:0;
padding:0px;
}

#colunaDireita #submenu ul li ul li{
margin: 5px 0px 0px 10px;
font-size: 10px;
color: #243135;
}

#colunaDireita #submenu ul li ul li a{
display: block;
text-decoration: none;
font-weight: bold; 
color: #565E61;
padding-left: 5px;
background: url(../imagens/list_style.gif) no-repeat 0px 6px;
}

#colunaDireita #submenu ul li ul li a:hover{background: none;}

#colunaDireita #submenu ul li ul li ul li a{
text-decoration: none;
font-weight: normal;
color: #565E61;
background: none;
}

#colunaDireita #submenu ul li ul li ul li a:hover{margin-left: 5px;}

#colunaDireita #submenu li a {
display: block;
text-decoration: none;
font-weight: bold; 
color: #565E61;
}

#colunaDireita #submenu li a {background:url(../imagens/bg_submenu.gif) no-repeat 0 0;}
#colunaDireita #submenu li a:hover {background:url(../imagens/bg_submenu.gif) no-repeat 0 -11px;}

#colunaDireita #submenu li a span {
cursor: pointer;
margin-left:13px;
background:#C4CACA;
/*width: 80px;
height: 11px;*/
}

#colunaDireita .chat {
position:relative; 
margin-top: 10px; margin-bottom: 10px;
left: 0px;
top: 10px;
height: 75px;
}


/**************** Estilos da coluna DIREITA CONTATO ****************/

#colunaDireitaContato {
width: 160px;
/*height: auto;*/
float: right;
padding: 0;
border-top: 6px solid #B2B6B5;
margin-top: 0;
_margin-top: -765px;
/*position:relative;
top: -767px;
margin: 10px 0 0 62px;*/
}

#colunaDireitaContatoOrcamento{
width: 160px;
/*height: auto;*/
float: right;
padding: 0;
border-top: 6px solid #B2B6B5;
/*position:relative;
top: -1196px;
_top: -1045px;*/
margin: 0;
_margin: -1226px 0 0 0;
}

#colunaDireitaContatoOrcamento #submenu{
background:#C4CACA;
float:left;
}

#colunaDireitaContatoOrcamento img { margin-top: 42px;}
#colunaDireitaContatoOrcamento a {text-decoration: none; color: #4A4A4A;  border: none;}
#colunaDireitaContatoOrcamento a img {text-decoration:none; color: #4A4A4A; border: none;}
#colunaDireitaContatoOrcamento a:hover{text-decoration:none;}

#colunaDireitaContato img { margin-top: 42px;}
#colunaDireitaContato a {text-decoration: none; color: #4A4A4A;  border: none;}
#colunaDireitaContato a img {text-decoration:none; color: #4A4A4A; border: none;}
#colunaDireitaContato a:hover{text-decoration:none;}


/**************** Estilos do rodapé ****************/
#rodape{
position: relative;
margin: 0;
width: 100%;
padding:15px 0px 20px 0px;
background: #222;
clear: both;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCC;
border-top: solid 1px #434343;
}

#rodape #containerRodape { width: 975px; margin: auto;}

#rodape ul {margin: 0 0 20px 0px;}
#rodape ul li{display: inline; list-style: none; text-align: center;}
#rodape ul li a{text-decoration: none;}
#rodape ul li a:hover{text-decoration: none; font-weight: bold;}

#rodape ul li span{
display: inline;
list-style: none;
border-right: 1px solid #fff;
padding: 0px 5px 0px 3px;
text-align: center;
}

#rodape .nativ {
float: right;
padding: 0 70px 0 0;
font-size: 10px;
position: relative;
color: #CCC;
}

#rodape .nativ a{text-decoration: none; color: #CCC;}
#rodape p{padding:0; margin: 0px 0 0 0px; line-height: 18px;}
#rodape a{color:#f0f0f0; background-color:inherit;}
#rodape a:hover{color:#f0f0f0 background-color:inherit; text-decoration: none;}

/*CLASSES E ESTILOS DIVERSOS*/
 
 /* formulario */
#colunaEsquerda  #form1 {
float: left;
margin: 10px 0px 5px 30px;
padding: 30px 20px 30px 10px;
width: 410px;
border: 1px solid #fff;
background: #D5D5D5;
}
#colunaEsquerda  fieldset {
width: 100%;
padding:0;
margin: auto;
position: relative;
top: 0px;
left: 0px;
border: none;
}
#colunaEsquerda  label {
color:#4A4A4A;
font: 11px Verdana, Arial, Helvetica, sans-serif;
float: left;
width: 80px;
margin: 5px 30px 5px 20px;
}

#colunaEsquerda  label.mensagem {clear: both;}

#colunaEsquerda  input, textarea, select{
float: left;
background: #99A7AD;
border: none;
overflow:hidden;
width: 220px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin: 5px 0px 5px 5px;
padding: 3px;
}

#colunaEsquerda textarea {height: 80px;}
#colunaEsquerda select{width:50px; height: 18px;}

/*
#colunaEsquerda  #cidade{width: 150px;}
#colunaEsquerda  #form1 #estado{ height: 18px;}
#colunaEsquerda textarea#mensagem { _margin-left:40px;}
*/

#colunaEsquerda  input:hover, textarea:hover {
background: #9F9F9F;
color:#333;	
}
#colunaEsquerda  input:focus, textarea:focus {
background: #9F9F9F;
}
#colunaEsquerda  .submit {
	border: none;
	width: 45px;
	height: 22px;
	float: right;
	margin: 10px 40px 0px 0px;
	position: relative;
	padding: 0;
	clear: both;
	background-image: url(imagens/bt_enviar_contato.gif);
}

/*#colunaEsquerda #nome{ margin: 0 0 3px 40px; position:relative; left:35px; top:-15px;}
#colunaEsquerda #tel{margin: 0 0 3px 40px; position:relative; left:35px; top:-15px;}
#colunaEsquerda #email{margin: 0 0 3px 40px; position:relative; left:35px; top:-15px;}
#colunaEsquerda #mensagem{ margin:0; position:relative; left:3px; top:-2px;}
#colunaEsquerda #msg{ position:relative; top:-75px;}*/

#colunaEsquerda .imgs {float:left;}
#colunaEsquerda p .imgs { margin-right:15px;}

#colunaEsquerda .submit:hover, .submit:active {border: none;}	
#colunaEsquerda .produtos_select { width:290px;}
/*#colunaEsquerda #form1 #ct{ margin-left:65px;}*/
#colunaEsquerda #form_orcamento #ct_o{margin-left:42px;}

/* Bloques */
.bloque1,
.bloque2,
.bloque3,
.bloque4{
float:left;
width:230px;
line-height:1.5;
}

.bloque2{
margin:0px 11px 0px 11px;
padding:0px;
}

.bloque3{
margin:0px 0px 0px 11px;
padding:0px;
}

.bloque4{
padding:0px 0px 0px 20px;
margin:0px;
}

.bloque5{
float:left;
width:480px;
line-height:1.5;
padding:0px 20px 0px 0px;
margin:0px;}

#form_orcamento{ margin-left:15px;}

#form_o {background:#D5D5D5; height:750px; margin-left:8px; border:1px solid #fff;}

#form_orcamento span {
margin:0 0 0 40px;
color:#4A4A4A;
font-size:11px;
}

/*#form_orcamento select{ height:22px;}*/

#form_o #tbl_orcamento{
width:405px;
border: 1px solid #D1DBDF;
margin:0 0 15px 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#form_orcamento #spn{ margin-left:25px;}

#form_o #dados { margin:15px 0 20px 0; width:325px;}

#form_o #tbl_orcamento .quantidade { width:55px; margin:0; height:15px;}

#form_o #tbl_orcamento .chk {width:17px; float:left;}

#form_o #sel_estado {float:left; width:80px; margin:8px 0 0 0; position:relative; top: -5px;}
#form_o #estado  {position:relative; top:0px; left: -35px; width: 60px; height: 16px;}

#form_o #inputs { margin-top:20px;}
/*#form_o #empresa_o {margin-left:30px;}
#form_o #tel_o {margin-left:30px;}
#form_o #email_o {margin-left:36px;}
#form_o #cidade {margin-left:39px;}*/
 
.box{
position: relative;
margin:10px 0px 10px 10px;
padding:5px;
font-size: 11px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
}

.marginLeft{margin-left: 20px;}

table {width:100%; border:0;}
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.left{float:left; margin:0 12px 5px 0;}
.right{float:right; margin:0 0 5px 12px;}

.splitcontentleft{float:left; width:40%; margin: 0px 0px 0px 0px;}
.splitcontentright{float:right; width:50%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}


/* misc */

.fotoRight {float: right; clear: both; padding: 0px 10px 5px 2px;}
.fotoLeft {float: left; clear: both; padding: 0px 10px 5px 0px; }

.imgRight {
/*position: relative;*/
float:right !important;
clear: both;
padding: 4px;
border: 1px solid #ccc;
margin: 2px 30px 10px 8px;
background-color:#fff;
}

img.imgLeft {
float:left !important;
padding: 4px;
border: 1px solid #ccc;
margin: 5px 10px 10px 30px;
background-color:#fff;
}
.esquerda {float:left !important; padding: 4px;}

.chatHome {margin-left: 30px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/* galeria de fotos*/

#colunaEsquerda .galeria{
width:700px !important;
float: left;
clear: both;
margin: 5px 0px 10px 25px;
}

#colunaEsquerda .boxLegenda{
width: 700px;
height: auto;
float: left;
margin: 0px 5px 5px 5px;
}



#colunaEsquerda .boxLegenda p{
clear: both;
margin:0px;
padding: 0px;
border: none;
}

#colunaEsquerda .boxLegenda a{
float: left;
display: block;
width:auto;
height:auto;
padding: 2px;
color:#333333;
}
#colunaEsquerda .boxLegenda a img{border: none; margin: 0px;}
#colunaEsquerda .boxLegenda a:hover{border-color: #E30301;}

.botaoIndique {float: right; display: none;}
.botaoIndique a{display: none;}

#botao { float: left; margin-left: 566px;}

#colunaEsquerda .boxLegendaMaior{
width: 300px;
height: auto;
float: left;
margin: 0px 5px 5px 5px;
}



#colunaEsquerda .boxLegendaMaior p{
clear: both;
margin:0px;
padding: 0px;
border: none;
}

#colunaEsquerda .boxLegendaMaior a{
float: left;
display: block;
width:auto;
height:auto;
border: 2px solid #951C1C;
background: #fff;
padding: 2px;
}

#colunaEsquerda .boxLegendaMaior a img{border: none; margin: 0px;}
#colunaEsquerda .boxLegendaMaior a:hover{border-color: #E30301;}

#colunaEsquerda .floatRight{
float: right;}

#indique{
background: #E8E8E8;
width: 270px;
}

#indique p{font-size: 12px;}

#indique form{
position: relative;
}

#indique  label {
color:#4A4A4A;
font: 11px Verdana, Arial, Helvetica, sans-serif;
float: left;
width: 200px;
margin: 3px 0px 2px 5px;
}

#indique label.mensagem {clear: both;}

#indique  input, textarea, select{
float: left;
background: #99A7AD;
border: none;
overflow:hidden;
width: 220px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin: 0px 0px 0px 5px;
padding: 3px;
}

#indique  textarea{
float: left;
background: #99A7AD;
border: none;
overflow:hidden;
width: 220px;
height: 60px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin: 0px 0px 0px 5px;
padding: 3px;
}

#indique  .submit {
	border: none;
	width: 45px;
	height: 22px;
	float: left;
	margin: 10px 0px 0px 185px;
	position: relative;
	padding: 0;
	clear: both;
	background-image: url(imagens/bt_enviar_indique.gif);
}

.video{margin-left: 30px;}
.border {margin-left: 20px;}
.border img{border: 1px solid #919191;}