﻿@charset "utf-8";
/* CSS Document */

*{margin:0 auto; padding:0; width:auto;}

/* Geral */

body { background:#066cb4 url(imagens/fundo.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

a:link, a:visited {text-decoration:none; color:#000000;}
a:hover, a:active {color:#066cb2;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FF6600;}

p { text-align:justify;}


/* Body Home */

#bodyHome #menu ul li a.home{background-image:url(imagens/bt_home_hover.jpg);color:#066cb4;}
#bodyProdutos #menu ul li a.produtos,
#bodyServicos #menu ul li a.servicos,
#bodyDemonstracoes #menu ul li a.demonstracoes,
#bodyAplicacoes #menu ul li a.aplicacoes{background:url(imagens/bt_hover.jpg) no-repeat; color:#066cb4;}
#bodyEmpresa #menu ul li a.empresa{background:url(imagens/bt_contato_hover.jpg) no-repeat; color:#066cb4;}
#bodyDicaseTutorial #menu ul li a.dicasetutorial{background-image:url(imagens/bt_dicas_e_tutorial_hover.jpg);color:#066cb4;}


#bodyProdutos #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}
#bodyServicos #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}
#bodyAplicacoes #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}
#bodyDicaseTutorial #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}
#bodyEmpresa #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}
#bodyDemonstracoes #menuInternas ul li a.selecionado{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}


/* Divs */

#fundoHome {width:1000px; background:url(imagens/fundo_home.jpg) center top no-repeat;}
#fundoProdutos {width:1000px; background:url(imagens/fundo_produtos.jpg) center top no-repeat;}
#fundoServicos {width:1000px; background:url(imagens/fundo_servicos.jpg) center top no-repeat;}
#fundoDemonstracoes {width:1000px; background:url(imagens/fundo_demonstracoes.jpg) center top no-repeat;}
#fundoAplicacoes {width:1000px; background:url(imagens/fundo_aplicacoes.jpg) center top no-repeat;}
#fundoDicaseTutorial {width:1000px; background:url(imagens/fundo_dicasetutorial.jpg) center top no-repeat;}
#fundoInternas {width:1000px; background:url(imagens/fundo_internas.jpg) center top no-repeat;}

#tudo {width:970px;}

#logo {height:100px; background:url(imagens/logo.jpg) no-repeat;}

/* Menu e Botões */

#menu {height:47px;}

#menu li {display:inline;}

#menu a {display:block; float:left; padding-top:15px; width:123px; height:32px; background:url(imagens/bt.jpg) no-repeat; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

#menu a:hover {background:url(imagens/bt_hover.jpg) no-repeat; color:#066cb4;}

#menu a.home {width:135px; background-image:url(imagens/bt_home.jpg);}

#menu a.home:hover {background-image:url(imagens/bt_home_hover.jpg);}

#menu a.dicasetutorial {background-image:url(imagens/bt_dicas_e_tutorial.jpg);}

#menu a.dicasetutorial:hover {background-image:url(imagens/bt_dicas_e_tutorial_hover.jpg);}

#menu a.empresa {width:126px; background-image:url(imagens/bt_contato.jpg);}

#menu a.empresa:hover {background-image:url(imagens/bt_contato_hover.jpg);}


#menuInternas {width:396px; height:94px;}

#menuInternas.menor {width:396px; height:48px;}

#menuInternas li{display:inline;}

#menuInternas a{display:block; float:left; width:196px; height:31px; background:url(imagens/bt-links-internas.jpg) no-repeat; text-align:center; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:15px;}

#menuInternas a.duasLinhas{padding:8px 0 7px 0;}

#menuInternas a:hover{background:url(imagens/bt-links-internas-hover.jpg) no-repeat; color:#066cb4;}



#saibamais a {display:block; float:right; margin:15px 5px 0 0; width:64px; height:17px; background:url(imagens/bt_saibamais.jpg) no-repeat;	text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:1px; color:#FFFFFF;}


#btscontatologin {float:left; width:382px; height:35px; margin-left:8px;}
#btscontatologin.internas {width:268px; height:40px; margin-left:0;}

#btscontatologin ul {margin-top:5px;}
#btscontatologin.internas ul {margin-top:8px;}

#btscontatologin li {display:inline;}

#btscontatologin a { margin-left:5px; display:block; float:right; width:150px; height:25px; background:url(imagens/bt_laranja_g.gif) no-repeat; color:#FFFFFF; font-size:11px; text-align:center; padding-top:6px;}

#btscontatologin a:hover, a:active {color:#FF6600; background:url(imagens/bt_laranja_ghover.gif) no-repeat;}


/* Conteudo */


#conteudo {height:380px; padding:16px 0 0 20px;}
#conteudo.internas {height:450px; padding:13px 0 0 20px;}

#conteudoEsquerda {float:left; width:540px; height:340px;}
#conteudoEsquerda.internas {height:405px;}

#quadrado {float:left; width:267px; height:164px; margin:0 6px 6px 0;}
#quadrado.direita {margin:0 0 6px 0;}

#quadrado ul{padding:20px 0 0 32px;}
#quadrado.internas ul{padding:10px 0 0 15px;}


#quadrado li{list-style-type:disc;}
#quadrado.internas li{list-style-type:none;}

#titulo {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:40px 0 0 
32px;}
#titulo.internas {padding:30px 0 0 20px;}

#titulo a {color:#FF6600;}

#titulo a:hover {color:#FF9900;}

#conteudoDireita {float:left; width:382px; height:305px; margin-left:8px;}
#conteudoDireita.internas {width:396px; height:405px; margin-left:0;}
#conteudoInternasImagem{width:370px; height:310px; padding-top:3px;}

#quadradoDesenhosMaior {width:340px; height:340px; float:left; margin:20px 0 0 30px;}


#tituloImagem {height:20px; padding:40px 0 0 40px;}

#textoInternas {width:450px; height:300px; float:left; padding:20px 0 0 40px;}
#textoInternas a {color:#FF6600;}
#textoInternas a:hover {color:#FF9900;}


#noticias {float:left; width:929px; height:30px;}
#noticias.internas {float:left; width:663px; height:40px;}
#noticias p{color:#FFFFFF; padding-top:5px;}
#noticias.internas p{padding-top:12px;}


#rodape {height:43px; background:url(imagens/fundo_rodape.png) no-repeat;}
#rodape p{color:#FFFFFF; font-size:11px; padding:0px 0 0 525px;}

#rodape p a:link {color:#FFFFFF}
#rodape p a:visited{color:#FFFFFF}
