* { margin:0;  }

body { margin:0px; padding:0px; text-align:center; background-color:#d0d0d0; font-family:tahoma; font-size:11px;}

ul,li { list-style:none; }
a{ text-decoration:none; color:#0f2e42;}
a:hover{ text-decoration:underline}
img { border:none; }
.laranja { color:#0f2e42; font-weight:bold; }
.negrito { font-weight:bold; }
.radio{ margin-top:5px; padding-left:3px; }
.fecha { display:none; }
.abre { display:block; background: #7ea2d2; font-weight:normal; padding:3px 10px; border: solid 1px #FF770B; margin-bottom:10px; margin-top:5px; }

.bg_titulo { width: 252px; display:table; float:left; background:url('../i/bg_clientes.png') top left no-repeat; }
.bg_titulo p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }


#tudo { width:770px; margin:0 auto; }
#content { text-align:left; margin:10px 10px; /*display:table;*/ width:100%;}

h1 { width:100%; height:195px; background: url('../i/topo.jpg') no-repeat top left; margin-top:10px;}


/*topo*/
#topo { float:left; padding: 0 10px 3px 0px; }
#topo .topo { background: url('../i/topo_1.gif') no-repeat bottom center;	width: 758px; height: 24px; }
#topo .centro { background: url('../i/topo_2.gif') repeat-y top center; width: 758px; height:140px; line-height:140px; text-align: center; }
#topo .rodape { background: url('../i/topo_3.gif') no-repeat top center; width: 758px; height: 26px; }
#topo .logo{ background: url('../i/logo.jpg') no-repeat; width:115px; height:95px; float:left; padding-left:20px; margin-left:20px;}
#topo .slogan{ background: url('../i/slogan.gif') no-repeat; width:246px; height:67px; float:left; }
#topo .fone{ background: url('../i/fone.gif') no-repeat; width:240px; height:50px; float:left; padding:30px 10px 0px 10px; margin:0px 0px 0px 50px;}
#topo .menu_2_topinho { width: 740px; height:10px; line-height:10px; text-align: right; padding-right:10px; }

/*conteudo*/
#conteudo { float:left; padding: 5px 0px 0px 0px !important; padding: 0 10px 15px 0px; }
#conteudo .topo { background: url('../i/topo_1.gif') no-repeat bottom center;	width: 758px; height: 26px; }
#conteudo .centro { background: url('../i/topo_2.gif') repeat-y top center; width: 758px; display:table; float:left; }
#conteudo .rodape { background: url('../i/topo_3.gif') no-repeat top center; width: 758px; height: 23px; float:left; }

/*rodape*/
#rodape { float:left; padding: 5px 0px 0px 0px !important; padding: 0 10px 15px 0px; }
#rodape .topo { background: url('../i/topo_1.gif') no-repeat bottom center;	width: 758px; height: 26px; }
#rodape .centro { background: url('../i/topo_2.gif') repeat-y top center; width: 758px; display:table; text-align: center; }
#rodape .rodape { background: url('../i/topo_3.gif') no-repeat top center; width: 758px; height: 23px; }
#rodape .centro .menu_rodape { width: 370px; height: 23px; float:left }
#rodape .centro .endereco { width: 370px; height: 23px; text-align:right; float:left; color:#2f4a5b; font-weight:bold; font-size:10px; }
#rodape .centro .direitos { width: 758px; float:left; color:#a7a7a7; font-size:10px; }

/*banner*/
#banner { float:left; padding: 0px 0px 0px 3px !important; padding: 0px 0px 0px 0px; z-index:1; position:relative; }
#banner .esq { background: url('../i/banner_1.gif') no-repeat top center; width: 22px; height: 171px; float:left; }
#banner .centro { background: url('../i/banner_2.gif') repeat-x top center; width: 680px; height:171px; text-align: center; float:left; }
#banner .dir { background: url('../i/banner_3.gif') no-repeat top center; width: 22px; height: 171px; float:left; }
.banner_topo {
	width:751px;
	height:252px;
	margin-left:2px;
	*margin-left:-2px;
}

h2 {
	background: url('../i/ico_areas.jpg') left center no-repeat;
	padding-left: 30px;
	padding-top:10px;
	height: 37px;
	font-size: 14px;
	font-weight: bold;
	color: #29166F;
	text-align: left;
}

.detalhes { width:440px; float:left; margin-right:40px; margin-bottom:40px; } 
.detalhes ul.negrito { margin:10px 0 10px 15px; padding-left:10px; }
.detalhes ul.negrito li{ list-style:disc; }

/*capa*/
#coluna-esquerda { float: left; width: 29%; margin-left:2px; }
#coluna-meio { width:30%; float: left; }
#coluna-direita { width:30%; float: left; margin-right:25px; }
#coluna-destaque { width:100%; float: left;}



#capa { float:left; padding: 0 5px 5px 0px;}
#capa .topo { background: url('../i/capa_1.gif') no-repeat bottom center;	width: 224px; height: 37px; }
#capa .topo p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }
#capa .titulo { background: url('../i/capa_2.gif') repeat-y top center; width: 224px; display:table; }
#capa .titulo p { text-align: left; font-size: 11px; padding: 0px 0px 5px 10px; font-weight:bold; color:#0f2e42; }
#capa .nome-produto { background: #666666; width: 160px; text-align: center; font-size: 12px; color: #FFFFFF;}
#capa .texto { background: url('../i/capa_2.gif') repeat-y top center; width: 224px; margin-top: 0px; }
#capa .texto p { text-align: justify; font-size: 12px; padding: 0px 10px 10px 10px; color:#929393; }
#capa .rodape { background: url('../i/capa_3.gif') no-repeat top center; width: 224px; height: 24px; }

#capa_meio { float:left; padding: 0 5px 15px 5px;}
#capa_meio .topo { background: url('../i/capa_1.gif') no-repeat bottom center;	width: 224px; height: 37px; }
#capa_meio .topo p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }
#capa_meio .titulo { background: url('../i/capa_2.gif') repeat-y top center; width: 224px; display:table; }
#capa_meio .titulo p { text-align: left; font-size: 11px; padding: 0px 0px 5px 10px; font-weight:bold; color:#0f2e42; }
#capa_meio .nome-produto { background: #666666; width: 160px; text-align: center; font-size: 12px; color: #FFFFFF;}
#capa_meio .texto { background: url('../i/capa_2.gif') repeat-y top center; width: 224px; margin-top: 0px; }
#capa_meio .texto p { text-align: justify; font-size: 12px; padding: 0px 10px 10px 10px; font-weight:bold}
.web{ color:#c00524; }
.voip{ color:#0f2e42; }
.hosp{ color:#20a107; }
.assis{ color:#e07f0c; }
#capa_meio .rodape { background: url('../i/capa_3.gif') no-repeat top center; width: 224px; height: 24px; }

/*-informativo--*/
#capa_direita { padding: 0px 5px 15px 5px; display:table; float:left;}
#capa_direita .inf { background: url('../i/bg_informativo.png') no-repeat; width: 259px; height:128px; float:left; display:table; }


/*-clientes--*/
#capa_direita .clientes { width: 252px; display:table; float:left; background:url('../i/bg_clientes.png') top left no-repeat; }
#capa_direita .clientes p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }
#imagem-direita{display:table; width:236px; height:132px; float:left; margin-top:20px; }

/*-marcas--*/
#capa_direita .marcas { width: 252px; display:table; float:left; background:url('../i/bg_clientes.png') top left no-repeat; margin-top: 10px; }
#capa_direita .marcas p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }
#imagem-marca {display:table; width:236px; height:132px; float:left; margin-top:10px; }
#imagem-marca img { border:none; padding: 10px 0 0  50px };

/*-----destaque-------*/

#coluna-destaque .destaque { width: 100%; display:table; float:left; background:url('../i/bg_clientes.png') top left no-repeat; }
#coluna-destaque .destaque p { padding-left:32px; padding-top:10px; font-size:14px; font-weight:bold; color:#0f2e42; }

/*----------------------*/

.sucesso { color:#000; font-size:10px; font-weight:bold; width:260px; }
.sucesso p { padding-left:10px;}

/*--------CLIENTES---------*/

.principal { float:left; width:220px;  }
.principal ul{ padding-left:20px; margin:10px 0; }
.principal .padrao p{ padding-left:20px; }
.principal .padrao ul ul{ padding-left:35px; margin:0; text-decoration:none;}
.principal .padrao ul ul li{ list-style-type:disc; margin:0; list-style:none; background:url('../i/ico.png') left no-repeat; padding-left:20px; }

/* AREA PRODUTOS */
#produtos { width:100%; }
#produtos p{ margin-top:10px; padding:10px; width:90%; display:table; }

#produtos li .imagenzinha { margin: 10px 10px 10px 0; float:left; width: 200px; height: 200px; }
#produtos li .imagenzinha img { float:left; margin:0; padding:0; }

/* AREA SOBRE NOS */
#sobre-nos { width:100%; }
#sobre-nos .sobre-nos { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#sobre-nos .sobre-nos p{ margin-top:10px; padding-left:10px; }
#sobre-nos .sobre-nos img { margin:20px 0 0 50px; }

/* AREA ORIENTACOES */
#orientacoes { width:100%; padding-top:5px; }
#orientacoes .orientacoes { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#orientacoes .orientacoes p{ margin:10px 0; padding-left:10px;}
#orientacoes .orientacoes ul{ padding:0; font-weight:bold; margin:10px 0; }

/* AREA SERVICOS */
#servicos { width:100%; padding-top:5px; }
#servicos .servicos { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#servicos .servicos p{ margin:10px 0; padding-left:10px;}
#servicos .servicos #links { margin-left:50px; margin-top:30px; }
#servicos .servicos a{ margin-left:22px; font-weight:bold; font-size:1.1em; }

/* AREA PARCEIROS */
#parceiros { width:100%; padding-top:5px; }
#parceiros .parceiros { width:440px; float:left; margin-right:40px; margin-bottom:40px; }

#lista-parceiros li { float: left; width: 110px; height: 150px; margin: 0 10px 40px 10px; text-align: center; }
#lista-parceiros h3 { margin-top: 5px; }
#lista-parceiros img { border: 1px solid #eee; }

/* AREA RESPONSABILIDADE SOCIAL */
#responsabilidade-social { width:100%; padding-top:5px; }
#responsabilidade-social .responsabilidade-social { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#responsabilidade-social .item { width:440px; float:left; margin-right:40px !important; margin-right:20px; margin-bottom:40px; padding-left:10px; }
#responsabilidade-social .item .imagem{ float:left; margin-right:10px;  }

#responsabilidade-social .amigos-da-escola { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#responsabilidade-social .amigos-da-escola .imagem{ float:left; margin:0 10px 0 0; }
#responsabilidade-social .responsabilidade-social p{ margin:10px 0; }
#responsabilidade-social .responsabilidade-social h3 { margin-bottom:10px; }
#responsabilidade-social span { padding:0; }

#detalhes .detalhes .descricao-detalhes{padding-left:10px; text-align:justify;}
#detalhes .descricao-detalhes img { float:left; padding:0; margin-right:10px; padding-left:10px; }
#detalhes .descricao-detalhes p { margin-top:8px; padding-left:10px;}
#detalhes p.data { margin:5px 0 0 0; }

.detalhes p{padding-left:10px;}
.detalhes .formulario { margin-top:20px; }
.detalhes .formulario .nome{ margin-top:20px; }
.detalhes .formulario .email{ margin-bottom:10px; }

/* AREA TIME */
#time { width:100%; padding-top:5px; }
#time .time { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#time .titulo-time { background: url('../i/nosso-time.jpg') no-repeat; height:24px; margin-bottom:30px; }
#time .texto-time { margin-bottom:20px; }
#time .texto-time p { padding-left:10px; }
#time .funcionario { margin-bottom:20px; float:left; width:440px; padding-left:10px; }
#time .foto-time { width:100px; float:left; margin-right:10px; }
#time .foto-time img { border: 1px solid #333; margin-top: 2px; }
#time .texto-funcionario { float:left; width:325px; }
#time span { padding:0; }

/* AREA VISITA */
#visita { width:100%; padding-top:5px; display:table; }
#visita .visita { width:440px; float:left; margin-right:40px; margin-bottom:40px; padding-left:10px; }
#visita .campo { margin-bottom:20px; }
#visita label input { margin-top:10px; padding-left:10px; }
#visita p label { padding-left:5px; }
#visita textarea{ *margin-left:0px;}

/* AREA FOCO */
#foco { width:100%; padding-top:5px; }
#foco .foco { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#foco .foco p{ padding-left:10px;}
#foco .foco img { margin:10px 0 0 130px; }
#foco p { margin-bottom:10px; }

/* AREA APLICACOES WEB */
#aplicacoes-web { width:100%; padding-top:5px; }
#aplicacoes-web .aplicacoes { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#aplicacoes-web .aplicacoes p{ margin:10px 0; padding-left:10px; }
#aplicacoes-web .aplicacoes ul{ padding:0; font-weight:bold; margin:10px 0; padding-left:10px; }
#aplicacoes-web .titulo-aplicacoes { background: url('../i/titulo-aplicacoes-web.jpg') no-repeat; height:24px; margin-bottom:30px; }

/* AREA VOIP */
#voip { width:100%; padding-top:5px; }
#voip span { padding:0; }
#voip .voip { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#voip .voip p{ margin:10px 0; padding-left:10px; }
#voip .titulo-voip { background: url('../i/titulo-voip.jpg') no-repeat; height:24px; margin-bottom:30px; }

/* AREA HOSPEDAGEM */
#hospedagem { width:100%;  }
#hospedagem { margin-bottom:20px; }
#hospedagem ul.easy { background: url('../i/easy.jpg') no-repeat; }
#hospedagem ul.standard { background: url('../i/standard.jpg') no-repeat; }
#hospedagem ul.premium { background: url('../i/premium.jpg') no-repeat; }
#hospedagem ul { float:left; height:213px; border:2px; width:212px; margin-left:20px; margin-top:20px; }
#hospedagem ul li{ display:none; }
#hospedagem span { margin-left:20px; clear:both; }
/*#hospedagem ul{ float:left; margin-bottom:50px; }
#hospedagem ul li { width:150px; }
#hospedagem ul.easy { margin-left:30px; }
#hospedagem ul.standard { margin-left:70px; }
#hospedagem ul.premium { margin-left:70px; }
*/

/* AREA CLIENTES */
#clientes { width:100%; padding-top:5px; }
#clientes .clientes { width:440px; float:left; margin-right:40px; margin-bottom:40px;  }

#lista-clientes li { float: left; width: 110px; height: 150px; margin: 0 15px 5px 15px !important; margin: 0 13px 35px 13px; text-align: center; }
#lista-clientes img { border: 1px solid #eee; }

/* AREA PARCEIROS */
#parceiros { width:100%; padding-top:5px; }
#parceiros .parceiros { width:440px; float:left; margin-right:40px; margin-bottom:40px; }

#lista-parceiros li { float: left; width: 110px; height: 150px; margin: 0 15px 10px 15px !important; margin: 0 10px 40px 10px; text-align: center; }
#lista-parceiros h3 { margin-top: 5px; }
#lista-parceiros img { border: 1px solid #eee; }

/* AREA NOTICIAS */
#noticias { width:100%; padding-top:5px; }
#noticias .noticias .algumas-noticias{ padding-left:10px; display:table; }
#noticias .noticias .outras-noticias{ padding-left:10px; display:table; }
#noticias .noticias { width:440px; float:left; margin-right:40px; margin-bottom:40px; }
#noticias .titulo-noticias { background: url('../i/noticias.jpg') no-repeat; height:30px; margin-bottom:30px; }
#noticias span,ul { padding-left:0px; }
#noticias p { margin-bottom:10px; clear:both; }
#noticias p.data { margin:5px 0 0 0; }
span.data { color:#7E7E7E; font-weight:normal;  }

.data-noticia { color:#7E7E7E; }
.outras-noticias li { margin-bottom:10px; font-weight:bold; }


#noticias .resumo { margin-bottom:35px; }
#noticias .titulo { font-weight:bold; }

#noticias .fonte { margin: 10px 0; }
#noticias .imagenzinha { margin: 10px 10px 10px 0; float:left; width: 200px; height: 200px; }
#noticias .imagenzinha img { float:left; border: solid 1px !important; border: none; margin:0; padding:0; }

/* AREA CONTATO */
#contato { width:100%; padding-top:5px; }
#contato .contato { width:255px; float:left; margin-bottom:40px; }
#contato .contato p{ padding-left:10px; }
#contato .contato .dpto { margin-top:20px; }
#contato .bloco { margin-top:20px; }
#contato .localizacao { width:100%; float:left; margin-bottom:40px;}
#contato .localizacao p{ padding-left:10px; margin-top:20px; }
#contato .localizacao .img-localizacao {  text-align:center; }
#contato .suporte-contato { margin-top:25px; }
#contato .formulario { width:235px; float:left; /*margin:0 20px 40px 20px !important; margin:0 10px 40px 10px;*/ }
#contato .formulario p{ margin-top:20px; padding-left:10px; }

/* MENU DROP DOWN */

/* remove the bullets, padding and margins from the lists */
#menu ul{
	list-style-type:none;
	padding:0; 
	margin:0;
	z-index:2;
	position:relative;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
	float:left;
	position:relative; 
	/*z-index:100;*/
}

/* use the table to position the dropdown list */
#menu table{
	position:absolute;
	border-collapse:collapse;
	/*z-index:80;*/
	left:-1px;
	top:41px;
	background:#122D40;
	
}
#menu { background: #122D40; height: 42px; text-align:left; width:506px; float:left; }
/* style all the links */
#menu a {
	display:block;
	margin-right:1px;
	height:42px; 
}
/* style the links hover */
#menu a:hover{
	color:#444;
	/*background:#d4d8bd;*/
	background-position: bottom left;
}

#menu li:hover > a { background-position: bottom left;  }

/* hide the sub level links */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	/*width:149px;*/
	/*height:0;*/
	
	margin-top: 0px;
}
/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
	visibility:visible;
	z-index: 200; 
	background:#122D40;
}
#menu .inicial  { background: url('../i/inicial.jpg') top left no-repeat; width:62px; }
#menu .sobre-nos  { background: url('../i/sobre-noss.jpg') top left no-repeat; width:80px;  }
#menu .produtos  { background: url('../i/produtos.jpg') top left no-repeat; width:75px; }
#menu .contato  { background: url('../i/contato.jpg') top left no-repeat; width:70px; }
#menu .servicos  { background: url('../i/servicoss.jpg') top left no-repeat; width:72px; }
#menu .clientes  { background: url('../i/clientess.jpg') top left no-repeat; width:70px; }
#menu .noticias  { background: url('../i/noticiass.jpg') top left no-repeat; width:70px; }

#menu span { display: none; }

#menu li li { width: 180px; background:#122D40; }
#menu li li a {
	line-height: 20px;
	height: 20px !important;
	margin: 0 !important;
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration:none;
	padding: 5px;
	color:#ed9203;
}
#menu li li a:hover { background: #FFCC00; color:#122D3E; }

/*---------------------FORMULÁRIO PADRÃO------------------------------*/

.filterform {
	margin-bottom:20px;
	float:left;
	display:table;
	padding-left:10px;
}

.filterform .row {
	float:left;
	margin-right:5px;
}

.filterform .row em { width:100%; display: block; color: #999; font-style: italic; font-weight: normal; float:left; }

.filterform label, .filterform .row p {
	display:block;
	font-size:1.2em;
	margin:0.5em 1em 0.5em 0;
	overflow:hidden;
	text-align:left;
	white-space:normal;
	color:#972424;
	font-size:10px;
}

.textfield{
border:1px solid #7f9db9;
margin-left:10px;
}

.filterform .row input, textarea {
border:1px solid #7f9db9;
display:table;
float:left;
*margin-left:10px;
margin-bottom: 10px;
}

p.buttons {
	margin:20px 0;
}

p.buttons input.ok {
background:url(imagens/ok.png) no-repeat;
padding-left:25px;
margin-top:5px;
width:3em;
float:left;
display:table;
}


.botao { cursor:pointer; color:#122D40; font-family:Trebuchet MS, Arial, Verdana; padding:0; margin:0;  }

/* trabalhe conosco */


#conteudo #trabalhe-conosco { background: #F3F3F3; width: 49%; float:left; margin-bottom:15px; border: solid 2px #122D40; }

#conteudo .trabalhe-conosco-dir { background: #F3F3F3; width: 45%; float:left; margin-bottom:10px; margin-left:10px; border: solid 2px #122D40;}

#conteudo #trabalhe-conosco-fim { background: #F3F3F3; width: 95.5%; clear:both; border: solid 2px #122D40; float:left; }

#conteudo #cad{ background: #FBE2D0; width: 99.5%; clear:both; border: solid 2px #122D40;}

.campos {  margin-bottom: 4px !important; margin-bottom: 46px; }

.botoes {  float:left; margin: 10px 0 10px 25px; width:100%; }

.clear { clear:both; display:block; }

#conteudo #trabalhe-conosco .campos,#conteudo .trabalhe-conosco-dir .campos,#conteudo #trabalhe-conosco-fim .campos,#conteudo #cad .campos { padding:10px; }

#conteudo #trabalhe-conosco label ,#conteudo .trabalhe-conosco-dir label ,#conteudo #trabalhe-conosco-fim  label ,#conteudo #cad  label { display: block; margin-bottom: 2px; margin-top:10px; clear:both; }

#conteudo #trabalhe-conosco h3,#conteudo .trabalhe-conosco-dir h3,#conteudo #trabalhe-conosco-fim h3,#conteudo #cad h3 { text-transform: uppercase; margin:0; padding: 0; background: #122D40; color: #FFF; text-align:center; }
	
#conteudo #trabalhe-conosco-fim div.sem-borda-esq { border-left: none;  }

.campos-esq { border-left: solid 2px #122D40; width: 49.82%; float:left; }

.campos-esq h4 { border: solid 2px #122D40; border-bottom: none; border-left: none; border-right: none; text-transform: uppercase; margin:0; padding: 0; font-size: 17px; color: #858585; text-align:center; }

.campos-esq h4.s { border-right: none; }