/* Resets */
*  {
  margin : 0;
  padding : 0;
}
a {
  outline : none;
  text-decoration : underline;
  color:#333;
}
a:link, a:visited, a:focus, a:active {
  text-decoration : none;
}
a:hover {
  text-decoration : underline;
  color:#333;
}
p {
  margin : 1em 0 0 0;
}
img {
  border : 0;
}
h4{
  font-size:13px;
}
h1, h2, h3, h4, h5 {
  padding : 0;
  margin : 0;
  position : relative;
}
ul {
  list-style : none;
  padding : 0;
  margin : 0;
}
li {
  list-style : none;
  padding : 0;
  margin : 0;
}
thead, tfoot {
  font-weight : bold;
}
fieldset {
  border : 0;
  padding : 0;
  margin : 0;
  position : relative;
}
input {
  padding : 2px;
}
select {
  padding : 1px;
}
option {
  font-size : 12px;
}
input[type="button"] {
  cursor : pointer;
}
#clear {
  clear : both;
}
body {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	padding :0 0 30px 0;
	text-align : center;
	color : #333;
	background:url(../img/bg-body.jpg) repeat-x top center #090C15;
}   

.p-none{display:none;}

/*---------- Div Geral ----------*/
#wrap{
  width:970px;
  margin:0 auto;
  text-align:left;
  background:#FFF;


}
/*---------- Conteudo do Topo ----------*/
#topo{
  width:970px;
  height:146px;
  background:url(../img/bg-topo.jpg) repeat-x top center;
}
#contato{
  float:right;
  height:35px;
  padding:20px 28px 0 0;
}
#logo{
  float:left;
  margin:40px 0 0 15px;
}
#tel{
  float:right;
  margin:5px 20px 0 0;
  font-size:14px;

}
#tel p{
  float:right;
}
#tel img{
  float:left;
  margin-top:7px;
}
#space{
  background:#669900;
  height:10px;
}  
 
/* ---------- Começo menu ----------*/

/* ---------- TOPO - MENU ---------- */
#menu .menu { float:right; height:50px; margin:40px 6px 12px 0; right:0; z-index:2; position:relative; }
#menu .menu ul li { position:relative; display:block; float:left; left:0; font-size:13px; font-weight:bold; background:url(../Imagens/Layout/bg_pont_vert.gif) repeat-y left top; padding:0 0 0 1px; z-index:2; }
#menu .menu ul li a { padding:3px 10px; display:block; z-index:2; font-weight:normal; position:relative; }
#menu .menu ul li a:hover { text-decoration:none; z-index:2; }
#menu .menu ul li .info { font-size:11px; color:#999; line-height:13px; display:block; padding:2px 0 0 0; font-weight:normal; text-transform:none; z-index:2; position:relative; }
#menu .menu ul li ul li { text-transform:none; font-weight:normal; z-index:2; position:relative; }
#menu .menu ul li { line-height: 1.2em; vertical-align: top; }
#menu .menu a { display: block; line-height: 1.2em; padding:4px 6px 5px 6px; }
#menu .menu a span { font-weight:bold; }
#menu .menu ul li div { position: absolute; visibility: hidden; background:#FFF; padding:13px 0 0 14px; }
#menu .menu ul li div .coluna { display:block; float:left; width:140px; padding:0 14px 0 0; position:relative; }
#menu .menu ul li div ul { padding:0 0 10px 0; }
#menu .menu ul li div ul li a { padding:0 0 4px 0; }
#menu .menu ul li:hover div, .menu li.hover div { visibility: visible; display:block; }
#menu .menu ul li ul li:hover div, .menu ul li ul li.hover div { visibility: visible; }
#menu .menu ul li ul li ul li:hover div, .menu ul li ul li ul li.hover div { visibility: visible; }
#menu .menu:after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden }
#menu .menu ul li { float: left; }
#menu .menu ul li div { display: block; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; top:50px; }
#menu .menu ul li ul li { float: none; font-size:11px; color:#666; }
#menu .menu ul li div ul li span { display:block; font-weight:bold; margin:0 0 4px 0; font-size:12px; }
#menu .menu ul li ul li ul { float:none; margin:0; padding:0; }
#menu .menu .menu_1 a { color:#53a90f; }
#menu .menu .menu_1 a:hover .titulo { border-bottom:1px solid #53a90f; }
#menu .menu .menu_2 a { color:#0061ce; }
#menu .menu .menu_2 a:hover .titulo { border-bottom:1px solid #0061ce; }
#menu .menu .menu_3 a { color:#c200be; }
#menu .menu .menu_3 a:hover .titulo { border-bottom:1px solid #c200be; }
#menu .menu .menu_4 a { color:#ff8a00; }
#menu .menu .menu_4 a:hover .titulo { border-bottom:1px solid #ff8a00; }
#menu .menu .menu_5 a { color:#d90000; }
#menu .menu .menu_5 a:hover .titulo { border-bottom:1px solid #d90000; }
#menu .menu .menu_1 { background:none; }
#menu .menu .menu_1 div { border:1px solid #53A90F; display:block;  top:50px; width:150px; }
#menu .menu .menu_1 div span { color:#53A90F; }
#menu .menu .menu_1 div li { padding:0; }
#menu .menu .menu_1 div li a { color:#666666; }
#menu .menu .menu_1 div li a:hover { color:#53a90f; background:none; text-decoration:underline; }
#menu .menu .menu_2 div { display: block; border:1px solid #0061ce; top:50px; width:154px; }
#menu .menu .menu_2 div span { color:#0061ce; }
#menu .menu .menu_2 div li { padding:0; }
#menu .menu .menu_2 div li a { color:#666; }
#menu .menu .menu_2 div li a:hover { color:#0061ce; background:none; text-decoration:underline; }
#menu .menu .menu_3 div { display: block; border:1px solid #C200BE; top:50px; width:130px; }
#menu .menu .menu_3 div span { color:#C200BE; }
#menu .menu .menu_3 div li { padding:0; }
#menu .menu .menu_3 div li a { color:#666; }
#menu .menu .menu_3 div li a:hover { color:#C200BE; background:none; text-decoration:underline; }
#menu .menu .menu_4 div { display: block; border:1px solid #FF8A00; top:50px; width:130px; }
#menu .menu .menu_4 div span { color:#FF8A00; }
#menu .menu .menu_4 div li { padding:0; }
#menu .menu .menu_4 div li a { color:#666; }
#menu .menu .menu_4 div li a:hover { color:#FF8A00; background:none; text-decoration:underline; }
#menu .menu .menu_5 div { display: block; border:1px solid #D90000; top:50px; width:125px; right:0; }
#menu .menu .menu_5 div span { color:#D90000; }
#menu .menu .menu_5 div li { padding:0; }
#menu .menu .menu_5 div li a { color:#666; }
#menu .menu .menu_5 div li a:hover { color:#D90000; background:none; text-decoration:underline; }
#menu .menu .primeiro, .menu li li { background: #FFF; }
#menu .menu .novo { background: url("../Imagens/Layout/icon_mini_novo.gif") no-repeat scroll right top transparent; }
#menu .menu .gratis { background: url("../Imagens/Layout/icon_mini_gratis.gif") no-repeat scroll right top transparent; }



/*----------- Banner ----------*/
#banner{
  width:970px;
  height:300px;
  float:left;
  margin-bottom:30px;
  background:#000;
}   

/*---------- Conteudo do site ----------*/
#conteudo{
  width:970px;
  padding:20px 0 0 0px;
}      

/*---------- Coluna Direita ----------*/
#col-right{
  float:right;
  width:250px;
  padding:0px 15px 20px 15px;
}
#atendimento{
  width:250px;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px dotted #DADADA;
}
#atendimento h1{
  background:url(../img/atendimento.jpg) no-repeat top left;
  height:24px;
  margin-bottom:20px;
}
#orcamento h1{
  background:url(../img/orcamento-h1.jpg) no-repeat top left;
  height:24px;
  margin-bottom:20px;  
}
#orcamento{
  width:250px;
  margin-bottom:20px;
  padding-bottom:10px;
  border-bottom:1px dotted #DADADA;
}
#siga-webfamily{
  height:80px;
  width:250px; 
  border-bottom:1px dotted #DADADA;
  margin-bottom:20px;
}
#siga-webfamily h1{
  background:url(../img/siga-web.jpg) no-repeat top left;
  height:25px;
  margin-bottom:20px;
}
#siga-webfamily img{
  float:left;
  margin:2.5px;
}
#blog{
  height:200px;
  background:#f4f4f4;

}
#blog h1{
  background:url(../img/u-blog.jpg) no-repeat top left;
  height:27px;
}
/*---------- Coluna Esquerda ----------*/
#col-left{
  float:left;
  width:659px;
  padding:0px 14px;
  border-right:1px dotted #DADADA;
  margin-bottom:20px;
}
#pagina{
  height:auto;
  margin-bottom:10px;
}

/*---------- WebDesign ----------*/
#pagina .webdesign{
  height:650px
}
#pagina .webdesign p{
  font-size:13px;
  width:650px;
  text-align:justify;
}
#pagina .webdesign img{
  float:left;
  border:0;
  margin:0px 20px 0 0; 
}
#pagina .webdesign h1{
  background:url(../img/webdesign-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;
}
#pagina .webdesign ul{
  margin:5px 0 0 20px;
}
#pagina .webdesign ul li{
  list-style:disc;
  margin:3px 0;
}

/*---------- E-commerce ----------*/
#pagina .e-commerce h1{
  background:url(../img/e-commerce-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;
}
#pagina .e-commerce ul li{
  list-style:square;
  margin:0 0px 10px 20px;
  width:580px;
  text-align:justify;
}
#pagina .e-commerce .width{
  width:650px;
  text-align:justify;
}
#pagina .e-commerce h2{
  padding:5px 0 5px 5px;
  color:#333;
  border-left:3px solid #FF3300;
  font-size:16px;
  margin:20px 0;
}

/*---------- Mobile ----------*/
#pagina .mobile h1{
  background:url(../img/mobile-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*---------- Identidade Visual e Logotipo ----------*/
#pagina .logotipo{
  height:auto;
}
#pagina .logotipo img{
  float:left;
  border:0;
  margin:0px 20px 0 0; 
}
#pagina .logotipo h1{
  background:url(../img/logotipo-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;
}
#pagina .logotipo p{
  width:650px;
  text-align:justify;
}
#pagina .logotipo ul{
  margin:5px 0 0 20px;
}
#pagina .logotipo ul li{
  list-style:disc;
  margin:3px 0;
}

/*--------- marketing --------*/
#pagina .marketing h1{
  background:url(../img/marketing-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .marketing p{
  width:650px;
}

/*--------- Sistemas Web --------*/
#pagina .sistemas h1{
  background:url(../img/sistemas-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .sistemas p{
  width:650px;
}
#pagina .sistemas{
  height:600px;
}
#pagina .sistemas img{
  float:right;
  border:0;
  margin:7px; 
}
#pagina .sistemas ul{
  margin:5px 0 0 20px;
}
#pagina .sistemas ul li{
  list-style:disc;
  margin:3px 0;
}
/*--------- Acessibilidade web e SEO --------*/
#pagina .seo h1{
  background:url(../img/seo-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .seo{
  height:auto;
}
#pagina .seo img{
  float:right;
  border:0;
  margin:5px; 
}
#pagina .seo ul{
  margin:5px 0 0 20px;
}
#pagina .seo ul li{
  list-style:disc;
  margin:3px 0;
}
/*--------- Portais --------*/
#pagina .portais h1{
  background:url(../img/portais-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Hospedagem Linux --------*/
#pagina .hos-linux h1{
  background:url(../img/hos-linux-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Hospedagem Windows --------*/
#pagina .hos-windows h1{
  background:url(../img/hos-windows-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .hos-windows table{
	margin:0 auto;
}

/*--------- Registro de Dominios --------*/
#pagina .reg-dominio h1{
  background:url(../img/reg-dominio-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Orçamento --------*/
#pagina .orcamento h1{
  background:url(../img/orcamentos-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .orcamento h2{
  color:#333;
  font-size:16px;
  border-left:3px solid #FF3300;
  padding:5px 3px;
  margin:10px 0;
}
#pagina .orcamento input, select, textarea{
  border:1px solid #666;
  background:url(../img/bg-input.jpg)  repeat-x top ;
  margin:3px 0;
}
/*--------- A empresa --------*/
#pagina .a-empresa h1{
  background:url(../img/a-empresa-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .a-empresa p{
  width:650px;
  text-align:justify
}

/*--------- Equipe --------*/
#pagina .equipe h1{
  background:url(../img/equipe-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Parceiros --------*/
#pagina .parceiros h1{
  background:url(../img/parceiros-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}
#pagina .parceiros h2{
  border-left:3px solid #FF0033;
  padding:5px 3px;
  float:left;
  margin-top:20px;
}
#pagina .parceiros img{
  border:0;
  margin:5px; 
}
#pagina .parceiros ul{
  text-align:center;
  margin:10px 0 20px 0px;
  float:left;
}
#pagina .parceiros ul li{
  margin:3px 0;
  float:left;
  height:80px;
  margin-right:20px;
}
#pagina .parceiros ul li a{
  display:block;
}

/*--------- Metodologia de Trabalho --------*/
#pagina .trabalho h1{
  background:url(../img/trabalho-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Clientes e Portifolio --------*/
#pagina .portifolio h1{
  background:url(../img/portifolio-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- POTIFOLIO WEBSITES--------*/
#pagina .port-website h1{
  background:url(../img/website-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- POTIFOLIO Lojas Virtuais--------*/
#pagina .port-lojavirtual h1{
  background:url(../img/lojavirtual-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- POTIFOLIO PORTAIS--------*/
#pagina .port-portal h1{
  background:url(../img/portal-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- POTIFOLIO BLOGS--------*/
#pagina .port-blog h1{
  background:url(../img/blog-h1.jpg) no-repeat top left;
  margin-bottom:20px;
  height:30px;          
}

/*--------- Serviços em Destaque --------*/
#servicos-destaque{
  height:300px;
  margin-bottom:10px;
  border-bottom:1px dotted #DADADA;
}
#servicos-destaque img{
  float:left;
  border:0;
  margin:0px 18px 0 0; 
}
#servicos-destaque h1{
  background:url(../img/s-destaques.jpg) no-repeat top left;
  height:25px;
  margin-bottom:20px;
}

/*---------- Ultimos trabalhos ----------*/ 
#ultimos-trabalhos{
  width:650px;
  height:300px; 
}
#ultimos-trabalhos h1{
  background:url(../img/u-trabalhos.jpg) no-repeat top left;
  height:24px;
  margin-bottom:20px;
}
#ultimos-trabalhos ul li{
  text-align:center;
  float:left; 
  margin-right:15px;
  background:#FFF;
  padding:5px;
  border:1px solid #CCC;
}
#ultimos-trabalhos ul li img{
  margin-bottom:5px;
  display:block;
}
#ultimos-trabalhos ul li a{
  display:block; 

}

/*---------- Contato ----------*/ 
#pagina .contato{
  height:600px;
}
#pagina .contato h1{
  background:url(../img/contato-h1.jpg) no-repeat top left;
  height:30px;
  margin-bottom:20px;
}
#pagina .contato p{
  color:#666;
}
#pagina .contato form{
  margin:20px 0 0 50px;
  width:400px;
}
#pagina .contato input{
  width:200px;
  color:#666;
  border:1px solid #CCC;
  background:url(../img/bg-input.jpg) repeat-x top;
  margin:0 0 10px 0;
} 
#pagina .contato .enviar {
  width:70px;
  display:block;
  background:#DADADA;
  border:1px solid #666;
  margin:10px auto;
}
#pagina .contato input:hover{
  border:1px solid #666;
}
#pagina .contato textarea{
  width:300px; 
  border:1px solid #CCC;
  color:#666; 
}
#pagina .contato textarea:hover{
  border:1px solid #666;
}
#pagina .contato span{
  margin:0px 10px 2px 0;
  width:60px;
  float:left;
  color:#666;
  text-align:right;
}
#pagina .contato label{
}
#pagina .contato .resp{
  width:300px;
  padding:10px;
  background:#CAFFE4;
  border:1px solid #00CC00;
}
#pagina .contato .resp h2{
  font-size:15px;
}
#pagina .contato .resp p{
  color:#000;
}
/*---------- Menu Rodape ----------*/
#menu-rodape{
  height:300px;
  width:970px;
  background:url(../img/menu-rodape.jpg) repeat-x top center;
  border-bottom:1px dotted #CCC;  

}
#menu-rodape .menu a:hover { 
  text-decoration:underline; 
  color:#333; 
}
#menu-rodape .menu li {
  display:block;
  float:left; 
  font-size:12px; 
  font-weight:bold; 
  margin:1px 0 0; 
  padding:4px 0 0; 
  position:relative; 
  color:#666; 
}
#menu-rodape .menu span {
  display:block; 
  font-size:12px; 
  margin:0 0 2px; 
  padding:0; 
  color:#333;

}
#menu-rodape .menu .servicos-produtos {
  padding:4px 0 0 25px;
  width:180px; 
}
#menu-rodape .menu .produtos { 
  width:180px;
}
#menu-rodape .menu .solucoes { 
  width:180px;
}
#menu-rodape .menu .atendimento {
  width:180px;
}
#menu-rodape .menu .empresa {
  width:180px; 
}
#menu-rodape .menu .coluna { 
  display:block; 
  float:left;   
}
#menu-rodape .menu ul { 
  margin:8px 0 0 0; 
}
#menu-rodape .menu .servicos-produtos ul {
  margin-right:25px;
}
#menu-rodape .menu li ul li { 
  background:none; 
  font-size:11px; 
  height:auto; 
  margin:0; 
  padding:2px 0; 
  float:none;
}
#menu-rodape .menu .titulo{
  color:#F8F8F8;
}
#menu-rodape .menu li ul li ul {
  margin:0;  
}
#menu-rodape .menu li ul li span{
  
}                   
#menu-rodape .menu li ul li ul li { 
  font-weight:normal; 
} 
#menu-rodape .menu li ul li a , #rodape .menu li ul li ul li a {
  font-weight:normal; 
}
#menu-rodape .links { 
  float:left; 
  width:100%; 
  overflow:hidden; 
  position:relative; 
  
}
#menu-rodape .links ul { 
  clear:left; 
  float:left; 
  list-style:none; 
  margin:0; 
  padding:0; 
  position:relative; 
  left:50%; 
  text-align:center; 
  
} 
#menu-rodape .links li { 
  display:block; 
  float:left; 
  list-style:none; 
  padding:0 15px 0 16px; 
  position:relative; 
  right:50%; 
}
#menu-rodape .links .primeiro { 
  background:none; 
}
#menu-rodape .contratos { 
  display:block; 
  float:left; 
  left:0; 
  margin:21px 22px 5px 22px; 
  position:relative; 
}
#menu-rodape .contratos li { 
  position:relative; 
  float:left; 
  left:0; 
  height:35px; 
  padding:6px 15px 0 16px; 
  background:url(../Imagens/Layout/bg_pont_vert.gif) repeat-y top left; 
}
#menu-rodape .contratos .primeiro { 
  padding:0 15px 0 0; 
  background:none; 
}
#menu-rodape .valida { 
  float:right; 
  right:0; 
  margin:34px 22px 0 0; 
  padding:4px 0 0; 
  position:relative; 
  width:150px; 
}
#menu-rodape .valida li { 
  position:relative; 
  float:right; 
  right:0; 
}
#menu-rodape .valida .css a {
  position:relative; 
  display:block; 
  background:url(../Imagens/Layout/icon_css.gif) no-repeat; 
  width:30px; 
  height:7px; 
  text-indent:-5000em; 
  margin:0 10px 0 0; 
}
#menu-rodape .valida .xhtml a { 
  position:relative; 
  display:block; 
  background:url(../Imagens/Layout/icon_xhtml.gif) no-repeat; 
  width:43px; 
  height:7px; 
  text-indent:-5000em; 
}

/* ---------- RODAPE ---------- */
#rodape{
  height:85px;
  background:url(../img/rodape.jpg) no-repeat;
}
#rodape p{
  margin:40px 0px 0 200px;
  float:left;
}
#logo-rdp img{
  float:left;
  margin:15px 7px;
}
#css{
  float:right;
  margin:35px 7px;
}





.pacote{}

.pacote h3{
	border-left:3px solid #900;
	font-size:22px;
	padding:0 0 0 10px;
	margin:10px 0;
}

.pacote h4{
	border-left:3px solid #000;
	font-size:12px;
	padding:0 0 0 10px;
	margin:1px 0 0 15px;
}

.pacote h5{
	border-left:3px solid #900;
	font-size:15px;
	padding:0 0 0 10px;
	margin:1px 0 0 0;
}

.pacote h6{
	border-left:3px solid #900;
	font-size:20px;
	padding:0 0 0 10px;
	margin:1px 0 0 0;
	color:#900
}

.pacote ul{
	margin:15px 0 0 0;
	
}

.pacote ul li{
	padding:0 0 0 25px;
	list-style:url(../img/visto.png) inside;
	margin:3px 0;
}

.img-p{
	float:right;
}

#site_p{
	/*background:url(../img/site-p.png) no-repeat right;*/
}

#marketing{
	clear:both;
	/*background:url(../img/market-p.png) no-repeat right;*/
	/*height:160px;*/
	/*padding:150px 0 0 0;*/
	margin:40px 0;
}

#redes_p{
	/*background:url(../img/redes-p.png) no-repeat right;*/
	/*height:147px;*/
	margin:40px 0;
}

#form1 input{
	border:1px solid #CCC;
	width:362px;
	padding:5px;
}

.btn_p{
	width:50px
}

#otimizacao_p{
	margin:40px 0;
}



/*Atendimento online*/
#atendimentoweb{
	width:304px;
	height:287px;
	background:url(../atendimentoweb.png) no-repeat;
	position:fixed;
	top:50%;
	left:50%;
	margin:-143px 0 0 -152px;
	z-index:99999;
}

.fechar{
	position:absolute;
	width:26px;
	height:24px;
	right:15px;
	top:15px;
	float:left;
}

.link_atendimento{
	width:220px;
	height:130px;
	float:left;
	bottom:0;
	position:absolute;
	left:50px
}


/*/ SUPORTE EMAIL /*/

#imagem_suporte{
	width: 661px;
	height: 224px;
	float: left;
	margin: 20px 0 0 0;
}