/* Font Embeding */

@font-face {
	font-family:"Humanst521 Lt BT";
    src: url(../font/hum521l.eof);
    src: local("Humanst521 Lt BT"), url(../font/hum521l.ttf) format("truetype");
}


html, body {
	height: 100%;
	margin:0px;
	top:0px;
	text-align:justify;
}

h2{
	font-size:130%;
	margin:0px 0px 10px 0px;
}

a{
	color:#000;
	outiline:none;
}

input,textarea, select
{
    outline:none;
	border:0px;
	resize: none; 
}

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

* html {
	height: 100%; /* hack para IE6 que trata height como min-height */
}

.bgDiv{	
	background:#F9FbFd url(../img/bgV3.jpg) bottom repeat-x;
	width:100%;
	margin:0px;
}

#centerSite{
	/*background:#F00;*/
	width:900px;
	height:692px;
	margin:auto;
	position:relative;
	z-index:997;
}

#lateral{
	float:left;
	position:relative;
	width:210px;
	height:500px;
	top:30px;
}

.end{
	margin-top:40px;
	margin-left:10px;
	line-height:20px;
	font-size:10px;
}

.conteudo{
	position:absolute;
	float:right;
	right:0px;
	top:30px;
	width:670px;
	height:500px;
	z-index:998;
	/*background:#C90;*/
}

.menu{
	text-align:right;
	margin-top:40px;
}

#cph{
	width:575px;
	float:right;
	position:relative;
	right:0px;
	top:30px;
	font-size:12px;
	z-index:999;
	/*overflow:hidden;*/
}

.contato{
	background:url(../img/bgContato.png) no-repeat;
	width:448px;
	height:365px;
	position:absolute;
	z-index:999;
}

/*Quem Somos*/
#mv{
	font-family:"Humanst521 Lt BT";
	color:#555555;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height:40px;
}

#mv a{
	text-decoration:none;
	color:#555555;
}


#mv a:hover{
	text-decoration:none;
	color:#FFF;
	background:#555555;
}

#quemsomos{
	
}

#missao,#visao{
	display:none;
}

.contato table{
	margin-left:30px;
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#475542;
}

.contato table td{
	position:relative;
}

.inputNome{
	background:url(../img/bgNome.png) no-repeat;
	width:316px;
	height:48px;	
}

.inputEmail{
	background:url(../img/bgEmail.png) no-repeat;
	width:316px;
	height:38px;
}

.inputTels{
	background:url(../img/bgtels.png) no-repeat;
	width:138px;
	height:28px;
}


.inputMsg{
	background:url(../img/bgMensagem.png) no-repeat;
	width:316px;
	height:98px;
	font-family:Arial, Helvetica, sans-serif;
}

.msgErro{
	position:absolute;
	float:left;
}

#base{
	position:relative;
	/*background:#0C3;*/
	height:30px;
	z-index:1;
}

#rodape{
	position:absolute;
	bottom:0px;
	width:100%;
	height:325px;
	z-index:2;
	/*background:url(../img/rodape.png) center bottom no-repeat;*/
}

object{
	z-index:3;
}

/*Portifolio*/
#portifolio{
	width:530px;
	height:440px;
	overflow:hidden;
	position:relative;
}

#slider{
	width:530px;
    height:560px;
    float:left;
    left:0px;
    position:relative;
    /*overflow:hidden; */ 
}

#carousel {
	width:540px;
	height:560px;	
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:540px;
	height:560px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:1500px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:540px;
	height:560px;	
	float:left;
}

#slides li img {
	padding:4px;
}

.clear {clear:both}

.cliente{
	width:530px;
	height:450px;
	position:relative;
	float:left;
	display:block;
}

.imagem{
	background:url(../img/bgImagemPF.png) no-repeat;
	width:528px;
	height:328px;
	padding:relative;
}

.imagem img{
	float:left;
	position:relative;
	top:6px;
	left:5px;
}

.desc{
	position:absolute;
	float:left;
	top:349px;
	background:url(../img/bgDesc.png) repeat-x;
	width:498px;
	height:66px;
	padding:10px;
}

#navega{
	position:absolute;
	left:-55px;
	top:190px;
	width:623px;
	z-index:999;
}

#navega img{
	cursor:hand;
	border:0px;
}

#navega #dir{
	float:right;
	position:absolute;
	right:0px;
}