html {
    font-size: 62.5%; /* font-size 1rem = 10px on default browser settings */
}

body {
    /*margin-left: 16px;
    margin-top: 12px;*/
	top:0;
	left:0;
	margin:0;
	padding:0;
    font-family: Helvetica, Arial,  sans-serif; /*"Trebuchet MS", , Helvetica, */
    font-size: 1.1rem; /* font-size 1em = 10px on default browser settings */
    background-color: #F4F9F9;
}

.DivLogin{
	background:#FFF; 
	border-radius:10px;
	margin:auto; width:538px;
	box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.6);
	z-index:9999;
}

.DivLogin #BannerCentro, .DivLogin #BannerDer, .DivLogin #BannerIzq{
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  
}

a {
    text-decoration: none;
    color: #476475; /*333*/
}

    a:hover {
        text-decoration: none;
        color: #0E91AC; /*FF9900*/
    }

.titulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF; /*000*/
    background-color: #586473; /*#F0B842*/
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.subtitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #FFEDB3; /*#ECD176*/
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.titulo > span {
    font-size: 0.8em;
    color: #333;
    font-weight: normal;
}

table {
    padding: 0;
    border: 0;
    vertical-align: text-top;
    /*width:90% !important;*/
    margin: 0 auto 0 auto;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    /*color: #FFF;*/ /*476475*/ /*333333*/
    background-color: #FFF;
    vertical-align: middle;
    /*padding-top:10px;
	padding-bottom:10px;
	padding-left:20px !important;*/
}

.cien table {
    width: 100% !important;
}



.navegator {
    font-size: 14px;
    text-decoration: none;
    color: #586473; /*006699*/
}

    .navegator:hover {
        font-size: 14px;
        text-decoration: none;
        color: #000000;
    }

.aBottom {
    text-decoration: none;
    color: #CCCCCC;
    font-weight: bold;
}

    .aBottom:hover {
        text-decoration: none;
        color: #FFFFFF;
        font-weight: bold;
    }

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /*padding:5px;*/
    color: #333;
}

select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: px;
	border-radius: 6px;
}

checkbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.tit-formulario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-right: 20px;
	color: #051C49;
}

.txt-formulario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

.porcentaje {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #0E91AC; /*#FF9900*/
}

.porcentaje2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0E91AC; /*FF9900*/
    text-align: right;
    padding-right: 4px;
}

.mes-ano {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #e2e2e2;
}

.mes-ano2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #e2e2e2;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
}

.mes-ano3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	background-color: #DAE8FC;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
}

.mes-ano4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DAE8FC;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
}

.tit-pgr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    /*background-image: url(../img/tit-acc3.jpg);*/
    background-color: #FFEDB3;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform:uppercase;
}

.tit-pgr-edit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF; /*333*/
    background-color: #586473; /*f0b842*/
    height: 22px;
    vertical-align: middle;
}

.tit-pgr-cat{
	background-color:#EBEAEA;
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
}

.subtit-pcr-edit-cel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #ECD176; /*c9dbea*/
    height: 22px;
    vertical-align: middle;
}

.subtit-pcr-edit-ver {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #78E67A;
    height: 22px;
    vertical-align: middle;
}

.subtit-pcr-edit-nar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #FF9A57;
    height: 22px;
    vertical-align: middle;
}

.subtit-pcr-edit-ama {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #FFDE5B;
    height: 22px;
    vertical-align: middle;
}

.subtit-pcr-edit-azu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #33CCFF;
    height: 22px;
    vertical-align: middle;
}

.subtit-pcr-edit-roj {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #FF3333;
    height: 22px;
    vertical-align: middle;
}

.fondo-flechas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    background-image: url(../img/fondo-flechas.jpg);
    height: 22px;
}

.nombreUsuario {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.nombreActividad {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    /*color: #333333;
    background-color: #ECD176;*/
    padding-left: 4px;
    padding-right: 4px;
}

.TTitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #993300;
    text-decoration: none;
    background-color: #CCCCCC;
    font-weight: bold;
    border-right: 1px solid #477DA7;
    border-bottom: 1px solid #477DA7;
    padding-left: 5px;
    padding-right: 5px;
}

.TTotalNormal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 1px;
}

.TTituloMenor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    background-color: #D1DEE9;
    font-weight: bold;
    border-right: 1px solid #477DA7;
    border-bottom: 1px solid #477DA7;
    padding-left: 5px;
    padding-right: 5px;
}

.TSubTitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #231F20; /*333333*/
    text-decoration: none;
    background-color: #EBEAEA; /*EFEFEF*/
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.TSubTituloReg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    background-color: #EFEFEF;
    font-weight: bold;
    border-right: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    padding-left: 5px;
    padding-right: 5px;
}

.TSubTituloMenor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}

.TColumna {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    background-color: #efefef;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.TColumnaMenor {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-decoration: none;
    background-color: #D1DEE9;
    font-weight: bold;
    border-right: 1px solid #477DA7;
    border-bottom: 1px solid #477DA7;
    padding-left: 5px;
    padding-right: 5px;
}

.TFila {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    background-color: #EFEFEF;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}

.TNormal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: none;
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #476475;
	text-align:center;
}

.BordeTopDown {
    border-bottom: 1px solid #999999;
    padding-left: 1px;
    padding-right: 1px;
}

.TextoLink {
    /*color: #333333;*/
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
}

.tablaTituloLeft {
    /*background-image: url(../img/esquina-celeste-top-left.gif);*/
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #ECD176;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    color: #FFFFFF;
    height: 10px
}

.tablaTituloRight {
    /*background-image: url(../img/esquina-celeste-top-right.gif);*/
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ECD176;
}

.tablaBottomLeft {
    /*background-image: url(../img/esquina-celeste-bottom-left.gif);*/
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #ECD176;
}

.tablaBottomRight {
    /*background-image: url(../img/esquina-celeste-bottom-right.gif);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #ECD176;
}

.tablaRelleno {
    color:#476475;
	background-color: #F4F9F9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-right: 20px;
}









/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}*/

#menu3 {
    MARGIN: 0;
    WIDTH: 300px;
}

html body form div#menu3 ul {
    margin: 0;
    padding: 0;
}

#menu3 ul LI {
    list-style: none !important;
    margin: 0;
}


#menu3 LI A {
    TEXT-DECORATION: none;
    voice-family: inherit;
	background-color:#EBEAEA;
    color: #231F20;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;/*"Trebuchet MS", */
    font-weight: normal;
    padding: 10px;
    vertical-align: middle;
	border-bottom:2px #FFFFFF solid;
}

    #menu3 LI A:link, #menu3 LI A:visited {
        DISPLAY: block;
        color: #333 !important;
    }

    #menu3 LI A:hover {
        COLOR: #fff !important;
        background-color: #586473;
    }

#menu3 LI #current {
    /*BACKGROUND: url(../img/menu3.gif) 0px -32px;*/
    COLOR: #fff !important;
    background-color: #586473;
	text-transform: uppercase;
	font-weight:bold;
}

    #menu3 LI #current:after {
        content: " >";
    }

#menu3 LI A:active {
    /*BACKGROUND: url(../img/menu3.gif) 0px -32px;*/
    COLOR: #283a50;
}
















.banner {
    vertical-align: bottom;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    padding-right: 18px;
    padding-bottom: 8px;
    color: #003366;
}

.tit-reporte {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-left: 50px;
}

.nomJer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}

.nomPer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
}

.realTot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: left;
}

.TotalFila {
    background: #697789; /*ECD176*/
	color:#FFF;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

#BannerMini {
    text-align: center;
    height: 80px;
    width: 100%;
    background-image: url("../img/minibanner1.png");
    background-repeat: no-repeat;
    background-position: top center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#BannerIzq {
    text-align: right;
    height: 100px;
    width: 100%;
    background-image: url("../img/Banner1.png?v=2");
    background-repeat: no-repeat;
    background-position: top left;
    /*background-color:#FFFFFF;*/
}

#BannerCentro {
    height: 100px;
    width: 100%;
    /*background-color: #fff;*/
    background:url("../img/Banner3.png") repeat-x left top;
}

#BannerDer {
    height: 100px;
    width: 100%;
    background: url("../img/Banner2.png") no-repeat right top;
}

#BannerIzq2 {
    text-align: right;
    height: 100px;
    width: 100%;
    background-image: url("../img/BannerIzq3.png");
    background-repeat: no-repeat;
    background-position: top left;
    /*background-color:#FFFFFF;*/
}

#BannerCentro2 {
    height: 100px;
    width: 100%;
    background-color: #fff;
    background: url("../img/trama camión.png") no-repeat;
    background-position: center top;
    background-size: auto 105px;
}

#BannerDer2 {
    height: 100px;
    width: 100%;
    background: url("../img/Logos Derecha.png") no-repeat 97% center;
}

.Barra {
    height: 10px;
    width: 100%;
    display:flex;
}

.Barra div{
    height: 10px; 
    width: 100%;
}

.Paginador {
    text-align: center;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 4px;
    color: #373d44;
}

    .Paginador .current {
        border: 1px solid #15428B;
        margin-left: 4px;
        margin-right: 4px;
        padding: 2px;
        width: 18px;
        cursor: default;
        background-color: #8b8b8e;
        font-weight: bold;
        color: #FFF;
    }

    .Paginador a {
        border: 1px solid #000;
        margin-left: 2px;
        margin-right: 2px;
        padding: 2px;
        width: 18px;
        cursor: pointer;
        font-weight: normal;
        text-decoration: none;
        color: #333;
    }

        .Paginador a:hover {
            border: 1px solid #15428B;
            margin-left: 2px;
            margin-right: 2px;
            padding: 2px;
            width: 18px;
            font-weight: bold;
            color: #15428B;
        }

#ad a {
    background-color: #45AFB2;
    color: #000000;
}

    #ad a:hover, #ad a:active {
        font-weight: bold;
        text-decoration: underline;
    }

    #ad a:link, #ad a:visited {
        text-decoration: none;
    }


.linkFecha {
    font: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}

    .linkFecha:hover {
        font: Arial;
        font-size: 11px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
    }

.linkNoticia {
    font: Arial;
    font-size: 11px;
    color: #f5f5f5;
    text-decoration: none;
    font-weight: normal;
}

    .linkNoticia:hover {
        font: Arial;
        font-size: 11px;
        color: #f5f5f5;
        text-decoration: underline;
        font-weight: normal;
    }

.DivRpt {
    background: #FFF;
    border: 1px solid #CCC;
    width: 91%;
    /*height:150px;*/
    vertical-align: middle;
    /*display:inline;
	margin:10px;*/
    padding-top: 4px;
    padding-bottom: 4px;
}

    .DivRpt span {
        color: #F00;
    }

#title {
    background: #F9F5DC;
    width: 25%;
    border: 1px solid #F58134;
    color: #333;
    text-align: left;
    /*font-weight:bold;*/
    position: absolute;
    padding: 6px;
    /*filter:alpha(opacity=90); 
	opacity:0.9;*/
    display: none;
    z-index: 99999;
    border-radius: 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari y Chrome */
    font-size: 1.2em;
}

.ItemArchivo {
    border: solid 1px #0E91AC; /*#F58134*/
    background: #FFF;
    padding: 4px 6px;
    /*display: inline-block;*/
    margin-right: 4px;
    margin-bottom: 4px;
    font-size: 14px !important;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 4px;
    float: left;
    /*max-width: 196px;*/
    /*overflow: hidden;*/
    text-align: right;
}

    .ItemArchivo div {
        font-size: 12px;
        letter-spacing: normal;
        text-align: left;
        border-top: 1px solid #F58134;
        margin-top: 4px;
        padding-top: 4px;
        color: #666;
    }

.hov {
    cursor: pointer;
}

.tblERFTAsoc {
    width: 100%;
    margin: auto;
    font-size: 10px;
    table-layout: fixed;
    color: #666;
    letter-spacing: normal;
}

    .tblERFTAsoc th, .TablaSelERFT th {
        padding: 4px 4px;
        text-align: left;
        font-size: 11px;
    }

    .tblERFTAsoc td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0px 4px;
        background: #FFF;
        color: #666;
    }

.TablaSelERFT {
    width: 100%;
    margin: auto;
    font-size: 11px;
    color: #666;
    border-collapse: collapse;
}

    .TablaSelERFT td {
        padding: 4px 4px;
        background: #FFF;
        color: #666;
        font-size: 11px;
        transition-duration: 300ms;
        transition-property: background-color;
    }

    .TablaSelERFT tr:nth-child(even) td {
        background-color: #f3f0f7;
    }

    .TablaSelERFT tr:nth-child(odd) td {
        background-color: #FFF;
    }

    .TablaSelERFT tr:hover td {
        /*box-shadow:rgba(0,0,0,.3) 0px 0px 6px;*/
        background: #fcf3e0;
        color: #333;
    }

    .TablaSelERFT tr.select td {
        background: #9be286;
        color: #333;
    }

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}

.ventana {
    position: relative;
    background: #FFF;
    border-radius: 6px;
    width: 90%;
    margin: auto;
    margin-top: 3%;
    padding: 10px 10px;
}

.BuscaERFT {
    width: 100%;
    padding: 1px 2px;
}

input.BuscaERFT {
    width: 100%;
    padding: 2px 4px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AAA;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAA;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #AAA;
}

select.BuscaERFT {
    color: grey
}

.BuscaERFT option:not(first-child) {
    color: black
}



input[type=button] {
    margin: 0.6em;
    padding: 10px 24px;
    margin-left:2px;
    color: #FFF;
    background: #38ACA9; /*#006699;*/
    border-radius: 8px;
    border: 1px solid #586473; /*#006699;*/
    cursor: pointer;
    font-size: 16px;
    transition: 0.2s ease;
}

    input[type=button]:hover {
        transform: scale(1.02);
	    text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
    }


.Tabla {
    margin: auto;
    width: 100%;
    color: #555;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .Tabla th {
        font-size: 1.2em;
        padding: 0.6rem 0.4rem;
        text-align: center;
        color: #333333;
        text-decoration: none;
        background-color: #d1c3e1;
        font-weight: bold;
    }

    .Tabla tr:nth-child(even) td {
        background-color: #DBEEF3; /*#f3f0f7;*/
        padding: 0.6rem 1rem;
    }

    .Tabla tr:nth-child(odd) td {
        background-color: #FFF;
        padding: 0.6rem 1rem;
    }

/*FontAwesome estilos propios*/
.fa, .fas, .far {
   /* color: #606060;*/
    padding-left: 2px;
    padding-right: 2px;
    transition-duration: 300ms;
    transition-property: color;
}

.fa-hover:hover {
    color: #ECAA37;
    cursor: pointer;
    /*text-shadow:0px 0px 0.1em #EE2E41;*/
}

.fa-hoverColor {
    color: #FFF;
}

    .fa-hoverColor:hover {
        color: #46355B;
        text-shadow: 1px 1px 8px #FFF;
        cursor: pointer;
    }

.fa-current {
    color: #66C8C7;
}

tr:hover .fa-current {
    color: #FFF;
}

.fa-lg15 {
    font-size: 1.5em;
}

.fa-lg16 {
    font-size: 1.66666667em;
}

.fa-16px {
    font-size: 16px;
}

.EsERFT{display:none;}

h1 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: left;
    border-bottom: 2px solid #0E91AC; /*#EDAA1E*/
    margin: 10px 30px;
    padding-top: 10px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: left;
    margin: 10px;
    padding-top: 10px;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: left;
    margin: 10px;
    padding-top: 10px;
}

.DivRpte {
    width: 150px;
    height: 140px;
    /*border:outset; */
    /*	border-width: 1px;*/
    transition: 0.2s ease;
    -moz-transition: 0.2s ease; /* Firefox */
    -webkit-transition: 0.2s ease; /* Chrome - Safari */
    -o-transition: 0.2s ease; /* Opera */
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.5);
    border: 1px solid #0E91AC; /*EDAA1E*/
    background: #fff;
    padding: 6px;
    border-radius: 5px;
    float: left;
    margin: 10px;
    cursor: pointer;
    
    text-align: center;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}

    .DivRpte:hover {
        /*border:outset; */
        border-width: 1px;
        transform: scale(1.05);
        -moz-transform: scale(1.05); /* Firefox */
        -webkit-transform: scale(1.05); /* Chrome - Safari */
        -o-transform: scale(1.05); /* Opera */
        -ms-transform: scale(1.05); /* IE9 */
        /*background: #66C8C7;*/
    }


.CovidTabla {
    width: 93%;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #586473; /*#c39f41;*/
}

    .CovidTabla th {
        font-size: 14px;
        font-weight: bold;
        color: #FFF; /*#544406;*/
        background-color: #697789; /*#f3e2b7*/
        text-align: center;
        padding-top: 4px;
        padding-bottom: 4px;
        border: 1px solid #586473; /*#c39f41;*/

        white-space:nowrap;
    }

    .CovidTabla td {
        padding: 8px;
        background: #FFF;
        color: #555;
        font-size: 12px;
        text-align:center;
        border: 1px solid #586473; /*#c39f41;*/
        transition-duration: 250ms;
        transition-property: background-color, color;
        transition-timing-function: ease-in-out;
    }

    .CovidTabla tr:nth-child(odd) td {
        background-color: #fcf9f0;
    }

    .CovidTabla tr:hover td {
        background: #FFFFCC;
        color: #000;
    }

/*radio personalizados*/
.MiRadio [type="radio"]:checked, .MiRadio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .MiRadio [type="radio"]:checked + label,
    .MiRadio [type="radio"]:not(:checked) + label {
        position: relative;
        padding: 0 2.4em 0 1.6em;
        cursor: pointer;
        line-height: 1.2;
        display: inline-block;
    }

        .MiRadio [type="radio"]:checked + label:before,
        .MiRadio [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1.125em;
            height: 1.125em;
            border: 1px solid #ccc;
            border-radius: 100%;
            background: #fff;
        }

        .MiRadio [type="radio"]:checked + label:after,
        .MiRadio [type="radio"]:not(:checked) + label:after {
            content: '';
            width: calc(1.125em - 2px);
            height: calc(1.125em - 2px);
            background: #606064;
            position: absolute;
            top: 1px;
            left: 1px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .MiRadio [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .MiRadio [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.TextoMiPGR{
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	padding-right:4px;
}
.TextoMiPGR span{
	font-weight:bold;
}

.TablaLogin{
	
}
.TablaLogin td, .tdBlanco{
	background-color:#FFF;
}
.tdCeleste{
	background-color: #F4F9F9;
}
.BordeSep{
	width:100%;
	height:0px;
	border-top:#6E78A0 solid 4px;
}

.TblError{
	background-color:#FFF; 
	text-align:left; 
	color:#666; 
    font-size:16px; 
	font-family:Calibri, Tahoma, Arial; 
	border:1px dashed #333; 
	margin:20px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	

    box-shadow:rgba(0,0,0,0.6) 2px 2px 10px;
}

code {
    font-size: 0.7em;
    line-height:1em;
}

.Contenido{
	width:100%;
    text-align:center;
	background-color: #F4F9F9;
}

.Boton {
	color: #fff;
	background-color: #38ACA9;
	cursor: pointer;
	font-size: 16px;
	transition: 0.2s ease;
	font-family:Calibri;
	margin-left:2px;
	font-weight:bold;
	padding: 10px 24px;
	border-radius: 8px;
}

.Boton:hover {
	transform: scale(1.02);
	text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
}

.fa-Boton {
	color: #38ACA9;
	cursor: pointer;
	font-size: 16px;
	transition: 0.2s ease;

	margin-left:2px;
}

.fa-Boton:hover {
	transform: scale(1.02);
	text-shadow: 0px 2px 10px rgba(0,0,0,0.4);
}

.BotonVolver {
	float:right;
    text-align:right;
    padding-right:250px;
}

.RepCont {
	margin:auto;
	max-width:80%;
	height:auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
}
    .RepCont div, .RepCont a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #F4F9F9;
        color: #FFF; /*476475*/
        font-size: 20px;
        font-weight: bold;
        margin: 20px;
        padding: 10px 10px;
        width: 240px;
        height: 240px;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
        transition-property: box-shadow, color;
        transition-duration: 300ms;
    }
    .RepCont div:hover, .RepCont a:hover {
        /*color:#ffffd8; 0e91ac*/
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    }
.RepCont div i{
	color:#FFF;
	text-decoration:none;
}
a:hover, a:visited {
	text-decoration:none;
}
.RepContDet {
	margin:auto;
	width:70%;
	height:auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
}
    .RepContDet div, .RepContDet a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #F4F9F9;
        color: #FFF; /*476475*/
        font-size: 14px;
        font-weight: bold;
        margin: 20px;
        padding: 10px 10px;
        width: 200px;
        height: 200px;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
        transition-property: box-shadow, color;
        transition-duration: 300ms;
    }
    .RepContDet div:hover, .RepContDet a:hover {
        /*color:#ffffd8; 0e91ac*/
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    }
.RepContDet div i{
	color:#FFF;
	text-decoration:none;
}

.mail {
	font-weight: bold
}

.RepContBoton{
    height:196px;
    width:196px;
    color:#FFF;
}

.RepContBoton tr{
    width:100%;
}

.RepContBotonIzq{
    height:34px;
    width:50%;
    text-align:left;
}

.RepContBotonDer{
    height:34px;
    width:50%;
    text-align:right;
    font-size:18px;
    color:#FFF;
}

.RepContBotonCen{
    height:106px;
    width:100%;
    font-size:15px;
    text-align:center;
    color:#FFF;
}

.RepContBotonPie{
    height:40px;
    font-weight:bold;
    font-size:14px;
    width:100%;
    color:#FFF;
    text-align:center;
}

.mensaje {
    font-size: 18px; 
    float:left; 
    text-align:left; 
    padding-left:40px; 
    width:20%; 
    padding-top:30px;
}

.RepContLista {
	margin:auto;
	max-width:75%;
	height:auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
}

/*.RepContLista div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #F4F9F9;
        color: #FFF; *//*476475*/
        /*font-size: 14px;
        font-weight: bold;
        margin: 20px;
        padding: 10px 10px;
        width: 100%;
        height: 100%;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
        transition-property: box-shadow, color;
        transition-duration: 300ms;
    }*/

@media (max-width: 900px) {

    .RepCont {
        margin: auto;
        max-width: 98%;
        height: auto;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        
    }

        .RepCont div, .RepCont a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #F4F9F9;
            color: #FFF; /*476475*/
            font-size: 26px;
            font-weight: bold;
            margin: 20px;
            padding: 10px 10px;
            width: 240px;
            height: 240px;
            text-align: center;
            cursor: pointer;
            border-radius: 10px;
            transition-property: box-shadow, color;
            transition-duration: 300ms;
        }

            .RepCont div:hover, .RepCont a:hover {
                /*color:#ffffd8; 0e91ac*/
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
            }

            .RepCont div i {
                color: #FFF;
                text-decoration: none;
            }
            .RepCont div img {
                height: 100px;
                width: 112px;
                font-size: 15px;
                text-align: center;
                color: #FFF;
            }


    .RepContDet {
        margin: auto;
        width: 98%;
        height: auto;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
    }

        .RepContDet div, .RepContDet a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #F4F9F9;
            color: #FFF; /*476475*/
            font-size: 14px;
            font-weight: bold;
            margin: 20px;
            padding: 10px 10px;
            width: 200px;
            height: 200px;
            text-align: center;
            cursor: pointer;
            border-radius: 10px;
            transition-property: box-shadow, color;
            transition-duration: 300ms;
        }

            .RepContDet div:hover, .RepContDet a:hover {
                /*color:#ffffd8; 0e91ac*/
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
            }

            .RepContDet div i {
                color: #FFF;
                text-decoration: none;
            }

    .BotonVolver {
        float: right;
        text-align: right;
        padding-right: 50px;
    }

    .mensaje {
        display: none;
    }

    .RepContBotonPie {
        height: 40px;
        font-weight: bold;
        font-size: 16px;
        width: 100%;
        color: #FFF;
        text-align: center;
    }
}



.breadcrumb {
    list-style: none;
    overflow: hidden;
    /*font: 14px Helvetica, Arial, Sans-Serif;*/
    font-size: 14px;
    padding-left: 10px;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            background: brown; /* fallback color */
            background: hsla(193, 43%, 21%, 1);
            position: relative;
            display: block;
            float: left;
        }

            .breadcrumb li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(193, 43%, 21%, 1); /* hsla(34,85%,35%,1);*/
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumb li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumb li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb li:nth-child(2) a {
            background: hsla(193, 43%, 31%, 1);
        }

            .breadcrumb li:nth-child(2) a:after {
                border-left-color: hsla(193, 43%, 31%, 1);
            }

        .breadcrumb li:nth-child(3) a {
            background: hsla(193, 43%, 41%, 1);
        }

            .breadcrumb li:nth-child(3) a:after {
                border-left-color: hsla(193, 43%, 41%, 1);
            }

        .breadcrumb li:nth-child(4) a {
            background: hsla(193, 43%, 51%, 1);
        }

            .breadcrumb li:nth-child(4) a:after {
                border-left-color: hsla(193, 43%, 51%, 1);
            }

        .breadcrumb li:nth-child(5) a {
            background: hsla(193, 43%, 61%, 1);
        }

            .breadcrumb li:nth-child(5) a:after {
                border-left-color: hsla(193, 43%, 61%, 1);
            }

        .breadcrumb li:nth-child(6) a {
            background: hsla(193, 43%, 71%, 1);
        }

            .breadcrumb li:nth-child(6) a:after {
                border-left-color: hsla(193, 43%, 71%, 1);
            }

/*        .breadcrumb li:last-child a {
            background: white !important;
            color: black;
            pointer-events: none;
            cursor: default;
        }

            .breadcrumb li:last-child a:after {
                border: 0;
            }*/

        .breadcrumb li a:hover {
            background: #66C8C7;
        }

            .breadcrumb li a:hover:after {
                border-left-color: #66C8C7 !important;
            }