﻿#dvCont { padding: 40px; margin: 40px auto 20px; border: 0; box-shadow: 0 -20px 20px rgba(0,0,0,0.05); border-radius: 12px; max-width: 640px; font-size: 120%; line-height: 120%; min-height: 320px; display: flex; flex-direction: column; justify-content: center;}
#dvMsg { padding-right: 200px; background: url(../img/comunes/404.svg); background-size: 200px; background-repeat: no-repeat; background-position: right center; }

#dvMsg.error500{ background: none; padding: 0; display: flex; align-items: center; }
#dvMsg.error500 .errorInfo { width: 100%; }
#dvMsg.error500 > img { display: block; flex-shrink: 0; margin-left: 12px; width: 220px;}
    #dvMsg p:first-child > b:first-child { font-size: 24px; line-height: 120%; color: #999; font-weight: 500; margin: 0 0 12px; display: block;}
.pSug { margin: 20px 0px 0px 0px; }
.ulLinks { margin: 8px 0px 0px 0px; display: block;}
.ulLinks li { list-style: none; padding: 1px 0px; display: inline-block;}
.ulLinks li a { display: flex; padding: 8px 12px; border-radius:8px; align-items: center; justify-content: center; background-color: #eee; color: #333; text-decoration: none; margin: 2px 0; font-weight: 500;}

@media (max-width: 767px) {
    #dvCont { margin: 20px; width: auto !important; padding: 32px 20px; }
    #dvMsg { padding: 120px 0 0; background-position: center top; background-size: 180px; }
    #dvMsg.error500 { flex-direction: column-reverse;}
    #dvMsg.error500 > img{ margin: 0 auto 12px; padding-left: 40px; max-width: 80%; width: 140px; }
    .ulLinks li { display: block; }
        .ulLinks li a { line-height: 32px;}
    #cabecera_movil { box-shadow: 0 0 12px rgba(0,0,0,0.1); }
    }