html {
    background-color: #DDDDDD;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 10px;
    background-color: #DDDDDD;
}

#footer {
    position: relative;
    bottom: -9px;
    width: 100%;
    height: 50px;
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    left: 0px;
}

body .WhiteBold {
    color: #FFFFFF;
    font-weight: bold;
    text-align: Center;
    border-right: 1px solid #ffffff;
}

.divtitulo {
    text-align: center;
    width: 100%;
    padding: 10px 0 20px;
    font: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #003;
}

.divtitulo2 {
    text-align: center;
    width: 1072px;
    padding: 2.5px 0 2.5px;
    font-size: small;
    font-weight: bold;
    color: #003;
}


.transp-block {
    background: #000 url('Estilo/images/confidencial.png') no-repeat;
    height: 86px;
    width: 226px;
}

img.transparent {
    filter: alpha(opacity=75);
    opacity: .75;
}

#principalContent {
    font-size: 12px;
    padding-bottom: 150px;
    background-color: #DDDDDD;
}

#topHeader {
    background: url('Estilo/images/header.png') repeat-x center top;
    height: 172px;
    width: auto;
}

#menuHeader {
    padding: 26px 0 25px;
    background: #ffffff url('Estilo/images/container.gif') repeat-x bottom center;
    font-family: Tahoma;
    font-size: 15px;
    z-index: 4;
}

#menu1 {
    z-index: 2;
    position: relative;
}

.widthGeneral {
    width: 1146px;
    margin: 0 auto 0 auto;
    z-index: 0;
}

.style2 {
    background: url('Estilo/images/header.png') repeat-x top center;
}

div#logo {
    float: right;
    width: 301px;
    height: 86px;
    background: url('Estilo/images/logo.png') no-repeat center center;
    margin-top: 22px;
}

#Titulo {
    color: white;
    font: 38px sans-serif;
    letter-spacing: -1px;
    padding: 20px 0 0 0;
    width: 746px;
    text-shadow: 0.1em 0.1em 0.05em #333;
}

#SubTitulo {
    color: white;
    font: 25px sans-serif;
    letter-spacing: -1px;
    padding: 5px 0 0 0;
    width: 748px;
    text-shadow: 0.1em 0.1em 0.05em #333;
}

h2.tablaTitle {
    padding: 7px;
    background: url('Estilo/images/headerbox.png') repeat-x top center;
    font-size: 19px;
    text-shadow: 0 1px 0 #151515;
    color: #FFFFFF;
    font-weight: normal;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    margin: 0;
}

table.lista {
    box-shadow: 0 0 10px #AAA;
    background: #FFFFFF;
    border-collapse: collapse;
    margin-bottom: 10px;
    border-spacing: 0;
    border: 1px solid #999999;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

    table.lista th {
        background: url('Estilo/images/thead.gif') repeat-x scroll 0 0 #DDDDDD;
        border-left: 1px solid #F2F2F2;
        border-right: 1px solid #D5D5D5;
        text-shadow: 0 1px 0 #FFFFFF;
        padding: 5px 5px 4px;
        font-weight: normal;
        text-align: left;
        font-size: 11px;
        width: 100%;
    }

        table.lista th:first-child {
            border-left: none;
            border-right: 1px solid #D5D5D5;
        }

    table.lista td {
        vertical-align: baseline;
        color: #0F5290;
        padding: 5px 5px 4px;
        font-size: 11px;
        min-width: 150px;
    }

form {
    background: #DDDDDD;
    border-collapse: collapse;
    border-spacing: 0;
}



t {
    padding: 5px;
    background: url('Estilo/images/thead.gif') repeat-x scroll 0 0 #DDDDDD;
    border: 1px #CFCFCF solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.Centrado {
    text-align: center;
    /*top: 20px;*/
    left: 0px;
}

    div.Centrado table {
        margin: 0 auto;
        text-align: left;
        /*font-weight: 700;*/
    }

el2 {
    text-align: center;
}

#Panel2 table {
    margin: 0 auto;
    text-align: left;
}

#intro {
    text-align: right;
    font-size: 12px;
    margin-bottom: 5px;
    margin-bottom: 5px;
    width: 94%;
}

.preload1 {
    background: url(Estilo/images/blank_over.gif);
}

.preload2 {
    background: url(Estilo/images/blank_overa.gif);
}

#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 36px;
    background: #fff;
    position: relative;
    z-index: 500;
    font-family: arial, verdana, sans-serif;
}

    #nav li.top {
        display: block;
        float: left;
    }

    #nav li a.top_link {
        display: block;
        float: left;
        height: 36px;
        line-height: 27px;
        color: #ccc;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        padding: 0 0 0 5px;
        cursor: pointer;
        background: url(Estilo/images/blank.gif);
    }

        #nav li a.top_link span {
            float: left;
            display: block;
            padding: 0 24px 0 12px;
            height: 36px;
            background: url(Estilo/images/blank.gif) right top;
        }

            #nav li a.top_link span.down {
                float: left;
                display: block;
                padding: 0 24px 0 12px;
                height: 36px;
                background: url(Estilo/images/blanka.gif) no-repeat right top;
            }

        #nav li a.top_link:hover {
            color: #fff;
            background: url(Estilo/images/blank_over.gif) no-repeat;
        }

            #nav li a.top_link:hover span {
                background: url(Estilo/images/blank_over.gif) no-repeat right top;
            }

                #nav li a.top_link:hover span.down {
                    background: url(Estilo/images/blank_overa.gif) no-repeat right top;
                }

    #nav li:hover > a.top_link {
        color: #fff;
        background: url(Estilo/images/blank_over.gif) no-repeat;
    }

        #nav li:hover > a.top_link span {
            background: url(Estilo/images/blank_over.gif) no-repeat right top;
        }

            #nav li:hover > a.top_link span.down {
                background: url(Estilo/images/blank_overa.gif) no-repeat right top;
            }

    /* Default list styling */

    #nav li:hover {
        position: relative;
        z-index: 200;
    }

        /* keep the 'next' level invisible by placing it off screen. */
        #nav ul,
        #nav li:hover ul ul,
        #nav li:hover ul li:hover ul ul,
        #nav li:hover ul li:hover ul li:hover ul ul,
        #nav li:hover ul li:hover ul li:hover ul li:hover ul ul {
            position: absolute;
            left: -9999px;
            top: -9999px;
            width: 0;
            height: 0;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #nav li:hover ul.sub {
            left: 0;
            top: 31px;
            background: #fff;
            padding: 3px;
            border: 1px solid #3a93d2;
            white-space: nowrap;
            width: 275px;
            height: auto;
            z-index: 300;
        }

            #nav li:hover ul.sub li {
                display: block;
                height: 20px;
                position: relative;
                float: left;
                width: 275px;
                font-weight: normal;
            }

                #nav li:hover ul.sub li a
                /*200 aqui*/ {
                    display: block;
                    font-size: 11px;
                    height: 20px;
                    width: 270px;
                    line-height: 20px;
                    text-indent: 5px;
                    color: #000;
                    text-decoration: none;
                }

    #nav li ul.sub li a.fly {
        background: #fff url(Estilo/images/arrow.gif) 255px 7px no-repeat;
    }

    #nav li:hover ul.sub li a:hover {
        background: #3a93d2;
        color: #fff;
    }

    #nav li:hover ul.sub li a.fly:hover {
        background: #3a93d2 url(Estilo/images/arrow_over.gif) 255px 7px no-repeat;
        color: #fff;
    }

    #nav li:hover ul li:hover > a.fly {
        background: #3a93d2 url(Estilo/images/arrow_over.gif) 255px 7px no-repeat;
        color: #fff;
    }

    #nav li:hover ul li:hover ul,
    #nav li:hover ul li:hover ul li:hover ul,
    #nav li:hover ul li:hover ul li:hover ul li:hover ul,
    #nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
    /* modifique aca width 150 a 350*/ {
        left: 270px;
        top: -4px;
        background: #fff;
        padding: 3px;
        border: 1px solid #3a93d2;
        white-space: nowrap;
        width: 275px;
        z-index: 400;
        height: auto;
    }

/* ajax modal dialog styles */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalBox {
    background-color: #f5f5f5;
    border-width: 3px;
    border-style: solid;
}

.modalBox {
    border: 3px solid Blue;
    background-color: #f5f5f5;
    padding: 3px;
    text-align: left;
    font-size: medium;
}

  

/* tweb modal dialog styles */
.modalPanelTitle td {
    padding: 3px;
    font-weight: bold;
    font-size: 0.9em;
    background-image: url(images/window_titlebg.gif);
    cursor: pointer;
    color: black;
    font-family: Verdana;
    width: 100%;
    height: 30px;
    background-color: #6f90dc;
}

.modalPanel td {
    vertical-align: top;
}

   


.CajaDialogo {
    background-color: #99ffcc;
    border-width: 4px;
    border-style: outset;
    border-color: Yellow;
    padding: 0px;
    width: 275px;
    font-weight: bold;
    font-style: italic;
}


    .CajaDialogo div {
        margin: 7px;
        text-align: center;
    }




input[type=radio] {
    display: none;
}

    input[type=radio] + label {
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #b3b3b3;
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        margin-left: -2px;
        margin-right: -2px;
        margin-top: -2px;
    }

    /*input[type=radio] + label {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
    display:inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -2px;
}*/

    input[type=radio]:checked + label {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color: #4CA5E1;
    }

/*input[type=checkbox] + label {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
    display:inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -2px;
}*/

/*input[type=checkbox]:checked + label {
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#4CA5E1;
}*/