@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

body {
	background:#FFFFFF url(img/bgzao.jpg) repeat-x center top;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#tudo {
	background:#FFFFFF url(img/bg.jpg) no-repeat center top;
	width:600px;
	height:513px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-255px 0 0 -300px;
	text-align:left;
	
	}
	
#menu {
	width:146px;
	height:173px;
	margin: 240px 7px 0 0;
	float:right;
	background: url(img/bgMenu.jpg) no-repeat center top;
	}
	
#inicial {
	width:70px;
	height:31px;
	margin: 210px 0 0 4px;
	position:absolute;
	color:#FFFF33;
	font-weight:bolder;
	cursor:pointer;	
	text-align:center;
	background: url(img/botaoinicial.png) no-repeat center top;
	}
	
#bot, #bot2, #bot3, #bot4 {
	display:block;
	width:146px;
	height:27px;
	padding-top:15px;
	text-align:center;
	font-weight:bolder;
	cursor:pointer;	
	color:rgb(0,124,195);
	}

#capa {
	background: url(img/capa.png) no-repeat center top;
	margin: 227px 0 0 0;
	float:left;
	width:438px;
	height:286px;
	text-align:center;
	position:absolute;
	}
	
#capa p {	
	margin:auto;
	margin-top:185px;
	width:350px;
	}
	
#personagens {
	position:absolute;
	margin: 227px 0 0 0;
	width:438px;
	height:286px;
	text-align:center;

}

.ze, .doroteia, .lua, .bisteca, .heroi {
	cursor:pointer;
	}

#ze {
	background: url(img/pZe.png) no-repeat center top;
	width:438px;
	height:286px;
	position:absolute;
	float:left;
	}
	
#doroteia {
	background: url(img/doroteia.png) no-repeat center top;
	width:438px;
	height:286px;
	position:absolute;
	display:none;
	}
	
#lua {
	background: url(img/lua.png) no-repeat center top;
	width:438px;
	height:286px;
	position:absolute;
	display:none;
	}
	
#bisteca {
	background: url(img/bisteca.png) no-repeat center top;
	width:438px;
	height:286px;
	position:absolute;
	display:none;
	}
	
#heroi {
	background: url(img/heroi.png) no-repeat center top;
	width:438px;
	height:286px;
	position:absolute;
	display:none;
	}

#personagens p {	
	float:right;
	margin:68px 14px 0 0;
	width:250px;
	color:#fff;
	font-weight:bolder;
	font-size:10px;
	text-align:justify;
	}
	
p#textowallcima {	
	float:left;
	margin-top:80px;
	font-size:10px;
	font-family:tahoma;
	width:100%;
	text-align:center;
	}
#thumbs {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	text-align:center;	
	}
#thumbscolorir {
	float:left;
	width:100%;
	margin-top:10px;
	margin-left:10px;
	text-align:center;	
	}
a { cursor:pointer; }
#links {
	margin:10px 0 10px 10px;
	}
.links {
	width:100%;
	margin-left:8px;

	text-align:center;
	font-size:9px;
	font-family:tahoma;
	
	}
.links a{
	cursor:pointer;
	
	}
.links a:hover{
	cursor:pointer;
	text-decoration:underline;
	
	}

.passos {
	font-family:tahoma;
	font-size:10px;
	margin-top:5px;
	clear:both;
	}
.thumbs {
	width:100%;
	margin-top:3px;
	height:76px;
	margin-left:8px;
	float:left;
	text-align:center;
	}
#thumbscolorir img {
	width:95px;
	margin-top:3px;
	height:76px;
	margin-left:8px;
	}
#lua p {
	float:left;
	margin:68px 0 0 22px;
	width:220px;	
	}
	
#bisteca p {
	margin:74px 20px 0 0;
	width:200px;	
	}
	
#heroi p {
	margin:60px 16px 0 0;
	width:236px;	
	}
	
#fotos {
	background: url(img/bgFotos.jpg) no-repeat center top;
	position:absolute;	
	margin: 227px 0 0 0;
	width:438px;
	height:286px;
	text-align:center;
}

#wallpapers {
	position:absolute;
	background: url(img/bgWall.jpg) no-repeat left top;
	margin: 227px 0 0 0;
	width:438px;
	height:286px;
	text-align:center;

}
#paracolorir {
	position:absolute;
	background: url(img/bgColorir.jpg) no-repeat center left;
	margin: 227px 0 0 0;
	width:438px;
	height:286px;
	text-align:center;

}
p#textocolorircima {	
	float:left;
	margin-top:120px;
	font-size:10px;
	font-family:tahoma;
	width:100%;
	text-align:center;
	}

.menuP {
	position:absolute;
	margin:240px 0 0 20px;
	}
	
.menuA {
	float:left;
	}
	
#contFotos {
	width:410px;
	height:200px;
	margin:80px 0 0 10px;
	}
	
#contFotos .litro {
	float:left;
	list-style:none;
	margin-left:5px;
	}
	
.lii {
	width:108px;
	height: 84px;
	}
	
.liii {
	margin-top:8px;
	width:108px;
	height: 84px;
	}
	
/* scroll */

div.scrollable {      
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width:345px;     
    height:200px;
	margin:80px 0 0 45px; 
}
 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:18000em;     
    position:absolute;     
	clear:both;    
} 

div.scrollable div.items div.co { 
    float:left; 
	margin:3px;
	width:108px;
} 

div.ca { 
    margin-top:6px;
}

.next {
	float:right;
	margin:-120px 15px 0 0;
	cursor:pointer;
	z-index:99;
	}
	
.prev {
	width:32px;
	height:32px;
	margin:160px 0 0 15px;
	float:left;
	cursor:pointer;
	z-index:99;
	}