/* import */
@import url(internas.css);

/* topicos */
#topicos { background-color: #fff; padding: 80px 30px 30px 30px; border-bottom: 1px solid rgba(204,204,204,0.5); }
#topicos h1 { margin-bottom: 0; float: left; }

/* temas */
#topicos #temas { float: right; }
#topicos #temas p a { height: 21px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 21px; display: block; text-decoration: none; position: relative; color: rgba(30,30,30,1); }
#topicos #temas p a span { height: 21px; font-family: 'fa'; font-size: 15px; line-height: 21px; display: inline-block; vertical-align: top; padding-left: 10px; position: relative; }
#topicos #temas li.antpro a { font-size: 20px; text-transform: uppercase; }
#topicos #temas li.antpro a span { font-size: 15px; padding-left: 0; }
.temas { width: 100%; background-color: #fff; display: none; padding-bottom: 15px; }
.temas ul { padding-left: 30px; }
.temas ul li { float: left; margin: 0 30px 15px 0; font-size: 18px; font-weight: bold; }
.temas ul li a.sel { color: rgba(20,86,167,1); }

/* conteudo */
.conteudo { padding: 0; border-top: none; }

/* versiculos */
.versiculos ul:last-child { padding-right: 0; }
.versiculos ul li { padding: 30px; font-size: 16px; line-height: 21px; }
.versiculos ul li:nth-child(2n) { background-color: rgba(204,204,204,0.35); }
.versiculos ul li small { display: block; margin-bottom: 10px; }
.versiculos ul li small i.fa { font-family: 'fa'; font-size: 11px; color: rgba(30,30,30,0.3); vertical-align: top; padding: 4px 8px 0 8px; }
.versiculos ul li small a { color: rgba(20,86,167,1); font-weight: bold; text-decoration: underline; }
.versiculos ul li small a:hover { text-decoration: none; }
.versiculos ul li span { background-color: rgba(255,255,255,1); display: table-cell; vertical-align: middle; font-size: 18px; line-height: normal; text-align: center; color: rgba(20,86,167,1); padding: 4px 6px 0px 6px; margin-right: 15px; }
.versiculos ul li strong { font-weight: normal; display: table-cell; padding: 3px 0 0 15px; }

.versiculos ul li br { content: ""; display: block; margin-bottom: 16px; }
.versiculos ul li br:last-child { margin-bottom: 0; }