html {font-size:90%; font-family: Calibri,Helvetica, sans-serif; background-color:#113246; }

/*TAGS_GERAIS*/
h2 { color:#24495f; font-size:20px;margin-bottom:10px; }
h4 { font-size:105%; color:#666; }
h3 { font-size:105%;color:#24495f; }
p {color:#666;}
a { text-decoration:none; color:#666; }
a:hover {text-decoration:underline }

/*LOGO_7PIXEL*/
h1{weith:160px; height:90px; }


/*ESTRUTURA_DO_MENU*/
ul#menu{width:510px; height:46px; margin: -70px 0px 30px 305px;position:absolute;d}
ul#menu li{ float:left;display:inline;}
.inicio{display:block;height:45px; width:64px;;background:url(../imagens/menu/inicio.png);}
.pixel{display:block;height:45px;width:65px;background:url(../imagens/menu/7pixel.png);}
.solucoes{display:block;height:45px;width:90px;background:url(../imagens/menu/solucoes.png);}
.portfolio{display:block;height:45px;width:97px;background:url(../imagens/menu/portfolio.png);}
.clientes{display:block;height:45px;width:85px;background:url(../imagens/menu/clientes.png);}
.contatos{display:block;height:45px;width:99px;background:url(../imagens/menu/contatos.png);}
.select a{background-position:bottom;}
ul#menu li a:hover{background-position:bottom;}


/*ESTRUTURA_BASICA_DO_SITE*/
div#geral {width:100%; background: url(../imagens/bg.gif) repeat-x #fff bottom;}
div#meio {width: 800px; margin: 0 auto; padding-top:20px;}
div#conteudo{width:800px; margin-top:30px;overflow:hidden}
div#banner{width:800px; height:220px;}
.marcador{float:left; width:20px; height:16px;}


/*ESTRUTURA_DO_RODAPÉ*/
#base {width:800px; height:80px;margin: 0 auto;}
#base p{margin:0;color:#fff;}
#base span{font-weight:bold; font-size:12px; color:#0099FF;}
#base a {color:#fff;margin-left:5px;}
#base a:hover {text-decoration:underline;}
#rodape {width:100%; height:208px;background: url(../imagens/bg_rodape.gif) repeat-x #113246; padding-top:15px; }
#base ul{float:right;margin:-40px -5px 0 0px;}
#base ul li p{margin:8px 0 0 0;float:left;}


/*PAGINA_HOME*/
div#noticias {height: 215px;width: 260px;float:left;}
div#noticias h3{margin-top:15px;color:#666; font-size:15px;}
div#noticias span{margin-right:15px;color:#0066CC}
div#noticias p{margin:7px 0 15px 0;}
div#perguntas {height: 215px;width: 260px;float:left;margin-left:10px;}
div#depoimento .img_depoimento{float:left; margin-right:5px;}
div#depoimento a{display:block;margin-bottom:2px;}
div#depoimento a:hover{text-decoration:underline;}
div#depoimento .ass{font-size:11px;margin-top:6px;}
div#depoimento {height: 102px;width: 260px;float:right;}
div#parceiros {height: 102px;width: 260px;float:right;margin-top:10px;background:url(../imagens/parceiros.png) no-repeat left;}
div#parceiros img{margin-left:30px; height:100px; width:200px}
/*PLUGIN_ACCORDION_HOME*/
div#perguntas div p{margin-top:5px;font-size:12px;}
.basic div{height:65px;}
.basic a {text-indent:15px; padding:0px;font-weight:bold}
.basic a {cursor:pointer;display:block;height: 18px;padding-top:4px;background:#fff url(../imagens/marcador_oq.gif) no-repeat; margin-bottom:1px; }	
.basic a:hover {background:#fff url(../imagens/marcador_oq.gif) no-repeat bottom left;}
.basic a.selected {background:#fff url(../imagens/marcador_oq.gif) no-repeat bottom left;}

/*PAGINA_CLIENTES*/
div#novo_cliente {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left; }
div#novo_cliente h3 {height:20px;width: 130px;}
div#novo_cliente h3 img{margin:-4px 0 0 -2px;}
div#novo_cliente p{clear:both}
div#novo_cliente p span{font-weight:bold}
div#clientes {width: 608px;float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;}
div#clientes ul{width: 660px;margin:0px 0px 0 30px ; }
div#clientes li{height: 102px;width:140px; background:url(../imagens/bg_logo.png) no-repeat;float:left; margin:0px 60px 40px 0px;}
div#clientes li img{margin:6px;}

/*PAGINA_7PIXEL*/
div#escritorio {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left; }
div#escritorio h3 {float:left;height:130px;width: 20px;}
div#escritorio h3 img{margin:-7px 0 0 -7px;}
div#pixel {width: 608px; min-height:460px;float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;}
div#pixel h2{margin:0px 0 10px 20px;}
div#pixel p{margin:0px 20px;font-size:16px;}
div#pixel ul{margin:0px 20px;font-size:15px;color:#666}
div#pixel ul li{list-style:decimal;text-indent:10px;margin-left:30px;margin-bottom:5px}

/*PAGINA_SERVIÇOS*/
div#menu_servicos {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left; }
div#menu_servicos ul{aheight: 20px;width: 180px;margin-top:2px}
div#menu_servicos ul li{height: 20px;width: 180px;margin-bottom:1px;}
div#menu_servicos ul li a{amargin-bottom:1px;height: 18px;width: 180px;display:block;background-color:#999;color:#fff; text-indent:4px;padding-top:2px;font-size:15px;font-weight:bold;cursor:pointer}
div#menu_servicos ul li a:hover{background-color:#666;text-indent:8px;cursor:pointer}
div#servicos {width: 606px;min-height:470px ;float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;}
div#servicos h2{margin:0px 0 10px 20px;}
div#servicos h3{margin:10px 0 10px 20px;}
div#servicos a:hover{text-decoration:underline}
div#servicos p{margin:0px 20px;font-size:15px;}
div#servicos ul{margin:0px 20px;font-size:15px;color:#666;}
div#servicos ul li{list-style:circle;margin-left:20px;}
div#menu_servicos ul li .select {background-color:#666;text-indent:8px;}
div#int_web{height: 470px;width: 600px;margin-top:-33px;}
div#int_prod, div#int_sis, div#int_mult, div#int_graf, div#int_tic{height: 470px;width: 600px;display:none;margin-top:-33px;}

/*PAGINA_DEPOIMENTO*/
div#foto_depoimento {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left; }
div#foto_depoimento img{margin:-5px 0px 0px -3px;}
div#depoimento_int {width: 606px;min-height:470px ;float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;}
div#depoimento_int h2{margin:0px 0 10px 20px;}
div#depoimento_int a:hover{text-decoration:underline}
div#depoimento_int p{margin:0px 20px;font-size:15px;}
div#depoimento_int .ass{font-size:12px;font-style:italic;}

/*PAGINA_CONTATOS*/
div#contatos {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left;}
div#contatos p span{height: 16px;width: 93px; margin:0px;display:block;float:left;}
div#contatos a:hover{text-decoration:underline;}
div#contatos .sis{display:block; width:180px; height:17px; padding-top:2px;background-color:#999; color:#fff;text-align:center;font-weight:bold; font-size:15px; margin-top:1px}
div#contatos .sis:hover{text-decoration:none; background-color:#666}
div#contatos h3 {margin:0px 0 6px 0px;}
div#formulario {width: 608px; float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;}
div#formulario h2{margin:5px 0 10px 20px;font-size:105%}
div#formulario form{margin:0 auto;width:592px; height:450px; padding-left:20px;color:#666;margin-bottom:20px}
div#formulario form label{width:230px; height:19px; display:block;float:left;padding-top:5px;}
div#formulario form .msg{width:230px; height:150px; display:block;clear:both;padding-top:5px;color:#666;margin-top:5px;}
div#formulario form textarea{width:350px; height:150px;margin-top:8px;color:#666;border:1px groove #ccc;margin-bottom:8px}
div#formulario form select{width:190px; color:#666;cursor:pointer}
div#formulario form input{width:352px; height:20px;margin-bottom:8px;color:#666;border:1px groove #ccc; }
div#formulario form .enviar{width:73px; height:18px;float:right;margin:8px 0px 0 0;border-style:none}
div#formulario form p{clear:both}
div#formulario form .erro { border:2px solid #CC0000; }
div#formulario form .erroEmail  { border:2px solid #CC0000; }
div#formulario form #erro, #erroEmail { color:#CC0000; font-size:12px; margin:-7px 0 3px 230px;}
div#formulario .msg_confirma{width:354px; height:20px; background-color:#990000; color:#FFFFFF; font-weight:bold; text-align:center; float:right; padding-top:4px; margin-right:2px;}

/*PAGINA_PORTFOLIO*/
div#selecao {height: 160px;width: 180px; margin:5px 12px 0 0px;float:left;}
div#selecao h3 {height: 26px;width: 180px; }
div#selecao h3 img{margin:-8px 0 0 -4px;}
div#selecao a{margin:10px 0;width: 180px; height:120px; display:block;background: url(../imagens/portfolio/novo_serrambi.jpg); }
div#selecao a:hover{background-position:bottom; }
div#selecao span{font-weight:bold;}
div#clientes_port {width: 608px;float:left;background:url(../imagens/bg_clientes3.png) no-repeat left top;min-height:510px;float:right;}
div#clientes_port ul{width: 600px;margin:0px 0px 0px 24px;}
div#clientes_port li{height: 120px;width:180px; background-color:#ddd;float:left; margin:0px 20px 20px 0px;}
div#clientes_port li:hover{background-color:#ccc;}
div#clientes_port li img{margin:6px 6px;}
div#clientes_port li p{color:#666; margin-left:5px; font-size:12px;}
div#clientes_port li a{color:#666}
div#clientes_port li a:hover{text-decoration:underline}
div#clientes_port li .n{font-weight:bold;font-size:14px}
div#clientes_port p { margin-bottom:5px; color:#666;}



