﻿@charset "utf-8";
/* Estilos CSS para SEO */

html {
	overflow: hidden;
}
body {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: #000 url(../images/bck_seo.png);
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4 {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 22px;
	font-weight: normal;
	margin: -24px 0 0 155px;
}
h2 {
	color: #cc0;
}
#seo {
	width: 300px;
	position: relative;
	top: 155px;
	left: 285px;
}
#center {
	position: absolute;
	left: 50%;
	top:  50%;
}
#logo {
	position: absolute;
	margin: 10px 0 0 120px;
	font: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #cc0;
}
#slider {
	position: absolute;
	width: 800px;
	height: 333px;
	left: -400px;
	top: -186px;
	overflow: hidden;
	background: #000;/*border: 9px solid #000;*/
}
#slider .slide {
	position: absolute;
	top: 0px;
	height: 333px;
	width: 500px;
	background: #000;
	overflow: hidden;
	border-left: #000 solid 1px;
	cursor: default;
}
#slider .title {
	color: #cc0;
	font-weight: bold;
	font-size: 15px;
	margin-right: 1.5em;
	text-decoration: none;
}
#slider .backgroundText {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	background: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#slider .text {
	position: absolute;
	top: 1%;
	top: 90%;
	color: #FFF;
	font-family: trebuchet ms, verdana, arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
	width: 470px;
	left: 10px;
}
#slider .diapo {
	position: absolute;
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: hidden;
}
.destaque {
	color: #cc0;
}
/* Menu */

#menu {
	width : 570px;
	height : 20px;
	position: absolute;
	margin: -240px 0 0 -282px;
	*margin: -240px 0 0 -390px;
	float : left;
	display : block;
	text-align : center;
}
#next {
	width : 33px;
	float : left;
	padding-right : 0;
	padding-top : 170px;
}
#prev {
	width : 33px;
	float : left;
	padding-right : 6px;
	padding-top : 195px;
}
#navcontainer {
	margin : 0;
	padding : 0;
	height : 20px;
}
#navcontainer ul {
	border : 0;
	margin : 0;
	padding : 0;
	list-style-type : none;
	text-align : center;
}
#navcontainer ul li {
	display : block;
	float : left;
	text-align : center;
	padding : 0;
	margin : 0;
}
#navcontainer ul li a {
	background : #000;
	width : 92px;
	height : 18px;
	border-top : 1px solid #cc0;
	border-left : 1px solid #cc0;
	border-bottom : 1px solid #cc0;
	border-right : 1px solid #cc0;
	padding : 0;
	margin : 0 0 10px 0;
	color : #cc0;
	text-decoration : none;
	display : block;
	text-align : center;
	font : normal 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
}
#navcontainer ul li a:hover {
	color : #fff;
	background : #990;
}
#navcontainer a:active {
	background : #990;
	color : #fff;
}
#navcontainer li#active a {
	border : 1px solid #990;
	color : #fff;
}
