/* -------------------- RESPONSIVO ----------------------- */
@media only screen and (max-width: 1024px) {
	.poesia, legend {
		font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	}
	blockquote  {
		font-size: calc(16px + 6 * ((100vw - 320px) / 680)) !important;
	}
}

/* -------------------- FORMATAÇÃO ----------------------- */
.direita {
	text-align:right !important;
}
.pads { 
	padding:5px !important;
}

.backs { 
	background:#FFF8E1; !important;
}

.margem {
	margin-top:15px;
}

.margens {
	margin-bottom:20px;
}

.inv {
	-webkit-transform: scaley(-1); 
	transform: scaley(-1);	
}

.transparente {
	background:transparent !important;
}

.desloca {
	padding-left: 30px;
}

.italico {
	font-style: italic !important;
}

.negrito {
	font-weight: 900 !important;
}


.desloca2 {
	padding-left: 60px;
}

.centraliza {
	margin: 0 auto;
	text-align:center;
	display:block
}

.centraliza2 {
	margin: 0 auto;
	text-align:center;
	width:auto;
	border-bottom:1px solid #B71C1C;
	display:block
}


.centraliza hr {
	margin:0 auto !important;
}

/* -------------------- FONTES ----------------------- */

.spelite, .datilog {
	font-family: 'Special Elite', cursive !important
}

.roman {
	font-family: 'Roboto Slab', serif !important;
	font-size:95% !important;
}

.romano {
	font-family: 'Roboto Slab', serif !important;
}

#citalivro {
	font-family: 'Roboto Slab', serif !important;
    	font-size:95% !important;
    	color:#424242 !important;
	width:90% !important;
	margin:0 auto !important;
	padding:20px !important;
	font-style: none !important;
}

#citalivro > br {
    margin-bottom:20px !important
}

/* -------------------- PRIMEIRAS LETRAS ----------------------- */
.letra:first-letter {
	/*
	font-family: 'Kaushan Script', cursive !important;
	*/
	color: #616161 !important;
	font-weight:bold; 
	font-size:6em; 
	float:left; 
	padding:0; 
	margin: 0 15px 0 0 !important; 
	background-color:none; 
	line-height:0.8em;
	border-bottom:0px solid #B71C1C;
}

.letra2:first-letter {
	color: #616161 !important;
	opacity:0.5;
	font-weight:bold; 
	font-size:4em; 
	float:left; 
	padding:0; 
	margin: -5px 15px 0 0 !important; 
	background-color:none;
}

.letrag:first-letter {
	opacity:0.5;
	font-weight:bold; 
	font-size:4em; 
	float:left; 
	padding:0; 
	margin: -5px 15px 0 0 !important; 
	background-color:none; 
	line-height:0.5em;
	border-bottom:0px solid #B71C1C;
}

.letra3 {
	color: #616161 !important;
	opacity:0.5;
	font-weight:bold; 
	font-size:4em; 
	float:left; 
	padding:0; 
	margin: 14px 15px 0 0 !important; 
	background-color:none; 
	line-height:0.5em;
	border-bottom:0px solid #B71C1C;
}

.letra4 {
	color: #616161 !important;
	opacity:0.5;
	font-weight:bold; 
	font-size:3em; 
	float:left; 
	padding:0; 
	margin: 25px 15px 0 0 !important; 
	background-color:none; 
	line-height:0.5em;
	border-bottom:0px solid #B71C1C;
	display:inline-block;
}

.aspas {
	font-family:'FontAwesome';
	content:"\f10d";
	font-size:3em;
	line-height:auto !important;
	margin-right:5px !important;
	padding:0 !important;
	opacity:0.5;
	font-style: normal !important;
	display:inline !important;
}

/* -------------------- BLOCKQUOTE ----------------------- */
blockquote {
	font-size: 20px;
	font-family: 'Helvetica', Arial, sans-serif !important;
	font-weight: 600;
	line-height: 1.4;
	max-width: 35%;
	float: right;
	padding: 15px 10px;
	position: relative !important;
  	background: #eee;
	color: #555;
	text-align: center;
	margin: 10px 0 5px 20px !important;
	z-index:1 !important;
}

blockquote::before, blockquote::after, ast::before {
  	color: #B71C1C;
  	background: transparent;
  	font-family:'FontAwesome'; 
  	padding: 0 4px 0 4px;
  	font-size:20px;
  	position: absolute !important;
  	display:block;
}

blockquote::before {
  	content:"\f10d";
   	top: -20px !important;
  	left: 10px !important;
}

.pensamento {
	font-size: 20px;
	font-family: 'Roboto', Arial, sans-serif !important;
	line-height: 1.4;
	padding: 20px;
  	background: #F5F5F5;
	color: #757575;
}

.pensador {
	border-top:1px solid #B71C1C !important;
  	font-weight:bold !important;
	margin-top:5px;
	padding-top:5px !important;
	text-align:right !important;
}

.ast::before {
  	content:"\f069";
	top: -15px !important;
	font-size:17px !important;
  	left: 10px !important;
}

/* -------------------- CITAÇÃO ----------------------- */
#citacao, .citacao  {
	margin: 0 5% !important;
}

#citacao hr {
	width: 30% !important;
	clear: both  !important;
}

.citacao2 {
	margin: 0 5% !important;
	/* font-size:0.95em !important; */
	padding:20px;
	background:#EFEBE9;
}

.paginas {
	font-size:70%;
	opacity:0.6;
	border-top:1px solid #B71C1C;
	padding-top:2px;
	width:50%;
	margin:5px auto 0;
	text-align:center !important;
}

.poesia {
	white-space: pre-wrap;
	min-font-size:50% !important;
}

#poesia2 li {
	white-space: pre-wrap;
	width:80%;
	padding:20px;
	font-size:0.95em !important;
	margin-bottom:100px !important;
	display:block !important;
	clear:both !important;
}

#poesia2 li:last-child {
	margin-bottom:30px !important;
}

.poesia3 {
	white-space: pre-wrap;
	font-size: clamp(14px, 2vw, 20px) !important;
}

#dialogo > br {
	margin-bottom:20px !important;
}


@media only screen and (max-width: 300px) {
  .poesia2 li {width:100%;}}

.haikai {
	max-width: 90% !important;
	text-align:center;
	clear:both !important;
}

.miniconto {
	max-width: 60% !important;
	clear:both !important
}

/* -------------------- NOTAS ----------------------- */
#nota, .nota {
	color: #757575; 
	float: right; 
	font-size: 80%; 
	width:auto;
	max-width: 50%;
	clear: both !important;
  	display:block;
}

/* -------------------- BORDAS ----------------------- */
.borda {
	padding-left:10px; 
	border-left:1px solid #B71C1C;
}

.borda2 {
	padding-left:15px; 
	border-left:4px solid #B71C1C;
}

.borda3 {
	padding-left:15px; 
  	border-image: linear-gradient(to bottom, #B71C1C,  rgb(240, 240, 240)) 6 / 0 0 0 1 / 3 stretch; 
	border-style: solid; 
	border-width: 1px;
}

.borda4 {
	padding-right:15px; 
  	border-image: linear-gradient(to bottom, #B71C1C,  rgb(255, 255, 255)) 6 / 0 1 0 0 / 3 stretch; 
	border-style: solid; 
	border-width: 1px;
}

.bordas { 
	border:1px solid #ccc !important;
}

/* -------------------- GRADIENTES ----------------------- */
.gradiente {
	border-image: linear-gradient(45deg, rgb(240, 240, 240), rgb(183, 28, 28)) 1 / 1 / 0 stretch; 
	border-style: solid; 
	border-width: 0px 0px 2px;
}

.gradiente2 {
	border-image: linear-gradient(45deg, rgb(183, 28, 28),  rgb(240, 240, 240)) 1 / 1 / 0 stretch; 
	border-style: solid; 
	border-width: 0px 0px 2px;
}

/* -------------------- IMAGENS ----------------------- */
figure {
	display: block !important;
	max-width: 35% !important;
	height: auto !important;
    	position:relative !important;
    	box-sizing: border-box !important;
	overflow: hidden;
}

.dir {
	float: right !important;
	margin: 10px 0 5px 20px !important;
}

.esq {
	float: left !important;
	margin: 10px 20px 5px 0 !important;
}

.centro {
	max-width: 90% !important;
	margin: 0 auto 25px !important;
}

.meio {
	max-width: 45% !important;
}

.meio2 {
	max-width: 40% !important;
}

.rodadir {
	-webkit-transform:rotate(5deg);
  	-moz-transform: rotate(5deg);
  	-ms-transform: rotate(5deg);
  	-o-transform: rotate(5deg);
  	transform: rotate(5deg);
}

.rodaesq {
	-webkit-transform:rotate(-5deg);
  	-moz-transform: rotate(-5deg);
  	-ms-transform: rotate(-5deg);
  	-o-transform: rotate(-5deg);
  	transform: rotate(-5deg);
}

/* -------------------- CREDITOS ----------------------- */
figcaption {
  	position:absolute !important;
	color:#ffffff !important;
	width:100% !important;
	bottom:10px !important;
    	height:25px !important;
	line-height:25px !important;
	font-size:0.6em !important;
	padding: 0 10px !important;
	background: rgba(0, 0, 0, 0.4)  !important;
	font-weight: normal !important;
	overflow:hidden !important;
    	box-sizing: border-box !important;
}

.credito {
	text-align:left;
}

.credir {
	float:right !important;
	color: ##EEEEEE !important;
	font-style: italic;
}

.cred {
	font-size:0.6em !important;
	color:#616161 !important;
	margin-top:-7px !important;
	overflow:hidden !important;
	line-height:1.3em !important;
}

.credito2, .cred2 {
	font-size:0.6em !important;
	color:#EFEBE9 !important;
	text-align:right !important;
	margin-top:-7px !important;
	overflow:hidden !important;
}

.credito3 {
	font-size:0.6em !important;
	color:#616161 !important;
	text-align:left !important;
	margin-top:-7px !important;
	padding: 5px 8px !important;
	background:#FFF8E1 !important;
}

.credito4, #credito4 {
    font-size:calc(0.5rem + 0.5vw);
    background:rgba(0, 0, 0, 0.2);
    color:#ccc;
    content:"";
    padding: 0 5px;
    width:auto;
    float:left;
    max-width:100%;
    overflow: hidden;
    clear:both;
    position:relative;
    bottom:2.7em;
    left:0.3em;
    font-weight:normal !important;
}

.arte {
	text-align:right;
	line-height:0.8 !important;
      	margin-top:-31px;
      	margin-bottom:35px
}
.arte::before {
 	content: attr(artista);
      	color: gray;
      	font-size:12px;
}

.numeracao {
   color: white;
   font-size:2em;
   font-weight:bold;
   line-height:1em;
   position:absolute;
   top:0.1em;
   left:0.1em;
   display:block;
   border:0px solid #000;
   opacity:0.6;
 }

/* -------------------- DIVISOR ----------------------- */
.divisor, .divisor3  {
	content: url(https://1.bp.blogspot.com/-ZOoQLdJHAr0/YUlV6sNHb1I/AAAAAAAC7kg/38Dq4doCnXYwHXgJJJvjJeW5PG9ujvRqwCLcBGAsYHQ/s835/divisor.png);
	width:30%;
	opacity:0.5;
	margin:3px auto 20px;
}

/* -------------------- ORNAMENTOS ----------------------- */
#ornamento {
	width: 100%;
	position: relative;
	margin-right: 10px; 
}

.moldura {
	position: absolute;
	float: right;  
	right: 0; 
	opacity: 0.1;
}

.superior, .cima {
	content:url(https://1.bp.blogspot.com/--sGhlKtVdt0/X_ndkJP9TqI/AAAAAAACpno/745-P43jnAspuoU4-fRIPOHryqgk_U5RgCLcBGAsYHQ/s0/cant-alta.png);
	width:30%;
}

.media, .central {
	content:url(https://1.bp.blogspot.com/-uSPFluKAC8M/X_n05OcBEKI/AAAAAAACpoA/YwZslOU3JXAccKe0EkdOCJJlJZtsXpAWwCLcBGAsYHQ/s0/cant-centro.png);
	top: 50%;
	transform: translateY(-50%);
	width:30%;
}

.inferior, .baixo {
	content:url(https://1.bp.blogspot.com/-SnALcnPDM2k/X_ndkHPYBtI/AAAAAAACpns/bJPYauJk5C42qM34rpBHfCGciK4e1BJPQCLcBGAsYHQ/s0/cant-baixa.png);
	bottom: 0;
	width:30%;
}

/* -------------------- FONT AWESOME ----------------------- */

.fa-camera, .fa-paint-brush, .fa-home, .fa-youtube,
.fa-pencil, .fa-envelope, .fa-facebook-official, .fa-instagram {
	margin: 0 5px !important;
}

.fa-youtube-play {
	color: #B71C1C;
	padding: 0;
}

.fa-play-circle {
	color: #BDBDBD;
	padding: 0;
}

/* -------------------- PONTO FINAL ----------------------- */
.pontofinal {
	float:right;
	width:40px;
	margin-top:-20px;
	margin-bottom:-20px;
	content:url(https://1.bp.blogspot.com/-L4yogph2b8o/YD8OL2bTGNI/AAAAAAACr6s/Mlg2qCrYEqw7SU0PwmJpBly8_mt7Nrk_QCLcBGAsYHQ/s0/favicon%2Bcarlosromero.png);
	border-radius:50%;
}

/* -------------------- COLUNAS ----------------------- */
#foto2 {
	display: flex; 
	width: 90%;
	margin: 0 auto;
	text-align:center;
	flex-wrap: wrap;
}

#foto2::after {
	clear:both;
}

.foto3, .separator {
	margin: 0 auto !important;
	position:relative !important;
	display:block !important;
}

/* -------------------- CAPÍTULOS ----------------------- */
.cap-ant {
  content:url(https://1.bp.blogspot.com/-6Dp8sAIxKGo/YApSrf1Ge9I/AAAAAAACqXw/EzsNn5ga86MeuVkx0cxQokoq3jRm0ZdygCLcBGAsYHQ/s0/CAP%2BANT.png);
  margin:-1em 0 1em;
  width:70%;
  float:right;
  clear:both;
  display:block;
}

.cap-pro {
  content:url(https://1.bp.blogspot.com/-ntwTP2eGkPc/YArkxjCH8KI/AAAAAAACqYE/b--JF0R_Vd4Em9cLlskR2-7OgYKQCZKOACLcBGAsYHQ/s0/CAP%2BPROX.png);
  width:70%;
  float:right;
  clear:both;
  display:block;
}

/* -------------------- VÍDEOS ----------------------- */

.disco {
	width: 100%;
}

.disco:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.quadrado1 {
    position: relative;
}

#quadrado2 {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.video {
	float:right;
	width:50%;
	max-height:200px;
	margin: 10px 0 5px 15px;
}

.vid {
  	position: relative;
  	padding-bottom: calc(var(--ratio, 0.5625) * 100%);
  	height: 0;
  	width: 100%;
}

.vid iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
}


/* -------------------- POSTAGENS POPULARES ----------------------- */

#PopularPosts2 ul {
    background-color: transparent !important;
    text-align:center !important;
    display: flex;
    flex-wrap: wrap;
}

#PopularPosts2 li {
    padding:0 !important;
    margin: 0 auto 35px auto !important;
    width:320px;
    height:150px;
    position:relative;
}

#PopularPosts2 li.contador {
   counter-increment: item;
   position:relative;
 }

#PopularPosts2 li.contador:before {
   content: counter(item);
   color: white;
   font-size:3.5em;
   font-weight:bold;
   line-height:1em;
   position:absolute;
   top:0.1em;
   left:0.1em;
   display:block;
   border:0px solid #000;
   opacity:0.4;
 }

#PopularPosts2 img {
    padding: 0px;
    width:320px;
    overflow:hidden;
    max-height:150px;
    object-fit: cover;
    object-position: 100% 0;
}

#PopularPosts2 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%,rgba(0, 0, 0,0.7));
}

#PopularPosts2 .autor {
    background:#B71C1C;
    text-transform:uppercase;
    padding: 4px 8px !important;
    margin-bottom:5px;
    font-size: 1em !important;
    line-height:1em !important;
    position:absolute;
    left:15px;
    color:#FFFFFF !important;
    font-family: 'Helvetica', Arial, sans-serif;
    font-weight:bold;
    text-align:left !important;
    top:57%;
    overflow:hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#PopularPosts2 .titulo2 {
        padding: 0 15px;
        font-size: 1.8em;
        line-height:1em ;
        width:100% ;
     	color:#FFFFFF !important;
    	font-family: 'Helvetica', Arial, sans-serif;
    	font-weight:bold;
    	text-align:left !important;
        position: absolute;
        top: 70%;
        overflow:hidden !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}

#PopularPosts3 ul {
    background-color: transparent !important;
    display: flex;
    flex-wrap: wrap;
}

#PopularPosts3 li {
    width: 320px !important;
    height: 100px !important;
    background-color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 auto 15px !important;
    position:relative;
}

#PopularPosts3 img {
    width: 320px !important;
    height: 100px !important;
    padding: 0px;
    overflow:hidden;
    object-fit:cover;
    object-position: 100% 0;
}

#PopularPosts3 .overlay2 {
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to left, transparent 1%,rgba(0, 0, 0,0.7));
}

#PopularPosts3 .titulo3  {
       width:70%;
       padding: 0 10px !important;
       font: bold 20px/20px helvetica, sans-serif !important;
       color:#fff;
       position:absolute;
       top:35px;
       left:10px;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
	overflow:hidden !important;
}

#PopularPosts3 li.capa {
    	background:transparent !important;
    	margin-bottom:-50px !important
}

.index1 {
	z-index:1 !important;
}

.max320 {
	max-width:320px !important;
	display: flex;
    	flex-wrap: wrap;
	margin:0 auto;
}

.randomiza {
        display: none; /* Todos os elementos ficam ocultos por padrão */
}

.randomiza.ativo {
        display: block; /* Apenas o elemento ativo é exibido */
}

/* -------------------- ENTREVISTAS ----------------------- */

.pergunta {
  	padding-left: 20px;
	font-style: italic;
	font-weight: 500;
	font-color: #757575 !important;
	
}

.entrevista {
	margin: 10px auto 15px;
	width:90%;
  	padding: 10px 20px 10px 20px;
	background-color: #FFFDE7;
}

/* FIXA O QUADRO DE ENTREVISTAS

#Image1 {
  	position: -webkit-sticky !important;
  	position: sticky !important;
  	top: 0 !important;
	z-index: 100 !important;
	max-width:100% !important;
}
 */

/* CAIXAS DO RODAPÉ DAS POSTAGENS */
fieldset {
  	display: block;
  	margin: 30px 0 40px 0 !important;
  	padding: 20px 20px;
	border: 0px solid transparent !important;
	border-radius: 4px !important;
  	background: #F5F5F5;
  	transparency: 0 !important;
	z-index:100;
}

legend {
	font-size:1.2rem !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
	color: #333134 !important;
	padding: 3px 10px !important;
	font-weight: bold !important;
	width: auto !important;
	background: #f0f0f0 !important;
	display:block !important;
	margin: 0 auto  !important;
}

sup {
	color: #B71C1C !important;
	font-size:0.7em !important;
	font-weight:bold;
	margin-left:3px;
}	

.field1, .ref {
	font-size:0.7em !important;
	line-height:1.5;
	max-width: 40% !important;
	float: right !important;
	padding: 5px 20px !important;
	position: relative !important;
	color: #757575 !important;
	text-align: left! important;
	margin: 0 0 5px 15px  !important;
  	border: 1px solid #B71C1C !important;
	border-radius: 2px !important;
}

.leg1, .ref2 {
	font-size:0.9em !important;
	border: 0px !important;
	color: #B71C1C !important;
}

.leg2, .ref3 {
	font-size:0.9em !important;
	border: 0px !important;
	margin: unset  !important;
	color:#616161 !important;

}

/* TABELAS */

table.tabela {
	width:90%;
	margin:0 auto 35px;
	font-size:85%;
}

td.numero {
	padding:5px 10px;
	width:15% !important;
	background:#EFEBE9;
	text-align:center
}

td.celula1 {
	padding:5px 10px;
	width:30% !important;
	background:#EFEBE9;
	text-align:center
}

td.celula2 {
	padding:5px 10px;
	width:70% !important;
	background:#e1dad7;
}

td.celula3 {
	padding:5px 10px;
	width:85% !important;
	background:#e1dad7;
}

.listagem {
	padding:5px 10px;
	width:90%;
	margin:0 auto 5px;
	background:#EFEBE9;
	text-align:center
}

.cor {
	background:#e1dad7 !important;
}


/* CAIXA DE CITAÇÕES
blockquote {
	font: 100 20px / 1.4 'Oswald', cursive !important;
	max-width: 34%;
	margin: 0 0 1px 5px;
	padding: 15px 10px;
	float: right;
	position: relative !important;
  	background: #B71C1C;
	color: #FFFFFF;
	text-align: center;	
}

blockquote::before, blockquote::after {
  	color: #B71C1C;
  	background: #FFFFFF;
  	font-family:'FontAwesome';
  	padding: 0 4px 0 4px;
  	font-size:20px;
  	position: absolute !important;
  	display:block;
}

blockquote::before {
  	content:"\f10d";
   	top: -20px !important;
  	left: 10px !important;
}

blockquote::after {
  	content:"\f10e";
  	bottom: -20px !important;
  	right: 10px !important;
} 

*/
/* CAIXA DO FANCYBOX */
.fancybox-slide--iframe .fancybox-content {
    	width  : 800px;
    	height : 600px;
    	max-width  : 80%;
    	max-height : 80%;
    	margin: 0;
}

.fotopeq {
	height:auto;
	width:20%;
	max-width:20%;
	align: top;
	float: left;
	margin: 10px 20px 5px 0;
	}

.frase {
	overflow:hidden;
}

.textopeq, .textoita {
	font-size: 14px !important;
	line-height: 18px !important;
	margin-top: 8px;
	}

.filmposter {
	width:15%;
	height:auto;
	max-width:15%;
	align: top;
	float: right !important;
	margin: 0 auto auto 20px !important;
	}

/*
.bio { 
	margin-top:10px;
	font-size: 14px;
	}
*/



*
	{
	box-sizing: border-box;
	}

/*
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
	}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
pre,
blockquote,
figure,
hr 
ul[class],
ol[class],
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

embed,
iframe,
img,
object,
video {
  display: block;
  max-width: 100%;
}

[hidden] {
  	display: none !important;
	opacity: 0;
  	visibility: hidden;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*/




/* REVISTA */

.revista {
  	display: block;
	font-size:90% !important;
  	margin: 60px 0 !important;
  	padding: 20px;
	border: 0px solid transparent !important;
	border-radius: 0px !important;
  	background: #F5F5F5;
  	transparency: 0 !important;
	z-index:100;
}

.revista-leg {
	font-family: 'Oswald' !important;
	font-size:1.5em !important;
	text-transform: none !important;
	border-radius: 4px !important;
	color: #B71C1C !important;
	padding: 3px 15px !important;
	font-weight: bold !important;
	width: auto !important;
	background:inherit !important;
	display:block !important;
	z-index:100;
}

.esqq {
	margin: unset !important;
}

.dirr {
	margin-right: 0px !important;
}
}

/* AUDIO */

.fraudio-container {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}	





/* DIVISOR */


.divisor2  {
	content: url(https://1.bp.blogspot.com/-afErCAn07Iw/X40Tq2kRdTI/AAAAAAACfUY/1o-p1b9JdvY4fs5xp2adDuwrzq6NVsEMwCLcBGAsYHQ/s0/divisor.png);
	width:70%;
	opacity:0.5;
	margin:3px auto;
}

.divisor3  {
	content: url(https://1.bp.blogspot.com/-ZOoQLdJHAr0/YUlV6sNHb1I/AAAAAAAC7kg/38Dq4doCnXYwHXgJJJvjJeW5PG9ujvRqwCLcBGAsYHQ/s835/divisor.png);
	width:30%;
	opacity:0.5;
	margin:3px auto;
}

.divisor4  {
	width:30%;
	opacity:0.5;
	border:1px solid #ccc;
	margin:30px auto;
}

/* ORNAMENTO */

.arabesco {
	width: 20%;
	position: absolute;
	float: right;  
	right: 0; 
	opacity: 0.1;
}

/* POSTS RELACIONADOS */


#relacionados {
	width:100%; 
	background: #333134;
	text-align:center;
	padding:10px 0 10px 0;
}

.leiamais {
	font-size:calc(1em + 0.5vw);
	color:#ffffff;
	opacity:0.8;
	display:block;
	margin:0 0 10px 0;
}

.relacionado, .relacionado a {
	font-family: 'Kaushan Script', cursive;
	font-size:calc(1.5em + 0.5vw);
	color:#ffffff;
	margin:0 0 10px 0;
	text-decoration:none;
	display:block;
}

.contatos li {
    float: left !important;
    font: 14px/20px Arial,sans-serif;
    list-style: none outside none !important;
    margin: 2px 5px 2px 0 !important;
    padding: 2px 4px 2px 4px !important;
    background: #FAFAFA !important;
    width: bold !important;
}

.contatos li a  {
    color: #000000 !important;
    text-decoration: none !important;
    padding: 2px 4px 2px 4px !important;
}

.contatos li a:hover {
    color: #ffffff !important;
    background: #B71C1C !important;
    padding: 2px 4px 2px 4px !important;
}

.textoita {
	font-style: italic;
	color: #616161;
	text-align: right;
	}

#foto2 .foto2int {
	width: 48%;
}

#foto2 .foto2flex {
	margin: 0 auto !important;
	position:relative;
}


/* -------------------- LIVROS E EVENTOS ----------------------- */


.slideshow-container {
  	width: 320px;
  	height:320px;
  	position: relative;
  	margin: auto;
  	background:#000;
}

.slideshow-container img {
  	float:left;
  	max-height:320px;
}

.text-container {
  	width: 50%;
  	position:absolute;
  	top:20px;
  	right:0;
  	height:320px;
}

.text-container .text {
  	color: #fff;
  	background:#424242;
  	font-weight:bold;
  	font-size: 14px;
	line-height:16px;
  	padding: 8px 7px;
  	text-align: left;
}

.text-container .text2 {
  	color: #fff;
  	background:#B71C1C;
  	font-size: 13px;
  	padding: 8px 7px;
  	text-align: left;
}

.text-container .text3 {
  	color:#fff;
  	background:#424242;
  	font-size: 12px;
  	padding: 8px 7px;
  	text-align: left;
  	position:absolute;
  	width:100%;
  	bottom:30px;
}

.text-container .text3::before {
  	content:"contato:";
  	display:block;
  	margin-bottom:5px;
}

.text-container .text3 a {
  	color:#fff;
	text-decoration: none;
}

.dot {
  	height: 10px;
  	width: 10px;
  	margin: 0 2px;
  	background-color: #bbb;
  	border-radius: 50%;
  	display: inline-block;
  	transition: background-color 0.6s ease;
}

.active {
  	background-color: #717171;
}

.fade {
  	animation-name: fade;
  	animation-duration: 30s;
}

@keyframes fade {
 	from { opacity: 0; }
 	20% { opacity: 1; }
 	50% { opacity: 1; }
 	80% { opacity: 1; }
 	to { opacity: 0; }
}

/* On smaller screens, decrease text size 
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
} */


/* MODIFICA LAYOUT DO POLLDADDY */

.css-answer-group, .css-answer-group.pds-answer-group, .pds-box, .pds-answer-group {
	padding: 0px 0px !important;
}

#pds-sharing, .pds-pd-link {
	display: none !important;
}

.css-box.pds-box, css-box {
	border: 0px !important;
}

.css-votebutton-outer.pds-votebutton-outer, .css-votebutton-outer {
	width: 100% !important;
	display: inline-block !important;
}

.css-vote-button.pds-vote-button, .css-vote-button {
	width: 10% !important;
	float: left !important;
}

.css-links.pds-links, .css-links {
	width: 70% !important;
	float: right !important;
}

.css-vote.pds-vote, .css-vote {
	height: 20px !important;
}

.css-answer.pds-answer, .css-answer, .pds-box.pds-answer, pds-box, .pds-answer  {
	border-bottom: 0px !important;
}

.p30 {
	padding: 0 30px 0 30px !important;
	font-style: italic !important;
}

.frase2 {
	overflow:hidden;
	padding: 0 !important:
}

.quadro {
	display: inline-block;
	background-color: #E0E0E0;
	padding: 10px;
	margin-bottom: 40px;
	width:100%;
	}