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

body {
	margin: 0px;
	background-color: #000;
	background-image: url(images/fundo.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;
}
.flutuante {
	background: url(images/face.png) no-repeat transparent;
	display: block;
	width: 50px;
	height: 129px;
	position: fixed;
	right: 3%;
	top: 5px;
	z-index: 100;
}
.flutuante2 {
	background: url(http://uolhost.i.uol.com.br/out/banners/100x100-selo-escuro.gif) no-repeat transparent;
	display: block;
	width: 100px;
	height: 100px;
	position: fixed;
	left: 1%;
	top: 3%;
	z-index: 100;
}
#principal {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin: auto;
	width: 1000px;
	border-radius: 30px;
	background-color: #000;
}
#topo {
	background-color: rgba(0,0,0,0.5);
	border-radius: 30px 30px 0px 0px;
	float: left;
	height: 130px;
	width: 996px;
	border: 2px solid #9FF;
}
#logo {
	float: left;
	height: 110px;
	width: 230px;
	text-align: center;
	padding-top: 20px;
}
#texto_logo {
	float: left;
	width: 755px;
	height: 115px;
	text-align: center;
	color: #FFF;
	padding-top: 15px;
}
#texto_logo h1 {
	font-size: 22px;
}
#texto_logo h2 {
	font-size: 14px;
}
#menu {
	background-color: rgba(0,100,220,0.5);
	float: left;
	height: 40px;
	width: 996px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9FF;
	border-left-color: #9FF;
}
#menu a {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	height: 40px;
	width: 199px;
}
#menu a:hover {
	color: #0FF;
	background-color: rgb(0,10,50);
}

/* Preparação das imagens para Slide Show com jQuery */
#banner {
	position:relative;
	float: left;
	height: 250px;
	width: 996px;
	background-color: rgba(255,255,255,0.5);
	border: 2px solid #9FF;
}
#banner img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#banner img.active {
    z-index:10;
}
#banner img.last-active {
    z-index:9;
}

/* Continuação do Template.*/
#categorias {
	background-color: rgba(0,100,220,0.5);
	float: left;
	height: 30px;
	width: 991px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9FF;
	border-left-color: #9FF;
	padding-left: 5px;
}
#categorias a {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	width: austo;
	padding-right: 22px;
	padding-left: 21px;
}
#categorias a:hover {
	color: #0FF;
	background-color: rgb(0,10,50);
}
#conteudo {
	float: left;
	width: 996px;
	border: 2px solid #9FF;
	height: auto;
	background-color: rgba(255,255,255,0.5);
}
#cont_esq {
	float: left;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
}
#cont_esq a {
	color: #00C;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
	height: 40px;
	width: 180px;
	line-height: 40px;
	padding-left: 20px;
}
#cont_esq a:hover {
	color: #0FF;
	background-color: rgb(0,10,50);
}
#cont_esq p {
	line-height: 40px;
	display: block;
	height: 40px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* A partir daqui, CSS das páginas. */
#cont_dir {
	background-color: #FFF;
	float: right;
	width: 796px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 200%;
	color: #006;
}
#cont_dir p{
	text-align: justify;
	padding-right: 30px;
	padding-left: 50px;
	font-size: 16px;
}
#cont_dir h2 {
	padding-left: 50px;
	padding-right: 30px;
}
#cont_dir ul {
	padding-left: 70px;
	padding-right: 30px;
}
label {
	display:block;
	color: #FFF;
	background-color: #06F;
	line-height: 170%;
	text-align: center;
	width: 140px;
	float: left;
	border-radius:5px;
	margin-right: 20px;
	font-size: 16px;
}
.campo {
	width: 470px;
}
.bt_enviar {
	font-size: 18px;
	color: #FFF;
	background-color: #039;
	text-align: center;
	width: 140px;
	margin-left: 160px;
	border-radius:5px;
}
#form1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: auto;
	margin-right: 20px;
	margin-left: 20px;
}


#colunas {
	float: left;
	width: 198px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #003;
	height: 300px;
	line-height: 100%;
}
#colunas img {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 10px;
	margin-left: 22px;
	padding: 0px;
	border: 0px;
}
#colunas a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #00C;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#colunas a:hover {
	color: #09F;
}
#colunas p {
	text-align: center;
	padding: 0px;
}
.preco {
	font-size: 20px;
	color: #C30;
}

/* Continuação do Template.*/
#rodape {
	background-color: rgba(0,100,220,0.5);
	float: left;
	height: 60px;
	width: 996px;
	border-radius: 0px 0px 30px 30px;
	color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9FF;
	border-bottom-color: #9FF;
	border-left-color: #9FF;
}
#menu_rodape {
	line-height: 30px;
	text-align: center;
	float: left;
	height: 30px;
	width: 996px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9FF;
	font-weight: bold;
}
#menu_rodape a {
	text-decoration: none;
	color: #FFF;
}
#menu_rodape a:hover {
	text-decoration: none;
	color: #0FF;
}
#rodape_esq {
	float: left;
	height: 30px;
	width: 60%;
	text-align: right;
	line-height: 30px;
}
#rodape_dir {
	float: left;
	height: 30px;
	width: 38%;
	text-align: right;
	line-height: 30px;
}