/* Minification failed. Returning unminified contents.
(19,1): run-time error CSS1019: Unexpected token, found '@import'
(19,9): run-time error CSS1019: Unexpected token, found 'url('issm-ui-buttons.css')'
 */
div.form-cookies-cfg{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,.25);overflow:auto;z-index:9999;}div.form-cookies-cfg .mc-dialog{position:relative;width:100%;height:auto;margin:2vh 6px;color:#333;background-color:#eee;border:1px solid #666;box-shadow:6px 14px 16px #666;}div.form-cookies-cfg .mc-dialog .div-basic{position:relative;display:block;width:100%;height:auto;color:#000;}div.form-cookies-cfg .mc-dialog .ui-dialog-titlebar{padding:1em;background-color:#cacaca;}div.form-cookies-cfg .mc-dialog .ui-dialog-title{font-size:1.2em;font-weight:600;color:#000;}div.form-cookies-cfg .mc-dialog .ui-dialog-content{padding:1em;min-height:6em;background-color:#fff;}div.form-cookies-cfg .mc-dialog .ui-dialog-text{color:#000;}div.form-cookies-cfg .mc-dialog .ui-dialog-note{padding:.25em 1em;min-height:2em;background-color:#fff;text-align:left;}div.form-cookies-cfg .mc-dialog .ui-dialog-note-text{color:#f00;}div.form-cookies-cfg .mc-dialog .ui-dialog-foot{padding:.25em 1em;min-height:2em;background-color:#fff;text-align:left;}div.form-cookies-cfg .mc-dialog .ui-dialog-foot .ui-dialog-foot-text{color:#808080;}div.form-cookies-cfg .mc-dialog .ui-dialog-buttons{text-align:center;}div.form-cookies-cfg .mc-dialog .ui-dialog-buttons button{margin:1em 3em;padding:1em;}div.form-cookies-cfg .mc-dialog button.button-cerrar{position:absolute;z-index:999999;top:.5em;right:1em;}div.form-cookies-cfg a{color:#000;text-decoration:underline;}div.form-cookies-cfg a :hover{color:#000;}@media(min-width:480px){div.form-cookies-cfg .mc-dialog{margin-left:auto;margin-right:auto;}}@media(min-width:800px){div.form-cookies-cfg .mc-dialog{max-width:900px;min-width:600px;}}@media(min-height:480px){div.form-cookies-cfg .mc-dialog{margin-top:15vh;margin-bottom:15vh;}}div.form-cookies-cfg input[type=checkbox].issm-custom{display:inline;width:1.6em;height:1.6em;margin-top:.7em;}div.form-cookies-cfg div.row-option{overflow:hidden;padding:1em;background-color:#fff;}div.form-cookies-cfg div.row-option .row-header{height:3em;margin:4px;border-bottom:1px solid #eee;}div.form-cookies-cfg div.row-option .row-header .col-title{width:79%;height:3em;float:left;}div.form-cookies-cfg div.row-option .row-header .col-title h3{display:inline;line-height:3em;}div.form-cookies-cfg div.row-option .row-header .col-checked{width:18%;height:3em;float:right;text-align:center;}div.form-cookies-cfg div.row-option .row-body{padding:1em;}
/*
 *   Programador: Salvador Sifre Molina.
 *   Fecha: 20 de abril de 2015.
 *
 *   Ultima revisión: 8 de enero de 2017 a las 12:30.
 *   
 *   Hoja de estilos para los controles.
 *
 *************************************************************/


/* 
                      OPCIONES MENÚ

    Marca un bloque para indicar que son opciones de menú 

 *************************************************************/
@import url('issm-ui-buttons.css');


.ui-grupo-opciones {
    margin: 0.25em 0em 0.75em 0em;
    padding: 0.25em 0.5em;
    /*outline: 1px solid silver;*/
}

    .ui-grupo-opciones h2,
    .ui-grupo-opciones h3,
    .ui-grupo-opciones h4 {
        color: #888;
        border-bottom: 1px solid silver;
        margin-bottom: 0.5em;
        padding-left: 0.5em;
    }

    .ui-grupo-opciones p {
        margin: 0.75em 0em;
    }

.ui-grupo-opcion {
    position: relative;
    width: 90%;
    left: 5%;
    display: block;
    padding: 6px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #333;
    background-color: #eee;
    border-color: #aaa;
    overflow: hidden;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

    .ui-grupo-opcion[class*="green"] {
        background-color: #b2e6c8;
    }

    .ui-grupo-opcion[class*="blue"] {
        background-color: #b4e6f6;
    }

    .ui-grupo-opcion[class*="red"] {
        background-color: #f5b9b9;
    }



.ui-grupo-opcion-titulo {
    position: relative;
    width: 90%;
    left: 5%;
    display: block;
    padding: 6px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.428571429;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
    overflow: hidden;
}

    .ui-grupo-opcion-titulo[class*="left"] {
        text-align: left;
    }

    .ui-grupo-opcion-titulo[class*="right"] {
        text-align: right;
    }



@media(min-width: 768px) {
    .ui-grupo-opciones > p[class^="columna-"] {
        display: inline-block;
    }
}

.ui-grupo-opcion:hover,
.ui-grupo-opcion:active {
    text-decoration: none;
    color: white;
    background-color: #bbb;
    border-color: #adadad;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.ui-grupo-opcion[class*="green"]:hover,
.ui-grupo-opcion[class*="green"]:active {
    background-color: #73c696;
}

.ui-grupo-opcion[class*="blue"]:hover,
.ui-grupo-opcion[class*="blue"]:active {
    background-color: #70b6cc;
}

.ui-grupo-opcion[class*="red"]:hover,
.ui-grupo-opcion[class*="red"]:active {
    background-color: #d16464;
}






.ui-grupo-opcion:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    color: #fff;
    background-color: #bbb;
    border-color: #adadad;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.ui-grupo-opcion[disabled],
.ui-grupo-opcion[disabled]:hover,
.ui-grupo-opcion[disabled]:active,
.ui-grupo-opcion[disabled]:focus {
    color: #adadad;
    border-color: rgba(173, 173, 173, 0.5);
    background-color: rgba(173, 173, 173, 0.5);
    cursor: not-allowed;
}

address p {
    margin-top: 6px;
    margin-bottom: 3px;
}

a,
.value a {
    color: blue;
    text-decoration: none;
    line-height: 1.75em;
}

td a {
    color: black;
}

a:hover,
.value a:hover {
    color: blue;
    text-decoration: underline;
}




/***********************************************************
    Estilos para los botones
 ***********************************************************/

/* Botón Estandar */
.ui-st-button {
    display: inline-block;
    border-radius: 0px;
    border: 1px solid #d3d3d3;
    background-color: #e6e6e6;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    color: #555555;
    padding: 3px 1em;
    margin: 3px;
}

    .ui-st-button[class*="green"] {
        background-color: #b2e6c8;
        transition: .4s;
    }

    .ui-st-button[class*="blue"] {
        background-color: #b4e6f6;
        transition: .4s;
    }

    .ui-st-button[class*="red"] {
        background-color: #f5b9b9;
        transition: .4s;
    }

    .ui-st-button > a {
        color: #555555;
        line-height: 1em;
        text-decoration: none;
    }


    .ui-st-button,
    .ui-st-button:link,
    .ui-st-button:visited,
    .ui-st-button:hover,
    .ui-st-button:active {
        text-decoration: none;
    }

input.ui-st-button {
    padding: .5em 1em;
}

.ui-st-button:hover {
    border: 1px solid #999999;
    background: #cccccc url(themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    cursor: pointer;
}

.ui-st-button[class*="green"]:hover,
.ui-st-button[class*="green"]:active {
    background: none;
    color: white;
    background-color: #73c696;
    transition: .6s;
}

.ui-st-button[class*="blue"]:hover,
.ui-st-button[class*="blue"]:active {
    background: none;
    color: white;
    background-color: #70b6cc;
    transition: .6s;
}

.ui-st-button[class*="red"]:hover,
.ui-st-button[class*="red"]:active {
    background: none;
    color: white;
    background-color: #d16464;
    transition: .6s;
}



div.ui-st-button:active,
label.ui-st-button:active,
li.ui-st-button:active,
a.ui-st-button:active {
    padding: 4px 0.95em 2px 1.05em;
}



/* Botón en línea */
.ui-li-button {
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0.25em 1em !important;
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #aaa;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #333;
    background-color: white;
    border-color: #aaaaaa;
    overflow: hidden;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

    .ui-li-button:hover,
    .ui-li-button:active {
        text-decoration: none;
        color: white;
        background-color: #bbb;
        border-color: #adadad;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    .ui-li-button:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        color: #fff;
        background-color: #bbb;
        border-color: #adadad;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }


/* Botón en texto */
.ui-tx-button {
    display: inline-block;
    border-radius: 0px;
    /*border: 1px solid #d3d3d3;*/
    /*background-color: #e6e6e6;*/
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    color: #555555;
    padding: 3px 1em;
}

    .ui-tx-button,
    .ui-tx-button:link,
    .ui-tx-button:visited,
    .ui-tx-button:hover,
    .ui-tx-button:active {
        text-decoration: none;
        cursor: pointer;
    }

        .ui-tx-button:hover {
            color: #007acc;
            -moz-transform: scale(1.03);
            -ms-transform: scale(1.03);
            -o-transform: scale(1.03);
            -webkit-transform: scale(1.03);
            transform: scale(1.03);
        }

        .ui-tx-button:active {
            -moz-transform: scale(0.97);
            -ms-transform: scale(0.97);
            -o-transform: scale(0.97);
            -webkit-transform: scale(0.97);
            transform: scale(0.97);
        }





/******************************************************
    Estilos para modificar el texto 
*******************************************************/

.ui-italic {
    font-style: italic !important;
}

.ui-bold {
    font-weight: bold !important;
}

.ui-content-left {
    text-align: left !important;
}

.ui-content-center {
    text-align: center !important;
}

.ui-content-right {
    text-align: right !important;
}

.ui-text-black {
    color: black !important;
}

.ui-text-black-bold {
    color: black !important;
    font-weight: bold !important;
}


.ui-text-blue {
    color: blue !important;
}

.ui-text-blue-bold {
    color: blue !important;
    font-weight: bold !important;
}

.ui-text-maroon {
    color: maroon;
}

.ui-text-fecha {
    text-align: center;
    font-size: 0.85em;
    margin-top: 0.25em;
}


/* Estilo para un label con un número de documento */
.ui-text-numero-doc {
    font-size: 0.85em;
    margin-top: 0.25em;
}

.ui-text-moneda {
    text-align: right;
    font-size: 0.85em;
    margin-top: 0.25em;
    padding-right: 0.25em;
}

.ui-subnota {
    padding-top: 3px;
    padding-left: 6px;
    color: #666;
    font-style: oblique;
    font-size: 0.85em;
}

    .ui-subnota > p {
        margin-top: 3px;
        margin-left: 6px;
        color: #666;
        font-style: oblique;
        font-size: 0.85em;
    }

.ui-subnota-red {
    padding-top: 3px;
    padding-left: 6px;
    color: #f00;
    font-style: oblique;
    font-size: 0.85em;
}

    .ui-subnota-red > p {
        margin-top: 3px;
        margin-left: 6px;
        color: #f00;
        font-style: oblique;
        font-size: 0.85em;
    }



.ui-sublinea {
    padding: 6px 0px 3px 0px;
    color: #666;
    font-size: 0.95em;
}

    .ui-sublinea > p {
        margin-top: 3px;
        margin-left: 6px;
        color: #666;
        font-size: 0.9em;
    }

.ui-baja {
    color: maroon !important;
}

.ui-bg-baja {
    padding-left: 3px;
    background-color: #ffc5c5 !important;
}

.ui-bloqueado {
    color: #999 !important;
}

.ui-bg-bloqueado {
    padding-left: 3px;
    background-color: #fffac8 !important;
}

.ui-descatalogado {
    color: #bf0000 !important;
}

.ui-bg-descatalogado {
    padding-left: 3px;
    background-color: #ffc5c5 !important;
}


/********************************************************
    Estilos para fijar un marco a un elemento

      El marco se establece según la @media
 ********************************************************/

.ui-border-white {
    position: relative;
    overflow: hidden;
    padding: 0.25em 0.125em;
    border: 1px solid white;
    border-bottom: 2px solid #fff;
    border-radius: 6px;
    margin: 6px 0.1%;
}

.ui-border-blue {
    position: relative;
    overflow: hidden;
    margin: 3px 0.1% 6px 0.1%;
    padding: 0.5em 0.125em;
    border: 1px solid rgba(0, 148, 255, 0.25);
    border-bottom: 1px solid rgb(0, 148, 255);
    /*border-radius: 6px;*/
}

.ui-border-gray {
    position: relative;
    overflow: hidden;
    margin: 3px 0.1% 6px 0.1%;
    padding: 0.5em 0.125em;
    border: 1px solid rgba(192, 192, 192, 0.25);
    border-bottom: 1px solid rgb(192, 192, 192);
}

.ui-border-white > header,
.ui-border-blue > header,
.ui-border-gray > header {
    padding-left: 0.5em;
    font-variant:small-caps;
}






@media (max-width: 768px) {
    .ui-border-sm-white {
        position: relative;
        overflow: hidden;
        padding: 0.5em 0.25em;
        border: 1px solid white;
        border-radius: 6px;
        margin: 1em auto;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .ui-border-md-white {
        position: relative;
        overflow: hidden;
        padding: 0.5em 0.25em;
        border: 1px solid white;
        border-radius: 6px;
        margin: 1em auto;
    }
}

@media (min-width: 1025px) {
    .ui-border-bg-white {
        position: relative;
        overflow: hidden;
        padding: 0.5em 0.25em;
        border: 1px solid white;
        border-radius: 6px;
        margin: 1em auto;
    }
}


/********************************************************
    Estilos para marcos de imagen
 ********************************************************/

.ui-img-articulo,
.ui-img-vehiculo {
    margin: 6px auto;
    /*outline: 1px solid blue;*/
}

    .ui-img-articulo img,
    .ui-img-vehiculo img {
        position: relative;
        padding: 1px;
        /*background-color: #888;*/
        border: 1px solid #888;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }




.ui-img-articulo-listado img,
.ui-img-vehiculo-listado img {
    position: relative;
    margin: auto 3px;
    width: 8em;
    padding: 3px;
    /*background-color: #888;*/
    border: 1px solid #888;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

@media(min-width: 768px) {
    .ui-img-articulo-listado img,
    .ui-img-vehiculo-listado img {
        padding: 1px;
        width: 12em;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }
}


/******************************************************************
    Estilos para la imagen del artículo en la ficha del artículo
 ******************************************************************/

.ui-img-articulo-cabecera,
.ui-img-vehiculo-cabecera {
    position: relative;
    margin: 1em auto;
    width: 99%;
    left: 0;
    padding: 3px;
    /*background-color: #888;*/
    border: 1px solid #888;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media (min-width: 480px) {
    .ui-img-articulo-cabecera,
    .ui-img-vehiculo-cabecera {
        width: 80%;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

@media (min-width: 768px) {
    .ui-img-articulo-cabecera,
    .ui-img-vehiculo-cabecera {
        width: auto;
        height: 14em;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 11 de junio de 2016.
 *
 *  Estilos para los bloques.  Versión 1.0
 *
 *
 *  Ultima revisión: 3 de noviembre de 2016 a las 00:45
 *
 * ***************************************************************************/

/*
    Dimensiones de las Media Queries para los bloques
   ============================================================================

        sm <= 768px
        md <= 1024px
        bg > 1024px 

 * ***************************************************************************/



.issm-ui-block-sm-0, .issm-ui-block-md-0, .issm-ui-block-bg-0,
.issm-ui-block-sm-1, .issm-ui-block-sm-2, .issm-ui-block-sm-3, .issm-ui-block-sm-4, .issm-ui-block-sm-5, .issm-ui-block-sm-6, .issm-ui-block-sm-7, .issm-ui-block-sm-8, .issm-ui-block-sm-9, .issm-ui-block-sm-10,
.issm-ui-block-md-1, .issm-ui-block-md-2, .issm-ui-block-md-3, .issm-ui-block-md-4, .issm-ui-block-md-5, .issm-ui-block-md-6, .issm-ui-block-md-7, .issm-ui-block-md-8, .issm-ui-block-md-9, .issm-ui-block-md-10,
.issm-ui-block-bg-1, .issm-ui-block-bg-2, .issm-ui-block-bg-3, .issm-ui-block-bg-4, .issm-ui-block-bg-5, .issm-ui-block-bg-6, .issm-ui-block-bg-7, .issm-ui-block-bg-8, .issm-ui-block-bg-9, .issm-ui-block-bg-10,
.issm-ui-block-md-3-4, .issm-ui-block-md-2-4, .issm-ui-block-md-1-4, .issm-ui-block-md-2-3, .issm-ui-block-md-1-3,
.issm-ui-block-bg-3-4, .issm-ui-block-bg-2-4, .issm-ui-block-bg-1-4, .issm-ui-block-bg-2-3, .issm-ui-block-bg-1-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.25%;
    padding-left: 0.25%;
    overflow: hidden;
    display: block;
}

.issm-ui-block-sm-0, .issm-ui-block-md-0, .issm-ui-block-bg-0 {
    display: none;
}

.issm-ui-block-sm-1, .issm-ui-block-sm-2, .issm-ui-block-sm-3, .issm-ui-block-sm-4, .issm-ui-block-sm-5, .issm-ui-block-sm-6, .issm-ui-block-sm-7, .issm-ui-block-sm-8, .issm-ui-block-sm-9, .issm-ui-block-sm-10 {
    float: left;
}

.issm-ui-block-sm-10 {
    width: 100%;
}

.issm-ui-block-sm-9 {
    width: 90%;
}

.issm-ui-block-sm-8 {
    width: 80%;
}

.issm-ui-block-sm-7 {
    width: 70%;
}

.issm-ui-block-sm-6 {
    width: 60%;
}

.issm-ui-block-sm-5 {
    width: 50%;
}

.issm-ui-block-sm-4 {
    width: 40%;
}

.issm-ui-block-sm-3 {
    width: 30%;
}

.issm-ui-block-sm-2 {
    width: 20%;
}

.issm-ui-block-sm-1 {
    width: 10%;
}

.issm-ui-block-sm-3-4 {
    width: 75%;
}

.issm-ui-block-sm-2-4 {
    width: 50%;
}

.issm-ui-block-sm-1-4 {
    width: 25%;
}

.issm-ui-block-sm-2-3 {
    width: 66.666666%;
}

.issm-ui-block-sm-1-3 {
    width: 33.333333%;
}

.issm-ui-block-sm-right-10 {
    right: 100%;
}

.issm-ui-block-sm-right-9 {
    right: 90%;
}

.issm-ui-block-sm-right-8 {
    right: 80%;
}

.issm-ui-block-sm-right-7 {
    right: 70%;
}

.issm-ui-block-sm-right-6 {
    right: 60%;
}

.issm-ui-block-sm-right-5 {
    right: 50%;
}

.issm-ui-block-sm-right-4 {
    right: 40%;
}

.issm-ui-block-sm-right-3 {
    right: 30%;
}

.issm-ui-block-sm-right-2 {
    right: 20%;
}

.issm-ui-block-sm-right-1 {
    right: 10%;
}

.issm-ui-block-sm-left-10 {
    left: 100%;
}

.issm-ui-block-sm-left-9 {
    left: 90%;
}

.issm-ui-block-sm-left-8 {
    left: 80%;
}

.issm-ui-block-sm-left-7 {
    left: 70%;
}

.issm-ui-block-sm-left-6 {
    left: 60%;
}

.issm-ui-block-sm-left-5 {
    left: 50%;
}

.issm-ui-block-sm-left-4 {
    left: 40%;
}

.issm-ui-block-sm-left-3 {
    left: 30%;
}

.issm-ui-block-sm-left-2 {
    left: 20%;
}

.issm-ui-block-sm-left-1 {
    left: 10%;
}

.issm-ui-block-sm-offset-10 {
    margin-left: 100%;
}

.issm-ui-block-sm-offset-9 {
    margin-left: 90%;
}

.issm-ui-block-sm-offset-8 {
    margin-left: 80%;
}

.issm-ui-block-sm-offset-7 {
    margin-left: 70%;
}

.issm-ui-block-sm-offset-6 {
    margin-left: 60%;
}

.issm-ui-block-sm-offset-5 {
    margin-left: 50%;
}

.issm-ui-block-sm-offset-4 {
    margin-left: 40%;
}

.issm-ui-block-sm-offset-3 {
    margin-left: 30%;
}

.issm-ui-block-sm-offset-2 {
    margin-left: 20%;
}

.issm-ui-block-sm-offset-1 {
    margin-left: 10%;
}



@media (min-width: 768px) {

    .issm-ui-block-sm-left-1, .issm-ui-block-sm-left-2, .issm-ui-block-sm-left-3, .issm-ui-block-sm-left-4, .issm-ui-block-sm-left-5, .issm-ui-block-sm-left-6, .issm-ui-block-sm-left-7, .issm-ui-block-sm-left-8, .issm-ui-block-sm-left-9, .issm-ui-block-sm-left-10 {
        left: auto;
    }

    .issm-ui-block-md-1, .issm-ui-block-md-2, .issm-ui-block-md-3, .issm-ui-block-md-4, .issm-ui-block-md-5, .issm-ui-block-md-6, .issm-ui-block-md-7, .issm-ui-block-md-8, .issm-ui-block-md-9, .issm-ui-block-md-10,
    .issm-ui-block-md-3-4, .issm-ui-block-md-2-4, .issm-ui-block-md-1-4, .issm-ui-block-md-2-3, .issm-ui-block-md-1-3 {
        float: left;
        display: block;
    }

    .issm-ui-block-md-10 {
        width: 100%;
    }

    .issm-ui-block-md-9 {
        width: 90%;
    }

    .issm-ui-block-md-8 {
        width: 80%;
    }

    .issm-ui-block-md-7 {
        width: 70%;
    }

    .issm-ui-block-md-6 {
        width: 60%;
    }

    .issm-ui-block-md-5 {
        width: 50%;
    }

    .issm-ui-block-md-4 {
        width: 40%;
    }

    .issm-ui-block-md-3 {
        width: 30%;
    }

    .issm-ui-block-md-2 {
        width: 20%;
    }

    .issm-ui-block-md-1 {
        width: 10%;
    }

    .issm-ui-block-md-3-4 {
        width: 75%;
    }

    .issm-ui-block-md-2-4 {
        width: 50%;
    }

    .issm-ui-block-md-1-4 {
        width: 25%;
    }

    .issm-ui-block-md-2-3 {
        width: 66.666666%;
    }

    .issm-ui-block-md-1-3 {
        width: 33.333333%;
    }

    .issm-ui-block-md-right-10 {
        right: 100%;
    }

    .issm-ui-block-md-right-9 {
        right: 90%;
    }

    .issm-ui-block-md-right-8 {
        right: 80%;
    }

    .issm-ui-block-md-right-7 {
        right: 70%;
    }

    .issm-ui-block-md-right-6 {
        right: 60%;
    }

    .issm-ui-block-md-right-5 {
        right: 50%;
    }

    .issm-ui-block-md-right-4 {
        right: 40%;
    }

    .issm-ui-block-md-right-3 {
        right: 30%;
    }

    .issm-ui-block-md-right-2 {
        right: 20%;
    }

    .issm-ui-block-md-right-1 {
        right: 10%;
    }

    .issm-ui-block-md-left-10 {
        left: 100%;
    }

    .issm-ui-block-md-left-9 {
        left: 90%;
    }

    .issm-ui-block-md-left-8 {
        left: 80%;
    }

    .issm-ui-block-md-left-7 {
        left: 70%;
    }

    .issm-ui-block-md-left-6 {
        left: 60%;
    }

    .issm-ui-block-md-left-5 {
        left: 50%;
    }

    .issm-ui-block-md-left-4 {
        left: 40%;
    }

    .issm-ui-block-md-left-3 {
        left: 30%;
    }

    .issm-ui-block-md-left-2 {
        left: 20%;
    }

    .issm-ui-block-md-left-1 {
        left: 10%;
    }

    .issm-ui-block-md-offset-10 {
        margin-left: 100%;
    }

    .issm-ui-block-md-offset-9 {
        margin-left: 90%;
    }

    .issm-ui-block-md-offset-8 {
        margin-left: 80%;
    }

    .issm-ui-block-md-offset-7 {
        margin-left: 70%;
    }

    .issm-ui-block-md-offset-6 {
        margin-left: 60%;
    }

    .issm-ui-block-md-offset-5 {
        margin-left: 50%;
    }

    .issm-ui-block-md-offset-4 {
        margin-left: 40%;
    }

    .issm-ui-block-md-offset-3 {
        margin-left: 30%;
    }

    .issm-ui-block-md-offset-2 {
        margin-left: 20%;
    }

    .issm-ui-block-md-offset-1 {
        margin-left: 10%;
    }
}

@media (min-width: 1024px) {

    .issm-ui-block-sm-left-1, .issm-ui-block-sm-left-2, .issm-ui-block-sm-left-3, .issm-ui-block-sm-left-4, .issm-ui-block-sm-left-5, .issm-ui-block-sm-left-6, .issm-ui-block-sm-left-7, .issm-ui-block-sm-left-8, .issm-ui-block-sm-left-9, .issm-ui-block-sm-left-10,
    .issm-ui-block-md-left-1, .issm-ui-block-md-left-2, .issm-ui-block-md-left-3, .issm-ui-block-md-left-4, .issm-ui-block-md-left-5, .issm-ui-block-md-left-6, .issm-ui-block-md-left-7, .issm-ui-block-md-left-8, .issm-ui-block-md-left-9, .issm-ui-block-md-left-10 {
        left: auto;
    }

    .issm-ui-block-bg-1, .issm-ui-block-bg-2, .issm-ui-block-bg-3, .issm-ui-block-bg-4, .issm-ui-block-bg-5, .issm-ui-block-bg-6, .issm-ui-block-bg-7, .issm-ui-block-bg-8, .issm-ui-block-bg-9, .issm-ui-block-bg-10,
    .issm-ui-block-bg-3-4, .issm-ui-block-bg-2-4, .issm-ui-block-bg-1-4, .issm-ui-block-bg-2-3, .issm-ui-block-bg-1-3 {
        float: left;
        display: block;
    }

    .issm-ui-block-bg-10 {
        width: 100%;
    }

    .issm-ui-block-bg-9 {
        width: 90%;
    }

    .issm-ui-block-bg-8 {
        width: 80%;
    }

    .issm-ui-block-bg-7 {
        width: 70%;
    }

    .issm-ui-block-bg-6 {
        width: 60%;
    }

    .issm-ui-block-bg-5 {
        width: 50%;
    }

    .issm-ui-block-bg-4 {
        width: 40%;
    }

    .issm-ui-block-bg-3 {
        width: 30%;
    }

    .issm-ui-block-bg-2 {
        width: 20%;
    }

    .issm-ui-block-bg-1 {
        width: 10%;
    }

    .issm-ui-block-bg-3-4 {
        width: 75%;
    }

    .issm-ui-block-bg-2-4 {
        width: 50%;
    }

    .issm-ui-block-bg-1-4 {
        width: 25%;
    }

    .issm-ui-block-bg-2-3 {
        width: 66.666666%;
    }

    .issm-ui-block-bg-1-3 {
        width: 33.333333%;
    }

    .issm-ui-block-bg-right-10 {
        right: 100%;
    }

    .issm-ui-block-bg-right-9 {
        right: 90%;
    }

    .issm-ui-block-bg-right-8 {
        right: 80%;
    }

    .issm-ui-block-bg-right-7 {
        right: 70%;
    }

    .issm-ui-block-bg-right-6 {
        right: 60%;
    }

    .issm-ui-block-bg-right-5 {
        right: 50%;
    }

    .issm-ui-block-bg-right-4 {
        right: 40%;
    }

    .issm-ui-block-bg-right-3 {
        right: 30%;
    }

    .issm-ui-block-bg-right-2 {
        right: 20%;
    }

    .issm-ui-block-bg-right-1 {
        right: 10%;
    }

    .issm-ui-block-bg-left-10 {
        left: 100%;
    }

    .issm-ui-block-bg-left-9 {
        left: 90%;
    }

    .issm-ui-block-bg-left-8 {
        left: 80%;
    }

    .issm-ui-block-bg-left-7 {
        left: 70%;
    }

    .issm-ui-block-bg-left-6 {
        left: 60%;
    }

    .issm-ui-block-bg-left-5 {
        left: 50%;
    }

    .issm-ui-block-bg-left-4 {
        left: 40%;
    }

    .issm-ui-block-bg-left-3 {
        left: 30%;
    }

    .issm-ui-block-bg-left-2 {
        left: 20%;
    }

    .issm-ui-block-bg-left-1 {
        left: 10%;
    }

    .issm-ui-block-bg-offset-10 {
        margin-left: 100%;
    }

    .issm-ui-block-bg-offset-9 {
        margin-left: 90%;
    }

    .issm-ui-block-bg-offset-8 {
        margin-left: 80%;
    }

    .issm-ui-block-bg-offset-7 {
        margin-left: 70%;
    }

    .issm-ui-block-bg-offset-6 {
        margin-left: 60%;
    }

    .issm-ui-block-bg-offset-5 {
        margin-left: 50%;
    }

    .issm-ui-block-bg-offset-4 {
        margin-left: 40%;
    }

    .issm-ui-block-bg-offset-3 {
        margin-left: 30%;
    }

    .issm-ui-block-bg-offset-2 {
        margin-left: 20%;
    }

    .issm-ui-block-bg-offset-1 {
        margin-left: 10%;
    }
}


/* Alineación bloque */

.issm-ui-block-clear {
    clear: both;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .issm-ui-block-md-clear {
        clear: both;
    }
}

.issm-ui-block-left {
    float: left;
}

.issm-ui-block-right {
    float: right;
}


/* Fondos estandar para los bloques */

.issm-ui-background-block-silver {
    background-color: rgba(0,0,0, .1);
}

.issm-ui-background-block-gris {
    background-color: rgba(0,0,0, .25);
}

.issm-ui-blackground-block-white {
    background-color: rgba(255,255, 255, 1);
}

.issm-ui-background-block-negro {
    background-color: black;
    color: white;
}

    .issm-ui-background-block-negro h1 {
        color: white;
    }


/* Bordes */

.issm-ui-border-bottom-block-sm {
    border-bottom: 3px double silver;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

@media (min-width: 768px) {

    .issm-ui-border-bottom-block-sm {
        border-bottom: none;
        padding-bottom: .5em;
        margin-bottom: 1em;
    }
}

@media (min-width: 1024px) {

    .issm-ui-border-bottom-block-sm {
        border-bottom: none;
        padding-bottom: .5em;
        margin-bottom: 1em;
    }
}






/* Margen Vertical */
.issm-ui-margin-v-sm {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.issm-ui-margin-v-md {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.issm-ui-margin-v-bg {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.issm-ui-margin-v-xbg {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Margen Horizontal */
.issm-ui-margin-h-sm {
    margin-left: 0;
    margin-right: 0;
}

.issm-ui-margin-h-md {
    margin-left: 0;
    margin-right: 0;
}

.issm-ui-margin-h-bg {
    margin-left: 0;
    margin-right: 0;
}

.issm-ui-margin-h-xbg {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 768px) {
    .issm-ui-margin-h-sm {
        margin-left: 0.125em;
        margin-right: 0.125em;
    }

    .issm-ui-margin-h-md {
        margin-left: 0.25em;
        margin-right: 0.25em;
    }

    .issm-ui-margin-h-bg {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .issm-ui-margin-h-xbg {
        margin-left: 0.75em;
        margin-right: 0.75em;
    }
}

@media (min-width: 1024px) {
    .issm-ui-margin-h-sm {
        margin-left: 0.25em;
        margin-right: 0.25em;
    }

    .issm-ui-margin-h-md {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .issm-ui-margin-h-bg {
        margin-left: 0.75em;
        margin-right: 0.75em;
    }

    .issm-ui-margin-h-xbg {
        margin-left: 1em;
        margin-right: 1em;
    }
}


/* Padding */

.issm-ui-padding-sm {
    padding: 0.25em !important;
}

.issm-ui-padding-md {
    padding: 0.5em !important;
}

.issm-ui-padding-bg {
    padding: 0.75em !important;
}

.issm-ui-padding-xbg {
    padding: 1em !important;
}


/* Padding Vertical */

.issm-ui-padding-v-sm {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

.issm-ui-padding-v-md {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.issm-ui-padding-v-bg {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.issm-ui-padding-v-xbg {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}



/* Padding Horizontal */

.issm-ui-padding-h-sm {
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.issm-ui-padding-h-md {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.issm-ui-padding-h-bg {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.issm-ui-padding-h-xbg {
    padding-left: 1em !important;
    padding-right: 1em !important;
}


/* Centrar contenido block */
.issm-ui-content-center {
    float: none;
    text-align: center;
}

/* Alinear a la derecha contenido block */
.issm-ui-content-right {
    float: none;
    text-align: right;
}


/* 
    Establece la altura fija del bloque (en 'em')
*******************************************************/
.issm-ui-block-fixed-v-xsm {
    height: 10em;
}

.issm-ui-block-fixed-v-sm {
    height: 20em;
}

.issm-ui-block-fixed-v-md {
    height: 25em;
}

.issm-ui-block-fixed-v-bg {
    height: 30em;
}

.issm-ui-block-fixed-v-xbg {
    height: 40em;
}

.issm-ui-block-fixed-v-xxbg {
    height: 50em;
}





/*
    Imagen dentro de un bloque (background-imagen)
*******************************************************************/
div.ui-blk-image,
div.issm-ui-block-image {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}


/*
    Establece um borde superior e inferior para decorar bloques.

     - En especial bloque con una imagen.
******************************************************************/
.issm-ui-block-decoration-image {
    background-color: aliceblue;
    border-top: 1px solid black;
    border-bottom: 3px solid black;
}

    .issm-ui-block-decoration-image h1,
    .issm-ui-block-decoration-image h2,
    .issm-ui-block-decoration-image h3 {
        font-variant: small-caps;
        text-shadow: 2px 2px silver;
    }


/*
    Bloque con una tabla (hacer responsive).
*****************************************************************/
@media (max-width: 768px) {
    .issm-ui-table-responsive {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 1px solid #dddddd;
    }

        .issm-ui-table-responsive > .ui-table {
            margin-bottom: 0;
            background-color: #fff;
        }
}

/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 3 de julio de 2016.
 *
 *  Estilos para los bloques.  Versión 2.0
 *
 *
 *  Ultima revisión: 8 de diciembre de 2016 a las 16:20
 *
 * ***************************************************************************/

/*
    Dimensiones de las Media Queries para los bloques
   ============================================================================

        sm <= 768px
        md <= 1024px
        bg > 1024px 

 * ***************************************************************************/

/*
    Estilos para establecer la altura del bloque.
    - .ui-blk-fx-v-10 (v-xsm)
    - .ui-blk-fx-v-20 (v-sm)
    - .ui-blk-fx-v-25 (v-md)
    - .ui-blk-fx-v-30 (v-bg)
    - .ui-blk-fx-v-40 (v-xbg)
    - .ui-blk-fx-v-50 (v-xxbg)

    Estilos para establecer la altura mínima del bloque.     
     - .ui-blk-min
     - .ui-blk-vh-min-30, 40, 50, 60, 70, 80, 90.

    Estilos para establecer el ancho fijo del bloque.
     - .ui-blk-fx-w-4 6 8 10 12


 * ***************************************************************************/


.ui-blk-sm-0, .ui-blk-md-0, .ui-blk-bg-0,
.ui-blk-sm-1, .ui-blk-sm-2, .ui-blk-sm-3, .ui-blk-sm-4, .ui-blk-sm-5, .ui-blk-sm-6, .ui-blk-sm-7, .ui-blk-sm-8, .ui-blk-sm-9, .ui-blk-sm-10,
.ui-blk-md-1, .ui-blk-md-2, .ui-blk-md-3, .ui-blk-md-4, .ui-blk-md-5, .ui-blk-md-6, .ui-blk-md-7, .ui-blk-md-8, .ui-blk-md-9, .ui-blk-md-10,
.ui-blk-bg-1, .ui-blk-bg-2, .ui-blk-bg-3, .ui-blk-bg-4, .ui-blk-bg-5, .ui-blk-bg-6, .ui-blk-bg-7, .ui-blk-bg-8, .ui-blk-bg-9, .ui-blk-bg-10,
.ui-blk-md-3-4, .ui-blk-md-2-4, .ui-blk-md-1-4, .ui-blk-md-2-3, .ui-blk-md-1-3,
.ui-blk-bg-3-4, .ui-blk-bg-2-4, .ui-blk-bg-1-4, .ui-blk-bg-2-3, .ui-blk-bg-1-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.25%;
    padding-left: 0.25%;
    overflow: hidden;
    display: block;
}

.ui-blk-sm-0, .ui-blk-md-0, .ui-blk-bg-0 {
    display: none;
}

.ui-blk-sm-1, .ui-blk-sm-2, .ui-blk-sm-3, .ui-blk-sm-4, .ui-blk-sm-5, .ui-blk-sm-6, .ui-blk-sm-7, .ui-blk-sm-8, .ui-blk-sm-9, .ui-blk-sm-10 {
    float: left;
}

.ui-blk-sm-10 {
    width: 100%;
}

.ui-blk-sm-9 {
    width: 90%;
}

.ui-blk-sm-8 {
    width: 80%;
}

.ui-blk-sm-7 {
    width: 70%;
}

.ui-blk-sm-6 {
    width: 60%;
}

.ui-blk-sm-5 {
    width: 50%;
}

.ui-blk-sm-4 {
    width: 40%;
}

.ui-blk-sm-3 {
    width: 30%;
}

.ui-blk-sm-2 {
    width: 20%;
}

.ui-blk-sm-1 {
    width: 10%;
}

.ui-blk-sm-3-4 {
    width: 75%;
}

.ui-blk-sm-2-4 {
    width: 50%;
}

.ui-blk-sm-1-4 {
    width: 25%;
}

.ui-blk-sm-2-3 {
    width: 66.666666%;
}

.ui-blk-sm-1-3 {
    width: 33.333333%;
}

.ui-blk-sm-right-10 {
    right: 100%;
}

.ui-blk-sm-right-9 {
    right: 90%;
}

.ui-blk-sm-right-8 {
    right: 80%;
}

.ui-blk-sm-right-7 {
    right: 70%;
}

.ui-blk-sm-right-6 {
    right: 60%;
}

.ui-blk-sm-right-5 {
    right: 50%;
}

.ui-blk-sm-right-4 {
    right: 40%;
}

.ui-blk-sm-right-3 {
    right: 30%;
}

.ui-blk-sm-right-2 {
    right: 20%;
}

.ui-blk-sm-right-1 {
    right: 10%;
}

.ui-blk-sm-left-10 {
    left: 100%;
}

.ui-blk-sm-left-9 {
    left: 90%;
}

.ui-blk-sm-left-8 {
    left: 80%;
}

.ui-blk-sm-left-7 {
    left: 70%;
}

.ui-blk-sm-left-6 {
    left: 60%;
}

.ui-blk-sm-left-5 {
    left: 50%;
}

.ui-blk-sm-left-4 {
    left: 40%;
}

.ui-blk-sm-left-3 {
    left: 30%;
}

.ui-blk-sm-left-2 {
    left: 20%;
}

.ui-blk-sm-left-1 {
    left: 10%;
}

.ui-blk-sm-offset-10 {
    margin-left: 100%;
}

.ui-blk-sm-offset-9 {
    margin-left: 90%;
}

.ui-blk-sm-offset-8 {
    margin-left: 80%;
}

.ui-blk-sm-offset-7 {
    margin-left: 70%;
}

.ui-blk-sm-offset-6 {
    margin-left: 60%;
}

.ui-blk-sm-offset-5 {
    margin-left: 50%;
}

.ui-blk-sm-offset-4 {
    margin-left: 40%;
}

.ui-blk-sm-offset-3 {
    margin-left: 30%;
}

.ui-blk-sm-offset-2 {
    margin-left: 20%;
}

.ui-blk-sm-offset-1 {
    margin-left: 10%;
}



@media (min-width: 768px) {

    .ui-blk-sm-left-1, .ui-blk-sm-left-2, .ui-blk-sm-left-3, .ui-blk-sm-left-4, .ui-blk-sm-left-5, .ui-blk-sm-left-6, .ui-blk-sm-left-7, .ui-blk-sm-left-8, .ui-blk-sm-left-9, .ui-blk-sm-left-10 {
        left: auto;
    }

    .ui-blk-md-1, .ui-blk-md-2, .ui-blk-md-3, .ui-blk-md-4, .ui-blk-md-5, .ui-blk-md-6, .ui-blk-md-7, .ui-blk-md-8, .ui-blk-md-9, .ui-blk-md-10,
    .ui-blk-md-3-4, .ui-blk-md-2-4, .ui-blk-md-1-4, .ui-blk-md-2-3, .ui-blk-md-1-3 {
        float: left;
        display: block;
    }

    .ui-blk-md-10 {
        width: 100%;
    }

    .ui-blk-md-9 {
        width: 90%;
    }

    .ui-blk-md-8 {
        width: 80%;
    }

    .ui-blk-md-7 {
        width: 70%;
    }

    .ui-blk-md-6 {
        width: 60%;
    }

    .ui-blk-md-5 {
        width: 50%;
    }

    .ui-blk-md-4 {
        width: 40%;
    }

    .ui-blk-md-3 {
        width: 30%;
    }

    .ui-blk-md-2 {
        width: 20%;
    }

    .ui-blk-md-1 {
        width: 10%;
    }

    .ui-blk-md-3-4 {
        width: 75%;
    }

    .ui-blk-md-2-4 {
        width: 50%;
    }

    .ui-blk-md-1-4 {
        width: 25%;
    }

    .ui-blk-md-2-3 {
        width: 66.666666%;
    }

    .ui-blk-md-1-3 {
        width: 33.333333%;
    }

    .ui-blk-md-right-10 {
        right: 100%;
    }

    .ui-blk-md-right-9 {
        right: 90%;
    }

    .ui-blk-md-right-8 {
        right: 80%;
    }

    .ui-blk-md-right-7 {
        right: 70%;
    }

    .ui-blk-md-right-6 {
        right: 60%;
    }

    .ui-blk-md-right-5 {
        right: 50%;
    }

    .ui-blk-md-right-4 {
        right: 40%;
    }

    .ui-blk-md-right-3 {
        right: 30%;
    }

    .ui-blk-md-right-2 {
        right: 20%;
    }

    .ui-blk-md-right-1 {
        right: 10%;
    }

    .ui-blk-md-left-10 {
        left: 100%;
    }

    .ui-blk-md-left-9 {
        left: 90%;
    }

    .ui-blk-md-left-8 {
        left: 80%;
    }

    .ui-blk-md-left-7 {
        left: 70%;
    }

    .ui-blk-md-left-6 {
        left: 60%;
    }

    .ui-blk-md-left-5 {
        left: 50%;
    }

    .ui-blk-md-left-4 {
        left: 40%;
    }

    .ui-blk-md-left-3 {
        left: 30%;
    }

    .ui-blk-md-left-2 {
        left: 20%;
    }

    .ui-blk-md-left-1 {
        left: 10%;
    }

    .ui-blk-md-offset-10 {
        margin-left: 100%;
    }

    .ui-blk-md-offset-9 {
        margin-left: 90%;
    }

    .ui-blk-md-offset-8 {
        margin-left: 80%;
    }

    .ui-blk-md-offset-7 {
        margin-left: 70%;
    }

    .ui-blk-md-offset-6 {
        margin-left: 60%;
    }

    .ui-blk-md-offset-5 {
        margin-left: 50%;
    }

    .ui-blk-md-offset-4 {
        margin-left: 40%;
    }

    .ui-blk-md-offset-3 {
        margin-left: 30%;
    }

    .ui-blk-md-offset-2 {
        margin-left: 20%;
    }

    .ui-blk-md-offset-1 {
        margin-left: 10%;
    }
}

@media (min-width: 1024px) {

    .ui-blk-sm-left-1, .ui-blk-sm-left-2, .ui-blk-sm-left-3, .ui-blk-sm-left-4, .ui-blk-sm-left-5, .ui-blk-sm-left-6, .ui-blk-sm-left-7, .ui-blk-sm-left-8, .ui-blk-sm-left-9, .ui-blk-sm-left-10,
    .ui-blk-md-left-1, .ui-blk-md-left-2, .ui-blk-md-left-3, .ui-blk-md-left-4, .ui-blk-md-left-5, .ui-blk-md-left-6, .ui-blk-md-left-7, .ui-blk-md-left-8, .ui-blk-md-left-9, .ui-blk-md-left-10 {
        left: auto;
    }

    .ui-blk-bg-1, .ui-blk-bg-2, .ui-blk-bg-3, .ui-blk-bg-4, .ui-blk-bg-5, .ui-blk-bg-6, .ui-blk-bg-7, .ui-blk-bg-8, .ui-blk-bg-9, .ui-blk-bg-10,
    .ui-blk-bg-3-4, .ui-blk-bg-2-4, .ui-blk-bg-1-4, .ui-blk-bg-2-3, .ui-blk-bg-1-3 {
        float: left;
        display: block;
    }

    .ui-blk-bg-10 {
        width: 100%;
    }

    .ui-blk-bg-9 {
        width: 90%;
    }

    .ui-blk-bg-8 {
        width: 80%;
    }

    .ui-blk-bg-7 {
        width: 70%;
    }

    .ui-blk-bg-6 {
        width: 60%;
    }

    .ui-blk-bg-5 {
        width: 50%;
    }

    .ui-blk-bg-4 {
        width: 40%;
    }

    .ui-blk-bg-3 {
        width: 30%;
    }

    .ui-blk-bg-2 {
        width: 20%;
    }

    .ui-blk-bg-1 {
        width: 10%;
    }

    .ui-blk-bg-3-4 {
        width: 75%;
    }

    .ui-blk-bg-2-4 {
        width: 50%;
    }

    .ui-blk-bg-1-4 {
        width: 25%;
    }

    .ui-blk-bg-2-3 {
        width: 66.666666%;
    }

    .ui-blk-bg-1-3 {
        width: 33.333333%;
    }

    .ui-blk-bg-right-10 {
        right: 100%;
    }

    .ui-blk-bg-right-9 {
        right: 90%;
    }

    .ui-blk-bg-right-8 {
        right: 80%;
    }

    .ui-blk-bg-right-7 {
        right: 70%;
    }

    .ui-blk-bg-right-6 {
        right: 60%;
    }

    .ui-blk-bg-right-5 {
        right: 50%;
    }

    .ui-blk-bg-right-4 {
        right: 40%;
    }

    .ui-blk-bg-right-3 {
        right: 30%;
    }

    .ui-blk-bg-right-2 {
        right: 20%;
    }

    .ui-blk-bg-right-1 {
        right: 10%;
    }

    .ui-blk-bg-left-10 {
        left: 100%;
    }

    .ui-blk-bg-left-9 {
        left: 90%;
    }

    .ui-blk-bg-left-8 {
        left: 80%;
    }

    .ui-blk-bg-left-7 {
        left: 70%;
    }

    .ui-blk-bg-left-6 {
        left: 60%;
    }

    .ui-blk-bg-left-5 {
        left: 50%;
    }

    .ui-blk-bg-left-4 {
        left: 40%;
    }

    .ui-blk-bg-left-3 {
        left: 30%;
    }

    .ui-blk-bg-left-2 {
        left: 20%;
    }

    .ui-blk-bg-left-1 {
        left: 10%;
    }

    .ui-blk-bg-offset-10 {
        margin-left: 100%;
    }

    .ui-blk-bg-offset-9 {
        margin-left: 90%;
    }

    .ui-blk-bg-offset-8 {
        margin-left: 80%;
    }

    .ui-blk-bg-offset-7 {
        margin-left: 70%;
    }

    .ui-blk-bg-offset-6 {
        margin-left: 60%;
    }

    .ui-blk-bg-offset-5 {
        margin-left: 50%;
    }

    .ui-blk-bg-offset-4 {
        margin-left: 40%;
    }

    .ui-blk-bg-offset-3 {
        margin-left: 30%;
    }

    .ui-blk-bg-offset-2 {
        margin-left: 20%;
    }

    .ui-blk-bg-offset-1 {
        margin-left: 10%;
    }
}


/* Alineación bloque */

.ui-blk-clear {
    clear: both;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ui-blk-md-clear {
        clear: both;
    }
}

.ui-blk-left {
    float: left;
}

.ui-blk-right {
    float: right;
}


/* Fondos estandar para los bloques */

.ui-blk-bkg-silver {
    background-color: rgba(0,0,0, .1);
}

.ui-blk-bkg-gray {
    background-color: rgba(0,0,0, .25);
}

.ui-blk-bkg-white {
    background-color: rgba(255,255, 255, 1);
}

.ui-blk-bkg-black {
    background-color: black;
    color: white;
}

    .ui-blk-bkg-black h1 {
        color: white;
    }


/* Bordes */

.ui-blk-border-bottom-sm {
    border-bottom: 3px double silver;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

@media (min-width: 768px) {

    .ui-blk-border-bottom-sm {
        border-bottom: none;
        padding-bottom: .5em;
        margin-bottom: 1em;
    }
}

@media (min-width: 1024px) {

    .ui-blk-border-bottom-sm {
        border-bottom: none;
        padding-bottom: .5em;
        margin-bottom: 1em;
    }
}










/* Padding */

.ui-pddg-sm {
    padding: 0.25em !important;
}

.ui-pddg-md {
    padding: 0.5em !important;
}

.ui-pddg-bg {
    padding: 0.75em !important;
}

.ui-pddg-xbg {
    padding: 1em !important;
}


/* Padding Vertical */

.ui-pddg-v-sm {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

.ui-pddg-v-md {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.ui-pddg-v-bg {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.ui-pddg-v-xbg {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}



/* Padding Horizontal */

.ui-pddg-h-sm {
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.ui-pddg-h-md {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.ui-pddg-h-bg {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.ui-pddg-h-xbg {
    padding-left: 1em !important;
    padding-right: 1em !important;
}


/* Centrar contenido block */

.ui-cnt-center {
    float: none;
    text-align: center;
}

/* Alinear a la derecha contenido block */
.ui-cnt-right {
    float: none;
    text-align: right;
}


/* Establece la altura fija del bloque (en 'em') */

.ui-blk-fx-v-10,
.ui-blk-fixed-v-xsm {
    height: 10em;
}

.ui-blk-fx-v-20,
.ui-blk-fixed-v-sm {
    height: 20em;
}

.ui-blk-fx-v-25,
.ui-blk-fixed-v-md {
    height: 25em;
}

.ui-blk-fx-v-30,
.ui-blk-fixed-v-bg {
    height: 30em;
}

.ui-blk-fx-v-40,
.ui-blk-fixed-v-xbg {
    height: 40em;
}

.ui-blk-fx-v-50,
.ui-blk-fixed-v-xxbg {
    height: 50em;
}



/* Estilos para establecer la altura mínima del bloque */

.ui-blk-min-30,
.ui-blk-vh-min-30 {
    min-height: 360px;
    min-height: 30vh;
}

.ui-blk-min-40,
.ui-blk-vh-min-40 {
    min-height: 440px;
    min-height: 40vh;
}

.ui-blk-min-50,
.ui-blk-vh-min-50 {
    min-height: 480px;
    min-height: 50vh;
}

.ui-blk-min-60,
.ui-blk-vh-min-60 {
    min-height: 480px;
    min-height: 60vh;
}

.ui-blk-min-70,
.ui-blk-vh-min-70 {
    min-height: 540px;
    min-height: 70vh;
}

.ui-blk-min-80,
.ui-blk-vh-min-80 {
    min-height: 580px;
    min-height: 80vh;
}

.ui-blk-min-90,
.ui-blk-vh-min-90 {
    min-height: 640px;
    min-height: 90vh;
}


/* Establecer el ancho fijo del bloque (en 'em') */

.ui-blk-fx-w-4 {
    width: 4em;
}

.ui-blk-fx-w-6 {
    width: 6em;
}

.ui-blk-fx-w-8 {
    width: 8em;
}

.ui-blk-fx-w-10 {
    width: 10em;
}

.ui-blk-fx-w-12 {
    width: 12em;
}

/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 11 de junio de 2016.
 *
 *  Estilos para los formularios.  Versión 1.0
 *
 *   Ultima revisión: 23 de noviembre de 2016 a las 22:30.
 *
 * *****************************************************************/

/* Línea para el label y control */

.issm-ui-block-form-sm {
    position: relative;
    width: 99.50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0.125em auto 0.25em auto;
    padding-left: 0.125em;
    padding-right: 0.125em;
}

/* Tamaños para bloques de formularios */

.issm-ui-block-form-sm-0, .issm-ui-block-form-md-0, .issm-ui-block-form-bg-0,
.issm-ui-block-form-sm-1, .issm-ui-block-form-sm-2, .issm-ui-block-form-sm-3, .issm-ui-block-form-sm-4, .issm-ui-block-form-sm-5, .issm-ui-block-form-sm-6, .issm-ui-block-form-sm-7, .issm-ui-block-form-sm-8, .issm-ui-block-form-sm-9, .issm-ui-block-form-sm-10,
.issm-ui-block-form-md-1, .issm-ui-block-form-md-2, .issm-ui-block-form-md-3, .issm-ui-block-form-md-4, .issm-ui-block-form-md-5, .issm-ui-block-form-md-6, .issm-ui-block-form-md-7, .issm-ui-block-form-md-8, .issm-ui-block-form-md-9, .issm-ui-block-form-md-10,
.issm-ui-block-form-bg-1, .issm-ui-block-form-bg-2, .issm-ui-block-form-bg-3, .issm-ui-block-form-bg-4, .issm-ui-block-form-bg-5, .issm-ui-block-form-bg-6, .issm-ui-block-form-bg-7, .issm-ui-block-form-bg-8, .issm-ui-block-form-bg-9, .issm-ui-block-form-bg-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.25em;
    padding-left: 0.25em;
    overflow: hidden;
}

.issm-ui-block-form-sm-0, .issm-ui-block-form-md-0, .issm-ui-block-form-bg-0 {
    display: none;
}

.issm-ui-block-form-sm-1, .issm-ui-block-form-sm-2, .issm-ui-block-form-sm-3, .issm-ui-block-form-sm-4, .issm-ui-block-form-sm-5, .issm-ui-block-form-sm-6, .issm-ui-block-form-sm-7, .issm-ui-block-form-sm-8, .issm-ui-block-form-sm-9, .issm-ui-block-form-sm-10 {
    margin: 0.25em auto 0.75em auto;
}

.issm-ui-block-form-sm-10 {
    width: 99.50%;
}

.issm-ui-block-form-sm-9 {
    width: 89.50%;
}

.issm-ui-block-form-sm-8 {
    width: 79.50%;
}

.issm-ui-block-form-sm-7 {
    width: 69.50%;
}

.issm-ui-block-form-sm-6 {
    width: 59.50%;
}

.issm-ui-block-form-sm-5 {
    width: 49.50%;
}

.issm-ui-block-form-sm-4 {
    width: 39.50%;
}

.issm-ui-block-form-sm-3 {
    width: 29.50%;
}

.issm-ui-block-form-sm-2 {
    width: 19.50%;
}

.issm-ui-block-form-sm-1 {
    width: 9.50%;
}

@media (min-width: 768px) {
    .issm-ui-block-form-md-1, .issm-ui-block-form-md-2, .issm-ui-block-form-md-3, .issm-ui-block-form-md-4, .issm-ui-block-form-md-5, .issm-ui-block-form-md-6, .issm-ui-block-form-md-7, .issm-ui-block-form-md-8, .issm-ui-block-form-md-9, .issm-ui-block-form-md-10 {
        margin: 0.25em auto 0.75em auto;
    }

    .issm-ui-block-form-md-10 {
        width: 100%;
    }

    .issm-ui-block-form-md-9 {
        width: 90%;
    }

    .issm-ui-block-form-md-8 {
        width: 80%;
    }

    .issm-ui-block-form-md-7 {
        width: 70%;
    }

    .issm-ui-block-form-md-6 {
        width: 60%;
    }

    .issm-ui-block-form-md-5 {
        width: 50%;
    }

    .issm-ui-block-form-md-4 {
        width: 40%;
    }

    .issm-ui-block-form-md-3 {
        width: 30%;
    }

    .issm-ui-block-form-md-2 {
        width: 20%;
    }

    .issm-ui-block-form-md-1 {
        width: 10%;
    }
}

@media (min-width: 1024px) {
    .issm-ui-block-form-bg-1, .issm-ui-block-form-bg-2, .issm-ui-block-form-bg-3, .issm-ui-block-form-bg-4, .issm-ui-block-form-bg-5, .issm-ui-block-form-bg-6, .issm-ui-block-form-bg-7, .issm-ui-block-form-bg-8, .issm-ui-block-form-bg-9, .issm-ui-block-form-bg-10 {
        margin: 0.25em auto 0.75em auto;
    }

    .issm-ui-block-form-bg-10 {
        width: 100%;
    }

    .issm-ui-block-form-bg-9 {
        width: 90%;
    }

    .issm-ui-block-form-bg-8 {
        width: 80%;
    }

    .issm-ui-block-form-bg-7 {
        width: 70%;
    }

    .issm-ui-block-form-bg-6 {
        width: 60%;
    }

    .issm-ui-block-form-bg-5 {
        width: 50%;
    }

    .issm-ui-block-form-bg-4 {
        width: 40%;
    }

    .issm-ui-block-form-bg-3 {
        width: 30%;
    }

    .issm-ui-block-form-bg-2 {
        width: 20%;
    }

    .issm-ui-block-form-bg-1 {
        width: 10%;
    }
}


.issm-ui-block-form-sm[class*="ui-checkbox"] > label,
.issm-ui-block-form-sm[class*="ui-checkbox"] > div .ui-checkbox {
    border-bottom: 1px solid #ddd;
}

.issm-ui-block-form-sm[class*="ui-checkbox"] > div {
    text-align: right;
}

.issm-ui-block-form-sm[class*="ui-checkbox"] input[type="checked"],
.issm-ui-block-form-sm[class*="ui-checkbox"] input[type="checkbox"] {
    position: absolute;
}

.issm-ui-block-form-sm[class*="ui-checkbox"] span {
    display: inline-block;
    margin-left: 2em;
}



/* Label con el titulo del control */
.issm-ui-block-form-sm label {
    min-height: 34px;
    padding: 6px 1em 3px 1em;
    margin: 0px auto 1px auto;
    text-align: left;
    vertical-align: top;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.225em;
    color: rgba(0,0,0, .5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {

    .issm-ui-block-form-sm label {
        text-align: right;
    }

    .issm-ui-block-form-sm[class*="ui-checkbox"] > label,
    .issm-ui-block-form-sm[class*="ui-checkbox"] > div .ui-checkbox {
        border-bottom: none;
    }

    .issm-ui-block-form-sm[class*="ui-checkbox"] > div {
        text-align: left;
    }
}

.issm-ui-block-form-sm .form-label,
.issm-ui-block-form-sm .ui-form-label {
    display: inline-block;
    overflow: hidden;
    height: 1.75em;
    line-height: 1.78em;
    padding: 3px 6px;
}

/*.issm-ui-block-form-sm .ui-form-control,
.issm-ui-block-form-sm .form-control {
    color: black !important;
    font-style: normal !important;
}*/

/* Dibuja el texto como si estuviera en imput */
/*
    ¡Obsoleto!
*/
.issm-ui-block-form-sm label.ui-form-display {
    /*min-height: 34px;*/
    padding: 6px 6px;
    /*margin: 0px auto 1px auto;*/
    font-style: normal;
    font-size: 1.25em;
    line-height: 1.225em;
    text-align: left;
    color: #333;
    background-color: #fbfbf6;
    border: 1px solid rgba(87, 87, 87, .35);
    outline: 0;
    border-radius: 4px;
}

.issm-ui-block-form-sm label.ui-form-display[class~='rec'] {
    background-color: #fdfdfa;
    border: 1px solid rgba(87, 87, 87, .25);
    border-radius: 0;
}

.issm-ui-block-form-sm label.ui-ctr-buscar {
    color: #bbb;
}

    .issm-ui-block-form-sm label.ui-ctr-buscar:hover {
        color: #333;
        cursor: pointer;
    }

    .issm-ui-block-form-sm label.ui-ctr-buscar:active {
        color: #999;
        font-size: 1.15em;
        line-height: 1.35em;
    }

.issm-ui-block-form-sm label.ui-ctr-quitar {
    display: block;
    color: #999;
    text-align: center;
    font-weight: 600;
    font-style: normal;
}

    .issm-ui-block-form-sm label.ui-ctr-quitar:hover {
        color: #333;
        cursor: pointer;
    }

    .issm-ui-block-form-sm label.ui-ctr-quitar:active {
        color: #999;
        font-size: 1.15em;
        line-height: 1.35em;
    }


/*
    ¡Obsoleto!
*/
.issm-ui-block-form-sm label.ui-form-display-info {
    display: block;
    width: 94%;
    min-height: 24px;
    padding: 3px 6px;
    margin: 1px auto 1px auto;
    font-style: normal;
    font-size: 1.1em;
    font-style: oblique;
    line-height: 1.45em;
    text-align: left;
    color: #2355ac;
    background-color: rgba(102, 175, 233, 0.3);
    border: 1px solid #66afe9;
    outline: 0;
    border-radius: 4px;
}


/* Div para el control a visualizar */
.issm-ui-block-form-sm div {
    display: inline-block;
    padding: 1px 3px 1px 3px;
}

    .issm-ui-block-form-sm div.ui-display {
        padding: 1px 6px 1px 4px;
    }

        .issm-ui-block-form-sm div.ui-display span {
            position: relative;
            width: auto;
            display: block;
            padding: 6px 6px;
            font-style: normal;
            font-size: 1.25em;
            line-height: 1.225em;
            text-align: left;
            color: black;
            background-color: #fafaf4;
            border: 1px solid rgba(87, 87, 87, .25);
            outline: 0;
            border-radius: 4px;
        }

    .issm-ui-block-form-sm div.ui-display-info {
        padding: 1px 6px 1px 4px;
    }

        .issm-ui-block-form-sm div.ui-display-info span {
            position: relative;
            width: auto;
            display: block;
            padding: 6px 6px;
            font-style: normal;
            font-size: 1.25em;
            line-height: 1.225em;
            text-align: left;
            color: #2355ac;
            background-color: rgba(102, 175, 233, 0.3);
            border: 1px solid #66afe9;
            outline: 0;
            border-radius: 4px;
        }

    .issm-ui-block-form-sm div.ui-display-alert {
        padding: 1px 6px 1px 4px;
    }

        .issm-ui-block-form-sm div.ui-display-alert span {
            position: relative;
            width: auto;
            display: block;
            padding: 6px 6px;
            font-style: normal;
            font-size: 1.25em;
            line-height: 1.225em;
            text-align: left;
            color: #a40909;
            background-color: rgb(255, 238, 238);
            border: 1px solid #cf4444;
            outline: 0;
            border-radius: 4px;
        }


.issm-ui-block-form-sm input[type="date"],
.issm-ui-block-form-sm input[type="time"],
.issm-ui-block-form-sm input[type="file"],
.issm-ui-block-form-sm input[type="datetime"],
.issm-ui-block-form-sm input[type="datetime-local"],
.issm-ui-block-form-sm input[type="month"],
.issm-ui-block-form-sm input[type="text"],
.issm-ui-block-form-sm input[type="button"],
.issm-ui-block-form-sm input[type="color"],
.issm-ui-block-form-sm input[type="email"],
.issm-ui-block-form-sm input[type="url"],
.issm-ui-block-form-sm input[type="number"],
.issm-ui-block-form-sm input[type="password"],
.issm-ui-block-form-sm input[type="tel"],
.issm-ui-block-form-sm textarea,
.issm-ui-block-form-sm select {
    width: 99%;
    height: auto;
    min-height: 34px;
    padding: 6px 6px;
    font-family: Verdana;
    font-size: 1.2em;
    line-height: 1.225em;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.issm-ui-block-form-sm textarea {
    overflow: hidden;
    overflow-y: auto;
}

.issm-ui-block-form-sm select {
    font-size: 1.1em;
}

.issm-ui-block-form-sm input[type='checked'],
.issm-ui-block-form-sm input[type='checkbox'] {
    position: relative;
    display: inline-block;
    float: left;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
}

.issm-ui-block-form-sm .ui-chbx-span-sm {
    position: relative;
    left: 0.5em;
    line-height: 1.75em;
    vertical-align: middle;
}



.form-control,
.ui-form-control {
    display: block;
    width: 99%;
    color: #000 !important;
    font-style: normal !important;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control:focus,
    .ui-form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .form-control[disabled],
    .ui-form-control[disabled],
    .form-control[readonly],
    .ui-form-control[readonly],
    fieldset[disabled] .form-control,
    fieldset[disabled] .ui-form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
    }








/* Titulo y subtitulos para dentro de los formularios */

.issm-ui-block-form-sm h1,
.issm-ui-block-form-sm h2,
.issm-ui-block-form-sm h3 {
    border-bottom: 1px solid gray;
    font-variant: small-caps;
}

.issm-ui-block-form-sm p {
    padding-left: 1.75em;
}



/* Fondos estandar para los formularios */

.issm-ui-background-form-gray {
    background-color: #dddddd;
    border: 1px solid black;
    padding-top: 1em;
    border-radius: 4px;
}

.issm-ui-background-form-blue {
    background-color: #c6e1f3;
    border: 1px solid #5f80b9;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-marc-doc-blue {
    border: 1px solid rgb(102, 175, 233);
    border-top: 0px;
    padding: 0;
}

.ui-title-doc-blue {
    margin: 0;
    background-color: rgba(102, 175, 233, 0.25);
    border-top: 1px solid rgb(102, 175, 233);
    /*border-bottom: 1px solid rgb(102, 175, 233);*/
}

    .ui-title-doc-blue h2 {
        color: rgb(102, 175, 233);
        padding-bottom: 6px;
    }

.issm-ui-background-form-white {
    background-color: white;
    border: 1px solid silver;
    padding-top: 1em;
    border-radius: 4px;
}

.issm-ui-background-form-display {
    background-color: white;
    border: 1px solid #eee;
    padding-top: 1em;
    border-radius: 4px;
}

.issm-ui-background-form-lightskyblue {
    background-color: lightskyblue;
    border: 1px solid steelblue;
    padding-top: 1em;
    border-radius: 4px;
}

.issm-ui-background-form-lemonchiffon {
    background-color: lemonchiffon;
    border: 1px solid steelblue;
    padding-top: 1em;
    border-radius: 4px;
}


/* Espaciados entre formularios */

.issm-ui-margin-bottom-form-sm {
    margin-bottom: 0.5em;
}

.issm-ui-margin-bottom-form-md {
    margin-bottom: 1em;
}

.issm-ui-margin-bottom-form-bg {
    margin-bottom: 1.5em;
}

.issm-ui-margin-v-form-sm {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.issm-ui-margin-v-form-md {
    margin-top: 1em;
    margin-bottom: 1em;
}

.issm-ui-margin-v-form-bg {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 11 de junio de 2016.
 *
 *  Estilos para los formularios.  Versión 1.0
 *
 *   Ultima revisión: 28 de noviembre de 2016 a las 12:00.
 *
 *  Tiene la nomenclaura más corta.
 *
 * *****************************************************************/

/* Línea para el label y control */

.ui-fm-blk-sm {
    position: relative;
    width: 99.50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0.0125em auto 0.125em auto;
    padding-left: 0.125em;
    padding-right: 0.125em;
}

/* Tamaños para bloques de formularios */

.ui-fm-blk-sm-0, .ui-fm-blk-md-0, .ui-fm-blk-bg-0,
.ui-fm-blk-sm-1, .ui-fm-blk-sm-2, .ui-fm-blk-sm-3, .ui-fm-blk-sm-4, .ui-fm-blk-sm-5, .ui-fm-blk-sm-6, .ui-fm-blk-sm-7, .ui-fm-blk-sm-8, .ui-fm-blk-sm-9, .ui-fm-blk-sm-10,
.ui-fm-blk-md-1, .ui-fm-blk-md-2, .ui-fm-blk-md-3, .ui-fm-blk-md-4, .ui-fm-blk-md-5, .ui-fm-blk-md-6, .ui-fm-blk-md-7, .ui-fm-blk-md-8, .ui-fm-blk-md-9, .ui-fm-blk-md-10,
.ui-fm-blk-bg-1, .ui-fm-blk-bg-2, .ui-fm-blk-bg-3, .ui-fm-blk-bg-4, .ui-fm-blk-bg-5, .ui-fm-blk-bg-6, .ui-fm-blk-bg-7, .ui-fm-blk-bg-8, .ui-fm-blk-bg-9, .ui-fm-blk-bg-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.25em;
    padding-left: 0.25em;
    overflow: hidden;
}

.ui-fm-blk-sm-0, .ui-fm-blk-md-0, .ui-fm-blk-bg-0 {
    display: none;
}

.ui-fm-blk-sm-1, .ui-fm-blk-sm-2, .ui-fm-blk-sm-3, .ui-fm-blk-sm-4, .ui-fm-blk-sm-5, .ui-fm-blk-sm-6, .ui-fm-blk-sm-7, .ui-fm-blk-sm-8, .ui-fm-blk-sm-9, .ui-fm-blk-sm-10 {
    margin: 0.25em auto 0.75em auto;
}

.ui-fm-blk-sm-10 {
    width: 99.50%;
}

.ui-fm-blk-sm-9 {
    width: 89.50%;
}

.ui-fm-blk-sm-8 {
    width: 79.50%;
}

.ui-fm-blk-sm-7 {
    width: 69.50%;
}

.ui-fm-blk-sm-6 {
    width: 59.50%;
}

.ui-fm-blk-sm-5 {
    width: 49.50%;
}

.ui-fm-blk-sm-4 {
    width: 39.50%;
}

.ui-fm-blk-sm-3 {
    width: 29.50%;
}

.ui-fm-blk-sm-2 {
    width: 19.50%;
}

.ui-fm-blk-sm-1 {
    width: 9.50%;
}

@media (min-width: 768px) {
    .ui-fm-blk-md-1, .ui-fm-blk-md-2, .ui-fm-blk-md-3, .ui-fm-blk-md-4, .ui-fm-blk-md-5, .ui-fm-blk-md-6, .ui-fm-blk-md-7, .ui-fm-blk-md-8, .ui-fm-blk-md-9, .ui-fm-blk-md-10 {
        margin: 0.25em auto 0.75em auto;
    }

    .ui-fm-blk-md-10 {
        width: 100%;
    }

    .ui-fm-blk-md-9 {
        width: 90%;
    }

    .ui-fm-blk-md-8 {
        width: 80%;
    }

    .ui-fm-blk-md-7 {
        width: 70%;
    }

    .ui-fm-blk-md-6 {
        width: 60%;
    }

    .ui-fm-blk-md-5 {
        width: 50%;
    }

    .ui-fm-blk-md-4 {
        width: 40%;
    }

    .ui-fm-blk-md-3 {
        width: 30%;
    }

    .ui-fm-blk-md-2 {
        width: 20%;
    }

    .ui-fm-blk-md-1 {
        width: 10%;
    }
}

@media (min-width: 1024px) {
    .ui-fm-blk-bg-1, .ui-fm-blk-bg-2, .ui-fm-blk-bg-3, .ui-fm-blk-bg-4, .ui-fm-blk-bg-5, .ui-fm-blk-bg-6, .ui-fm-blk-bg-7, .ui-fm-blk-bg-8, .ui-fm-blk-bg-9, .ui-fm-blk-bg-10 {
        margin: 0.25em auto 0.75em auto;
    }

    .ui-fm-blk-bg-10 {
        width: 100%;
    }

    .ui-fm-blk-bg-9 {
        width: 90%;
    }

    .ui-fm-blk-bg-8 {
        width: 80%;
    }

    .ui-fm-blk-bg-7 {
        width: 70%;
    }

    .ui-fm-blk-bg-6 {
        width: 60%;
    }

    .ui-fm-blk-bg-5 {
        width: 50%;
    }

    .ui-fm-blk-bg-4 {
        width: 40%;
    }

    .ui-fm-blk-bg-3 {
        width: 30%;
    }

    .ui-fm-blk-bg-2 {
        width: 20%;
    }

    .ui-fm-blk-bg-1 {
        width: 10%;
    }
}


.ui-fm-blk-sm[class*="ui-checkbox"] > label,
.ui-fm-blk-sm[class*="ui-checkbox"] > div .ui-checkbox {
    border-bottom: 1px solid #ddd;
}

.ui-fm-blk-sm[class*="ui-checkbox"] > div {
    text-align: right;
}

.ui-fm-blk-sm[class*="ui-checkbox"] input[type="checked"],
.ui-fm-blk-sm[class*="ui-checkbox"] input[type="checkbox"] {
    position: absolute;
}

.ui-fm-blk-sm[class*="ui-checkbox"] span {
    display: inline-block;
    margin-left: 2em;
}



/* Label con el titulo del control */
.ui-fm-blk-sm label {    
    min-height: 28px;
    padding: 0.25em 9px 0.1em 6px;
    margin: 0.25em auto 0.1em auto;
    text-align: left;
    vertical-align: bottom;
    font-style: oblique;
    font-size: 1em;
    line-height: 1.25em;
    color: #888;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
}

@media (min-width: 768px) {

    .ui-fm-blk-sm label {
        text-align: right;
    }

    .ui-fm-blk-sm[class*="ui-checkbox"] > label,
    .ui-fm-blk-sm[class*="ui-checkbox"] > div .ui-checkbox {
        border-bottom: none;
    }

    .ui-fm-blk-sm[class*="ui-checkbox"] > div {
        text-align: left;
    }
}

.ui-fm-blk-sm .form-label,
.ui-fm-blk-sm .ui-form-label {
    display: inline-block;
    overflow: hidden;
    height: 1.75em;
    line-height: 1.78em;
    padding: 3px 6px;
}

/*.ui-fm-blk-sm .ui-form-control,
.ui-fm-blk-sm .form-control {
    color: black !important;
    font-style: normal !important;
}*/

/* Dibuja el texto como si estuviera en imput */
.ui-fm-blk-sm div.ui-form-display,
.ui-fm-blk-sm label.ui-form-display {
    min-height: 28px;
    padding: 0.25em 6px 0.2em 6px;
    margin: 0.3em auto 1px auto;
    font-style: normal;
    font-size: 1em;
    line-height: 1.225em;
    text-align: left;
    color: #333;
    background-color: white;
    border: 1px solid rgba(87, 87, 87, .5);
    outline: 0;
    border-radius: 4px;
    clear: right;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec'],
.ui-fm-blk-sm label.ui-form-display[class~='rec'] {
    background-color: #fdfdfa;
    border: 1px solid rgba(87, 87, 87, .25);
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-green'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-green'] {
    color: #0d4d0d;
    background-color: rgb(181, 255, 173);
    border: 1px solid rgb(0, 161, 0);
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-blue'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-blue'] {
    color: #1140ce;
    background-color: rgb(177, 219, 251);
    border: 1px solid rgba(102, 175, 233, 0.9);
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-blue-light'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-blue-light'] {
    color: #1140ce;
    background-color: rgba(177, 219, 251, .25);
    border: 1px solid rgba(102, 175, 233, 0.5);
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-red'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-red'] {
    color: #c60303;
    background-color: rgb(245, 182, 182);
    border: 1px solid rgb(247, 126, 126);
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-info'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-info'] {
    color: #333;
    background-color: rgb(255, 255, 225);
    border: 1px solid #ccc;
    border-radius: 0;
}

.ui-fm-blk-sm div.ui-form-display[class~='rec-gris'],
.ui-fm-blk-sm label.ui-form-display[class~='rec-gris'] {
    color: #333;
    background-color: rgb(221, 219, 219);
    border: 1px solid #ccc;
    border-radius: 0;
}

/* Div para el control a visualizar */
.ui-fm-blk-sm div {
    display: inline-block;
    padding: 1px 3px 1px 3px;
    /*outline: 1px solid green;*/
}

.ui-fm-blk-sm input[type="date"],
.ui-fm-blk-sm input[type="time"],
.ui-fm-blk-sm input[type="file"],
.ui-fm-blk-sm input[type="datetime"],
.ui-fm-blk-sm input[type="datetime-local"],
.ui-fm-blk-sm input[type="month"],
.ui-fm-blk-sm input[type="text"],
.ui-fm-blk-sm input[type="button"],
.ui-fm-blk-sm input[type="color"],
.ui-fm-blk-sm input[type="email"],
.ui-fm-blk-sm input[type="url"],
.ui-fm-blk-sm input[type="number"],
.ui-fm-blk-sm input[type="password"],
.ui-fm-blk-sm input[type="tel"],
.ui-fm-blk-sm textarea,
.ui-fm-blk-sm select {
    width: 99%;
    height: auto;
    min-height: 28px;
    padding: 0.25em 6px 0.25em 6px;
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.225em;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-fm-blk-sm textarea {
    overflow: hidden;
    overflow-y: auto;
}

.ui-fm-blk-sm select {
    font-size: 1em;
}

.ui-fm-blk-sm input[type='checked'],
.ui-fm-blk-sm input[type='checkbox'] {
    position: relative;
    display: inline-block;
    float: left;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
}

.ui-fm-blk-sm .ui-chbx-span-sm {
    position: relative;
    left: 0.5em;
    line-height: 1.75em;
    vertical-align: middle;
}


.ui-fm-blk-sm .form-control,
.ui-fm-blk-sm .ui-form-control {
    display: block;
    width: 99%;
    color: #000 !important;
    font-style: normal !important;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media(min-width: 768px) {

    .ui-fm-blk-sm .form-control[class~='w-sm'],
    .ui-fm-blk-sm .ui-form-control[class~='w-sm'] {
        max-width: 6em;
    }

    .ui-fm-blk-sm .form-control[class~='w-md'],
    .ui-fm-blk-sm .ui-form-control[class~='w-md'] {
        max-width: 12em;
    }

    .ui-fm-blk-sm .form-control[class~='w-bg'],
    .ui-fm-blk-sm .ui-form-control[class~='w-bg'] {
        max-width: 18em;
    }
}



    .ui-fm-blk-sm .form-control:focus,
    .ui-fm-blk-sm .ui-form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .ui-fm-blk-sm .form-control[disabled],
    .ui-fm-blk-sm .ui-form-control[disabled],
    .ui-fm-blk-sm .form-control[readonly],
    .ui-fm-blk-sm .ui-form-control[readonly] {
        cursor: not-allowed;
        background-color: #eeeeee;
    }








/* Titulo y subtitulos para dentro de los formularios */

.ui-fm-blk-sm h1,
.ui-fm-blk-sm h2,
.ui-fm-blk-sm h3 {
    border-bottom: 1px solid gray;
    font-variant: small-caps;
}

.ui-fm-blk-sm p {
    padding-left: 1.75em;
}



/* Fondos estandar para los formularios */

.ui-bkg-form-gray {
    background-color: #dddddd;
    border: 1px solid black;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-bkg-form-blue {
    background-color: #c6e1f3;
    border: 1px solid #5f80b9;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-bkg-form-white {
    background-color: white;
    border: 1px solid silver;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-bkg-form-display {
    background-color: white;
    border: 1px solid #eee;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-bkg-form-lightskyblue {
    background-color: lightskyblue;
    border: 1px solid steelblue;
    padding-top: 1em;
    border-radius: 4px;
}

.ui-bkg-form-lemonchiffon {
    background-color: lemonchiffon;
    border: 1px solid steelblue;
    padding-top: 1em;
    border-radius: 4px;
}


/* Espaciados entre formularios */

.ui-form-mg-bottom-sm {
    margin-bottom: 0.5em;
}

.ui-form-mg-bottom-md {
    margin-bottom: 1em;
}

.ui-form-mg-bottom-bg {
    margin-bottom: 1.5em;
}

.ui-form-mg-v-sm {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.ui-form-mg-v-md {
    margin-top: 1em;
    margin-bottom: 1em;
}

.ui-form-mg-v-bg {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/*
 *  Programador: Salvador Sifre Molina.
 *  Fecha: 11 de junio de 2016.
 *
 *  Estilos para los textos.  Versión 1.0
 *
 *  Ultima revisión: 5 de octubre de 2016 a las 13:45.
 *
 * ***************************************************************************/


/* Colores fondo y texto */

.text-danger,
.ui-text-danger,
.text-alerta,
.ui-text-alerta {
    color: red !important;
}

    .text-danger span,
    .ui-text-danger span {
        display: block;
        padding: 6px 6px;
    }

.text-warning,
.ui-text-warning,
.text-atencion,
.ui-text-atencion {
    color: rgb(255, 216, 0) !important;
}

.text-success,
.ui-text-success,
.text-suceso,
.ui-text-suceso {
    color: #468847 !important;
}

.text-error,
.ui-text-error {
    color: red !important;
    font-style: italic;
    margin: 0.25em 0.25em;
    padding: 0.25em 0.25em;
}

.text-info,
.ui-text-info,
.ui-text-informacion {
    color: #2f97ca !important;
    font-style: normal;
    margin: 0.25em 0.125em;
    padding: 0.25em 0.125em;
}

.text-question
{
    color: #1da4e6 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.45em;
    margin: 1em;
    text-align: center;
    vertical-align: middle;
}

/* Avisos con fondo resaltado  - Con prefijo issm- */

.ui-bkg-alerta {
    color: white;
    background-color: rgb(255, 0, 0);
    padding: 0.25em 1em;
}

.ui-bkg-atencion {
    color: white;
    background-color: rgb(255, 216, 0);
    padding: 0.5em 1em;
}

.ui-bkg-informacion {
    color: blue;
    background-color: rgba(0, 255, 255, 0.25);
    padding: 0.5em 1em;
    border-top: 1px solid #2f97ca;
    border-bottom: 1px solid #2f97ca;
}

.ui-bkg-suceso {
    background-color: rgb(0, 255, 0);
    color: white;
    padding: 0.5em 1em;
}



/* Estilos para textos dentro de un h1, h2, h3 en un span */
h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle
{
    font-size: 80%;
    font-style: oblique;
    padding-left: 1em;
    padding-right: 1em;
    opacity: 0.5;    
}



/* Estilos para fijar el tamaño del texto */

.ui-font-size-08
{
    font-size: 0.8em !important;
}

.ui-font-size-09
{
    font-size: 0.8em !important;
}

.ui-font-size-11
{
    font-size: 1.1em !important;
}

.ui-font-size-12
{
    font-size: 1.2em !important;
}

.ui-font-size-14
{
    font-size: 1.4em !important;
}

.ui-font-size-15
{
    font-size: 1.5em !important;
}

.ui-font-size-16
{
    font-size: 1.6em !important;
}


/*
 *   Programador: Salvador Sifre Molina.
 *   Fecha: 1 de mayo de 2015.
 *
 *   Ultima revisión: 20 de diciembre de 2016 a las 22:45.
 *   
 *   Hoja de estilos para el Grupo.
 *   Separamos el fondo del estilo general y añadimos nuevos fondos.
 *
 *   Añadimos nuevos estilos para la línea label:
 *   - .title-10, .value-10.
 *
 *   Estilos para un Menú de Hoja.
 *
 *******************************************************************/


/* Titulo del Grupo */
.issm-ui-grupo-titulo {
    position: relative;
    width: 96%;
    left: 2%;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    font-variant: small-caps;
    margin: 0.25em auto 0 auto;
    padding: 0.5em 0.5em 0.25em 0.5em;
    border-bottom: 2px solid gray;
}

.ui-grp-title {
    position: relative;
    display: block;
    width: 99.5%;
    margin-top: 1.0em;
}

    .ui-grp-title h3 {
        text-align: center;
        color: white;
        background-color: #66bbcc;
    }

.ui-grupo-titulo-bg-silver {
    color: white;
    background-color: #aaa;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.ui-grupo-titulo-bg-blue {
    color: white;
    background-color: #1e90ff;
    border-top: 1px solid rgba(0, 122, 204, 0.50);
    border-left: 1px solid rgba(0, 122, 204, 0.50);
    border-right: 1px solid rgba(0, 122, 204, 0.50);
}

/* Contenedor del grupo */
.issm-ui-grupo {
    position: relative;
    width: 96%;
    left: 2%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding-top: 0.5em;
    /*border-bottom: 1px solid gray;*/
}

.ui-grupo-gb-silver {
    background-color: #ebebeb;
    border-top: 1px solid #ffffff;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.ui-grupo-marco {
    border: 1px solid #ccc;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.issm-ui-grupo .ui-linea-label {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0.25em 0 0.125em 0;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.issm-ui-grupo .ui-linea-label[class~='bd-bottom'] {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}


.issm-ui-grupo .ui-linea-h3 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0.25em 0 0.75em 0;
    /*padding-left: 1em;*/
    /*padding-right: 1em;*/
}

    .issm-ui-grupo .ui-linea-h3 h3 {
        text-align: center;
        line-height: 2.25em;
        border-bottom: 1px solid #a8a8a8;
    }

.issm-ui-grupo .ui-linea-h4 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0.25em 0 0.75em 0;
    /*padding-left: 1em;*/
    /*padding-right: 1em;*/
}

    .issm-ui-grupo .ui-linea-h4 h4 {
        padding-left: 1em;
        background-color: #66bbcc;
        color: white;
        line-height: 2.25em;
        /*border-top: 1px solid white;*/
        border-bottom: 1px solid #298394;
    }

        .issm-ui-grupo .ui-linea-h4 h4.ui-cyan {
            padding-left: 1em;
            color: #298394;
            background-color: transparent;
            line-height: 2.25em;
            border-bottom: 1px solid #298394;
        }


.issm-ui-grupo .ui-linea-h5 {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

    .issm-ui-grupo .ui-linea-h5 h5 {
        padding-left: 1em;
        line-height: 1.85em;
        font-size: 0.85em;
        font-weight: 500;
        border-bottom: 1px solid #bbb;
    }

.issm-ui-grupo .ui-linea-label .title {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 90%;
}

.issm-ui-grupo .ui-linea-label .title-10 {
    margin-bottom: 3px;
    width: 90%;
}

.issm-ui-grupo .ui-linea-label .title,
.issm-ui-grupo .ui-linea-label .title-10 {
    color: gray;
    font-size: 0.85em;
    font-style: oblique;
    display: inline-block;
    padding-left: 0.5em;
    line-height: 1.45em;
    vertical-align: top;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.issm-ui-grupo .ui-linea-label .value {
    width: 98%;
}

.issm-ui-grupo .ui-linea-label .value-10 {
    width: 98%;
}

.issm-ui-grupo .ui-linea-label .value,
.issm-ui-grupo .ui-linea-label .value-10 {
    color: black;
    font-size: 0.95em;
    display: inline-block;
    padding-left: 0.5em;
    line-height: 1.45em;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.issm-ui-grupo .ui-linea-label .ui-display,
.issm-ui-grupo .ui-linea-label .ui-display {
    min-height: 28px;
    padding: 0.25em 6px 0.2em 6px;
    background-color: white;
    border: 1px solid rgba(87, 87, 87, .5);
    outline: 0;
    border-radius: 4px;
    clear: right;
}

    .issm-ui-grupo .ui-linea-label .ui-display[class~='rec'],
    .issm-ui-grupo .ui-linea-label .ui-display[class~='rec'] {
        background-color: #fdfdfa;
        border: 1px solid rgba(87, 87, 87, .25);
        border-radius: 0;
    }



@media (min-width: 768px) {
    .issm-ui-grupo .ui-linea-label .title {
        width: 38%;     
        text-align: right;
        padding-right: 0.5em;           
    }

    .issm-ui-grupo .ui-linea-label .value {
        width: 56%;
    }
}

.issm-ui-grupo .ui-linea-parrafo {
    position: relative;
    width: 100%;
    padding: 0.5em 1em;
}


/*
    Estilos para un Menú de Hoja.
*/
h2.ui-menu-titulo {
    font-size: 1.8em;
    margin: 0px;
    padding: 0.75em 0 0.75em 1em;
}

h3.ui-menu-titulo {
    text-align: left;
    font-size: 1.4em;
    font-variant: small-caps;
    margin: 0px;
    padding: 0.35em 0 0.35em 1em;
}

ul.issm-ui-menu {
    text-align: left;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 3px 9px;
}

    ul.issm-ui-menu li {
        list-style: none;
        list-style-position: outside;
        list-style-image: none;
        margin: 3px;
        padding-left: 1.0em;
    }

        ul.issm-ui-menu li a {
            color: #999;
            text-decoration: none;
            background-color: transparent;
        }

            ul.issm-ui-menu li a:hover {
                color: #333;
                text-decoration: none;
                background-color: transparent;
            }


@media (min-width: 768px) {

    h2.ui-menu-titulo {
        padding: 0.75em 0.5em;
    }

    h3.ui-menu-titulo {
        padding: 0.35em 0.5em;
    }
}

/*
 *   Programador: Salvador Sifre Molina.
 *   Fecha: 30 de abril de 2015.
 *
 *   Ultima revisión: 26 de noviembre de 2016 a las 18:45.
 *   
 *   Hoja de estilos para dar formato a tablas dentro de los bloques.
 *   
 *   Trabaja en combinación con la hoja de estilos 'issm-ui-bloques.css'.
 *
 *****************************************************************************/

/*
    Dimensiones de las Media Queries para los bloques y tablas
   =========================================================================

    sm <= 768px
    md <= 1024px
    bg > 1024px     


    Notas:
  ----------------------------------------------------------------------------
    En el grupo que contiene la tabla hay que añadir una de las dos clases:
    - ui-table-sm
    - ui-table-md

    Estas clases hacen que la tabla sea responsive.

    Si se quiere que el esponsive sea en una columna hay que añadir a la 
    tabla la clase: 'ui-table-responsive'
    
    Los colores de las líneas de la tabla se han de personalizar 
    en cada proyecto.

 *****************************************************************************/


.ui-table-sm, .ui-table-md, .ui-table-bg {
    overflow-x: auto;
}

    .ui-table-sm[class*='pd'],
    .ui-table-md[class*='pd'],
    .ui-table-bg[class*='pd'] {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }

    .ui-table-sm table,
    .ui-table-md table,
    .ui-table-bg table {
        display: inline-table;
        font-size: 0.9em;
        position: relative;
        width: 99.5%;
        margin: 0.5em auto 1em auto;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .ui-table-sm table caption,
        .ui-table-md table caption,
        .ui-table-bg table caption {
            /* Titulo tabla */
            padding-top: 1.25em;
            padding-bottom: 0.25em;
            padding-left: 0.5em;
            text-align: left;
        }

            .ui-table-sm table caption.title,
            .ui-table-md table caption.title,
            .ui-table-bg table caption.title {
                font-size: 1.1em;
                color: #333;
                border-bottom: 2px solid #66bbcc;
            }


            .ui-table-sm table caption h2,
            .ui-table-md table caption h2,
            .ui-table-bg table caption h2 {
                /* Titulo tabla */
                padding-top: 0.5em;
                padding-bottom: 0.25em;
                text-align: left;
                color: white;
                background-color: #66bbcc;
            }

            .ui-table-sm table caption h3,
            .ui-table-md table caption h3,
            .ui-table-bg table caption h3 {
                /* Titulo tabla */
                padding-top: 0.5em;
                padding-bottom: 0.25em;
                text-align: center;
                color: white;
                background-color: #66bbcc;
            }


        .ui-table-sm table th,
        .ui-table-md table th,
        .ui-table-bg table th {
            /* Cabecera tabla */
            /*background-color: #a8a8a8;*/
            /*color: white;*/
            color: #66bbcc;
            border-bottom: 1px solid #66bbcc;
            padding: 0.5em 6px 0.25em 6px;
        }

        .ui-table-sm table td,
        .ui-table-md table td,
        .ui-table-bg table td {
            padding: 0.75em 6px;
            border-bottom: 1px solid #66bbcc;
        }

            .ui-table-sm table td[class='ui-text-informacion'],
            .ui-table-md table td[class='ui-text-informacion'],
            .ui-table-bg table td[class='ui-text-informacion'] {
                padding: 1em 6px;
                border-bottom: 0px solid #66bbcc;
            }


        /* Seleccionar línea de la tabla en modo Móvil */
        .ui-table-sm table[data-link='on'] tbody tr:hover td,
        .ui-table-md table[data-link='on'] tbody tr:hover td,
        .ui-table-bg table[data-link='on'] tbody tr:hover td {
            text-shadow: none;
            cursor: pointer;
        }

@media (min-width: 768px) {

    .ui-table-sm[class*='pd'],
    .ui-table-md[class*='pd'],
    .ui-table-bg[class*='pd'] {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    /* Seleccionar línea de la tabla con el ratón */
    .ui-table-sm table[data-link='on'] tbody tr:hover td,
    .ui-table-md table[data-link='on'] tbody tr:hover td,
    .ui-table-bg table[data-link='on'] tbody tr:hover td {
        color: #009aff;
        text-shadow: 0 0 2px #ccc;
        cursor: pointer;
    }
}

.ui-table-sm tbody,
.ui-table-md tbody,
.ui-table-bg tbody,
.ui-table-sm tr,
.ui-table-md tr,
.ui-table-bg tr {
    position: relative;
}

    .ui-table-sm tbody tr:nth-child(odd),
    .ui-table-md tbody tr:nth-child(odd),
    .ui-table-bg tbody tr:nth-child(odd),
    .ui-table-sm tbody tr:nth-child(even),
    .ui-table-md tbody tr:nth-child(even),
    .ui-table-bg tbody tr:nth-child(even) {
        background-color: rgba(102, 187, 204, 0.25);
    }

    .ui-table-sm tbody td.ui-detalles,
    .ui-table-md tbody td.ui-detalles,
    .ui-table-bg tbody td.ui-detalles {
        background-color: #f0ffff;
    }

        .ui-table-sm tbody td.ui-detalles td.ui-detalles,
        .ui-table-md tbody td.ui-detalles td.ui-detalles,
        .ui-table-bg tbody td.ui-detalles td.ui-detalles {
            background-color: #d0ffff;
        }

.ui-table-sm tfoot td,
.ui-table-md tfoot td,
.ui-table-bg tfoot td {
    font-size: .9em;
    font-style: italic;
    color: #888;
}

@media (min-width: 768px) {

    .ui-table-sm {
        overflow-x: hidden;
    }

        .ui-table-sm table {
            font-size: 1em;
        }

            .ui-table-sm table caption {
                /* Titulo tabla */
                text-align: center;
            }

                .ui-table-sm table caption.title {
                    font-size: 1.3em;
                }

    .ui-table-md,
    .ui-table-bg {
        overflow-x: auto;
    }

        .ui-table-md table,
        .ui-table-bg table {
            font-size: 1em;
        }

            .ui-table-md table caption,
            .ui-table-bg table caption {
                /* Titulo tabla */
                text-align: center;
            }

                .ui-table-md table caption.title,
                .ui-table-bg table caption.title {
                    font-size: 1.3em;
                }
}

@media (min-width: 1024px) {

    .ui-table-md {
        overflow-x: hidden;
    }

    .ui-table-bg {
        overflow-x: auto;
    }

        .ui-table-md table,
        .ui-table-bg table {
            font-size: 1em;
        }

            .ui-table-md table caption,
            .ui-table-bg table caption {
                /* Titulo tabla */
                text-align: center;
            }

                .ui-table-md table caption.title,
                .ui-table-bg table caption.title {
                    font-size: 1.4em;
                }

        .ui-table-sm[class*='pd'],
        .ui-table-md[class*='pd'],
        .ui-table-bg[class*='pd'] {
            padding-left: 1em;
            padding-right: 1em;
        }
}



/*************************************************************

    Estilos para crear la tabla Responsive en una columna

                                           2 de mayo de 2015
 *************************************************************/

.ui-table-responsive thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7  */
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ui-table-responsive thead {
        position: relative;
        clip: auto;
        height: auto;
        overflow: auto;
    }
}

@media (max-width: 768px) {
    .ui-table-responsive thead th:first-of-type {
        text-align: left;
    }
}

.ui-table-responsive tbody,
.ui-table-responsive tr,
.ui-table-responsive th,
.ui-table-responsive td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
}

    .ui-table-responsive tbody td {
        min-height: 1.2em;
        border-bottom: 1px solid #ccc;
        vertical-align: top;
    }

        .ui-table-responsive tbody td > a,
        .ui-table-responsive tfoot td > a {
            display: inline-block;
            margin: 3px 3px;
            padding: 1px 6px;
            text-align: left;
            font-style: normal;
            text-decoration: none;
            color: #333;
            border: 0px;
            background-color: transparent;
            border-bottom: 1px solid #ccc;
            -moz-transition: 0.85s;
            -o-transition: 0.85s;
            -webkit-transition: 0.85s;
            transition: 0.85s;
        }

            .ui-table-responsive tbody td > a:hover,
            .ui-table-responsive tfoot td > a:hover {
                color: #2da3ba;
                border: 0px;
                background-color: #fff;
                border-bottom: 1px solid #66bbcc;
                box-shadow: 1px 1px 2px #999;
                -moz-transition: 0.45s;
                -o-transition: 0.45s;
                -webkit-transition: 0.45s;
                transition: 0.45s;
            }

            .ui-table-responsive tbody td > a:active,
            .ui-table-responsive tfoot td > a:active {
                border-bottom: 0px;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
            }


    .ui-table-responsive tbody tr {
        margin-bottom: 1em;
        border: 2px solid #66bbcc;
        border-radius: 3px;
    }

@media (max-width: 768px) {
    .ui-table-responsive tbody td[scope="row"] {
        overflow: hidden;
        font-family: Tahoma, Verdana, Geneva, Tahoma, sans-serif;
        font-size: 1.25em;
        font-variant: small-caps;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 1.4em;
        background-color: #66bbcc;
        color: white;
        padding: 0.5em 0.5em 0.25em 0.5em;
    }

        .ui-table-responsive tbody td[scope="row"]:hover {
            color: #00f;
        }
}

.ui-table-responsive tbody tr.ui-baja td {
    font-weight: normal;
    color: maroon;
}

.ui-table-responsive tbody tr.ui-bloqueado td {
    font-weight: normal;
    color: #ddd;
}

.ui-table-responsive tbody tr.ui-descatalogado td {
    font-weight: normal;
    color: #bf0000;
}


.ui-table-responsive tbody td[data-title]:before {
    content: attr(data-title);
    width: 35%;
    margin: 3px;
    float: left;
    font-style: italic;
    text-align: left;
    color: #999;
}



@media (min-width: 768px) {
    .ui-table-responsive tbody td[data-title]:before {
        content: none;
    }

    .ui-table-responsive tbody {
        display: table-row-group;
    }

    .ui-table-responsive tr {
        display: table-row;
    }

    .ui-table-responsive th,
    .ui-table-responsive td {
        display: table-cell;
    }

    .ui-table-responsive tbody tr.ui-bloqueado td {
        color: #999;
    }

    .ui-table-responsive tbody tr {
        border: 0px solid #a8a8a8;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-radius: 0;
    }

        .ui-table-responsive tbody tr:nth-child(even) {
            background-color: rgba(102, 187, 204, 0.25);
        }

        .ui-table-responsive tbody tr:nth-child(odd) {
            background-color: #fff;
        }
}


/********************************************************************************

    Formato columna según atributo 'data-tipo' (data-tipo="decimal")

 *******************************************************************************/


/*  Cabeceras  */
thead th[data-type='texto'] {
    text-align: left;
}

thead th[data-type='texto-centrado'] {
    text-align: left;
}

thead th[data-type='texto-derecha'] {
    text-align: left;
}

thead th[data-type='moneda'] {
    text-align: right;
    padding-right: 1em;
    min-width: 96px;
}

thead th[data-type='porcentaje'] {
    font-style: italic;
    text-align: right;
    padding-right: 1em;
    min-width: 69px;
}

thead th[data-type='numero'] {
    text-align: right;
}

thead th[data-type='fecha'] {
    text-align: left;
}

thead th[data-type='bool'] {
    text-align: left;
}


tbody tr.bg-white:nth-child(1) {
    background-color: #fff;
}


/*  Contenido  */
tbody td[data-type='texto'],
tfoot td[data-type='texto'] {
    text-align: left;
}

tbody td[data-type='texto-centrado'],
tfoot td[data-type='texto-centrado'] {
    text-align: left;
}

tbody td[data-type='texto-derecha'],
tfoot td[data-type='texto-derecha'] {
    text-align: left;
}

tbody td[data-type='moneda'],
tfoot td[data-type='moneda'] {
    text-align: right;
    padding-right: 40%;
}

tbody td[data-type='porcentaje'],
tfoot td[data-type='porcentaje'] {
    font-style: italic;
    font-size: 0.90em;
    text-align: right;
    padding-right: 1em;
    vertical-align: bottom;
}

tbody td[data-type='numero'],
tfoot td[data-type='numero'] {
    text-align: right;
    padding-right: 40%;
}

tbody td[data-type='fecha'],
tfoot td[data-type='fecha'] {
    text-align: left;
}

tbody td[data-type='bool'],
tfoot td[data-type='bool'] {
    text-align: left;
}




tbody td img.icono,
tfoot td img.icono {
    width: 21px;
    height: 21px;
}

table.last-right tbody td:last-child {
    text-align: right;
}

tbody.null td a,
tfoot.null td a {
    display: inline-block;
    border: 1px solid silver;
    /*background-color: steelblue;*/
    /*color: lightblue;*/
    margin: 3px;
    padding: 3px 6px;
    text-align: center;
    /*text-decoration: none;*/
}

    tbody.null td a:hover,
    tfoot.null td a:hover {
        text-decoration: none;
        cursor: pointer;
        color: steelblue;
        background-color: lightblue;
    }

    tbody.null td a:active,
    tfoot.null td a:active {
        border: 1px solid black;
    }




@media (min-width: 768px) {

    /*  Cabeceras  */
    thead th[data-type='texto-centrado'] {
        text-align: center;
    }

    thead th[data-type='texto-derecha'] {
        text-align: right;
    }

    thead th[data-type='fecha'] {
        text-align: center;
    }

    thead th[data-type='bool'] {
        text-align: center;
    }


    /*  Contenido  */
    tbody td[data-type='texto-centrado'],
    tfoot td[data-type='texto-centrado'] {
        text-align: center;
    }

    tbody td[data-type='texto-derecha'],
    tfoot td[data-type='texto-derecha'] {
        text-align: right;
    }

    tbody td[data-type='moneda'],
    tfoot td[data-type='moneda'] {
        padding-right: 0.5em;
    }

    tbody td[data-type='numero'],
    tfoot td[data-type='numero'] {
        padding-right: 0.5em;
    }

    tbody td[data-type='fecha'],
    tfoot td[data-type='fecha'] {
        text-align: center;
    }

    tbody td[data-type='bool'],
    tfoot td[data-type='bool'] {
        text-align: center;
    }
}



td p a.title-1 {
    color: black;
    font-style: normal;
    font-size: 1.35em;
    display: inline-block;
    line-height: 1.45em;
    vertical-align: top;
    overflow: hidden;
    /*outline: 1px solid blue;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

td p a.title-blue {
    color: blue;
}

td p label.title {
    color: gray;
    font-size: 1.15em;
    font-style: italic;
    display: inline;
    line-height: 1.45em;
    vertical-align: top;
    overflow: hidden;
    padding-right: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

td p label.value {
    color: black;
    font-style: normal;
    font-size: 1.15em;
    display: inline;
    line-height: 1.45em;
    vertical-align: top;
    /*outline: 1px solid red;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

td p label.detalles {
    display: block;
    width: 100%;
    color: black;
    font-size: 1.0em;
    line-height: 1.25em;
}

td a.menu-block {
    display: block;
    width: 86%;
}

td input[type='checkbox'] {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin: auto 0.5em;
}

td .ui-chbx-span-sm {
    margin: auto 0.5em;
}

td.ui-details {
    line-height: 1.4em;
}

    td.ui-details p {
        margin-bottom: 1em;
    }

    td.ui-details span {
        color: gray;
        font-size: 0.8em;
        font-style: oblique;
        display: inline-block;
        width: 9em;
        padding-right: 1em;
    }


td.ui-img,
td > div.ui-img {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    width: auto;
    height: auto;
    max-height: 300px;
    overflow: hidden;
    margin: 1em auto;
    /*background-color: #f9f9f9;*/
    /*border: 1px solid #ccc;*/
}

    td.ui-img img,
    td > div.ui-img img {
        width: 100%;
        max-width: 300px;
        height: auto;
        max-height: 280px;
        margin: 12px 3px;
        border: 1px solid #333;
    }

td.icons > div.icon {
    position: relative;
    display: inline-block;
    margin: 1px;
    overflow: hidden;
}

    td.icons > div.icon:hover {
        box-shadow: 1px 1px 3px #999;
    }

    td.icons > div.icon > img {
        position: relative;
        display: block;
        margin: 3px;
    }

        td.icons > div.icon > img:hover {
            margin: 2px;
            border: 1px solid #ccc;
            border-radius: 6px;
            cursor: pointer;
        }

        td.icons > div.icon > img:active {
            margin: 3px 1px 1px 3px;
            border: 1px solid #999;
            cursor: pointer;
        }

td img.icon-sm {
    width: 16px;
    height: 16px;
}

td img.icon-md {
    width: 32px;
    height: 32px;
}

td img.icon-bg {
    width: 48px;
    height: 48px;
}

/*
    Programador: Salvador Sifre Molina.
    Fecha: 15 de junio de 2016.

    Ultima revisión: 15 de junio de 2016 a las 17:00.

    Hoja de estilos para la cesta de productos de la Web.

    - Icono.
    - Ventana Ir.
    - Formato documento.

 * *****************************************************************/


/*
    Formulario Ir a Cesta
 * *****************************************************************/

div#MarcoCestaIr {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-color: rgba(196,196,196, .85);
    border: 1px solid black;
    z-index: 210;
}

    div#MarcoCestaIr .marco {
        position: relative;
        top: 25%;
        width: 90%;
        height: 22em;
        min-height: 14em;
        margin: 1em auto;
        overflow: hidden;
        padding: 1em;
        background-color: white;
        border: 1px solid black;
        box-shadow: rgba(0,0,0, .4) 4px 4px;
        z-index: 220;
    }

        div#MarcoCestaIr .marco p {
            text-align: center;
            font-size: 1.25em;
        }


    div#MarcoCestaIr .botones {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: auto;
    }

@media (min-width: 768px) {
    div#MarcoCestaIr .marco {
        width: 60%;
        height: 18em;
    }
}

@media (min-width: 1024px) {
    div#MarcoCestaIr .marco {
        width: 40%;
        height: 14em;
    }
}



/*
    Articulo en una línea de la Cesta.
 * *****************************************************************/

td.imagen-articulo {
    text-align: center;
}

    td.imagen-articulo > img {
        width: 90%;
        margin: 3px;
        padding: 6px;
        border: 1px solid black;
        background-color: white;
    }

@media (min-width: 768px) {
    td.imagen-articulo > img {
        width: 12em;
    }
}

table.lineas-pedido {
    width: 100%;
    margin: 2em auto;
}

    table.lineas-pedido th {
        color: white;
        background-color: #aaaaaa;
        border: 1px solid gray;
        padding: 0.25em 1em;
    }

        table.lineas-pedido th:first-child {
            width: 14em;
        }

        table.lineas-pedido th:last-child {
            width: 3em;
        }

    table.lineas-pedido td {
        padding: 0.5em 0.25em;
        vertical-align: top;
    }

    table.lineas-pedido tr td:last-child {
        vertical-align: middle;
    }


/*
    Total de la Cesta.
*/
table.total-pedido {
    width: 100%;
    margin: 1em auto;
}

    table.total-pedido th {
        color: white;
        background-color: #aaaaaa;
        border: 1px solid gray;
        padding: 0.25em 1em;
    }

    table.total-pedido td {
        padding: 0.5em 0.25em;
        vertical-align: top;
    }

    table.total-pedido th.cell-total {
        font-size: 1.2em;
    }

    table.total-pedido td.cell-total {
        color: blue;
        padding: 0.25em 1em;
        font-size: 1.2em;
    }

@media (min-width: 768px) {
    table.total-pedido {
        width: 60%;
    }
}






/*
    Estilos para las notas del pedido o presupuesto.
 * *****************************************************************/

table.notas-pedido {
    width: 100%;
    margin: 2em auto;
}
    table.notas-pedido th {
        color: white;
        background-color: #aaaaaa;
        border: 1px solid gray;
        padding: 0.25em 1em;
    }

    table.notas-pedido td {
        padding: 0.5em 0.25em;
        vertical-align: top;
    }

@media (min-width: 768px) {
    table.notas-pedido {
        width: 60%;
        background-color: white;
    }
    table.notas-pedido caption
    {
        background-color: #d9d9d9;
    }
    table.notas-pedido td:nth-child(2)
    {
        width: 3em;
    }
    table.notas-pedido td:nth-child(3)
    {
        width: 3em;
    }
}

/*
    Estilos para el formulario de la nota del pedido o presupuesto.

    Se habre como una ventana.
 * *****************************************************************/
div#MarcoNotaPedido {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background-color: rgba(196,196,196, .85);
    border: 1px solid black;
    z-index: 210;
}

    div#MarcoNotaPedido div.marco {
        position: relative;
        top: 25%;
        width: 90%;        
        min-height: 14em;
        overflow: hidden;
        background-color: white;
        border: 1px solid black;
        box-shadow: rgba(0,0,0, .4) 4px 4px;
        z-index: 220;
        margin: 1px auto;
        padding: 1em;
        display: block;
    }

@media (min-width: 768px) {
    div#MarcoNotaPedido div.marco {
        width: 60%;
    }
}

@media (min-width: 1024px) {
    div#MarcoNotaPedido div.marco {
        width: 40%;
    }
}




/*
    Programador: Salvador Sifre Molina.
    Fecha: 11 de junio de 2016.

    Ultima revisión: 30 de noviembre de 2020.

 * *****************************************************************/

/*
    Reset and HTML 5.
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* HTML 5 display-role reset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

img {
    width: 100%;
}

h1 {
    font-size: 1.8em;
    padding: 0.4em 0.3em 0.2em 0.6em;
}

h2 {
    font-size: 1.4em;
    padding: 0.3em 1.6em;
    color: gray;
}

h3 {
    font-size: 1.1em;
    padding: 0.3em 1.6em;
}

header, nav, section, article, footer, div, input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


::-webkit-input-placeholder {
    color: #ccc !important;
}

::-moz-placeholder {
    color: #ccc !important;
}

:-ms-input-placeholder {
    color: #ccc !important;
}



/* Styles for basic forms
 * *****************************************************************/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}



/* Styles for validation helpers
 * *****************************************************************/
.field-validation-error {
    display: inline-block;
    font-size: 0.8em;
    font-style: oblique;
    color: #f00;
    padding-left: 0.5em;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
    margin: 1em;
}

    .validation-summary-errors ul {
        margin: 2em;
    }

        .validation-summary-errors ul li {
            margin: 0.25em 0.125em;
            list-style: none;
        }


.validation-summary-valid {
    display: none;
}



/*
    Estilos para las hojas de:
    - Privacidad.
    - Aviso Legal.
    - Condiciones Uso.
    - Política Cookies.
 * *****************************************************************/

section.privacidad h3,
section.aviso-legal h3,
section.condiciones-uso h3,
section.cookies h3 {
    margin-top: 2.5em;
    margin-bottom: 1.25em;
}

section.condiciones-uso ul {
    margin-left: 3em;
}

    section.condiciones-uso ul li {
        margin-bottom: 0.5em;
    }



/*
    Estilos para el marco de información sobre Cookies.
 * *****************************************************************/

div.marco-cookies-info {
    position: fixed;
    top: inherit;
    bottom: .5em;
    left: .5em;
    right: .5em;
    min-width: 280px;
    height: 16em;
    display: none;
    border: 1px solid #000;
    background-color: #ddd;
    color: darkblue;
    padding: 6px 6px 42px 6px;
    z-index: 200;
    box-shadow: 6px 4px #ddd;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

div.marco-cookies-info-hide {
    visibility: hidden;
    opacity: 0;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

div.marco-cookies-texto {
    position: absolute;
    left: 3px;
    top: 3px;
    right: 32px;
    bottom: 5em;
    padding: 0.5em 1em;
    overflow-y: scroll;
    border: 1px solid white;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.50);
}

ul.cookies {
    margin-left: 3em;
    margin-top: 1em;
}

    ul.cookies li {
        margin: 1em 0em;
    }

.cookies th {
    padding: 3px 3px;
    background-color: whitesmoke;
    border: 1px outset silver;
}

.cookies td {
    border-bottom: 1px solid silver;
    padding: 6px 9px;
    text-align: left;
}

table.cookies td.first {
    width: auto;
}

table.cookies td:last-child {
    text-align: left;
}


@media (min-width: 480px) {
    div.marco-cookies-info {
        height: 20em;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }
}

@media (min-width: 768px) {
    div.marco-cookies-info {
        height: 28em;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

    div.marco-cookies-texto {
        overflow-y: hidden;
    }

    table.cookies td.first {
        width: 30%;
    }
}

@media (min-width: 1024px) {
    div.marco-cookies-info {
        height: 26em;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

    table.cookies td.first {
        width: 35%;
    }
}

@media (min-width: 1200px) {
    div.marco-cookies-info {
        height: 24em;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }
}

/*  
    Botones ventana Cookies
 * *****************************************************************/
.marco-cookies-info .ui-st-button {
    padding: 1em;
}

.marco-cookies-info .ui-st-button:active {
    padding: 0.95em;
}

.marco-cookies-info .button-cookies-aceptar {
    position: absolute;
    right: 2em;
    bottom: 6px;
    color: white;
    background-color: rgb(39, 132, 191);
}

.marco-cookies-info .button-cookies-configurar {
    position: absolute;
    left: 1em;
    bottom: 6px;
    background-color: white;
}

.marco-cookies-info .button-cookies-cerrar {
    position: absolute;
    top: 6px;
    right: 6px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: gray;
    cursor: pointer;
}

    .marco-cookies-info .button-cookies-cerrar:hover {
        color: black;
    }


/*
    Botones progreso
 * *****************************************************************/
p.progreso-icono {
    margin: 1em 3em;
    line-height: 4em;
}

    p.progreso-icono img {
        width: 21px;
        margin: 0.5em;
        vertical-align: middle;
    }

    p.progreso-icono span {
        vertical-align: middle;
    }

p.progreso-barra {
    margin: 0.125em 0.5em;
    /*line-height: 2em;*/
}

    p.progreso-barra img {
        width: 60px;
        height: 9px;
    }

/* Estilos para información de ISSM */
p.ui-developed {
    font-size: 12px;
    margin-top: 1em;
    color: #aaa;
}

    p.ui-developed a {
        color: #aaa;
        text-decoration: none;
    }

        p.ui-developed a:hover {
            color: #333;
        }


/*  Marcos para los listados y formularios  */

section.ui-list,
div.ui-list {
    background-color: #f2f2f2;
    border: 1px solid silver;
    margin: 0.5em auto 1em auto;
    width: 98.6%;
    float: none;
    padding-top: 0.5em;
    min-height: 65vh;
}

    section.ui-list[class~='gray'],
    div.ui-list[class~='gray'],
    section.ui-list[class~='red'],
    div.ui-list[class~='red'],
    section.ui-list[class~='bgblue'],
    div.ui-list[class~='bgblue'],
    section.ui-list[class~='blue'],
    div.ui-list[class~='blue'] {
        padding-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }


section.ui-form,
div.ui-form,
section.ui-sub-form,
div.ui-sub-form {
    background-color: #f2f2f2;
    border: 1px solid silver;
    margin: 0.5em auto 1em auto;
    float: none;
    padding-top: 0.5em;
}

section.ui-form,
div.ui-form {
    width: 98.6%;
    min-height: 65vh;
}

section.ui-sub-form,
div.ui-sub-form {
    display: block;
    max-width: 1024px;
    min-height: 55vh;
}

section.ui-form > h2,
div.ui-form > h2 {
    color: gray;
    border-bottom: 1px solid #999;
    margin-bottom: 12px;
}

section.ui-form[class~='pd-bottom'],
div.ui-form[class~='pd-bottom'] {
    padding-bottom: 8em;
}

section.ui-form[class~='gray'],
div.ui-form[class~='gray'],
section.ui-form[class~='red'],
div.ui-form[class~='red'],
section.ui-form[class~='bgblue'],
div.ui-form[class~='bgblue'],
section.ui-form[class~='blue'],
div.ui-form[class~='blue'] {
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.ui-form > .ui-frame-bottom,
.ui-form > form > .ui-frame-bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: auto;
}

.ui-form > footer,
.ui-form > form > footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: auto;
}


@media (min-width: 768px) {

    section.ui-list,
    div.ui-list {
        width: 97.6%;
    }

        section.ui-list[class~='sb'],
        div.ui-list[class~='sb'] {
            box-shadow: 6px 9px 12px #ccc;
        }

    section.ui-form,
    div.ui-form {
        width: 97.6%;
    }

        section.ui-form[class~='pd-bottom'],
        div.ui-form[class~='pd-bottom'] {
            padding-bottom: 3em;
        }

        section.ui-form[class~='sb'],
        div.ui-form[class*='sb'] {
            box-shadow: 6px 9px 12px #ccc;
        }
}

/* 
    Titulo para listados y formulario 
*/

.ui-list > header,
.ui-form > header {
    position: relative;
    width: 100%;
    margin: 0px 0px 1em 0px;
    padding: 0.25em 1em;
    font-family: Verdana, sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    font-variant: small-caps;
    border-bottom: 1px solid #ccc;
}


.ui-list[class~='bgblue'] > header,
.ui-form[class~='bgblue'] > header {
    color: #fff;
    font-weight: 600;
    background-color: #5176a9;
    border-bottom: 1px solid #fff;
}

.ui-list[class~='blue'] > header,
.ui-form[class~='blue'] > header {
    color: #235b90;
    font-weight: 600;
    background-color: rgb(169, 218, 251);
    border-bottom: 1px solid #235b90;
}

.ui-list[class~='red'] > header,
.ui-form[class~='red'] > header {
    color: #980505;
    font-weight: 600;
    background-color: #fac0c0;
    border-bottom: 1px solid #980505;
}

.ui-list[class~='gray'] > header,
.ui-form[class~='gray'] > header {
    color: #333;
    font-weight: 600;
    background-color: #ddd;
    border-bottom: 1px solid #333;
}


/* Marco dentro de un formulario */
section.ui-form .ui-marco,
div.ui-form .ui-marco {
    margin-top: 1em;
    padding-bottom: 0.5em;
    /*border-bottom: 1px solid #ccc;*/
}

    section.ui-form .ui-marco > header,
    div.ui-form .ui-marco > header {
        padding: 0.25em 0.5em;
        color: rgb(39, 132, 191);
        background-color: rgb(228, 240, 248);
        border-bottom: 1px solid rgb(39, 132, 191);
    }

    section.ui-form .ui-marco > table,
    div.ui-form .ui-marco > table {
        width: 100%;
        margin: 0.125em auto 0.5em auto;
    }

        section.ui-form .ui-marco > table th,
        div.ui-form .ui-marco > table th {
            font-size: 0.8em;
            color: rgb(119, 187, 230);
            border-bottom: 1px solid rgb(132, 195, 234);
            padding: 0.25em 6px 0.125em 6px;
        }

        section.ui-form .ui-marco > table tbody tr:nth-child(2n),
        div.ui-form .ui-marco > table tbody tr:nth-child(2n) {
            background-color: rgb(233, 233, 233);
        }



/* Estilos para la ficha */

section.ui-ficha > header,
div.ui-ficha > header {
    color: #666;
    font-size: 1.2rem;
    border-bottom: 1px solid #000;
    padding: 0.5em 0 0.25em 0.5em;
}



/* Marco para el formulario de Inicio Sesión */
section.fr-login {
    background-color: #f2f2f2;
    border: 1px solid #6cc2ff;
    margin: 1.5em auto 1em auto;
    padding: 0;
    width: 94%;
    max-width: 480px;
    float: none;
}

    section.fr-login > h4 {
        padding: 12px 12px 6px 12px;
        margin-bottom: 1em;
        color: #fff;
        background-color: #0094ff;
        border-bottom: 1px solid #333;
    }



/* Estilos de bordes */
.brdr-bttm[class~='gray'] {
    border-bottom: 1px solid #ccc;
}

.brdr-full {
    border: 1px solid #ccc;
}

.brdr-full-rds {
    border: 1px solid #ccc;
    /*border-radius: 1px;*/
}

    .brdr-full[class~='blue'],
    .brdr-full-rds[class~='blue'] {
        border: 1px solid rgb(39, 132, 191);
    }

    .brdr-full[class~='red'],
    .brdr-full-rds[class~='red'] {
        border: 1px solid #980505;
    }

    .brdr-full[class~='green'],
    .brdr-full-rds[class~='green'] {
        border: 1px solid #0fae0f;
    }

/*
 *   Programador: Salvador Sifre Molina.
 *   Fecha: 9 de abril de 2015.
 *
 *   Ultima revisión: 6 de noviembre de 2015 a las 18:00.
 *   
 *   Hoja de estilos para el header con menú de la Web.
 *
 *   El menú es Responsive Web.
 *
 **********************************************************/

/* Menú superior */

.issm-ui-header {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.issm-ui-header-logo {
    position: relative;
    margin: 6px 3px;
    width: 96%;
    height: auto;
    display: block;
    clear: both;
    overflow: hidden;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

/*.issm-ui-header-logo img
        {
            width: 100%;
            height: auto;
        }*/

.issm-ui-header-login {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0.25em 1em;
    display: block;
    clear: both;
    color: gray;
    text-align: right;
    vertical-align: bottom;
}

    .issm-ui-header-login a {
        color: gray;
    }

.issm-ui-marco-cesta {
    position: relative;
    width: 90%;
    height: 5em;
    margin: 3px auto;
    min-height: 3em;
    text-align: left;
    display: block;
    overflow: hidden;
    /*background-color: white;*/
}

    .issm-ui-marco-cesta img {
        border: 1px solid #c8dff2;
    }

        .issm-ui-marco-cesta img:hover {
            cursor: pointer;
            border-top: 1px solid rgba(0,0,0, .15);
            border-left: 1px solid rgba(0,0,0, .15);
            border-bottom: 2px solid rgba(0,0,0, .35);
            border-right: 2px solid rgba(0,0,0, .35);
        }

        .issm-ui-marco-cesta img:active {
            cursor: pointer;
            border-top: 1px solid rgba(0,0,0, .35);
            border-left: 1px solid rgba(0,0,0, .35);
            border-bottom: 2px solid rgba(0,0,0, .15);
            border-right: 2px solid rgba(0,0,0, .15);
        }

    .issm-ui-marco-cesta p {
        display: inline-block;
        line-height: 1.5em;
    }

@media (min-width: 640px) {
    .issm-ui-marco-cesta {
        background-color: white;
    }

    .issm-ui-marco-cesta img {
        border: 1px solid white;
    }
}



/*  Menú superior  */

.issm-ui-header-menu {
    position: relative;
    display: block;
    z-index: 100;
}

    /* Marco botón visualizar menú */
    .issm-ui-header-menu .button {
        position: relative;
        width: 100%;
        height: 3em;
        overflow: hidden;
    }

/* Dibuja marco exterior botón visualizar menú */
.issm-ui-header-menu-boton {
    position: absolute;
    top: 6px;
    right: 12px;
    width: 2.5em;
    height: auto;
    background-color: rgba(0,0,0, .15);
    border: 1px solid gray;
    /*border-radius: 2px;*/
    cursor: pointer;
}
    /* Dibuja las línea del botón visualizar menú */
    .issm-ui-header-menu-boton .issm-ui-icon-menu {
        display: block;
        width: 2.1em;
        height: 2px;
        margin: 4px 1px;
        border-radius: 0.1em;
        background-color: black;
    }


.issm-ui-button-focus {
    border: 1px solid black;
}

.issm-ui-button-press {
    background-color: rgba(0,0,0, .35);
}


.issm-ui-header-menu .nav {
    position: relative;
    width: 100%;
    min-height: 3em;
    padding: 0.5em 0.3em;
    overflow: hidden;
    display: none;
    text-align: center;
}

.issm-ui-header-menu ul {
    margin: 0;
    padding: 3px;
    list-style: none;
    line-height: 3em;
}

    .issm-ui-header-menu ul li {
        margin: 0.25em 0em;
        background-color: rgba(0,0,0, .15);
        border: 3px double rgba(0,0,0, .15);
        border-radius: 3px;
    }

        .issm-ui-header-menu ul li a {
            color: black;
            text-decoration: none;
            display: block;
            padding: 0 2em;
        }

            .issm-ui-header-menu ul li a:hover {
                background-color: rgba(0,0,0, .35);
                color: white;
            }


@media (min-width: 640px) {
    .issm-ui-header-logo {
        width: 400px;
        max-height: 210px;
        margin: 3px 6px 3px 6px;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

    .issm-ui-marco-cesta {
        width: 16em;
        height: 5em;
        border: 2px solid #aa3b84;
        margin-left: 0.5em;
        float: left;
    }
}

@media (min-width: 768px) {
    .issm-ui-header-logo {
        width: 480px;
        max-height: 210px;
        margin-left: 140px;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

    .issm-ui-header-menu .button {
        display: none;
    }

    .issm-ui-header-menu .nav {
        display: block;
    }

    .issm-ui-header-menu ul {
        border: none;
        /*border-top: 1px solid #6642cd;*/
        /*border-bottom: 1px solid black;*/
        border-radius: 0px;
        display: block;
    }

        .issm-ui-header-menu ul li {
            display: inline-block;
            background-color: transparent;
            border: none;
        }

            .issm-ui-header-menu ul li a {
                color: black;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s;
            }

                .issm-ui-header-menu ul li a:hover {
                    background-color: transparent;
                    color: blue;
                    text-shadow: 1px 1px 3px gray;
                    -moz-transition: .5s;
                    -o-transition: .5s;
                    -webkit-transition: .5s;
                    transition: .5s;
                }
}


.contactos {
    position: relative;
    width: 80%;
    min-width: 320px;
    height: auto;
    display: block;
    clear: both;
    margin: 0 8%;
}

.whatsApp, .telefono, .facebook, .mail {
    position: relative;
    width: 90%;
    height: 2.5em;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 2px;
    float: left;
    margin: 3%;
}

    .whatsApp img,
    .telefono img,
    .facebook img,
    .mail img {
        width: 28px;
        height: 28px;
        float: left;
    }

    .whatsApp div,
    .telefono div {
        margin: 0.25em 1em;
        float: left;
    }

    .facebook div {
        margin: 0.25em 1em;
        float: left;
        cursor: pointer;
    }

        .facebook div:hover {
            text-decoration: underline;
        }

    .mail a {
        text-decoration: none;
        float: left;
        margin-right: 2em;
        color: black;
        margin: 0.25em 1em;
    }

        .mail a:hover {
            text-decoration: underline;
        }

@media (min-width: 460px) {
    .contactos {
        width: 92%;
        min-width: 480px;
        margin: 0 4%;
    }

    .whatsApp, .telefono, .facebook, .mail {
        width: 49.5%;
        margin: 2% 0;
    }
}

@media (min-width: 640px) {
    .contactos {
        width: 92%;
        min-width: 460px;
        margin: 0 4%;
    }

    .whatsApp, .telefono, .facebook, .mail {
        font-size: 16px;
    }
}


@media (min-width: 768px) {
    .contactos {
        width: 70%;
        float: right;
    }

    .whatsApp, .facebook, .mail, .telefono {
        width: 50%;
        margin: 0.25em auto;
    }
}

@media (min-width: 1024px) {
    .issm-ui-header-logo img {
        width: 360px;
    }

    .contactos {
        position: absolute;
        top: 2em;
        right: 0;
        width: 40%;
        min-width: 480px;
    }
}


/*
    Estilos para el botón de buscar
*/

div.ui-caja-buscar {
    position: relative;
    width: 92%;
    height: 3em;
    margin-right: 2.5%;
    display: inline-block;
    overflow: hidden;
    /*border: 1px solid blue;*/
}

    div.ui-caja-buscar input {
        position: relative;
        top: 3px;
        width: 86%;
        right: 2%;
        padding: 9px 24px 6px 5px;
        z-index: 10;
        /*box-sizing: border-box;*/
    }

    div.ui-caja-buscar img {
        position: absolute;
        top: 3px;
        right: 2%;
        width: auto;
        height: 32px;
        cursor: pointer;
        z-index: 20;
    }

div.buscar-login {
    position: relative;
    width: 100%;
    height: auto;
    text-align: right;
}

@media (min-width: 640px) {
    div.ui-caja-buscar {
        width: 20em;
        display: inline-block;
    }

    div.issm-ui-header-login {
        width: auto;
        display: inline-block;
    }
}

@media (min-width: 640px) {
    div.buscar-login {
        border-bottom: 1px solid silver;
        border-top: 1px solid silver;
        background-color: #aa3b84;
        clear: both;
    }

    .issm-ui-header-login,
    .issm-ui-header-login a {
        color: white;
    }
}

/*
 *   Programador: Salvador Sifre Molina.
 *   Fecha: 16 de abril de 2015.
 *
 *   Ultima revisión: 6 de noviembre de 2015 a las 18:00.
 *   
 *   Hoja de estilos para el footer con menú de la Web.
 *
 *   El menú es Responsive Web.
 *
 **********************************************************/


/* Pie de la Web */

.footer-site
{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 280px;
    min-height: 15vh;
    text-align: center;
    margin-top: 0;
    padding: 1em 0.5em;

    background-color: #a7c9e4;
    border-top: 3px solid #aa3b84;
}

/*  Menú inferior */

.footer-site nav
{
    width: 100%;    
}

.footer-site nav ul
{
    margin: 0 auto;
    list-style: none;
    line-height: 1em;
}

.footer-site nav ul li
{
    margin: 0.25em 0em;
    background-color: rgba(0,0,0, .15);
    border: 3px double rgba(0,0,0, .15);
    border-radius: 3px;
}

.footer-site nav ul li a
{
    color: black;
    text-decoration: none;
    display: block;
    padding: 0 0.5em;
}

.footer-site nav ul li a:hover
{
    background-color: rgba(0,0,0, .35);
    color: white;
}

.footer-site .copyright
{
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin: 0.25em;
    padding-top: 1em;
}

.footer-site .copyright>p
{
    font-size: 0.75em;
    color: rgba(0,0,0, .4);
}

@media (min-width: 768px)
{
    /*.footer-site
    {
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: auto;
        margin-top: 0;
        z-index: 100;
    }*/

     .footer-site nav ul li
     {
         display: inline-block;
         background-color: transparent;
         border: none;
     }

    .footer-site nav ul li a 
    {
        color: gray;

        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }

     .footer-site nav ul li a:hover
     {
        background-color: transparent;
        color: blue;
        text-shadow: 1px 1px 3px gray;

        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
     }
}

/*
    Hoja de estilos para las incidencias.

    Programador: Salvador Sifre Molina.
    Fecha: 8 de abril de 2016.

    Ultima actualización: 8 de abril de 2016 a las 17:00

 *******************************************************************/




/* Menú estados */

p.ui-menu-estados {
    margin: 1em 0 0 0;
    padding: 3px 0px;
    display: block;
    font-variant: small-caps;
    text-align: center;
    color: black;
    border-bottom: 2px solid #a8a8a8;
}

ul.ui-menu-estados {
    margin: 0;
    padding: 0 0.75em;
}

    ul.ui-menu-estados li {
        list-style-type: none;
        display: block;
        font-variant: small-caps;
        text-align: center;
        line-height: 2em;
        border: 1px solid silver;
        margin: 6px auto;
    }

        ul.ui-menu-estados li:hover {
            cursor: pointer;
            background-color: #c3c3c3;
        }

        ul.ui-menu-estados li:active {
            cursor: pointer;
            background-color: #cdcdce;
            border: 1px solid black;
        }

        ul.ui-menu-estados li span {
            color: blue;
            padding: 0 1em;
            font-size: 0.85em;
            font-style: italic;
        }

li.ui-op-st-sel {
    background-color: dodgerblue;
    color: white;
}



/* Estilos problema */
div.ui-problema textarea {
    background-color: beige;
}

/* Estilos solucion */
div.marco-solucion {
    position: relative;
    overflow: hidden;
    margin: 0.25em auto 0.5em auto;
    /*padding-bottom: 2em;*/
    /*border: 1px solid black;*/
}

    div.marco-solucion .la-fecha,
    div.marco-solucion .la-usuario {
        display: inline-block;
        width: 45%;
        font-size: 0.9em;
        font-style: italic;
        color: teal;
        padding: 0.25em;
        margin: 0 1%;
        /*border: 1px solid #cae3fa;*/
    }

    div.marco-solucion .la-fecha {
        text-align: right;
    }

    div.marco-solucion .la-usuario {
        text-align: left;
    }

    div.marco-solucion textarea {
        background-color: #cae3fa;
    }



/* Estilos imagenes */
div.imgs-incidencia {
    position: relative;
    text-align: center;
}

    div.imgs-incidencia img {
        width: 90%;
        height: auto;
        margin: 12px auto;
        box-shadow: 0 0 0 4px #fff, 0 5px 20px;
    }

@media (min-width: 768px) {
    div.imgs-incidencia img {
        width: 40%;
        margin: 12px;
    }
}


/* Estilos notificación */
div.incidencias-notificacion {
    position: fixed;
    top: 3px;
    right: 3px;
    left: 3px;
    height: auto;
    background-color: #cae3fa;
    color: blue;
    padding: 1em 2em 3.5em 1em;
    border: 1px solid black;
    border-bottom: 3px solid gray;
    overflow: hidden;
    z-index: 100;
    display: none;
}

div.incidencias-notificacion p {
    text-align: center;
}

    div.incidencias-notificacion .button-incidencias-cerrar {
        position: absolute;
        top: 3px;
        right: 6px;
        color: black;
        cursor: pointer;
    }


    div.incidencias-notificacion .button-incidencias-ver {
        position: absolute;
        right: 6px;
        bottom: 3px;
    }

@media (min-width: 768px) {
    div.incidencias-notificacion {
        top: 3px;
        right: 3px;
        left: auto;
        width: 30em;
    }
}

/*
    Programador: Salvador Sifre Molina.
    Fecha: 1 de diciembre de 2014.

    Ultima revisión: 28 de mayo de 2019 a las 19:00.

 *********************************************************/

body {
    margin: 0px 0px;
    padding: 0px 0px;
    color: #000;
    background-color: #c8dff2;
    font-size: .85em;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
}

.body-content {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;

    min-height: 480px;
    min-height: 70vh;
}

ul {
    margin: 1em;
    font-family: Verdana;
    letter-spacing: 0.05em;
    word-spacing: 0.15em;
    line-height: 1.55em;
}

ul.ui-list
{
    margin-left: 2em;
}

p {
    margin: 0.5em 0.5em 0.25em 0.5em;
    padding: 0.25em;
    font-family: Tahoma, Verdana;
    letter-spacing: 0.1em;
    word-spacing: 0.1em;
    line-height: 1.5em;
}

div.issm-ui-img-contactar {
    position: relative;
    width: 280px;
    height: auto;
    margin: 2em auto;
    border: 1px solid silver;
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    border-radius: 25%;
    overflow: hidden;
}

    div.issm-ui-img-contactar:first-child {
        display: block;
    }

@media (min-width: 640px) {
    .issm-ui-menu-selected {
        background-color: rgba(0,0,0, 0.05);
        border-bottom: 3px inset gray;
        text-shadow: 1px 1px 3px gray;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }
}


#DivNotificacionEnvioCorreo {
    text-align: center;
}



/* Imagenes pie página */

.decoration-img-pie {
    height: 20em;
    background-color: #c8dff2;
    border: 6px solid #a7c9e4;
    margin: 0;
    padding: 0;
}

div#ImagenV1 {
    background-image: url(../Images/pie01.jpg);
}

div#ImagenV2 {
    background-image: url(../Images/pie02.jpg);
}

div#ImagenV3 {
    background-image: url(../Images/pie03.jpg);
}

div#ImagenV4 {
    background-image: url(../Images/pie04.jpg);
}

div#ImagenE1 {
    background-image: url(../Images/pieEmpresa01.jpg);
}

div#ImagenE2 {
    background-image: url(../Images/pieEmpresa02.jpg);
}

div#ImagenE3 {
    background-image: url(../Images/pieEmpresa03.jpg);
}

div#ImagenE4 {
    background-image: url(../Images/pieEmpresa04.jpg);
}


/*  Video portada  */
section.slider-site {
    min-height: 320px;
}

/* Accesos a la App */

img.ui-app {
    width: 210px;
    height: auto;
    margin: 1em;
    border: 1px solid black;
    background-color: black;
    border-radius: 14px;
}

    img.ui-app:hover {
        box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.25);
    }

    img.ui-app:active {
        border-top: 2px solid gray;
        border-left: 2px solid gray;
        border-right: 0;
        border-bottom: 0;
    }




div.ui-img-code-human {
    text-align: center;
}

    div.ui-img-code-human img {
        width: 210px;
        border: 2px solid black;
    }


/* *****************************************************************
    Personalización Tablas
 * *****************************************************************/
table caption {
    background-color: #8ca8c7 !important;
}

    table caption h2 {
        color: white;
    }

table th {
    color: #fff !important;
    background-color: #8ca8c7 !important;
}

div.ui-grupo-titulo-bg-silver {
    background-color: #8ca8c7 !important;
}