/* CSS Document */
body {
	margin: 0 auto;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:10px;
	width: 100%;
}

img {
	border: none;
}

#menu_superior {
	width:100%; 
	height:53px;
	clear:both;
	background-image: url(/imagens/menu_sup_fundo.jpg);
	background-repeat: repeat-x;
	margin-top: 28px;
	color: #fff;
}

#superior {
	width: 100%;
	z-index:1;
	position: absolute;
	top:0px;
	left:0px;
	/*border: solid 1px;*/
}


#superior #links_direita {
	/*border: solid 1px;*/
	height: 28px;
	text-align: right;
	float: right;
}

#superior #conteudo {
	width: 920px;
	margin: 0 auto;
	/*border: solid 1px;*/
}

#superior #conteudo a {
	text-decoration: none;
	color: #4682b4;
}

#superior #conteudo #logo {
	background-image: url(/imagens/logo3.png);
	background-repeat: no-repeat;
	/*width:250px;
	height:85px;*/
	width:245px;
	height:57px;
	float: left;
	margin-left:-5px;
	margin-top: 28px;
}

#superior #conteudo #contactos {
	height:20px;
	/*width: 400px;*/
	float: left;
	margin: 4px 10px 4px;
	font-size:10px;
	/*border: solid 1px;*/
}

#superior #conteudo #contactos img {
	vertical-align: middle;
}

#superior #conteudo p {
	line-height:0;
	margin:0;
	padding:0;
}

#linguas {
	height:17px;
	width: 60px;
	/*background: transparent url(/imagens/icon_suporte.jpg) top left no-repeat;
	text-align: left;*/
	padding:8px 10px 0 0px;
	/*border: solid 1px #FF0000;*/
	float: left;
	text-decoration: none;
	color:#000;
}

#suporte a {
	height:17px;
	width: 140px;
	/*background: transparent url(/imagens/icon_suporte.jpg) top left no-repeat;*/
	text-align: left;
	padding:5px 0 0 20px;
	/*border: solid 1px #FF0000;*/
	float: left;
	color:#000;
}

#chat a {
	height:15px;
	/*background: transparent url(/imagens/icon_chat.jpg) top left no-repeat;*/
	text-align: left;
	padding:5px 0 0 23px;
	/*border: solid 1px #FF0000;*/
	float: left;

	color:#000;
}

.bluebold { font-weight:bold; color: #60a4f3; }









/*****************************************/
/************* MENU SUPERIOR *************/
/*****************************************/
#superior #conteudo #menu {
	float: left;
	width: 669px;
	height: 51px;
	text-align: right;
	/*border: solid 1px #fff;*/
}

#superior #conteudo #menu ul {
	padding:0px;
	margin:0px;
	float: left;
	width: 100%;
	height: 100%;
	list-style-type:none;
}

#superior #conteudo #menu  li {
	display: inline;
}

#superior #conteudo #menu ul li a {
	font-size: 13px;
	/*padding: 18px 30px 0 30px;*/
	float:left;
	color: #fff;
	text-decoration: none;
	height: 100%;
	display: block;
	background: transparent url(/imagens/menu_sup_separador.jpg) top right no-repeat;
}


#superior #conteudo #menu ul li a:hover {
	background-image: url(/imagens/menu_sup_sel.jpg);
	background-repeat: repeat-x;

	/*background-color: #1880b3;*/
	/*color: #6D6D6D;*/
	/*border-top:3px solid #fff;*/
}

#superior_a_ver {
	background-image: url(/imagens/menu_sup_sel.jpg);
	background-repeat: repeat-x;
}





/**********************************************/
/************* BANNER SUPERIOR ****************/
/**********************************************/

#banner {
	height: 255px;
	width: 900px;
	margin-bottom: 5px;
	margin-top: 10px;
	/*border: solid 1px #ff0000;*/
}

#banner_esquerdo {
	width: 585px;
	height: 255px;
	float: left;
	/*border: 1px solid #99FF00;*/
}


.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	/*border: 10px solid navy;
	border-bottom-width: 6px;*/
	width: 585px; /*width of featured content slider*/
	height: 230px;
}

.sliderwrapper2 {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	/*border: 10px solid navy;
	border-bottom-width: 6px;*/
	width: 300px; /*width of featured content slider*/
	height: 230px;
}



.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	/*padding: 5px;*/
	background: white;
	width: 585px; /*width of featured content slider*/
	height: 230px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#menu_produtos {
	width: 585px; 
	height: 22px;
	margin-top: 2px;
	background-color: #2b2b2b;
	/*background: transparent url(/imagens/banner_superior/servicos_n.jpg) bottom left no-repeat;*/
	text-align: right;	
}

#menu_produtos #titulo {
	width: 40px;
	height: 17px;
	color:#FFFFFF;
	font-size: 10px;
	padding: 5px 0 0 55px;
	background: #2b2b2b /*url(/imagens/banner_superior/servicos_n.jpg) bottom left no-repeat*/;
	margin-right: 2px;
	float:left;
}

.pagination {
	/*width: 488px;*/ /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 22px;
	text-align: right;
	background-color: #2b2b2b;
	/*float:left;*/
	/*border: solid 1px #FF0000;*/
	/*margin-top: 2px;*/
	/*padding: 5px 10px;*/
	padding-right: 10px;
}

.pagination a {
	padding: 0 5px;
	text-decoration: none; 
	color: #fff;
	/*background: white;*/
}

.pagination a:hover, .pagination a.selected, .pagination .selected {
	color: #fff;
	background-color: #1d7fee;
}



.pagination ul {
	padding:0px;
	margin:0px;
	float: right;
	text-align:right;
	/*width: 100%;*/
	height: 100%;
	list-style-type:none;
	background: transparent url(/imagens/banner_superior/separador.jpg) top left repeat-y;
}

.pagination  li {
	display: inline;
}

.pagination ul li a {
	font-size: 10px;
	padding: 5px 15px 0 15px; 
	float:left;
	color: #fff;
	text-decoration: none;
	height: 17px;
	display: block;
	background: transparent url(/imagens/banner_superior/separador.jpg) top right repeat-y;
}


.pagination ul li a:hover {
	background-image: url(/imagens/menu_sup_sel.jpg);
	background-repeat: repeat-x;
	/*color: #6D6D6D;*/
	/*border-top:3px solid #fff;*/
}

.pagination2 {
	height:0px;
}

.photo-meta-data { 
	background: url(/imagens/banner_superior/transpBlack.png); 
	padding: 10px 20px 0px 10px; 
	height: 45px; 
	width:555px;
	/*margin-top: -235px; */
	margin-top: -55px;
	text-align: right;
	position: relative; 
	z-index: 1; 
	color: white; 
	font-size:14px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
}

.photo-meta-data span {
	font-size: 12px;
} 


#banner_direito {
	width: 299px;
	height: 255px;
	margin-left: 5px;
	background: transparent url(/imagens/banner_superior/banner_direito.jpg) no-repeat;
	color: #FFFFFF;
	float: left;
	/*border: solid 1px #ff0000;*/
}

#banner_direito .conteudo {
	width: 280px;
	height: 82px;
	background: transparent;
	clear:both;
	/*border:solid 1px;*/
}

#banner_direito .separador {
	width: 285px;
	height: 2px;
	margin: 0 0 0 10px;
	background: transparent url(/imagens/banner_superior/banner_direito_separador.jpg) no-repeat;
	/*border: solid 1px; */
	clear:both;
}

#banner_direito .icone {
	width: 25px;
	height: 23px;
	padding: 15px 0 0 0px;
	/*border:solid 1px;*/
	float: left;
}


#banner_direito #um_texto {
	width: 230px;
	height: 65px;
	padding: 15px 0 0 10px;
	float: left;
	/*border:solid 1px;*/
}

#banner_direito #dois_texto {
	width: 230px;
	height: 65px;
	padding: 15px 0 0 10px;
	float: left;
	/*border: solid 1px;*/
}



#banner_direito #tres_texto {
	width: 230px;
	height: 65px;
	padding: 15px 0 0 10px;
	float: left;
}


#banner_direito .titulo {
	font-size:15px; 
	/*font-weight: bold;*/
}

/* call to action fonte */
#banner_direito .texto {
	font-size: 12px;
	padding-top: 5px;
	text-align:justify;
}

#banner_direito a {
	text-decoration:none;
	color:#FFFFFF;
}



/**********************************************/
/************* CONTEUDO PRINCIPAL *************/
/**********************************************/



#principal {
	width:100%; 
	height: 600px;
	background-image: url(/imagens/background.jpg);
	background-repeat: repeat-x;
	/*clear: both;*/
}

.principal_conteudo {
	width: 920px;
	margin: 0 auto;
	/*border: solid 1px #006699;*/
	clear:both;
}

.conteudo_cima {
	background-image:url(/imagens/principal_topo.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 920px;
	height:8px;
	text-align:left; 
	/*border: solid 1px;*/
}


.conteudo {
	background-image:url(/imagens/principal_fundo.png);
	background-repeat:repeat-y;
	width: 920px;
	/*border: solid 1px #CC3399;*/
	padding: 0px 0 0 15px;
	clear:both;
	display:table;
}


.conteudo_rodape {
	background-image:url(/imagens/principal_rodape.png);
	background-repeat: no-repeat;
	width: 920px;
	height:6px;
	text-align:left; 
}


#miolo {
	width: 920px;	
}

#conteudo_esquerdo {
	width: 570px;
	/*border: 1px solid #FF0000;*/
	float: left;
	padding: 10px 0 0 15px;
	background: transparent url(/imagens/sep_vertical.jpg) top right repeat-y;
}

#conteudo_esquerdo p {
	margin-top:0;
}

.conteudo_principal {
	width: 550px;
}

.conteudo_principal a {
	/*color: #1d7fee;*/
	color: #4682b4;
	text-decoration: none;
}

.conteudo_principal a:hover {
	text-decoration: underline;
}

.conteudo_principal a:visited {
	color: #4682b4;
}


#conteudo_esquerdo #titulo {
	font-size:14px;
	font-weight: bold;
	color:#539ef2;
	height: 30px;
	/*border: solid 1px;*/
}

#conteudo_esquerdo h1 {
	font-size:16px;
	font-weight: bold;
	color:#539ef2;
	height: 30px;
	margin: 0;
	padding: 0;
	/*border: solid 1px;*/
}

#conteudo_esquerdo h2 {
	font-size:10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align:justify;
	margin-bottom: 10px;
}

#conteudo_esquerdo #texto {
	vertical-align:top;
	text-align:justify;
	margin-bottom: 30px;
}

.produto_nome {
	height:20px;
	margin: 10px 0 10px 0px;
	background: transparent url(/imagens/sep_horizontal.jpg) bottom left repeat-x;
	clear:both;
	font-size: 16px;
	color: #999999;
	/*border: solid 1px;*/
}

.produto_nome #titulo { 
	float: left; 
}
.produto_nome #link { 
	text-align: right;
	float:right;
	margin-right: 10px;
	padding-top: 5px;
}

.produto_nome #titulo a {
	font-weight:bold;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
}

.produto_nome #link a {
	text-decoration: none;
	font-size: 10px;
	color: #999999;
}

.produto_nome #link a:hover { text-decoration: underline; }

.produto_resumo {
	padding-left: 10px;
}




#conteudo_direito { 
	float: left;
	width: 295px;
	/*border: 1px solid #00CC00;*/
	margin-left: 5px;
	margin-top: 5px;
	/*background: transparent url(/imagens/sep_vertical.jpg) top left repeat-y;*/
}


.sep_horizontal {
	background:url(/imagens/sep_horizontal_1.jpg) no-repeat; 
	height: 1px;
	margin: 10px 0 10px 0;
}

.sep_horizontal2 {
	background:url(/imagens/sep_horizontal_1.jpg) no-repeat; 
	height: 1px;
	margin: 20px 0 20px 0;
}

.sep_horizontal_1 {
	background:url(/imagens/sep_horizontal_2.jpg) no-repeat; 
	height: 1px;
	margin: 20px 0 20px 30px;
	clear:both;
}



.coluna_esq {
	width: 250px;
	float: left;
	/*border: 1px solid;*/
	text-align:justify;
	margin-top: 10px;
}

.coluna_dir {
	float: left;
	width: 250px;
	/*border: 1px solid;*/
	margin-left:40px;
	text-align:justify;
	margin-top: 10px;
}

.restante_conteudo {
	width: 550px;
	text-align:justify;
}


#caminho {
	font-size: 10px;
	margin-bottom: 15px;
	/*border: solid 1px;*/
	color:#666666;
}

#caminho .links {
	height: 10px;
}

#caminho a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

#caminho a:hover {
	text-decoration: underline;
}

#caminho .linha { height: 1px; background-color: #CCCCCC; width: 550px; margin: 5px 0; }

#caminho .linha hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 550px;
	height: 2px;
	margin: 0px auto 0 0;
	text-align: left;
}


/*****************************************/
/************* MENU LATERAL **************/
/*****************************************/

#clientes {
	width: 290px;
	height: 180px;
	margin-bottom: 5px;
	/*border: solid 1px;*/
}


#clientes11 .contentdiv {
	/*border: solid 1px;*/
	height: 165px;
	
	position: static;
	display: table;
	*overflow: hidden; /* hack para o IE6 e IE7 */
	*position: relative; /* hack para o IE6 e IE7 */
}

#clientes11 .clientes_cell {
	vertical-align: middle;
	display: table-cell;
	position: static;
	*top: 50%; /* hack para o IE6 e IE7 */
	*position: absolute; /* hack para o IE6 e IE7 */
}



#clientes .clientes_conteudo {
	/*border: solid 1px #F00; */
	height: 165px;
	width: 280px;
	vertical-align: middle;
	display: table-cell;
	position: static;
	/* *top: 50%;   hack para o IE6 e IE7 */
	/* *position: absolute; hack para o IE6 e IE7 */
}




#clientes a {
	text-decoration:none;
}

#clientes .titulo {
	height:20px;
	font-weight: bold;
	color: #666666;
	margin-left: 10px;
	background: transparent url(/imagens/sep_horizontal.jpg) bottom left repeat-x;
	clear:both;
	/*border: solid 1px;*/
}

#clientes .logotipo {
	text-align: center;
	margin: 10px 0 10px 0;
	clear:both;
	/*border: solid 1px;*/
}

/* citacao fonte */
#clientes .citacao {
	text-align: justify;
	font-style:italic;
	color:#666666;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size:11px;
}

#clientes .citado {
	text-align: center;
	color:#666666;
	font-size:10px;
}




#posts_blog {
	width: 290px;
	margin: 20px 0 0 0;
	/*border: solid 1px;*/
}

#posts_blog .titulo {
	height:20px;
	font-weight: bold;
	color: #666666;
	margin-left: 10px;
	background: transparent url(/imagens/sep_horizontal.jpg) bottom left repeat-x;
	clear:both;
	/*border: solid 1px;*/
}

#posts_blog .titulo a {
	text-decoration: none;
	color: #666666;
}

.posts {
	margin: 10px 0 0 20px;
	width: 250px;
	/*border: solid 1px;*/
	text-align:justify;
}

/* blog post fonte */
.posts a {
	text-decoration:none;
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

.posts a:hover {
	text-decoration: underline;
}

.posts .data {
	color:#999999;
	font-size: 9px;
}

#posts_blog .posts .post {
	/*font-size: 11px;*/
	text-decoration:none;
	color: #666666;
}



#banners_laterais {
	/*border: solid 1px;*/
	text-align: center;
}







 


/*****************************************/
/************* CLIENTES ******************/
/*****************************************/



#clientes_listagem #categoria {
	height:20px;
	margin: 50px 0 10px 30px;
	background: transparent url(/imagens/sep_horizontal.jpg) bottom left repeat-x;
	clear:both;
	/*border: solid 1px;*/
}
#clientes_listagem #categoria #titulo {
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	float:left;
}

#clientes_listagem #categoria #link {
	text-align: right;
	float:right;
	margin-right: 10px;
	padding-top: 5px;
}

#clientes_listagem #categoria #link a {
	text-decoration: none;
	color: #999999;
}

#clientes_listagem #categoria #link a:hover {
	text-decoration: underline;
}

#clientes_listagem .cliente {
	margin-bottom: 10px;
	width:100%;
	/*border: solid 1px;*/
	overflow: hidden;
} 

#clientes_listagem .logotipo {
	float: left;
	width: 150px;
	overflow: auto;
	/*border: solid 1px;*/
	text-align: center;
	margin-right: 10px;
	margin-top:10px;
}

#clientes_listagem .informacao {
	float: right;
	text-align:justify;
	/*border: solid 1px;*/
	width: 385px;
	margin-bottom:20px;
	padding-right: 0px;
}

#clientes_listagem .informacao h1 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 15px;
}

#clientes_listagem .informacao h2 {
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 5px 0;
}

#clientes_listagem hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 100%;
	height: 2px;
	margin: 5px auto 0 0;
	text-align: left;
}









/*****************************************/
/************* POPUP CHAT *************/
/*****************************************/



#chatonlinediv {
	position:absolute;
	visibility:hidden;
	z-index:99;
	width:360px; 
	height:280px;
}

#chatonlinediv #fechar {
	height:25px;
	background-color:#000;
}

#chatonlinediv #fechar_area {
	/*border: solid 1px #0F6;*/
	width: 110px;
	font-size:10px; 
	font-family:Verdana;
	float:right; 
	padding: 7px 0 0 0;
}

#chatonlinediv #fechar a {
	color:#CCC;
	text-decoration:none;
}

#chatonlinediv #fechar a:hover {
	text-decoration: underline;
}









/*****************************************/
/************* RODAPE *************/
/*****************************************/

#rodape_parceiros {
	width: 880px;
	height: 55px;
	line-height:55px;
	text-align: center;
	/*border: solid 1px #000;*/
}

.rodape_parceiros_link {
	padding: 0 20px 0 20px;
}

.rodape_parceiros_img {
	vertical-align:middle;
}


#rodape {
	width:100%; 
	height:77px;
	clear:both;
	background-image: url(/imagens/rodape_fundo.jpg);
	background-repeat: repeat-x;
	color: #fff;
}

#rodape #conteudo {
	width: 910px;
	height:77px;
	margin: 0 auto;
	text-align: center;
	padding-top:15px;
	/*border: solid 1px #fff;*/
}

#rodape a {
	color: #FFFFFF;
	text-decoration: none;
}

#rodape a:hover {
	text-decoration: underline;
}