/* CSS Document */

#jubileo
{
    clear: both;
    position: relative;
    top: 165px;
    width: 176px;
    z-index: 54;
    text-align: center;
}

.boton_jubileo
{
    background-image: url(http://www.dominicos.org/imagenes/boton_jubileo_up.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 109px;
    width: 170px;
    text-align: center;
    text-decoration: none;
    top: 0px;
}


.boton_jubileo:hover
{
    background-image: url(http://www.dominicos.org/imagenes/boton_jubileo_down.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 109px;
    width: 170px;
    text-align: center;
    text-decoration: none;
    top: 0px;
}

body
{
    background-color: #F2F2F2;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}
/*
img 
{
    padding: 6px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}
*/

a
{
    color: #464646;
}


#form1
{
}
#cabecera
{
    height: 135px;
    width: 980px;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 20;
    clear: none;
    float: none;
}
#fondo_cabecera
{
    background-image: url(/imagenes/Cabecera_fondo.gif);
    background-position: top;
    background-repeat: no-repeat;
    height: 135px;
    width: 980px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 16;
    clear: none;
    float: left;
}

#imagen_aleatoria
{
    position: absolute;
    float: right;
    right: 0px;
    width: 255px;
    height: 134px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    z-index: 15;
    top: 0px;
    clear: none;
    display: block;
}

#imagen_aleatoria li
{
    list-style-type: none;
    float: right;
    right: 0px;
    margin: 0px;
    width: 255px;
    height: 134px;
}
#imagen_aleatoria li span
{
    float: right;
    right: 0px;
    margin: 0px;
    width: 255px;
    height: 134px;
}
#enlace_imagen
{
    margin: 0px;
    position: absolute;
    color: #000000;
    right: 0px;
    top: 0px;
    width: 255px;
    height: 100px;
    z-index: 21;
    display: block;
    margin: 0px;
}
#enlace_imagen li
{
    list-style-type: none;
    display: block;
    width: 255px;
    height: 100px;
    right: 0px;
    margin: 0px;
}
#enlace_imagen li a
{
    display: block;
    width: 255px;
    height: 100px;
    right: 0px;
    margin: 0px;
}
#enlace_imagen li a span
{
    display: block;
    width: 255px;
    height: 100px;
    right: 0px;
    cursor: pointer;
    margin: 0px;
}
#frase
{
    width: 500px;
    height: 65px;
    background: url(imagenes/comillas.gif) left top no-repeat;
    padding-left: 45px;
    paddin-top: 15px;
    position: relative;
    z-index: 20;
    float: right;
    right: 180px;
    top: 30px;
    margin: 0px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.frase
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0px;
    font-weight: bold;
    font-style: italic;
}


#solapas
{
    background: url(imagenes/filo.gif) top repeat-x;
    height: 27px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 108px;
    left: 0px;
    z-index: 18;
    float: left;
    width: 980px;
}
#pagina
{
    width: 980px;
    position: relative;
    background-color: #F8F8F8;
    float: left;
    z-index: 1;
    text-align: left;
    margin: 0px;
    padding: 0px;
    z-index: 7;
}

#general
{
    width: 1000px;
    text-align: left;
    margin: 0 auto 0 auto;
    border: 0px;
    padding: 0px;
    z-index: 0;
}
#lateral_izquierda
{
    float: left;
    width: 992px;
    background-image: url(imagenes/borde_izq.jpg);
    background-position: left;
    background-repeat: repeat-y;
    z-index: 0;
}
#lateral_derecha
{
    float: left;
    width: 1004px;
    background-image: url(imagenes/borde_dcha.jpg);
    background-position: right;
    background-repeat: repeat-y;
    z-index: 0;
}
#contenedor
{
    width: 980px;
    float: left;
    margin: 0px;
    padding: 0 12px 0 12px;
    z-index: 0;
    vertical-align: top; /*background-color: #F2F2F2;*/
}
#contenidos
{
    width: 960px;
    float: left;
    position: relative;
    background-color: #F8F8F8; /*	background-color:#FF0000; */
    z-index: 1;
    height: 100%;
    vertical-align: top;
    margin: 10px 0px 0px 0px;
}
#head
{
    width: 980px;
    vertical-align: middle;
    height: 22px;
    text-align: left;
    background-color: #F8F8F8;
    top: 0px;
    z-index: 200;
    font: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #999999;
}
#head #tit_domi
{
    float: left;
    text-align: left;
    vertical-align: middle;
}
#head #correo
{
    float: right;
    text-align: right;
    vertical-align: middle;
}

#head #correo a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
}

#head #correo a:hover
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    background-color: #999999;
    padding-left: 2px;
    padding-right: 2px;
}

#head #correo img
{
    vertical-align: text-bottom;
    text-align: left;
}

#izq
{
    width: 185px;
    float: left;
    position: relative;
    background-color: #EBEAE7; /*background-color:#00FFFF;*/
    z-index: 1;
    left: 10px;
    margin: 0px;
    padding: 0px;
    top: 0px;
}
#centro
{
    width: 755px;
    float: left;
    text-align: justify;
    z-index: 2; /*background-color:#FF00FF; */
    position: relative;
    top: 0px;
    margin: 0px;
    left: 25px;
}
#pie
{
    position: relative;
    width: 980px;
    height: 110px;
    float: left;
    background-color: #444442;
    background: url(imagenes/Fondo_Pie.jpg) center no-repeat;
    z-index: 2;
}
#pie_izq
{
    margin-top: 14px;
    margin-left: 13px;
    vertical-align: top;
    float: left;
}
#pie_centro
{
    border-left: #999999 1px solid;
    height: 97px;
    margin-top: 13px;
    margin-right: 33px;
    padding: 0px 0px 0px 5px;
    vertical-align: top;
    float: right;
}
#pie_der
{
    border-left: #999999 1px solid;
    height: 97px;
    margin-top: 13px;
    margin-right: 33px;
    padding: 0px 0px 0px 5px;
    vertical-align: top;
    float: right;
}
#pie_bajo
{
    position: relative;
    margin: 0 auto 0 auto;
    width: 1000px;
    height: 12px;
    top: 0px;
    z-index: 2;
    float: left;
}
#pie_bajo img
{
    margin: 0px;
    top: -20px;
}
#logo
{
    float: left;
    position: relative;
    border: 0;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}
.otros
{
    float: right;
    width: 317px;
    right: 0px;
}
.blue
{
    float: left;
    position: relative;
    width: 650px;
}


#menu_multimedia
{
    /*background: url(imagenes/Sub_multimedia_fondo.gif) top no-repeat;*/
    position: absolute;
    display: none;
    float: left;
    z-index: 40;
    width: 378px;
    left: 381px;
    top: -1px;
}

#menu_multimedia ul
{
    position: relative;
    text-align: center;
    top: 0px;
    float: left;
    height: 100%;
    list-style-type: none;
    background-color: #DDDAD6;
    background: url(/imagenes/Sub_multimedia_fondo.gif) top no-repeat;
    height: 42px;
    width: 398px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}
#menu_multimedia ul li
{
    position: relative;
    float: right;
    margin: 15px;
    right: 0px;
    padding: 0px;
}

#menu_multimedia ul li a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #DDDAD6;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_multimedia ul li a:hover
{
    color: #EBEAE7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #666666;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_multimedia ul li img
{
    vertical-align: text-bottom;
}

#menu_otros
{
    position: absolute;
    top: -1px;
    display: none;
    vertical-align: middle;
    float: left;
    z-index: 55;
    width: 168px;
    background-color: #DDDAD6;
    left: 786px;
}

#menu_otros ul
{
    width: 158px;
    position: absolute;
    top: 0px;
    float: left;
    background-color: #DDDAD6;
    list-style: none;
    margin: 0px;
    padding: 5px;
    font-size: 14px;
}
#menu_otros ul li
{
    position: relative;
    float: left;
    margin: 0px;
    padding-left: 0px;
    padding-top: 7px;
    width: 158px;
}
#menu_otros ul li a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros ul li a:hover
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #ECEBE8;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros ul li ul
{
    position: relative;
    margin: 0px;
    padding: 0px;
    display: none;
}

#menu_otros ul li ul li
{
    position: relative;
    margin: 0px;
    padding-left: 10px;
    padding-top: 1px;
    clear: left;
    width: 148px;
}
#menu_otros ul li ul li a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros ul li ul li a:hover
{
    color: #EBEAE7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #4F4F4F;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}


#cintillo
{
    width: 980px;
    height: 40px;
    background-color: #F8F8F8;
    vertical-align: middle;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    top: 0px;
}
#migas
{
    float: left;
    width: 560px;
    text-align: left;
    position: relative;
    vertical-align: middle;
    left: 15px;
    z-index: 1;
}
#buscador
{
    float: right;
    vertical-align: middle;
    margin-top: 12px;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
}
#buscador input
{
    border: #D2D2D2 solid 2px;
    width: 260px;
    height: 18px;
    padding: 1px 2px 1px 2px;
    float: right;
    top: 0px;
}

.buscar
{
    float: right;
    display: block;
    text-decoration: none;
    background-image: url(imagenes/Boton_buscar_up.gif);
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 8px;
    width: 65px;
    height: 23px;
    margin-right: 15px;
    top: 0px;
}
.buscar:hover
{
    display: block;
    text-decoration: none;
    background-image: url(imagenes/Boton_buscar_down.gif);
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 8px;
    width: 65px;
    height: 23px;
}

.titulo_sup
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    text-align: left;
    font-size: 25px;
    padding: 5px;
    vertical-align: middle;
    display: block;
}

.cabecera_secciones, #cabecera_secciones
{
    background-image: url(imagenes/Cabecera_secciones_fondo.jpg);
    background-position: top-left;
    background-repeat: no-repeat;
    width: 749px;
    padding: 10px;
    vertical-align: middle;
}

.cabecera_secciones_predicacion
{
    background-image: url(/predicacion/imagenes/Cabecera_secciones_fondo.jpg);
    background-position: top-left;
    background-repeat: no-repeat;
    width: 749px;
    padding: 10px;
    vertical-align: middle;
}

.caja_titulo
{
    position: relative;
    vertical-align: middle;
    width: auto;
    padding: 20px;
    text-align: left;
    width: auto;
    display: block; /* Mozilla ignores crazy MS image filters, so it will skip the following */
}


/*  Estilos RASTRO DE MIGAS    */

.migas_punto
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5px;
}

a.migas_portada
{
    color: #61563E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #EEEDEA;
    text-decoration: none;
}

a.migas_portada:hover
{
    color: #61563E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #EEEDEA;
    text-decoration: underline;
}

a.migas_seccion
{
    color: #201F1E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

a.migas_seccion:hover
{
    color: #201F1E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: underline;
}

a.migas_intermedios
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

a.migas_intermedios:hover
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

.migas_final
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}



/*  Estilos SUBMENÚ    */


.sub0
{
    padding: 9px;
}

.sub1
{
    margin: 0px 0px 0px 10px;
    display: none;
}

.sub2
{
    margin: 0px 0px 0px 10px;
    display: none;
}
.sub3
{
    margin: 0px 0px 0px 15px;
    display: none;
}

a.submenu1
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

a.submenu1:hover
{
    color: #EBEAE7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #4F4F4F;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}
.submenu1_sel
{
    color: #EBEAE7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #4F4F4F;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

a.submenu2
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

a.submenu2:hover
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #DFDDD9;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
}

a.submenu3
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

a.submenu3:hover
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #F6F6F6;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

a.submenu4
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

a.submenu4:hover
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}


/*  Estilos CONTENIDO    */

.titulo
{
    elevation: higher;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    text-align: left;
    font-size: 25px;
}

.h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    font-size: 20px;
    background: #CAC5BD;
    padding: 2px;
}

h1
{
    font-size: 20px;
    font-weight: normal;
}


.h2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: left;
    font-size: 18px;
    background-color: #E0DDD8;
    padding: 2px;
}

h2
{
    font-size: 18px;
    font-weight: normal;
}

.h3
{
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: bold;
    text-align: left;
    font-size: 15px;
    background-color: #EEEDEA;
    padding: 2px;
}

h3
{
    font-size: 15px;
}



a.enlace:hover
{
    border-bottom: 2px solid #000000;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
a.enlace
{
    border-bottom: 1px dashed #666666;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}


div.postnav
{
    font: 76% Arial,sans-serif;
}
ul.postnav, ul.postnav li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: 85% Arial,sans-serif;
}
ul.postnav li
{
    float: left;
    width: 9em;
    font-size: 140%;
    margin-right: 5px;
}
ul.postnav a
{
    display: block;
    width: 9em;
    padding: 5px 0;
    font: bold 100% Verdana,Arial,sans-serif;
    background: #6A6A6A;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
ul.postnav a:hover
{
    background: #AEABA4;
    color: #FFF;
}




/*  ESTILOS MENU    */

.blue #waxcontainer
{
    position: relative;
    font-family: Helvetica,sans-serif;
    font-size: 15px;
    text-align: center;
}
.blue #waxnav
{
    position: relative;
    height: 27px;
    font-size: 15px;
    text-align: center;
}
.blue #waxnav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: auto;
    text-align: center;
}
.blue #waxnav ul li
{
    display: block;
    float: left;
    margin: 0px;
}
.blue #waxnav ul li div
{
    height: 26px;
    width: 8px;
    border-bottom: #BEBEBE 1px solid;
    margin: 0px;
}
.blue #waxnav ul li a
{
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 8px;
    height: 27px;
    line-height: 190%;
}
.blue #waxnav ul li a span
{
    padding: 0 8px 0 0;
    display: block;
    background: url(imagenes/boton_menu_N_dcha.gif) no-repeat top right;
}

.blue #waxnav ul li a:link, .blue #waxnav ul li a:visited, .blue #waxnav ul li a:active
{
    color: #FFFFFF;
    background: url(imagenes/boton_menu_N_izq.gif) no-repeat top left;
}

.blue #waxnav ul li a:link span, .blue #waxnav ul li a:visited span, .blue #waxnav ul li a:active span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_menu_N_dcha.gif) no-repeat top right;
}

.blue #waxnav ul li a:hover
{
    color: #000000;
    background: url(imagenes/boton_menu_O_izq.gif) no-repeat top left;
}
.blue #waxnav ul li a:hover span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_menu_O_dcha.gif) no-repeat top right;
}


.blue #waxnav ul li a.current
{
    color: #928A20;
    background: url(imagenes/boton_menu_fondo.gif) no-repeat top left;
}

.blue #waxnav ul li a.current span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_menu_fondo.gif) no-repeat top right;
}

/*  ESTILOS MENU OTROS    */

.otros #container
{
    position: relative;
    font-family: Helvetica,sans-serif;
    font-size: 15px;
    text-align: center;
}
.otros #nav
{
    position: relative;
    height: 27px;
    font-size: 15px;
    text-align: center;
}
.otros #nav ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: auto;
    text-align: center;
}
.otros #nav ul li
{
    display: block;
    float: left;
    margin: 0px;
}
.otros #nav ul li div
{
    height: 26px;
    width: 8px;
    border-bottom: #BEBEBE 1px solid;
    margin: 0px;
}
.otros #nav ul li a
{
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 8px;
    height: 27px;
    line-height: 190%;
}
.otros #nav ul li a span
{
    padding: 0 8px 0 0;
    display: block;
    background: url(imagenes/boton_otros_N_dcha.gif) no-repeat top right;
}

.otros #nav ul li a:link, .otros #nav ul li a:visited
{
    color: #000000;
    background: url(imagenes/boton_otros_N_izq.gif) no-repeat top left;
    font-weight: bold;
}

.otros #nav ul li a:link span, .otros #nav ul li a:visited span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_otros_N_dcha.gif) no-repeat top right;
    font-weight: bold;
}

.otros #nav ul li a:hover, .otros #nav ul li a:active
{
    color: #000000;
    background: url(imagenes/boton_otros_O_izq.gif) no-repeat top left;
    font-weight: bold;
}
.otros #nav ul li a:hover span, .otros #nav ul li a:active span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_otros_O_dcha.gif) no-repeat top right;
    font-weight: bold;
}


.otros #nav ul li a.current
{
    color: #000000;
    background: url(imagenes/boton_otros_fondo.gif) no-repeat top left;
    font-weight: bold;
}

.otros #nav ul li a.current span
{
    display: block;
    width: auto;
    background: url(imagenes/boton_otros_fondo.gif) no-repeat top right;
    font-weight: bold;
}


/*  Botón Auxiliar */

a.boton_auxiliar
{
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    background-image: url(imagenes/boton_aux_izq.gif);
    background-position: left top;
    height: 27px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}
a.boton_auxiliar span
{
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    background-image: url(imagenes/boton_aux_dcha.gif);
    background-position: right top;
    height: 27px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
}

a.boton_auxiliar:hover
{
    background-position: left bottom;
}
a.boton_auxiliar:hover span
{
    background-position: right bottom;
}



/*  Estilos Pie */
a.enlacepie
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
}

a.enlacepie:hover
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #D6D6D6;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
}





/* ESTILOS PORTADA ESTILOS PORTADA ESTILOS PORTADA ESTILOS PORTADA */
/* ESTILOS PORTADA ESTILOS PORTADA ESTILOS PORTADA ESTILOS PORTADA */



#cintillo_portada
{
    width: 400px;
    height: 40px;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    top: 0px;
    clear: both;
}
#buscador_portada
{
    float: left;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 10px;
    position: relative;
    z-index: 5;
    top: 0px;
    right: 0px;
}
#buscador_portada input
{
    border: #D2D2D2 solid 2px;
    width: 260px;
    height: 18px;
    font: Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 1px 2px 1px 2px;
    float: left;
    top: 0px;
}

.buscar_portada
{
    float: left;
    display: block;
    text-decoration: none;
    background-image: url(imagenes/Boton_buscar_up.gif);
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 8px;
    width: 65px;
    height: 23px;
    margin-right: 15px;
    top: 0px;
}
.buscar_portada:hover
{
    display: block;
    text-decoration: none;
    background-image: url(imagenes/Boton_buscar_down.gif);
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 8px;
    width: 65px;
    height: 23px;
}




#columna1
{
    position: relative;
    width: 425px;
    height: 100%;
    float: left; /* background-color:#FFFF00; */
    background-color: #F8F8F8;
    z-index: 4;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    left: 20px;
    vertical-align: top;
}

#columna2
{
    position: relative;
    width: 300px;
    height: 100%;
    float: left; /* background-color:#FFFF00; */
    background-color: #F8F8F8;
    z-index: 4;
    margin: 0px 20px 0px 20px;
    padding: 0px;
    left: 20px;
    vertical-align: top;
}
#columna3
{
    position: relative;
    width: 170px;
    height: 1830px;
    float: left; /* background-color:#FFFF00; */
    background-color: #F8F8F8;
    z-index: 4;
    margin: 0px auto 0px 0px;
    padding: 0px;
    left: 20px;
    vertical-align: top;
}

/* Estilos COLUMNA 1 portada*/

/* destacado */
.destacado
{
    top: 0px;
    width: 425px;
    margin: 0px;
    padding: 0px;
    background: #EAE9E6 url(/imagenes/destacado_portada_fondo_sup.jpg) top left no-repeat;
    text-align: justify;
}

.destacado_titulo
{
    clear: both;
    width: 385px;
    padding: 25px 20px 10px 20px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
}



/* vocacional */
#vocacional
{
    top: 0px;
    width: 300px;
    margin: 0px;
    padding: 0px;
    background: #EAE9E6 url(/imagenes/vocacional_portada_fondo_sup.jpg) top no-repeat;
    text-align: justify;
}

#vocacional_titulo
{
    clear: both;
    padding: 25px 20px 10px 20px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
}
#vocacional_texto
{
    padding: 0px 10px 0px 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #EAE9E6;
}

#vocacional_texto p
{
    margin: 0px;
}
#vocacional_texto a
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
#vocacional_texto a:hover
{
    color: #ACACAC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#vocacional_pie
{
    clear: both;
    top: 0px;
    margin: 0px;
    text-align: left;
}

.destacado_texto
{
    padding: 0px 10px 0px 10px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #EAE9E6;
}

.destacado_texto p
{
    margin: 0px;
}
.destacado_texto a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #FAFAFA;
    font-weight: bold;
    text-decoration: none;
    background: #F2ECE1;
}
.destacado_texto a:hover
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #D6C4A4;
    font-weight: bold;
}

.destacado_pie
{
    clear: both;
    top: 0px;
    margin: 0px;
    text-align: left;
    background: url(/imagenes/destacado_portada_fondo_inf.jpg) top left no-repeat;
    width: 100px;
    height: 32px;
    padding-left: 325px;
    padding-top: 4px;
}

.destacado_num_sel
{
    margin: 2px;
    padding: 2px 5px;
    color: White;
    background: #625C57;
}
.destacado_num
{
    margin: 2px;
    padding: 2px 5px;
    color: #333333;
    background: #DDDAD6;
    text-decoration: none;
}
.destacado_num:hover
{
    margin: 2px;
    padding: 2px 5px;
    color: #000000;
    background: #FFFFFF;
    text-decoration: none;
}

/*  palabra  */
#palabra_dia
{
    top: 20px;
    width: 425px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    background: url(/imagenes/Palabra_de_hoy.jpg) top no-repeat #F8F8F8;
    text-align: justify;
}

#palabra_titulo
{
    clear: both;
    padding: 50px 30px 20px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #A4740F;
}
#palabra_titulo a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    background: #F2ECE1;
    font-weight: bold;
    text-decoration: none;
}
#palabra_titulo a:hover
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    background: #D6C4A4;
}
#palabra_titulo span
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: right;
    color: #666666;
}


/* noticias */
#noticias
{
    top: 0px;
    width: 425px;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    background: url(/imagenes/noticias_portada.jpg) top no-repeat #F8F8F8;
}
.noticias_grafico
{
    float: left;
    width: 110px;
    margin: 0 10px;
}
.noticias_titulo
{
    float: left;
    width: 280px;
    padding: 0px 0px 5px 0px;
}
.ext
{
    width: 780px;
}



.noticias_titulo a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #FAFAFA;
    font-weight: bold;
    text-decoration: none;
    background: #F2ECE1;
}
.noticias_titulo a:hover
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #D6C4A4;
    font-weight: bold;
}

.noticias_texto
{
    float: left;
    width: 280px;
    padding-top: 3px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#noticias_pie
{
    clear: both;
    margin: 0px;
    padding: 10px 10px 0px 0px;
    text-align: right;
}

.noticias_texto .bottonpeq
{
    float: right;
}
.ext
{
    width: 700px;
}

a.bottonpeq
{
    background: transparent url(imagenes/bottonpeq_b.gif) no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 18px;
    margin-right: 2px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.bottonpeq span
{
    background: transparent url(imagenes/bottonpeq_span.gif) no-repeat;
    display: block;
    line-height: 11px;
    padding: 3px 0 4px 7px;
}

a.bottonpeq:hover, a.bottonpeq:active
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.bottonpeq:hover span, a.bottonpeq:active span
{
    background-position: bottom left;
    padding: 3px 0 4px 7px; /* push text down 1px */
}



/* participa */
#participa
{
    top: 0px;
    width: 340px;
    margin: 40px 30px 30px 30px;
    padding: 5px;
    border: #AAAAAA 2px dashed;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
}
#participa img
{
    float: left;
    padding: 5px 10px 5px 5px;
}







a.botton
{
    background: transparent url(imagenes/botton_b.gif) no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 14px arial, sans-serif;
    height: 28px;
    margin-right: 3px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.botton span
{
    background: transparent url(imagenes/botton_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0 7px 10px;
}

a.botton:hover, a.botton:active
{
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
    font-weight: normal;
}

a.botton:hover span, a.botton:active span
{
    background-position: bottom left;
    padding: 7px 0 7px 10px; /* push text down 1px */
}



/* Estilos COLUMNA 2 portada*/

/*  Con Acento  */
#con_acento
{
    top: 0px;
    width: 300px;
    height: 172px;
    margin: 0px;
    padding: 0px;
    background: url(/imagenes/con_acento.jpg) top no-repeat #F8F8F8;
}

#con_acento_titulo
{
    clear: both;
    padding: 55px 20px 0px 20px;
}
#con_acento_titulo a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: #F2ECE1;
    font-weight: bold;
    text-decoration: none;
}
#con_acento_titulo a:hover
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background: #D6C4A4;
}
#acento_pie .acento_autor
{
    color: #A4740F;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
}
#con_acento_titulo span
{
    color: #000000;
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#acento_pie
{
    clear: both;
    margin: 0px;
    height: 59px;
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
    text-align: right;
    background: url(/imagenes/con_acento_inf.jpg) no-repeat bottom;
}


/* agenda */
#agenda
{
    top: 0px;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    background: url(/imagenes/agenda_portada.jpg) top left no-repeat #E7E5E3;
    text-align: left;
}


.fondo_claro
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: left;
    font-size: 15px;
    background-color: #E0DDD8;
    padding: 2px;
}

.agenda_destacado
{
    background-color: #F8F8F8;
    padding: 2px;
    font-size: 15px;
}

.agenda_fecha_destacado
{
    margin-top: 10px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #FFFFFF;
    color: #625C57;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
}

.separador
{
    margin-bottom: 5px;
    margin-top: 15px;
    border-bottom: #999999 dashed 2px;
}

.agenda_fecha
{
    margin-top: 10px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #625C57;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
}

.agenda_cont
{
    width: 274px;
    clear: both;
}

#agenda_titulo
{
    clear: both;
    padding: 10px 0px 5px 0px;
    width: 280px;
    position: relative;
    left: 10px;
    margin-right: 10px;
}
#agenda_fecha
{
    margin-top: 10px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #625C57;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    clear: both;
    width: 80px;
    max-width: 90px;
    min-width: 64px;
    display: block;
}
#agenda_titulo a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    background: #F2ECE1;
}
#agenda_titulo a:hover
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #D6C4A4;
}
#agenda_pie
{
    clear: both;
    background: url(/imagenes/agenda_inf.jpg) top no-repeat #F8F8F8;
    margin: 0px;
    height: 39px;
    vertical-align: middle;
    padding: 10px 10px 0px 0px;
    text-align: right;
}
a.ver_mas
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-left: 2px;
    padding-right: 2px;
}

a.ver_mas:hover
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    background-color: #4F4F4F;
    padding-left: 2px;
    padding-right: 2px;
}
.gris_14_bold
{
    color: #968D7A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

/* Avisos */
#avisos
{
    top: 0px;
    width: 295px;
    text-align: left;
    vertical-align: top;
}
#avisos img
{
    margin: 0px;
    vertical-align: bottom;
}
#avisos_pie
{
    margin: 0px;
    min-height: 30px;
    background: url(/imagenes/avisos_pie.jpg) bottom no-repeat #625C57;
    padding: 6px;
    text-align: left;
}
#avisos_pie img
{
    float: left;
    padding: 0px 5px 5px 5px;
}
#avisos a
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
#avisos a:hover
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}


/* Estilos COLUMNA 3 portada*/

/* MENU Sitios dominicanos */

#menu_otros_portada
{
    position: relative;
    top: -51px;
    vertical-align: top;
    clear: both;
    z-index: 55;
    width: 168px;
    background-color: #DDDAD6;
    left: 0px;
}

#menu_otros_portada ul
{
    width: 158px;
    position: absolute;
    top: 0px;
    float: left;
    background-color: #DDDAD6;
    list-style: none;
    margin: 0px;
    padding: 5px;
    font-size: 14px;
}
#menu_otros_portada ul li
{
    position: relative;
    float: left;
    margin: 0px;
    padding-left: 0px;
    padding-top: 7px;
    width: 158px;
}
#menu_otros_portada ul li a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros_portada ul li a:hover
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #ECEBE8;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros_portada ul li ul
{
    position: relative;
    margin: 0px;
    padding: 0px;
    display: none;
}

#menu_otros_portada ul li ul li
{
    position: relative;
    margin: 0px;
    padding-left: 10px;
    padding-top: 1px;
    clear: left;
    width: 148px;
}
#menu_otros_portada ul li ul li a
{
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_otros_portada ul li ul li a:hover
{
    color: #EBEAE7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #4F4F4F;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}


/*  Blogs  */
#blogs
{
    position: relative;
    width: 175px;
    top: 165px;
    text-align: left;
    clear: both;
    z-index: 4;
}
#blogs .blog
{
    margin: 25px 0px 0px 0px;
    height: 57px;
    clear: both;
}
#blogs .blog span img
{
    float: left;
    padding: 0px 5px 0px 0px;
    vertical-align: baseline;
}
#blogs .blog a
{
    color: #464646;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background: #F2ECE1;
    text-decoration: none;
}
#blogs .blog a:hover
{
    background: #D6C4A4;
}
#blogs .blog span
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: baseline;
}

#blogs .post
{
    margin: 5px 5px 10px 0px;
}
#blogs .post a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #F2ECE1;
    text-decoration: none;
}
#blogs .post a:hover
{
    background: #D6C4A4;
}
#blogs_izquierda
{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 740px;
    margin: 10px;
    padding: 0px;
}
#blogs_derecha
{
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 160px;
    margin: 0px;
    position: relative;
    right: 0;
    top: 0px;
    padding: 0px;
    vertical-align: top;
}
#blogs_izquierda p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    margin: 0px;
    padding: 0px;
}

.articulo_blog
{
    float: left;
    left: 0px;
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 720px;
}

#div_cv
{
    clear: both;
}

#ir_a_otros_blogs
{
    position: relative;
    width: 160px;
    text-align: left;
    clear: both;
    z-index: 4;
}
#ir_a_otros_blogs .blog
{
    margin: 25px 0px 0px 0px;
    height: 57px;
    clear: both;
}
#ir_a_otros_blogs .blog span img
{
    float: left;
    padding: 0px 5px 0px 0px;
    vertical-align: baseline;
}
#ir_a_otros_blogs .blog a
{
    color: #464646;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
#ir_a_otros_blogs .blog a:hover
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
#ir_a_otros_blogs .blog span
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: baseline;
}

#ir_a_otros_blogs .post
{
    margin: 5px 5px 10px 0px;
}
#ir_a_otros_blogs .post a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#ir_a_otros_blogs .post a:hover
{
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


#no_principal
{
    padding: 0px 30px 10px 30px;
}


/*  Redes Sociales  */
#redes
{
    position: relative;
    width: 175px;
    top: 185px;
    text-align: left;
    clear: both;
    z-index: 4;
}

.red
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 20px 0px;
    text-align: left;
}

.red img
{
    float: left;
    margin: 0px 3px 0px 0px;
}

a.facebook
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid #3B5FAB;
    margin-bottom: 3px;
}

a.facebook:hover
{
    color: #3B5FAB;
    background: #F2ECE1;
}

a.youtube
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid #FB2E31;
    margin-bottom: 3px;
}

a.youtube:hover
{
    color: #FB2E31;
    background: #F2ECE1;
}


a.twitter
{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid #3CCAE3;
    margin-bottom: 3px;
}

a.twitter:hover
{
    color: #3CCAE3;
    background: #F2ECE1;
}



/* ALBUM DE FOTOS*/

#album
{
    top: 0px;
    width: 390px;
    text-align: left;
    vertical-align: bottom;
}
#album_pie
{
    margin: 0px;
    min-height: 30px;
    background: #625C57;
    padding: 6px;
    text-align: justify;
}
#album a
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#album a:hover
{
    color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

#multimedia_recientes
{
    width: 176px;
    background: #EBEBE9 url(imagenes/multimedia_recientes.jpg) top no-repeat;
    position: relative;
    top: 185px;
    clear: both;
    z-index: 54;
}

#titulo_multimedia_recientes
{
    color: White;
    font-size: 17px;
    margin-top: 3px;
    font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
    padding-top: 3px;
}

#fotos_recientes
{
    float: left;
    width: 175px;
    height: 35px;
    background: url(imagenes/fotos_recientes.jpg) top no-repeat;
    margin-bottom: 10px;
}
#fotos_recientes a
{
    color: White;
    font-size: 16px;
    position: relative;
    top: 9px;
    margin-left: 50px;
    font-weight: bold;
    text-decoration: none;
}
#videos_recientes
{
    float: left;
    width: 175px;
    height: 35px;
    background: url(imagenes/videos_recientes.jpg) top no-repeat;
    margin-bottom: 10px;
}
#videos_recientes a
{
    color: White;
    font-size: 16px;
    position: relative;
    top: 9px;
    margin-left: 50px;
    font-weight: bold;
    text-decoration: none;
}

#audios_recientes
{
    float: left;
    width: 175px;
    height: 35px;
    background: url(imagenes/audios_recientes.jpg) top no-repeat;
    margin-bottom: 10px;
}
#audios_recientes a
{
    color: White;
    font-size: 16px;
    position: relative;
    top: 9px;
    margin-left: 50px;
    font-weight: bold;
    text-decoration: none;
}

.album_reciente
{
    margin: 8px;
    float: left;
}
.titulo_recientes
{
    font-size: 12px;
}
.subtitulo_recientes
{
    float: left;
    font-size: 11px;
    color: #A67815;
    margin-right: 3px;
}

.video_reciente
{
    margin: 8px;
}
.imagen_video_reciente
{
    float: left;
}
.texto_video_reciente
{
    margin-left: 55px;
    width: 100px;
}

.audio_reciente
{
    margin: 8px;
    float: left;
}
.imagen_audio_reciente
{
    float: left;
}
.texto_audio_reciente
{
    margin-left: 20px;
    width: 135px;
}

a.mas_recientes
{
    margin: 10px;
    color: #8F8E8B;
    font-size: 13px;
}

/* AUDIOS */

.titulo_audios
{
    color: #B00640;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 5px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 5px;
}


.duracion_audios
{
    line-height: 1.5em;
    float: left;
    position: relative;
    vertical-align: top;
}

a.paginacion_audios
{
    background-color: #4F4F4F;
    color: #EBEAE7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

a.paginacion_audios:hover
{
    background-color: #D7D7D7;
    color: #B00640;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

.paginas
{
    background-color: #4F4F4F;
    color: #E1E1E1;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
}

.pagina_actual
{
    color: #B00640;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 3px;
    font-weight: bold;
}
#video
{
    top: 0px;
    width: 340px;
    text-align: left;
    vertical-align: bottom;
}
#video_pie
{
    margin: 0px;
    min-height: 30px;
    background: #625C57;
    padding: 6px;
    text-align: justify;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#agenda_flechas
{
    float: left;
    margin-left: 10px;
}


a.opPlayer
{
    width: 480px;
    height: 360px;
    display: block;
    text-align: center;
    margin: 0 15px 15px 0;
    float: left;
    border: 1px solid #999;
}

a.opPlayer img
{
    margin-top: 138px;
    border: 0px;
}

a.opPlayer:hover
{
    border: 1px solid #000;
}

#ser_fraile
{
    background: url(/imagenes/novedades/ser-fraile.jpg);
    width: 300px;
    height: 126px;
    margin-bottom: 10px;
    padding: 0;
}
#ser_fraile a
{
    position: relative;
    top: 30px;
    background: #F2ECE1;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#ser_fraile a:hover
{
    background: #D6C4A4;
}
#ser_fraile div
{
    position: relative;
    top: 0px;
    float: left;
    width: 150px;
    margin: 0;
    padding: 0;
}
#ser_fraile div img
{
    position: relative;
    top: 2px;
    left: 13px;
    margin: 0;
    padding: 0;
    border: 0;
}
#ser_fraile div a
{
    float: left;
    position: relative;
    top: 0px;
    left: 25px;
    background: none;
    margin: 0;
    padding: 0;
}
#ser_fraile div a:hover
{
    background: none;
}

.novedad
{
    width: 300px;
    height: 140px;
}
.novedad div
{
    position: relative;
    margin-left: 160px;
    top: 40px;
    width: 140px;
}
.novedad a
{
    background: #F2ECE1;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.novedad a:hover
{
    background: #D6C4A4;
}

.lang_es
{
    background: url(/imagenes/flag_esp_big.jpg) no-repeat top left;
    margin: 10px;
}
.lang_es:hover
{
    background: url(/imagenes/flag_esp_big.jpg) no-repeat bottom left;
}
.lang_en
{
    background: url(/imagenes/flag_eng_big.jpg) no-repeat top left;
    margin: 10px;
}
.lang_en:hover
{
    background: url(/imagenes/flag_eng_big.jpg) no-repeat bottom left;
}
.lang_fr
{
    background: url(/imagenes/flag_fra_big.jpg) no-repeat top left;
    margin: 10px;
}
.lang_fr:hover
{
    background: url(/imagenes/flag_fra_big.jpg) no-repeat bottom left;
}

#redes_sociales_homilias .compartir_facebook
{
    background: url(/imagenes/sociales/facebook.gif) top;
    width: 32px;
    height: 32px;
    display: block;
}
#redes_sociales_homilias .compartir_facebook:hover
{
    background: url(/imagenes/sociales/facebook.gif) bottom;
}

#redes
{
    clear: both;
    position: relative;
    top: 165px;
}

#red_youtube, #red_facebook, #red_twitter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    clear: both;
    height: 40px;
}

#red_youtube a, #red_facebook a, #red_twitter a
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
#red_youtube a:hover
{
    color: #FB2E31;
}
#red_facebook a:hover
{
    color: #3B5FAB;
}
#red_twitter a:hover
{
    color: #3CCAE3;
}

#red_youtube a img
{
    width: 47px;
    height: 47px;
    border: 0;
    background: url(/imagenes/sociales/youtube_portada.jpg) no-repeat top left;
}
#red_youtube a img:hover, #red_facebook a img:hover, #red_twitter a img:hover
{
    background-position: bottom;
}

#red_facebook a img
{
    width: 47px;
    height: 47px;
    border: 0;
    background: url(/imagenes/sociales/facebook_portada.jpg) no-repeat top left;
}

#red_twitter a img
{
    width: 47px;
    height: 47px;
    border: 0;
    background: url(/imagenes/sociales/twitter_portada.jpg) no-repeat top left;
}

#jmj_es img
{
    border: 0;
    width: 21px;
    height: 22px;
    background: url(/imagenes/flag_esp.jpg) no-repeat top left;
}
#jmj_es img:hover
{
    background-position: bottom;
}

#jmj_fr img
{
    border: 0;
    width: 22px;
    height: 22px;
    background: url(/imagenes/flag_fra.jpg) no-repeat top left;
}
#jmj_fr img:hover
{
    background-position: bottom;
}

#jmj_en img
{
    border: 0;
    width: 22px;
    height: 20px;
    background: url(/imagenes/flag_eng.jpg) no-repeat top left;
}
#jmj_en img:hover
{
    background-position: bottom;
}

#jmj_flags
{
    float: right;
    position: absolute;
    right: 0;
}

#tambien_la_lluvia_cabecera
{
    width: 743px;
    padding-top: 220px;
    padding: 220px 10px 0px 10px;
    height: 35px;
    background: url(/imagenes/tambien-la-lluvia/tambien-la-lluvia.jpg) no-repeat scroll left top transparent;
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-variant: small-caps;
    font-size: 25px;
    color: #F3D6B6;
}

#tambien_la_lluvia_cabecera span.peq
{
    font-size: 23px;
}

#tambien_la_lluvia_cabecera a
{
    text-decoration: none;
    color: #17201A;
}
#tambien_la_lluvia_cabecera a:hover
{
    color: #F3D6B6;
}

.tambien_la_lluvia_recuadro
{
    float: left;
    width: 357px;
    padding: 0px 10px 0px 10px;
    text-align: left;
}

#tambien_la_lluvia_cuerpo h1
{
    width: 350px;
    color: #4E5A4C;
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-variant: small-caps;
    font-size: 25px;
    font-weight: normal;
    margin: 0px;
    border-bottom: solid 1px #BFD0B9;
}

#tambien_la_lluvia_cuerpo a
{
    color: #475E4E;
}

#tambien_la_lluvia_cuerpo a.boton
{
    font-size: 15px;
    color: #4F4F4F;
    background: url(/imagenes/tambien-la-lluvia/flechita.gif) no-repeat left top #EEF2EC;
    padding: 2px 5px 2px 15px;
    text-decoration: none;
}
#tambien_la_lluvia_cuerpo a.boton:hover
{
    color: #F3D6B6;
    background: url(/imagenes/tambien-la-lluvia/flechita_hover.jpg) no-repeat left top #475E4E;
}

#tambien_la_lluvia_cuerpo h2
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 20px;
    font-weight: normal;
    color: #17201A;
    background: #BFD0B9;
    font-style: italic;
    padding: 2px 4px 2px 4px;
    display: inline;
}

#tambien_la_lluvia_cuerpo ul li
{
    list-style-type: none;
    background: url(/imagenes/tambien-la-lluvia/flechita.gif) no-repeat left top;
    padding-left: 15px;
}

#tambien_la_lluvia_cuerpo h3
{
    font-size: 18px;
    font-weight: normal;
    color: #475E4E;
}

.share_facebook img
{
    background: url(/imagenes/sociales/facebook.gif) no-repeat top left;
    border: 0;
}
.share_facebook img:hover
{
    background-position: bottom;
}

.share_twitter img
{
    background: url(/imagenes/sociales/twitter.gif) no-repeat top left;
    border: 0;
}
.share_twitter img:hover
{
    background-position: bottom;
}

.share_fav img
{
    background: url(/imagenes/sociales/favoritos.gif) no-repeat top left;
    border: 0;
}
.share_fav img:hover
{
    background-position: bottom;
}

#jmjmadrid
{
    clear: both;
    position: relative;
    top: 165px;
    width: 166px;
    z-index: 54;
}

#facebook_rutaop, #twitter_rutaop
{
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    clear: both;
}
#facebook_rutaop span:hover, #twitter_rutaop span:hover
{
    text-decoration: none;
    color: #999999;
}

#facebook_rutaop span, #twitter_rutaop span
{
    display: block;
    position: relative;
    top: 10px;
    float: left;
    text-decoration: underline;
}

#facebook_rutaop img
{
    background: url(/imagenes/sociales/facebook.gif) no-repeat top left;
}
#facebook_rutaop img:hover, #twitter_rutaop img:hover
{
    opacity: 0.8;
}

#twitter_rutaop img
{
    background: url(/imagenes/sociales/twitter.gif) no-repeat top left;
}
