/* CSS Document */
body{
	padding:0px;
	margin:0px; 
	font:13px/19px Arial, Helvetica, sans-serif;
	line-height:15px;
}

.logo{
	width: 400px;
	height: 150px;
	position:absolute;	
	float:left;
	margin-left: -350px; 
	left: 50%;
	_position: relative;
	_float:right;	
	_clear: left;
	_left: 0%;	
	_rigth: 50%;
	_padding-right: 490px;
}

#menu{
    height:25px;
	width: 770px;
}
	
#menu ul{
	 height:25px;
	 margin:0 auto auto 0;
}

#menu li{
	float:left;
	margin-top:5px;
	text-align:center;
}

#menu ul li a{
	width: auto;
	margin:0px 2px 0 2px;
	text-align:center;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	white-space:nowrap;
}

#menu ul li a:hover{
	text-decoration:none; 
}

/*----Content----*/

#panBranco{
	width:770px;
	font-size: 14px;
	background:#fff url(../image/fundo.gif);
	padding:5px 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}


#pan{
    clear:left;
	width:770px;
	font-size: 14px;
	padding:5px 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	min-height: 300px;
}

#pan p{
	padding:0 0 10px 15px;
}

#pan p.mytexto{
	display:block;
	border:1px solid #000;
	width:535px; 
	margin:2px 0px 5px 0px;
	padding:2px 17px 15px 10px;
}

/*<fieldset>*/

fieldset{
	margin-right:2px;
	border:none;
	
}

fieldset ul{
	width:80%;
	float:left;
	white-space:nowrap;
	display:block;
}

fieldset ul li{
	width:100%;
	margin:0 5px 0 5px;
	white-space: nowrap;
}

fieldset ul li label{
	width:70px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:8px;
}

fieldset ul li textarea{
	width:30%;
	white-space: nowrap;
	
}

/*</fieldset>*/

/*<footet>*/
#footermainPan{	
	height:70px;
	width:100%;
	clear:left;
}

#footerPan{
    height:70px;
	width:770px;
	
}
	
#footerPan ul{	 
	 height:20px;
}

#footerPan li{
	position:relative;
	left:20%;
	float:left;
	padding:15px 0 0; 
	color:#000;
}

#footerPan ul li a{
	padding:15px 5px 0; 
	color:#000; 
	text-decoration:none;
	font-size:13px;
}

#footerPan ul li:before{
	content:"|";
}

#footerPan ul li:after{
	content:"|";
}
#footerPan ul li a:hover{
	text-decoration:none;
	color:#FF9900;
}

#footerPan ul.templateworld{
	width:740px;
	color:#ccc;
	display:block;
	float:left;
	font-size:10px;
	margin:5px 0 0 -105px;
	top: 15px; left:-10px;
}

#footerPan ul.templateworld li{
	height:20px;
	color:#FF9900;
}

/*</footet>*/

/*<contato>*/
.email, .fone, .nome{
	margin-left:5px;
	width:300px !important;
	*width:260px !important;
	*margin-left: -80px;
	_margin-left: 0px;
}

.mensagem{
	margin-left:5px;
	width:300px !important;
	*width:260px !important;
	*margin-left: -80px;
	_margin-left: 0px;
}
/*</contato>*/

.bold label{
	font-weight:bold;
}

.title{
	font-weight:bold;
	clear:both;
}

.contatoReply{
	height: 230px;
	width: 100%;
}

.contatoForm{
	text-decoration:none;
	height: 200px !important;
	font-weight:bold;
	width: 100%;
}

.orange{color:#ff9900 !important} .gray{color:#999;}

.contato, .download, .hyperlinks, .portfolium{height:430px;}
.portfolioTotal{height:880px;}


.portfolio{
	padding:3px;
	margin:10px 15px 10px 10px;
	clear:left;
	}

.portfolioThumbnails {
	margin:10px 15px 10px 115px;
	width:600px;
}

.jobPortfolio{
	margin-top:10px;
	
}


.portfolioThumbnails img{
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	padding: 3px;
	margin-right: 10px;
}


.portfolioThumbnails img:hover{
	width: 50px;
	height: 50px;
	border: 1px solid #ff6600;
	padding: 3px;
	margin-right: 10px;
}

.portfolio img{
	margin-bottom: 10px;
}

.fichaTecnica{
	padding-bottom: 20px !important;
	margin-left:15px;
	margin-right:15px;
	color:#000000;
	clear:left;
}

.formMail{
	width: 285px;
	float: left;
	margin-left: 15px;
	_margin-left: 0px;
	min-height:400px;
}

.wallMail{
	margin-left: 310px;	
	_margin-left: 300px;	
	_margin-top:15px;
	min-height:40px;
	width:420px;
	
}

.wallMail .nome{
	font-weight:bold;
	width: 420px;	
	height: 20px;
	border-bottom: 1px dashed;
}

.wallMail .data{
	color:#999999;
	width:60px;	
	_margin-left:35px;
	float: right;
	margin-top:-20px;	
}

.wallMail{	
	margin-top: 2px;
	min-height: 40px;
	_min-height: 20px;
	width:auto;

}

.recados{
	margin-left: 370px;	
	_margin-left: 370px;	
	_margin-top:15px;
	min-height:40px;
	width:370px;	
}

.recados .nome{
	font-weight:bold;
	width: 370px !important;	
	height: 20px;
	border-bottom: 1px dashed;
}

.recados .data{
	color:#999999;
	width:80px;	
	_margin-left:35px;
	float: right;
	margin-top:-20px;	
}

.mensagem{	
	margin-top: 2px;
	min-height: 40px;
	_min-height: 20px;
}




/*<customForms>*/

.clear{
	clear:left;
}

input[type="text"], input[type="password"], input[type=text], input.text, textarea{
	display: block; 
	margin-left:75px;
	*margin-left:5px;	
	border: 0px solid #fff;
}

.descricaoLink, descricaoLink:focus, descricaoLink.focus{
	width:600px;
	background:none !important;
	border:none ;
	float:left;
	margin-bottom:5px;
	margin-top:-2px;
	overflow:hidden;
}

.data, data:focus, data.focus{
	width:120px;
	background:none !important;
	border:none ;
	margin-bottom:5px;
	margin-top:-2px;
	margin-left:60px;
	float:left;
}

div, p, ul{
	padding:0px;
	margin:0px;
	font-size: 8pt;
}

ul{list-style-type:none;
}

input[type="text"], input[type="password"], textarea{  
  font-size:10pt; 
  background-color:#F0EFEC;  
  border-style:inset; 
  border-width:2px;
  height::17px; 
  padding:2px 5px 0px 5px;
  margin:1px 2px 1px 2px;
  vertical-align:bottom;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ 
  background-color:#CCCCCC;  
  color:#000; 
}

input[type="text"]:readOnly{
	background-color:none;
	border:none;	
}

.readOnly{
	background-color:none;
	border:none;	
}

.titulo{
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	margin-right: 10px;
	margin-bottom:5px;
	margin-left:15px;
}

h1{	font-size::22px;
	border-bottom:dotted 2px #666666;
	padding:0 0 5px 45px;
	margin: 8px 5px 5px 5px;
	line-height:35px;

}

h2{
	font-size:16px;
	padding-bottom:10px;
	margin-right:20px;
}

h3{
	font-size:15px;
	margin-left:15px;
}

h4{	
	font-size:0.9em;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
}

h5{	
	margin-top:0px;
	font-size:14pt;
	border-bottom:2px dotted #333333;
	padding:0 0 5px 45px;
	margin: 15px 20px 0 15px;
	_margin: 15px 20px 0 12px;
	background:url(../images/css-normal.gif) 0 0px no-repeat;
	line-height:35px;
}

h6{	
	font-size:12pt;
}

.textoContato{
	width:300px;
	float:left;
}

.formContato{
	margin-left:320px;
	width: 400px;
	_width: 360px;
}

.contato{
	margin-left:15px;
}


.dadosContato, dadosContato:focus, dadosContato.focus{
	width:170%;
	background:none !important;
	border:none ;
	
}

.descricao{
	padding-left: 20px;
}

.descricaoDownloads{
	padding-left: 30px !important;
}

.labelHiperlink label{
	width:180px !important;
	text-align: left !important;
	margin-left:15px;
}

.myData{
	float:right;
	width:40px;
	height:20px;
	margin:-30px 200px 0 0;
	padding-left:15px;
	_margin:-30px 70px 0 0;
}


label.downloads{
	width:200px !important;
	font-weight:bold;
	float:left;
	text-align:left;
}

label.linkLivro{
	width:380px !important;
	font-weight:bold;
	float:left;
	text-align:left;
}

.content ul{
	width:100%;

}

.content ul li{
	width:100%;
	line-height:22px;
	
}

.content ul li label{
	width:100px;
	float:left;
	margin-right:10px;
	white-space: nowrap;
}




/* Internal Content */

.imagePerfil{
	width:130px;
	height: 450px;
	margin-left: 10px;
	margin-bottom: 15px;
	/*float:left;	*/
	margin-right:20px;
	background-repeat:no-repeat;
}

.imageBanner{
	width:740px;
	height: 90px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.isBanner{
	width:600px;
	margin-left: 160px;
	margin-top: -470px;/*IE todos*/
}


/* <materias> */

ul.materia{	
	margin:25px 0 0 2px;
}

ul.materia li{
	line-height:15px;
	width:150px;
	text-decoration:none;
	margin:5px 0 0 2px;
	background: url(../images/ico.png) 0 4px no-repeat;
	_background: url(../images/ico.png) 0 13px no-repeat;
}

ul.materia li a{
	display:block;
}

ul.materia li a:hover{
	text-decoration:underline;
}

.menuMateria{
	width:150px;
	margin-left: 590px;
	margin-top: -12px;
	_margin: 0px 0 0 590px;
}

.menuMateria ul li{
	margin:2px 0 5px 2px;
	padding-top:5px;
}

.menuMateria ul li.mat{
	font-size:9px;
}


.menuMateria ul li.dicas{
	color:#000000;
	margin-top:7px;	
	font-weight:bold;
	margin-left: 2px;
}

.menuMateria ul li a{
	padding-left:0px;
	text-decoration:underline;
}

.biohazard{
	padding-left:16px;
	text-decoration:underline;
}


.textMateria{
	width:550px;
	float: left;
	min-height: 550px;
	line-height: 1.9em;
	text-align:left;
	border-right: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px 5px 0 15px;
	padding: 0 10px 20px 0;
	
}

.textPerfil{
	width: auto;
	padding-right:10px;
}




.dataMateria{
	clear: left;
	margin: 25px 0 0 15px;;
	padding-left: 20px;
}


.textMateriaCodigo{
	height:550px;
	width:550px !important;
	float: left;
}

.textMateriaCodigo textarea{
	width:545px;
	height:540px !important;
	float:left;
	background:none !important;
	text-align:left;
	border:none !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-top:20px;
}

/* </materias> */

.textTotal{
	width:97%;
	background:none !important;
	border: none !important;
	margin-top:20px;
	
	overflow:auto;
}

/*<blog>*/

.contentBlog{
	width:720px;
	padding: 5px;
	margin: 5px 5px 5px 10px;
}

.contentBusca{
	width:750px;
	padding: 0px;
	margin: 5px 15px 5px 10px;
}

.contentForm{
	width:720px;
	padding: 5px;
	margin: 5px 5px 5px 10px;
}

.contentFormMargin{
	padding:0 0 0 65px;
}

.containerText{
	width: 580px;
	float:left;
}

.containerTextFull{
	width: 710px;
}



.tituloBlog{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #999999;
	padding-bottom: 2px;
	margin-right: 10px;
}

.dataBlog{
	margin-right: 20px;
}

.textoBlog{
	clear:left;
}

.containerFotosBlog{
	margin-left: 610px!important;
	*margin-left: 0px !important;
	_margin-left: 0px!important;
	width: 125px;
	margin-top: 35px;
}

.fotoBlog1{
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 3px;	
}

.fotoBlog2{
	width: 50px;
	height: 50px;
	margin-left: 70px;
	*margin-left: 10px;
	margin-top: 25px;
	*margin-top: 0px;
	margin-bottom: 5px;
	padding: 3px;	
}

.fotoBlog3{
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 5px;
	padding: 3px;	
}


.fotoBlog4{
	width: 50px;
	height: 50px;
	margin-left: 70px;
	padding: 3px;	
}

.fotoBlog{
	width: 50px;
	height: 50px;
	padding: 3px;	
}

.fotoBlog img{
	width: 50px !important;	
	height: 50px !important;
}

.fotoProdutos{
	float: left;
	margin-bottom: 5px;	
	margin-left:15px;
}

.fotoProdutos img{
	border:none;	
}

/*</blog>*/

/*<video>*/

.contentVideo{
	width: 770px;
	height: 550px;
	position: relative;
	left: 50%;
	margin-left: -385px;
}

.containerVideo{
	width: 160px;
	height: 250px;
	margin-bottom:15px;
	float:left;
}

.swfVideo{
	width: 640px;
	height: 436px;
	position: relative;
	left: 50%;
	margin-left: -320px;
	margin-top:10px;
}

.swfthumbVideo{
	width: 150px;
	height: 121px;
	margin-top:5px;
	margin-left:10px;
}

.textoVideo{
	margin-left:10px;
}

.dataVideo{
	margin-left:10px;
	font-size:9px;
}

.tituloVideo{
	margin-left:10px;
	font-weight:bold;
}

.video_container_total{
	margin-left:55px;
}

/*</videos>*/

/*<trace>*/

.trace{
	width: 400px;
	height: 250px;
	position: absolute;
	background: #f3f3f3;
	border: 1px solid #666666;
	padding: 10px;
	left: 50%;
	margin-left: -200px;
}

.titleTrace{
	font-weight:bold;
	font-size:12px;
	border-bottom:1px dashed #999999;
	padding-bottom: 10px;
}

.traceResult{
	padding: 25px;
	text-align:center;
}

/*</trace>*/

a.linkNohaw{
	color:#FF9900 !important;
	font-size:10px !important;
}