body {
	margin: 0; padding: 0;
	background:#efefef url(images/body-gray.png) center repeat-y
}
.Estilo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Estilo2 {color: #FFFFFF}
.Estilo3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.Estilo4 {
	color: #336666;
	font-weight: bold;
}
a:link {
	color: white;
}
a:visited {
	color: #336666;
}
a:hover {
	color: #336666;
}
a:active {
	color: #336666;
}
.Estilo5 {color: #FFFFFF}
.Estilo6 {color: #FFFFFF; font-weight: bold; }
.Estilo7 {font-size: 14px}
.Estilo8 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.Estilo9 {color: #FFFFFF}

div.container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

div.BoxImages {
	float: left; width: 429px; height: 250px; background-color: #FF6600;
}
div.BoxImages ul {
	list-style: none; padding: 0 0 0 0; margin: 0 0 0 0;
}

div.BoxText1 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text.gif) center no-repeat; }
div.BoxText2 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text2.gif) center no-repeat; }
div.BoxText3 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text3.gif) center no-repeat; }
div.BoxText6 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text6.gif) center no-repeat; }
div.BoxText7 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text7.gif) center no-repeat; }
div.BoxText8 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text8.gif) center no-repeat; }
div.BoxText9 { float: left; width: 551px; height: 250px; background: #FF6600 url(images/text9.gif) center no-repeat; }

div.Footer {
	clear: both;
	background: #336666 url(images/bgh1.gif) left repeat-x;
	width: 980px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
div.Footer a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

div.contents {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;
	background-color: #FF6600;
}

div.ArtLeft {
	float: left; width: 370px; background-color: #FF6600; margin: 10px 10px 10px 20px;
}
div.ArtRight {
	float: left; width: 370px; background-color: #FF6600; margin: 10px 10px 10px 10px;
}

div.ContRight1 {
	float: right;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EF5600;
	text-align: justify;
}
div.ContRight2 {
	float: right;
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #336666;
	text-align: justify;
}

.Titulo {
	background-color: #EF5600;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: white;
}
.Titulo img {
	border: 3px solid #EF5600;
}
.TituloTxt {
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #EF5600;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: white;
}

.Cuerpo {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;
	background-color: #FF6600;
	padding-left: 10px;
	padding-right: 10px;
}
.Cuerpo2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;
	background-color: #EF5600;
	padding-left: 10px;
	padding-right: 10px;
}

.Menu {
	display: inline-block;
	width: 100%;
	background: #336666 URL(images/bgl2.gif) repeat-x left;
}
.IndexT {
	float: left;
	background: URL(images/vlines.gif) no-repeat left;
	color: white;
	font: bold 12px Tahoma, Arial;
	vertical-align: middle;
	height: 26px;
}
.IndexT a {
	margin-left: 30px;
	padding-top: 5px;
	display: block;
	text-decoration: none;
/*	background: #336666;*/
	color: white;
	white-space: nowrap;
}

/* the overlayed element */
.apple_overlay {
	display:none;
	/* growing background image */
	background-image:url(images/over_white.png);
	/*
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;
	padding:35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/over_close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(images/over_transparent.png);
	color:#efefef;
	height:590px;
}
#overlay_pi {
	background-image: url(images/over_white.png);
	color: black;
	height: 590px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:500px;
	overflow-y:auto;
}

/* Drop down menu */
#jsddm
{	margin: 0;
	padding: 0;
	float: right; }
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: bold 12px Arial, Helvetica, sans-serif;
	}

	#jsddm li a
	{	display: block;
		/*background: #336666;*/
		padding: 5px 12px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #558888;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}

		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}

		#jsddm li ul li
		{	float: none;
			display: inline;
		}

		#jsddm li ul li a
		{	width: auto;
			text-align: left;
			background: #1A4473;
			font: 14px Tahoma, Arial;
		}

		#jsddm li ul li a:hover
		{	background: #1B5584; }