@import url(http://fonts.googleapis.com/css?family=Homenaje);
@import url(http://fonts.googleapis.com/css?family=Ropa+Sans);

#fundo-site-preview {
	background-color:#000;
	text-align:center;
	color:#FFF;
}

h1 {
	font-family:"Homenaje", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:95px;
	margin:0px;
	margin-top:50px;
	padding:0px;
	text-shadow: 6px 6px 6px #000000;
	font-weight:normal;
}

h2 {
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:29px;
	margin:0px;
	padding:0px;
	text-shadow: 3px 3px 3px #000000;
	font-weight:normal;
}

/**** REDES SOCIAIS ****/
#redes-sociais-preview{
	min-width:300px;
}
#redes-sociais-preview, #livros-download-preview{
	position:relative;
	padding:0px;
	margin:0px;
	margin-top:25px;
	margin-bottom:25px;
}
#redes-sociais-preview li, #livros-download-preview li{
    width: auto;
    height:auto;
    list-style:none;
    display:inline-block;
    margin-left:20px;
    margin-right:20px;
}
#redes-sociais-preview li:fist-child{margin-right:20px;margin-left:0;}
#redes-sociais-preview li:last-child{margin-right:0;margin-left:20px;}
#redes-sociais-preview li img{
	border:0px;
    max-width:263px;
    max-height:147px;
    width: auto;
    height: auto;
}
#livros-download-preview li img{
	border:0px;
}

#rodape{
	position:relative;
	float:right;
	margin:0px;
	padding-right:20px;
	padding-bottom:20px;
	width:100%;
	height:40px;
	right:0px;
	text-align:right;
}

.aviso{
	display:block;
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	font-size:14px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-shadow: 2px 2px 2px #000000;
}

.aviso strong{
	font-weight:normal;
	color:#C00;
}

.pequeno {
	font-size:11px;
}
.breve {
	color:#B00;
}


/**** LIVROS ****/
#livros-download-preview{
	position:relative;
	margin:0px;
	padding:0px;
	padding-top:4px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
/*	overflow:hidden; */
	margin-bottom:20px;
}

#livros-download-preview li{
	position:relative;
	margin:15px;
	height:306px;
/*	overflow:hidden; */
}
#livros-download-preview .ultimo_h{
	margin-right:0px;
}
#livros-download-preview .ultimo_v{
	margin-bottom:0px;
}
#livros-download-preview .mCSB_container .ultimo_v{
	margin-bottom:10px;
}

#livros-download-preview li img{
	border-radius:15px;
    -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.7);
    box-shadow:0 3px 6px rgba(0, 0, 0, 0.7);
/*	border: 3px solid #000;*/
}

.info{
	position:relative;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}
.info_css_touch{
	padding-top:15px;
}

#conteudo {
	position:relative;
	width:600px;
	height:90%;
	top:5%;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	padding-right:10px;
	overflow-y:hidden;
	border:none;
	text-align:left;
}
#conteudo.conteudo_css_touch{
	width:90%;
}
#conteudo a{
	text-decoration:underline;
	color:#900;
	cursor:pointer;
}
#conteudo a:hover{
	text-decoration:none;
}
#conteudo .arquivos a{
	text-decoration:none;
	color:#000;
}
.pdf, .epub, .detalhes, .mobi, .wattpad, .widbook{
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	border:1px solid #999;
	background-color: rgba(210, 210, 210, .45);
	background-image:url(imagens/ico-pdf.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:36px 50px;
	width:135px;
	height:35px;
	padding-top:15px;
	padding-right:15px;
	margin-bottom:18px;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	text-decoration:none;
	text-align:right;
}
.epub{
	background-image:url(imagens/ico-epub.png);
}
.mobi{
	background-image:url(imagens/ico-mobi.png);
}
.wattpad{
	background-image:url(imagens/ico-wattpad.png);
	padding-top:5px;
	font-size:12px;
	height:45px;
}
.widbook{
	background-image:url(imagens/ico-widbook.png);
	padding-top:5px;
	font-size:12px;
	height:45px;
}
.detalhes{
	background-image:url(imagens/ico-detalhes.png);
	cursor:pointer;
	font-size:12px;
	padding-top:5px;
	height:45px;
}
.pdf:hover {
	background-color: rgba(227, 73, 71, .45);
}
.epub:hover{
	background-color: rgba(86, 166, 0, .45);
}
.mobi:hover{
	background-color: rgba(100, 100, 100, .45);
}
.wattpad:hover{
	background-color: rgba(249, 156, 36, .45);
}
.widbook:hover{
	background-color: rgba(22, 122, 180, .45);
}
.detalhes:hover{
	background-color: rgba(215, 162, 0, .45);
}

/* simple */
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	width: 212px;
	height: 300px;
}

/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* END: Accommodating for IE */

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	width: 212px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);

	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	font-size:15px;
	width:212px;
	height:300px;
	background: rgba(255, 255, 255, .60);
	border-radius:15px;
    -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.7);
    box-shadow:0 3px 6px rgba(0, 0, 0, 0.7);

	overflow-y:hidden;
}

.voltar {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	width:50px;
	height:50px;
	background-image:url(imagens/ico-flip.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:50px 50px;
	z-index:100;
}
#livros-download-preview li .voltar img{
	border:none;
}

#painel_detalhes{
	position:fixed;
	display:none;
	opacity:0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, .70);
	z-index:1000;
}
.placa{
	position:fixed;
	width:700px;
	height:80%;
	border-radius:15px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background-color:#ebdbb0;
    -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 10px 10px rgba(0, 0, 0, 0.7);
	overflow:hidden;
}
.placa_css_touch{
	width:80%;
}

.fechar {
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	width:50px;
	height:50px;
	cursor:pointer;
	background-image:url(imagens/bt-fechar.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:50px 50px;
	z-index:100;
}

/* CONTEUDO DETALHES */
.titulo, .capitulo{
	display:inline-block;
	width:50%;
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#111;
}
.capitulo{
	width:49%;
	font-size:18px;
	font-weight:normal;
	color:#666;
	text-align:right;
}
.secao{
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#111;
}
.texto{
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#111;
	text-align:justify;
	margin-bottom:25px;
}
.texto ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.texto li{
	margin-bottom:20px;
	text-align:right;
}
.texto li:nth-child(odd){
	text-align:left;
}
.arquivos {
	margin-bottom:15px;
}
.arquivos a{
	display:inline-block;
	margin-right:10px;
	border:1px solid #AAA;
}
.comentario{
	font-style:italic;
	color:#555;
}
.comentario:before{
	content:open-quote;
}
.comentario:after{
	content:close-quote;
}
.nome{
	display:inline-block;
	margin-left:10px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	color:#333;
}
.mCSB_container {
	padding-right:10px;
}
#conteudo .mCustomScrollBox{
	height:100%;
}
.fanpage a{
	display:block;
	font-family:"Ropa Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#3b579d;
	width:300px;
	height:30px;
	margin-bottom:5px;
	margin-bottom:0px;
	text-decoration:none;
}

@media screen and (min-width: 1500px) and (min-height: 850px) {
	#rodape{
		position:absolute;
		bottom:0px;
	}
}

@media screen and (max-width: 1030px) {
	.placa_css_touch{height:90%;width:90%;}
}

@media screen and (max-width: 850px) {
	#redes-sociais-preview li img{
	    max-width:168px;
	    max-height:93px;
	}
	.placa_css_touch{height:90%;width:90%;}
	#conteudo.conteudo_css_touch .titulo{font-size:24px;}
	#conteudo.conteudo_css_touch .capitulo{font-size:18px;}
	#conteudo.conteudo_css_touch .secao{font-size:18px;}
	#conteudo.conteudo_css_touch .texto{font-size:16px;}
	#conteudo.conteudo_css_touch .nome{font-size:13px;}
	#conteudo.conteudo_css_touch .fanpage a{font-size:15px;}
}

@media screen and (max-width: 750px) {
	#livros-download-preview{width: 600px;}
	h1 {font-size:75px;}
	h2 {font-size:22px;}
	#redes-sociais-preview li img{
	    max-width:100px;
	    max-height:55px;
	}

	#conteudo.conteudo_css_touch .titulo{font-size:20px;}
	#conteudo.conteudo_css_touch .capitulo{font-size:16px;}
	#conteudo.conteudo_css_touch .secao{font-size:11px;}
	#conteudo.conteudo_css_touch .texto{font-size:10px;}
	#conteudo.conteudo_css_touch .nome{font-size:12px;}
	#conteudo.conteudo_css_touch .fanpage a{font-size:15px;}
}

@media screen and (max-width: 400px) {
	#livros-download-preview{width: 300px;}
	h1 {font-size:60px;}
	h2 {font-size:18px;}
	#redes-sociais-preview li img{
	    max-width:92px;
	    max-height:50px;
	}
	#conteudo.conteudo_css_touch {padding-right:0px;}
	#conteudo.conteudo_css_touch .titulo{font-size:16px;width:100%;}
	#conteudo.conteudo_css_touch .capitulo{font-size:14px;width:100%;}
	#conteudo.conteudo_css_touch .secao{font-size:14px;}
	#conteudo.conteudo_css_touch .texto{font-size:14px;}

	#conteudo.conteudo_css_touch .nome{font-size:11px;}
	#conteudo.conteudo_css_touch .fanpage a{font-size:15px;}
}