/*
Creado por: Javier Lasén
Modificación de los archivos:


[TABLA DE CONTENIDO]

1.  Botón ir arriba. 
2.  Compensar la incompatibilidad con el addons droopmenu.
3.  Modificaciones al header.
4.  Fecha (etiqueta de grupo).
5.  Foto.
6.  Autor.
7.  Fecha de entrada.


Tamaños de pantalla @media: 180px, 767px.

QUEDA POR AJUSTAR LOS DISEÑOS PARA CADA PANTALLA, 
SIN DEPENDER DE LOS BOTONES SUPERIORES
*/






/* 1. Botón ir arriba.*/
@import "estilos_ir_arriba.css";



/* 2. compensar la incompatibilidad con el addons droopmenu.
      plugin/droop_menu/css/addons/droopmenu-admin.css en la Línea 3.

            html, 
             body {
                overflow-x: hidden;
            }
*/
html, 
body {
  overflow-x: visible;
  background-color: #00758D;
}



/* 3. Modificaciones al header */
/* Posición de la barra superior */
body {
    padding-top: 0px;
}
/* Tamaño de la barra superior */
.site-header {                  
    /*position: fixed;*/
    /*position: absolute;*/
    
    position: relative;
    top: 0px;
    /*left: 180px;*/
    width: 100%;
}



@media(min-width: 180px) {
    /* 4. Fecha (etiqueta de grupo)*/
    .frst-timeline-style-19 .frst-labels span {
        font-size: 1.5rem;
    }

    /* 5. Foto */
    .foto {
        max-width: 70%;
    }

    /* 6. Autor*/
    .frst-timeline-style-19 h2 {
        margin: 0 0 5px;
        font-weight: 600;
        color: #a3a3a3;
        font-size: 2.1em;
    }

    /* 7. Fecha de entrada*/
    .frst-timeline-style-19 .frst-date {
        color: #161616;
        font-weight: 600;
        top: -12px;
        font-size: 1.4em;
    }
    /* Ancho del párrafo*/
    .frst-timeline-style-19.frst-date-opposite .frst-date {
        left: -360px;
        width: 290px;
    }
    .frst-timeline-style-19.frst-date-opposite.frst-right-align 
    .frst-date, .frst-timeline-style-19.frst-date-opposite.frst-alternate 
    .frst-timeline-block.frst-odd-item .frst-date {
        right: -370px;
    }

    /* 8. Detalles*/
    .frst-timeline-style-19 .frst-timeline-content p, ul {
        color: #DBD2C8;
        font-size: 1.8em;
        line-height: 1.2; /*Interlineado*/
        /*line-height: normal;*/ /*Interlineado*/
    }
    /* Posición*/
    #detalles{
        margin-top: 37px;
    }
    a {
        color: #4aa7ed;
        text-decoration: none;
    }
}/* Final @media(180) */



@media(min-width: 767px) {
    /* 8. Detalles*/
    .frst-timeline-style-19 .frst-timeline-content p, ul {
        font-size: 1.6em;
    }
}/* Final @media(767) */


/*bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/





/*
@media(min-width: 685px) {*/
    /* 7. Fecha de entrada*/
    /* Mantiene la posición y tamaño de la fecha de entrada de los dispositivos pequeños*/
 /*   .frst-date-opposite .frst-date {
        position: relative; 
    }*/
    /* Ancho del párrafo*/
 /*   .frst-timeline-style-19.frst-date-opposite .frst-date {
        margin-top: 17PX;
        margin-bottom: -14px;
        left: 0px;
        width: 400px;
        line-height: normal; *//*Interlineado*/
/*    }
    .frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content, .frst-alternate.frst-date-opposite .frst-timeline-block.frst-even-item .frst-date, .frst-date-opposite.frst-left-align .frst-date, .frst-right-align {
        text-align: left;
    }
}
*/


/*
.frst-date, .frst-timeline-img i {
    display: block;
}

.cssanimations .frst-timeline-content.animated {
    visibility: visible;
}

*/






/*
.frst-timeline-style-19 .frst-timeline-content {
    color: #333333;
    font-size: 1.7em;
}

*/



/*
.foto {
    max-width: 40%;
}



        color: #333333;
        font-size: 1.7em;
*/