/* CSS Document */

#container {
    position: relative;
    margin: 5px 0 10px 0;
    background-color: #ffffff;
}

#fecha {
    padding: 0 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    text-align: right;

}

#novedad {
    margin: 10px 11px 0 8px;
    height: 36px;
    background-color: #D5D5D5;
    background-image: url(https://www.mkcl.de/Lenovo/elements/start/novedades.jpg);
    background-position: left;
    background-repeat: no-repeat;
    border-top: #21363F solid 1px;
    border-right: #5E5E5E solid 3px;
    border-left: 1px #21363F solid;

}

#opinion {
    margin: 10px 11px 0 8px;
    height: 36px;
    background-color: #D5D5D5;
    background-image: url(https://www.mkcl.de/Lenovo/elements/start/opinion.jpg);
    background-position: left;
    background-repeat: no-repeat;
    border-top: #21363F solid 1px;
    border-right: #5E5E5E solid 3px;
    border-left: 1px #21363F solid;

}

#busca {
    margin: 10px 11px 0 8px;
    height: 36px;
    background-color: #D5D5D5;
    background-image: url(https://www.mkcl.de/Lenovo/elements/start/busca.jpg);
    background-position: left;
    background-repeat: no-repeat;
    border-top: #21363F solid 1px;
    border-right: #5E5E5E solid 3px;
    border-left: 1px #21363F solid;

}

#cometido {
    margin: 10px 11px 0 8px;
    height: 36px;
    background-color: #D5D5D5;
    background-image: url(https://www.mkcl.de/Lenovo/elements/start/cometido.jpg);
    background-position: left;
    background-repeat: no-repeat;
    border-top: #21363F solid 1px;
    border-right: #5E5E5E solid 3px;
    border-left: 1px #21363F solid;

}

#text {
    padding: 10px 23px 2px 23px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    background-color: #fff;
    line-height: 1.8em;
    margin: 0 11px 0 8px;
    border-right: 3px #5E5E5E solid;
    border-left: 1px #21363F solid;
    border-bottom: 3px #5E5E5E solid;
    border-left: 1px #21363F solid;
}

#imprint {
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 10px;
    padding: 15px 0 8px 0
}

.azul {
    color: #006699;
    font-weight: bold;
    font-size: 110%;
}

#text p {
    text-indent: 1em;
}

#text a {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}

#text a:hover {
    text-decoration: none;
    color: #006699;
}

#text ul {
    list-style: none;
}

#text h4 {
    color: #666666;
    font-size: 110%;
}

.roadmap {
    border: 1px solid #c0c0c0;
}

.roadmap-black {
    color: #FFF;
    text-align: center;
    background-color: #303030;
}

.roadmap-gray {
    text-align: center;
    background-color: #C0C0C0;
}

.roadmap-white {
    text-align: center;
    background-color: #FFFFFF;
}

.roadmap-green {
    text-align: center;
    background-color: #C8F8C8;
}

.roadmap-head {
    color: #FFF;
    text-align: center;
    background-color: #0061C7;
}

.roadmap-pink {
    text-align: center;
    background-color: #C798F8;
}

.roadmap-yellow {
    text-align: center;
    background-color: #F7C901;
}

.roadmap-blue {
    text-align: center;
    background-color: #9CCEFF;
}

.roadmap-cyan {
    text-align: center;
    background-color: #CECEFF;
}