@charset "iso-8859-1";
body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin: 0; 
	padding: 0;
	/* this centers the minhaPagina in IE 5* browsers. The text is then set to the left aligned default in the #minhaPagina selector */
	text-align: center; 
	color: #FFFFFF;
}


div#minhaPagina { 
	width: 800px;
	/* the auto margins (in conjunction with a width) center the page */
	margin: 0 auto; 
	/*border: 1px solid #CCCCCC;*/
	/* this overrides the text-align: center on the body element. */
	text-align: left; 
} 

div#cabecalho { 
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #cabecalho instead of text, you may want to remove the padding. */
	background:url(../images/bkg-cabecalho.jpg) no-repeat bottom;
	height:106px;
} 

/****************************************************
		css associado ao menu da pgina
****************************************************/
#silgrafeMenu {
	position: relative;
	height: 30px;
	width: 802px;
	background: url(../images/menu/bkg-menu.png) no-repeat top left !important;
	background: url(../images/menu/bkg-menu.gif) no-repeat top left;
	padding: 3px;
	padding-left: 30px;
	margin: 0px 0;
	overflow: hidden;
}

#silgrafeMenu ul {
	padding: 0;
	margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#silgrafeMenu ul li {
	float: left;
	list-style: none;
}

#silgrafeMenu ul li a {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 25px;
	position: relative;
	overflow: hidden;
}

#menu_inicio a {
	width: 115px;
	background:url(../images/menu/menu-inicio.png) no-repeat center !important;
	background:url(../images/menu/menu-inicio.gif) no-repeat center
}

#menu_servicos a {
	width: 120px;
	margin-left:10px;
	background: url(../images/menu/menu-servicos.png) no-repeat center !important;
	background: url(../images/menu/menu-servicos.gif) no-repeat center;
}

#menu_portfolio a {
	width: 130px;
	background: url(../images/menu/menu-portfolio.png) no-repeat center !important;
	background: url(../images/menu/menu-portfolio.gif) no-repeat center;
}

#menu_noticias a {
	width: 110px;
	background: url(../images/menu/menu-noticias.png) no-repeat center !important;
	background: url(../images/menu/menu-noticias.gif) no-repeat center;
}

#menu_contactos a {
	width: 130px;
	background: url(../images/menu/menu-contactos.png) no-repeat center !important;
	background: url(../images/menu/menu-contactos.gif) no-repeat center;
}

#silgrafeMenu li.background {
	background: url(../images/menu/bg-menu-right.png) no-repeat top right !important;
	background: url(../images/menu/bg-menu-right.gif) no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#silgrafeMenu .background .left {
	background:url(../images/menu/bg-menu.png) no-repeat top left !important;
	background:url(../images/menu/bg-menu.gif) no-repeat top left;
	height: 23px;
	margin-right: 15px; /* 7px is the width of the rounded shape */
}

/****************************************************
css dos div's associados ao rodap
****************************************************/
div#rodape {
	/*border: 1px solid #CCCCCC;*/
	/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #cabecalho instead of text, you may want to remove the padding. */
	height: 150px;
	background: url(../images/bkg-rodape.jpg) no-repeat top left;
	text-align: left;
	padding-top: 75px;
	padding-left: 10px;
}

.texto_copyright {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
}

/*
 *
this class should be placed on a div or break element and should be the final element before the close of a minhaPagina that should fully contain a float 
 *
 */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}