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

*{margin:0; padding:0; outline:none;}
body{background:url(../img/bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif; color:#666; overflow-y:scroll;}

.right{ float:right;}
.left{ float:left;}
.clear{ clear: both;}

a.vejamais{ display:block; background:url(../img/vejaMais.png) no-repeat; width:112px; height:26px; position:absolute; right:0px; bottom:0px;}
a.vejamais:hover{ background-position: 0 -27px;}

a.vejamaisSearch{ display:block; background:url(../img/vejaMais.png) no-repeat; width:112px; height:26px; margin:10px 0;}
a.vejamaisSearch:hover{ background-position: 0 -27px;}

#topo{ width:930px; height:163px; margin:0 auto; background:url(../img/luzLogo.png) no-repeat;}
#logo{ background:url(../img/logo.png); width:191px; height:71px; margin-top:45px; float:left;}
#logo a{ display:block; width:191px; height:71px; text-indent:-9999px; overflow:hidden;}

#contPesquisa{ width:218px; height:57px; float:right; margin-right:12px; margin-top:58px;}
/*#pesquisa{width:218px; height:36px;}
#searchform #s{ background:url(../img/bgPesquisa.png); width:166px; height:36px; float:left; border:none; color:#777; font-size:14px; padding-left:12px;}
#searchform #searchsubmit{ background:url(../img/botPesquisa.png); width:40px; height:36px; float:left; border:none; cursor:pointer;}
#searchform #searchsubmit:hover{ background-position:0 -37px;}*/

#perguntas{ width:190px; float:right; padding-left:19px; font-size:11px;}
#perguntas h2 { font-size: 16px; color: #666; display: block; width: 190px; letter-spacing: .20px; margin-bottom: 8px; text-align: right; }
#perguntas h2 strong{  color: #484646;}
#perguntas span{ display: block; width: 190px; font-size: 12px; color: #666; margin-bottom: 8px; text-align: right;}
#perguntas a{ background: url("../img/perg_freq_top.png") no-repeat; display: block; float: right; width:161px; height: 21px; text-indent: -9999px; overflow: hidden;}
#perguntas a:hover{ background-position: 0 -23px;}

/*////////MENU/////////*/
#contMenu{ width:100%; height:46px; background:url(../img/bgNav.jpg) repeat-x;}
#menu{ width:915px; height:80px; margin:0 auto;}
#menu ul{ position: relative; width:960px; height:55px;}
#menu ul li{ list-style:none; float:left; width:131px; height:55px;}
#menu li a, #menu li a span{ text-decoration:none; display:block; width:80px; height:55px; margin:0 auto;  background:url(../img/menu.png) no-repeat;}

#menu li a.home{ background-position: 19px -45px;}
#menu li a.home:hover{ background-position: 19px 17px;}

#menu li a.botempresa{ background-position: -112px -45px;}
#menu li a.botempresa:hover{ background-position: -112px 17px;}

#menu li a.produtos{ background-position: -236px -45px;}
#menu li a.produtos:hover{ background-position: -236px 17px;}

#menu li a.servicos{ background-position: -368px -45px;}
#menu li a.servicos:hover{ background-position: -368px 17px;}

#menu li a.depoimentos{ background-position: -490px -45px;}
#menu li a.depoimentos:hover{ background-position: -490px 17px;}

#menu li a.contato{ background-position: -619px -45px;}
#menu li a.contato:hover{ background-position: -619px 17px ;}




#menu li a span.lk_01	{  background-position:19px 17px;	}
#menu li a span.lk_02	{  background-position:-112px 17px;	}
#menu li a span.lk_03	{  background-position:-236px 17px;	}
#menu li a span.lk_04	{  background-position:-368px 17px;	}
#menu li a span.lk_05	{  background-position:-490px 17px;	}
#menu li a span.lk_06	{  background-position: -619px 17px;	}

#menu div{ position:absolute; display:none;}

#sub_menu{position:relative; float:left; margin:0;}
#sub_menu li{margin-top:5px; margin-right:8px; width:auto!important; height:auto!important;}
#sub_menu li a{display:block; padding:0 8px; text-decoration:none; background:none!important;  width:auto!important; height:auto!important;}
#sub_menu li a img{ border:0;}


/*////////CONTEUDO/////////*/
#conteudo{ width:925px; margin:65px auto 0 auto;}
.conteudo_interna{width:925px; margin:65px auto 0 auto;}

/*////////HOME/////////*/
.contSlideshow{ width:896px; height:320px; padding:12px 14px 18px 15px; position:relative; background:url(../img/bgSlideshow.png) no-repeat;}
.scrollable {position:relative;	width:896px; height:320px; margin:0 auto; overflow:hidden;}
.scrollable .items {width:20000em; height:320px; position:absolute; z-index:5; clear:both;}
.item {float:left; width:896px; height:320px; margin:0;}
.scrollable .active {border:2px solid #000;	position:relative; cursor:default;}
.navi {	width:auto; height:17px; position:absolute; z-index:999; bottom:30px; right:30px;}
.navi a {width:15px; height:15px; float:left; margin:3px 0 0 15px; background:red; display:block; font-size:1px; background:#fff; background: url(../img/bg_nav_slide.png) repeat;}
.navi a:hover {background:#fff; opacity:.5;}
.navi a.active {background:#fff; opacity:1;}
.contBox{ width:922px; height:380px; background:url(../img/pontilhado.png) bottom repeat-x; margin:36px auto;}
.box{ width:266px; height:332px; float:left; margin-right:62px; font-size:12px; position:relative; text-align:justify; line-height:18px; letter-spacing:.5px;}
.box h1{ font-size:18px; color:#6d6e71; text-transform:uppercase; font-weight:normal;}
.box h1 strong{ color:#246792;}
.boxImagem{ width:263px; height:159px; border:1px solid #ccc; background:#f2f2f2; padding:2px; margin:8px 0 8px 0; }
.empresa{ width:504px; height:135px; float:left; margin-right:51px; margin-top:10px;}
.empresaImagem{ width:188px; height:129px; border:1px solid #ccc; background:#f2f2f2; padding:2px; margin-right:14px; float:left; }
.empresaTexto{ width:296px; height:131px; float:left; font-size:12px; line-height:18px; letter-spacing:.5px;}
.empresaTexto h1{ font-size:18px; color:#6d6e71; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:10px;}
.empresaTexto h1 strong{ color:#246792;}
.empresaTexto a{ text-decoration:none; color:#666;}
.empresaTexto a:hover{ text-decoration:underline;}
.premio{ width:370px; height:135px; float:left; margin-top:10px;}
.premioImagem{ width:92px; height:129px; border:1px solid #ccc; background:#f2f2f2; padding:2px; margin-right:13px; float:left; }
.premioTexto{ width:259px; height:131px; float:left; font-size:12px; line-height:18px; letter-spacing:.5px; text-align:justify;}
.premioTexto h1{ font-size:18px; color:#6d6e71; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:10px;}
.premioTexto h1 strong{ color:#246792;}

/*////////A EMPRESA/////////*/
.titleInterna{ width:700px; margin-bottom:25px;}
.titleInterna h1{ font-size:24px; letter-spacing:.5px; color:#246792; font-weight:bold; }
.titleInterna h1 strong{ font-weight:normal; color:#6D6E71; }
.imgEmpresa{ width:950px; height:161px; padding:3px; border:1px solid #ccc; margin-bottom:25px; background:#f2f2f2;}
.textoEmpresa{ width:958px; font-size:12px; color:#666; text-align:justify; padding-bottom:60px; background:url(../img/pontilhado.png) repeat-x bottom;}
.textoEmpresa p{ margin-top:10px; line-height:20px; letter-spacing:.5px;}
.textoEmpresa h2{ margin-top:30px; }
.textoEmpresa h2 strong{color:#246792; margin-top:25px; padding-top:35px; background:url(../img/pontilhado.png) repeat-x top; width:958px; display:block; font-size:20px;}
.clientes{ width:958px; margin-top:50px; background:url(../img/pontilhado.png) repeat-x bottom; padding-bottom:35px;}
.semPontilhado{ background:none!important; padding:0!important;}
.clientes h1{ font-size:18px; color:#6d6e71; letter-spacing:.5px; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:30px;}
.clientes h1 strong{ color:#246792;}
.clientes li{ list-style:none; float:left; margin-right:51px; margin-bottom:36px; width:128px; height:118px; padding:10px; border:1px solid #ccc; background:#eee;}
.clientes li.ultima{ margin-right:0!important;}

/*////////CONTATO/////////*/
.contEndereco{ width:340px; float:left; margin-right:72px; margin-top:40px;}
.endereco{ width:236px; padding-bottom:20px; margin-bottom:20px; background:url(../img/pontilhado.png) repeat-x bottom; font-size:12px; color:#666; letter-spacing:.5px; line-height:25px;}
a.vejaMapa{ background:url(../img/botVejaMapa.png) no-repeat; display:block; width:91px; height:26px; margin-top:10px;}
a.vejaMapa:hover{ background-position: 0 -27px;}

.contFaleconosco{ width:435px; float:left;}
.contFaleconosco h1{ font-size:18px; color:#6d6e71; letter-spacing:.5px; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:23px;}
.contFaleconosco h1 strong{ color:#246792;}
.contFaleconosco input, textarea{ background:url(../img/bgForm.png) repeat-x bottom; border:none; padding:10px; font-size:14px; color:#777777; }


.type_1{ width:415px; height:22px; margin-bottom:18px;}
.type_2{ width:37px; height:22px; margin-bottom:18px; margin-right:19px; float:left;}
.type_3{ width:339px; height:22px; margin-bottom:18px;}
.type_4{ width:415px; height:152px; margin-bottom:18px;}
.bt_enviar{ background:url(../img/botEnviar.png)!important; text-indent:-999px; overflow:hidden; padding:0!important; display:block; width:97px; height:34px; cursor:pointer; border:none; float:right;}
.bt_enviar:hover{ background-position: 0 -35px;}

.faleConosco-erro{ width:325px; height:34px; float:left; background:url(../img/msgSim.jpg) no-repeat; display:none;}

/*////////MARCAS/////////*/
.marcas{ width:550px; height: 250px; margin: 0 auto;}
.marcas h2{ font-size:16px; text-align: center;  color:#80807f; margin-bottom: 50px;}
.marcas ul{ height: 177px; width: 550px; margin:0 auto; }
.marcas ul li{ list-style: none; float: left; width: 262px; height: 177px;}
.marcas ul li a{ text-indent: -99999px; overflow: hidden;}
.marcas ul li.arg{ background:url("../img/line_marcas.png") no-repeat top right; margin-left: 20px; }
.marcas ul li.arg a{ display: block; width: 218px; height: 27px; margin-top: 65px; background: url('../img/logo_marcas.png') no-repeat; background-position: 0 -15px;}
.marcas ul li.arg a:hover{ background-position: 0 -57px;}
.marcas ul li.oti a{ background: url("../img/logo_marcas.png") no-repeat scroll -233px 0 transparent; display: block; height: 47px; margin-left: 27px; margin-top: 51px; width: 178px;}
.marcas ul li.oti a:hover{ background-position: -233px -57px;}

/*////////APARELHOS AUDITIVOS/////////*/
p.textoAp{ font-size:12px; line-height:18px; letter-spacing:.5px; margin-bottom:30px; text-align:justify;}
ul.tabs{ width:925px; height:50px; margin:0 auto; background:url(../img/bgTab.png) repeat-x top;}
ul.tabs li{ list-style:none; width:158px; height:50px; float:left;}
ul.tabs li a{ position:relative; width:158px; height:50px; display:block; background:url(../img/botAparelhos.png) no-repeat; text-indent:-9999px; overflow:hidden;}

ul.tabs li a#tradicional{ background-position: 0 0;}
ul.tabs li a.current#tradicional{ background-position: 0 -70px;}

ul.tabs li a#premium{ background-position: -158px 0;}
ul.tabs li a.current#premium{ background-position: -158px -70px;}

ul.tabs li a#core{ background-position: -316px 0;}
ul.tabs li a.current#core{ background-position: -316px -70px;}
.panes .pane {display:none;}

.panes{ width:925px; margin-top:45px; }
.panes .conteudoAba{ width:925px;}

.contAp{ width:100%; height:250px; background:url(../img/pontilhado.png) repeat-x bottom; margin-bottom:20px;}
.conApModeloEsq{ width:420px; height:240px; float:left;}
.conApModeloDir{ width:420px; height:213px; float:right;}

.apImagem{ width:152px; height:207px; padding:3px; border:1px solid #ccc; float:left; background:#f2f2f2; margin-right:17px;}
.apTexto{ width:243px; height:230px; position:relative; float:left; letter-spacing:.5px; line-height:18px;}
.apTexto h1{ font-size:18px; color:#6d6e71; letter-spacing:.5px; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:10px;}
.apTexto h1 strong{ color:#246792;}
.apTexto p{ margin-top:4px; font-size:12px; color:#666; text-align:justify;}

a.botSaibamais{ background:url(../img/botSaibamais.png) no-repeat; width:112px; height:26px; display:block; position:absolute; bottom:0; right:0;}
a.botSaibamais:hover{ background-position: 0 -27px;}


/*////////DETALHE APARELHOS AUDITIVOS/////////*/
.aparelho_imagem{ background:#F2F2F2; border:1px solid #ccc; padding:2px; float: left; margin-right:25px;}
.text_aparelho{ width:645px; float:left;}
.text_aparelho h6{ font-size:16px; text-transform:uppercase; letter-spacing:.5px; margin-bottom:5px; margin-top:15px; }
.text_aparelho p{ font-size:12px; color:#666; margin-bottom:15px; line-height:18px; letter-spacing:.5px; text-align:justify;}
.text_aparelho li{ list-style:square; margin-left:10px; font-size:12px; color:#666; margin-bottom:5px; line-height:18px; letter-spacing:.5px; }

.tooltip { display:none; background:#fff; margin-left:-160px; padding:20px; width:310px; font-size:12px; color:#333; line-height:18px; letter-spacing:.5px; border:1px solid #ccc; opacity:.95!important;}
.tooltip.grande{ width:530px!important;}
.tooltip h4{ font-size:20px; font-weight:bold; margin-bottom:20px; color:#246792;}

.linha958{ width:958px; height:2px; background:url(../img/pontilhado.png) repeat-x; margin:30px 0;}

.fotos_aparelhos_info a{ margin-right:50px; background:#F2F2F2; border:1px solid #ccc; padding:2px; width:154px; height:165px; display:block; float:left; cursor:pointer;  }

/*//////// TIPO PRODUTOS/////////*/
h2.subtit{ font-size:20px; color:#666; margin-bottom:10px; letter-spacing:1px;}
ul.celulas{ width:960px; margin-bottom:30px; background:url("../img/pontilhado.png") repeat-x scroll center bottom;}
ul.celulas h3.subtit{ clear: both; margin:30px 0; color: #666; width: 960px; display: block; display: block;}
ul.celulas li{ width:450px; list-style:none; padding: 10px 0; background:#e3e2dd; margin-bottom:30px; }
ul.celulas li .imagem{ width:152px; height:179px; border:solid 1px #ccc; background:#f2f2f2; padding:2px; float:left; margin-right:12px; margin-left:10px;}
ul.celulas li .des{ width:260px; float:left; font-size:11px; color:#666; letter-spacing:.5px; line-height:16px;}
ul.celulas li .des p{ width:260px; margin-bottom:20px;}
ul.celulas li .des h3{ width:260px; display:block; color:#246792; margin-bottom:5px; font-size:18px; margin-top:3px;}
ul.celulas li table{ font-size: 10px; margin:10px 0 0px 10px; float: left;  border: 1px solid #c5c5c5;}
ul.celulas li table td{ padding: 3px 5px; border: 1px solid #c5c5c5;}




/*////////PERGUNTAS FREQUENTES/////////*/
#accordion { background:#e3e2dd; width: 956px;}
#accordion h2 { background:url(../img/bg_h2_faq.png) 0 0; margin:0; padding:15px 15px 5px 15px; height:20px; font-size:16px; font-weight:normal; cursor:pointer;	 }
#accordion h2.current { cursor:default; background-position:0 -45px; }
#accordion .pane { display:none; padding:15px; color:#666; font-size:12px; letter-spacing:.5px; line-height:18px; }
#accordion .pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; }



/*////////RODAPÉ/////////*/
#rodape{ width:899px; height:194px; margin:0 auto; padding:13px 10px; background:url(../img/linhaRodape.png) top repeat-x; margin-top:46px;}
#rodape h1{ font-size:18px; color:#6d6e71; text-transform:uppercase; font-weight:normal; margin-top:2px; margin-bottom:15px;}
#rodape h1 strong{ color:#246792;}
#mapadoSite{ width:431px; height:150px; margin-right:16px; float:left; background:url(../img/divideRodape.png) no-repeat right top;}
#mapadoSite h1{ width:431px; margin-bottom:22px;}
#mapadoSite h2{color:#4f4f4f; font-size:16px; font-weight:bold;}
#mapadoSite ul{ width:140px; float:left;}
#mapadoSite ul li{ list-style:none;}
#mapadoSite ul li a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
#mapadoSite ul li a:hover{ color:#2b7cab;}

#formasPagamento{ width:231px; height:151px; float:left; margin-right:14px;  background:url(../img/divideRodape.png) no-repeat right top;}
#formasPagamento h1{ width:431px; margin-bottom:22px;}
#formasPagamento div{ background:url(../img/formasPagamento.png) no-repeat; width:122px; height:24px;}

#redesSociais{ width:195px; height:151px; float:left;}
#redesSociais h1{ width:195px; margin-bottom:22px;}
#redesSociais ul{ width:195px; height:40px;}
#redesSociais ul li{ list-style:none; width:40px; height:40px; float:left; margin-right:12px;}
#redesSociais ul li a{ width:40px; height:40px; display:block; background:url(../img/redesSociais.png) no-repeat; }
#redesSociais ul li a span{ display:none;}


#redesSociais ul li.facebook a{ background-position:0 0;}
#redesSociais ul li.facebook a:hover{ background-position:0 -41px;}

#redesSociais ul li.twitter a{ background-position:-52px 0;}
#redesSociais ul li.twitter a:hover{ background-position:-52px -41px;}

#redesSociais ul li.orkut a{ background-position:-104px 0;}
#redesSociais ul li.orkut a:hover{ background-position:-104px -41px;}

.autores{ font-size:12px; width:200px; height:20px; margin-bottom:20px; margin-top:20px; float:right;}
.autores a{  background:url(../img/agenciac2.png) no-repeat; float:right; display:block; width:145px; height:20px; text-indent:-99999px; overflow:hidden;}


/*////////IMPLANTE COCLEAR/////////*/
.implante p{ color: #666666; font-size: 12px; padding-bottom: 10px; text-align: justify; width: 958px; line-height: 18px;}
.coclear{    background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #CCCCCC; display: block; height: 310px; margin-bottom: 20px; margin-right: 20px; padding: 2px; width: 951px;}

/*////////SISTEMA FM - CONECTIVIDADE/////////*/
.marcas ul li:first-child{    background: url("../img/line_marcas.png") no-repeat scroll right top transparent;
margin-left: 20px;}
.marcas ul li h2{ margin-top: 70px;}
.marcas ul li h2 a{ color: #666; font-size: 26px; opacity: .5px}
.marcas ul li h2 a:hover{ color: ##246792; opacity: 1px}

.conectividade .tooltip{ width: 500px!important;}

/*////////SISTEMA FM/////////*/
.sistemafm p{ color: #666666; font-size: 12px; padding-bottom: 10px; text-align: justify; width: 958px; line-height: 18px;}
.sistemafm h3{ margin-top: 20px; margin-bottom: 10px;}
.img_sistemafm{    background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #CCCCCC; display: block; height: 310px; margin-bottom: 20px; margin-right: 20px; padding: 2px; width: 951px;}
.tooltip p{ width: auto!important;}
.sistemafm a.img_aparelho{ margin-bottom: 30px; float: left;}

/*////////DEPOIMENTOS/////////*/
h1.dep{ color: #246792; margin-bottom: 55px;  font-size: 24px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase;}
ul.depoimentos{ width: 880px; margin-bottom: 30px; }
ul.depoimentos li{ position: relative; list-style:none; float: left; width:440px; margin-bottom: 50px; background: url("../img/line_marcas.png") no-repeat scroll right center transparent;}
ul.depoimentos li span{ display: block; background: url(../img/asp_fecha.png) no-repeat; width: 36px; height: 32px; position: absolute; z-index:1; bottom: 10px; right: 50px;}
ul.depoimentos li .asp{ background: url('../img/asp.png') no-repeat; width:390px;  padding-top: 27px;}
ul.depoimentos li.dir{ background: none!important;}
ul.depoimentos li h3{ font-size: 18px; text-transform: uppercase; color: #5d5e5e; margin-bottom:10px;}
ul.depoimentos li p{ width: 390px; height: auto; font-size: 12px; color:#7b7b7c; line-height: 18px; letter-spacing: .5px; text-align: justify; position:relative;; z-index: 20;}
ul.depoimentos li.dir .asp{ margin-left: 25px;}


/*////////CONSTRUÇÃO/////////*/
.constr{ border-radius: 10px; margin: 40px 0; padding: 30px 0; width: 100%; background:#d7d6d0; text-align: center;}
.constr a{ font-size: 16px; color: #216594; margin-top: 15px; display: block;;}
.constr a:hover{ color: #666;}

/*////////FONOAUDIOLOGIA/////////*/
.servicos .imagem{    background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #CCCCCC; cursor: pointer; display: block; float: left; height: 273px; margin-right: 20px; padding: 2px; width: 387px;}
.servicos .imagem img{ float: left;; margin-right: 15px; display: block;;}
.servicos p{ float: left; font-size: 12px; color: #666; letter-spacing: .5px; line-height: 30px; width: 510px;}




/*PROMOÇOES*/
ul.promo{ width: 958px; float: left;}
ul.promo li{ width: 958px; list-style: none; min-height: 123px;}
ul.promo li img{ display: block; float: left; margin-right: 15px;}
ul.promo li h3{ font-size: 22px; margin-bottom: 8px;}
ul.promo li p{color: #666666; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; margin-bottom: 15px;}
ul.promo li span{ font-size: 10px;}