﻿body
{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/site/dot_back.gif);
	background-color: yellowgreen;
	margin: 0;
	padding: 0;
}

img
{
	behavior: url(             "htc/pngbehavior.htc" );
}

#page
{
	width: 100%;
	text-align: center;
}

#divTop
{
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
	height: 246px;
	background-position-x: center;
	background-image: url(../images/site/top.jpg);
	background-repeat: no-repeat;
}
#divBannerTop
{
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	height: 92px;
	min-height: 92px;
	background-color: white;
	background-image: url( '../images/site/centro.jpg' );
	background-repeat: repeat-y;
	background-position-x: center;
	text-align: center;
	z-index: 999;
}
#divCentro
{
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	min-height: 50px;
	text-align: center;
	background-color: white;
	background-image: url(../images/site/centro.jpg);
	background-repeat: repeat-y;
	background-position-x: center;
	z-index: 999;
}
#divBottom
{
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	height: 41px;
	background-position-x: center;
	background-image: url(../images/site/bottom.jpg);
	background-repeat: no-repeat;
	z-index: 999;
}
#divRodapeBanner
{
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	min-height: 110px;
	z-index: 1;
}

a.cssLinkSelect
{
	font: Arial;
	font-size: 12px;
	font-weight: bold;
	cursor: inherit;
	text-decoration: none;
	color: #404040;
	width: 20px;
	height: 10px;
}

a.cssLinkSelect:hover
{
	text-decoration: Underline;
	color: Red;
	font-weight: bold;
	font-size: 12px;
}

a.cssLinkSelectB
{
	font: Arial;
	font-size: 12px;
	font-weight: normal;
	cursor: inherit;
	text-decoration: none;
	color: #404040;
	width: 20px;
	height: 10px;
}

a.cssLinkSelectB:hover
{
	text-decoration: Underline;
	color: Blue;
	font-weight: bold;
	font-size: 12px;
}



/* MENU -------------------------------------*/
#conMenu
{
	position: relative;
	top: 155px;
	left: 31px;
	width: 728px;
	height: 30px;
	padding: 0;
	margin: 3px 0 20px 0;
}

#navMenu
{
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;
}

#navMenu li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navMenu a
{
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/ 30px; /* for IE5/Win */
}

#navMenu a:hover
{
	background-position: 0 -30px;
}

#navMenu a:active, #navMenu a.selected
{
	background-position: 0 -30px;
}

#m01 a
{
	width: 74px;
	background: url(../images/site/menu_01.gif) top left no-repeat;
}

#m02 a
{
	width: 77px;
	background: url(../images/site/menu_02.gif) top left no-repeat;
}

#m03 a
{
	width: 101px;
	background: url(../images/site/menu_03.gif) top left no-repeat;
}

#m04 a
{
	width: 112px;
	background: url(../images/site/menu_04.gif) top left no-repeat;
}
#m05 a
{
	width: 123px;
	background: url(../images/site/menu_05.gif) top left no-repeat;
}
#m06 a
{
	width: 103px;
	background: url(../images/site/menu_06.gif) top left no-repeat;
}

/* CLUBE -------------------------------------*/
#conClube
{
	position: relative;
	top: 143px;
	left: 31px;
	width: 790px;
	height: 26px;
	padding: 0;
	margin: 3px 0 20px 0;
	z-index: 0;
	display: none;
}

#navClube
{
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
}

#navClube li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navClube a
{
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/ 26px; /* for IE5/Win */
}

#navClube a:hover
{
	background-position: 0 -26px;
}

#c01 a
{
	width: 88px;
	background: url(../images/site/Clube_01.gif) top left no-repeat;
}

#c02 a
{
	width: 133px;
	background: url(../images/site/Clube_02.gif) top left no-repeat;
}

#c03 a
{
	width: 83px;
	background: url(../images/site/Clube_03.gif) top left no-repeat;
}

#c04 a
{
	width: 165px;
	background: url(../images/site/Clube_04.gif) top left no-repeat;
}

#c05 a
{
	width: 149px;
	background: url(../images/site/Clube_05.gif) top left no-repeat;
}

/* HISTORIA -------------------------------------*/
#conHistoria
{
	position: relative;
	top: 143px;
	left: 31px;
	width: 790px;
	height: 26px;
	padding: 0;
	margin: 3px 0 20px 0;
	z-index: 0;
	display: none;
}

#navHistoria
{
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
}

#navHistoria li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navHistoria a
{
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/ 26px; /* for IE5/Win */
}

#navHistoria a:hover
{
	background-position: 0 -26px;
}

#navHistoria a:active, #navHistoria a.selected
{
	background-position: 0 -26px;
}

#h01 a
{
	width: 130px;
	background: url(../images/site/Historia_01.gif) top left no-repeat;
}

#h02 a
{
	width: 112px;
	background: url(../images/site/Historia_02.gif) top left no-repeat;
}

#h03 a
{
	width: 123px;
	background: url(../images/site/Historia_03.gif) top left no-repeat;
}

#h04 a
{
	width: 148px;
	background: url(../images/site/Historia_04.gif) top left no-repeat;
}

/* TORCEDOR -------------------------------------*/
#conTorcedor
{
	position: relative;
	top: 143px;
	left: 31px;
	width: 790px;
	height: 26px;
	padding: 0;
	margin: 3px 0 20px 0;
	z-index: 0;
	display: none;
}

#navTorcedor
{
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
}

#navTorcedor li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navTorcedor a
{
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/ 26px; /* for IE5/Win */
}

#navTorcedor a:hover
{
	background-position: 0 -26px;
}

#navTorcedor a:active, #navTorcedor a.selected
{
	background-position: 0 -26px;
}

#t01 a
{
	width: 71px;
	background: url(../images/site/Torcedor_01.gif) top left no-repeat;
}

#t02 a
{
	width: 121px;
	background: url(../images/site/Torcedor_02.gif) top left no-repeat;
}

#t03 a
{
	width: 92px;
	background: url(../images/site/Torcedor_03.gif) top left no-repeat;
}

#t04 a
{
	width: 163px;
	background: url(../images/site/Torcedor_04.gif) top left no-repeat;
}

/* MULTIMIDIA -------------------------------------*/
#conMultimidia
{
	position: relative;
	top: 143px;
	left: 31px;
	width: 790px;
	height: 26px;
	padding: 0;
	margin: 3px 0 20px 0;
	z-index: 0;
	display: none;
}

#navMultimidia
{
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: inline;
	overflow: hidden;
}

#navMultimidia li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navMultimidia a
{
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/ 26px; /* for IE5/Win */
}

#navMultimidia a:hover
{
	background-position: 0 -26px;
}

#navMultimidiar a:active, #navMultimidia a.selected
{
	background-position: 0 -26px;
}

#n01 a
{
	width: 79px;
	background: url(../images/site/Multimidia_01.gif) top left no-repeat;
}

#n02 a
{
	width: 68px;
	background: url(../images/site/Multimidia_02.gif) top left no-repeat;
}

#n03 a
{
	width: 68px;
	background: url(../images/site/Multimidia_03.gif) top left no-repeat;
}

#n04 a
{
	width: 89px;
	background: url(../images/site/Multimidia_04.gif) top left no-repeat;
}




/*  Modal Popup  */
/* --------------------------------------------------------------------------- */
.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}



/* Abas do lMultiView */
/* --------------------------------------------------------------------------- */

.SelectedStyle
{
	padding: 3px;
	background-color: #FFFFFF;
	color: black;
	border: 1px solid Gray;
	border-bottom: none;
	margin-right: 1px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
	height: 25px;
	position: relative;
	z-index: 4;
	top: 0px;
	cursor: auto;
}


.UnSelectedStyle
{
	padding: 3px;
	background-color: #ebeff8;
	color: black;
	border: 1px solid Gray;
	margin-right: 1px;
	font-weight: normal;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
	height: 25px;
	position: relative;
	z-index: 0;
	top: 0px;
	cursor: pointer;
}

.PainelAba
{
	border: solid 1px Gray;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 0;
	top: -2px;
	margin: 0 10 0 10;
}


.atalhos
{
	color: black;
	text-decoration: none;
	font-weight: normal;
}


.atalhos:hover
{
	color: black;
	text-decoration: underline;
	font-weight: bold;
}


/* Rating */
/* --------------------------------------------------------------------------- */
.ratingBall
{
	font-size: 0pt;
	width: 16px;
	height: 14px;
	margin-top: 3px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingBall
{
	background-image: url(../Images/Site/FilledBall.gif);
}

.emptyRatingBall
{
	background-image: url(../Images/Site/EmptyBall.gif);
}

.savedRatingBall
{
	background-image: url(../Images/Site/SavedBall.gif);
}

.MaisUser
{
	position: relative;
	left: 85px;
	top: -5px;
}
