@import url(//fonts.googleapis.com/css?family=Lato:700);

body {
    font-family: 'Lato', sans-serif;
}

.welcome {
    width: 300px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
    text-align: center;
    color: #999;
}

.error {
    width: 800px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -400px;
    text-align: center;
    color: #999;
}

.header {
    width: 800px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 30px 0 0 -400px;
    text-align: center;
    color: #999;
}

.header li {
    font-size: 15px;
    text-align: justify;
    color: #000000;
}

.elements {
    width: 800px;
    text-align: justify;
    color: #000000;
}

a, a:visited {
    text-decoration: none;
}

h1 {
    font-size: 32px;
    margin: 16px 0 0 0;
}

h1 .lined {
    font-size: 32px;
    margin: 16px 0 0 0;
    color: lightcoral;
    text-decoration:line-through;
}

h2 {
    font-size: 24px;
    margin: 16px 0 0 0;
    color: #387d9a;
}

/**
 * Estilos para la pantalla de versión
*/
.current-version li{
    font-size: 16px;
}
.current-version{
    margin-bottom: 0px;
}
.history-list {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    padding: 20px;
    font-size: 16px;
}
.history-list ul{
    padding-left: 40px;
}
.history-list table{
    padding-left: 40px;
    color: #333333;
}
.history-version div:last-child {
    border-bottom: 1px solid #DDD;
}
.version-header {
    color: #999;
}

.logo-banner {

    width: 75%;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid #6F7071;
    margin-bottom: 20px;
}

.logo-banner-left{

    width: 45%;
    border-right : 0px solid transparent;
    border-left: 25px  solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 60px solid #6F7071;
}