body {
    margin: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:90%;
}

.cb {
    clear: both;
}

/*para centrar*/
.marco1 {
    text-align: center;
}

.marco2 {
    display: inline-block;
    text-align: left;
}


@media print {
    .nopartas {
        break-inside: avoid; /* con display: inline-bock no funciona  */
    }
}

@media print {
    .noimprimir, .noimprimir * {
        display: none !important;
    }
}

.oculto {
    display: none
}

.riLabel {
    color: #284775 !Important;
    vertical-align: middle;
}

.errorText {
    color: red !Important;
}

.reqText {
    color: red !Important;
}

.aclaracion { color:#999999; font-size:80%;}

.required:after {
    content: "*";
    font-weight: bold;
}

.RadDropDownList_WebBlue .rddlDisabled {
    filter: none !important;
    opacity: 1 !important;
    color: #000000 !important;
}



.minusculas {
    text-transform: lowercase;
}

.mayusculas {
    text-transform: uppercase;
}

.subrayadorosa {
    border-bottom: 1px solid #98005C;
    color: #98005C;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14pt;
    margin-bottom: 5px;
}

.enlaceazul {
    color: #557088;
}

    .enlaceazul:visited {
        color: #557088;
    }

.enlaceazul:hover {
    color: #4195B6;
}


.columna {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

@media only screen and (max-width: 700px) {
    .columna {
        display: block;
    }
}


.colsiguales {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .colsiguales > div {
        display: table-cell;
        text-align: center;
        vertical-align: top;
    }

@media only screen and (max-width: 900px) {
    .colsiguales > div {
        display: block;
        text-align: center;
    }
}

.colsiguales > div > div {
    display: inline-block;
    text-align: left;
}



.cajamensaje {
    margin: 0px 0px;
    padding: 12px 7px 8px 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 4px 4px #dfe1d8;
    -webkit-box-shadow: 4px 4px #dfe1d8;
    box-shadow: 4px 4px #dfe1d8;
    font-size: 10pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #9d9c49;
    color: #363636;
    min-height: 20px;
    background-color: #fdfdcb;
}

    .cajamensaje.cajainfo {
        background: #fdfdcb url('img/info.png') no-repeat;
        background-position: 7px 3px;
    }
    .cajamensaje.cajawarning {
        background: #fdfdcb url('img/warning.png') no-repeat;
        background-position: 7px 3px;
    }
    .cajamensaje.cajaerror {
        background: #ffd2d4 url('img/error.png') no-repeat;
        background-position: 7px 3px;
    }
    .cajamensaje.cajamail {
        background: #fdfdcb url('img/mail.png') no-repeat;
        background-position: 7px 3px;
    }
    .cajamensaje.cajausuario {
        background: #fdfdcb url('img/usuario.png') no-repeat;
        background-position: 7px 3px;
    }
    .cajamensaje.cajatelefono {
        background: #fdfdcb url('img/telefono.png') no-repeat;
        background-position: 7px 3px;
    }


    /**********************INFOBOX************************************************/
    .infobox {
        margin: 5px 5px;
        padding: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 4px 4px #dfe1d8;
        -webkit-box-shadow: 4px 4px #dfe1d8;
        box-shadow: 4px 4px #dfe1d8;
        color: #7d7d7b;
        font-size: 13px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    /*Styling for text inside boxes*/
    .infobox h4 {
        margin: 5px 5px 5px 80px;
        padding: 0;
        font-size: 130%;
    }

    .infobox p {
        font-size: 110%;
        color: #000;
        margin: 5px 5px 5px 80px;
        text-align: left;
    }

/*Boxes*/
.ifinfo {
    border: 1px solid #0e7fad;
    color: #0e7fad;
    background: #c0e9fa url('img/info.png') no-repeat;
    background-position: 30px 20px;
}

.ifsuccess {
    border: 1px solid #4f8746;
    color: #4f8746;
    background: #d4ffcd url('img/success.png') no-repeat;
    background-position: 30px 20px;
}

.iferror {
    border: 1px solid #641f1a;
    color: #641f1a;
    background: #ffd2d4 url('img/error.png') no-repeat;
    background-position: 30px 20px;
}

.iferrorlinea {
    border: 1px solid #641f1a;
    color: #641f1a;
    background: #ffd2d4 url('img/error.png') no-repeat;
    padding: 10px 10px 10px 50px;
    background-position: 10px 3px;
}

.ifwarning {
    border: 1px solid #9d9c49;
    color: #9d9c49;
    background: #fdfdcb url('img/warning.png') no-repeat;
    background-position: 30px 20px;
}

.iftip {
    border: 1px solid #c77d10;
    color: #c77d10;
    background: #f9d69e url('img/tip.png') no-repeat;
    background-position: 30px 20px;
}

.ifsecure {
    border: 1px solid #9638f1;
    color: #9638f1;
    background: #e5cefc url('img/secure.png') no-repeat;
    background-position: 30px 20px;
}

.ifmessage {
    border: 1px solid #1F497D;
    color: #1F497D;
    background: #efefef url('img/message.png') no-repeat;
    background-position: 30px 20px;
}

.ifdownload {
    border: 1px solid #04b5eb;
    color: #04b5eb;
    background: #f7f7f7 url('img/download.png') no-repeat;
    background-position: 30px 20px;
}

.ifprint {
    border: 1px solid #3c4b5e;
    color: #3c4b5e;
    background: #c8d9e3 url('img/print.png') no-repeat;
    background-position: 30px 20px;
}

/********************** FIN INFOBOX************************************************/


.grupo {
    border: 1px solid #DDD;
    background: #FCFCFC;
    border-radius: 5px;
    padding: 7px;
    margin: 5px 0px 5px 0px;
}

    .grupo legend {
        background: #5C7993;
        color: #ffffff;
        padding: 5px 6px;
        border-radius: 5px;
        box-shadow: 0 0 0 5px #ddd;
        margin-left: 20px;
    }


/**********************TELERIK************************************************/



/**grid:  borde superior de la fila seleccionada en negro**/
.RadGrid_WebBlue .rgSelectedRow td {
    border-top: 1px solid #000000 !important;
}

.gridfiltermenu {
    font-family: Verdana;
    font-size: 9pt !important;
}

.RadMenuPopup_WebBlue {
    z-index: 9999 !important;
}

.RadDropDownList_WebBlue .rddlDisabled {
    filter: none !important;
    opacity: 1 !important;
    color: #000000 !important;
}


.btnDFA {
    background-color: #C10075 !important;
    color: #FFFFFF !important;
    border: 1px solid #999999 !important;
}

    .btnDFA:hover {
        background-color: #98005C !important;
    }

.btnDFAGris {
    background-color: #FEFEFE !important;
    color: #333333 !important;
    border: 1px solid #999999 !important;
}

    .btnDFAGris:hover {
        background-color: #DDDDDD !important;
    }



.RadInput textarea.riTextBox {
    height: auto !important;
    min-width: 100%;
}


.smallercal .rcCalendar table.rcMainTable {
    height: auto; /*instead of 176*/
}

.smallercal td.rcCalendar {
    width: 180px; /*instead of 220*/
}

.smallercal td.rcTitlebar table {
    line-height: 15px; /*instead of 27*/
}

.smallercal table.rcMainTable {
    line-height: 11px; /*instead of 17*/
}

    .smallercal table.rcMainTable .rcTitle {
        line-height: 12px; /*instead of 22*/
    }

.smallercal tr.rcWeek .rcViewSel,
.smallercal tr.rcRow th {
    padding-left: 1px; /*instead of 9*/
    padding-right: 1px; /*instead of 7*/
    font-size: 9pt !important;
}


/********************** END TELERIK************************************************/

a.abotonGris {
    display: inline-block;
    margin-top: 1px;
    background-color: #FEFEFE;
    line-height: 18px;
    color: #333333;
    font-family: Verdana;
    font-size: 10pt;
    border: 1px solid #CCCCCC;
    padding: 6px 9px 8px 9px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    a.abotonGris:hover {
        background-color: #DDDDDD;
    }

a.abotoncito {
    display: inline-block;
    margin-top: 1px;
    background-color: #D4DFE5;
    line-height: 18px;
    color: #333333;
    font-family: Verdana;
    font-size: 10pt;
    border: 1px solid #CCCCCC;
    padding: 3px 6px 5px 6px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    a.abotoncito:hover {
        background-color: #B1E0F5;
    }