/*

Arquivo de Folha Estilos
Autor: Gustavo Borges Michel
Website: www.gust.com.br

*/

/*Estilos gerais do site*/

body {
	margin:0;
	font:normal 0.69em Arial, Tahoma;
	background:#fff;
	color:#665;
}

ol, ul, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}

label {
	cursor:pointer;
}

ul {
	list-style:none;
}

a {
	color:#665;
	text-decoration:none;
}

a:hover {
	color:#665;
	text-decoration:underline;
}

img, table {
	border:0;
}

textarea {
	font:normal 1em Arial, Tahoma;
	overflow:auto;
}

fieldset {
    border:0;
    margin:0;
    padding:0;
}

legend, hr {
    display:none;
}

address {
	font:normal 1em Arial, Tahoma;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.block {
    display:block;
}

.none {
    display:none;
}

.relative {
    position:relative;
}

/*Classes*/
.site {
	width:100%;
	font:normal 1em Arial;
}

.topo {
	width:100%;
	background:url(../../images/site/bg_topo_net.jpg) center top repeat-x;
	height:303px;
}

.topo-conteudo {
	width:980px;
	margin:0 auto;
	height:303px;
	
}


.flash-meio {
	width:972px;
	margin:49px auto 0;
	height:114px;
	background:url(../../images/site/marcacao/flash.jpg) 0 0 no-repeat;
}

.divisor-conteudo {
	width:972px;
	margin:0 auto;
}

.boxes {
	width:941px;
	padding:0 16px 0 15px;
	margin:39px auto 105px;
}

.boxes h3.titulo-box {
	text-indent:-9999px;
	margin-bottom:20px;
	height:24px;
}

.boxes h4.sub-titulo-box {
	font:bold 20px Arial, Tahoma;
	color:#333;
	letter-spacing:-1px;
	margin-bottom:8px;
	margin-top:10px;
}

.boxes p.texto-box {
	color:#999;
	line-height:132%;
	letter-spacing:-1px;
	font-size:16px;
	margin-bottom:10px;
}

.modal p.texto-box {
	color:#999;
	line-height:132%;
	letter-spacing:-1px;
	font-size:16px;
	margin-bottom:10px;
}

.modal h4.sub-titulo-box {
	font:bold 20px Arial, Tahoma;
	color:#333;
	letter-spacing:-1px;
	margin-bottom:8px;
}

.boxes a.link-box {
	font:bold 14px Arial, Tahoma;
	color:#1C5D92;
}

.ultimos-trabalhos {
	width:281px;
	background:url(../../images/site/bg_ultimos_job.jpg) 0 20px no-repeat;
	padding-top:138px;
	float:left;
}

.ultimos-trabalhos h3.titulo-box {
	background:url(../../images/site/tit_ultimos_trabalhos.jpg) no-repeat;
	width:240px;
	margin-top:5px;
}

.monte-sua-loja {
	width:282px;
	background:url(../../images/site/bg_monte_sua_loja.jpg) top left no-repeat;
	padding-top:130px;
	margin:0 48px;
	float:left;
}

.monte-sua-loja h3.titulo-box {
	background:url(../../images/site/tit_monte_sua_loja.gif);
	width:194px;
}

.hosting-profissional {
	width:282px;
	background:url(../../images/site/bg_hosting_profissional.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
}

.hosting-profissional-hosts {
	width:282px;
	background:url(../../images/site/bg_hosting_profissional.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
	margin-left:100px;
}

.hosting-profissional-hosts-r {
	width:282px;
	background:url(../../images/site/bg_hosting_profissional.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
	margin-left:150px;
}


.hosting-profissional-hosts h3.titulo-box {
	background:url(../../images/site/tit_vantagens.jpg) no-repeat;
	width:339px;
}

.hosting-profissional-hosts-r h3.titulo-box {
	background:url(../../images/site/tit_ambientes.jpg) no-repeat;
	width:339px;
}


.hosting-profissional h3.titulo-box {
	background:url(../../images/site/tit_hosting_profissional.gif);
	width:266px;
}

.rodape {
	width:100%;
	background:url(../../images/site/bg_rodape.jpg) repeat-x;
	height:260px;
	color:#B8C3CD;
}

.rodape-conteudo {
	width:972px;
	margin:0 auto;
	background:url(../../images/site/bg_rodape.jpg) repeat-x;
	height:260px;
}

.boxes-rodape {
	width:100%;
	padding-top:8px;
	height:229px;
	overflow:hidden;
}

.boxes-rodape h3.titulo-box-rodape {
	text-indent:-9999px;
	height:20px;
}

.entre-em-contato {
	width:272px;
	background:url(../../images/site/divisor_box_rodape.gif) right top no-repeat;
	float:left;
	padding-top:20px;
	height:209px;
}

.entre-em-contato h3.titulo-box-rodape {
	width:201px;
	background:url(../../images/site/tit_entre_em_contato.gif) no-repeat;
}

.entre-em-contato .telefones-contato {
	text-indent:-9999px;
	width:220px;
	height:85px;
	margin-top:23px;
	background:url(../../images/site/telefones.gif) no-repeat top;
}

.social {
	width:402px;
	background:url(../../images/site/divisor_box_rodape.gif) right top no-repeat;
	float:left;
	padding-top:20px;
	height:209px;
}

.social h3.titulo-box-rodape {
	width:71px;
	background:url(../../images/site/tit_social.gif) no-repeat;
	margin-left:30px;
}

.social ul.links-social {
	margin:15px 0 0 30px;
}

.social ul.links-social li {
	float:left;
	margin-right:5px;
}

.social ul.lista-fotos {
	margin:15px 0 0 31px;
}

.social ul.lista-fotos li {
	float:left;
	width:50px;
	padding:3px;
	background:#184d78 url(../../images/site/social.jpg) repeat-x;
	height:50px;
	margin-right:10px;
}

.social ul.lista-fotos li .img-foto {
	width:153px;
	height:50px;
	overflow:hidden;
}

.social a.album-completo {
	display:block;
	float:left;
	margin:14px 0 0 31px;
	color:#fff;
	font:bold 14px Arial, Tahoma;
}

.social a.album-completo:hover {
	color:#fff;
}

.newsletter {
	width:267px;
	float:left;
	padding-top:20px;
	height:209px;
}

.newsletter h3.titulo-box-rodape {
	width:132px;
	background:url(../../images/site/tit_newsletter.gif) no-repeat;
	margin-left:27px;
}

.newsletter .formulario-news {
	margin:21px 0 0 23px;
	width:241px;
}

.newsletter .formulario-news input.input-text {
	border:0;
	padding:4px 6px 5px;
	width:229px;
	font:italic bold 15px Arial;
	color:#999;
	height:19px;
	margin-bottom:7px;
	background:url(../../images/site/bg_input.jpg) no-repeat;
}

.newsletter .formulario-news input.btn_enviar {
	float:right;
	margin-top:4px;
}

/*INTERNAS - EMPRESA*/

.topo-internas {
	width:100%;
	background:url(../../images/site/topo_2.jpg) center top repeat-x;
	*background:url(../../images/site/topo_2.jpg) 0 0px repeat-x;
	height:207px;
}

.topo-conteudo-internas {
	width:980px;
	margin:0 auto;
	height:207px;
	
}

.meio-internas {
	width:972px;
	margin:0 auto;
	padding:10px 0 0 10px;
	height:44px;
	font: 16px Arial;
	color:#999999;
	line-height:132%;
}


.meio-internas b{
	color:#333;
}

.meio-baixo {
	width:972px;
	margin:0 auto;
	padding:10px 0 0 10px;
	height:44px;
	border-top:solid 1px #ebebeb;
}

.secao-internas {
	width:940px;
	margin:auto;
	background:url(../../images/site/bg_empresa.jpg) top right no-repeat;
}

.secao-internas-contato {
	width:940px;
	height:118px;
	margin:auto;
}

.secao-internas-clientes {
	width:940px;
	height:118px;
	margin:auto;
}

.secao-internas-hosts {
	width:940px;
	margin:auto;
	background:url(../../images/site/bg_hosts.jpg) top right no-repeat;
}

.secao-internas-sistemas {
	width:940px;
	margin:auto;
	background:url(../../images/site/bg_servicos_internas.jpg) right top no-repeat;
}

.secao-internas-ecommerce {
	width:940px;
	height:119px;
	margin:auto;
	background:url(../../images/site/bg_ecommerce.jpg) right no-repeat;
}

.secao-internas-mkt {
	width:940px;
	height:119px;
	margin:auto;
	background:url(../../images/site/bg_mkt.jpg) right no-repeat;
}

.secao-internas-ecommerce-vantagens {
	width:940px;
	height:104px;
	margin:auto;
	background:url(../../images/site/bg_vantagens_ecommerce.jpg) right no-repeat;
}

.secao-internas-mkt-vantagens {
	width:940px;
	height:113px;
	margin:auto;
	background:url(../../images/site/bg_vantagens_mkt.jpg) right no-repeat;
}

.secao-internas-vantagens {
	width:940px;
	margin:auto;
	background:url(../../images/site/bg_vantagens_internas.jpg) right top no-repeat;
}

.secao-internas h1 , .secao-internas-ecommerce h1 {
	margin:83px 0 0 0px;
	float:left;
}

.secao-internas-sistemas h1,.secao-internas-vantagens h1 , .secao-internas-ecommerce-vantagens h1{
	margin:15px 0 0 0px;
	float:left;
}

.secao-internas-mkt h1,.secao-internas-mkt-vantagens h1 {
	margin:78px 0 0 10px;
	float:left;
}

.secao-internas-hosts h1 {
	margin:70px 0 0 10px;
	float:left;
}


.secao-internas-texto {
	float:left;
	color:#999;
	line-height:132%;
	letter-spacing:-1px;
	font-size:16px;
	margin:20px 0 10px 0;
}

.secao-internas-texto-box {
	float:left;
	color:#999;
	line-height:132%;
	letter-spacing:-1px;
	font-size:16px;
	margin:40px 0 10px 0;
	width:400px;
	float:right;
}

.valores{
	width:400px;
	background:url(../../images/site/bg_valores.jpg) top left no-repeat;
	padding-top:90px;
	float:left;
}

.valores h3.titulo-box {
	background:url(../../images/site/tit_missao.jpg) no-repeat;
	width:360px;
	height:25px;
}

.missao{
	width:400px;
	background:url(../../images/site/bg_missao.jpg) top left no-repeat;
	padding-top:92px;
	float:right;
}

.missao h3.titulo-box {
	background:url(../../images/site/tit_visita.jpg) no-repeat;
	width:360px;
}

.maps{
	width:512px;
	height:340px;
	float:left;
	margin:40px 0 10px 0;
	background:url(../../images/site/bg_maps.jpg) no-repeat;
}

.hosts {
	width:940px;
	
	float:left;
	margin:40px auto 10px 80px;
}


/*SERVICOS*/

.imagen {
	margin-bottom:10px;
}

.servicos-sites {
	width:281px;
	
	padding-top:20px;
	float:left;
	margin-left:100px;
}

.servicos-sites h3.titulo-box {
	background:url(../../images/site/tit_desenv_sites.jpg) no-repeat;
	width:308px;

}

.servicos-ecommerce {
	width:281px;
	background:url(../../images/site/bg_monte_sua_loja.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
	margin-left:150px;
}

.servicos-ecommerce h3.titulo-box {
	background:url(../../images/site/tit_sistemas_ecommerce.jpg) no-repeat;
	width:308px;
}

.servicos-hosting {
	width:281px;
	background:url(../../images/site/bg_hosting_profissional.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
	margin-left:100px;
	margin-top:50px;
}

.servicos-hosting h3.titulo-box {
	background:url(../../images/site/tit_hosting.jpg) no-repeat;
	width:308px;

}

.servicos-mkt {
	width:281px;
	background:url(../../images/site/bg_mail_mkt.jpg) top left no-repeat;
	padding-top:130px;
	float:left;
	margin-left:150px;
	margin-top:50px;
}

.servicos-mkt h3.titulo-box {
	background:url(../../images/site/tit_mkt.jpg) no-repeat;
	width:308px;
}

.servicos-sistemas {
	width:281px;
	background:url(../../images/site/bg_desenv_sistemas.jpg) top left no-repeat;
	padding-top:165px;
	float:left;
	margin-left:100px;
	margin-top:50px;
}

.servicos-sistemas h3.titulo-box {
	background:url(../../images/site/tit_desenv_sistemas.jpg) no-repeat;
	width:358px;

}

/*CONTATO*/

.contato {
	width:621px;
	float:left;
	padding-top:20px;
	height:500px;
}

.contato h3.titulo-box-rodape {
	width:132px;
	background:url(../../images/site/tit_newsletter.gif) no-repeat;
	margin-left:27px;
}

.contato .formulario-contato {
	margin:21px 0 0 0px;
	width:621px;
}

.contato .formulario-contato input.input-text {
	border:0;
	padding:4px 6px 5px;
	width:489px;
	font:italic bold 15px Arial;
	color:#fff;
	height:19px;
	margin-bottom:19px;
	border:solid 1px #666;
	background:#1B5C8F;
	float:right;
}

.contato .formulario-contato select.input-text {
	border:0;
	padding:4px 6px 5px;
	width:503px;
	font:italic bold 15px Arial;
	color:#fff;
	height:30px;
	margin-bottom:19px;
	border:solid 1px #666;
	background:#1B5C8F;
	float:right;
}

.contato .formulario-contato textarea.input-text{
	border:0;
	padding:4px 6px 5px;
	width:489px;
	font:italic bold 15px Arial;
	color:#fff;
	height:126px;
	margin-bottom:7px;
	border:solid 1px #666;
	background:#1B5C8F;
	float:right;
}

.contato .formulario-contato label{
	font:bold 20px Arial, Tahoma;
	color:#333;
	letter-spacing:-1px;
	margin-bottom:8px;
	float:left;
	clear:both;
	padding:4px 6px 5px;
	margin-bottom:7px;
}

.contato .formulario-contato input.btn_enviar {
	float:left;
	margin-top:10px;
	margin-left:120px;
	clear:both;
}

.pagi {
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
	float:right;
	margin-right:30px;
	margin-top:-17px;
}

.pagi b {
	color:#000;
}

.paginacao {
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
	float:right;
	margin-right:30px;
}

.paginacao a{
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
}

.paginacao a:hover{
	font:Arial, Tahoma;
	color:#000;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
	text-decoration:none;
}

.ancora {
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
	margin-right:30px;
	float:left;
}

.ancora a{
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
}

.ancora a.voltar{
	font:Arial, Tahoma;
	color:#000;
	letter-spacing:-1px;
	margin-bottom:8px;
	margin-left:8px;
	line-height:132%;
	font-size:15px;
}

.ancora a.voltar:hover{
	font:Arial, Tahoma;
	color:#999;
	letter-spacing:-1px;
	margin-bottom:8px;
	margin-left:8px;
	line-height:132%;
	font-size:15px;
	text-decoration:none;
}

.ancora a:hover{
	font:Arial, Tahoma;
	color:#000;
	letter-spacing:-1px;
	margin-bottom:8px;
	line-height:132%;
	font-size:13px;
	text-decoration:none;
}
/*CLIENTES*/

.clientes {
	width:220px;
	background:url(../../images/site/bg_borda_clientes.jpg) top left no-repeat;
	padding:15px;
	float:left;
	margin-left:50px;
}

.boxes-clientes {
	width:941px;
	padding:0 16px 0 15px;
	margin:39px auto 105px;
}

.boxes-clientes h4.sub-titulo-clientes {
	font:bold 20px Arial, Tahoma;
	color:#333;
	letter-spacing:-1px;
	margin-bottom:8px;
	margin-top:20px;
	margin-left:-15px;
}

.ancora a.link-clientes {
	font:bold 14px Arial, Tahoma;
	color:#1C5D92;
	margin-left:0px;
}

.missao a.link-clientes {
	font:bold 14px Arial, Tahoma;
	color:#1C5D92;
	margin-left:0px;
}

.clientes a.link-clientes {
	font:bold 14px Arial, Tahoma;
	color:#1C5D92;
	margin-left:-15px;
}


.ancora {
	float:right;
	display:block;
}

.secao-portfolio {
	width:100%;
	height:600px;
	background:#FFFFFF;
	margin-left:0;
}
.secao-portfolio2 {
	width:100%;
	background:#FFFFFF;
	margin-left:0;
}


.empresas {
	width:972px;
	margin:46px auto 0;
	height:140px;
	background:url(../../images/site/bg_cases.jpg) left bottom no-repeat;
}

.foco-empresa {
	width:972px;
	height:108px;
	float:left;
	padding:6px 0 0 16px;
	font: 16px Arial;
}

.foco-empresa h3 {
	width:691px;
	height:79px;
	margin-left:0px;
	margin-right:80px;
	border-right:dotted 1px #ccc;
	float:left;
}

.empresas .lista-empresas {
	width:217px;
	background:url(../../images/site/bg_lista_empresas.gif) left top no-repeat;
	overflow:hidden;
	float:left;
}

.empresas .lista-empresas ul li {
	width:192px;
	height:131px;
	text-align:center;
	overflow:hidden;
}

.email-link {
	width:220px;
	height:20px;
	position:absolute;
	margin-top:50px;
}

.imagens_conceito{
	float:right;
	margin-right:40px;
	margin-top:-43px;
}

.texto-box-vantagens {
	color:#999;
	line-height:132%;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:normal;
}