/*config*/
body { background:url(/img/fundo.jpg) top center fixed; padding:0; margin:0; }
ul, li { margin:0; padding:0; list-style:none; display:inline; }
h1, h2, h3, h4, h5 { font-style:normal; font-weight:normal; font-size:small; padding:0; margin:0; }
img { border:0; }

#align { width:728px; margin:0px auto; background:#000; }
input, textarea, select{ -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.voltar { float:right; color:#FFF; padding-top:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:12px; background:url(/img/sprites.png) no-repeat -493px 21px  }
.voltar a { color:#FFF; text-decoration:none; }
.voltar a:hover { color:#FFF; text-decoration:underline; }

/*body top*/
#header { float:left; width:728px;  background-color:#000; }
#header h1 a { float:left; width:311px; height:92px; background:url(/img/sprites.png); background-position:0px 0px; margin:66px 0 0 -17px; text-indent:-9000px; overflow:hidden; }
#quem-somos { float:left; width:370px; font:11px Arial; color:#FFF; margin:32px 0 0 30px; line-height:17px; }
#quem-somos strong.verde { color:#8bbc07; }
#quem-somos strong.branco { color:#FFF; }
#quem-somos h2 { float:left; width:400px; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:4px; }
#quem-somos ul { width: 200px; }
#quem-somos ul li.col1, li.col2, li.col3 { float:left; margin:0 2px 2px 0; background:url(/img/sprites.png) no-repeat -493px 6px #1f1f1f; padding:1px 0 1px 12px; color:#afafaf; }
#quem-somos ul li.col1 { width:110px; }
#quem-somos ul li.col1 a { width:110px; color:#afafaf; text-decoration:none; }
#quem-somos ul li.col2 { width:85px; }
#quem-somos ul li.col2 a { width:110px; color:#afafaf; text-decoration:none; }
#quem-somos ul li.col3 { width:115px; }
#quem-somos ul li.col3 a { width:110px; color:#afafaf; text-decoration:none; }
#quem-somos h3.depo0 { float:left; width:370px; height:115px; margin-top:30px; color:#8cbd08; font-size:16px; text-indent:-9000px; background:url(/img/sprites.png) 0 -870px; }
#quem-somos h3.depo1 { float:left; width:370px; height:115px; margin-top:30px; color:#8cbd08; font-size:16px; text-indent:-9000px; background:url(/img/sprites.png) 0 -990px; }
#quem-somos2 { float:left; width:623px; margin:40px 0 0 52px; padding-top: 15px; font:11px Arial; color:#FFF; line-height:17px; }
#quem-somos2 h2 { float:left; width:623px; height:14px; font-size:20px; font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; color:#FFF; margin-bottom:5px;  }
#quem-somos2 strong.verde { color:#8bbc07; }
#quem-somos2 strong.branco { color:#FFF; }

#nav { float:left; width:728px; height:1px; background:#000; }
#nav ul { float:left; width:165px; list-style:none; padding:0;  margin:-260px 0 0 52px; }
#nav ul li.quemSomos a { float:left; width:165px; height:30px; background-image:url(/img/sprites.png); background-repeat:no-repeat; background-position:0 -102px; overflow:hidden; text-indent:-9000px; }
#nav ul li.portfolio a { float:left; width:165px; height:30px; margin-top:0px; background-image:url(/img/sprites.png); background-repeat:no-repeat; background-position:0 -134px; overflow:hidden; text-indent:-9000px; }
#nav ul li.clientes a { float:left; width:165px; height:30px; margin-top:6px; background-image:url(/img/sprites.png); background-repeat:no-repeat; background-position:0 -174px; overflow:hidden; text-indent:-9000px; }
#nav ul li.hospedagem a { float:left; width:165px; height:32px; margin-top:5px; background-image: url(/img/sprites.png); background-repeat: no-repeat; background-position:0 -208px; overflow:hidden; text-indent:-9000px; }
#nav ul li.lojasvirtuais a { float:left; width:165px; height:30px; margin-top:5px; background-image: url(/img/sprites.png); background-repeat: no-repeat; background-position:0 -249px; overflow:hidden; text-indent:-9000px; }
#nav ul li.contato a { float:left; width:165px; height:30px; margin-top:7px; background-image:url(/img/sprites.png); background-repeat:no-repeat; background-position:0 -290px; overflow:hidden; text-indent:-9000px; }

#main { float:left; width:728px; background:#000; }

/*Blog*/

#main #blog { float:left; width:623px; margin:40px 0 0 52px; padding-top:25px; }
#main #blog h2 { float:left; width:402px; height:48px; background:url(/img/sprites.png); background-position:0px -1120px; text-indent:-9000px; overflow:hidden;  }
#main #blog ul { float:left; width:623px; list-style:none; margin:0 0 10px 0; padding-top:10px; }
#main #blog li a { float:left; width:608px; padding-left:15px; height:22px; margin:5px 0 0 0; font-family:Georgia, Serif; font-size:16px; font-style:italic; color:#FFF; text-decoration:none; border-bottom:1px outset #1f1f1f; background:url(/img/sprites.png) no-repeat -493px 6px;}
#main #blog #vejaMais a { float:right; width:100px; height:14px; background:url(/img/sprites.png); background-position:0 -1177px; text-indent:-9000px; overflow:hidden; }

/*Portfolio*/

#main #portfolio { float:left; width:623px; margin:40px 0 0 52px; padding-top: 15px; }
#main #portfolio h2 { float:left; width:180px; height:48px; background:url(/img/sprites.png); background-position:0px -321px; text-indent:-9000px; overflow:hidden;  }
#main #portfolio ul { float:left; width:623px; list-style:none; display:inline; margin:0 0 10px -10px; }
#main #portfolio li { float:left; width:198px; height:135px; margin:14px 14px 0 0; }
#main #portfolio ul li a,ul li a img { overflow:hidden; float:left } 
#main #portfolio ul li a { border:5px solid #2d2d2d } 
#main #portfolio ul li a img { margin:-5px } 
#main #portfolio ul li a:visited { border:5px solid #2d2d2d } 
#main #portfolio ul li a:visited img { margin:-5px } 
#main #portfolio ul li a:active { border:5px solid #8cbe10 } 
#main #portfolio ul li a:active img { margin:-5px }  
#main #portfolio ul li a:hover { border:5px solid #8cbe10 } 
#main #portfolio ul li a:hover img { margin:-5px }
#main #portfolio ul li div span { font-size:14px; color:#999; margin:10px 0 10px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#main #portfolio li.quebra { float:left; width:198px; height:135px; margin-right:0px;  }
#main #portfolio #vejaMais a { float:right; width:125px; height:14px; background:url(/img/sprites.png); background-position:-183px -344px; text-indent:-9000px; overflow:hidden; }

/*Clientes*/

#main #clientes { float:left; width:623px; margin:40px 0 0 52px; padding-top: 15px;}
#main #clientes h2 { float:left; width:278px; height:35px; background:url(/img/sprites.png); background-position:0px -391px; text-indent:-9000px; overflow:hidden;  }
#main #clientes ul { float:left; width:623px; list-style:none; display:inline; margin:20px 0; } 
#main #clientes li { float:left; width:95px; height:50px; margin:10px 10px 0 0; }
#main #clientes li.quebra { float:left; width:95px; height:50px; margin:10px 0 0 0; }
#main #clientes #vejaMais a { float:right; width:116px; height:14px; background:url(/img/sprites.png); background-position:-310px -344px; text-indent:-9000px; overflow:hidden; }

#main #hospedagem { float:left; width:623px; margin:40px 0 0 52px; padding-top: 15px;}
#main #hospedagem h2 { float:left; width:248px; height:47px; background:url(/img/sprites.png); background-position:0px -435px; text-indent:-9000px; overflow:hidden;  }
#main #hospedagem .servidornobrasil { float:right; width:201px; height:33px; }
#main #hospedagem p a { color:#8bbc07; text-decoration:none; }

/*Hospedagem*/

#main #hospedagem ul { float:left; width:623px; list-style:none; display:inline; margin:20px 0 20px 0; padding:0; } 
#main #hospedagem li.caracteristicas a { float:left; width:133px; height:52px; text-decoration:none; padding-top:35px;  margin:0 0 1px 0; background:#232323; font:11px Arial; color:#FFF; font-weight:bold; text-align:center;  }
#main #hospedagem li.hospedagem1 a { float:left; width:123px; height:87px; margin:0 0 1px 0; background:url(/img/sprites.png); background-position:-1px -774px; text-indent:-9000px; overflow:hidden; }
#main #hospedagem li.hospedagem2 a { float:left; width:122px; height:87px; margin:0 0 1px 0; background:url(/img/sprites.png); background-position:-125px -774px; text-indent:-9000px; overflow:hidden; }
#main #hospedagem li.hospedagem3 a { float:left; width:122px; height:87px; margin:0 0 1px 0; background:url(/img/sprites.png); background-position:-250px -774px; text-indent:-9000px; overflow:hidden; }
#main #hospedagem li.hospedagem4 a { float:left; width:123px; height:87px; margin:0 0 1px 0; background:url(/img/sprites.png); background-position:-372px -774px; text-indent:-9000px; overflow:hidden; }
#main #hospedagem li.espacoemdisco { float:left; width:133px; height:31px; margin:0 0 1px 0; padding-top:15px; margin:0 0 1px 0; background:#232323; font:11px Arial; color:#FFF; font-weight:bold; text-align:center; }
#main #hospedagem li.lidefault1 { float:left; width:112px; height:41px; padding:5px 0 0 11px; margin:0 0 1px 0; background:#232323; font:12px Arial; color:#FFF; line-height:17px; }
#main #hospedagem li.lidefault1cor { float:left; width:112px; height:41px; padding:5px 0 0 10px; margin:0 0 1px 0; background:#1a1a1a; font:12px Arial; color:#FFF; line-height:17px; }
#main #hospedagem li.lidefault1quebra { float:left; width:112px; height:41px; padding:5px 0 0 10px; margin:0 0 0 0; background:#1a1a1a; font:12px Arial; color:#FFF; }
#main #hospedagem li.transferencia { float:left; width:133px; height:30px; padding-top:15px; margin:0 0 1px 0; background:#232323; font:11px Arial; color:#FFF; font-weight:bold; text-align:center; }
#main #hospedagem li.lidefault2 { float:left; width:112px; height:30px; padding:15px 0 0 11px; margin:0 0 1px 0; background:#232323; font:12px Arial; color:#FFF; font-weight:bold; text-align:center;}
#main #hospedagem li.lidefault2cor { float:left; width:112px; height:30px; padding:15px 0 0 10px; margin:0 0 1px 0; background:#1a1a1a; font:12px Arial; color:#FFF; font-weight:bold; text-align:center;}

/*Criação de Sites*/

#main #criacaodesites { float:left; width:623px; margin:25px 0 0 52px;}
#main #criacaodesites h2 { float:left; width:273px; height:17px; background:url(/img/sprites.png); background-position:0px -1200px; text-indent:-9000px; overflow:hidden; margin-bottom:5px;   }
#main #criacaodesites h2.projetoseficazes { float:left; width:315px; height:19px; background:url(/img/sprites.png); background-position:0px -1222px; text-indent:-9000px; overflow:hidden; margin-bottom:5px;   }
#main #criacaodesites h2.criatividade { float:left; width:310px; height:14px; background:url(/img/sprites.png); background-position:0px -1244px; text-indent:-9000px; overflow:hidden; margin:22px 0 5px 0;   }
#main #criacaodesites h2.suportetecnico { float:left; width:182px; height:18px; background:url(/img/sprites.png); background-position:0px -1267px; text-indent:-9000px; overflow:hidden; margin-bottom:5px;   }
#main #criacaodesites p { float:left; width:623px; font:12px Arial; color:#FFF; margin:10px 0 0 0; letter-spacing:0; }
#main #criacaodesites strong { font-weight:normal; }
#main #criacaodesites .verde { color:#8bbc07; font-weight:700; }
#main #criacaodesites a  { color:#8bbc07; text-decoration:none; }
#main #criacaodesites a:hover  { text-decoration:underline; }
.vertical { position:relative; overflow:hidden; height: 168px;	width: 623px; }
.items { position:absolute; height:20000em;	margin: 0px; }
.item {	font-size:12px; height:185px; }
.item img { float:left; margin-right:20px; height:180px; width:240px; }
.item h3 { margin:0 0 5px 0; font-size:16px; color:#456; font-weight:normal; }
#actions { width:623px; margin-top:18px; }
#actions a { font-size:11px; cursor:pointer; color:#666; }
#actions a:hover { text-decoration:underline; color:#000; }
.disabled { visibility:hidden; }
.next { float:right; }	

/*Servidores*/

#main #servidores { float:left; width:623px; margin:40px 0 0 52px;}
#main #servidores strong { font-weight:normal; }
#main #servidores h2 { float:left; width:273px; width:500px; height:19px; font-size:20px; color:#FFF; background:url(/img/sprites.png); background-position:0px -533px; text-indent:-9000px; overflow:hidden; margin-bottom:5px;  }
#main #servidores p { float:left; width:623px; font:12px Arial; color:#FFF; margin:10px 0 0 0; letter-spacing:0;  }
#main #servidores .verde { color:#8bbc07; font-weight:700; text-decoration:none; }
#main #servidores a.verde strong { color:#8bbc07; font-weight:700; text-decoration:none; }
#main #servidores a.branco { color:#fff; text-decoration:none; }

/*Formulário*/

#main #contato { float:left; width:623px; margin:0 0 0 52px; padding-top: 40px;}
#main #contato h2 { float:left; width:138px; height:35px; background:url(/img/sprites.png); background-position:0px -489px; text-indent:-9000px; overflow:hidden;  }
#main #contato #form { float:left; width:623px; margin:15px 0 0 0;}
#main #contato #form #colEsq { float:left; width:295px; margin-right:33px; } 
#main #colEsq .tit { float:left; width:290px; height:20px; font:12px Arial; color:#cacaca; font-weight:bold;}
#main #colEsq .nome { float:left; width:290px; height:20px; border:1px solid #757575; margin-bottom:4px; }
#main #colEsq .telefone { float:left; width:150px; height:20px; border:1px solid #757575; margin-bottom:4px; }
#main #colEsq .blocoCidade { width:180px; float:left; }
#main #colEsq .blocoCidade .titCidade { float:left; width:180px; height:20px; font:12px Arial; color:#cacaca; font-weight:bold;}
#main #colEsq .cidade { float:left; width:180px; height:20px; border:1px solid #757575; margin-bottom:4px; }
#main #colEsq .blocoEstado { width: 50px; float:left; }
#main #colEsq .blocoEstado .titEstado { float:left; width:70px; height:20px; font:12px Arial; color:#cacaca; font-weight:bold; margin:0 0 0 10px; }
#main #colEsq .estado { float:left; width:50px; height:23px; border:1px solid #757575; margin:0 0 4px 10px; }
#main #contato #form #colDir { float:left; width:295px; } 
#main #colDir .tit { float:left; width:290px; height:20px; font:12px Arial; color:#cacaca; font-weight:bold;}
#main #colDir .email { float:left; width:290px; height:20px; border:1px solid #757575; margin-bottom:4px; font:12px Arial; }
#main #colDir .escreva { float:left; width:290px; height:67px; border:1px solid #757575; margin-bottom:4px;  font:12px Arial; }
#main #colDir .enviar { float:right; width:104px; height:31px; background:url(/img/sprites.png); border:0; background-position:-204px -734px; margin-top:11px; text-indent: -9000px; overflow: hidden; }

/*Rodapé*/

#footer {float:left; width:728px; height:300px; background-color:#000;}
#footer h2 a { float:left; width:386px; height:100px; background:url(/img/sprites.png); background-position:0px -557px; text-indent:-9000px; overflow:hidden; margin:81px 0 0 52px;}
#footer #followus { float:left; width:728px; height:60px; margin-top:30px;  }
#footer #followus h3 { float:right; width:85px; height:13px; margin:0 52px 0 0; text-indent:-9000px;  }
#footer #followus .blog a {      float:right; margin-right:12px; width:44px; height:32px;  background:url(/img/sprites.png); background-position:-0px -667px; text-indent:-9000px; overflow:hidden;   }
#footer #followus .twitter a  {  float:right; margin-right:12px; width:66px; height:32px;  background:url(/img/sprites.png); background-position:-60px -667px; text-indent:-9000px; overflow:hidden;  }
#footer #followus .orkut a {     float:right; margin-right:12px; width:37px; height:32px;  background:url(/img/sprites.png); background-position:-139px -667px; text-indent:-9000px; overflow:hidden;   }
#footer #followus .linked a  {   float:right; margin-right:60px; width:19px; height:32px;  background:url(/img/sprites.png); background-position:-190px -667px; text-indent:-9000px; overflow:hidden;  }

/*Box */
.blocoMensagens{ margin: 55px 0 0 0; }
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; -moz-border-radius: 5px; -webkit-border-radius: 5px; font:12px Arial;}
.info { color: #00529B; background-color: #BDE5F8; background-image: url('/img/info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('/img/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('/img/warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('/img/error.png'); }
label.msgerror{ color:#FF0000; float:left; width: 250px; position:relative; font:12px Arial; }

/*Portifolio Internas*/
#main #portfoliointerna { float:left; width:623px; margin:0 0 0 52px; padding-top: 15px; }
#main #portfoliointerna li.quebra { float:left; width:194px; margin-right:0px;  }
#main #portfoliointerna h1 { float:left; width:180px; height:48px; background:url(/img/sprites.png); background-position:0px -321px; text-indent:-9000px; overflow:hidden;  }
#main #portfoliointerna ul { float:left; width:623px; list-style:none; display:inline; margin:20px 0; }
#main #portfoliointerna ul li { float:left; width:194px; margin:14px 14px 0 0; color: #999; background: #222; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 2px; }
#main #portfoliointerna ul li b { font-size:11px; color:#FFF; padding-left:10px; background:url(/img/sprites.png) no-repeat -493px 5px; }
#main #portfoliointerna ul li .site { float:right; width:28px; }
#main #portfoliointerna ul li .site a.linksite { color:#8bbc07; font-weight:bold; text-decoration:none }
#main #portfoliointerna ul li .site a.linksite:hover { color:#8bbc07; font-weight:bold; text-decoration:underline }

/*Imagens Portfolio*/
.image-overlay { list-style: none; text-align: left; }
.image-overlay li { display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a { margin: 9px; float: left; background: #fff; overflow: hidden; position: relative; }
.image-overlay a.compreauto { text-indent:-88843px; line-height:0; }
.image-overlay img { position: absolute; top: 0; left: 0; border: 0; }
.image-overlay .caption { float: left; position: absolute;  background-color: #000; height:35px; padding:8px 0; width: 100%; cursor: pointer; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6 { margin: 10px 0 10px 2px; font-size: 20px; font-weight: bold; padding: 0 0 0 5px; }
.image-overlay p { text-indent: 0; margin: 10px; font-size: 1em; }