/*-- Reset -------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, fieldset {padding: 0; 	margin: 0;}

body {
	font: small Arial, Verdana, Tahoma, sans-serif;
	background:#f2f2f2 url(../img/bg-body.gif) center top no-repeat;
	height:100%;
	width:100%;
	color:#666;
	font-size:0.75em;
	}
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
p {line-height: 1.4em; margin: 0 0 1.6em 0;}
a { color: #39c; }
a:hover { color: #666; }
a img { border: none; }
table { border-collapse: collapse; }
table td { vertical-align: top; }
fieldset { border: none; }
input, select, textarea {font: 1em Arial, Verdana, Tahoma, sans-serif;}
em{font-style:normal;}	

/*--------------Start---------------*/

.preloader{
	display:block;
	text-align:center;
	padding:100px 0 0 0;
	}

.geral{
	margin: 0 auto;
	width: 840px;
	}
	
.geral .logo{
	position:relative;
	margin:15px 0 0 -80px;
	z-index:5000;
	}	
	
.geral .main{
	width:840px;
	height:573px;
	float:left;
	text-align:center;
	margin:-100px 0 0 0;
	}

.geral .menu{
	width:840px;
	float:left;
	text-align:center;
	padding:10px 0 20px 0;
	}

.geral .menu ul li{
	list-style-type:none;
	display:inline;
	}
	
.geral .menu ul li a{
	text-decoration:none;
	padding:2px 15px;
	}
	
ul.sessao{margin:0 0 0 20px;}	
	
ul.sessao li{
	list-style-image:url(../img/bullet.gif);
	}
	
ul.sessao li a{
	color:#666;
	text-decoration:none;
	}
ul.sessao li a:hover{
	text-decoration:underline;
	color:#333;
	}
	
p.voltar{
	width:550px;
	float:left;
	clear:both;
	padding:10px 0 0 15px;
	background:url(../img/arrow.gif) 0 17px no-repeat;
	}
	
p.voltar a{color:#333; text-decoration:none;}
	
p.voltar a:hover{text-decoration:underline; color:#ff9900;}	
		
#resposta{
	display:block;
	padding:10px 0 20px 0;
	color:#f90;
	font-weight:bold;
	}		

/*------------------Gallery--------------------*/	

#gallery ul { list-style: none; }
#gallery ul li { float:left; margin:5px;}
#gallery ul li a{margin:0; padding:0;}
#gallery ul a:hover { color: #fff; }
#gallery ul li a img{width:100px;}

#gallery ul li{
	border:4px solid #333;
	width:100px;
	height:55px;
	overflow:hidden;
	text-align:center;
	}
	
/*-----------------Form contato------------------*/	

#pophtml h2{
	margin:0 0 20px 0;
	}

#pophtml h2 span.tit-sessao{
	margin:15px 0 0 10px;
	color:#f90;
	position:absolute;
	}	

#pophtml dl dt{
	font-size:1.1em;
	color:#333;
	padding:10px 0;
	color:#f90;
	}
	
#pophtml dl dd ul li{
	list-style-type:none;
	}		

#pophtml form fieldset label{
	width:150px;
	float:left;
	margin:10px 0 5px 0;	
	}
	
#pophtml form fieldset input, #pophtml form fieldset textarea{
	font-size:1em;
	background:#999;
	border:none;
	padding:4px;
	color:#CCC;
	width:370px;
	margin:8px 0 0 0;
	}
	
#pophtml form fieldset textarea{height:80px;}	

dl dt{font-weight:bold;}

dl dd ul li{
	padding:0 0 0 15px;
	background:url(../img/bullet.gif) 0 3px no-repeat;
	margin:0 0 0 10px;
	}
	
dl dd ul.even li{
	padding:0;
	background:none;
	margin:0;
	float:left;
	display:inline;
	}
	
dl dd ul li.ico1, dl dd ul li.ico2, dl dd ul li.ico3, dl dd ul li.ico4, dl dd ul li.ico5{padding:0;}	
	
dl dd ul li.ico1 a, dl dd ul li.ico2 a, dl dd ul li.ico3 a, dl dd ul li.ico4 a, dl dd ul li.ico5 a{
	padding:5px 0 5px 40px;
	text-decoration:none;
	color:#333;
	margin:5px;
	float:left;
	}
	
dl dd ul li.ico1 a:hover, dl dd ul li.ico2 a:hover, dl dd ul li.ico3 a:hover, dl dd ul li.ico4 a:hover, dl dd ul li.ico5 a:hover{color:#f90; text-decoration:underline;}	
	
dl dd ul li.ico1 a{background:url(../img/ico-photoshop.png) left center no-repeat;}
dl dd ul li.ico2 a{background:url(../img/ico-illustrator.png) left center no-repeat;}
dl dd ul li.ico3 a{background:url(../img/ico-cad.png) left center no-repeat;}
dl dd ul li.ico4 a{background:url(../img/ico-3d.png) left center no-repeat;}
dl dd ul li.ico5 a{background:url(../img/ico-corel.jpg) left center no-repeat;}
		

/*-------------------Btn's----------------------------------*/

.btn{
	background:#fb9900;
	color:#fff;
	font-size:1em;
	padding:2px 20px;
	border-top:2px solid #ffa71e;
	border-right:2px solid #d58200;
	border-bottom:2px solid #d58200;
	border-left:2px solid #ffa71e;
	font-weight:bold;
	margin:15px;
	}
	
/*------------------LightBox---------------------------------*/

#layer{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#FFFFFF;
	display:none;
	z-index:50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.90;
	margin:0px;
	padding:0px;
	}
#pop{
	display:none;
	z-index:60;
	position:absolute;
	width:600px;
	left:50%;
	margin-left:-300px;
	top:150px;
	border-right:1px solid #d2d2d2;
	padding:0 15px 30px 0;
	}	
	
#pop a.close{
	text-decoration:none;
	color:#333;
	position:absolute;
	width:72px;
	height:22px;
	margin:6px 0 0 547px
	}

.enviar{
	text-align:right;
	width:544px;
	}
