body, header{
    background: #222 url("../img/fondo.png") repeat fixed center;
    font-family: 'Open Sans', sans-serif;
    width: 100%;}
address{
    background: black;
    width: 100%;
    line-height: 2.5rem;}
address a{
    color: #d8d8d8;
    font-size: 0.8rem;}
nav{
    font-family: 'Roboto Condensed', sans-serif;
    width: 100%;}
blockquote{
    font-style: italic;}
p{
    font-family: 'Roboto Condensed', sans-serif;
    color: #d8d8d8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 2;
    margin: 0.25rem 0 0.75rem 0;}

header a, header a:hover{
    font-family: 'Roboto Condensed', sans-serif;
    color: #EE7600;}

h1{
    font-family: 'Roboto Condensed', sans-serif;
    color:#EE7600;}
h2{
    font-family: 'Roboto Condensed', sans-serif;
    color:#FF9731;}
h1, h2, h3, h4, h5, h6{
    margin-bottom: .5rem;
    margin-top: .5rem;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #ffad5d;
    line-height: 1.5;
    font-size: 75%;}

i.success{
    color: #00B744;
    padding: 0 .5rem;}
i.critic{
    color: #ec5840;
    padding: 0 .5rem;}

main{
    padding: 0rem 1rem 1rem 1rem;
    margin: 1rem 0rem;}
main article, aside article{
    border: 2px solid #111;
    background: #111;
    border-radius: 10px;
    margin-top: 0rem;
    margin-bottom: 2rem;}
main h3, aside h3{
    background: #111;
    text-align: left;
    color: #d8d8d8;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-variant: small-caps;
    font-weight: bold;
    margin:0;
    margin-bottom: 1rem;}
main h3 span{
    font-size: .8rem;}
main h4{
    background: #111;
    text-align: left;
    color: #ffad5d;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-variant: small-caps;
    font-weight: bold;
    margin: 1rem 1rem 0rem 1rem;}

.stars{
    color: #FF9731;
    text-align: left;}
    
.button, .button-group .button{
    background-color: #111;
    color: #FFAD5D;
    font-size: 1rem;}
.button:hover, .button:focus{
    background-color: #FFAD5D;
    color: #111;}

.img-marcado{
    position: relative;
    display: inline-block;}
.img-marcado div:nth-child(1){
    position: absolute;}
.img-marcado div:nth-child(2){
    position: relative;}

.lateral{
    margin: 1rem 0rem;
    padding: 0;}
.lateral h3{
    text-align: center;}
.lateral div{
    padding: 0rem 1rem 0rem 1rem;}
.lateral i{
    font-size: .6rem;
    color: #EE7600;
    letter-spacing: -3px;}
.lateral a{
    color: #d8d8d8;
    font-size: .85rem;}
.lateral a:hover{
    color: #d8d8d8;}

.lecturas, .libros, .lateral{
    padding-bottom: 1rem;
    color:  #d8d8d8}
.lecturas img{
    padding: 1rem 0rem 0rem 0rem;}
.lecturas .stars{
    font-size: 1.5rem;
    line-height: 1;}


/*
.libros .detalles{
    display: flex;
    padding: .5rem 0rem;}
.libros .detalles img{
    padding: 0rem 1rem;}
*/


.libros .detalles img{
    position: relative;}
.libros .detalles p:first-child{
    margin-bottom: 0;
}





/*
.opinion{
    border: none;}
.opinion .sinopsis{
    padding-top: 1rem;}
.opinion .leer_mas{
    text-align: right;
    padding: 0rem 3rem 1rem 0rem;}
.opinion p{
    margin:0;
    font-size: 0.85rem;
    padding: .5rem 2rem .5rem 2rem;
    text-align: justify;
    line-height: 2;}
.opinion blockquote{
    font-size: 0.85rem;
    text-align: justify;
    margin: 1rem 2rem 1rem;
    padding: 0rem 0rem 0rem 1rem;
    border-left: 2px solid #EE7600;
    color:#0a0a0a;
    text-rendering: optimizeLegibility;
    line-height: 2;}
.opinion a{
    text-decoration: underline;
    font-variant: small-caps;
    font-weight: bold;
    color: #EE7600;}
.opinion img{
    margin: 1rem}
.ficha p{
    padding: 1rem 2rem 0rem 2rem;}


.coleccion{
    font-family: 'Open Sans', sans-serif;
    padding: 0 1rem 1rem 1rem;}
.coleccion img{
    padding: 1rem 0rem;
    min-width: 10px;}
.coleccion p{
    margin:0;
    font-size: 0.85rem;
    padding: 1rem 2rem 1rem 1rem;
    text-align: justify;
    line-height: 2;}
.coleccion tr td{
    padding:0rem 0.25rem 0rem 0.25rem;
    margin:0;
    font-size: 13px;
    text-align: justify;}
.coleccion .saga{
    background: black;
    border: none;}
.coleccion .saga h4{
    text-align: left;
    color: #EE7600;
    padding: 1.5rem 1rem;
    font-size: 1rem;
    font-variant: small-caps;
    font-weight: normal;
    margin: 0;}
.coleccion .serie {
    background: #333;
    border: none;}
.coleccion .serie h5{
    text-align: left;
    color: #EE7600;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-variant: small-caps;
    font-weight: normal;
    margin: 0;}

.coleccion table tr td {
    text-align: left;}
/*.coleccion table tr td:nth-child(1){
    text-align: left;}*/

/*
.juegos{
    font-family: 'Open Sans', sans-serif;
    padding: 1rem;}


*/

    /*
.thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.5);
}
table{
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;  }
table tbody tr td a:hover{
    color: #EE7600;}
table thead, table tbody, table tfoot{
    border: none;}
table tbody th, table tbody td{
  padding: 0.25rem 0.5rem;}
*/