html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

#mainSection {width:100%; height:80%; background-color:white; display:block; overflow:hidden;}

html {
    /*background-color: #e2e2e2;*/
    margin: 0;
    padding: 0;
}

body {
    color: var(--ink);
    font-size: .7em;
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
}

header {
    height:15%;
    background-color:white;
    color: var(--ink);
    text-align:left;
    padding:5px;
    border-top: 4px solid var(--celeste);
    border-bottom:2px solid var(--ink);
}

h1 , h3 {
    margin-top:0;
    margin-bottom:0;
}

nav {
    line-height:30px;
    background-color: var(--celeste-tint);
    height:100%;
    width:12%;
    float:left;
    padding:3px;	      
}

footer {
    background-color: var(--ink);
    color: #ffffff;
    clear: both;
    text-align: center;
    padding: 5px;
    font-size:xx-small;
    border-top:2px solid var(--celeste);
    height:5%;
}

#div-1 {
    display: inline-block;
    margin: 5px 10px 5px 10px;
}

#div-2 {
    display: inline-block;
}

#div-3 {
    display: inline-block;
    float:right;
    margin-right:100px;
    margin-top:30px;
}

nav {
    text-align: left;
}

ul li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    font-size:11px;
    font-weight:bold;
}

a {
    color: var(--ink);
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
        color: var(--ink);
    }

    a:hover {
        background-color: var(--celeste-tint-hover);
    }

/*table {
    border: 1px solid;
}*/

/* adminMenu
----------------------------------------------------------*/
ul#adminMenu {
    font-size: 1.2em;
    font-weight: 400;    
    margin: 50px 5px 5px 5px;
    padding: 0;
    text-align:left;
}

    ul#adminMenu li {
        display: flex;
        list-style: none;
        padding-left: 15px;
    }

        ul#adminMenu li a {
            background: none;
            color: var(--ink-soft);
            text-decoration: none;
        }

            ul#adminMenu li a:hover {
                color: var(--celeste-text);
                text-decoration:solid;
            }

/* login page */
#loginForm {
    border-right: solid 2px var(--border-soft);
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

    /* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    height: 95%;
    width:85%;
    overflow:auto;
    /*overflow:scroll;*/
    padding-left:5px;
    padding-top:20px;
    float: left;
    /*padding: 10px;*/
}
#body {
    /*background-color: #efeeef;*/
    /*clear: both;*/
    padding-bottom: 35px;
}

    .main-menu {
        /*background: url("../Images/accent.png") no-repeat;*/
        padding-left: 10px;
        padding-top: 30px;
    }

    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/
        padding-left: 50px;
        padding-top: 30px;
        min-width:1000px;
        max-width:1000px;
        min-height:450px;
        max-height:450px;
    }

    .featured + .main-content {
        /*background: url("../Images/heroAccent.png") no-repeat;*/
    }

tr:nth-child(even) {background: white}
tr:nth-child(odd) {background: var(--celeste-tint);}


@media print {
    #body {
        /*font-family:'Times New Roman';*/
        width:100%;
    }
    
    header {
        height:auto;
        border-bottom: 1px solid black;
    }

    nav, #adminMenu, footer, .main-menu, #login, .noPrint {
        display: none;
    }
    table {
        /*width:95%;*/
    }
    table, tr {
        /*border:solid thin;*/
        font-size:10px;        
    }

    tr:nth-child(even) {background: white}
    tr:nth-child(odd) {background: white}

    th, td {
        /*align-content:;*/
        padding-left:10px;
        font-size:11.5px;
        font-family:'Times new Roman';
    }
    h2 {
        font-size: 14px;
    }
}

/* -- tablas con divs -- */

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: var(--celeste-tint);
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #D8D8D8;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: var(--celeste-tint);
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: var(--celeste-tint);
	display: table-footer-group;
	font-weight: bold;
}
    .divTableBody {
        display: table-row-group;
    }

.Bold{
    font-weight:bold;
    text-align:right;
}