html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
button::-moz-focus-inner {
border:0;
padding:0;
}
body {
line-height: 1.25;
margin: 0 0 100px; /* bottom = footer height */
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'icomoon';
src: url('https://cdn.elivros.sbs/fonts/icomoon.eot?l7zcmx');
src: url('https://cdn.elivros.sbs/fonts/icomoon.eot?l7zcmx#iefix') format('embedded-opentype'),
url('https://cdn.elivros.sbs/fonts/icomoon.ttf?l7zcmx') format('truetype'),
url('https://cdn.elivros.sbs/fonts/icomoon.woff?l7zcmx') format('woff'),
url('https://cdn.elivros.sbs/fonts/icomoon.svg?l7zcmx#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-th-menu:before {
content: "\e901";
}
.icon-page-previous:before {
content: "\e904";
}
.icon-page-next:after {
content: "\e905";
}
.icon-cross:before {
content: "\e90d";
}
.icon-exilado:before {
content: "\e900";
color: #398564;
}
.icon-download:before {
content: "\e902";
}
.icon-shuffle:before {
content: "\e909";
}
.icon-halfstar:before {
content: "\e906";
}
.icon-fullstar:before {
content: "\e907";
}
.icon-emptystar:before {
content: "\e908";
}
.icon-search:before {
content: "\e903";
}
.icon-document-add:before {
content: "\e90b";
}
.icon-page-next:after,.icon-page-previous:before {
vertical-align:-2%;
font-size: 15px;
}
.icon-page-next:after {
padding-left:5px;
}
html
{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
height: 100%;
}
body
{
color: #3D3D3D;
background: #fff;
font-family: 'Raleway', sans-serif;
font-size:11pt;
font-size-adjust: 0.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
min-height: 100%;
margin: 0 auto !important;
float: none !important;
padding-bottom:115px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix
{
height: 1%;
}
#content
{
max-width:1130px;
margin: 0 auto;
clear-after: both;
min-height: 100%;
position: relative;
margin-bottom: 15px;
}
#content.pages strong,#content.pages b
{
font-weight: 700;
}
#content span.code {
display: block;
padding:5px;
border:1px solid #666;
}
.columns {
float:left;
}
.columns:before {
display: table;
content: "";
}
header
{
height:50px;
border-bottom: 1px solid #e5e5e5;
background:#FCFCFC;
width:100%;
}
header div#top
{
max-width:1130px;
height:50px;
margin:0 auto;
position: relative;
}
a {
color:#4D4D4D;
text-decoration: none;
}
a:hover, a:focus, a:active {
color:#363636;
text-decoration: none;
}
/* search input */
#search {
margin-top: -12px;
position: relative;
float:right;
max-width:328px;
height: auto;
clear: both;
}
#search input {
float:left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search input:focus {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#search .searchGicon {
position:relative;
top:28px;
left:10px;
font-size: 18px;
float:left;
opacity: 0.5;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50); /* // for IE8 */
filter: alpha(opacity= 50); /* //for IE5-7 */
}
#search .searchClose {
position:relative;
top:28px;
height:0;
left:28px;
font-size: 18px;
float:right;
opacity: 0.5;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50); /* // for IE8 */
filter: alpha(opacity= 50); /* //for IE5-7 */
display: none;
}
#search .searchClose:hover,#search .searchClose:focus {
color: #317256;
cursor:pointer;
}
#search input[type=text] {
background: #FFF;
color: #666;
display: block;
width:180px;
height:34px;
letter-spacing:0.5px;
word-spacing:1px;
padding-left:33px;
border:1px solid #398564;
outline: none;
margin-right: 5px;
}
#search.big .searchGicon {
color: #317256;
}
#search.big {
width:50%;
padding-right: 50px;
position: absolute;
top: 0;
right: 0;
}
#search.big input[type=text] {
width:100%;
font-size:18px;
}
#SearchInput.bigonsearch {
-webkit-border-radius: 3px;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.resultSearch {
background: #FFF;
border:1px solid #398564;
border-top:none;
position: relative;
top:-1px;
width: -moz-calc(100% + 15px);
width: -webkit-calc(100% + 15px);
width: -o-calc(100% + 15px);
width: calc(100% + 15px);
padding:10px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
z-index: 600;
display: none;
clear: both;
}
.resultSearch a b,.resultSearch .searchList img{
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.resultSearch a b {
width:79%;
height:38px;
padding:2%;
margin-bottom: 50px;
vertical-align: middle;
text-align: center;
overflow: hidden;
}
.searchList, .searchListNone {
background: #f2f2f2;
height:60px;
border:1px solid #ccc;
padding:5px;
margin:2px;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.searchList:hover,.searchList:focus {
background: #f2f2f2;
border:1px solid #317256;
}
.searchListNone {
height: auto;
text-align: center;
font-size: 11px;
}
/* Style the list */
ul.breadcrumb,ul.sort {
list-style: none;
float:left;
font-size: 12px;
display: inline-block;
padding:2px 0;
}
ul.breadcrumb.book {
float:none;
margin-bottom: 13px;
}
ul.breadcrumb li,ul.sort li {
text-transform: uppercase;
letter-spacing:0.6px;
display: inline-block;
}
ul.breadcrumb li+li:before {
color:#999999;
font-size:6px;
padding: 0 4px 0 4px;
content: "\276D";
vertical-align: 40%;
display: inline-block;
}
ul.breadcrumb li a,ul.sort li a {
color: #616161;
text-decoration: none;
display: inline-block;
}
ul.breadcrumb li h1 {
display: inline-block;
}
ul.breadcrumb.single li {
display: inline-block;
padding-top: 9px;
}
ul.breadcrumb li a:hover,ul.sort li a:hover {
color: #4D4D4D;
}
/* ul sort */
.mainSort {
float:right;
margin:0;
padding:0;
width: auto;
}
.mainSort b {
float:left;
margin-top:4px;
padding:6px;
font-size: 12px;
position: relative;
left:5px;
font-weight:600;
}
.mainSort .icon-shuffle {
float:left;
padding:3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
margin-top:4px;
font-size: 19px;
}
.mainSort .icon-shuffle:hover,.mainSort .icon-shuffle:active {
background: #e5e5e5;
cursor: pointer;
color: #398564;
}
.mainSort .icon-fullstar{
display: inline-block;
}
ul.sortfilter {
display: inline-block;
height: 22px;
width:90px;
position: relative;
top:-2.5px;
z-index: 200;
float:right;
font-size: 12px;
text-align: right;
text-transform: uppercase;
}
ul.sortfilter li { text-align:center; padding: 5px 15px; z-index: 2; }
ul.sortfilter li:not(.init) { width:85px;z-index: 3;display: none; background: #F5F5F5; position: relative; left:-25px;
cursor: pointer;
}
ul.sortfilter li:not(.init):hover, ul.sortfilter li.selected:not(.init) { background: #317256; color: #fff;}
ul.sortfilter li.init {
text-align: right;
width:90px;
margin:0 auto;
margin-top: 10px;
padding:3px;cursor: pointer;
display: inline-block;
text-transform: uppercase;
}
.icon-more:after,.icon-less:after {
content: "\e90a";
float:right;
margin-left: 5px;
font-size: 15px;
font-weight: 700;
}
.icon-less:after {
content: "\e90c";
}
ul.sortfilter li.init span {
font-family: Helvetica, Arial, sans-serif;
}
ul.sortfilter li.active {
background: #E3E3E3;
}
ul.sortfilter > li:nth-of-type(2) {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
ul.sortfilter > li:last-child {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.mainMenu {
padding:5px 5px;
position:relative;
left:5px;
top:-14.5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
color: #03312e;
font-size:25px;
}
.mainMenu:hover, .mainMenu.open {
background: #e5e5e5;
cursor:pointer;
}
.mainLogo {
display: inline-block;
height:100%;
width:153px;
align-items: center;
vertical-align: center;
background-color: transparent;
}
.mainLogo a{
padding:15px 0 0 0;
margin:0 auto;
}
.mainLogo img {
margin-top: 12px;
}
#mainTop {
display: inline-block;
position: relative;
top:-9px;
}
#mainTop ul li {
display: inline-block;
}
#mainTop ul li a
{
padding:10px 8px;
line-height: 25px;
font-size: 12px;
color:#419873;
width:auto;
display: block;
text-transform:uppercase;
}
#mainTop ul li a:hover,#mainTop ul li a:active,#mainTop ul li.active a {
border-bottom:3px solid #398564;
color:#317256;
}
aside {
float:left;
width:196px;
margin:20px 0 238px 0;
}
/* Categorias */
aside h3, article h3,#mainContent h2,div.listWeek h3,div.listWeek h2,aside>#category h2.menuTitle
{
height: auto;
font-size:12px;
letter-spacing:0.6px;
text-transform:uppercase;
font-weight:600;
color:#317256;
line-height:20px;
margin-bottom:-5px;
}
div.listWeek h3 {
}
#mainContent h2 {
float:none;
margin-bottom:13px;
}
aside>#category ul
{
float:left;
width:100%;
margin-top:8px
}
aside>#category ul>li
{
float:left;
width:100%;
}
aside>#category ul>li>a
{
float:left;
width:100%;
padding:2px 0 2px 4px;
margin-bottom:8px;
line-height:12px;
color:#4D4D4D;
font-size:13px;
border-left: 2px solid transparent;
}
aside>#category ul>li>a:hover,aside>#category ul>li.active a
{
color:#317256;
border-left:2px solid #317256;
}
aside>#category h2.menuTitle
{
color: #03312e;
text-transform: uppercase;
letter-spacing:3px;
margin-bottom:3px;
}
/** article list */
article {
width:82.5%;
float:left;
margin-top:10px;
}
article h1 {
padding:10px 0;
font-weight: 700;
}
article h2 {
padding:0 10px;
}
article .textCenter {
text-align: center;
}
div.index {
margin-top:0;
position: relative;
}
article .BreadSortBar {
height:33px;
width: 100%!important;
display: block;
}
article .books:first-child
{
margin-top:0
}
article ul.books
{
margin-top:10px;
text-align: center;
}
article ul.books li
{
display:inline-block;
width:170px;
height:400px;
margin-right:16px;
text-align:center;
margin-bottom:15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
article ul.books li:hover
{
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
article ul.books li div.bInfo
{
height:120px;
background:#fff;
border:1px solid #F0F0F0;
border-top:none;
padding:5px;
width:100%;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
text-align: center;
margin: 0 auto;
}
article ul.books li div.bInfo .ratingInfo {
float:none;
position: relative;
top:-5px;
margin:0 auto;
text-align: center;
height:18px;
display: block;
font-size: 11px;
}
article ul.books li div.bInfo .ratingInfo.icon-starnone {
color:transparent;
}
article ul.books li div.bInfo .onText {
height:100%;
margin-top: -13px;
}
article ul.books li div.bInfo strong {
overflow: hidden;
height:30px;
margin-bottom:10px;
font-size: 13.5px;
}
article ul.books li div.bInfo strong.autor {
overflow: hidden;
height:16px;
margin-bottom:0;
font-size: 14px;
}
article ul.books li div.bInfo strong.autor a {
color: #616161;
}
article ul.books li img
{
width: 181.3px;
height: 266px;
display: block;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
article ul.books li strong
{
float:left;
width:100%;
height:51px;
margin-top:6px;
font-size:16px;
line-height:16px;
color:#424242;
}
article ul.books li a.down
{
border:1px solid #419873;
background:#49ab81;
float:left;
width:99%;
color:#fff;
letter-spacing:.9px;
font-size:10px;
height:26px;
line-height:28px;
margin-top:15px;
font-weight:700;
text-transform:uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
article ul.books li a.down:hover
{
color:#ececec;
background:#317256;
}
article .noneFound {
font-size: 18px;
}
article.PageInfo h3 {
margin-bottom:8px;
}
article.PageInfo p {
padding: 3px;
}
article.errorpg {
width:79%;
padding: 3px;
text-align: center;
}
article.errorpg h1 {
font-size:32px;
}
article.errorpg h2 {
font-size:18px;
}
article.errorpg #search {
width: 50%;
margin: 0 auto;
text-align: center;
float:none;
}
article.errorpg #search input[type=text] {
width: 100%;
}
.ProPages h3 {
display: inline-block;
margin-top:10px;
}
div.more {
text-align: center;
}
div.more a {
font-size:12px;
letter-spacing:1.3px;
text-transform:uppercase;
font-weight: 700;
color:#8f8f8f;
height:26px;
line-height:26px;
}
div.more a:hover {
color:#398564;
}
#bookinfo {
display: block;
margin-bottom:26px;
}
#bookinfo .info {
display: inline-block;
max-width:610px;
margin-left:20px;
position: relative;
vertical-align: top;
}
#bookinfo .info h1 {
font-size:18px;
display: inline-block;
}
#bookinfo .info>.SerieAut li {
background:#037171;
display: inline-block;
zoom: 1;
*display: inline;
list-style-type: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0 3px 6px 0;
}
#bookinfo .info>.SerieAut li.pgs {
color:#fff;
padding:1px 3px;
font-weight:700;
}
#bookinfo .info>.SerieAut a {
background:#037171;
padding:2px 6px;
font-weight:700;
font-size:14px;
color:#fff;
list-style-type: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bookinfo>.description {
display: block;
width:100%;
float:left;
margin-top:8px;
}
#bookinfo>.description h3, #relatedserie h3, #relatedautor h3, #relatedrand h3, #relatedautors h3 {
}
#bookinfo .description .sinopseStrick,#MainResenha .resenhaStrick {
text-align: justify;
text-justify: inter-word;
font-size: 13px;
}
#bookinfo .description .sinopseStrick {
z-index: 10;
position: relative;
}
#bookinfo .description .sinopseStrick.readless,#MainResenha .resenhaStrick.readless {
height: auto;
max-height:196px;
overflow: hidden;
}
#MainResenha .resenhaStrick.readless {
max-height:146px;
}
#bookinfo .description .sinopseStrick.readmore,#MainResenha .resenhaStrick.readmore {
overflow: visible;
height: auto;
max-height: 680px;
}
#MainResenha h3 {
margin-bottom: 2px;
}
span.moreless-button,span.moreless-buttonRe {
font-weight: 600;
padding:2px 3px;
width: 100px;
cursor: pointer;
margin: 0 auto;
text-align: center;
display: block;
vertical-align: middle;
}
span.moreless-button.icon-more,span.moreless-buttonRe.icon-more,span.moreless-button.icon-less,span.moreless-buttonRe.icon-less {
display:block;
padding:3px 5px 6px 5px;
}
span.moreless-button.icon-more:after,span.moreless-buttonRe.icon-more:after,span.moreless-button.icon-less:after,span.moreless-buttonRe.icon-less:after {
line-height: 20px;
}
.description.sinopseMain {
margin-top:2px;
}
.description.sinopseMain h3{
margin-bottom:1px;
}
.ads300 {
width:336px;
height:280px;
}
.adslinkblock {
text-align: center;
height:110px;
margin-top: 20px;
overflow: hidden;
}
.report {
float:right;
text-transform: uppercase;
margin-top:6px;
}
.report button {
border:none;
font-size:9px;
cursor:pointer;
background: none;
color:#696969;
}
.report button:hover {
color:#CC0000;
}
#relatedserie,#relatedautor, #relatedrand,#relatedautors {
float:left;
}
.Nota {
display: inline-block;
margin-left:3px;
}
#bookinfo .cover {
width: 300px;
display: block;
float:left;
}
#bookinfo .cover img{
width: 302px;
display: block;
height: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#bookinfo .downloads h2{
display: block;
text-transform: uppercase;
padding:5px 0;
margin-bottom: 5px;
}
#bookinfo .downloads {
margin-top: 5px;
margin-bottom: 5px;
height: 75px;
clear:both;
text-align: center;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top:none;
}
#bookinfo .downloads span{
display: block;
font-size:7px;
}
#bookinfo .downloads li {
display: inline-block;
}
#bookinfo .downloads li a {
cursor: pointer;
padding:6px 10px;
font-size: 13.5px;
margin-right:2px;
font-weight:700;
background:#f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bookinfo .downloads > ul > li:first-child a{
margin-left:3px;
}
#bookinfo .downloads > ul > li .epub{
border:1px solid #4E9A06;
}
#bookinfo .downloads > ul > li .pdf{
border:1px solid #A40000;
}
#bookinfo .downloads > ul > li .mobi{
border:1px solid #729FCF;
}
#bookinfo .downloads > ul > li .lereo {
border:1px solid #75507B;
}
#bookinfo .downloads > ul > li a.lereo {
line-height:25px;
}
#bookinfo .downloads > ul > li .lereo:hover{
background: #75507B;
}
#bookinfo .downloads a:hover {
color:#fff;
background:#000000;
}
#bookinfo .downloads a.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
filter: alpha(opacity=35);
-moz-opacity: 0.35;
-khtml-opacity: 0.35;
opacity: 0.35;
font-size:10.3pt;
padding-top:10px;
height: 40px;
border-color:#fff;
}
.firstLineBook {
display:inline-block;
vertical-align: top;
}
#bookinfo .downloads strong .icon-download {
display: inline-block;
font-size: 20px;
vertical-align: -20%;
}
#bookinfo .downloads a:after {
background: #00ff00;
}
#bookinfo .downloads button span {
display: block;
font-size:20px;
}
#bookinfo .downloads a:hover {
background:#4E9A06;
color:#fff;
}
#bookinfo .downloads a.pdf:hover {
background:#D10000;
}
#bookinfo .downloads a.mobi:hover {
background:#3465A4;
}
/* contact */
#mainContent {
float:left;
width:866px;
margin-top:20px;
}
#mainContent .text,#mainContent .textCenter{
display:block;
float:left;
font-size: 18px;
}
#mainContent .textCenter{
text-align: center;
}
#mainContent .sendbookdrop{
display:block;
float:left;
font-size: 18px;
padding:33px 5px 5px 5px;
text-align: center;
border:1px solid #ccc;
margin-top:20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mainContent .sitemap{
display:block;
float:left;
}
#mainContent .sitemap b{
display:block;
padding:10px 0 8px 0;
}
#mainContent .sitemap ul
{
height:30px;
margin: 0 auto;
}
#mainContent .sitemap ul li
{
float: left;
}
#mainContent .sitemap ul li a
{
display:inline-block;
padding:6px;
font-size: 14px;
color:#666;
}
#mainContent .sitemap ul li.active a,#mainContent .sitemap ul li a:hover
{
color:#000;
}
/* send book close */
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 115px;
text-align: center;
border-top: 1px solid #e5e5e5;
/* background:#FCFCFC; */
background: #FCFCFC;
}
#footer {
padding-top:20px;
display: block;
width:100%;
height:26px;
margin:0 auto;
font-size: 12px;
text-align: center;
}
footer .Credits {
text-align: center;
display:block;
height:30px;
margin-top:10px;
}
/* Menu Footer */
#footerMenu ul li
{
display: inline-block;
}
#footerMenu ul li a
{
display:inline-block;
padding:6px;
height:13px;
position: relative;
text-transform:uppercase;
}
/* Menu Footer Close */
/* pagination files */
#PaginationMain {
clear: both;
margin-top: 25px;
}
ul.pagination,ul.pageTops {
margin: 0;
padding: 0;
text-align: center;
display: block;
width: 100%;
}
#PaginationMain .pgNumbers {
width:auto;
margin: 0 auto;
margin-top:2px;
text-align: center;
font-size: 10px;
}
#PaginationMain .pgNmain {
margin-top:25px;
}
#PaginationMain .pgNumbers b {
font-weight: 700;
}
ul.pagination li,ul.pageTops li {
display: inline;
}
ul.pagination li a {
display: inline-block;
text-decoration: none;
color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* Active and Hoverable Pagination */
ul.pagination li,ul.pageTops li {
margin-left:2px;
}
ul.pageTops li {
margin-left:15px;
}
ul.pageTops li:first-child {
margin: 0 auto;
}
ul.pagination li a {
margin-top:20px;
padding:5px 4px;
}
ul.pagination li.page-item a.page-link {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ccc;
padding:3px 6px;
}
ul.pagination li.page-item.active a {
padding:5px 9px;
}
ul.pagination li.page-item.active a,ul.pagination li.page-item a.page-link:hover {
background-color: #317256;
color: #fff;
}
ul.pagination li:hover:not(.active) {
background-color: #ddd;
}
ul.pageTops li a {
background: #EBEBEB;
padding:4px 10px 10px 10px;
}
ul.pageTops li a:hover {
background: #F0F0F0;
color:#317256;
}
a.icon-page-next.page-link,a.icon-page-previous.page-link {
width: 15px;
padding:4px 10px 10px 10px;
}
.page-item a.icon-page-previous,.page-item a.icon-page-next {
font-size:16px;
text-transform: uppercase;
font-family:Helvetica, Arial, sans-serif;
padding-bottom: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#rating,.ratingInfo {
width:73px;
height:18px;
padding:2px;
float:left;
display: inline-block;
}
.mainRate {
display: inline-block;
margin-left:6px;
padding:2px;
}
.mainRate b {
font-size: 11px;
vertical-align: 10%;
}
.clickRate {
position: relative;
left:0;
top:-15px;
display: inline-block;
background: transparent;
width:8.6px;
height: 9px;
padding:3px;
cursor: pointer;
}
.icon-starnone:before {
content: "\e908\e908\e908\e908\e908";
}
.icon-star1:before {
content: "\e907\e908\e908\e908\e908";
color:#037171;
}
.icon-star15:before {
content: "\e907\e906\e908\e908\e908";
color:#037171;
}
.icon-star2:before {
content: "\e907\e907\e908\e908\e908";
color:#037171;
}
.icon-star25:before {
content: "\e907\e907\e906\e908\e908";
color:#037171;
}
.icon-star3:before {
content: "\e907\e907\e907\e908\e908";
color:#037171;
}
.icon-star35:before {
content: "\e907\e907\e907\e906\e908";
color:#037171;
}
.icon-star4:before {
content: "\e907\e907\e907\e907\e908";
color:#037171;
}
.icon-star45:before {
content: "\e907\e907\e907\e907\e906";
color:#037171;
}
.icon-star5:before {
content: "\e907\e907\e907\e907\e907";
color:#037171;
}
/* Only Screens */
/* mobile */
/* tablets */
@media only screen and (max-width: 885px) {
#top {
padding:0 10px;
}
.mainLogo {
width: 32px;
display: inline-block;
overflow: hidden;
}
header div .momLogMob a.logo.mobile {
margin-left:20px;
}
header div .momLogMob a.logo.mobile img{
margin:15px 0 10px 0;
}
#mainTop {
background: #F0F0F0;
border-left:1px solid #D9D9D9;
margin: 0 auto;
width:306px;
height:100%;
top: 0;
bottom:0;
position:fixed;
overflow-y:scroll;
overflow-x:hidden;
margin-left: auto;
margin-right: auto;
top:0;
left: 0;
text-align: center;
z-index: 800;
display: none;
}
#mainTop.open{
display: block;
}
#mainTop ul
{
display:block;
margin: 0 auto;
}
#mainTop ul li {
display: block;
}
#mainTop ul li a
{
padding:4px;
line-height: 25px;
font-size: 13px;
position: relative;
color:#8C8C8C;
width:auto;
}
#mainTop ul li.active a,#mainTop ul li a:hover
{
color:#398564;
background: #D9D9D9;
border:none;
}
#mainTop .menuTitle {
background: #D9D9D9;
color:#398564;
text-transform: uppercase;
padding:5px;
}
#mainTop h3 {
display: none;
}
#mainTop .momLogMob .icon-cross {
position: relative;
top:-16px;
left:16%;
font-size: 20px;
}
#mainTop .icon-cross:hover,#mainTop .icon-cross:active {
color:#398564;
cursor: pointer;
}
#search.big {
width:65%;
}
#content {
margin:0 10px;
text-align: center;
}
article {
margin:0;
width: 100%;
margin-bottom: 25px;
text-align: center;
}
article .BreadSortBar {
height: 50px;
margin-bottom:28px;
}
article .BreadSortBar.recentes {
height: 67px;
}
ul.breadcrumb {
font-size: 10px;
}
ul.breadcrumb.book {
font-size: 11px;
margin-top: 5px;
text-align: center;
overflow: hidden;
}
.mainSort {
float:right;
display: inline-block;
clear:both;
height: 40px;
margin-top:-10px;
margin-bottom:6px;
}
.mainSort .icon-shuffle {
margin-right: 10px;
}
#relatedserie,#relatedautor, #relatedrand,#relatedautors {
float:none;
}
article ul.books li {
width: 186px;
margin-bottom: 26px;
}
article ul.books li img {
width: 198px;
height: 278px;
}
article ul.books li div.bInfo strong {
font-size: 14px;
}
article.PageInfo {
text-align: center;
margin-top: 15px;
}
#bookinfo {
text-align: center;
}
#bookinfo .info {
max-width: 425px;
}
#momRate {
text-align: center;
margin: 0 auto;
margin-top: 10px;
width: 200px;
}
#relatedserie,#relatedautor, #relatedrand,#relatedautors {
text-align: center;
display: block;
margin-bottom: 10px;
}
.description.sinopseMain h3 {
padding:0;
margin-bottom:3px;
}
#relatedautors ul.books.bRelated li:last-child,#relatedautor ul.books.bRelated li:last-child,#relatedrand ul.books.bRelated li:last-child,#relatedserie ul.books li:last-child {
display: none;
}
div.listWeek h3,article .index h3 {
text-align: center;
margin-top: 15px;
}
div.listWeek ul.books.destaques li:last-child {
background: #0b5ed7;
display: none;
}
#bookinfo .downloads {
display: block;
height: 150px;
}
#bookinfo .downloads li {
margin:3px;
}
#bookinfo .downloads ul li a{
line-height: 33px;
}
}
@media only screen and (max-width: 416px) {
article ul.books li {
width: 180px;
height:406px;
}
article ul.books li img {
width: 191.5px;
height: 286px;
}
#top .logo.main {
padding:6px 5px;
font-size: 20px;
position: relative;
top:2px;
}
article .BreadSortBar {
margin-bottom:0;
height: 70px;
}
#bookinfo .info {
float:none;
margin:8px;
}
article ul.books li div.bInfo strong {
font-size: 14px;
}
}
@media only screen and (max-width: 394px) {
article ul.books li {
width: 150px;
height:350px;
}
article ul.books li img {
width: 162px;
height: 236px;
}
article ul.books li a.down {
font-size: 9px;
}
.resultSearch a b {
padding: 1%;
}
#search.big {
width: calc(100%);
}
}
@media only screen and (max-width: 322px) {
article ul.books li {
height:315px;
width: 130px;
}
article ul.books li img {
width: 142px;
height: 200px;
}
article ul.books li a.down {
font-size:7px;
}
.resultSearch a b {
padding:0.1%;
}
#search.big {
width: 81%
}
}