/* DEFAULT
********************************************************/

HTML {
	overflow:scroll;
	overflow-x:hidden;
	font: 1.4em Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align:center;
	background:url(../imagens/bg_body.jpg) no-repeat center top;
	background-attachment:fixed;
}

	HTML * {
		margin								: 0;
		padding								: 0;
		text-decoration						: none;
		border								: 0;
	}
	
	BR {clear:both;}
	
	/*A:ACTIVE, A:LINK, A:VISITED {
		#FFF;
	}

	A:HOVER {
		text-decoration:none;
	}*/

/* H1, H2, H3, H4, H5 e H6
********************************************************/

.topo {
	text-align:left;
	height:79px;
	padding:0px;
}

	.topo h1 {
		height:25px;
		display:block;
		float:left;
		margin-top:0px;
		text-align:left;
		vertical-align:middle;	
		padding-top:20px;
	}
	
		.topo img {
			margin-top:20px;
		}
	
	.topo h1 span {
		display:none;
	}

/* ESTRUTURA
********************************************************/

	div#estrutura {
		width:760px;
		height: auto !important;
		height:100px;
		min-height:100px;
		position:absolute;
		left:50%;
		margin-left:-380px;
		padding-bottom:160px;
	}
	
/* CONTEUDO
********************************************************/

div#estrutura div.conteudo {
	width:530px;
	float:left;
	height: auto !important;
	height:650px;
	min-height:650px;
	border:2px solid #FFF;
	background:url(../imagens/bg_texto.jpg) center top;
	text-align:left;
	font-size:.6em;
	padding-bottom:100px;
}

	div#estrutura div.toreador {
		background:url(../imagens/bg_toreador.jpg) no-repeat center top;
		padding-top:180px;
	}
	
	div#estrutura div.regras {
		background:url(../imagens/bg_regras.jpg) no-repeat center top;
		padding-top:180px;
	}
	
	div#estrutura div.giovanni {
		background:url(../imagens/bg_giovanni.jpg) no-repeat center top;
		padding-top:180px;
	}
	
	div#estrutura div.tre {
		background:url(../imagens/bg_tremere.jpg) no-repeat center top;
		padding-top:180px;
	}

	
	div#estrutura div.mapas {
		background:url(../imagens/bg_mapas.jpg) no-repeat center top;
		/*padding-top:180px;*/
	}
	
	ul.menu {
		float:left;
		width: 56%/*56%*/;
		display:block;
	}
	
		ul.menu li {
			float:right;
			width:115px;
			display:block;
			height:20px;
			background:url(../imagens/ico_aba.png) no-repeat center top;
			font-size:.55em;
			font-family: Georgia;
			text-align:center;
			padding-top:4px;
			margin-right:-30px;
		}
		
			ul.menu li a {
				color:#000;
				font-weight:bold;
				position:relative;
				z-index:99;
			}
			
		ul.menu li.regras {
			/*display:none;*/
		}

	div#estrutura div.coluna {
		width:190px;
		float:right;
		background:url(../imagens/bg_coluna.png) no-repeat center top;
		height:650px;
		margin:130px 10px 0 0;
		padding:160px 0 0 10px;
		color:#FFF;	
		text-align:left;
		font-size:.55em;		
	}
	
		div.coluna ul {
			padding-left:10px;
		}
		
			div.coluna ul li {
				margin-left:0px;
				list-style:square;
				list-style-position:inside;
				font-size:.75em;
				line-height:11px;
			}
	
		div.coluna h2 {
			font-size:1em;
		}
	
	div#estrutura div.homem {
		position:absolute;
		right:10px;
		top:0px;
	}
	
	div#estrutura div.bizarro {
		position:absolute;
		bottom:60px;
		right:44px;
		z-index:99;
	}
	
	div#estrutura div.tremere {
		position:absolute;
		left:-96px;
		top:56px;
		z-index:1;
	}
	
	div.conteudo div.intro {
		padding:20px 0 20px 6px;
	}
	
		div.conteudo div.intro p {
			background:#000;
			color:#fff;
			display:inline;
		}
		
		div.conteudo div.intro p strong {
			font-size:3em;
			background:#000;
			float:left;
			
		}
		div.conteudo div.texto {
		}
		
			div.conteudo div.texto p {
				padding:0 6px;
				padding-left:10%;
				font-size:.9em;
				margin-bottom:10px;
				color:#222;
				/*font-weight:bold;*/
				width:82%;
				line-height:16px;
				background:url(../imagens/ico_hand.png) no-repeat 20px top;
				font-family: Georgia;
			}
			
				div.conteudo div.texto h2, div.conteudo div.texto h4 {
					margin-left:52px;
					font-size:.8em;
				}
				
				div.conteudo div.texto ol li a {
					color:red;
				}
				
					div.conteudo div.texto ol li a:hover {
						background:black;
						color:#fff;
					}
				
				div.conteudo div.texto h3 {
					font-size:1.2em;
					display:block;
					border-bottom:1px dotted #000;
					width:94%;
					float:right;
					text-align:left;
					margin-bottom:5px;
					margin-right:2%;
				}
			
				div.texto p u {
					color:red;
					font-weight:Bold;
					font-size:1.2em;
				}
			
			div.texto ul, div.texto ol {
				font-family: Georgia;
				padding:5px;
				font-size:.85em;
			}
			
				div.texto ul li,
				div.texto ol li {
					margin-left:80px;
					list-style:square;
				}
				
					div.texto ul li ul li {
						margin-left:10px;
						font-size:1.1em;
						list-style:circle;
					}
					
					div.texto ol li {
						list-style-type:decimal;
						padding-right:80px;
					}
					
		div.tre .texto i {
			color:#555;
			font-size:.8em;
			line-height:8px;
		}
	
/* GALERIA */
	
	#main_image {
		height:380px;
		margin-left:15px;
	}
	
	.demo a {
		color:red;
		float:right;
		font-size:.8em;
		margin-right:6px;
		display:block;
	}
 
 	.gallery_demo_unstyled {
 		width:100%;
		margin:2px 0 0 5px;
 	}
 
	.demo{position:relative;margin-top:179px;}
	.gallery_demo li{width:50px;height:50px;border:1px solid #fff;background:#000;float:left;list-style:none;}
	.gallery_demo li img {margin-bottom:2px;cursor:pointer;}
	
/* RODAPE */

div.rodape {
	position:Absolute;
	left:0px;
	bottom:70px;
	color:white;
	border:1px dotted #999;
	width:60.5%;
	padding:2% 5%;
	text-align:left;
	font-size:.6em;
	background:url(../imagens/ico_noie.jpg) #000 no-repeat 5px center;
}

	div.rodape strong {
		color:#666;
		font-style:italic;
	}

/* TABLE */

table {
	width:80%;
	margin-left:60px;
	padding:2px;
	margin-bottom:20px;
	border:1px solid #d1d1d1;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	background:#FFF;
}

	table tr th,
	table tr td {
		text-align:center;
		
	}

	table tr th.right {
		text-align:right;
		padding-right:5px;
	}
	
		table tr td,
		table tr th {
			border-bottom:1px solid #d1d1d1;
			border-right:1px dotted #d5d5d5;
			padding:2px 5px;
		}
		
		table tr.dias th,
		table tr.dias td {
			background:black;
			color:#FFF;
		}