@charset "UTF-8";
/* CSS Document */
*
{
	font-family:"Century Gothic";
	font-size:9pt;
	color:rgb(38,169,224);
	margin:0;
	padding:0;
	border:0;
}
body
{
	background:url(../imagens/back.jpg) top left repeat;
}
#page
{
	margin:auto;
	margin-top:7%;
	width:1000px;
}
#header
{
	border-right:1px rgb(200,200,200) dotted;
	width:499px;
	float:left;
	height:300px;
	background:rgb(25,25,25);
}
#header h1
{
	margin-right:90px;
	background:rgb(25,25,25) url(../imagens/logo.jpg) center right no-repeat;
	text-indent:-5000px;
	height:300px;
	
}
#contact
{
	float:left;
	height:300px;
	width:400px;
	padding-left:85px;
	background:rgb(20,20,20);	
}
#resposta
{
	color:#FFF;
	font-size:200%;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding-top:125px;
	height:175px;
	display:none;
	position:absolute;
	margin-right:50px;
	margin-top:7%;
	top:0;
	width:0px;
	left:0px;
	background:rgb(158,31,99);
	z-index:99999999;
}
#contact form
{
	float:left;
	z-index:1;
	text-align:right;
	width:260px;
}
#contact h2
{
	font-size:200%;
	font-weight:bold;
	font-style:italic;
	padding:20px 0 10px;
}
label
{
	color:rgb(38,169,224);
}
input, textarea
{
	width:200px;
	height:20px;
	background:rgb(30,30,30);
}
input#btnEnviar
{
	width:50px;
	margin-top:8px;
	font-style:italic;
	font-weight:bold;
}
textarea
{
	height:60px;
	margin-top:6px;
}
#contact p
{
	line-height:28px;
}

#lateral
{
	position:relative;
	top:0px;
	left:950px;
	background:url(../imagens/barra_lateral.png) repeat-y top left;
	height:350px;
	width:50px;
	z-index:999;
}
#footer
{
	position:relative;
	height:50px;
	top:-50px;
	z-index:9;
	background:rgb(230,230,230);
}
#footer h3
{
	margin:17px 0 0 0;
	color:rgb(20,20,20);
	width:45%;
	float:left;
	height:33px;
	text-align:right;
	font-weight:bold;
	font-style:italic;
}
#footer ul
{
	list-style:none;
	height:50px;
	width:55%;
	float:left;
	font-style:italic;
}
#footer ul li
{
	margin:7px 0 0 20px ;
}
#footer ul li span
{
	color:rgb(20,20,20);
	padding:0 0 0 20px;
}