/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11/07/2017, 03:50:27 PM
    Author     : jssalgado
*/
 *{font-family: Arial, Helvetica, sans-serif;}
a {border:none;}

body{
    margin:0;
    padding:0;
    height:100%; 
    background:  #ececec url(../img/background.png) right top no-repeat;
    border-top: 5px solid #0A4CA0;
}

#wrapper {
        height:100%;
        margin-top: 12.5%;
}
#logo {
        margin: 30px 30px 0px 60px;
        background: url(../img/icono_Error.png) 150px top no-repeat;
        width:300px;
        height:250px;
        text-indent:-9999px;
        float: left;
        border-right: 1px solid rgba(0,0,0,0.1);
}
#logo a{
        width:100%;
        height:250px;
        text-indent:-9999px; display:block; 
        background-size: 80% auto;
}
#alerta {
        overflow:hidden;
        margin-left: 100px;
        margin-top: 30px;
}
#iconoAlerta {
        background: url(../img/icono_Error.png) 547px top no-repeat;
        height:117px;
}
#tituloAlerta {
        float:left;
}
#tituloAlerta h1{
        color:#0A4CA0;
        width:529px;
}

#parrafo {
        font-size:0.75em;
        color:#535353;
        text-align:left;
        width:37%;
        margin-left: 100px;
        display: table;
}


.mensaje {font-size: 1.25em;}
.mensaje a{
        color: #FFFFFF;
        background: #0A4CA0;
        border: 1px solid rgba(0,0,0,.1);
        padding: 5px 20px;
        clear: both;
        margin: 10px 0 0 0;
        text-decoration: none;
        display: table;
}
.mensaje a:hover {
    background: rgba(0,0,0,.5);
}