/*Estilo para maquetar texto bordeando las imágenes */
  #flotaD {position: relative; right: 15px; top: 10px;}
  #flotaI {position: relative; left: 10px; top: 7px;}
/*Estilo para todo los titulos de los parrafos en color por defecto */
  .titulos {
     font-family:  Verdana, Geneva, sans-serif;
     font-size:    22px;
     color:    #00008B;
  }
/*Estilo para todo el texto del portal en el color por defecto */
  .todos {
     font-family:  Verdana, Geneva, sans-serif;
     font-size:    17px;
     color:    #3C3C3C;
  }
/*Estilo para la fecha en el color por defecto */
  .fecha {
     font-family:  Verdana, Geneva, sans-serif;
     font-size:    14px;
     color:    #00008B;
  }
/*Estilo para todo el texto del portalen el color por defecto */
a.style2:link {
	color: #8B0000;
	text-decoration: none;
}
a.style2:visited {
	color: #8B0000;
	text-decoration: none;
}
a.style2:active {
	color: #FF0000;
	text-decoration: underline;
}
a.style2:hover {
	color: #8B0000;
	background: #D2B48C;
	font-weight: bold;
	text-decoration: none;
}
/*Estilo para visualizar los Tooltip - vamos lo que hemos denominado referencias */
#dhtmlgoodies_tooltip{
	background-color:#EEE;
	border:1px solid #00008B; /* Color borde caja del tooltip original negro #000 */
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:1.em; /* era 0.9.em */
	-moz-border-radius:8px;	/* Rounded edges in Firefox - eran 6px*/
	font-family: "Verdana", "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#7F7F7F; /* color de la sombra gris muy oscuro #555, lo suavizo */
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
/*Fin estilos Tooltop*/
/*Estilo para visualizar los Tooltip - vamos lo que hemos denominado referencias */

/*Estilo para el Menu Principal*/
.ThemeMenuBar1Menu,
.ThemeMenuBar1SubMenuTable
{
   font-family: Verdana;
   font-size: 15px;
   font-weight: normal;
   color: #00008B;
   text-align: left;
   padding: 0;
   cursor: pointer;
}
.ThemeMenuBar1MenuOuter
{
   background-color: #FFFFFF;
   background: transparent;
   border: 0;
}
.ThemeMenuBar1SubMenu
{
   position: absolute;
   visibility: hidden;
   border: 0;
   padding: 0;
   border: 1px solid #AFEEEE;
}
.ThemeMenuBar1Menu td
{
   padding: 3px 0px 3px 0px;
}
.ThemeMenuBar1SubMenuTable
{
   color: #00008B;
   text-align: left;
   background-color: #E1E1E1;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
.ThemeMenuBar1SubMenuTable td
{
   white-space: nowrap;
}
.ThemeMenuBar1MainItem,
.ThemeMenuBar1MainItemHover,
.ThemeMenuBar1MainItemActive,
.ThemeMenuBar1MenuItem,
.ThemeMenuBar1MenuItemHover,
.ThemeMenuBar1MenuItemActive
{
   white-space: nowrap;
}
.ThemeMenuBar1MainItemHover,
.ThemeMenuBar1MainItemActive
{
   color: #00005E;
   background-color: #E1E1E1;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
.ThemeMenuBar1MenuItemHover,
.ThemeMenuBar1MenuItemActive
{
   color: #00008B;
   background-color: #C3C3C3;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
.ThemeMenuBar1MenuFolderLeft,
.ThemeMenuBar1MenuFolderRight,
.ThemeMenuBar1MenuItemLeft,
.ThemeMenuBar1MenuItemRight
{
   padding: 3px 0px 3px 0px;
}
td.ThemeMenuBar1MainFolderText,
td.ThemeMenuBar1MainItemText
{
   padding: 3px 10px 3px 5px;
}
.ThemeMenuBar1MenuFolderText,
.ThemeMenuBar1MenuItemText
{
   padding: 1px 5px 3px 5px;
}
.ThemeMenuBar1MenuItem .ThemeMenuBar1MenuFolderText,
.ThemeMenuBar1MenuItem .ThemeMenuBar1MenuItemText
{
   border: 1px solid transparent;
}
.ThemeMenuBar1MenuItemHover .ThemeMenuBar1MenuFolderText,
.ThemeMenuBar1MenuItemActive .ThemeMenuBar1MenuFolderText,
.ThemeMenuBar1MenuItemHover .ThemeMenuBar1MenuItemText,
.ThemeMenuBar1MenuItemActive .ThemeMenuBar1MenuItemText
{
   border: 1px solid #CCFFFF;
}
td.ThemeMenuBar1MenuSplit
{
   overflow: hidden;
   background-color: inherit;
}
div.ThemeMenuBar1MenuSplit
{
   height: 1px;
   margin: 0px 0px 0px 0px;
   overflow: hidden;
   background-color: inherit;
   border-top: 1px solid #00008B;
}
.ThemeMenuBar1MenuVSplit
{
   display: block;
   width: 1px;
   margin: 0px 7px 0px 12px;
   overflow: hidden;
   background-color: inherit;
   border-right: 1px solid #00008B;
}
/*Fin estilos Menu Principal*/

/* CSS for my first scrolling box */
	#scrollingContainer1{
		width:815px;	/* 170 pixels in width */
		height:285px;	/* Height of box */
		
		border:0px solid #000;	/* Black border around box */
		background-color: #FFF;	/* Light blue background color */

		padding:12px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		margin-right:10px;	/* Right margin of 10 pixels */
		font-size:18px;	/* font size than the rest of the page */
		font-family:Verdana, Lucida Sans Unicode, Arial, sans-serif;
		color: #3C3C3C;		/* Color del Fuente */
		overflow:hidden;	/* Hide overflow content */
	}
/* End css for my second scrolling box */
/*Estilo para visualizar los Tooltip - vamos lo que hemos denominado referencias */
/* CSS for my first scrolling box */
	#scrollingContainer2{
		width:815px;	/* 170 pixels in width */
		height:185px;	/* Height of box */
		
		border:0px solid #000;	/* Black border around box */
		background-color: #FFF;	/* Light blue background color */

		padding:12px;	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		margin-right:10px;	/* Right margin of 10 pixels */
		font-size:18px;	/* font size than the rest of the page */
		font-family:Verdana, Lucida Sans Unicode, Arial, sans-serif;
		color: #3C3C3C;		/* Color del Fuente */
		overflow:hidden;	/* Hide overflow content */
	}
/* End css for my first scrolling box */