/*
*********************************************************************	
	********************************************************
	CONECTT | CSS PADRAO
	Arquivo base padrao para estilos CSS | Projetos Conectt
	********************************************************
	NUCLEO DE DESIGN CONECTT
	Diogo Duarte Peixoto | DESIGNER
	diogo@conectt.com.br
	Date: 05/2005
	********************************************************
	Copyright CONECTT | http://www.conectt.com.br
	********************************************************
*********************************************************************
*/

/*
/////////////////////// FUNDO DA PGINA E BODY ///////////////////////
*/
body	{	
	font-size: .63em;				/* tamanho da fonte do outros Browsers */
	_font-size: .66em; 				/* Tamanho da fonte no IE */
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Arial;
	font-size-adjust:	.58;
	background-color: #d8d8d8;
	background-image: url(../img/fundo_bg.gif);
	margin: 0;
	padding:  0 0 0 0;
}	

p, blockquote, ul, ol, dl, dd, li, dir, menu	{
	/* inherit from body */	
}


#pre { 
	display: none; 
	border: 2px inset; 
	padding: 4px; 
	text-align: left; 
	overflow-x: scroll; 
	float: left; 
	width: 750px;
	background-color: #EFEFEF;
	
}

small	{
	font-size:	.92em;
}	

big	{
	font-size:	1.17em;
}	

pre	{	
	font-family:	'Monotype.com', Courier New, monospace;
}	

ol li	{	
	list-style-type:	decimal;
}	

ol ol li	{	
	list-style-type:	lower-alpha;
}	

ol ol ol li	{	
	list-style-type:	lower-roman;
}



/*
//////////// TEXTOS GERAIS DO SITE ////////////
*/

table, td, tr, p, div { 
	font-family: Arial;
	font-size: 100%;
	color: #000000; 
}

img {
	border: none;
}

p {
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana;
	 font-size: 100%;
    margin: 0;
    padding-top: 0.1em;
	 padding-bottom: 0.1em;
    text-shadow: #999999 0.2em 0.2em 3px;
}

h1 { 
	font-family: Arial; 
	font-size: 150%; 
	color: #FF7200;
}

h2 { 
	font-family: Arial;
	font-size: 120%;
	color: #5F4F40;
}

h3 { 
	font-family: Arial; 
	font-size: 110%; 
	color: #999999;
	font-weight: normal;
} 

h4 { 
	font-family: Arial; 
	font-size: 100%;  
	font-weight: bold; 
} 

/*
//////////// TEXTOS GERAIS DO SITE | LISTAGENS ////////////
*/

ul { 
		line-height: 1.5em;
		padding: 0;
		margin: 0.5em 0 0 3.2em;
		list-style-image: url(../img/bullet.gif);
}

ol { 
		line-height: 1.5em;
		padding: 0;
		margin: 0.5em 0 0 3.2em;
}

/*
//////////// FORMULRIOS ////////////
*/

textarea {
		font-family: Arial;
		font-size: 100%;
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		border: 1px solid #877B71;
		vertical-align: middle;
		background-color: #F5F5F5;
		padding: 2px;
		filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='#D3CEC2', Positive='true');
}

select {
		font-family: Arial;
		font-size: 100%;
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		border: 1px solid #877B71;
		vertical-align: middle;
		background-color: #F5F5F5;
		padding: 2px;
		filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='#D3CEC2', Positive='true');
}

input {
		font-family: Arial;
		font-size: 100%;
		color: #666666;
		font-weight: normal;
		text-decoration: none;
		border: 1px solid #877B71;
		vertical-align: middle;
		background-color: #F5F5F5;
		padding: 2px;
		filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='#D3CEC2', Positive='true');
}

.imageField {
		border: none;
}

/*
//////////// LINKS ////////////
#586394
*/

a:active{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: ; color: #FF7200; text-decoration: none; }
a:link{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: ; color: #41496b; text-decoration: none; }
a:visited{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: ; color: #586394; text-decoration: none; }
a:hover{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: ; color: #FF7200; text-decoration: underline; }
a:visited:hover{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: ; color: #FF7200; text-decoration: underline; }

/*
//////////// LINKS | VARIAES ////////////
*/
.link01{font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
a.link01:active{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: none; }
a.link01:link{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }
a.link01:visited{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }
a.link01:hover{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: underline; }
a.link01:visited:hover{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: underline; }

a.link02:active{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: none; }
a.link02:link{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }
a.link02:visited{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }
a.link02:hover{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: underline; }
a.link02:visited:hover{ font-family: Arial; font-size: 95%; font-style: normal; font-weight: normal; color: #FF7200; text-decoration: underline; }

a.link03:active{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: bold; color: #FF7200; text-decoration: none; }
a.link03:link{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: bold; color: #999999; text-decoration: none; }
a.link03:visited{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: bold; color: #999999; text-decoration: none; }
a.link03:hover{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: bold; color: #FF7200; text-decoration: underline; }
a.link03:visited:hover{ font-family: Arial; font-size: 100%; font-style: normal; font-weight: bold; color: #FF7200; text-decoration: underline; }

/*
//////////// TABELAS | LINHAS | CELULAS E SUAS VARIAES ////////////
*/

/* Include Topo */

.topoTd01 {
		background-color: #FFFFFF;
		width: 768px;
		height: 48px;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

.topoTd02 {
		background-image: url(../img/topo_barra_login.jpg);
		width: 768px;
		height: 37px;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

/* Include Menu */

.menuTd01 {
		background-image: url(../img/menu_fundo.gif);
		width: 768px;
		height: 16px;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

/* Include Anima */

.TdContentAnima01 {
		background-color: #D8D1C7;
		width: 768px;
		height: 189px;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

/*/////////////////////*/

.TdContent01 {
		background-color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

.TdContentBarraDireita01 {
		background-image: url(../img/fundo_barra_dir.jpg);
		width: 184px;
		padding: 0px;
		margin: 0px;
		border: 0px none;
}

.TdContentMenu01 {
		background-color: #FFFFFF;
		padding: 7px;
		margin: 0px;
		border: 0px none;
}
.titCalendario {
	font-size: 90%;
	color: #9A9084;
}

.legendaCalendario {
	font-size: 90%;
	color: #9A9084;
}

.txtCalendario {
	color: #605043;
}

.semanaCalendario {
	font-weight: bold;
	color: #D14826;
}
.tdDestSolucoes01 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #F0EFEB;
	border-right-color: #F0EFEB;
	border-bottom-color: #F0EFEB;
	border-left-color: #F0EFEB;
}
.tdDestSolucoes02 {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #F0EFEB;
	border-right-color: #F0EFEB;
	border-bottom-color: #F0EFEB;
	border-left-color: #F0EFEB;
}
.tdColunaMenu {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #F0EFEB;
	border-right-color: #F0EFEB;
	border-bottom-color: #F0EFEB;
	border-left-color: #F0EFEB;
	background-color: #D5D1C6;
}
.titMenu {
	font-size: 140%;
	font-weight: bold;
	color: #A30000;
}
.TdContentMenu02 {
	height: 33px;
	background-image: url(../img/tdContentMenu02.gif);
}
.tdTitInternas {
	background-color: #F3F1EE;
	padding: 20px;
	margin: 0px;
	border: 0px none;
}

.tdContentInternas01 {
	background-color: #FFFFFF;
	background-image: url(/img/fundo_solucao.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	margin: 0px;
	border: 0px none;
}

.tdContentInternas02 {
	background-color: #FFFFFF;
	padding: 7px;
	margin: 0px;
	border-top: none #E5E5E5;
	border-right: none #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-left: none #E5E5E5;
}

.tdContentInternas03 {
	background-color: #F7F6F4;
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

.tdContentInternas04 {
	background-image: url(/img/fundo_solucao.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 20px;
	margin: 0px;
	border: 0px none;
}

.tdContentInternas05 {
	background-color: #F7F6F4;
	padding: 20px;
	margin: 0px;
	border: 0px none;
}

.tdContentInternas06 {
	background-color: #E4E2DF;
	padding: 20px;
	margin: 0px;
	border: 0px none;
}

.imgFoto	{
	border: 1px solid #877B71;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='#D3CEC2', Positive='true');
	
}

/* Cores dos dias do calendrio */
.inss { color: #0094de; font-weight: bold; }
.inss13 { color: #800080; font-weight: bold; }
.irrf { color: #e87817; font-weight: bold; }
.fgts { color: #009140; font-weight: bold; }
.cage { color: #8f5445; font-weight: bold; }
.pis  { color: #bd8299; font-weight: bold; }
.cons { color: #291770; font-weight: bold; }
.feriado { color: #990033; font-weight: bold; }