﻿/*
    Programador: Salvador Sifre Molina.
    Fecha: 18 de junio de 2016.

    Ultima revisión: 30 de junio de 2019 a las 13:30.

    Hoja de estilos para el blogs de Siniestros de la Web.

 * *****************************************************************/

@import url('issm-ui-blogs.css');


/* Siniestros en Slider */

.siniestros {
    height: 335px;
}

    .siniestros header {
        border-bottom: 2px solid black;
    }

        .siniestros header h2 {
            color: black;
        }

.ui-sntr,
.ui-sntr-v {
    position: relative;
    height: 280px;
    margin: .25em auto .75em auto;
    border: 2px solid #0af;
    background-color: #eee;
    overflow: hidden;
}

.ui-sntr-img {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 100%;
    text-align: center;
    padding: 0em;
    overflow: hidden;
}

    .ui-sntr-img img {
        height: auto;
        min-height: 120px;
        width: 100%;
        margin: auto auto;
        vertical-align: middle;
        border-radius: 6px;
    }

.ui-sntr-dt {
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
}

    .ui-sntr-dt .tit {
        position: relative;
        width: 100%;
        overflow: hidden;
        background-color: white;
        padding: 0.5em;
        cursor: pointer;
    }

        .ui-sntr-dt .tit:hover {
            background-color: #ddd;
        }

        .ui-sntr-dt .tit:active {
            border: 1px solid gray;
        }

    .ui-sntr-dt .sub {
        position: relative;
        width: 100%;
        overflow: hidden;
        background-color: #ccc;
        padding: 0.5em;
        display: none;
    }

@media (min-width: 768px) {
    .siniestros {
        height: auto;
        min-height: 375px;
    }
}


/* Personalización entrada lista vehículos siniestro */
section.ui-blogs .ui-listado .ui-entrada header {
    background-color: #a4c0de;
}

    section.ui-blogs .ui-listado .ui-entrada header h1 {
        color: black;
        border-bottom: 1px solid white;
    }

        section.ui-blogs .ui-listado .ui-entrada header h1 a {
            color: #434343;
        }

            section.ui-blogs .ui-listado .ui-entrada header h1 a:hover {
                color: black;
                text-shadow: 0px 1px 3px #ddd;
            }

            section.ui-blogs .ui-listado .ui-entrada header h1 a:active {
                color: #7a7a7a;
                text-shadow: 0px 1px 3px #fff;
            }

    section.ui-blogs .ui-listado .ui-entrada header h2 {
        color: white;
    }

/* Personalización entrada vehículo siniestro */
section.ui-entrada-detalles header {
    background-color: #a4c0de;
}

    section.ui-entrada-detalles header h1 {
        color: black;
    }

section.ui-entrada-detalles > header h2 {
    color: white;
}

section.pg-veh-siniestro {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
