/*-------------------------------------------------------------------------------------------------------------------
	Autor: Fernando Guasco 
	Empresa: ESCA Acessoria Contabil e Tributaria
	Descricao: Folha de estilo geral, ESCA Acessoria Contabil e Tributaria.
 	Data:26/03/2011
	Versao: 1.0
--------------------------------------------------------------------------------------------------------------------*/
body {
	margin:0; 
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/bg_wrTop.jpg) repeat-x #fff;
}
ul, li, h1, h2, h3, h4, h5, h6, img {margin:0; padding:0; border:none;}
#wrapper {
	width: 100%;
	background:url(../images/bg_topHeader.jpg) center top no-repeat;
}
#wrapperBottom {
	width: 100%;
	background:url(../images/bg_wrBottom.jpg) left bottom repeat-x;
}
.lineForm{
	display:table;
	float:left;
	width:100%;
}
.littleField {
	float:left;
	width:74px;
}
.mediumField {
	float:left;
	width:194px;
}

/*############## Estilos do Cabeçalho ##############*/
#header {
	height:117px;
	background:url(../images/bg_address.jpg) repeat-x;
}
#header h5 {
	*position:absolute;/* Hack IE7 */
	*top:-3px;/* Hack IE7 */
	width:950px;
	height:15px;
	color:#7b7b7b;
	margin:auto;
	padding:4px;
	z-index:10;
	text-align:center
}
#headerContent {
	width:980px;
	height:110px;
	margin:-23px auto 0;
	
}
#linkHome {
	position:absolute;
	display:block;
	top:57px;
	float:left;
	margin-left:20px;
	width:251px;
	height:52px;
	background:url(../images/logo_ESCA.jpg) no-repeat;
}



/*############## Estilos para o menu JQuery LavaLamp ##############*/
.lavaLamp {
	position:absolute;
	top:22px;
	float:left;
	height:75px;
	margin-left:480px;
}
.lavaLamp li {
	float: left;
	list-style: none;
}
.lavaLamp li.back {
	background: url(../images/bg_lavaLamp.jpg) right bottom no-repeat;
	width: 9px; 
	height: 75px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.back .left {
	background: url(../images/bg_lavaLamp.jpg) left bottom no-repeat;
	height: 75px;
	margin-right: 9px;
}
.lavaLamp li a {
	position: relative;
	font-size:16px;
	color:#b5b5b5;
	text-decoration:none;
	text-transform: uppercase;
	top: 7px;
	z-index: 10; 
	display: block;
	margin-top:40px;
	padding:0 6px;
}
.lavaLamp li.border {display:block; height:18px; margin:46px 4px 0; border-left:1px solid #b5b5b5;}
.noBorder {border:none !important;}

/*############## Estilos do Conteúdo ##############*/
#center {
	width:980px;
	margin:auto;
	background:url(../images/bg_content.jpg) left bottom no-repeat;
}
#content {
	display:table;
	width:940px;
	color:#484848;
	margin-left:20px;
}
#content {padding-top:25px;}
#content h2 {
	color:#1a4485;
	text-transform:uppercase;
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(../images/borderTitle.jpg) left bottom repeat-x;
}
/*############## Estilos do Rodapé ##############*/
#footer {
	width:100%;
	height:49px;
	background:url(../images/bg_footer.jpg) repeat-x;
}
#footerContent {
	width:980px;
	height:49px;
	margin:auto;
	background:url(../images/bg_footerMenu.jpg) no-repeat;
}
#footerMenu {
	float:left;
	margin:20px 0 0 300px;
	text-align:center;
}
#footerMenu li {
	display:inline;
	padding:0 6px;
	border-left:1px solid #3e3e3e;
	list-style:none;
}
#footerMenu a:link, #footerMenu a:visited {
	color:#3e3e3e;
	text-decoration:none;
}
#footerMenu a:hover, #footerMenu a.active {color:#3e3e3e; text-decoration:underline;}

/*############## Estilos do Login da Área Restrita para todas ##############*/
#restrictForm {
	display:table;
	*width:273px;/* Hack IE7 */
	float:right;
	color:#777;
	margin-top:-15px;
	z-index:99;
}
#restrictForm label {
	font-size:10px;
	margin-right:3px;
}
#restrictForm h5 {
	margin-bottom:5px;
	margin-bottom /*\**/: 0\9;/* Hack IE8 */
	text-transform:uppercase;
}
#restrictForm p {
	margin:2px 5px 0 0; 
	text-align:right;
}
#restrictForm input {
	background:#f3f4f4;
	margin-right:2px;
	border:1px solid #e3e4e4;
}
#dataLogin, #dataPass {width:80px;}
#buttonOK {
	float:right;
	width:25px;
	height:23px;
	border:none;
	cursor:pointer;
	margin-top:-2px;
	*margin-top:-23px;/* Hack IE7 */
	border:none !important;
	background:url(../images/home/btn_OK.jpg) no-repeat !important;
}
#restrictForm a {
	font-size:9px;
	color:#777;
}


/*############## HACKS CHROME E SAFARI ##############*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#headerContent {margin:-20px auto 0; }
#buttonOK {margin-top:0;}

a:link{text-decoration:none}
.introtext a:link, .div a:active, .div a:visited{color:#333333; text-decoration:none;}