@charset "utf-8";
/*
	WEBROOM - Soluções Interativas 
	Endereço: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG 
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Tel.: (34) 3237-1253
	Projeto: Suavetex
	Data: Outubro 2007
	Autor: Diego Franco Miguel
	
	Update
	Data: 12/08/2010
	Autor: Leonardo Ota
*/

/*............COMMONS............*/
html {}
body { font:0.7em/1.2em "Trebuchet MS"; background:#EEE; margin:0; color:#2A547E;}
h1 { font-size:18px; font-family:"Trebuchet MS"; clear:both;}
p { line-height:18px; padding:0 5px;}
a {color:#24415E; text-decoration:none; font-weight:bold; outline:0;}
a:hover { color:#F90; text-decoration:underline; }
li { list-style-type:none;}
h1 { color:#0A1B58; padding:5px; margin:10px 0; font-size:18px;}
h2 {padding:5px; margin:10px 0; font-size:16px;}
h3 { color:#000; margin:0 5px; font-size:12px;}
address { font-style:normal;}
.left { float:left;}

/*..........STRUCTURE..........*/
body{ background: url(../imagens/bg_suavetex.jpg) no-repeat; border:#000 solid 1px;}
.wrap { width:890px; margin:0 auto; background:url(../imagens/twitter_wordpress.png) top right no-repeat;  border:#000 solid 3px;}
.header { position:absolute; width:810px; height:140px; border:#000 solid 0px; background:url(../imagens/img-header.png) 34px 0 no-repeat; margin:0; padding:0; clear:both;}
.content {clear:both; width:741px; margin:0; padding:150px 50px 0 50px; text-align:justify; overflow:auto; background:url(../imagens/bg_content.png) center top repeat-y;}
#home .content {clear:both; width:841px; margin:0; padding:150px 0 0 0; text-align:justify;  overflow:auto; background:url(../imagens/bg_content.png) center top no-repeat;}

/*............HEADER...........*/
.header .site_name { position:absolute; background:url(../imagens/blank.gif); width:350px; height:100px; top:0px; margin-left:240px; border:#F0F solid 0px; }
.header .site_name a { position:absolute; text-indent:-800px; display:block; width:289px; height:71px;overflow:hidden;}


/*.............CAPA.............*/
.content .destaque_produtos { background:url(../imagens/bg_destaque_produtos.jpg) no-repeat; height:245px; margin:0; padding:0; display:none}
.content .destaque_produtos .dest_contente, .content .destaque_produtos .dest_up { margin:180px 0 0 0; }
.content .destaque_produtos .dest_contente p, .content .destaque_produtos .dest_up p { padding:0;} 
.content .destaque_produtos .dest_contente a, .content .destaque_produtos .dest_up a  { padding:20px 0;width:170px; text-indent:-99999px; display:block; overflow:hidden;}
.content .destaque_produtos .dest_contente { float:left;}
.content .destaque_produtos .dest_up { float:right;}

.content .banner { width:768px; height:220px; border:0px solid #EEEEEE; margin:2px 0; clear:both; margin:0 0 0 36px;}

.content .newsletter { width:380px; height:159px; margin:26px 0 22px 36px; border:0px solid #f5f7f7; float:left; background:#C9DBED; text-align:left;} 
.content .drcontente { width:380px; height:159px; margin:26px 0 0 0px; border-left:3px solid #f5f7f7; float:left; background:#C9DBED; text-align:left;}
.content .newsletter h1, .content .drcontente h1 { margin:0; padding:10px 0; color:#29547F;}
.content .newsletter p, .content .drcontente p { padding:5px; margin:0;}

.content .newsletter h1 { background:url(../imagens/tit_newsletter.png) no-repeat; padding-left:10px; text-indent:-99999px; line-height:0; height:15px; display:block}
.content .newsletter p { float:left; width:35%;}
.content .newsletter .bt { width:60px;}
.content .newsletter .formularios { margin-top:5px;}

.content .drcontente h1 { background:url(../imagens/dr_content.png) no-repeat; padding-left:10px; text-indent:-99999px; line-height:0; height:15px; display:block}
.content .drcontente p { padding-right:50px;} 
.content .drcontente .img_drcontente { position:absolute; margin-left:250px; width:130px; height:159px; background:url(../imagens/img_drcontente_absolute.gif) no-repeat;}

.content .news { clear:both; background:url(../imagens/bg_news_drcontente.jpg) repeat-y left; width:776px; margin:0 0 0 37px; display:none}
.content .news .lista_news { padding:0 0 0 100px;  height:40px; width:666px; overflow:hidden; margin:5px 0;}
.content .news .lista_news li { padding:2px 0;}
.content .news .lista_news li .date { border:0; font-weight:bold; font-size:12px;}
.content .news .lista_news marquee { height:40px;}
.content .news h1 { position:absolute; margin:0 0 0 0; padding:14px 0 0 10px; width:100px; color:#29547f;}

/*............CONTENT...........*/
.content .ajuste_img { margin:0 0 0 -13px !important; border:none !important;}
.content img { margin:0 5px;}
.content a img { margin:0 5px; border:5px solid #FFF;}
.content a img:hover { border:5px solid #24415E;}

.voltar { position:absolute; width:54px; height:17px; margin-left:684px; font-weight:bold; *top:325px; border:#000 solid 0px; }
.voltar a { background:#3a6ea3; font-size:12px; padding:2px; color:#FFF; text-decoration:none;}
.voltar a:hover { background:#FFF; color:#3a6ea3;}

.content .nav_location { margin:0; padding:0; display:table; width:100%; }
.content .nav_location li { margin:0; padding:0;  }
.content .nav_location li strong { margin:0; display:block; border-bottom:1px dashed #CCC; color:#555; text-transform:uppercase; padding:5px 4px; font-size:12px; }
.content .nav_location li .breadcrumb { margin:2px 0 0 0; display:table; width:100%; border-bottom:2px solid #CCC; padding:5px 0 5px 0; clear:both; }
.content .nav_location li .breadcrumb li { display:inline; font-size:11px; list-style-type:none; padding:1px 10px 1px 2px; margin:0 5px 0 0 !important; background:url("../imagens/seta1.gif") right center no-repeat; }
.content .nav_location li .breadcrumb li a { background-color:#F8F7F7; color:#000; margin:0; padding:2px 4px; text-decoration:none; }
.content .nav_location li .breadcrumb li a:hover { background-color:#29547F; color:#FFF; }
.content .nav_location li .breadcrumb li strong { background-color:#29547F; text-transform:none; border:0; display:inline; background-color:#025396; color:#FFF; padding:2px 4px; }
.content .nav_location li .breadcrumb .actual { background:#FFF; padding:2px 5px; font-weight:bold; }

.promocoes { clear:both; padding:10px 0;}
.promocoes p img { float:left;}

.content .listagempromocoes { width:30%; height:300px; margin:0 10px 10px 10px; float:left; display:table;}
.content .listagempromocoes img, .content .listagempromocoes img:hover { border:none; margin:8px 0 0 5px ;}
.content .listagempromocoes p { padding-top:40px;}
.content .listagempromocoes .mascara { position:absolute; width:230px; height:175px; background:url(../imagens/mascara.gif) no-repeat;}

.content .faq { margin:0; padding:0 0 10px 5px; text-align:left;}
.content .faq li { font-size:12px; list-style-type:decimal; margin:0 0 0 30px; padding:3px 0;  line-height:20px;}
.content .faq li a {}
.content .faq li ul { margin:0; padding:0;}
.content .faq li ul li { list-style-type:none; background:#FFF; width:94%; text-align:justify; padding:5px; margin:0; line-height:20px;}

.content .produtoscat { width:49%; text-align:center; display:block; float:left; margin:10px 0 5px 3px; }

	/*..........TABELAS
	
	TABLE FICHA TÉCNICA (PAG PRODUTOS)..........*/
	.content .tablefichatecnica { width:520px; display:table; float:left; background:#FFF; border:1px solid #FFF; margin:5px 0; padding:5px; font-size:11px; }
	.content .tablefichatecnica th { text-align:center; font-size:13px; padding:2px 0 4px 0;; color:#FFF; background:#036; }
	.content .tablefichatecnica td { padding:3px 0 3px 5px; height:30px;  border-bottom:1px solid #DDD;}
	.content .tablefichatecnica .td1 { font-weight:bold; width:150px; background:#EEE; text-align:right; padding-right:10px; }
	.content .tablefichatecnica .l1 { background:#FFF; }

	/*TABELAS PRODUTOS CONTENTE..........*/
	.tabela_produtos_contente {}	
	.tabela_produtos_contente .produto { width:25%;}
	.tabela_produtos_contente tr th { text-align:center; text-transform:uppercase; background:#2A547E; color:#FFF;}
	.tabela_produtos_contente tr td { border-bottom:2px solid #2A547E;}	
	.tabela_produtos_contente tr td a { float:right;}
	.tabela_produtos_contente tr td img { border:none;}
	.tabela_produtos_contente tr td img:hover { border:none;}
	
/*..........FALE CONOSCO.........*/
.content .formcontatos { margin:10px auto; border:none; }
.content .formcontatos label { display:block; padding:10px 0 0 2px; }
.content .formcontatos label em { font-weight:bold; color:#FF0000;} 
.content .formcontatos input, .formcontatos textarea, .formcontatos select { border:1px solid #ddd; color:#5D5D5D; font:11px Arial, Helvetica, sans-serif; }
.content .formcontatos input:hover, .formcontatos textarea:hover, .formcontatos select:hover { border:1px solid #999; }
.content .formcontatos input:focus, .formcontatos textarea:focus, .formcontatos select:focus { border:1px solid #999; color:#000; }
.content .formcontatos img { clear:both; margin:10px 0 0 0; }

.content .formcontatos textarea { height:94px; }

.content .formcontatos .inputcidade { float:left; width:160px; margin:0 5px 0 0; }
.content .formcontatos select { float:left; width:110px; }

.content .formcontatos .bt { border:none; }
.content .formcontatos .bt:hover { border:none !important; }
.content .formcontatos .bt:focus { }

.content .formcontatos .p1 { width:52%; float:left; }
.content .formcontatos .p2 { width:48%; float:left; }
.content .formcontatos .p3 { clear:both; width:100%; margin:10px 0 0 0; display:table; border:solid 1px #000; }
.content .formcontatos .p4 { width:100%; clear:both; margin:15px 0 0 0; display:table; }


/*..........TRABALHE CONOSCO.........*/
.content .formtrabalhe { margin:10px auto; border:none; }
.content .formtrabalhe label { display:block; padding:10px 0 0 2px; }
.content .formtrabalhe label em { font-weight:bold; color:#FF0000;} 
.content .formtrabalhe input, .formtrabalhe textarea, .formtrabalhe select { border:1px solid #ddd; color:#5D5D5D; font:11px Arial, Helvetica, sans-serif; }
.content .formtrabalhe input:hover, .formtrabalhe textarea:hover, .formtrabalhe select:hover { border:1px solid #999; }
.content .formtrabalhe input:focus, .formtrabalhe textarea:focus, .formtrabalhe select:focus { border:1px solid #999; color:#000; }
.content .formtrabalhe img { clear:both; margin:10px 0 0 0; }

.content .formtrabalhe textarea { height:94px; }

.content .formtrabalhe select { float:left; width:130px; }

.content .formtrabalhe h3 { padding:20px 0 5px 0; clear:both; border-bottom:1px solid #ddd; }
.content .formtrabalhe h5 { clear:both; padding:25px 0 0 0; font-size:12px; color:#666; font-weight:bold; line-height:normal; border-bottom:1px solid #ddd; }
.content .formtrabalhe span { font-size:10px; color:#666; padding:0 0 0 5px; }

.content .formtrabalhe .bt { border:none; }
.content .formtrabalhe .bt:hover { border:none !important;}
.content .formtrabalhe .bt:focus { }

.content .formtrabalhe .p0 { width:64%; float:left; }
.content .formtrabalhe .p1 { width:49%; float:left; }
.content .formtrabalhe .p2 { width:32%; float:left; }
.content .formtrabalhe .p3 { width:100%; clear:both; display:table; }
.content .formtrabalhe .p4 { width:100%; clear:both; margin:15px 0 0 0; display:table; }

.content .formtrabalhe .table { margin:5px 0 0 0; }

/*..........NAVIGATION..........*/
#home .content .navigation {height:32px; width:766px; padding:0 0 30px 5px; clear:both; margin:0 0 11px 37px; background: url(../imagens/bg_navigation.png) center bottom no-repeat;}
.content .navigation {height:32px; width:766px; margin:10px 0 11px -16px; padding:0 0 30px 5px; clear:both; background: url(../imagens/bg_navigation.png) center bottom no-repeat}

.content .navigation .bt_home {width:81px; height:44px; display:block; padding:0; margin:0; text-indent:-99999px; line-height:0; overflow:hidden;}
.content .navigation .bt_home a{ background:url(../imagens/bt_home.jpg) center no-repeat; width:46px; height:11px; padding:34px 0 0 34px; margin:0;}
.content .navigation .bt_home a:hover{ background:url(../imagens/bt_home_hover.jpg) center no-repeat; width:81px; height:44px; padding:0; margin:0;}

.content .navigation .bt_companhia {width:131px; height:44px;}
.content .navigation .bt_companhia a{ background:url(../imagens/bt_companhia.jpg) center no-repeat; width:94px; height:16px; padding:30px 0 0 36px; margin:0;}
.content .navigation .bt_companhia a:hover{ background:url(../imagens/bt_companhia_hover.jpg) center no-repeat; width:131px; height:44px; padding:0; margin:0;}
.content .navigation .bt_companhia:hover ul li  { clear:both; border-bottom:1px solid #95ABC0; border-left:1px solid #95ABC0; text-align:left; }
.content .navigation .bt_companhia:hover ul li a { width:104px }
.content .navigation .bt_companhia:hover ul li a:hover { width:109px; background:#56799B }
.content .navigation .bt_companhia ul li:hover ul { clear:both; border-bottom:1px solid #95ABC0; text-align:left; border:red solid 0px; margin:-26px 0 0 112px; width:100px;}

.content .navigation .bt_linha_produtos {width:189px; height:44px;}
.content .navigation .bt_linha_produtos a{ background:url(../imagens/bt_linha_de_produtos.jpg) center no-repeat; width:151px; height:16px; padding:30px 0 0 36px; margin:0;}
.content .navigation .bt_linha_produtos a:hover{ background:url(../imagens/bt_linha_de_produtos_hover.jpg) center no-repeat; width:189px; height:44px; padding:0; margin:0;}
.content .navigation .bt_linha_produtos:hover ul li  { clear:both; border-bottom:1px solid #95ABC0; border-left:1px solid #95ABC0; text-align:left; }
.content .navigation .bt_linha_produtos:hover ul li a { width:162px }
.content .navigation .bt_linha_produtos:hover ul li a:hover { width:167px; background:#56799B }
.content .navigation .bt_linha_produtos ul li:hover ul { clear:both; border-bottom:1px solid #95ABC0; text-align:left; border:red solid 0px; margin:-26px 0 0 110px; width:140px;}

.content .navigation .bt_dr_contente {width:143px; height:44px;}
.content .navigation .bt_dr_contente a{ background:url(../imagens/bt_dr_contente.jpg) center no-repeat; width:103px; height:12px; padding:32px 0 0 34px; margin:-1px 0 0 0; display:block;}
.content .navigation .bt_dr_contente a:hover{ background:url(../imagens/bt_dr_contente_hover.jpg) center no-repeat; width:143px; height:44px; padding:0; margin:-2px 0 0 0px;}
.content .navigation .bt_dr_contente:hover ul li  { clear:both; border-bottom:1px solid #95ABC0; border-left:1px solid #95ABC0; text-align:left; }
.content .navigation .bt_dr_contente:hover ul li a { width:116px }
.content .navigation .bt_dr_contente:hover ul li a:hover { width:121px; background:#56799B; height:19px }
.content .navigation .bt_dr_contente ul li:hover ul { clear:both; border-bottom:1px solid #95ABC0; text-align:left; border:red solid 0px; margin:-26px 0 0 110px; width:140px;}


.content .navigation .bt_imagens {width:107px; height:44px;}
.content .navigation .bt_imagens a{ background:url(../imagens/bt_imagem.jpg) center no-repeat; width:69px; height:15px; padding:30px 0 0 36px; margin:0;}
.content .navigation .bt_imagens a:hover{ background:url(../imagens/bt_imagem_hover.jpg) center no-repeat; width:107px; height:44px; padding:0; margin:-2px 0 0 -1px; display:block}

.content .navigation .bt_contato {width:103px; height:44px;}
.content .navigation .bt_contato a{ background:url(../imagens/bt_contato.jpg) center no-repeat; width:67px; height:13px; padding:30px 0 0 36px; margin:0;}
.content .navigation .bt_contato a:hover{ background:url(../imagens/bt_contato_hover.jpg) center no-repeat; width:103px; height:44px; padding:0; margin:-1px 0 0 -1px; display:block}


.content .navigation li { float:left; width:109px; margin-right:0; text-align:center;}
.content .navigation li a { display:block; padding:10px 0; font-size:12px; text-transform:uppercase; font-weight:bold; color:#24415E; text-decoration:none;}
.content .navigation li a:hover { color:#FFF; }

.content .navigation li:hover ul li, .content .navigation li ul li:hover ul li  { clear:both; border-bottom:1px solid #95ABC0; text-align:left;}
.content .navigation li:hover ul li a, .content .navigation li ul li:hover ul li a {text-transform:none; display:block; color:#F1F1F1;  background:#2A547E; padding:5px;}
.content .navigation li:hover ul li a:hover, .content .navigation li ul li:hover ul li:hover  { background:#56799B;} 
.content .navigation li:hover ul li ul, .content .navigation li ul li:hover ul li ul { display:none;}

.content .navigation li:hover ul { position:absolute; width:109px; display:block; background-color:#56799B; margin:-5px 0 0 8px; padding:0;}
.content .navigation li:hover ul li a:hover { height:22px; padding:4px 0 0 5px;}
.content .navigation li ul li:hover ul { position:absolute; width:109px; display:block; background-color:#56799B; margin:-24px 0 0 105px; padding:0; border:#000 solid 0px;}

.content .navigation li ul { display:none;}
.content .navigation li ul li ul { display:none;}

.limpa_txt{ text-indent:-99999px !important; overflow:hidden !important; line-height:0 !important;}

/*..........FORMS..........*/
.formularios { border:none; background:none;}
.formularios label { display:block; padding-left:2px; color:#2A547E; font-weight:bold; font-size:12px;}
.formularios br { display:none;}
.formularios ul {padding:0; margin:0;}
.formularios ul li {list-style-type:none; font-size:10px;}
.formularios ul li a { color:#24415E;}
.formularios ul li a:hover { color:#8AA3BB; text-decoration:underline;}

.formularios .bt { display:block; background:#376593; border:0px solid #8AA3BB; margin-bottom:3px; padding:2px; text-align:center; cursor:pointer; text-transform:uppercase; color:#FFF; font-weight:bold; font-size:11px;}

* .txtfield { background-color:#EAEEF2; padding:2px; font-size:11px; border:2px solid #8AA3BB; margin-bottom:4px;  }
* .txtfield:hover { border:2px solid #F1F1F1; background:none #FFF; color:#C0C0C0; padding:2px; }
* .txtfield:focus { border:2px solid #8AA3BB; background:none #FFF; color:#000; padding:2px; }
* .txtarea { width:548px; }

.sucess { height:200px; font-weight:bold; text-align:center; color:#036;}

.error, .error:hover, .error:focus { color:#000; border:2px solid #F00 !important; font-size:11px; padding:2px; }
.messagererror { color:#F00; font-size:11px; }

/*............PAGE LINHA UP!..........*/
#linha_up { /*background:#E9EDCC;*/}
#linha_up .content {padding-top:146px; border:none; display:block; }
#linha_up .content .destaque_produtos {background:url(../imagens/bg_destaque_produto_linha_up.jpg) no-repeat;}

#linha_up .content .navigation {background:#749715/*#7D8530*/; border:2px solid #3C7700;}
#linha_up .content .navigation li a { color:#FFF; background:#749715;}
#linha_up .content .navigation li a:hover { background:#FFF; color:#7D8530;}
#linha_up .content .navigation li ul li {background:#7D8530; border-bottom:1px solid #99A444;}
#linha_up .content .navigation ul li ul li a { color:#7D8530; background:#FFF;} 
#linha_up .content .navigation ul li ul li a:hover { background:#749715; color:#FFF;} 

#linha_up .content .banner { width:760px; height:214px; background:url(../imagens/bg_banner_linha_up.jpg) repeat-x; border:4px solid #3C7700 /*#D0D68F*/;}

#linha_up .second_content { width:760px; background:#CFED81/*#D0D68F*/ url(../imagens/bg_second_content.jpg) repeat-x top;  border:4px solid #3C7700;}
#linha_up .second_content p { color:#003300/*#0A1B58*/;}

/*............PAGE LINHA CONTENTE!..........*/
#linha_contente {}
#linha_contente .content {padding-top:146px; border:none; display:block; }
#linha_contente .content .destaque_produtos {background:url(../imagens/bg_destaque_produto_linha_contente.jpg) no-repeat;}

#linha_contente .content .navigation {background:#275078; border:2px solid #3770A8;}
#linha_contente .content .navigation li a {color:#FFF;}
#linha_contente .content .navigation li a:hover {background:#FFF; color:#275078;}
#linha_contente .content .navigation li ul li {background:#275078; border-bottom:1px solid #3770A8;}
#linha_contente .content .navigation ul li ul li a {color:#275078; background:#FFF;} 
#linha_contente .content .navigation ul li ul li a:hover {background:#3770A8; color:#FFF;} 

#linha_contente .content .banner { width:760px; height:214px; background:url(../imagens/bg_banner_linha_contente.jpg) repeat-x; border:4px solid #3770A8;}

#linha_contente .second_content { width:760px; background:#3770A8 url(../imagens/bg_second_content_contente.jpg) repeat-x top;  border:4px solid #3770A8;}
#linha_contente .second_content p { color:#FFF;}

/*............FOOTER..........*/
.footer { width:769px; clear:both; height:70px; color:#F1F1F1; margin:-7px 0 0 -14px ; padding:0; padding:0; background:url(../imagens/bg_navigation.png) top center no-repeat; display:block}
#home .footer { width:769px; clear:both; height:70px; color:#F1F1F1; margin:-7px 0 0 36px ; padding:0; background:url(../imagens/bg_navigation.png) top center no-repeat; display:block}
.footer p {}
.footer .copyright { padding:33px 0 0 0; width:470px; text-align:center; margin-left:145px; color:#1B6BAF}
.footer img { margin:0 5px; border:none; padding-top:20px; float:left; border:none !important}
.footer .webroom { float:right; width:69px; height:35px; padding:7px 0 0 0; margin:-40px 30px 0 0; }
.footer .webroom a { width:69px; height:35px; background:url("../imagens/webroom.gif") center no-repeat; display:block; text-indent:-300px; overflow:hidden; }

/*..........HACKS FOR OPERA..........*/
@media all and (min-width: 0px){

.content { } 
	
}

.banner_fixo_home{ margin:0 0 0 -5px;}