TD {
    font-size: medium;
    font-family: Sans-Serif
}

html {
    /*evita desplazamiento horizontal si se cambia entre paginas con/sin scroll*/
    overflow-y: scroll; 
}

BODY {
    max-width: 1440px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    padding: 0;
    font-size: medium;
    font-family: Sans-Serif;
    text-align: left
}

/* contenidos a incluir en la pagina cuando el layout es desde javascript (la transformacion los hara visibles)*/
#content, #description, #keywords {
    display: none;
}

.bodyAfterBanner {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5% 0 1.5%
}

.alignLeft {
    text-align: left
}

H1 {
    font-weight: bold;
    font-size: 1.8em;
    color: #004c99;
    font-family: Sans-Serif;
    background-color: #fff;
    text-align: center
}

    H1.subtitle {
        font-size: 1.4em;
        color: #008cd9; /*un poco mas claro que H1*/
        background: transparent;
        margin-top: -0.5em;
        margin-bottom: 1.25em
    }

H2 {
    padding-left: 1em;
    font-size: 1.2em;
    color: #fff;
    background-color: #004c99;
    font-family: Sans-Serif
}

    H2 a:hover {
        color: #fff;
        background-color: #004c99
    }

H3, p.subtitle {
    font-size: 1.2em;
    color: #004c99;
    background: transparent;
    font-family: Sans-Serif;
    font-weight: bold
}

H4 {
    font-size: 1em;
    color: #004c99;
    background: transparent;
    font-style: italic;
    font-family: Sans-Serif
}

.testWatermark {
    display: block;
    position: absolute;
    background: white;
    opacity: 1.0;
    font-size: small;
    z-index: 999;
}

.center {
    text-align: center
}

.right {
    text-align: right
}

A:link, A:visited {
    color: #004c99;
    background: transparent
}

A:hover {
    color: #ff4500;
    background: transparent
}

img {
    border: 0
}

.news {
    display: block;
    color: #004c99;
    background-color: #e8eef7;
    width: 33.3333%;
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 1.5em;
    margin-right: 0;
    float: right;
    font-size: small;
    text-align: left;
    padding-top: .5em;
    padding-bottom: .2em;
    padding-left: 1em;
    padding-right: 1em;
    border-bottom: #e8eef7 solid;
    border-left: #e8eef7 solid;
    border-top: #e8eef7 solid;
    border-right: #e8eef7 solid
}

.newsh {
    display: block;
    font-size: medium;
    text-align: left;
    margin-bottom: .5em;
    border-bottom: #a5afd5 solid;
    border-left: #a5afd5 solid;
    border-top: #a5afd5 solid;
    border-right: #a5afd5 solid
}

.news, .newsh {
    border-radius: 1em;
    /*
    -ms-border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em
    */
}

    .news H1, .news H2, .newsh H1, .newsh H2 {
        color: #004c99;
        background: transparent;
        margin-top: .2em;
        margin-bottom: .5em;
        font-size: 1.2em;
        text-align: left
    }

    .news P {
        text-indent: -1.5em;
        margin-left: 1.5em;
        text-align: left
    }

    .newsh IMG {
        padding-right: 1em;
        padding-bottom: .75em
    }

    .news P, .newsh P {
        margin-top: .75em;
        margin-bottom: 0
    }

fieldset {
    padding-left: .5em;
    padding-right: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
    border-radius: 3px;
    border-bottom: #00afd5 thin solid;
    border-left: #00afd5 thin solid;
    border-top: #00afd5 thin solid;
    border-right: #00afd5 thin solid
}

LEGEND {
    FONT-FAMILY: Verdana,sans-serif;
    FONT-SIZE: 1.1em;
    color: #004c99;
    background: transparent
}

.menuHeader {
    clear: both;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: medium;
    position: relative;
    top: -0.25em;
    text-align: center
}

    .menuHeader A:hover {
        color: #ff4500;
        background-color: #ffb
    }

.menuFooter {
    clear: both;
    color: #004c99;
    font-weight: normal;
    font-size: small;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center;
}

    .menuFooter A:hover {
        color: #ff4500;
        background-color: #ffb
    }

.footer {
    text-align: left;
    font-size: small
}

    .footer IMG {
        border: 0;
        padding: .1em
    }

IMG {
    border: 0
}

.banner {
    clear: both;
    padding-left: 10pt;
    padding-right: 10pt;
    margin-top: 0;
    padding-top: 2pt;
    padding-bottom: 2pt;
    font-size: xx-large;
    font-weight: bold;
    font-family: Sans-Serif;
    text-align: left;
    background-color: #004c99;
    color: #fff
}

    .banner IMG {
        display: block;
        float: left;
        padding-top: 8pt;
        padding-right: 14pt
    }

    .banner H1 {
        font-size: xx-large;
        background-color: #004c99;
        color: #fff;
        margin-top: 2pt;
        margin-bottom: 0;
        padding-bottom: 2pt;
        text-align: left
    }

    .banner TD {
        color: #ffff80;
        background-color: #004c99
    }

.menuBanner {
    color: #004c99;
    margin-bottom: 1.5em;
    font-family: 'Arial Narrow',Sans-Serif;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    text-decoration: none
}

.menuSubBanner {
    color: #004c99;
    margin-bottom: 1.5em;
    margin-top: -1.2em;
    font-size: 100%;
    font-weight: bold;
    font-family: 'Arial Narrow',Sans-Serif;
    text-align: center
}

    .menuBanner A, .menuSubBanner A {
        text-decoration: none
    }

        .menuBanner A:hover, .menuSubBanner A:hover {
            color: #e8eef7;
            background-color: #004c99;
            text-decoration: none
        }

.menuBannerSelected A, .menuSubBannerSelected A {
    color: #004c99;
    background-color: #e8eef7;
    text-decoration: none
}

.menuLanguage {
    font-weight: normal;
    font-size: 74%;
    text-align: right
}

    .menuLanguage IMG {
        BORDER-TOP-WIDTH: 0;
        BORDER-LEFT-WIDTH: 0;
        BORDER-BOTTOM-WIDTH: 0;
        BORDER-RIGHT-WIDTH: 0
    }
/*
HR {
    clear: both;
    color: #00afd5;
    border-left-color: #00afd5;
    border-bottom-color: #00afd5;
    border-top-color: #00afd5;
    border-right-color: #00afd5;
    border-top-style: solid;
    border-bottom-style: solid
}

*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1.5px solid #00afd5;
    margin: 1em 0;
    padding: 0;
}
.smallTable TD {
    font-size: .85em
}

.smallTable TH {
    font-size: .90em;
    font-weight: bold
}

UL.spaced LI {
    padding-bottom: .2em;
    padding-top: .2em
}

UL.nospaced LI {
    padding-bottom: 0;
    padding-top: 0
}

UL.folder LI {
    list-style-image: url(/assets/icons/folder.gif)
}

.spaced DT {
    margin-top: 1em;
    font-weight: bold
}

.red {
    color: #dd0000
}

.blue {
    color: #0044dd
}

.green {
    color: #03883e
}

.rightSidebar {
    float: right;
    display: block;
    width: 50%;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 0;
    margin-right: 0;
    font-size: small;
    text-align: left
}

    .rightSidebar ul {
        margin-left: 5px;
        margin-right: 2px;
        padding-left: 12px;
        padding-right: 2px
    }

.floatLeft {
    float: left
}

.floatRight {
    float: right
}

.larger {
    font-size: larger
}

.hiddenIfNarrow {
    display: inherit
}
.clearIfNarrow {
    clear: none;
}

.columnLeft {
    float: left;
    width: 50%;
    padding-right: 1em
}

.columnRight {
    padding-left: 1em;
    margin-left: 50%
}

    .columnRight DL {
        margin-top: 0
    }

.columnLeft DL {
    margin-top: 0
}

.boxMargin {
    margin: .5em
}

input[type=button], input[type=submit], input[type=file], button[type=submit], button {
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 1px;
    text-align: center;
    min-width: 3.3em;
    font-weight: bold;
    height: 22px;
    font-family: Arial,Sans-Serif;
    color: white;
    background: #63afff;
    padding-bottom: 0;
    padding-top: 0
}

    input[type=button]:hover, input[type=submit]:hover, input[type=file]:hover, button[type=submit]:hover, button:hover {
        color: LightSkyBlue;
        background: #004c99
    }

textarea, select, input {
    border-color: #bbbbbb;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    margin: 1px;
}
select {
    padding-top: 1px;
}

.development {
    background-color: yellow;
    font-size: x-small;
    font-weight: bold;
    width: 100%;
    float: none;
    top: 0;
    display: block;
    clear: both;
    position: absolute
}