/* Importanto a estrutura principal do site */
@import url("layout.css");

/* Principais definições de fonte, cor, tamanho, altura da linha, links */
body {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	background-color: black;
	color:#dfdfdf;
	line-height:1.2em;
	}

td {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	}


a {color:white; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Definições dos formulários em geral */
form {
	margin:0; padding:0;
	}

input,select,textarea {
	border:1px solid #666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
	}

.asterisco {color:#FF3300;}


/* Classes essenciais */
.SemBorda {border:none !important;}

.Rel {position:relative;}
.Abs {position:absolute;}

/* Estilo das TAGs */
h2 {
	color:#3d3d3d;
	font-size:14px;
	margin:0 0 10px;
	}

hr#Dotted {
	width:90%;
	height:1px;
	padding:0;
	border:0;
	border-bottom:1px dotted #e0e0e0;
	text-align:left;
	margin:12px 0;
	}

/* Estrutura - IDs */
/* - TOP - */
#BannerSecao {
	position:absolute;
	top:-55px;
	right:11px;
	}

.Gadgets {
	position:relative;
	z-index:5;
	}

#Busca {
	top:14px;
	right:16px;
	height:18px;
	vertical-align:middle;
	color:#d9d9d9;
	z-index:6;
	}

#Busca #q {
	color:#d9d9d9;
	background-color:#1e1e1e;
	border:1px solid #595959;
	height:16px;
	margin:0 3px;
	}
	
#Busca input {vertical-align:middle;}

#CuboMagico {
	position:absolute;
	top:-20px;
	left:7px;
	z-index:6;
	cursor:pointer;
	}

#SelTema {
	position:absolute;
	top:-20px;
	left:22px;
	width:100px;
	min-height:60px;
	max-height:90px;
	padding:10px 10px 10px 12px;
	background-color:#fffffc;
	border:1px solid #666;
	z-index:6;
	color:#333333;
	}

#SelTema strong {margin-bottom:9px; width:auto; display:block;}
#SelTema a {color:#000000;text-decoration:none;}
#SelTema a:hover {text-decoration:underline;}

#SelTema ul {
	width:100%;
	margin:0;
	padding:0;
	}
#SelTema ul li {
	height:15px;
	list-style:none;
	}
#SelTema ul li #vermelho, #SelTema ul li #verde, #SelTema ul li #laranja, #SelTema ul li #azul {
	float:left;
	width:5px;
	height:5px;
	margin:4px 4px 0 0;
	border:1px solid #333333;
	line-height:1px;
	font-size:1px;
	}
#SelTema ul li #vermelho {background-color:#ff0000;}
#SelTema ul li #azul {background-color:#98B9E4;}
#SelTema ul li #laranja {background-color:#FF9900;}
#SelTema ul li #verde {background-color:#00CC00;}

.icoFechar {
	position:relative;
	float:right;
	top:3px;
	right:3px;
	width:10px;
	height:10px;
	background-image:url(/imgs/close.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	}

.icoFechar:hover {background-image:url(/imgs/close_hover.gif);}

.Sombra{
	position:absolute;
	top:-16px;
	left:27px;
	width:122px;
	height:112px;
	min-height:107px;
	max-height:107px !important;
	margin:4px 4px 0 0;
	background: url(/imgs/shadow.png) repeat top left !important; /* Bons browsers só interpretam esta linha (Firefox/Opera/Safari) */
	background: none repeat top left; /* É necessário limpar o BG para o AlphaLoader funcionar em IE5.5 e 6 */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/shadow.png', sizingMethod='scale'); 
	z-index:6;
	}

/* - CONTEUDO - */
#Left, #Right {height:100%; float:left; position:relative;}
#Left {width:238px; padding-bottom:45px; color:#ffffff;}
#Right {width:540px;}

/* - RODAPE - */
#FtNav, #FtPhone {
	position:relative;
	margin:5px; padding:5px 10px;
	height:30px;
	float:right;
	}

#FtNav {width:400px;}

#FtPhone {border-left:1px dotted #6d6d6d;}

.Copyright {font:9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#858484;}

.rss {margin:2px 20px 0 0;float:right;}
.rss a {color:#858484;}
.rss a.img {color:#fff;}