/*
   Hoja de estilo principal del sitio web de la Universidad Don Bosco
   Nombre del archivo: newudb.css
   Fecha de creación: miércoles, 17 de noviembre del 2010...
*/

*                                                              {
   margin:0;
   padding:0;
}

html, body {
   height: 100%;
}

html {
    background: #015cb3 url(../images/blue-ocean-web.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body                                                          {
    /* background:rgb(40,160,220) no-repeat fixed; */
    /* background: #015cb3 url(../images/blue-ocean-web.jpg) no-repeat fixed center; */
    height:auto;
}

/* 
   El id="contenedor" es la capa o caja que contiene a todas las capas o cajas que posee 
   el sitio web completo de la Universidad Don Bosco
*/
#contenedor                                           {
   background-color:rgb(0,55,150);
   height:646px;
   left:50%;
   margin-left:-480px;
   padding-top:1px;
   position:relative;
   width:960px;
}

/*
   La caja identificada como id="header" es la caja que contiene la franja de color azul 
   en la parte superior y la imagen con la fotografía de fondo que ya contendrá el logo de la UDB
*/
#header                                                    {
   width:960px;
   height:214px;
   /* border:1px solid Black;  */
}

#header #top                                           {
   padding-top:2px;
   height:20px;
   background:url(../images/topbar.jpg) repeat-x;
}

#header #top #language                        {
   float:right;
   width: 100%;
   height:1.2em;
   text-align:right;
}

#header #top #language #flags           {
   margin-right:20px;
   margin-top:1px;
}

#header #foto                                         {
   background:url(../images/headerudb.jpg) no-repeat top left;
   height:194px;
}

/*
   Estilos para el menú de navegación principal ubicado en la parte superior del sitio web 
   como parte del header
 */
#menuprincipal                                     {
   position:absolute;
   width:744px;
   height:50px;
   top:167px;
   left:50%;
   margin-left:-372px;
   bottom:2px;
   z-index:10;
   /* border:1px solid yellow; */
}

#menuprincipal ul                                 {
   list-style-type:none;
}

#menuprincipal ul li                              {
   float:left;
   display:block;
   width:105px;
   height:50px;
}

#menuprincipal ul a                             {
   display:block;
   width:105px;
   height:50px;
   text-decoration:none;
   letter-spacing:0.1pt;
   vertical-align:top;
   font:bold 0.65em Verdana,Helvetica,sans-serif;
   text-align:left;
   overflow:hidden;
}

/*
   Con los estilos que hacen referencia a primerplanoX se hace referencia a los estilos relacionados con 
   los textos del menú principal: INSTITUCIONAL, ACADEMIA, POSTGRADOS, EDUACIÓN A DISTANCIA, SERVICIOS DE 
   TRANSFERENCIA TECNOLÓGICA, SERVICIOS ESTUDIANTILES Y NUEVO INGRESO
*/
#menuprincipal ul .primerplano1                          {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano2                          {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano3                          {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano4                          {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano5                          {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano6                          {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul .primerplano7                          {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:3px;
   z-index:10;
}

#menuprincipal ul a.institucional                      {
   color:White;
   background-color:rgb(0,20,66);
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.academia                                {
   color:White;
   background-color:#083475;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.postgrados                            {
   color:White;
   background-color:#0549AD;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.distancia                             {
   color:Black;
   background-color:#AEBCCE;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.servicios                             {
   color:Black;
   background-color:#DDDEDF;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.estudiantes                          {
   color:Black;
   background-color:#F9EC66;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#menuprincipal ul a.nuevoingreso                        {
   color:Black;
   background-color:#FFD61D;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

/*********************************************************************************/
/*   La capa multi1 se va a subexponer a la capa de menú principal para hacer    */
/*   más intenso el color de fondo de cada botón                                 */
/*********************************************************************************/
#multi1                                                                      {
   position:absolute;
   width:744px;
   height:50px;
   top:167px;
   left:50%;
   margin-left:-372px;
   bottom:2px;
}

#multi1 ul                                                                   {
   list-style-type:none;
}

#multi1 ul li                                                                 {
   float:left;
   display:block;
   width:105px;
   height:50px;
   z-index:1;   
}

#multi1 ul a                                                                 {
   display:block;
   width:105px;
   height:50px;
   text-decoration:none;
   letter-spacing:0.1pt;
   vertical-align:top;
   font:bold 0.65em Verdana,Helvetica,sans-serif;
   text-align:left;
   overflow:hidden;
}

#multi1 ul .primerplano1                                         {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:3px;
   z-index:5;
}

#multi1 ul .primerplano2                                         {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:108px;
   z-index:5;
}

#multi1 ul .primerplano3                                         {
   position:absolute;
   width:105px;
   color:White;
   top:10px;
   left:213px;
   z-index:5;
}

#multi1 ul .primerplano4                                         {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:318px;
   z-index:10;
}

#multi1 ul .primerplano5                                         {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:423px;
   z-index:5;
}

#multi1 ul .primerplano6                                         {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:528px;
   z-index:5;
}

#multi1 ul .primerplano7                                         {
   position:absolute;
   width:105px;
   color:Black;
   top:10px;
   left:633px;
   z-index:5;
}

#multi1 ul a.institucional                                     {
   color:White;
   background-color:rgb(0,20,66);
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#multi1 ul a.academia                                               {
   color:White;
   background-color:#083475;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60); 
}

#multi1 ul a.postgrados                                           {
   color:White;
   background-color:#0549AD;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60); 
}

#multi1 ul a.distancia                                           {
   color:Black;
   background-color:#AEBCCE;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60);
}

#multi1 ul a.servicios                                             {
   color:Black;
   background-color:#DDDEDF;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60); 
}

#multi1 ul a.estudiantes                                        {
   color:Black;
   background-color:#F9EC66;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60); 
}

#multi1 ul a.nuevoingreso                                      {
   color:Black;
   background-color:#FFD61D;
   opacity:0.6;
   -moz-opacity:0.6;
   filter:alpha(opacity=60); 
}



/****************************************************/
/*        PARA EL MENU PRINCIPAL DESPLEGABLE        */
/****************************************************/

#menuprincipal .menu li {
 position: relative;
}


/* Submenu */
#menuprincipal ul li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 *margin-top: 4px;/* fix par IE7*/ 
}

#menuprincipal ul li:hover > ul {
 display: block;
 /*width:100%;*/
 /*height:auto;*/
 font-weight:bold;
}

#menuprincipal ul li ul li, #menuprincipal ul li ul li a {
 float: none;
 background:#202020;
 color:#e3e3e3;
 margin:0;
 padding:5px;
 width:auto;
 height:20px; /*Es el height del li=30, menos los 5px de padign top y botttom*/
 *height: 35px;
 _height: 17px;
 display:block;
}

#menuprincipal ul li ul li,#menuprincipal ul li ul li ul li{
    padding:0;	
	*margin-top: -4px;
    border-top: solid white 1px;
    /* PARA CAMBIAR EL ANCHO DE LOS SUBMENU*/
    width:186px;
    height:30px;
}

#menuprincipal ul li ul li a {
 width: auto;
 display: block;
}

/* SUBSUB Menu */

#menuprincipal ul li ul li ul {
 display: none;
 
}

#menuprincipal ul li ul li ul {
    /*Fix para IE6*/
    _left: 100%;
    _top: 0;
}


#menuprincipal ul li ul li:hover ul {
 left: 100%;
 top: 0;
}

/*************************************************/
/*   Colores para el menu desplegable superior   */
/*************************************************/

/* INSTITUCIONAL*/
#menuprincipal ul li.institucional ul li a {
   background: #001030;
   color: #cccccc;
}

#menuprincipal ul li.institucional ul li a:hover {
   background: #0c1f4a;
   color: #fff;
}

/* ACADEMIA*/
#menuprincipal ul li.academia ul li a {
   background-color:#083475;
   color: #cacaca;   
}

#menuprincipal ul li.academia ul li a:hover {
   background:#104a8d;
   color: #fff;
}

/* POSTGRADOS */
#menuprincipal ul li.postgrados ul li a {
   background: #0449AD;
   color:#bcbcbc;
}

#menuprincipal ul li.postgrados ul li a:hover {
   background:#0560BC;
   color:#fff;
}

/* EDUCACIÓN A DISTANCIA */
#menuprincipal ul li.distancia ul li a {
   background: #ADBBCD;
   color:#444;
}

#menuprincipal ul li.distancia ul li a:hover {
   background:#AEBCCE;
   color:#000;
}

/* SERVICIOS EMPRESARIALES */
#menuprincipal ul li.servicios ul li a {
   background:#DDDEDF;
   color:#444;
}

#menuprincipal ul li.servicios ul li a:hover {
   background:#EAE9EC;
   color:#000;
}

/* SERVICIOS ESTUDIANTES */
#menuprincipal ul li.estudiantes ul li a {
   background:#F9EC66;
   color:#333333;
}

#menuprincipal ul li.estudiantes ul li a:hover {
   background:#FFF97C;
   color:#000;
}

/* NUEVO INGRESO */
#menuprincipal ul li.nuevoingreso ul li a {
   background-color:#FFD61D;
   color:#444;
}

#menuprincipal ul li.nuevoingreso ul li a:hover {
   background:#FFE32A;
   color: #000;
}

/****************************************************/
/* Fin de colores para el menu desplegable superior */
/****************************************************/

/***************************************************************/
/* Reglas de estilo para ocultar opciones del menú desplegable */
/* en capa id="menuprincipal"                                  */
/***************************************************************/
#menuprincipal ul.menu li ul{
   display:none;
}

#menuprincipal ul.menu > ul{
   display:none !important;
}

#menuprincipal ul.menu ul > ul {
   display:none !important;
}

/****************************************************************/
/* Reglas de estilo para ocultar opciones del menú desplegable  */
/* en capa id="multi1"                                          */
/****************************************************************/
#multi1 ul.menu li ul{
   display:none;
}

#multi1 ul.menu > ul{
   display:none !important;
}

#multi1 ul.menu ul > ul {
   display:none !important;
}



/*
   La caja stripe es el listón o barra donde se incluyen las rutas de la navegación y
   la barra de idiomas
*/
#stripe                                                                      {
   width:958px;
   height:20px;
   /* border:1px solid Yellow; */
}

#stripe #path                                                {
   float:left;
   width:728px;
   height:20px;
}

#stripe #path p                                               {
   font-weight:bold; 
   font-size: 0.55em;
   font-family: Verdana,Helvetica,sans-serif;
   color:#fff;
   margin-left:20px;
   margin-top:2px;
}

#stripe #icons                                           {
   float:right;
   width:184px;
   height:20px;
   padding-top:2px;
   margin-right:20px;
   text-align:right;
   /* border:1px solid Yellow; */
}

#stripe #icons .frmcontrol                       {
   float:left;
   width:116px;
   height:14px;
   font:normal 7pt Lucida,Verdana,Helvetica,sans-serif;
   color:rgb(0,30,120);
   border:1px groove rgb(60,60,75);
}

#stripe #icons .frmcontrol:link             {
   background-color:rgb(225,225,230);
   border:1px solid rgb(90,90,150);
}

#stripe #icons .frmcontrol:hover           {
   background-color:rgb(215,225,246);
   border:1px solid rgb(90,90,150);
}

#stripe #icons img                                      {
   border:0;
}

/*
   El elemento id="body" es la caja principal en donde se mostrarán los contenidos de todo el sitio web, 
   el menú secundario o lateral y los contenidos en sí. Además, estará comprendido el menú lateral derecho
   o las noticias y anuncios cuando se esté en la página principal (index)
*/

#body                                                                         {
   width:960px;
   height:388px;
   /* border:2px solid Red; */
}

#body #leftcontent                                                {
   float:left;
   top:18px;
   width:730px;
   height:374px;
   background-color:rgb(51,95,171);
   /* border:1px solid Yellow; */
}

#body #leftcontent #secmenu                               {
   width:161px;
   float:left;
}

#body #leftcontent #secmenu #popimg                  { 
   position:relative;
   top:35px;
   left:20px;
}

/* Estilos para el menú secundario ubicado en la parte lateral izquierda */
#secmenu ul                                                                {
   position:relative;
   top:24px;
   left:20px;
   list-style-type:none;
   z-index:3;
   /* border:2px solid Orange; */
}

#secmenu ul li                                                              {
   width:100%;
   height:34px;
   *height:30px;
   _height:29px;
   display:block;
   background:url(../images/trianglebigwhite.gif) no-repeat center right;
   border-bottom:1px solid White !important;
}

#secmenu ul a                                                              {
   display:block;
   width:100%;
   height:25px;
   *height:22px;
   _height:18px;
   line-height:25px;
   *line-height:22px;
   _line-height:18px;
   padding-top:5px;
   text-decoration:none;
   font:bold 0.55em Verdana !important;
   color:rgb(255,255,255) !important; 
}

#secmenu ul li ul li a {
   background: #335FAB  !important; 
}     


#secmenu ul a:link                                                   {
   text-decoration:none !important;
   color:White !important;
}

#secmenu ul a:visited                                             {
   text-decoration:none !important;
   color:Gainsboro !important;
}

#secmenu ul a:hover                                                 {
   text-decoration:none !important;
   color:rgb(255,225,0) !important;
}

#secmenu ul a:active                                               {
   text-decoration:none !important;
   color:rgb(230,80,55) !important;
}


/******************************************************************/
/* Estilos para cambiar el color del icono de flecha a la derecha */
/* de las opciones del menú                                       */
/******************************************************************/
#secmenu ul li:link                                                   {
   background:url(../images/trianglebigwhite.gif) no-repeat center right !important; 
}

#secmenu ul li:visited                                             {
   background:url(../images/trianglebiggray.gif) no-repeat center right !important; 
}

#secmenu ul li:hover                                                 {
   background:url(../images/trianglebigyellow.gif) no-repeat center right !important;   
}

#secmenu ul li:active                                               {
   background:url(../images/trianglebigred.gif) no-repeat center right !important;   
}


/****************************************************/
/*        PARA EL MENU IZQUIERDO DESPLEGABLE        */
/****************************************************/

#secmenu ul li{
   position: relative; 
   z-index:0;
}

/* Submenu */

#secmenu ul li ul {
 display: none;
 position: absolute;
 left: 100%;
 top: 0;
 padding: 0; margin: 0;
 width:100%
}

#secmenu ul li:hover > ul {
 display: block;
 /*width:100%;*/
 height:auto;
 font-weight:bold;
}

/* PARA CAMBIAR EL ANCHO DE LOS SUBMENU*/
#secmenu ul li ul li{
    width:150px;
}

#secmenu ul li ul li, #secmenu ul li ul li a {
 _border-top: solid white 1px;
 float: none;
 background:#202020;
 color:#e3e3e3;
 margin:0;
 padding:5px;
 width:auto;
 height:30px; /*Es el ancho del li=30, menos los 5px de padign top y botttom*/
 display:block;
}


#secmenu ul li ul li,#secmenu ul li ul li ul li{
    padding:0;
    border-top: solid white 1px;
    /* PARA CAMBIAR EL ANCHO DE LOS SUBMENU*/
    width:150px;
    height:30px;
}

#secmenu ul li ul li{
 border-top: solid white 1px;
}
 

/* PARA EL EVENTO HOVER DE LOS LINK DEL SUBMENTU*/
#secmenu ul li ul li a:hover{
    background:#505050;
    color:#e3e3e3;
}

#secmenu ul li ul li {
   _display: inline; /* for IE6 */
 
}

#secmenu ul li ul li a {
 width: auto;
 display: block;
}

/* SUBSUB Menu */

#secmenu ul li ul li ul {
 display: none;
 
}

#secmenu ul li ul li:hover ul {
 left: 100%;
 top: 0;
}

/* Estilos para la imagen con enlace al boletín de noticias */
#boletinesudb {
   margin-left: 18px;
   position: relative;
   top: 42px;
}

/* Contenido principal en el sitio web */
#body #maincontent                                                {
   float:right;
   height:360px;
   width:537px;
}

/* Estilos para la caja de animaciones o imágenes de portada */
/* identificada como id="animation" */
#body #leftcontent #maincontent #animation {

}

#body #leftcontent #maincontent #animation img {
   border:0;
}

/* Estilos para la caja de noticias identificada como id="events"  */
#body #leftcontent #maincontent #links{
   height: 146px;
   overflow: hidden;
   /* border:1px solid green; */
}

#body #leftcontent #maincontent #links #events {
   position:relative;
   top:18px;
   width:296px;
   height:106px;
   margin-top: -10px;
   border:4px ridge rgb(20,106,215);
   *border:4px ridge rgb(40,136,255);
   background:White;
}

#body #leftcontent #maincontent #links #events ul {
   margin:0;
   padding:0;
   float:left;
   width:296px;
   height:20px;
   list-style:none;
   background:url(../images/topbar.jpg) repeat-x top left;
}

#body #leftcontent #maincontent #links #events ul li {
   float:left;
   background:url(../images/leftnavbarblue.gif) no-repeat top left;
}

#body #leftcontent #maincontent #links #events li a {
   padding:2px 8px;
   float:left;
   display:block;
   line-height:20px;
   font:bold 7.5pt Lucida,Verdana,Helvetica,sans-serif;
   background:url(../images/rightnavbarblue.gif) no-repeat top right;
   text-decoration:none;
   color:#FFF;
}

#body #leftcontent #maincontent #links #events .detail     {
   width:294px;
   height:86px;
   overflow:auto;
   /* border:1px solid Green; */
}

#body #leftcontent #maincontent #links #events .detail ul {
   margin:0;
   padding:0;
   list-style:none;
}

#body #leftcontent #maincontent #links #events .detail li {
   margin:0;
   padding:4px;
   list-style:none;
   font:normal 8pt Lucida,Verdana,Helvetica,sans-serif;
}


/**********************************************************/
/*     Estilos para la caja con los enlaces de interés    */
/**********************************************************/
#body #leftcontent #maincontent #links #externallinks     {
    position:relative;
    float:left;
    top:8px;
    left:0;
    width:112px;
    height:136px;
    background-color:White;
    border:1px solid Black;
 	/* Efecto de sombre para la caja de enlaces de interés */
    -webkit-box-shadow:4px 4px rgba(33,33,33,0.75);
    -moz-box-shadow:4px 4px rgba(33,33,33,0.75);
    box-shadow:4px 4px rgba(33,33,33,0.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#101010, direction=138, strength=4);
}

#body #leftcontent #maincontent #links #externallinks h2  {
    font:italic Bold 8pt Arial,Verdana,Helvetica,sans-serif;   
    color:White;
    text-align:center;
    letter-spacing:0;
    background-color:rgb(126,126,126);
    padding-top:4px;
    width:100%;
    height:18px;
}

#body #leftcontent #maincontent #links #externallinks ul {
    width:112px;
    height:101px !important;
    padding-top:6px;
    padding-left:5px;
}

#body #leftcontent #maincontent #links #externallinks ul li    {
    padding:0;
}

#body #leftcontent #maincontent #links #externallinks ul li img {
    border:0;
}

/* Estilos para la caja con identificador id="iconspanel" */
#body #leftcontent #maincontent #links #iconspanel        {
   position:relative;
   float:right;
   top:8px;
   left:0;
   width:402px;
   height:134px;
}

#body #leftcontent #maincontent #links #iconspanel ul     {
   margin:0;
   padding:0;
   /* float:left; */
   width:384px;
   height:67px;
   list-style:none;
}

#body #leftcontent #maincontent #links #iconspanel ul li    {
   float:left;
   width:75px;
   height:67px;
   line-height:0.65em;
}

#body #leftcontent #maincontent #links #iconspanel ul li .icon {
   width:43px;
   margin:0 auto;
}

#body #leftcontent #maincontent #links #iconspanel ul li .icon img   {
   border:0;
}

#body #leftcontent #maincontent #links #iconspanel ul li .description {
   text-align:center;
}

#body #leftcontent #maincontent #links #iconspanel ul li .description a {
   text-decoration:none;
   color:White;
   font:500 0.48em Verdana,Helvetica,sans-serif;
}


/**************************************************************************
*       Estilos para la caja de la derecha donde se despliegan            *
*       las noticias y los banners rotativos.                             *
**************************************************************************/

/***********************************/
/*   Agregado por David 31-01-11   */
/***********************************/
div.banner{
   height:170px !important;
   padding:4px 4px 1px 10px;
   position:relative;
   top:0;
   left:0;   
}

div.banner div {
   height:150px !important;
}
#rightcontent .banner ul{
   height: 150px !important;
   *height: 160px !important;
   _height: 162px !important;
}
#rightcontent .banner ul li{
  height: 150px !important;
  *height: 160px !important;
   _height: 162px !important;
}

#rightcontent .banner ul img{
  height: 150px;
  *height: 160px !important;
   _height: 162px !important;
}
/****************************************/

#body #rightcontent                                              {
   float:right;
   width:205px;
   height:368px;
}

#body #rightcontent .shadowmain,
#body #rightcontent .shadowleft,
#body #rightcontent .shadowtop                         {
   display:block;
}

#body #rightcontent .shadowmain                       {
   width:194px;
   height:160px;
   background:url(../images/shadowmain.gif) no-repeat right bottom;
   float:left;
}

#body #rightcontent .shadowmain .shadowleft {
   background:url(../images/shadowleft.gif) no-repeat left bottom; 
}

#body #rightcontent .shadowmain .shadowleft .shadowtop {
	background:url(../images/shadowtop.gif) no-repeat right top;
	padding:0 5px 3px 0; 
	/* border:1px solid red; */
}

#body #rightcontent .shadowmain .shadowleft .shadowtop {
   width:184px;
   background-color:rgb(212,225,246);
   padding-bottom:4px;
   min-height:153px;
}

/* Estilos para la caja de noticias */
#body #rightcontent #news {
 	background:#FFF;
 	border:1px solid Black;
	width:184px;
	*width:186px;
	_width:181px;
 	height:158px;
 	*height:152px;
 	_height:150px;
 	/* Efecto de sombre para la caja de noticias */
    -webkit-box-shadow:4px 4px rgba(33,33,33,0.75);
    -moz-box-shadow:4px 4px rgba(33,33,33,0.75);
    box-shadow:4px 4px rgba(33,33,33,0.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#101010, direction=135, strength=4);
}

#body #rightcontent #news #news_encabezado {
    width:184px;
    height:28px;
  	text-align:right;
    background:url(../images/barnews.png) rgb(146,146,146) repeat;
}

#body #rightcontent #news #news_encabezado h4{
    float:left;
    margin-left:12px;
    margin-top:6px;
}

#body #rightcontent #news #news_encabezado h3{
	float:right;
    margin-right:12px;
    margin-top:2px;
    color:rgb(35,65,145);
    font:Bold Italic 10.5pt "Arial Black";
    letter-spacing:0.2pt;
}

#body #rightcontent #news #news_encabezado h3 a{
	text-decoration:none;
	color:rgb(35,65,145);
    font:Bold Italic 10.5pt "Arial Black";
}

#body #rightcontent #news #news_listado {
    margin:8px 9px 8px 6px;
}

#body #rightcontent #news #news_listado ul {
	list-style:none outside none;
	margin:5px 0 5px 0;
}

#body #rightcontent #news #news_listado ul li {
    font:Bold 8pt Verdana,Helvetica,sans-serif;
    line-height:10pt;
    color:rgb(0,80,255);
    background:url("../images/list-item-img.jpg") no-repeat scroll left top transparent;
    margin-top:5px;
    padding-left:20px;
    height:110px;
}

#body #rightcontent #news #news_listado ul li a{
	text-decoration:none;
	color:rgb(0,80,255);
}

#body #rightcontent #news #news_listado ul li a:link,
#body #rightcontent #news #news_listado ul li a:visited {
	text-decoration:none;
	color:rgb(0,80,255);
}

#body #rightcontent #news #news_listado ul li a:hover {
	text-decoration:none;
	color:#003796;
}

/* Estilos para crear efecto de sombra en la caja de anuncios rotativos */
#body #rightcontent .shadowmainbis,
#body #rightcontent .shadowleftbis, 
#body #rightcontent .shadowtopbis                 {
   display:block;
}

#body #rightcontent .shadowmainbis               {
   position:relative;
   float:left;
   top:12px;
   left:0;
   width:194px;
   height:202px;
   background:url(../images/shadowmain.gif) no-repeat right bottom;
}

#body #rightcontent .shadowmainbis .shadowleftbis {
   background:url(../images/shadowleft.gif) no-repeat left bottom; 
}

#body #rightcontent .shadowmainbis .shadowleftbis .shadowtopbis {
   background:url(../images/shadowtop.gif) no-repeat right top;
   padding:0 5px 3px 0;
   /* border:1px solid red; */
}

#body #rightcontent .shadowmainbis .shadowleftbis .shadowtopbis #ads {
   position:relative;
   top:2px !important;
   top:0;
   left:0;
   width:184px;
   height:190px;
   background-color:rgb(212,225,246);
   /* border:1px solid Red; */
}

/* Estilos para crear el efecto de cajas con esquinas redondas en la caja de anuncios rotativos */
#body #rightcontent #ads .boxbis                                     {
   position:relative;
   width:175px;
   background:url(../images/bottomleft.gif) no-repeat left bottom;
   top:5px;
   left:50%;
   margin-left:-87.5px;
   /* border:2px solid Red; */
}

#body #rightcontent #ads .boxbis .outbis                                 {
   padding-bottom:6px;
   background:url(../images/bottomright.gif) no-repeat right bottom;
}

#body #rightcontent #ads .boxbis .outbis .inbis                    {
   background:url(../images/topleft.gif) no-repeat left top;
}

#body #rightcontent #ads .boxbis .outbis .inbis .banner     {
   background:url(../images/topright.gif) no-repeat right top;
   /* border:2px solid Red; */
}

/*
   Estilos de los controles para cambiar los banner rotativos
*/
#body #rightcontent #ads .boxbis .outbis .inbis .banner a {
   display:block;
   font:normal 0.6em Lucida,Verdana,Helvetica,sans-serif;
   color:rgb(10,35,130);
   text-decoration:none;
}

#body #rightcontent #ads .boxbis .outbis .inbis .banner a:link {
   text-decoration:none;
   color:rgb(10,35,130);
}

#body #rightcontent #ads .boxbis .outbis .inbis .banner a:visited {
   text-decoration:none;
   color:rgb(150,60,160);
}

#body #rightcontent #ads .boxbis .outbis .inbis .banner a:hover, 
#body #rightcontent #ads .boxbis .outbis .inbis .banner a:active {
   text-decoration:none;
   color:rgb(230,30,20);
}

#body #rightcontent #ads .boxbis .outbis .inbis .banner img {
   border:0;
}

#body #rightcontent #ads .boxbis .outbis .inbis  a.banner-nextbtn{ 
	position:absolute; 
	left: 17px; bottom:2px 
}

#body #rightcontent #ads .boxbis .outbis .inbis  a.banner-prevbtn{ 
	position:absolute; 
	right: 15px; 
	bottom:2px; 
	z-index: 100; 
} 
/******************************/

#rightcontent ul{
    list-style:none;
}

#rightcontent ul li{
    height:36px;
}

/*
#rightcontent ul li a,
#rightcontent ul li a:visited{
    display:block;
    width:100%;
    height:100%;
    padding:13px 15px;
    font:bold 0.6em Verdana;
    text-decoration:none;
    color:white;
}
#rightcontent ul li a:hover{    
    color:yellow;
}
*/

/* Estilos para la barra de herramientas de la parte inferior */
#body #toolbox                                                                      {
   width:600px;
   height:20px;
   /* border:1px solid Red; */
}

#body #toolbox  ul                                                                  {
   position:relative;
   z-index: 2;
   top:2px;
   left:20px;
   margin:0;
   padding:0;
   float:left;
   width:500px;
   list-style:none;
}

#body #toolbox ul li                                                                 {
   float:left;
   background:url(../images/rightbar.jpg) no-repeat top right;
}

#body #toolbox ul li a                                                              {
   padding:2px 8px;
   display:block;
   line-height:20px;
   font:bold 7.5pt Lucida,Verdana,Helvetica,sans-serif;
   text-decoration:none;
   background: url(../images/leftbar.gif) no-repeat top left;
   color:#FFF;
}

#body #toolbox ul .buton                                                          {
   position:relative;
   top:-7px;
   left:-12px;
   width:30px;
   height:27px;
   background:none;
   z-index:5;
}

#body #toolbox ul .buton a                                                        {
   background:none;
}

#body #toolbox ul .buton img                                                    {
   border:0;
}



/* La caja identificada con id="footer" contiene la información que va al pie del sitio web */
#footer                                                                                   {
   position:absolute;
   top:632px;
   left:0;
   width:960px;
   height:20px;
   border-top:1px solid rgb(255,225,15);
   z-index: 1;
}

#footer #copy                                                                        {
   height:auto;
}

#footer #copy .caption                                                       {
   display:block;
   font:bold 0.6em Verdana;
   color:rgb(245,245,245);
   text-align:center;
}