/* top right bottom left */

/***************************************************/
/********* Layout geral do site e menus ************/
/***************************************************/

/* TODO O DOCUMENTO */
body {
	min-width: 471px;         /* 2 x LC width + RC width */
	margin: 0;
	padding: 0;
	background-color: #abafc1; 
	background-image: url(imagens/bg.png);
	background-repeat: repeat;
	font: 62.5% "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
}

/* CABEÇALHO */
#cabecalho {
	border: 0px;
	border-top: 1px solid #bfb6a7;
	border-bottom: 1px solid #bfb6a7; 
	background-color: #b6b8c1; 
	background-image: url(imagens/bg.png);
	background-repeat: repeat;
    color: #363840;
	margin: 0px;
	padding: 10px 0px 10px 30px;
	height: 58px;
	font-family: Arial, Helvetica, sans-serif;
}

#cabecalho #fontegrande {
	font-size: 18px;
	font-weight: bold;
}

#cabecalho #fontepequena {
	font-size: 12px;
	font-weight: normal;
}

/* Menu de procura no cabeçalho*/
#procura { 
	position: absolute; 
	right: 40px; 
	top: 35px; 
	text-align: right; 
}

/* Contentor para navegação e conteúdos */
#contentor {
	padding-left: 157px;      /* LC width */
	padding-right: 157px;     /* RC width */
	overflow: hidden;
}

/* Colunas laterais */
#contentor .coluna {
	position: relative;
	float: left;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
	z-index: 2;
}

/* Zona de conteúdos */
#centro {
	width: 100%;
	background: #fff9ef;
	border-right: 1px solid #bfb6a7;
	z-index: 2;
}

#centro div#divfinal {
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #bfb6a7;
	border-bottom: 1px solid #bfb6a7;
	background-color: #fff3df; 
	clear: both;
	height: 46px;
}

#centro div#divfinal img {
	float: left;
	margin: 3px;
}

/* Coluna esquerda */
#esquerda {
	background: #fff3df;
	border-right: 1px solid #bfb6a7;
	white-space: nowrap;
	width: 157px;             /* LC width */
	right: 157px;             /* LC width */
	margin-left: -100%;
	text-align: center;
}

#esquerda ul { 
	width: 157px;
	list-style-type: none; 
	font: 1.1em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #363840; 
	line-height: 20px; 
	margin: 0; 
	padding: 0; 
}

#esquerda li { 
	display: inline; 
	margin: 0; 
	padding: 0; 
	text-align: left;
}

#esquerda li a:link, #esquerda li a:visited { 
	height: 1%; 
	display: block; 
	text-decoration: none; 
	color: #544f46; 
	border-bottom: 1px solid #bfb6a7; 
	padding: 0 0 0 10px;
	text-align: left;
}

#esquerda li a:hover { 
	color: #363840; 
	background: #fff9ef; 
}

/* Coluna direita */
#direita {
	width: 157px;             /* RC width */
	margin-right: -100%;
	background: #fff9ef;
}

/* Rodapé */
#rodape {
	border: 0px;
	border-top: 1px solid #bfb6a7;
	border-bottom: 1px solid #bfb6a7;
    text-align: center;
	background: #ffe7bf;
	font-family: 'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #544f46;
	font-size: 11px;
	clear: both;
	position: relative;
	height: 100%;
	z-index: 2;
}

/*** IE6 Fixes ***/
* html #esquerda {
	left: 157px;              /* RC width */
}

* html body {
	overflow: hidden;
}

* html #rodape-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #fff3df;  /* Same as body background */
}


/***************************************************/
/************** Elementos genéricos ****************/
/***************************************************/

/* Imagens */			 
img {
	border: 0;
}

/* Hiperligações */
a:link, a:visited { 
	text-decoration: none; color: #6d7081; 
}

a:hover { 
	text-decoration: underline; color: #363840; 
}

/* Cabeçalhos */
h1, h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited, h4, h4 a:link, h4 a:visited, h5, h5 a:link, h5 a:visited, h6, h6 a:link, h6 a:visited {
	font-weight: bold;
	font-family: "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 4px 0px 4px 5px; 
	text-align: left;
	text-decoration: none;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	color: #fff3df; 
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.0em;
}

h6 {
	font-size: 0.8em;
}

h1.bga, h2.bga, h3.bga, h4.bga, h5.bga, h6.bga {
	background: #544f46;
	color: #fff3df; 
}

h1.bgb, h2.bgb, h3.bgb, h4.bgb, h5.bgb, h6.bgb {
	background: #b6b8c1;
	color: #fff3df; 
}

h1.bgc, h2.bgc, h3.bgc, h4.bgc, h5.bgc, h6.bgc {
	background: #6d7081;
	color: #fff3df; 
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #363840;
}

/* Listas */

ul, ol { 
	line-height: 1.5em; font-size: 1.1em; 
}

ul { 
	list-style-type: square; 
}

li { 
	padding: 0.3em 0 0.3em 0; 
}

ul li ul { 
	font-size: 1em
}

/* Texto */
p {
	font: 1.1em/1.33em "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #363840; 
}

/******************************************/
/**** Classes de texto ********************/
/******************************************/
.centbold {
	text-align: center;
	font-weight: bold;
}

.centit {
    text-align: center;
	font-weight: bold;
	font-style: italic;
}

.texto {
    text-indent: 20px;
	text-align: justify;
}

/******************************************/
/*** Classes para elementos de conteúdo ***/
/******************************************/
	 
/* Bloco de informação*/
.hdiv {
    padding-right: 6px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	/*width: 95%;*/
}
	  
/* Permite o aparecimento de scrollbars */
.overflowers {
    width: 97%;
	overflow: auto;
	padding: 6px;
	margin: 2px;
}

/* Cor dos bullets e separadores */
.orange {
    color: #ddd8cf;
}

/******************************************/
/*** Classes de imagens *******************/
/******************************************/

/* Imagens da galeria e cartazes */
img.galeria, img.cartaz, img.fotoprev {
 	border: 1px solid #ddd8cf;
    margin: 2px;
}

img.logouser {
 	border: 1px solid #ddd8cf;
    margin: 5px;
	width: 25%;	
}

/******************************************/
/*** Classes para forms *******************/
/******************************************/

/* Estilo dos botões submit */
.submit { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #abafc1; 
}

/**************************************************************************/
/* Estilo das tabelas de ranking que são desenhadas na parte de conteúdos */
/**************************************************************************/
#centro table#rank {
    border-top: 1px solid #bfb6a7;
	border-right: 1px solid #bfb6a7;
	border-left: 0;
	border-bottom: 0;
    padding: 0;
	margin: 0;
}

#centro table#rank td {
    border-top: 0;
	border-right: 0;
	border-left: 1px solid #bfb6a7;
	border-bottom: 1px solid #bfb6a7;
	padding: 2px;
	margin: 0;
}

#centro table#rank td p {
	display: inline;
}

/*******************************************/
/****** Layout dos conteúdos de entrada ****/
/*******************************************/
p.dataNoticia {
	color: #a99f8d; 
	margin-bottom: 0; 
	padding: 0;
}

p.tituloNoticia {
	font-size: 1.33em;
	font-weight: bold;
	margin: 0; 
	padding: 0;
}

p.paragNoticia {
	font-size: 1.15em;
	margin: 0; 
	padding: 0;	
}

#centro #conteudosecundario {
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #bfb6a7;
	width: 30%;
	padding: 0;
	margin: 0px 0px 0px 10px;
	float: right;
	z-index: 1;
	background-color: #fff3df;;
}

#centro #conteudosecundario img {
	width: 75%;
}

#centro div#criterios {
	 border-width: 1px 0px 1px 0px; 
	 border-color: #bfb6a7; 
	 border-style: dashed; 
	 width: inherit;
	 margin: 0px; 
	 padding: 0px 15px 0px 15px;
}

/***************************************************/
/**** Estilos para a galeria de fotos **************/
/***************************************************/

#centro div#instrucoesmm {
	float: left;
	background-color: #ddd8cf;;
	margin: 0px 15px 5px 15px;
	width: 20%;
	border-width: 0px 1px 1px 1px;
	border-color: #bfb6a7;
	border-style: solid;
	padding: 5px;
}

#centro table#resprocurafotos {
	border: 0px;
	padding: 1px;
}

#centro table#resprocurafotos td.tdcentrado {
	border: 0px;
	padding: 1px;
	vertical-align: middle;
}

#centro table#resprocurafotos td.tdtopo {
	border: 0px;
	padding: 1px;
	vertical-align: top;
}

#centro table#resprocurafotos td.tdtopolast {
	border: 0px;
	padding: 1px;
	vertical-align: top;
	border-bottom-style: dashed; 
	border-bottom-width: 1px;
	border-color: #bfb6a7;
}

#centro table#resprocurafotos td p {
	display: inline;
}

/************************************************/
/***** Quadros para clubes e escolas ************/
/************************************************/
#centro div.quadroce {
	border-color: #bfb6a7;
	border-width: 1px;
	border-style: dashed;
	width: 80%;
	margin: 10px;
}

/************************************************/
/***** Tabelas auxiliares para layout ***********/
/************************************************/

#centro table.auxlayout {
	border: 0px;
	padding: 0px;	
}

#centro table.auxlayout td {
	vertical-align: top;
	border: 0px;
	padding: 1px;
}

#centro table.auxlayout td.infosobrecampo {
	text-align: right;
	padding-right: 10px;
}

#centro table.auxlayout td.formsubmit {
	text-align: center;
}

#centro table.auxlayout td p {
	display: inline;
}

#centro table.auxlayout td.infosobrecampo p {
	font-weight: bold;
}

/***************************************************/
/******************* A REVER ***********************/
/***************************************************/

object {
 	border: 1px solid #bfb6a7;
    margin: 2px;
}