@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("seo.css");

/*--- ESTILO HOME ---*/
html { overflow-x:hidden; overflow-y:scroll; }
#base { position:absolute; width:2000px; left:50%; margin-left:-1000px; top:0; height:auto; }
strong,b  {
  font-weight: bold;
}
i, em {
  font-style: italic;
}

/*--------------------------------------------  TELEFONE -------------------------------------------------*/
#telefone { position:absolute; top:0px; left:1180px; z-index:99; background:url(../../imagens/topo_telefone.png) 0 0 no-repeat; width:169px; height:44px; padding-top:5px; padding-left:130px; }
#telefone h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; }
#telefone h2 { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:normal; }
/*--------------------------------------------  TELEFONE -------------------------------------------------*/

/*--------------------------------------------  BANNER -------------------------------------------------*/
#banner { width:2000px; height:240px; background:url(../../imagens/topo_interno.jpg) top left no-repeat #000; }
#banner_mascara { position:absolute; width:1240px; height:240px; top:0px; left:380px; background:url(../../imagens/banner_interno.png) top left no-repeat; z-index:2; }
#banner img { z-index:1; position:absolute; width:1240px; top:0px; left:380px; }
#banner_texto { position:absolute; top:71px; left:1190px; width:288px; height:185px; background:url(../../imagens/banner_texto.png) 0 0 no-repeat; z-index:4; }
#banner_texto h1 { margin-top:20px; margin-left:45px; z-index:4; width:215px; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#FFF; font-weight:bold; text-align:right; }
#banner_texto h1 a { color:#FFF; text-decoration:none; }
#banner_texto h1 a:hover { text-decoration:underline; }


#banner_central { clear:both; position:relative; width:950px; height:130px; margin-left:525px; top:5px; }
/*--------------------------------------------  BANNER -------------------------------------------------*/

/*--------------------------------------------  MENU -------------------------------------------------*/
#menu { position:relative; width:950px; margin-left:525px; margin-top:-109px; z-index:999; }
#logo { z-index:9; width:180px; height:109px; float:left; }
#menu ul { list-style:none; float:left; margin-top:75px; }
#menu ul li { list-style:none; float:left; display:inline; width:108px; height:24px; padding-top:10px; text-align:center; background:url(../../imagens/menu_inativo.png) 0 0 no-repeat; margin-left:2px; cursor:pointer; }
#menu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; text-decoration:none; text-transform:lowercase; display:block; text-align:center; }
#menu a:hover { text-decoration:underline; }
#menu ul li.ativo { background:url(../../imagens/menu_ativo.png) 0 0 no-repeat; }

#submenu { position:absolute; left:182px; top:19px; width:438px; height:65px; background:url(../../imagens/submenu.jpg) 0px 6px repeat-x; }
#submenu_linha { width:438px; height:5px; background:url(../../imagens/submenu_linha.png) 0 0 repeat; _background: #F79904; margin-bottom:1px; }
#submenu .menu { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; margin-left:10px; margin-top:15px; _margin-top:5px; padding-right:10px; }
#submenu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; text-transform:lowercase; display:inline; font-weight:normal; }
#submenu a:hover { text-decoration:underline; }
/*--------------------------------------------  MENU -------------------------------------------------*/


/*--------------------------------------------  CENTRO -------------------------------------------------*/
#centro { position:relative; clear:both; width:950px; margin-left:525px; top:10px; float: left; [margin-top:0; margin-top:110px;] *margin-top:0; }

#lateral { position:relative; float:left; width:290px; margin-right:20px; margin-bottom:5px; }
#titulo { width:290px; height:42px; background:#666; }
#titulo h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; display:block; background:url(../../imagens/quadrado_laranja.png) 4px 5px no-repeat; padding-left:25px; margin-top:5px; text-transform:lowercase; }
#titulo h2 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; text-transform:lowercase; text-decoration: none; }
#titulo h2 a:hover { text-decoration: underline; }
#linha_cinza { width:100%; height:4px; background:#666; }
#linha_cinza_clara { width:100%; height:4px; background:#C7C7C7; }
#linha_cinza_rodape { width:100%; height:4px; background:#C7C7C7; margin-top:20px; margin-bottom:5px; }
#linha_branca { width:100%; height:4px; background:#FFF; }
#lateral ul { list-style:none; margin-top:2px; background:#F2F2F2; }
#lateral ul li { list-style:none; width:290px; height:25px; background:url(../../imagens/quadradinho_menu.png) 5px 9px no-repeat #E4E4E4; margin-bottom:2px; }
#lateral ul li:hover { background:url(../../imagens/quadradinho_branco.png) 5px 9px no-repeat #F79904; }
#lateral ul li a, #lateral p a { display:block; height:20px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; padding-left:20px; padding-top:5px; text-transform:lowercase; }
#lateral ul li a:hover, #lateral p a:hover { color:#fff; }
#lateral p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px; }

#destaque_noticias { background:#E4E4E4; width:270px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
#destaque_noticias a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; text-decoration:none; }
#destaque_noticias a:hover { text-decoration:underline; }
#destaque_noticias a.laranja { color:#F79904; }

#destaque_lateral { background:#E4E4E4; width:270px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; clear:both; }
#destaque_lateral a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:bold; text-decoration:none; }
#destaque_lateral a:hover { text-decoration:underline; }
#lateral_flash { margin-top:5px; }

#migalhas { position:relative; float:left; width:640px; height:42px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; margin-bottom:25px; background:#F2f2f2; }
#migalhas span { margin-left:14px; top:14px; position:relative; }
#migalhas a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; }
#migalhas a:hover { text-decoration:underline; }
#conteudo { position:relative; float:right; width:640px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin-bottom:5px; }
#conteudo h1 { font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#F79904; font-weight:bold; display:block; margin-bottom:10px; text-transform:lowercase; }
#conteudo h2 { float:left; font-size:20px; font-weight:bold; color:#F79904; margin-top:5px; text-transform:lowercase; }
#conteudo h3 { font-size:14px; font-weight:bold; color:#666; margin-top:15px; }
#conteudo p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:18px; margin-bottom:10px; }
#conteudo p strong, #conteudo p b { font-weight:bold; }
#conteudo ul, #conteudo ol { margin-left:30px; }
#conteudo ul li, #conteudo ol li { margin-bottom:5px; }
#conteudo a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F79904; text-decoration:none; }
#conteudo a:hover { text-decoration:underline; }
.alinha_direita { float:right; }
/*--------------------------------------------  CENTRO -------------------------------------------------*/

/*--------------------------------------------  BAIXO -------------------------------------------------*/
#baixo { clear:both; position:relative; width:2000px; left:50%; margin-left:-1000px; height:auto; min-height:200px; background:url(../../imagens/fundo_rodape.jpg) 0px 20px repeat-x; }
/*--------------------------------------------  BAIXO -------------------------------------------------*/

/*--------------------------------------------  DESTAQUES -------------------------------------------------*/
#destaques { clear:both; position:relative; margin-left:525px; width:950px; z-index:4; }
#destaque { position:relative; float:left; background:url(../../imagens/destaque.png) 0 0 no-repeat; width:186px; height:151px; margin-top:10px; margin-right:5px; }
#destaque h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; margin-left:25px; margin-right:10px; margin-top:12px; margin-bottom:15px; text-transform:lowercase; }
#destaque p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:12px; margin-left:20px; margin-right:10px; }
#destaque p a { margin-left:0px; }
#destaque form { margin-left:20px; }
#destaque #busca, #destaque #email, #destaque #dispositivo { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; border:1px solid #CCC; width:129px; height:16px; float:left; }
#destaque #nome { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; border:1px solid #CCC; width:150px; height:16px; margin-bottom:2px; }
#bt_buscar { float:left; margin-left:3px; }
#destaque #botao { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-transform:uppercase; text-align:left; background:url(../../imagens/seta_branca.png) 58px 5px no-repeat #89B603; border:none; width:70px; height:18px; margin-left:0px; padding-left:5px; }
#destaque a { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; margin-left:20px; }
#destaque a:hover { text-decoration:underline; }

#destaque_clientes { position:relative; float:left; background:url(../../imagens/destaque_clientes.png) 0 0 no-repeat; width:186px; height:151px; margin-top:10px; }
#destaque_clientes h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; margin-left:25px; margin-right:10px; margin-top:12px; margin-bottom:15px; text-transform:lowercase; }
#destaque_clientes h2 a { color:#fff; text-decoration:none; }
#destaque_clientes h2 a:hover { color:#F79904; }
#destaque_clientes #logos { text-align:left; margin-left:2px; margin-top:-9px; }
#logos img { *margin-top:6px; }
/*--------------------------------------------  DESTAQUES -------------------------------------------------*/

/*--------------------------------------------  RODAPE -------------------------------------------------*/
#rodape { clear:both; position:relative; margin-left:525px; width:950px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; top:-20px; }
#rodape #abrefecha_menu { float:left; width:176px; padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background:url(../../imagens/seta_cima_baixo.png) 0px 15px no-repeat; padding-left:15px; text-decoration:none; display:block; height:16px; cursor:pointer; }
#rodape #imprensa { float:right; padding-top:15px; padding-left:10px; margin-left:4px; }
#rodape #imprensa a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; background:url(../../imagens/quadradinho.png) 0px 5px no-repeat; padding-left:15px; text-decoration:none; }

#rodape_menu { clear:both; position:relative; width:940px; min-height:150px; padding:5px; background:url(../../imagens/rodape_menu_fundo.png) repeat; _background:#000; }
#rodape_menu ul { float:left; margin-left:10px; *margin-right:20px; list-style:none; opacity:1; }
#rodape_menu ul li { list-style:none; background:url(../../imagens/quadradinho.png) 0px 3px no-repeat; padding-left:12px; }
#rodape_menu ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#F79904; font-weight:bold; text-decoration:none; }
#rodape_menu ul li a:hover { text-decoration:underline; }

#rodape_menu ul li ul { clear: left; }
#rodape_menu ul li ul li { margin-left:-20px; *margin-left:-10px; _margin-left:-10px; background:none; }
#rodape_menu ul li ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; font-weight:normal; }
#rodape_menu ul li ul li a:hover { text-decoration:underline; }

#rodape p {
  clear: both;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px; 
  color:#FFF; 
}
/*--------------------------------------------  RODAPE -------------------------------------------------*/


/* formulario de contato */
form.cmxform { width: 450px; padding-top:15px; padding-bottom:50px; text-align:left; }
form.cmxform label { width:300px; }
form.cmxform span.error, span.error {
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: #CC0000;
  font-style: italic;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  border:0px;
  clear:both;
  background:;
}
div.error { display: none; }
.input { border: 1px solid #999; width:450px; }
input.input, textarea.input { _margin-left:-25px; }
textarea {  border: 1px solid #999; width:400px; height:100px; }
.input:focus { border: 1px dotted black; }
.input.error { border: 1px solid red; background:#FFFF99; }
.box.error { border: 1px solid red; background:#FFFF99; }
.botao { width:80px; height:20px; background:#999; border:0; margin:1px; cursor:pointer; font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF; float:right; margin-right:0px; margin-top:10px; }
.botao:hover { background:#F79904; }

/**********************************
Use: cmxform template
***********************************/
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  cursor: hand;
}

form.cmxform p {
  list-style: none;
  padding: 0px;
  margin: 0;
}

.noticias { list-style:none; padding-top:5px; padding-bottom:5px; }
.galeria_foto { padding-right:10px; padding-bottom:10px; width:150px; text-align:left; float:left; }
.galeria_foto em { position:relative; display:block; }
.borda { border:1px solid #D4D4D4; }
.clearfix { clear: both; }

/**********************************
  inicio pagina de pouso
***********************************/
#telefone #tel1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color: #F79904;
  font-weight:bold;
}
#telefone #tel2 {
  clear:both;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #F79904;
  font-weight:normal;
}
#logo2 { 
  z-index: 9;
  width: 180px;
  height: 109px;
  float: left;
  background: url(../imgs/logo.png) 0 0 no-repeat;
  text-indent: -8000px;
}
#pages-of-pouze {
  float: left;
  margin: 2px 0 0 0;
}
#pages-of-pouze h2 {
  background: url(../imgs/icone-h1.jpg) 8px 9px no-repeat #666;
  float: left;
  width: 923px;
  text-transform: none;
  padding: 0 0 0 27px;
  font-size: 30px;
  color: #FFF;
}
#pages-of-pouze h3 {
  font-size: 18px;
  color: #656565;
  text-transform: none;
  width: 923px;
  float: left;
}
#pages-of-pouze p {
  float: left;
  width: 100%;
}
#step-by-step {
  float: left;
  background: url(../imgs/passo-a-passo.png) 0 0 no-repeat #F79904;
  width: 951px;
}
#step-by-step span {
  color: #666;
  width: 100%;
  float: left;
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 900px;
  padding: 0;
}
#step-by-step p {
  color: #FFF;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 13px;
  float: left;
  margin: 2px 0 0;
}
#step-by-step #one {
  float: left;
  width: 148px;
  margin: 35px 0 10px 58px;
}
#step-by-step #two {
  float: left;
  width: 148px;
  margin: 35px 0 10px 102px;
}
#step-by-step #three {
  float: left;
  width: 148px;
  margin: 35px 0 10px 93px;
}
#step-by-step #four {
  float: left;
  width: 148px;
  margin: 35px 0 10px 94px;
}
#pages-of-pouze #movie {
  float: left;
}
#pages-of-pouze .testimonials {
  border: solid 1px #ccc;
  float: left;
  width: 320px;
  margin: 0 0 0 100px;
}
#pages-of-pouze .testimonials .title-testimonials {
  border-bottom: solid 1px #ccc;
  float: left;
  width: 295px;
  padding: 0 0 0 25px;
  color: #666;
  font-size: 18px;
  background:  url(../imgs/icon-bt.jpg) 8px 6px no-repeat #EFEFEF;
}
#pages-of-pouze .testimonials p, span {
  padding: 0 10px;
  float: left;
  width: 300px;
}
#pages-of-pouze .testimonials p {
  margin: 15px 0 0 0;
}
#pages-of-pouze .testimonials #author {
  margin: 15px 0 15px;
  font-weight: 900;
  text-indent: 30px;
}
#pages-of-pouze .send-your-device {
  border: solid 1px #CCC;
  background: #E9E9E9;
  float: left;
  height: 107px;
  padding: 0 22px;
  margin: 25px 0 0 0;
  width: 903px;
}
#pages-of-pouze .send-your-device h4 {
  float: left;
  color: #F79904;
  font-size: 24px;
  margin: 12px 0 0 0;
  width: 500px; 
}
#pages-of-pouze .send-your-device p {
  float: left;
  width: 500px;
  font-size: 18px;
  margin: 12px 0 0 0;
}
#pages-of-pouze .send-your-device img {
  float: left;
  margin: -33px 0 0 71px;
}
#pages-of-pouze #hd {
  float: left;
  margin: 0 0 20px;
}
#pages-of-pouze #hd h5 {
  float: left;
  color: #F79904;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
#pages-of-pouze #hd ol {
  float: left;
}
#pages-of-pouze #hd #map {
  float: right;
}
#pages-of-pouze .testimonials1 {
   border: solid 1px #ccc;
  float: left;
  width: 320px;
  margin: 0 0 0 0;
}
#pages-of-pouze .testimonials1 .title-testimonials {
  border-bottom: solid 1px #ccc;
  float: left;
  width: 295px;
  padding: 0 0 0 25px;
  color: #666;
  font-size: 18px;
  background:  url(../imgs/icon-bt.jpg) 8px 6px no-repeat #EFEFEF;
}
#pages-of-pouze .testimonials1 ul {
  list-style: square;
}
#pages-of-pouze #testimonials2 {
  margin: 0 0 0 35px;
} 
#pages-of-pouze #testimonials3 {
  margin: -125px 0 0;
}
#base #topo {
  float: left;
}
/*  fim pagina de pouso    */