/* 
	autor: Diego Tavares
	website: diegotavares.com.br
	
	Empresa: Smart Tecnologia da Informação
	
	arquivo css que contém todos estilos utilizados no site
	
	cores utilizadas
	#ccc	#fff	#666	#87D128 #D7EB65 #00ADE0 #0088BB
	
	
*/

/* reset.css */
@import url(reset.css);

/* forms.css */
@import url(forms.css);

	body{
	background:url(../imagens/bgsite.jpg) transparent top center no-repeat; 
	font-family: arial,helvetica,Sans-serif;
	font-size:12px;
	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14px;
	color:#666;

	
	}
	
.spacer{clear:both; height:1px;}


p{		padding:5px 0; 
		font-family: arial,helvetica,Sans-serif;
		font-size:12px;
		
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:14px;
		color:#666;
}

hr {color: #87D128; background-color: #87D128; height: 1px; margin:15px 0;}

	#geral{
	width:934px;
	margin:0 auto;
	}

/* Logomarca */

	#topo h1{
	margin:45px auto 10px auto;
	text-indent:-9999em;
	width:210px;
	height:138px;
	background:url(../imagens/logomarca.gif) transparent top center no-repeat; 
	}
	
/* Logo Suporte*/
	#logoSuporte {
	position:absolute;
	width:86px;
	height:35px;
	z-index:101;
	left: 880px;
	top: 45px;
}

/* Conteudo Esquerda */
	#conteudoesquerda{
		width:934px;
		height:730px;
		float:left;
	}

	
	
	/* Conteudo esquerda */
	#superbanner{
		width:774px;
		height:254px;
		margin:10px 0;
		clear:both;
		float:left
	}
	
	
	/* Conteudo dpaginas */
	#conteudodefault, #conteudoinstitucional, #conteudocanais, #conteudolinhadireta, #conteudoservicos, #conteudosprodutos_solucoes, #conteudocases h2{
		width:774px; float:left; border-top:1px dashed #87D128;
		}
	
	#conteudodefault {height:270px;}
	#conteudoinstitucional {height:700px;}
	#conteudocanais {height:650px;}
	#conteudolinhadireta {height:450px;}
	#conteudoservicos {height:300px;}
	#conteudoprodutosinfra {width:300px; float:left; margin-top:44px;}
	#conteudosprodutosgestao {width:454px; margin-left:20px; float:left; margin-top:44px;}
	#conteudosprodutos_solucoes{ height:790px;}
	#conteudosolucoes {width:774px; float:left; margin-top:44px;}
	#conteudocases {width:774px; float:left;}
	
	#conteudodefault h2, #conteudoinstitucional h2, #conteudocanais h2, #conteudolinhadireta h2,
	#destaqueparcerias h2, #destaqueclientes h2, #emdesenvolvimento h2, #noticias h2,
	#conteudoservicos h2, #conteudoprodutosinfra h2, #conteudosprodutosgestao h2, #conteudosprodutos_solucoes h2
	#conteudoProdutosWeb h2, #conteudocases h2{
		padding-top:10px;
		font-family: arial,helvetica,Sans-serif;
		font-size:15px;
		
		font-style:normal;
		font-variant:normal;
		line-height:14px;
		
	}
	#conteudodefault h2, #conteudoinstitucional h2, #conteudocanais h2, #conteudolinhadireta h2, #conteudoservicos h2, #conteudoprodutos_solucoes h2,
	#conteudoprodutosinfra h2, #conteudosprodutosgestao h2, #conteudosprodutos_solucoes h2, #conteudocases h2{
		font-size:26px; line-height:32px; color:#87D128;
	}
	
	
	#conteudodefault h3, #conteudoinstitucional h3, #conteudocanais h3, #conteudolinhadireta h3, #conteudocases h3{
		background-color:#fff;
		padding: 10px 0 2px 0;
		font-size:16px;
		line-height:14px;
		
	}
	#conteudoprodutosinfra h3, #conteudosprodutosgestao h3, #conteudoProdutosWeb h3 {background-color:#fff; padding: 10px 0 2px 0;	font-size:14px; line-height:16px;color:#0088BB;}
	#conteudosolucoes h3 ,  #conteudocases h3{padding: 10px 0 2px 0; font-size:14px; line-height:16px;color:#87D128;}
	#conteudocases h3 {padding: 0 0 2px 0}
	
	#textodestaque{
	  width:774px;
	  height:86px;
	  float:left;	  
	 
	}
	
	#textodestaque h2{color:#666; font-size:18px;}	
	#destaqueparcerias h2, #destaqueclientes h2{
		width:130px;
		height:20px;
		color:#fff;
		border-bottom:1px dashed #D7EB65;
		margin:0 auto;
		display:block;
		text-align:center;
    }
	#emdesenvolvimento h2, #noticias h2{
    color:#87D128;
    padding-bottom:5px;
	font-size:18px;
	
  }
  
/* Linha direta */
	#infocontatos{
		width:270px;
		height:250px;
		margin-left:30px;
		float:left;
	}
	#infocontatos dl{padding-bottom:15px;}
	#infocontatos dt{padding-bottom:10px; color:#87D128; font-size:14px; font-weight:700;}
	#infocontatos dd{line-height:20px;}
	
	
	.iconmail{background:transparent url(../imagens/icon_mail.gif) no-repeat scroll left center;
padding-left:27px;}
	.icontel{background:transparent url(../imagens/icon_contato.gif) no-repeat scroll left center;
padding-left:27px; padding-right:10px;}
	.iconcel{background:transparent url(../imagens/icon_cel.gif) no-repeat scroll left center;
padding-left:27px; padding-right:10px;}


/* Canais */ 
	.marcador{background:transparent url(../imagens/marcador.gif) no-repeat scroll left center;
padding-left:20px; margin-left:10px;}


/* produtos e solucoes */ 


	#flipBoxProdutosInfra, #conteudoComunicacao, #conteudoConectividade, #conteudoMonitoramento {
	width: 300px;
	height: 193px;
	margin: 0 auto;
	color: #fff;
	background:url(../imagens/bg_flipbox.jpg) #00ADE0 left top repeat-x;
	
}
	#flipBoxProdutosInfra img, #conteudoComunicacao img, #conteudoConectividade img, #conteudoMonitoramento img{
		vertical-align:middle;
		width:20px;
		height:20px;
		padding:0 10px 3px 0;
	}
	
	#flipBoxProdutosGestao, #conteudoMSDCRM, #conteudoMSDSL {
	width: 454px;
	height: 193px;
	margin: 0 auto;
	color: #fff;
	background:url(../imagens/bg_flipbox.jpg) #00ADE0 left top repeat-x;
	}
	
	#flipBoxSolucoes, #conteudoSolucaoConsultoriaEN, #conteudoSolucaoGovernancaTI, #conteudoSolucaoImplantacaoSolucoes, #conteudoSolucaoInfraEstrutura, #conteudoSolucaoIntegracaoSistemas, #conteudoSolucaoOutsourcing,
	#flipBoxProdutosWeb, #conteudoWebAdminSite, #conteudoWebAdminPortal, #conteudoWebAdminNews{
	width: 774px;
	height: 135px;
	margin: 0 auto;
	color: #fff;
	background:url(../imagens/bg_flipbox2.jpg) #87D128 left top repeat-x;	
	}
	
 	#flipBoxProdutosWeb, #conteudoWebAdminSite, #conteudoWebAdminPortal, #conteudoWebAdminNews{
		height:137px;
		background:url(../imagens/bg_flipbox.jpg) #00ADE0 left top repeat-x;
	}

	#flipBoxProdutosInfra dl, #flipBoxsolucoes dl, #conteudoComunicacao dl, #conteudoConectividade dl, #conteudoMonitoramento dl, #conteudoMSDCRM dl, 
	#flipBoxProdutosGestao dl, #conteudoMSDSL dl, #flipBoxSolucoes dl, #conteudoSolucaoConsultoriaEN dl, #conteudoSolucaoGovernancaTI dl, 
	#conteudoSolucaoImplantacaoSolucoes dl, #conteudoSolucaoInfraEstrutura dl, #conteudoSolucaoIntegracaoSistemas dl, #conteudoSolucaoOutsourcing dl,
	#flipBoxProdutosWeb dl, #conteudoWebAdminSite dl, #conteudoWebAdminPortal dl, #conteudoWebAdminNews dl{
		padding:10px;
	}
	
	#flipBoxProdutosInfra dt, #flipBoxSolucoes dt, #conteudoComunicacao dt, #conteudoConectividade dt, #conteudoMonitoramento dt, 
	#conteudoMSDCRM dt, #flipBoxProdutosGestao dt, #conteudoMSDSL dt, #flipBoxSolucoes dt,
	#conteudoSolucaoConsultoriaEN dt, #conteudoSolucaoGovernancaTI dt, #conteudoSolucaoImplantacaoSolucoes dt, #conteudoSolucaoInfraEstrutura dt,
	#conteudoSolucaoIntegracaoSistemas dt, #conteudoSolucaoOutsourcing dt,
	#flipBoxProdutosWeb dt, #conteudoWebAdminSite dt, #conteudopWebAdminPortal dt, #conteudoWebAdminNews dt{
		padding-bottom:10px; color:#87D128; font-size:20px; font-weight:700; line-height:22px; font-size:20px;color:#FFF;
	}
	
	#flipBoxProdutosInfra dd, #conteudoComunicacao dd, #conteudoConectividade dd, #conteudoMonitoramento dd{
		line-height:14px;font-size:12px;
	}
	#conteudoMSDCRM dd, #flipBoxProdutosGestao dd, #conteudoMSDSL dd, #flipBoxSolucoes dd, #conteudoSolucaoConsultoriaEN dd, #conteudoSolucaoGovernancaTI dd, #conteudoSolucaoImplantacaoSolucoes dd, #conteudoSolucaoInfraEstrutura dd,
	#conteudoSolucaoIntegracaoSistemas dd, #conteudoSolucaoOutsourcing dd,
	#flipBoxProdutosWeb dd, #conteudoWebAdminSite dd, #conteudoWebAdminPortal dd, #conteudoWebAdminNews dd{
		line-height:15px;font-size:13px; color:#fff;
	}
	

	.btnflip, .btnflip2{background-color:#00ADE0; color:#FFF; border:1px solid #0CF; font-size:11px; margin:1px 1px 0 0; width:96px; padding:0; cursor:pointer; line-height:12px;}
	.btnflip2{width:130px;}
	
	.btnflip3, .btnflip4{background-color:#76AE25; color:#FFF; border:1px solid #87D128; font-size:11px; line-height:12px; margin:1px 1px 0 0; padding:0; cursor:pointer; width:115px;}
	.btnflip4{width:136px;}
	
	
/* navegação */
	#menu {width:934px; height:24px; border-bottom:1px dashed #87D128; margin:0; padding:0;}
	#menu ul {list-style:none;margin:0 auto 0 100px;padding:0; width:670px;}
	#menu li {float:left;margin:0;padding:0;text-align:center;}
	#menu li a {display:block;padding:5px 10px;  height:100%;color:#666;text-decoration:none;border-right:1px solid #fff; font-weight:700;}
	#menu li a {background:url(../imagens/bg1.jpg) repeat 0 0;}
	#menu li a:hover, li a:focus, li a:active {background-position:0 0; color:#fff; font-weight:700;}
	#navegacao a {background:url(../imagens/bg1.jpg) repeat 0 0; }
	

	.linkpequeno{	width:60px;}	
	.linkmedio  {	width:100px;}	
	.linkgrande {   width:150px;}

/************************************************************************************************/
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	color:#666;
	z-index:100;
	text-decoration:none;
	border:1px dashed #87D128; 
	border-top:0;
	margin:0; padding:0;
	width:150px;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
	
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
}


.dropmenudiv a:link, .dropmenudiv a:visited
{
background-position:0 0; color:#666; font-weight:700;

}

.dropmenudiv a
{
	
display:block;padding:5px 10px;  height:100%;color:#666;text-decoration:none;
	
}
.dropmenudiv li a{background:url(../imagens/bg1.jpg) repeat 0 0;}
.dropmenudiv a:hover
{
	
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#fff;
	
}
.dropmenudiv a{background:url(../imagens/bg1.jpg) repeat 0 0; }
/************************************************************************************************/



/* Conteudo direita */
	#conteudodireita{
		width:150px;
		height:546px;
		
	}

/* Conteudo destaque parcerias, clientes */
	#destaqueparcerias, #destaqueclientes{
	width: 150px;
	background-color: #87D128;
	float:right;
   
  }

	#destaqueparcerias{height: 262px;}
 	#destaqueclientes{height: 260px;}
  
		
	.bannersparceiros{ 
		width:126px;
		height:46px;
		margin:15px 10px 0 10px;

	}
	.bannersclientes{ 
		width:56px;
		height:46px;
		margin:15px 0 0 10px;
		float:left;

	}
	
	.bannersparceiros, .bannersclientes{padding:2px; background:#fff; color:#87D128;}
  	

	
/* Conteudo destaque em desenvolvimento, noticias */ 
  #emdesenvolvimento, #noticias{
    width:375px;
    height:147px;
    margin-top:25px;
    padding-right: 10px;
    float:left;
  }

  	#emdesenvolvimento ul {list-style:none;margin:0;padding:0; float:left;}
	#emdesenvolvimento li {margin:0; padding:0; text-align:left; background-image: url(../imagens/marcador.gif); background-position:0 50%; background-repeat:no-repeat; list-style-type:none;}
	#emdesenvolvimento li a{display:block;padding:3px 15px;  height:100%;color:#666; text-decoration:none;}
	#emdesenvolvimento li a:hover, #emdesenvolvimento li a:focus, #emdesenvolvimento li a:active{
		background-position:0 0; color:#87D128;}
	
	#noticias ul {list-style:none;margin:0;padding:0;float:left; }
	#noticias li {margin:0; padding:0; text-align:left; background-image: url(../imagens/marcador.gif); background-position:0 50%; background-repeat:no-repeat; list-style-type:none;}
	#noticias li a{display:block;padding:3px 15px;  height:100%;color:#666; text-decoration:none;}
	#noticias li a:hover, #noticias li a:focus, #noticias li a:active{
		background-position:0 0; color:#87D128;}
	


/* servicos*/

	.listaservicos ul {list-style:none;margin:0;padding:0; clear:both; display:inline; width:774px;}
	.listaservicos li {float:left; display:inline; margin:0; padding:0; text-align:left; background-image: url(../imagens/marcador.gif); background-position:0 50%; background-repeat:no-repeat; list-style-type:none;}
	.listaservicos li a{display:block;padding:3px 15px;  height:100%;color:#666; text-decoration:none; display:inline;}
	.listaservicos li a:hover, .listaservicos li a:focus, .listaservicos li a:active{
		background-position:0 0; color:#87D128;}
		
	.listaservicos h3{clear:both; padding:20px 0 10px 0;}
/* Cases */
.empresacase{float:left; width:754px; padding:10px; border:#E0DFE3 1px solid;}
.empresacase img{ padding-right:20px; float:left;}



/* rodape */
	#rodape{
	width:auto;
	height:144px;
	clear:both;
	background:url(../imagens/bgrodape.jpg) transparent top center no-repeat;
	}
	
	#rodape p{
	padding-top:125px;	
	text-align:center;
	color:#fff;
	}