/*base.css*/
html {
	height: 100%;
}
body {
	text-align: center; /*d� um jeito na centraliza��o das coisas no ie*/
	background-color: #fff;
	height: 100%;
}
.none {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.clear {
	clear: both;
}
.FL {
	float:left;
}
.FR {
	float:right;
}
p {
	font-family: Georgia;
}
@font-face {
    font-family: 'Booter-FiveZeroRegular';
    src: url('fonts/booterfz_2-webfont.eot');
    src: url('fonts/booterfz_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/booterfz_2-webfont.woff') format('woff'),
         url('fonts/booterfz_2-webfont.ttf') format('truetype'),
         url('fonts/booterfz_2-webfont.svg#Booter-FiveZeroRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =Header
----------------------------------------------- */
header {
	margin: 0 auto;
	background-image:url("../_img/headerBg.png");
		z-index:0;
		left:0px;
		width:100%;
		height:150px;
		background-repeat:no-repeat;
		/**************************************
			 * We can change the background-position to
			 * set how the image "overflows"
			 *************************************/
			background-position:bottom right;
			/**************************************
			 * CSS3: enables re-sizable background image
			 *************************************/
		-moz-background-size: cover;
		background-size:cover;

}
#logo {
	background: url('../_img/logoBg.png') no-repeat;
	display: block;
	height: 100px;
	width: 255px;
	font-size: 0;
	float: left;
}
#chamada {
	background: url('../_img/chamadaBg.png') no-repeat;
	display: block;
	height: 60px;
	width: 360px;
	float: left;
	margin: 30px 50px;
}
.inside h3 {
    color: #E3AD16;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 18px;
    letter-spacing: 0.05em;
    position: absolute;
    right: 0;
    text-shadow: 0 0 2px black;
    top: 17px;
    width: 170px;
}
#saraiva {
	background: url('../_img/saraiva.png') no-repeat;
	display: block;
	height: 60px;
	width: 145px;
	float: left;
	margin: 40px 0 40px 90px;
}
#travessa {
	background: url('../_img/travessa.jpg') no-repeat;
	display: block;
	height: 60px;
	width: 158px;
	float: left;
	margin: 40px 0 40px 90px;
}
#siciliano {
	background: url('../_img/siciliano.jpg') no-repeat;
	display: block;
	height: 60px;
	width: 158px;
	float: left;
	margin: 40px 0 40px 90px;
}
#estronho {
	background: url('../_img/estronho.jpg') no-repeat;
	display: block;
	height: 60px;
	width: 158px;
	float: left;
	margin: 40px 0 40px 90px;
}
/* =Body
----------------------------------------------- */
#container {
	margin: 0 auto; /* centraliza o elemento #container */
	text-align: left;
	background-color: black;
	position: relative;
	background-image:url("../_img/containerBg.jpg");
		z-index:0;
		left:0px;
		width:100%;
		/*height:100%;*/
		background-repeat:no-repeat;
		/**************************************
			 * We can change the background-position to
			 * set how the image "overflows"
			 *************************************/
			background-position:bottom right;
			/**************************************
			 * CSS3: enables re-sizable background image
			 *************************************/
		-moz-background-size: cover;
		background-size:cover;
}
#content {
	width: 980px;
	margin: 0 auto;
	min-height: 630px;
}
#content nav {
	height: 430px;
	width: 200px;
	font-family: 'Booter-FiveZeroRegular';
	background: url('../_img/menuBg.png') no-repeat 0 -7px;
 	text-align: center;
 	float: left;
}
#content nav ul {
	margin-top: 34px;
}
#content nav ul li a {
	color: #402100;
	font-size: 1.6em;
	line-height: 1.7em;
}
#content nav ul li:hover {
	background: url('../_img/menuHover.png') no-repeat 17px 0;
}
#content nav ul li a:hover {
    color: #8c461f;
}
.home {
	display: block;
	height: 225px;
	width: 195px;
	float: left;
}
.banners {
	display: block;
	height: 185px;
	width: 185px;
	float: left;
	margin-left: 7px;
}
.banners a:first-child {
	margin: 10px 0;
	display: block;
}
.preco {
	color: white;
	font-size: 1.1em;
	-moz-border-radius: 25px 25px 25px 25px;
	-o-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
    -moz-box-shadow: 0 0 1px white inset;
    -o-box-shadow: 0 0 1px white inset;
    -webkit-box-shadow: 0 0 1px white inset;
    box-shadow: 0 0 1px white inset;
    border: 1px solid rgba(255,255,255,0.4);
    display: block;
    font-size: 0.85em;
    height: 40px;
    padding-top: 5px;
    text-align: center;
    text-indent: -2px;
    width: 50px;
    float: left;
    margin-left: -5px;
	background: #600f44; /* Old browsers */
	background: -moz-linear-gradient(top,  #600f44 0%, #941769 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#600f44), color-stop(100%,#941769)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #600f44 0%,#941769 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #600f44 0%,#941769 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #600f44 0%,#941769 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #600f44 0%,#941769 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600f44', endColorstr='#941769',GradientType=0 ); /* IE6-9 */
}
.ahover {
    color: #8c461f !important;
}
.ahover2 {
	background: url('../_img/menuHover.png') no-repeat 17px 0;
}
/* =Footer
----------------------------------------------- */
footer {
	font-family: Georgia;
	background-image:url("../_img/footerBg.png");
		z-index:0;
		left:0px;
		width:100%;
		height: 70px;
		background-repeat:no-repeat;
		/**************************************
			 * We can change the background-position to
			 * set how the image "overflows"
			 *************************************/
			background-position:bottom right;
			/**************************************
			 * CSS3: enables re-sizable background image
			 *************************************/
		-moz-background-size: cover;
		background-size:cover;
}
footer section {
	height: 55px;
	width: 235px;
	background: url('../_img/sociaisBg.png') no-repeat;
	display: block;
	position: relative;
	bottom: 20px;
	float: left;
	margin-right: 40px;
	font-size: 0.8em;
}
footer section a {
	display: block;
	height: 42px;
	width: 42px;
}
.inside section p {
    color: white;
    left: 15px;
    position: absolute;
    top: 10px;
}
footer small {
	color: white;
	float: right;
	font-size: 0.7em;
	margin-top: 20px;
}
.pank {
	font-size: 0.7em;
	color: white;
	float: right;
	line-height: 2em;
}
.pank a:hover {
	color: orange;
}
footer a {
	color: white;
}
#facebook {
	background: url('../_img/sociais.png') no-repeat top left;
	left: 14px;
    position: absolute;
    top: 28px;
	overflow: hidden;
}
#twitter {
	background: url('../_img/sociais.png') no-repeat -47px 0;
	left: 60px;
    position: absolute;
    top: 28px;
}
#skoob {
	background: url('../_img/sociais.png') no-repeat -93px 0;
	left: 106px;
    position: absolute;
    top: 28px;
}
#palladinumblog {
	background: url('../_img/sociais.png') no-repeat -139px 0;
	right: 40px;
    position: absolute;
    top: 28px;
}
#youtube {
	background: url('../_img/sociais.png') no-repeat -187px 0;
	right: -7px;
    position: absolute;
    top: 28px;
}
#email {
	background: url('../_img/sociais.png') no-repeat top right;
	left: 17px;
    position: absolute;
    top: 28px;
}
#skynerd {
	background: url('../_img/sociais.png') no-repeat -232px 0;
	right: -8px;
    position: absolute;
    top: 28px;
}
#facebook2 {
	background: url('../_img/sociais.png') no-repeat top left;
	left: 60px;
    position: absolute;
    top: 28px;
}
#twitter2 {
	background: url('../_img/sociais.png') no-repeat -47px 0;
	left: 106px;
    position: absolute;
    top: 28px;
}
#skoob2 {
	background: url('../_img/sociais.png') no-repeat -93px 0;
	left: 152px;
    position: absolute;
    top: 28px;
}

/* =P�ginas
----------------------------------------------- */
.inside {
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#page {
    float: right;
    min-height: 640px;
    width: 985px;
    margin-bottom: 30px;
}
.interna {
    float: right;
    min-height: 610px;
    width: 770px;
    margin-bottom: 40px;
}
.slideshow { 
	height: 180px; 
	width: 180px; 
	margin: auto;
	background: url('../_img/slideShowBg.png') no-repeat;
}
.slideshow img { 
	margin-top: -1px;
}
.header {
    background: none repeat scroll 0 0 transparent !important;
    float: right;
    margin-right: 80px;
	height: 100px;
	margin-top: 7px;
}
.chamada {
    font-family: 'Booter-FiveZeroRegular';
    color: #e3ad16;
    font-size: 2.7em;
    letter-spacing: 0.07em;
    text-shadow: 2px 2px 3px black;
    display: block;
    text-align: center;
    width: 100%;
    font-variant: small-caps;
}
/* =Home
---------------- */
#left {
    width: 195px;
    height: 640px;
    float: left;
}
#home1 {
	width: 360px;
	min-height: 620px;
	float: left;
	margin-left: 15px;
	position: relative;
}
#home2 {
	width: 385px;
	min-height: 550px;
	float: left;
	margin: 30px 0 0 30px;
	position: relative;
	overflow: hidden;
}
#home2 h2 {
    color: #e3ad16;
    float: right;
    font-size: 1.2em;
    display: block;
    width: 110px;
    height: 18px;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 1px black;
	position: absolute;
	top: 4px;
	right: 0;
}
#home2 a {
    margin-bottom: 20px;
    display: block;
}
#frente, #verso {
	height: 540px;
}
#verso {
	position: absolute;
	top: 0;
	display: none;
}
.capa {
	position: absolute;
	bottom: 40px;
    background: url("../_img/versoBg.png") no-repeat scroll 0 0 transparent;
    color: #E3AD16;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    height: 28px;
    letter-spacing: 0.07em;
    line-height: 28px;
    text-indent: 30px;
    width: 90px;
    margin-left: 50px;
}
.comprar {
	position: absolute;
	bottom: 33px;
	right: 15px;
	text-transform:uppercase;
}
.index {
	position: absolute;
	bottom: 27px;
}
.botao {
    border: 0 none;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -o-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    float: right;
    font-family: georgia;
    font-size: 0.85em;
    height: 40px;
    text-transform: uppercase;
    width: 110px;
    font-weight: bold;
    color: #402100;
	text-align:center;
	line-height: 3em;
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 32%, #e6b52c 71%, #e6b52c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(32%,#ffffff), color-stop(71%,#e6b52c), color-stop(100%,#e6b52c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 32%,#e6b52c 71%,#e6b52c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#ffffff 32%,#e6b52c 71%,#e6b52c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#ffffff 32%,#e6b52c 71%,#e6b52c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 32%,#e6b52c 71%,#e6b52c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6b52c',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.botao:active {
	line-height: 3.25em;
}
.frete {
    color: white;
    float: right;
    font-size: 0.95em;
    margin-top: 8px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px black;
    position: absolute;
    bottom: 13px;
    right: 15px;
}
#compra {
    float: right;
    height: 70px;
    width: 170px;
    margin-top: -23px;
    margin-right: 20px;
}
#facebookPlugin {
	width: 90px;
}
#video {
	margin-top: 15px;
	margin-bottom: 25px;
}
/* =Sinopse
---------------- */
#sinopse {
	min-height: 610px;
    width: 770px;
	margin-top: 10px;
	position: relative;
	padding-bottom: 6px;
	background: url("../_img/bgPapel.jpg") no-repeat 0 34px;
	background-size: 770px 784px;
	height: auto;
}
#sinopse:before {
	content: " ";
	display: block;
	background:url("../_img/sinopseTop.png") no-repeat bottom right;
	width:100%;
	height:34px;
	background-size: 770px;
}
#sinopse:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -28px;
	background:url("../_img/sinopseBottom.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
#sinopse h4 {
    color: #402100;
    display: block;
    font-family: 'Booter-FiveZeroRegular';
    font-size: 1.72em;
    letter-spacing: 0.07em;
    text-align: center;
    text-shadow: 0 0 1px white;
    width: 100%;
    font-variant: small-caps;
    margin-bottom: 9px;
}
#sinopse p {
    font-family: Georgia;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.3em;
    margin: 0 auto;
    width: 92%;
    color: #402100;
}
#imgSinopse {
    background: url("../_img/sinopseImg.jpg") no-repeat 0 0px;
    background-size: 770px auto;
    display: block;
    height: 224px;
    margin: 30px 0;
    width: 770px;
    position: relative;
    -moz-box-shadow: 0px 0px 5px black;
    -o-box-shadow: 0px 0px 5px black;
    -webkit-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
}
#imgSinopse:before {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    top: -6px;
}
#imgSinopse:after {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    bottom: -6px;
    right: 0;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.quote {
	font-weight: normal !important;
	font-style: italic;
	letter-spacing: 0.05em !important;
	width: 86% !important;
}
.quote:before {
    content: " ";
    display: block;
    width: 31px;
    height: 23px;
    background: url("../_img/aspas.png") no-repeat;
    margin-left: -42px;
    float: left;
}
.quote:after {
    content: " ";
    width: 31px;
    height: 23px;
    display: block;
    float: right;
    margin-right: -32px;
    margin-top: -13px;
    background: url("../_img/aspas.png") no-repeat;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.ass {
    text-align: right;
    margin: 15px 0 20px !important;
}
.p2 {
	font-weight: normal !important;
	margin-bottom: 15px !important;
}
/* =1� capitulo
---------------- */
.capitulo {
	text-transform: none !important;
	width: 140px !important;
	border: 1px solid #402100 !important;
	margin-right: 110px;
    margin-top: 40px;
}
#capitulo {
	min-height: 540px;
    width: 770px;
	margin-top: 10px;
	position: relative;
	padding-bottom: 6px;
	background: url("../_img/bgPapel.jpg") no-repeat center 34px;
	background-size: 771px 506px;
	height: auto;
}
#capitulo:before {
	content: " ";
	display: block;
	background:url("../_img/sinopseTop.png") no-repeat bottom right;
	width:100%;
	height:34px;
	background-size: 770px;
}
#capitulo:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -28px;
	background:url("../_img/sinopseBottom.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
#capitulo h4 {
    color: #E3AD16;
    display: block;
    font-family: 'Booter-FiveZeroRegular';
    font-size: 1.7em;
    letter-spacing: 0.07em;
    text-align: center;
    text-shadow: 1px 1px 3px black, 1px 1px 3px black, 1px 1px 3px black;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 25px;
    font-variant: small-caps;
}
#dir {
	float: right;
	width: 345px;
	margin-left: 5px;
	padding-right: 20px;
}
#dir p {
    font-weight: bold;
    letter-spacing: 0.04em;
    text-shadow: 0 0 2px white;
    line-height: 1.2em;
	color: #402100;
}
#esq {
	float: left;
	width: 351px;
	margin-left: 5px;
	padding-left: 20px;
	height: 510px;
}
#imgCapitulo {
    background: url("../_img/capitulo1.jpg") no-repeat 0 0;
    background-size: 351px auto;
    display: block;
    height: 481px;
    width: 351px;
    position: relative;
    -moz-box-shadow: 0px 0px 5px black;
    -o-box-shadow: 0px 0px 5px black;
    -webkit-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
}
#imgCapitulo:before {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    left: -1px;
    top: -6px;
}
#imgCapitulo:after {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    bottom: -6px;
    right: -2px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
/* =Na m�dia
---------------- */
#midia {
    width: 770px;	
    margin-top: 10px;
	position: relative;
	padding: 34px 0;	
    background: url("../_img/bgPapel1.jpg") repeat-y center 0;	
    min-height: 1200px;
}

#midia:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background:url("../_img/sinopseTop1.png") no-repeat bottom right;
	width:100%;
	height:34px;
	background-size: 770px;
}
#midia:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../_img/sinopseBottom1.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
#midia h4 {
    color: #E3AD16;
    display: block;
    font-family: 'Booter-FiveZeroRegular';
    font-size: 1.9em;
    letter-spacing: 0.07em;
    text-shadow: 1px 1px 3px black, 1px 1px 3px black, 1px 1px 3px black;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 24px;
}
#midia div:first-child {
    margin-bottom: 20px;
    min-height: 650px;
}
#midia ul li {
	float:  left;
}
#midia ul li a {
	display: block;
	height: 200px;
	width: 135px;
	margin: 7px;
	color: #402100;
	text-align: center;
}
#midia div:first-child ul li a {
 	height: 280px !important;
}
#midia div {
    min-height: 480px;
}
#midia ul {
	margin-left: 14px;
}
#midia h5 {
	margin-top: 10px;
	font-weight: bold;
	line-height: 1.1em;
}
#midia p {
	margin-top: 10px;
	font-size: 0.85em;
	line-height: 1.25em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
/* =Ilustra��es
---------------- */
.ilus {
	float: left;
	margin: 14px;
	height: 135px;
	width: 126px;
	position: relative;
}
.hover {
    display: block;
    height: 158px;
    width: 126px;
    position: absolute;
    top: -12px;
}
.hover:hover {
    background-image: url("../_img/ilus/ilusHover.png");
    background-position: -8px 0;
    background-repeat: no-repeat;
}
/* =Onde comprar
---------------- */
#ondecomprar {
	height: 500px;
    width: 770px;
	margin-top: 10px;
	position: relative;
	padding-bottom: 45px;
	background: url("../_img/bgPapel.jpg") no-repeat center 34px;
	background-size: 771px 505px;
}
#ondecomprar h4 {
    color: #E3AD16;
    display: block;
    font-family: 'Booter-FiveZeroRegular';
    font-size: 1.7em;
    letter-spacing: 0.07em;
    text-align: center;
    text-shadow: 1px 1px 3px black, 1px 1px 3px black, 1px 1px 3px black;
    width: 100%;
    margin-bottom: 20px;
    font-variant: small-caps;
}
#ondecomprar:before {
	content: " ";
	display: block;
	background:url("../_img/sinopseTop.png") no-repeat bottom right;
	width:100%;
	height:34px;
	background-size: 770px;
}
#ondecomprar:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -28px;
	background:url("../_img/sinopseBottom.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
.livro {
	-moz-box-shadow: 0 0 0 black !important;
	-o-box-shadow: 0 0 0 black !important;
	-webkit-box-shadow: 0 0 0 black !important;
	box-shadow: 0 0 0 black !important;
	float: left;
	margin: 45px 0 0 -15px !important;
}
#ondecomprar img {
	-moz-box-shadow: 0 0 2px black;
	-o-box-shadow: 0 0 2px black;
	-webkit-box-shadow: 0 0 2px black;
	box-shadow: 0 0 2px black;
	margin: 7px;
	float: left;
}
#esq p {
    font-family: 'Booter-FiveZeroRegular';
    float: right;
}
#dir h5 {
    float: left;
    font-weight: bold;
    line-height: 1.15em;
    width: 140px;
    color: #402100;
	margin: 7px 0 0 6px;
}
.geo {
	font-family: Georgia !important;
	font-size: 1em !important;
}
.compre {
    float: left;
    font-weight: normal !important;
    width: 173px;
    font-size: 0.8em;
	margin: 7px 0 0 125px;
}
#livroInfo {
	float: right;
	width: 130px;
	height: 137px;
	margin-top: 70px;
}
#livroInfo p {
    color: #402100;
	float: left !important;
	font-size: 1.21em;
	margin-bottom: 8px;
	color: #402100;
}
.pagseguro {
	float: left;
}
/* =Divers�o
---------------- */
#diversao {
	min-height: 760px;
    width: 770px;
	margin-top: 10px;
	position: relative;
	padding-bottom: 6px;
	background: url("../_img/bgPapel.jpg") no-repeat 0 72px;
	background-size: 770px 734px;
	height: auto;
	z-index: 1000;
}
#diversao:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -28px;
	background:url("../_img/sinopseBottom.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
#diversao h4 {
    float: left;
    font-size: 2em;
    height: 72px;
    line-height: 2.1em;
    text-align: center;
    width: 367px;
    font-family: 'Booter-FiveZeroRegular';
	position:relative;
	z-index:0;
	color: #e3ad16;
	text-shadow: 0px 0px 5px black, 0 0 5px black, 0 0 5px black;
}
#diversao h4:first-child {
	background: url('../_img/diversaoTop1.png') no-repeat -2px 0;
	margin-right: 18px;
}
#diversao h4:nth-child(2) {
	background: url('../_img/diversaoTop2.png') no-repeat -2px 0;
	margin-left:18px;
	-moz-box-shadow: -3px -6px 7px -4px black inset;
	-o-box-shadow: -3px -6px 7px -4px black inset;
	-webkit-box-shadow: -3px -6px 7px -4px black inset;
	box-shadow: -3px -6px 7px -4px black inset;
}
.atencao {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px !important;
	text-transform:uppercase;
}
#diversao p {
    font-family: Georgia;
    font-size: 0.85em;
    letter-spacing: 0.03em;
    line-height: 1.3em;
    margin: 0 auto;
    width: 92%;
    color: #402100;
}
#diversao h4:hover {
	cursor: pointer;
}
#papertoys {
	padding: 20px 30px 0 30px;
	height: 690px;
	background: url("../_img/bgPapel.jpg") no-repeat -12px -26px;
	background-size: 770px 743px;
}
#papertoys span {
    position: relative;
    -moz-box-shadow: 0px 0px 5px black;
    -o-box-shadow: 0px 0px 5px black;
    -webkit-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
    display: block;
	float:left;
}
#imgPapertoy1 {
    background: url("../_img/paper01.jpg") no-repeat 0 0;
    background-size: 355px auto;
    height: 384px;
    width: 351px;
}
#imgPapertoy2 {
    background: url("../_img/paper02.jpg") no-repeat 0 0;
    background-size: 179px auto;
    height: 179px;
    width: 179px;
	margin-left: 40px;
	margin-bottom: 90px;
}
#imgPapertoy3 {
    background: url("../_img/paper03.jpg") no-repeat 0 0;
    background-size: 179px auto;
    height: 179px;
    width: 179px;
	margin-left: 180px;
}
#papertoys span:before {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    left: -1px;
    top: -6px;
}
#papertoys span:after {
    background: url("../_img/detalheSinopse.png") no-repeat -4px -1px;
    content: " ";
    display: block;
    height: 68px;
    width: 66px;
    position: absolute;
    bottom: -6px;
    right: -2px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.paperDownload {
    bottom: -60px;
    left: -1px;
    position: absolute;
    width: 180px !important;
	font-size: 0.75em;
}
#wallpapers p {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 20px;
}
#wallpapers ul li img {
	-moz-box-shadow: 1px 1px 1px black;
	-webkit-box-shadow: 1px 1px 1px black;
	-o-box-shadow: 1px 1px 1px black;
	box-shadow: 1px 1px 1px black;
	float: left;
	margin-right: 10px;
}
#wallpapers ul li a {
    color: #402100;
	margin-left: 4px;
	line-height: 2em;
}
#wallpapers ul li {
    display: block;
    float: left;
    height: 191px;
    margin: 0 50px;
    width: 242px;
}
#wallpapers {
	padding: 20px 30px 0 30px;
	height: 1200px;
	background: url("../_img/bgPapel.jpg") no-repeat 0 -33px;
	background-size: 770px 1253px;
}
#wallpapers ul li a:hover {
	font-weight: bold;
}
/* =Personagens
---------------- */
#personagens {
	min-height: 550px;
    width: 770px;
	margin-top: 10px;
	position: relative;
	background: url("../_img/bgPapel.jpg") no-repeat 0 34px;
	background-size: 770px 510px;
	height: auto;
}
.personagens {
	margin-bottom: 0;
}
#personagens:before {
	content: " ";
	display: block;
	background:url("../_img/sinopseTop.png") no-repeat bottom right;
	width:100%;
	height:34px;
	background-size: 770px;
}
#personagens:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: -28px;
	background:url("../_img/sinopseBottom.png") no-repeat bottom right;
	width:100%;
	height:34px;
}
.personagem {
    height: 510px;
    padding: 0 30px;
    width: 710px;
	position: absolute;
	top: 30px;
}
.about {
    float: right;
    height: 330px;
    margin-right: 50px;
    width: 340px;
}
.personagem h4 {
    color: #E3AD16;
    display: block;
    float: right;
    font-family: 'Booter-FiveZeroRegular';
    font-size: 3em;
    font-variant: small-caps;
    height: 50px;
    letter-spacing: 0.07em;
    margin-right: 195px;
	margin-bottom: 60px;
    text-align: center;
    text-shadow: 1px 1px 3px black, 1px 1px 3px black, 1px 1px 3px black;
    width: 200px;
}
.personagem h5 {
    color: #402100;
    display: block;
    float: right;
    font-weight: bold;
    height: 15px;
    letter-spacing: 0.07em;
    position: absolute;
    right: 225px;
    top: 50px;
    width: 104px;
}
.personagem img {
	float: left;
	margin-left: 40px;
	position:absolute;
}
.about p {
	letter-spacing: 0.04em;
	line-height: 1.1em;
    color: #402100;
}
#personagensLista li a {
    float: left;
    margin: 0 10px;
}
#personagensLista {
    height: 100px;
    margin-top: 50px;
    width: 770px;
}
.pimenta {
	margin: 0 !important;
	left: 10px;
}
.sagatha {
	bottom: 30px;
	left: 10px;
}
.pacoca {
	left: -15px;
}
.pinguim {
	bottom: -10px;
	left: -30px;
}
.peteca {
	bottom: 40px;
	left: -15px;
}
.princesa {
	left: -45px;
	bottom: 10px;
}
.piolho {
	top: -10px;
	left: 10px;
}