@charset "UTF-8";
/* CSS Document */

a:visited {
    color:#000;
}

img {
    border: 0px;
}

/**COMIENZA CONTENEDOR DEL CABEZAL**/
#top_box {
    outline: 1px solid #999999; 
}

/**COMIENZA PIM LOGOTIPO**/
#pimlogo {
    background-image: url(images/pim_logo.jpg); /**imagen con el logo del pim**/
}

#pimlogo spam {
    position: absolute;
    top: 999em; /**imagen con el logo del pim**/
}
/**TERMINA PIM LOGOTIPO**/

/**EMPIEZA UDELAR LOGOTIPO**/
#udelarlogo {
    background: url(images/udelar_logo.jpg) top left no-repeat; /**imagen con el logo de la udelar**/
}

#udelarlogo spam {
    position: absolute;
    top: 999em; /**imagen con el logo del pim**/
}
/**TERMINA UDELAR LOGOTIPO**/

/**EMPIEZA BANNERS DE CABEZAL**/
#da1_banners_cabezal {
    background:url(images/pim_banner_top_01.jpg);
}

#da1_banners_cabezal h3, #da4_box h3 {
    display: none;
}

#bottom_banner_cabezal { /**Esto hace que se vean redondeadas las esquinas de las imágenes**/
    background:url(images/esquinas_banners_cabezal.png);
    /**background:url(images/esquinas_banners_cabezal.gif);**/ 
}
/**TERMINA BANNERS DE CABEZAL**/

/**EMPIEZA ESTILOS MENU PRINCIPAL (NAV1)**/
/**EMPIEZA TITULO DEL MENU PRINCIPAL (NAV1)**/
div#nav1 .menuTitle {
    display: none; /**esto hace que la clase .menuTitle en el nav1 es decir el titulo del menu principal no se muestre"**/
}
/**TERMINA TITULO DEL MENU PRINCIPAL (NAV1)**/

/**EMPIEZA MENU PRINCIPAL (NAV1)**/
div#nav1 ul.nav_ul_level_1 {
    list-style: none none outside; /**lista sin estilo**/
    margin: 0px;
    padding: 0px; /**padding**/
    width: 950px; /**esto es el ancho del ul nivel 1**/
    height:30px; /**esto es el alto del ul nivel 1**/
}

div#nav1 .nav_li_level_1 {
    float: left; /**flotando a la izquierda... esto hace que la lista (li nivel 1) se muestre horizontalmente**/
    position:relative; /**posición relativa**/
    width: 190px; /**esto es el ancho del li nivel 1**/
}

div#nav1 .nav_li_link_level_1, div#nav1 .nav_li_active_link_level_1, div#nav1 .nav_li_active_link_level_2, div#nav1 .nav_li_active_link_level_3 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size:12px; /**tamaño del texto en px**/
    color: black; /**color del texto del link**/
    text-align: center; /**alineación del texto al centro**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    width: 190px; /**esto es el ancho del link**/
    line-height:30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height:30px; /**esto es el alto del link**/
    background:url(images/sprite-menu.jpg) /**esto da la imágen de fondo del link**/  top center no-repeat; /**esto da la posición a la imágen de fondo "arriba"  "centro" y que la imágen "no se repita"**/
}

div#nav1 ul.nav_ul_level_1 li a:hover, div#nav1 .nav_li_active_link_level_1, div#nav1 .nav_li_active_link_level_2, div#nav1 .nav_li_active_link_level_3 {
    background-position: bottom center; /**posición del fondo del li del nivel 1 en hover "arriba" y "centrado"**/
}

/**EMPIEZA QUE EL PRIMER ITEM DE LA LISTA DEL MENU NAV1 SEA DIFERENTE**/
div#nav1 li.nav_li_level_1:first-child .nav_li_link_level_1 {
    width: 191px;
    background:url(images/sprite-menu.jpg) top left no-repeat; /**esto hace que el primer item del primer nivel de la lista del menu nav1 sea difernte alos demás items**/
}

div#nav1 li.nav_li_level_1:first-child .nav_li_link_level_1:hover {
    width: 191px;
    background-position: bottom left; /**esto hace que el hover del primer item del primer nivel de la lista del menu nav1 sea difernte alos demás items**/
}
/**TERMINA QUE EL PRIMER ITEM DE LA LISTA DEL MENU NAV1 SEA DIFERENTE**/

/**EMPIEZA QUE EL ULTIMO ITEM DE LA LISTA DEL MENU NAV1 SEA DIFERENTE**/
div#nav1 li.lastFirstLevelItem .nav_li_link_level_1 {
    width: 191px;
    background:url(images/sprite-menu.jpg) top right no-repeat; /**esto hace que el primer item del primer nivel de la lista del menu nav1 sea difernte alos demás items**/
}

div#nav1 li.lastFirstLevelItem .nav_li_link_level_1:hover {
    width: 191px;
    background-position: bottom right; /**esto hace que el hover del primer item del primer nivel de la lista del menu nav1 sea difernte alos demás items**/
}
/**TERMINA QUE EL ULTIMO ITEM DE LA LISTA DEL MENU NAV1 SEA DIFERENTE**/

/**EMPIEZA MENU PRINCIPAL (NAV1) - level 2**/
div#nav1 {
    z-index: 500;
}

div#nav1 .nav_li_link_level_2, div#nav1 .nav_li_active_link_level_1, div#nav1 .nav_li_active_link_level_2, div#nav1 .nav_li_active_link_level_3 {
    display: block;
    font-family: "Arial"; /**tipografía**/
    font-size:11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    color: black; /**color del texto del link**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    padding-left: 28px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link nivel 2**/
    line-height:30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height:30px; /**esto es el alto del link nivel 2**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ center -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div#nav1 ul.nav_ul_level_2 li a:hover, div#nav1 .nav_li_active_link_level_1, div#nav1 .nav_li_active_link_level_2, div#nav1 .nav_li_active_link_level_3 {
    background-position: center -60px; /**posición del fondo del li del nivel 1 en hover "arriba" y "centrado"**/
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div#nav1 .nav_ul_level_2 {
    z-index: 501;
    visibility: hidden; /**esto hace el ul nivel 2 invisible**/
    padding: 0px;
    position: absolute; /**posición absoluta**/
    list-style: none; /**lista sin estilo**/
    top: 29px; /**posición desde arriba del ul nivel 2**/
    left: 0px; /**posición desde la izquierda del ul nivel 2**/
}

div#nav1 li.nav_li_level_1:first-child .nav_li_active_link_level_1 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size:12px; /**tamaño del texto en px**/
    text-align: center; /**alineación del texto al centro**/
    padding-left: 0px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    width: 190px; /**esto es el ancho del link**/
    line-height:30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height:30px; /**esto es el alto del link**/
    
    border-left: 0px;
    width: 191px;
    background:url(images/sprite-menu.jpg) bottom left no-repeat; /**esto hace que el primer item del primer nivel de la lista del menu nav1 sea difernte alos demás items**/
    color: #C60;
}
/**TERMINA MENU PRINCIPAL (NAV1) - level 2**/

/**EMPIEZA MENU PRINCIPAL (NAV1) - level 3**/
div#nav1 {
    z-index: 500;
}

div#nav1 .nav_li_link_level_3 {
    display: block;
    font-family: "Arial"; /**tipografía**/
    font-size:11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    color: black; /**color del texto del link**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    padding-left: 28px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link nivel 2**/
    line-height:30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height:30px; /**esto es el alto del link nivel 2**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ center -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div#nav1 ul.nav_ul_level_3 li a:hover {
    background-position: center -60px; /**posición del fondo del li del nivel 1 en hover "arriba" y "centrado"**/
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

div#nav1 .nav_ul_level_3 {
    z-index: 502;
    visibility: hidden; /**esto hace el ul nivel 2 invisible**/
    padding: 0px;
    position: absolute; /**posición absoluta**/
    list-style: none; /**lista sin estilo**/
    top: 29px; /**posición desde arriba del ul nivel 2**/
    left: 0px; /**posición desde la izquierda del ul nivel 2**/
}
/**TERMINA MENU PRINCIPAL (NAV1) - level 3**/


div#nav1 .nav_li_level_1:hover ul {
    visibility:visible; /**en el hover del li nivel 1 el ul se hace visible**/
}
/**TERMINA MENU PRINCIPAL (NAV1)**/

/**EMPIEZA MENU 2 (NAV2)**/
/**EMPIEZA MENU 2 (NAV2) - lievl 1**/
div#nav2 .menuTitle { /**titulo del menu 2 (nav2)**/
    display: block; /**se muestra el bloque**/
    margin: 0 0 0 0; 
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left top no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja y los vértices redondeados arriba**/
}

div#nav2 ul.nav_ul_level_1 {
    list-style: none none outside; /**lista sin estilo**/
    margin: 0px;
    padding: 0px; /**padding**/
    width: 200px; /**esto es el ancho ul nivel 1**/
}

div#nav2 .nav_li_level_1 {
    width: 200px; /**esto es el ancho li nivel 1**/
}

div#nav2 .nav_li_link_level_1, div#nav2 .nav_li_active_link_level_1, div#nav2 .nav_li_active_link_level_2, div#nav2 .nav_li_active_link_level_3 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav2 .nav_li_link_level_1:hover, div#nav2 .nav_li_active_link_level_1, div#nav2 .nav_li_active_link_level_2, div#nav2 .nav_li_active_link_level_3 {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 2 (NAV2) - lievl 1**/

/**EMPIEZA MENU 2 (NAV2) - level 2**/
div#nav2 ul.nav_ul_level_2 {
    list-style: none none outside; /**lista sin estilo**/
    padding: 0px; /**padding**/
    width: 200px; /**ancho del ul nivel 2**/
}

div#nav2 .nav_ul_level_2 {
    display: none; /**esto hace que el ul nivel 2 no se muestre**/
    /**visibility: hidden;**/ /**esto hace el ul nivel 2 invisible**/
    /**position: relative;**/ /**posición relativa**/
    list-style: none; /**lista sin estilo**/
}

div#nav2 .nav_li_link_level_2 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: #5a5958; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: 30px; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav2 .nav_li_level_1:hover ul {
    /**visibility:visible;**/ /**en el hover del li nivel 1 el ul se hace visible**/
    display: block; /**en el hover del li nivel 1 el ul se muestra**/
}

div#nav2 .nav_li_link_level_2:hover {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 2 (NAV2) - level 2**/

.fin_menu_lateral {
    background:url(images/menu_lateral_abajo.jpg) /**esto da la imágen de fondo del link**/ left bottom no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 2 (NAV2)**/

/**EMPIEZA MENU 3 (NAV3)**/
/**EMPIEZA MENU 3 (NAV3) - lievl 1**/
div#nav3 .menuTitle { /**titulo del menu 2 (nav2)**/
    display: block; /**se muestra el bloque**/
    margin: 0 0 0 0;
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left top no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja y los vértices redondeados arriba**/
}

div#nav3 ul.nav_ul_level_1 {
    list-style: none none outside; /**lista sin estilo**/
    margin: 0px;
    padding: 0px; /**padding**/
    width: 200px; /**esto es el ancho ul nivel 1**/
}

div#nav3 .nav_li_level_1 {
    width: 200px; /**esto es el ancho li nivel 1**/
}

div#nav3 .nav_li_link_level_1, div#nav3 .nav_li_active_link_level_1, div#nav3 .nav_li_active_link_level_2, div#nav3 .nav_li_active_link_level_3 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav3 .nav_li_link_level_1:hover, div#nav3 .nav_li_active_link_level_1, div#nav3 .nav_li_active_link_level_2, div#nav3 .nav_li_active_link_level_3 {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 3 (NAV3) - lievl 1**/

/**EMPIEZA MENU 3 (NAV3) - level 2**/
div#nav2 ul.nav_ul_level_2 {
    list-style: none none outside; /**lista sin estilo**/
    padding: 0px; /**padding**/
    width: 200px; /**ancho del ul nivel 2**/
}

div#nav3 .nav_ul_level_2 {
    display: none; /**esto hace que el ul nivel 2 no se muestre**/
    /**visibility: hidden;**/ /**esto hace el ul nivel 2 invisible**/
    /**position: relative;**/ /**posición relativa**/
    list-style: none; /**lista sin estilo**/
}

div#nav3 .nav_li_link_level_2 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: red; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: 30px; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav3 .nav_li_level_1:hover ul {
    /**visibility:visible;**/ /**en el hover del li nivel 1 el ul se hace visible**/
    display: block; /**en el hover del li nivel 1 el ul se muestra**/
}

div#nav3 .nav_li_link_level_2:hover {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 3 (NAV3) - level 2**/
/**TERMINA MENU 3 (NAV3)**/

/**EMPIEZA MENU 4 (NAV4)**/
/**EMPIEZA MENU 4 (NAV4) - lievl 1**/
div#nav4 .menuTitle { /**titulo del menu 2 (nav2)**/
    display: block; /**se muestra el bloque**/
    margin: 0 0 0 0;
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left top no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja y los vértices redondeados arriba**/
}

div#nav4 ul.nav_ul_level_1 {
    list-style: none none outside; /**lista sin estilo**/
    margin: 0px;
    padding: 0px; /**padding**/
    width: 200px; /**esto es el ancho ul nivel 1**/
}

div#nav4 .nav_li_level_1 {
    width: 200px; /**esto es el ancho li nivel 1**/
}

div#nav4 .nav_li_link_level_1, div#nav4 .nav_li_active_link_level_1, div#nav4 .nav_li_active_link_level_2, div#nav4 .nav_li_active_link_level_3 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: black; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: auto; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav4 .nav_li_link_level_1:hover, div#nav4 .nav_li_active_link_level_1, div#nav4 .nav_li_active_link_level_2, div#nav4 .nav_li_active_link_level_3 {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 4 (NAV4) - lievl 1**/

/**EMPIEZA MENU 4 (NAV4) - level 2**/
div#nav4 ul.nav_ul_level_2 {
    list-style: none none outside; /**lista sin estilo**/
    padding: 0px; /**padding**/
    width: 200px; /**ancho del ul nivel 2**/
}

div#nav4 .nav_ul_level_2 {
    display: none; /**esto hace que el ul nivel 2 no se muestre**/
    /**visibility: hidden;**/ /**esto hace el ul nivel 2 invisible**/
    /**position: relative;**/ /**posición relativa**/
    list-style: none; /**lista sin estilo**/
}

div#nav4 .nav_li_link_level_2 {
    display: block; /**se muestra el bloque**/
    font-family: "Arial"; /**tipografía**/
    font-size: 11px; /**tamaño del texto en px**/
    text-align: left; /**alineación del texto a la izquierda**/
    text-decoration: none; /**esto hace que los link no subrayado**/
    color: red; /**color del texto del link**/
    padding-left: 40px; /**esto da el padding para que el texto quede a 40px del borde del link**/
    width: 160px; /**esto es el ancho del link**/
    line-height: 30px; /**esto centra verticalmente el texto (funciona bien siempre y cuando el texto tenga una sola línea**/
    height: 30px; /**esto es el alto del link**/
    background:url(images/sprit_sidebar.jpg) /**esto da la imágen de fondo del link**/ left -30px no-repeat; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}

div#nav4 .nav_li_level_1:hover ul {
    /**visibility:visible;**/ /**en el hover del li nivel 1 el ul se hace visible**/
    display: block; /**en el hover del li nivel 1 el ul se muestra**/
}

div#nav4 .nav_li_link_level_2:hover {
    background-position: left -60px; /**esto da la posición a la imágen de fondo para que se vea el icono naranja**/
}
/**TERMINA MENU 4 (NAV4) - level 2**/
/**TERMINA MENU 4 (NAV4)**/

/**EMPIEZA CONTENIDO**/
/**EMPIEZA ESTILOS DE CONTENIDOS DE PAGINAS**/
#contenido_box {
}

/**EMPIEZA ESTILOS GRÁFICOS DE LAS AREAS DE TEXTO DINAMICO Y NOTICIAS DEL CONTENIDO**/
#top_da2_box, #top_da3_box {
    background:url(images/arriba_contenido.jpg) /**esto la imágen de arriba del contenido**/
}

#fondo_da2, #fondo_da3 {
    border-left: solid 1px #999999; /**Borde de la izquierda**/
    border-right: solid 1px #999999; /**Borde de la derecha**/
}

#bottom_da2_box, #bottom_da3_box {
    background:url(images/abajo_contenido.jpg) /**esto la imágen de abajo del contenido**/
}

#da3 .pageItemBox, #da3 .pageItemBox {
    padding-bottom: 5px;
    border-bottom: 2px dotted #dd621c;  
}
/**TERMINA ESTILOS GRÁFICOS DE LAS AREAS DE TEXTO DINAMICO Y NOTICIAS DEL CONTENIDO**/

/**EMPIEZA ESTILOS DE TEXTO DE AREA DE TEXTO DINAMICO DEL CONTENIDO**/
#da2 h2 { /**Título de la noticia**/
    margin-top: 0px;
    padding-top: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color:#999;
}

#da3 h2 { /**Título del articulo**/
	margin-top: 0px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0px;
    text-align: left;
    color:#fff;
}

#da3 .pageItemBox h2 { 
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #333;
}

#da2 ol.headingsList, #da3 ol.headingsList {
	display: none;
	/**padding-bottom: 15px;
    border-bottom: 2px dotted #999;**/
}

#da3 .headingsList a {
	display: none;
    /**font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
    color: #000;**/
}

#da2 .pageItemBox h2 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #333;
}

#da2 .headingsList a {
	display: none;
    /**font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
    color: #000;**/
}

#da2 .headingsList a:hover {
	display: none;
    /**color: #dd621c;**/
}

#da3 .headingsList a:hover {
	display: none;
    /**color: #dd621c;**/
}

.textBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
    color: #000;
}

.backToIndexLink {
    display: block;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #666;
}
/**TERMINA ESTILOS DE TEXTO DE AREA DE TEXTO DINAMICO DEL CONTENIDO**/

/**EMPIEZA ESTILO DE IMAGENES DE AREA DE TEXTO DINAMICO DEL CONTENIDO**/
.textBox img {
    display: block;
    width: 450px;
    margin: auto;
    margin-bottom: 15px;
}               

.pageItemTextBox img {
    width: 450px;
    margin-bottom: 15px;
}
/**TERMINA ESTILO DE IMAGENES DE AREA DE TEXTO DINAMICO DEL CONTENIDO**/
/**TERMINA ESTILOS DE AREA DE TEXTO DINAMICO DE CONTENIDOS DE PAGINAS**/

/**EMPIEZA ESTILOS DE TEXTO DE AREA NOTICIAS DEL CONTENIDO**/
.newsItemBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    text-decoration: none;
    color: #000;
}

.newsItemBox h4 a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #333;
}

.newsItemBox h4 a:visited {
    
}

.newsItemBox h4 a:hover {
    color: #dd621c;
}

.newsItemInnerBox {
    
}

.newsItemFeaturedImageBox {
    
}

.newsItemTexBox {
    
}

.newsItemMoreInfoLink {
    
}

.newsItemMoreInfoLink {
    display: block;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #666;    
}

.newsItemFeaturedImageBox img {
    display: block;
    width: 450px;
    margin: auto;
    margin-bottom: 15px;    
}
/**TERMINA ESTILOS DE TEXTO DE AREA NOTICIAS DEL CONTENIDO**/
/**TERMINA CONTENIDO**/

/**EMPIEZA BANNERS DERECHA**/
#da4_box img {
    margin-bottom: 20px;    
}
/**TERMINA BANNERS DERECHA**/

/**EMPIEZA FOOTER**/
#footer {
    background-image: url(images/pim_footer_background.jpg);
    border-bottom: 1px solid #cdcdcd;
}

#logo_pim_footer {
    /**background:url(images/footer_logopim.jpg) /**esto el logo del pim que aparece a la derecha en el footer**/
}
/**TERMINA FOOTER**/