@charset "utf-8";

/* Diseño de scroll */

#full-text::-webkit-scrollbar {
    width: 8px;
}

#full-text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px #e5e5e5;
}

#full-text::-webkit-scrollbar-thumb {
    background-color: #b88b04;
    /*border-radius: 8px;
      outline: 1px solid slategrey;*/
}

#full-text::-webkit-scrollbar-thumb:hover {
    background-color: #F90;
}


/* Diseño de scroll */

#cont-art {
    margin: 0 auto;
    width: 800px;
    height: 900px;
    padding: 40px;
    /*overflow-y: scroll;*/
}

#texto-articulo {
    margin-left: 20px;
    margin-right: 20px;
}

#art-anteriores {
    display: inline-block;
}

#art-anteriores article {
    width: 150px;
    height: 180px;
    background: #C3C3C3;
    float: left;
    border: 4px solid #F90;
    margin-left: 30px;
    margin-top: 30px;
}

#art-anteriores article img {
    width: 150px;
    height: 180px;
    margin: 0px;
    padding: 0px;
}

#art-anteriores article:hover {
    border-color: cornflowerblue;
}

#art-anteriores article img:hover {
    /* a considerar */
    width: 170px;
    height: 200px;
    margin: -10px;
    padding: 0px;
}

.overview strong {
    text-align: left;
    font-size: 1.3em;
}

.overview img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.overview h2 {
    font-size: 1.8em;
    padding: 20px;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
}

#pie_pagina img {
    width: 760px;
    height: 51px;
}

#video {
    height: auto;
    max-width: 700px;
    height: 400px;
    /*border: 1px solid black;*/
    margin: 0 auto;
    display: inline-block;
    margin-left: 20px;
}

#comentarios {
    position: relative;
    width: 750px;
    min-height: 400px;
    margin-top: 10px;
    margin-left: 330px;
    font-size: 1.4em;
    color: #FFF;
}

#opciones {
    background-color: navajowhite;
    height: 250px;
    width: 220px;
    position: relative;
    top: -250px;
    float: right;
}

#opciones a {
    width: 180px;
    height: 80px;
    text-decoration: none;
}

#opciones a span {
    font-size: 18px;
    color: #000;
    position: relative;
    top: -10px;
}

#visto {
    /* Numero de veces qie ha sido visto el articulo */
    position: relative;
    width: 200px;
    height: 20px;
    float: right;
    top: -120px;
    font-size: 1.4em;
    color: #FFF;
}

#download {
    position: relative;
    width: 200px;
    height: 20px;
    margin-top: -250px;
    margin-left: 980px;
    font-size: 1.4em;
    color: #FFF;
}

#download a {
    text-decoration: none;
    color: #797979;
}

#download a p {
    margin-top: -36px;
    margin-left: 50px;
}

#download a:hover {
    color: goldenrod;
}

#movie {
    position: relative;
    width: 200px;
    height: 20px;
    margin-top: 20px;
    margin-left: 980px;
    font-size: 1.4em;
}

#movie a {
    text-decoration: none;
    color: #797979;
}

#movie a p {
    margin-top: -36px;
    margin-left: 50px;
}

#movie a:hover {
    color: goldenrod;
}

#relacionados {
    position: relative;
    width: 95%;
    height: 150px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 40px;
    font-size: 1.4em;
    color: #FFF;
    text-align: center;
    padding-left: 50px;
    overflow: hidden;
    display: none;
}

#relacionados article {
    margin: 10px;
    width: 160px;
    height: 110px;
    background-color: #FFF;
    float: left;
}

#relacionados article img {
    width: 160px;
    height: 110px;
}

#relacionados article:hover {
    background-color: dodgerblue;
    cursor: pointer;
}


/* Agregado 27 - 09 - 2013 */

#zoom {
    position: absolute;
    margin-top: -40px;
    margin-left: 0px;
    width: 700px;
    height: 30px;
    border-radius: 5px;
}

#zoom a {
    text-decoration: none;
    position: relative;
    top: -4px;
    margin-right: 20px;
}

#zoom a span {
    background-color: rgb(236, 238, 245);
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid #FFF;
    color: rgb(59, 89, 152);
    font-size: 13px;
}

#aumentar {
    position: relative;
    top: 8px;
    width: 21px;
    height: 21px;
    padding-top: 8px;
}

#disminuir {
    padding-top: 8px;
    width: 21px;
    height: 21px;
}

#full-text {
    height: 100%;
    width: 800px;
    overflow-y: scroll;
    background-color: #fff;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, .2);
    font-family: 'Roboto Condensed', sans-serif;
}


/* para centrar la imagen de los articulos*/


/*Para definir el tamaño y posicion de las imagenes (centro), dentro del documento para breviarios academicos*/

#full-text img {
    width: 600px;
    display: block;
    margin: auto;
}

#full-text h2 {
    font-size: 1.8em;
    padding: 20px;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
}

#full-text h4 {
    text-align: center;
}

#full-text strong {
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    padding: 0 20px;
}

#full-text p {
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    padding: 0 20px;
    font-weight: normal;
}

#full-text p strong {
    padding: 0;
}

#full-text img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.texto-pie {
    font-size: 12px;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 10px;
    float: left;
    border-top: 1px solid #e2e2e2;
}


/*
 * estilos para la seccion de documentos academicos
 * docs/documentos.php
*/

#contenido-completo {
    margin-top: 40px;
    margin-left: 10px;
    height: auto;
    max-width: 800px;
    border: 1px solid #e2e2e2;
    display: inline-block;
}

#contenido-completo article {
    width: 800px;
    height: auto;
    margin-bottom: 20px;
    border-top: 1px solid #e3e3e3;
    display: inline-block;
}

#contenido-completo article a {
    text-decoration: none;
}

#contenido-completo article .portada-img {
    float: left;
    width: 150px;
    margin: 10px 20px 5px 4px;
}

#contenido-completo article p {
    height: auto;
    max-width: 620px;
    margin-top: 10px;
    margin-left: 170px;
}


/*
 * estilos para el texto de los documentos academicos
 * docs/*********.php
*/

#contenido-completo #documento {
    height: 750px;
    max-width: 800px;
    overflow-y: scroll;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 4px 10px;
}

#contenido-completo #documento p {
    text-indent: 50px;
    max-width: 800px;
    margin: 0px;
}


/*Para definir el tamaño y posicion de las imagenes (centro), dentro del documento para breviarios academicos*/

#contenido-completo #documento img {
    width: 600px;
    display: block;
    margin: auto;
}