/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	list-style-type: none;
}

body{
	/*background-color: #203F4F;*/
	background: url(imagens/bgmundo.gif) top center repeat;
	background-color: #EFEFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

p{
	color: #333;
}

#home_apresentacao{
	float: left;
	width: 492px;
	height: 122px;
	background: url(imagens/bg_home_apresentacao.jpg) top left no-repeat;
	padding: 10px 0px 0px 200px;
		/*border: 1px solid #039;*/
}

#home_apresentacao h1, #home_apresentacao h2{
	font-size: 13px;
	font-weight: bold;
	color: #3B5998;
	font-family: Verdana, Arial;
}
#home_apresentacao h2{
	color: #3B5998;
}
.home_servicos a{
	text-decoration: none;
}
.home_servicos a:hover{
	text-decoration: underline;
}
.home_servicos{
	float: left;
		/*border: 1px solid #000;*/
	width: 278px;
	height: 80px;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 10px 0px;
	background: url(imagens/bg_home_servicos.jpg) top left no-repeat;
}
.home_servicos h2, .home_servicos h2 a{
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial;
	text-decoration: none;
	color: #060;
}
.home_servicos h2 a:hover{
	text-decoration: underline;
}
.red{
	color: #900;
}
/* ---------------------------------------------------------------------- GENERICOS ------------------------- */
strong{
	font-weight: bold;
}
#frameinvisivel{
	display: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	cursor:pointer;
}

a:hover img{
	opacity:0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	color: #000;
}

.middle{
	vertical-align: middle;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.clear{
	clear: both;
}
.negrito{
	font-weight: bold;
}

ul li{
	list-style: none;
	list-style-type: none;
}

h1{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2{
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.azul{
	color: #416FA0;
}
.rosa{
	color: #EF1D79;
}
.cinza{
	color: #666666;
}


.alignleft{
	text-align: left;
}
.aligncenter{
	text-align: center;
}
.alignright{
	text-align: right;
}
.cursorhelp{
	cursor: help;
}
.cursor{
	cursor: pointer;
}
.font12px{
	font-size: 12px;
	font-weight: bolder;
}
/* --------------------------------------------------------------------------------------- ESTRUTURA ------------------------- */
#data{
	margin: 0px auto;
	width: 926px;
	height: 25px;
	text-align: right;
	padding: 6px 10px 0px 0px;
		/*border: 1px solid #FFFFFF;*/
}

#bordaSite{
	margin: 0px auto;
	display: block;
	width: 961px;
	background: url(imagens/bg_bordas.jpg) top center repeat-y;
}

#topo{
	margin: 0px auto;
	width: 930px;
	height: 50px;
	background: url(imagens/bgmenu.jpg) top center no-repeat;
	background-color: #C3D2DF;
	padding: 10px 0px 0px 8px;
		/*border: 1px solid #CC0000;*/
}

#logotipo{
	margin: 0px 60px 0px 10px;
	float: left;
		/*border: 1px solid #0000FF;*/
}

/*#menuhorizontal{
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

#menuhorizontal li{
	float: left;
	margin: 8px 0px 0px 20px;
}

#menuhorizontal li a{
	float: left;
	font-weight: bold;
	display: block;
	color: #333333;
	text-decoration: none;
	height: 30px;
	background: url(imagens/bg_menu_hover.gif) left top no-repeat;
	padding: 4px 50px 0px 8px;
}*/

#menuhorizontal{
	margin: 0px 0px 0px 0px;
}

#menuhorizontal li{
	float: left;
	margin: 11px 0px 0px 0px;
}

#menuhorizontal li a{
	float: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 6px 2px 6px;
}
#menuhorizontal li a:hover{
	background-color: #FFF;
	color: #000;
}

.ativo{
	text-decoration: none;
	background: url(imagens/bgbg.jpg) left top no-repeat;
	color: #333333;
}

#barracores{
	margin: 0px auto;
	width: 921px;
	height: 34px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding: 18px 15px 0px 0px;
	background: url(imagens/barra_cores.jpg) top center no-repeat;
		/*border: 1px solid #00FF00;*/
}
#barracores a{
	color: #FFFFFF;
}

#pai, #paiportfolio{
	margin: 0px auto;
	width: 896px;
	padding: 20px 20px 20px 20px;
	background: url(imagens/bgconteudo2010.png) top left no-repeat;
	background-color: #E6E6F7;
	color: #000;
}	

#paiminheight{
	margin: 0px auto;
	width: 896px;
	padding: 20px 20px 20px 20px;
	background: url(imagens/bgconteudo2010.png) top left no-repeat;
	background-color: #E6E6F7;
	min-height:670px;
	border: 1px solid #FFDFED;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
 
* html #pai, * html #paiportfolio{
	height: 670px;
}

#pai div, #paiportfolio div{
	color: #999999;
	font-weight: lighter;
}

.destacaFonte{
	font-size: 14px;
}

/* -------------------------------------------------------------------------------------- CONTEÚDO ----------- */
#sobremim, #ultimotrabalho, #orcamentoonline{
	clear: both;
	float: left;
	width: 320px;
	height: 160px;
	text-align: justify;
	padding: 0px 9px 0px 0px;
	margin: 0px 0px 10px 0px;
		/*border: 1px solid #0000FF;*/
}
#sobremim{
	width: 550px;
}
#sobremim img, #ultimotrabalho img, #depoimentos img{
	margin: 0px 6px 0px 0px;
}

#servicos{
	float: left;
	width: 250px;
	height: 160px;
	padding: 0px 10px 0px 10px;
	border-left: 1px dotted #CCCCCC;
	margin: 0px 0px 10px 20px;
	color: #294767;
}
#servicos ul li a{
	font-weight: lighter;
	display: block;
	text-decoration: none;
	width: 242px;
	height: 22px;
	margin: 4px 0px 2px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
#newsletter, #ultimasdoblog{
	float: left;
	width: 290px;
	height: 190px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dotted #CCCCCC;	
	margin: 0px 0px 10px 0px;
}
.bgnewsletter{
	background: url(imagens/bg_newsletter.gif) right top no-repeat;
}

#depoimentos{
	float: left;
	width: 290px;
	height: 220px;
	padding: 0px 10px 0px 10px;
	border-left: 1px dashed #999999;
	margin: 0px 0px 10px 0px;
}

#depoimentos h2{
	font-style: italic;
	font-size: 12px;
}

#colum{
	width: 50%;
	float: left;
		/*border: 1px solid #0000FF;*/
}
#coldois{
	margin: 0px 0px 0px 40px;
	width: 44%;
	float: left;
		/*border: 1px solid #0000FF;*/
}

/* --------------------------------------------------------------------------------- PG. PROJETOS REALIZADOS --------- */
#home_ultimoprojeto{
	margin: 0px auto;
	width: 896px;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF;
	
}

#home_ultimoprojeto img{
	margin: px 0px 4px 0px;
	border: 1px solid #333333;
}

#projetosrealizados li{
	float: left;
	margin: 0px 0px 0px 7px;
}

#projetosrealizados li a{
	width: 210px;
	height: 40px;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	color: #FFF;
	border: 1px solid #416FA0;
	background-color: #090;
	text-decoration: none;
}
#projetosrealizados li a:hover{
	color: #090;
	background-color: #FFF;
}

.bgprojetosrealizados{
	background: url(imagens/bg_pag_projetosrealizados.jpg) top left no-repeat;
}

/* -------------------------------------------------------------------------------------- FORMULÁRIOS ----------- */
#newsletter .input{
	border: 1px solid #416FA0;
	color: #416FA0;
	background-color: #FFFFFF;
}

input, textarea, select{
	border: 1px solid #416FA0;
	color: #416FA0;
	background-color: #FFFFFF;
}

.input_zerar{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* -------------------------------------------------------------------------------------- PORTFÓLIO ----------- */
#paiportfolio div{
	float: left;
	width: 426px;
	height: 156px;
	vertical-align: text-top;
	margin: 8px 0px 8px 20px;
		/*border: 1px solid #FF0000;*/
}

#paiportfolio div img{
	float: left;
	margin: 0px 6px 0px 0px;
	border: 1px solid #333333;
}
/* -------------------------------------------------------------------------------------- RODAPÉ ----------- */
#rodape{
	margin: 0px auto;
	width: 916px;
	height: 190px;
	padding: 16px 0px 0px 20px;
	background: url(imagens/bg.gif) top left repeat;
	/*background: url(imagens/bgrodape_novo.jpg) top left no-repeat;*/
	background-color: #1B1B1B;
	border-top: 8px solid #000;
	color: #FFF;
}
#rodape h3{
	font-size: 13px;
	color: #F60;
}
#rodape a{
	color: #FFF;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------- LIGHTBOX ----------- */
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 10%;
	left: 25%;
	width: 50%;
	height: 70%;
	padding: 1em;
	border: 1px solid #B8B8B8;
	background-color: #FFFFFF;
	text-align: left;
	z-index: 1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/* -------------------------------------------------------------------------------------- Caixa Mensagem ----------- */

#conteudoTexto {
	width:550px;
	height:450;
	background-color:#FFF;
	border:solid 1px #F00;
	padding:10px;
	margin: 0 auto;
	position:absolute;
}

/* -------------------------------------------------------------------------------------- Tabela Lista Clientes ------- */

table.tabela_clientes {
/*	font-family:arial;*/
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tabela_clientes thead tr th, table.tabela_clientes tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tabela_clientes thead tr .header {
	background-image: url(../images/tb_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tabela_clientes tbody td {
/*	color: #3D3D3D; */
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tabela_clientes tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tabela_clientes thead tr .headerSortUp {
	background-image: url(../images/tb_asc.gif);
}
table.tabela_clientes thead tr .headerSortDown {
	background-image: url(../images/tb_desc.gif);
}
table.tabela_clientes thead tr .headerSortDown, table.tabela_clientes thead tr .headerSortUp {
	background-color: #8dbdd8;
}
table.tabela_clientes thead tr td, table.tabela_clientes tfoot tr td {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
.coluna_acao {
	font-weight:bold;
	text-align:center
}

/**/
.cliente_cadastrado {
	color:#306;
}

.cliente_pendente p{
	color:#F00;
	font-weight:bold;
}

.cliente_ativo p {
	color:#00F;
}

.cliente_inativo p{
	color:#F60;
}


/* -------------------------------------------------------------------------------------- Tabela Detalhes Cliente ------- */

table.tb_detalhes_cliente {
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tb_detalhes_cliente thead tr th, table.tb_detalhes_cliente tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 4px;
	text-align:center;
}
table.tb_detalhes_cliente tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tb_detalhes_cliente tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tb_detalhes_cliente thead tr td, table.tb_detalhes_cliente tfoot tr td {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

/* -------------------------------------------------------------------------------------- Tabela de Pagamentos ------- */

table.tabela_pagamentos {
/*	font-family:arial;*/
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tabela_pagamentos thead tr th, table.tabela_pagamentos tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
/*Cabecalho da tabela de pagamentos */
table.tabela_pagamentos tr th, table.tabela_pagamentos tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}


table.tabela_pagamentos thead tr .header {
	background-image: url(../images/tb_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tabela_pagamentos tbody td {
/*	color: #3D3D3D; */
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tabela_pagamentos tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tabela_pagamentos thead tr .headerSortUp {
	background-image: url(../images/tb_asc.gif);
}
table.tabela_pagamentos thead tr .headerSortDown {
	background-image: url(../images/tb_desc.gif);
}
table.tabela_pagamentos thead tr .headerSortDown, table.tabela_pagamentos thead tr .headerSortUp {
	background-color: #8dbdd8;
}
table.tabela_pagamentos thead tr td, table.tabela_pagamentos tfoot tr td {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

select.listados {
	margin-top:10px;
	width:200px;
	padding:5px;
}

select.selecionados {
	margin-top:10px;	
	width:200px;
	padding:5px;
}

table.clientes_pendentes tr th, table.clientes_pendentes tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	cursor:pointer;
}


/* PAGINACAO COM jQuery */

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

.cxBotaoProjetos{
	margin: 0px auto;
	width: 40%;
	display: block;
	padding: 20px;
	text-align: center;
	color: #FFF;
	background: url(imagens/bg.gif) top left repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	border: 1px solid #C8D6DB;
}

.cxBotaoProjetos:hover{
	background: url(imagens/bgmundo.gif) top left repeat;
	text-decoration: underline;
	color: #F06;
	opacity:0.70;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
	border: 1px solid #F06;
}

/* ----------------------------------------------------- PAGINAÇÃO PRE-CONFIGURADA ----------------------------------- */
#display_paginacao{
	display: block;
	padding: 4px;
	text-align: center;
	background-color: #E6E9EE;
	font-weight: bold;
	color: color: #003366;
}
#display_paginacao a{
	margin: 4px;
	padding: 2px;
	border: 1px solid #B5C5DF;
	background-color: #B5C5DF;
	text-decoration: none;
	color: #003366;
	border: 1px solid #6666CC;
	pading: 4px;
	font-weight: bold;
}

#display_paginacao a:active{
	border: 1px solid #FFFFFF;
	pading: 4px;
	font-weight: bold;
	text-decoration: underline;
	color: #003366;
}
#display_paginacao a:visited{
	text-decoration: none;
	color: #003366;
	border: 1px solid #6666CC;
	pading: 4px;
	font-weight: bold;
}
/* ----------------------------------------------------- READ ONLY ----------------------------------- */
.readOnly, .readOnly:focus, .readOnly:focus, .readOnly:hover {
	opacity: 0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
	border: 1px solid #999999;
	background-color: #CCCCCC;
	color: #333333;
}