/* CSS Document */
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
	}
body {
	padding: 0;
	margin: 0;
	}
.page-body {
	margin: 0 auto 0 auto;	
	width: 600px;
	padding: 30px 0 20px 0;
	text-align: left;
	}
.page-footer {
	margin: 0 10% 0 315px;	
	width: 600px;
	padding: 0 0 50px 0;
	text-align: left;
	}
.page-body ul, .page-body ol { 
	color: #ffffff;
	margin: 10px 0 30px 25px; 
	}
.page-body ul li, 
.page-body ol li { 
	padding: 0; 
	margin: 0 0 5px 0; 
	color: #cccccc;
	line-height: 140%;
	font-size: 100%;		
	}
.page-footer p {
	margin: 0;
	}
.page-footer {
	padding: 20px;
	}
.page-title h1 span {
	text-align: left;
	font-weight: normal;
	font-size: 100%;
	color: #ffffff;
	margin: 5px 0 15px 0;
	}
.notice {
	border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
	}
.notice p, .notice p a, li a {
	color: #ffffff;
	text-decoration: none;
	}
a.page-options1 {
	width: 192px; height: 144px;
	position: relative;
	top: 30px; left: 40px;
	text-decoration: none; 
	display: block; 
	background-image: url(../imagens/fotos/capa/1.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
a.page-options1:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: .6;
	-khtml-opacity: 0.6;
	}
/* Movimento da imagem "esquerda-direita" 
	
	a.page-options1:hover, a.page-options1:focus {
	background-image: url(../imagens/fotos/capa/1.gif);
	background-position:right;
	} */
	
.texto1{
	color: #000000;
	text-decoration:none;
	}
.texto1:hover{
	color: #999999;
	}
a.page-options2 {
	width: 192px; height: 144px;
	position: relative;
	top: 30px; left: 40px;
	text-decoration: none; 
	display: block; 
	background-image: url(../imagens/fotos/capa/2.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
a.page-options2:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: .6;
	-khtml-opacity: 0.6;
	}

/* Movimento da imagem "esquerda-direita" 

a.page-options2:hover, a.page-options2:focus {
	background-image: url(../imagens/fotos/capa/2.gif);
	background-position:right;
	} */
	
.texto2{
	color: #000000;
	text-decoration:none;
	}
.texto2:hover{
	color: #999999;
	}

p small, li small {
	color: #09F;
	font-size: 100%;
	}
p em, em {
	color: #ffffff;
	}
.hidden {
	display : none;
	}