body {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    color: black;
    width: 100%;
}

.divContenedor {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    overflow: hidden;
}

.cabeceraMax {
    background: url("../../imagenes/QAMP_bg_header_upna.jpg") repeat-x scroll 0 0 #FFFFFF;
    visibility: visible;
    height: 114px;
    width: 100%;
}

.imgCabeceraMax {
    height: auto;
    width: auto;
}

.cabeceraMin {
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.divCentrado {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.divPrincipal {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

.divContenido {
    float: left;
    width: 790px;
    margin: 0 0 0 10px;
    padding: 10px;
    background-color: #f1f1f1;
}

.divAdminMenu {
    float: left;
    text-align: left;
    width: 160px;
    padding: 20px 10px 20px 10px;
    background-color: rgb(243, 109, 42);
}

.divOpcionesAdminMenu {
    width: 150px;
    height: auto;
    padding: 10px 0 10px 10px;
    text-align: left;
    float: left;
    font-weight: bold;
}

    .divOpcionesAdminMenu a {
        text-decoration: none;
    }

    .divOpcionesAdminMenu:hover {
        background-color: #303030;
    }

.divMenu {
    float: left;
    width: 160px;
    padding: 20px 10px 20px 10px;
    background-color: rgb(243, 109, 42);
}

.divOpcionesMenu {
    width: 150px;
    height: auto;
    padding: 10px 0 10px 10px;
    text-align: left;
    float: left;
    font-weight: bold;
}

    .divOpcionesMenu a {
        text-decoration: none;
    }

    .divOpcionesMenu:hover {
        background-color: #303030;
    }

.linea_blanca_0 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 1px;
    width: 100%;
    background-color: white;
    z-index: 5000000;
}

.linea_blanca_10 {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    width: 100%;
    background-color: white;
    z-index: 5000000;
}

.linea_negra_10 {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    width: 100%;
    background-color: black;
    z-index: 5000000;
}
/*====BLOQUES====*/
.bloque {
    width: 100%;
    float: left;
    text-align: left;
}

.bloque-r {
    width: 100%;
    float: right;
}

.bloque-ad {
    width: 100%;
    float: left;
    text-align: right;
}

.bloque-ac {
    width: 100%;
    float: left;
    text-align: center;
}

.bloque-aj {
    width: 100%;
    float: left;
    text-align: justify;
}

.bloque-aj90 {
    width: 90%;
    float: left;
    text-align: justify;
}

.bloque-titulo {
    width: 17%;
    float: left;
    text-align: left;
}

.bloque-dato {
    width: 83%;
    float: left;
    text-align: left;
}

.bloque-fondo-gris {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #eee;
}

.bloque-Titulo1-Invertido {
    /*background-color: rgb(243, 109, 42);*/
    border: rgb(243, 109, 42) solid 1px;
    background-color: white;
    color: black;
    padding: 4px 0px 4px 4px;
    width: 98%;
    font-size: 1.2em;
    font-weight: bold;
}


/*====TITULOS====*/
.titulo1 {
    color: #A82814;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
}

.titulo2 {
    color: #A82814;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: left;
}

.titulo_general {
    color: #A82814;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em;
}

.divTituloPagina {
    float: left;
    border-bottom: rgb(243, 109, 42) solid 1px;
    width: 100%;
    color: rgb(243, 109, 42);
    text-align: left;
    margin-bottom: 20px;
    font-size: 20px;
}

.divSubtituloPagina {
    float: left;
    width: 80%;
    color: rgb(243, 109, 42);
    text-align: left;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}


.divTituloCabecera {
    color: #A82814;
    font-weight: bold;
    width: 100%;
    float: left;
    text-align: left;
    border: solid 1px black;
    padding: 10px;
    margin-bottom: 10px;
    width: 928px;
}

.divCookies {
    float: left;
    color: black;
    padding: 10px;
    border-radius: 10px;
    width: 780px;
    position: fixed;
    bottom: 0px;
    background-color: #696969;
    margin-left: 190px;
}

    .divCookies a {
        color: silver;
        font-weight: bold;
    }

/*====FUENTES====*/
.fuente_negra_10 {
    font-family: Arial;
    font-size: 0.84em;
    font-weight: normal;
    color: black;
}

.fuente_negra_10_bold {
    font-family: Arial;
    font-size: 0.84em;
    font-weight: bold;
    color: black;
}

.fuente_negra_12 {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: black;
}

.fuente_negra_14 {
    font-family: Arial;
    font-size: 1.16em;
    font-weight: normal;
    color: black;
}

.fuente_roja_10 {
    font-family: Arial;
    font-size: 0.85em;
    font-weight: normal;
    color: #A82814;
}

.fuente_roja_12 {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: #A82814;
}

.fuente_roja_12_bold {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: #A82814;
}

.fuente_roja_16 {
    font-family: Arial;
    font-size: 1.33em;
    font-weight: normal;
    color: #A82814;
}

.fuente_roja_18 {
    font-family: Arial;
    font-size: 1.50em;
    font-weight: normal;
    color: #A82814;
}

.fuente_roja_20 {
    font-family: Arial;
    font-size: 1.66em;
    font-weight: normal;
    color: #A82814;
}

.fuente_negra_12_bold {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: black;
}

.fuente_gris_12 {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: #696969;
}

.fuente_gris_12_bold {
    font-size: 1em;
    font-weight: bold;
    color: #696969;
}

.fuente_blanca_10 {
    font-family: Arial;
    font-size: 0.84em;
    font-weight: normal;
    color: white;
}

.fuente_blanca_12 {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: white;
}

.fuente_blanca_12_bold {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: white;
    font-weight: bold;
}

.fuente_blanca_12_upper {
    font-family: Arial;
    font-size: 1em;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
}

.fuente_blanca_12_upper_bold {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
}

.textoError {
    font-size: 0.85em;
    color: red;
}

.textoError125em {
    font-size: 1.15em;
    color: red;
}

/*=======CONTROLES========*/
.textBox {
    width: 310px;
}

.textBoxDatos {
    width: 310px;
    border: 1px solid black;
}

.checkBox {
    width: auto;
    height: 40px;
    font-size: 14px;
}

.boton {
    padding: 2px 4px 2px 4px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 2px solid silver;
    border-left: 2px solid silver;
}

.boton_invertido {
    padding: 2px 4px 2px 4px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    background-color: #A82814;
    color: white;
}

.boton_perfil {
    padding: 10px;
    border: 1px dotted #A82814;
    width: 290px;
    text-align: center;
    color: black;
}

.boton_perfil_pulsado {
    padding: 10px;
    border: 1px dotted black;
    width: 290px;
    text-align: center;
    background-color: rgb(243, 109, 42);
    font-weight: bold;
    color: white;
}

.botonColor {
    background-color: rgb(243, 109, 42);
    border: none;
    border-top: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    color: white;
}

.botonBuzonContacto {
    color: white;
    font-size: 1em;
    font-weight: bold;
}

.botonQSAR {
    color: white;
    font-size: 1em;
    font-weight: bold;
}

.link {
    color: #A82814;
    font-size: 1em;
}

.link2 {
    color: #A82814;
    font-size: 1.2em;
}

.linkMenu {
    color: white;
    font-size: 14px;
}

.linkIdioma {
    color: #696969;
    text-decoration: none;
}

.linkCerrar {
    text-decoration: none;
}

.linkQSAR {
    text-decoration: none;
    color: black;
    font-size: 14px;
}

.row {
    border-bottom: #696969 solid 1px;
}

.ajax__html_editor_extender_texteditor {
    background-color: white;
}

/*====AJAXCONTROLTOOLKIT====*/
.ventanaModal {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    background-color: white;
    padding-bottom: 30px;
    height: auto;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.bloqueMovible {
    width: 470px;
    float: left;
    text-align: left;
    cursor: move;
    background-color: #d8c9c9;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
}


@media (min-width: 321px) and (max-width: 799px) {
    body {
        width: 799px;
    }

    .divContenedor {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.1em;
    }
    /*====AJAXCONTROLTOOLKIT====*/
    .ventanaModal {
        width: 70%;
    }
    /*====BLOQUES====*/
    .bloqueFormularioDatos {
        width: 700px;
        background-color: #e0dfdf;
        border: double 1px #A82814;
        margin-left: auto;
        margin-right: auto;
        padding: 2px;
    }
    /*=======CONTROLES========*/
    .textBox {
        width: 320px;
    }

    .textBoxDatos {
        width: 320px;
        border: 1px solid black;
    }
}

@media (max-width: 320px) {

    body {
        width: 320px;
    }

    .divContenedor {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1em;
    }

    .cabeceraMax {
        visibility: hidden;
        height: 0px;
        width: 0px;
        margin-bottom: 0px;
    }

    .imgCabeceraMax {
        height: 0px;
        width: 0px;
    }

    .cabeceraMin {
        visibility: visible;
        height: 134px;
        width: 100%;
    }

    .bloque {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }

    /*====AJAXCONTROLTOOLKIT====*/
    .ventanaModal {
        width: 80%;
    }

    /*====BLOQUES====*/
    .bloqueFormularioDatos {
        width: 300px;
        padding: 2px;
    }

    .bloque-titulo {
        float: none;
        min-width: 100px;
    }

    .bloque-dato {
        float: none;
    }
    /*=======CONTROLES========*/
    .textBox {
        width: 150px;
    }

    .textBoxDatos {
        width: 150px;
        border: 1px solid black;
    }

    .upna-principal {
        font-weight: 700;
        background-color: #da291c !important;
        color: #fff !important
    }
}