#wrapper .header {
    background-color: #2a2d33;
    padding: 10px 0;
    margin-bottom: 5px;
}

#wrapper .header .RadMenu {
    margin: 10px 0;
    float: none;
}

#wrapper .logo {
    margin: 10px 0;
    width: 100%;
    display: inline-block;
}

#wrapper .logo img {
    max-width: 100%;
}

#wrapper .jumbotron {
    padding: 1.875em;
    padding-top: 1em;
    background-color: #e9eaea;
}

#wrapper .jumbotron .RadButton {
    float: right;
    margin-top: .667em;
    font-size: .5em;
}

#wrapper .footer {
    width:100%;
    padding: 30px 15px;
    line-height: 30px;
}

.main {
    height: 480px;
    background-color: gray;
}

.right-float {
    float: right;
}

.centro {
    margin-top: 20px;
    margin-bottom: 10px;
}

.derecha {
    float: right;
    background-color: gray;
    width: 100px;
    text-align: center;
    height: 100%;
}

.izquierda {
    float: left;
    background-color: gray;
}

.clear {
    clear: both;
}

.classLink {
    text-align: right;
    font-size: 11px;
    height: 30px;
    width: 140px;
}

.classTable {
    border-style: hidden;
}

.classTD {
    vertical-align: central;
    width: 200px;
}

.classLinkSmallFont {
    text-align: right;
    font-size: 10px;
    height: 40px;
    width: 90px;
    color: #005fb4;
}

.rrItem {
    margin: 0 8px 0 8px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 33.33%;
}

.panel {
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, WhiteSmoke, lightGray); /* Standard syntax (must be last) */
    height: 380px;
    width: 60%;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .column {
        width: 100%;
    }
}