@charset "utf-8";
/* CSS Document */

body {
	background: #0d0d0d url(../imagens/fundo_leo.jpg) fixed center top;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
}


* html #tudo {
	height: 100%;
	margin: 0 auto;
	text-align:left;
	}
  
#tudo {
    width: 870px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: 100%;
    }

/*------cabealho---------*/
#cabecalho {
	height: 120px;
	width: 100%;
	text-align: center;
	position: relative;	
}
#logo {
	margin: auto;
	position: relative;
	width: 300px; /* lembre-se de definir uma largura */
	height: 109px;
}


/*------links---------*/

.links { 
	text-decoration: none;
	font-weight:bold;
	color:#86ba37;
	border:none;
}

.links:hover {
	text-decoration:none;
	font-weight:bold;
	color:#f8c300;
	border:none;
}
.img {
	border:none;

}
links.img {
	border:none;
}
links:visited {
	color: #86ba37;
	font-weight:bold;
	text-decoration: none;
}

/*------transparencia---------*/
.overlay{
  position: absolute;
  top: 0; /* Necessrio definir a posio */
  bottom: 0;  /* ir cobrir o elemento pai */
  left: 0;
  width: 100%;
  background: #000;
  opacity: 0.60;
  -moz-opacity: 0.60; /* Browsers baseados no motor Gecko */
  filter:alpha(opacity=60); /* Para IE6 e 7 */
  
  /*------borda arredondada---------*/
	border-radius: 9px; /* CSS 3 */
	-o-border-radius: 9px; /* Opera */
	-icab-border-radius: 9px; /* iCab */
	-khtml-border-radius: 9px; /* Konqueror */
	-moz-border-radius: 9px; /* Firefox */
	-webkit-border-radius: 9px; /* Safari */
}
#transparencia .content {
	width: 100%;


}

.content {
	position:relative;

}

.contentmenu {
	position:relative;
	height: 15px;
	
}
.contentcontato {
	position:relative;
	height: 500px;
}

.contentportifolio {
	position:relative;
	height: 900px;
}

.contentinicial {
	position:relative;
	height: 620px;
}

/* Faa o uso do hack * html para que s o IE6 entenda essa regra */
* html #transparencia .overlay {
  height: expression(document.getElementById("transparencia").offsetHeight);


  /*------borda arredondada---------*/
	border-radius: 0 9px 9px 0; /* CSS 3 */
	-o-border-radius: 0 9px 9px 0; /* Opera */
	-icab-border-radius: 0 9px 9px 0; /* iCab */
	-khtml-border-radius: 0 9px 9px 0; /* Konqueror */
	-moz-border-radius: 0 9px 9px 0; /* Firefox */
	-webkit-border-radius: 0 9px 9px 0; /* Safari */
					      
}

/*------------------------ Menu ------------------------------*/

#conteudo_nav {
	margin: auto;
	position: relative;
	width: 870px; /* lembre-se de definir uma largura */
	padding: 10px 10px 25px 10px;

}
#menu_esq {
	float: left;
	position:relative;
	width: 20%; /* lembre-se de definir uma largura */
	padding-top: 10px;
}
#nav, #nav * {
	margin: 0;
	padding: 0;
}

#nav {
	width:100%;
	list-style: none;
	float: left;
	font: 16px "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-weight:bold;
	font-variant:small-caps;
}
#nav li {float:left; list-style:none;}
#nav li a {
	display:block;
	text-decoration: none;
	margin-right: 2px;
	color:#FFF;
	padding: 0.25em 0.5em 0.25em 0.75em;
}
#nav li a:visited { color:#FFF;}
#nav li a:hover {
	color:#ffcb08;
	background:url(../imagens/logobullet.png) no-repeat left;
	

}

/*---------services---------*/
.title{
font-size:14px;
font-weight:bold;
color:#ffcb08;
}

.listas {
	list-style-type:none;
	list-style-image:url(../imagens/logobullet.png);
	line-height: 20px;
}


/*------------------------ Area de Trabalho ------------------------------*/

#conteudo_central {
	margin: auto;
	position: relative;
	width: 830px; /* lembre-se de definir uma largura */
	padding: 30px 30px 45px 30px;

}

#conteudo_contato {
	margin: auto;
	position: relative;
	width: 830px; /* lembre-se de definir uma largura */
	padding: 30px 30px 45px 30px;

}

#conteudo_dir {
	float: left;
	position: relative;
	width: 75%; /* lembre-se de definir uma largura */
	padding: 10px 10px 25px 10px;

}

#content_esq {
	float: left;
	position:relative;
	width: 48%; /* lembre-se de definir uma largura */
	
}
#content_dir {
	float: right;
	position:relative;
	width: 48%; /* lembre-se de definir uma largura */
	
}

#content_esq_port {
	float: left;
	position:relative;
	width: 25%; /* lembre-se de definir uma largura */
	
}
#content_dir_port {
	float: right;
	position:relative;
	width: 68%; /* lembre-se de definir uma largura */
	
}
#textos {
	padding: 10px;
	
	}

#content_ini_esq {
	float: left;
	position:relative;
	width: 256px; /* lembre-se de definir uma largura */
	text-align: justify;
	padding: 10px;
}
#content_ini_dir {
	float: right;
	position:relative;
	width: 256px; /* lembre-se de definir uma largura */
	text-align: justify;
	padding: 10px;
}
#content_ini_center {
	float: left;
	position:relative;
 	width: 256px; /* lembre-se de definir uma largura */
	text-align: justify;
	padding: 10px;
}

.image {
	border:none;
	
}

.leiamais {
	text-align:right;
	
}
.titulo{
font-weight:bold;
font-variant:small-caps;
color:#ffcb08;
}

/*------rodap---------*/

#rodape {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color: #FFF;
	height: 25px;
	width:  870px;
	text-align:center;
	position: relative;
	clear: both;
	margin: auto;
	padding-top: 8px;
	margin-bottom:0;

}
/*------galeria---------*/
/* hide from ie on mac \*/	
	#flashcontent {
		width: 550px;
		height: 680px;
	}
	/* end hide */
	
	a {	
		color:#333333;
	}
	p {
		width: 550px;
	}