@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(columnas.css);

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

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

header{
    width:100%;
    height:0px;
    position:fixed;
    top:0;
    left:0;
}
.container{
    width:98%;
    margin:auto;
    padding: 2px 0px;
}

.container-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
}
.row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
section{
    width:100%;
    margin-bottom:10px;
}
#Titulo{
    text-align:center;
}
.td-flex {
    display: flex;
}
.etiqueta-flex{
    max-width:150px;
    text-align:right;
}
.etiqueta-col {
    text-align: right;
    font-weight: 400;
}

@media screen and (max-width:485px) {
    .container {
        width: 98%;
        margin: auto;
        padding: 2px 0px;
    }
    .etiqueta-col {
        text-align: right;
        font-weight: 900;
    }
    .td-flex {
        display: flex;
        flex-wrap: wrap !important;
        flex-direction: row;
        text-align: left;
    }
    .etiqueta-flex {
        background: rgba(228,228,228,.3);
        max-width: 100%;
        text-align: left;
        font-size:14px;
        font-weight:bold;
        padding: 6px 3px;
    }
    input {
        font-family: 'Segoe UI', Verdana, Arial !important;
        font-weight: bold !important;
        background-color: white;
    }
    .col-1 {
        width: 50%;
    }
    .col-19 {
        width: 49%;
    }
    .col-2 {
        width: 49%;
    }

    .col-2-1 {
        width: 79%;
    }
    .col-3 {
        width: 50%;
    }
    .col-3-1 {
        width: 20%;
    }
    .col-3-20 {
        width: 20%;
    }

    .col-4 {
        width: 49%;
    }
    .col-4-1 {
        width: 79%;
    }
    .col-44 {
        width: 49%;
    }
    .col-4-80 {
        width: 80%;
    }
    .reloj {
        width: 100% !important;
        position: static !important;
        padding: 10px 10px 15px 10px !important;
        font-size: initial !important;
        font-weight: 600;
        text-align: right !important;
    }
    .contenido {
        width: 100% !important;
        font-weight: 300 !important;
    }
}
@media screen and (max-width:575px) {
    * {
        font-weight: bold !important;
    }
    .msj-solicitud {
        width: 90% !important;
    }
}

    @media screen and (min-width:768px) {
        .container {
            width: 700px;
            padding: 2px 0px;
        }
        .msj-solicitud {
            width: 90% !important;
        }
    }

    @media screen and (min-width:900px) {
        .container {
            width: 800px;
            padding: 2px 0px;
        }
    }

    .RadWindow .rwTitleWrapper {
        padding: 4px 5px;
        line-height: 1.42857143em;
        height: 2.428571em !important;
    }