/* Barra de desplazamiento vertical siempre visible en FF. */
html {
    height: 100%;
    margin-bottom: 1px;
    background: #045CB5;
}

body {
    width: 770px;
    margin: 0 auto;
    position: relative;
    font-family: verdana,
                 arial,
                 helvetica,
                 san-serif;
    font-size: .7em;    /* .7=8pt; .8=10pt; 1=12pt */
}
    body * {
        font-size: 100%;
        color: #000000;
        background-color: #ffffff;
    }
    body img {
        background-color: transparent;
    }
body .wrapper {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
#contents {
    margin: 5px;
    overflow: hidden;
}
#top {
    width: 100%;
    overflow: hidden;
}
#top .left {
    width: 188px;
    float: left;
}
#top .left div {
    text-align: center;
}
#top .left * {
    margin: 0;      /* para el Google Custom Search en IE6 */
}
#header {
    float: left;
    margin-left: 5px;
    width: 567px;
    height: 85px;
    background-image: url(../images/encabezado_567.png);
}
#banner {
    float: left;
    margin-left: 5px;
    width: 567px;
    text-align: center;
}
#banner img {
    border: 0;
}
#middle {
    clear: both;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 5px;
}
#middle .left {
    float: left;
    width: 188px;
}
#menu {
    width: 100%;
    height: 314px;
    position: relative;
    padding-bottom: 1em;
}
#menu a {
    position: absolute;
    width: 118px;
    height: 24px;
    line-height: 22px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: url(../images/mnuNormal.png);
}
#menu a:hover {
    background: url(../images/mnuCurrent.png);
}
#menu a.current {
    background: url(../images/mnuCurrent.png);
}
#menu a.current:hover {
    cursor: default;
    cursor: pointer;
}
#menu a.disabled {
    background: url(../images/mnuDisabled.png);
    cursor: default;
}
#menu a.disabled:hover {
    background: url(../images/mnuDisabled.png);
    cursor: default;
}
#inicio {
    left: 0px;
    top: 0px;
}
#obispo {
    left: 30px;
    top: 29px;
}
#diocesis {
    left: 49px;
    top: 58px;
}
#estructura {
    left: 61px;
    top: 87px;
}
#parroquias {
    left: 68px;
    top: 116px;
}
#casas {
    left: 70px;
    top: 145px;
}
#instituciones {
    left: 68px;
    top: 174px;
}
#pastorales {
    left: 61px;
    top: 203px;
}
#movimientos {
    left: 49px;
    top: 232px;
}
#noticias {
    left: 30px;
    top: 261px;
}
#seminario {
    left: 0px;
    top: 290px;
}
#middle .left hr {
    border: 0;
    height: 1px;
    color: #c5c5c5;
    background-color: #c5c5c5;
}
#newspaper {
    text-align: center;
}
#newspaper label {
    display: block;
    padding-bottom: .5em;
}
#newspaper img {
    border: 1px solid #0404b4;
}
.banner {
    text-align: center;
}
.banner label {
    display: block;
    padding-bottom: .5em;
}
.banner img {
    border: 1px solid #0404b4;
}
.right {
    float: left;
    margin-left: 5px;
    width: 567px;
}
#navBar {
    /* No pude integrar el Google Custom Search al final de la barra de navegación. */
    /* Se muestra de muy diferentes maneras en los diversos navegadores.            */
    width: 100%;
}
#navBar ul {
    position: relative;
    left: -9px;     /* Omisión del padding-left del primer <li> */
    list-style: none;
    height: 24px;
    padding: 0 9px;
    margin: 0;
}
#navBar li {
    float: left;
    margin-right: 0px;
}
#navBar li a {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    background: url(../images/tabNormal.png);
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 0 0 0 15px;
    cursor: pointer;
}
#navBar li a b {
    display: block;
    float: left;
    font-weight: bold;
    padding: 0 15px 0 0;
    color: #ffffff;
    background: url(../images/tabNormal.png) right top;
}
#navBar li.current a {
    color: #ffffff;
    background: url(../images/tabCurrent.png);
}
#navBar li.current a b {
    background: url(../images/tabCurrent.png) right top;
}
#navBar li a:hover {
    color: #ffffff;
    background: url(../images/tabCurrent.png);
}
#navBar li a:hover b {
    background: url(../images/tabCurrent.png) right top;;
}
#navBar li.current a:hover {
    color: #ffffff;
    background: url(../images/tabCurrent.png);
    cursor: default;
    cursor: pointer;
}
#navBar li.current a:hover b {
    background: url(../images/tabCurrent.png) right top;
}
#navBar li.disabled a {
    background: url(../images/tabDisabled.png);
}
#navBar li.disabled a b {
    background: url(../images/tabDisabled.png) right top;
    cursor: default;
}
#navBar li.disabled a:hover {
    background: url(../images/tabDisabled.png);
    cursor: default;
}
#navBar li.disabled a:hover b {
    background: url(../images/tabDisabled.png) right top;
}
#navBar li a em {
    display: block;
    float: left;
    width: 16px;
    height: 30px;
}
#navBar li a em.mx {
    background: url(../images/mx.png) no-repeat center center;
}
#navBar li a em.us {
    background: url(../images/us.png) no-repeat center center;
}
#navBar li a em.home {
    width: 24px;
    height: 24px;
    background: url(../images/home.png) no-repeat center center;
}
.right .wrapper {
    clear: both;
    width: 100%;
    overflow: hidden;
    background-color: #045CB5;
}
#content {
    overflow: hidden;
    margin: 1px 1px 1px 1px;
    width: 565px;
    background-color: #ffffff;
}
#content * {
    margin: 0;
}
#bottom {
    clear both;
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}
#bottom .left {
    float: left;
    width: 188px;
}
#footer {
    float: left;
    margin-left: 5px;
    width: 567px;
    text-align: center;
    font-style: italic;
}
#footer p {
    margin: 0;
    padding: 0;
    text-align: center;
}
#footer a {
    color: #000000;
    font-style: normal;
    text-decoration: none;
}
#footer a:link {
}
#footer a:visited {

}
#footer a:hover {
    text-decoration: underline;
}
#footer a:active {
}


h1 {
    color: #0404b4;
    font-size: 120%;
    text-align: center;
    padding: .5em;
}

/********************************************************************************/
#left {
    width: 33%;
    float: left;
}
#left .section {
    border: 1px solid #badcfe;
    margin: .5em;
}
.section div {
    padding-bottom: 1px;    /* IE */
}
.section h2 {
    background-color: #badcfe;
    color: #0404b4;
    text-align: center;
    padding: .25em;
}
.section ul {
    list-style-type: none;
    padding: 0;
}
.section a {
    background-color: transparent;
    color: #0404b4;
    text-decoration: none;
}
.section a:hover {
    color: #0404b4;
    text-decoration: underline;
}
.section div {
    padding: .5em;
}
#hoy ul {
    list-style-type: decimal;
    padding: 0 0 0 1em;
}
#hoy ul li {
    margin-left: 1em;
}
#semana ul {
    list-style-type: decimal;
    padding: 0 0 0 1em;
}
#semana ul li {
    margin-left: 1em;
}
#articulos {
    padding: 0;
}
#articulos {
    padding-bottom: 1px;    /* IE */
}
#articulos h3 {
    border-top: 1px solid #badcfe;
    padding: .5em;
}
#articulos p {
    padding: 0 .5em;
}
#articulos .link {
    clear: both;
    text-align: right;
}
#articulos a {
    color: #0404b4;
    text-decoration: none;
}
#articulos a:hover {
    text-decoration: underline;
}
.light {
    font-style: italic;
    color: #5c5c5c;
}

/********************************************************************************/
#right {
    width: 66%;
    float: right;
}
#right .section {
    overflow: hidden;   /*Parece ser que el problema italic es con párrafos cuyo align=justify*/
    border: 1px solid #badcfe;
    border-bottom: 0;
    margin: .5em .5em .5em 0;
}
#right h2 {
    background-color: #badcfe;
    color: #0404b4;
    text-align: center;
    padding: .25em;
}
#right .entry {
    height: auto !important;
    height: 1px;
    border-bottom: 1px solid #badcfe;
    padding: 0;
}
#right .img {
    float: left;
    width: 80px;
    text-align: center;
    padding: 0 .5em .5em 0;
}
#right h3 {
    font-size: 120%;
    padding: 0 0 .5em 0;
}
#right p {
    text-align: left;
    padding: 0 0 .5em 0;
}
#right .link {
    clear: both;
    text-align: right;
}
#right a {
    color: #0404b4;
    background-color: transparent;
    text-decoration: none;
}
#right a:hover {
    color: #0404b4;
    text-decoration: underline;
}
#right .video {
    text-align: center;
}
.video h3 {
    color: #0404b4;
}