body { background: #999; margin: 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bg_white.gif); background-repeat: repeat-y; background-position: left; }
br { line-height: 10px; }

/* layers de la estructura general */
#container { width: 780px;  padding: 0px; margin: 0px; }

#header { width: 780px; height: 100px; margin: 0px; padding: 0px; }
	#logotipo { float: left; width: 158px; padding: 49px 0 0 0px; text-align: right; margin: 0px; }
	#content_navigate { float: right; width: 605px; padding: 0px; margin: 0px; }
	   #menu { float: left; height: 35px; padding: 0; margin: 63px 0 0 0; width: 402px; } 
		#navigate { margin: 0px 0 0 0; padding: 0px; }
		#navigate li { margin: 0; padding: 0; display: inline; list-style-type: none; }
		#navigate a, #navigate a:link, #navigate a:visited {
		float: left;
		font-size: 11px;
		line-height: 11px;
		margin: 0 0 0 20px;
		padding: 0 0 0px 6px;
		text-decoration: none;
		color: #61737B;
		border-left: 4px solid #CC3300;
		background: #fff;
		letter-spacing: 1px;
		}
		#navigate a.active:link, #navigate a.active:visited, #navigate a:hover {
		border-left: 4px solid #FF3300;
		padding-left: 6px;
		background: #fff;
		color: #000;
		}
		
		
	#submenu { position: absolute; top: 77px; height: 21px; z-index: 140; border-top: 1px solid #ccc; } 
	   #subnavigate { margin: 0px; padding: 0px; }
		#subnavigate li { margin: 0px; padding: 0; display: inline; list-style-type: none; }
		#subnavigate a, #subnavigate a:link, #subnavigate a:visited {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		float: left;
		font-size: 9px;
		line-height: 18px;
		margin: 0 0 0 14px;
		padding: 0 3px 0 2px;
		text-decoration: none;
		color: #666;
		border-bottom: 4px solid #fff;
		}
		#subnavigate a.active, #subnavigate a.active:visited, #subnavigate a:hover {
		border-bottom: 4px solid #CCC;
		padding: 0 3px 0px 2px;
		color: #000000;
		font-size: 9px;
		}
		
		div#links { position: absolute; top: 77px; left: 599px; width: 169px; height: 17px; z-index: 100; background-image: url(../images/bg_subnavigate.gif); background-repeat: no-repeat; background-position: top; text-align: right; padding-top: 2px; }
		div#links a { display: inline; text-decoration: none; margin: 0; }
		div#links a:hover { color: #fff; background-color: #fff; }
		div#links a span { display: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		div#links a:hover span { display: block; text-align: left; position: absolute; top: 3px; left: 0; width: 100px; z-index: 100; color: #333; background: #fff; font-size: 9px; }
		
#stage { width: 765px; margin: 0px; padding: 0 0 0 15px;  background-color: #ccc; text-align: left; height: 171px; }
#stage85 { width: 765px; margin: 0px; padding: 0 0 0 15px;  background-color: #ccc; text-align: left; height: 85px; }
.boxleft, .boxright {  padding: 0px; margin: 0px; }
.boxleft { float: left;}
.boxright { float: right; }
.box_arrows { width: 537px; margin: 4px 0 10px 0; float: left; font-size: 10px; color: #333; background-color: #EEF0F1; height: 19px; padding: 3px 0 0 5px ; display: block; }
.box { width: 145px; postiion: relative; display: inline;  margin: 0 0 0 10px; }
.box span.separa { font-size: 9px; color: #c30; padding: 0 6px 0 6px; }
.box a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #333; text-decoration: underline;  font-weight: normal;}
.box a:hover { text-decoration: none; }

.txtfield { color: #223f4e; padding: 0px; background-color: #efefef; border: 0px; font-size: 11px; padding: 2px; }
.txtButton, txtCombo{ color: #fff; padding: 0px; background-color: #c30; border: 0px solid #5b6971; font-size: 9px; font-weight: bold; }
.txtform{ color: #333; font-size: 11px; font-weight: normal; }



#body { width: 753px; margin: 0px; padding: 18px 13px 0 15px; border-color: White; display: block; }
	#head_note {  float: left; width: 340px; margin: 0px; padding: 0 13px 0 23px; text-align: left; }
	#head_note span { font-size: 11px; color: #4a4a4a; margin-top: 10px; line-height: 18px; }
	#head_note br { line-height: 10px; }
	
	#notes_frameborder { float: right; margin: 0px; padding: 0 0 0 13px; text-align: left; border-left: 1px dashed #ccc; display: block; }
	
		.note { float: left; margin: 0 0 13px 0; padding: 0; text-align: left;  display: block;}
		.note img { padding: 0;}
		.note img.tumbs { margin: 4px 10px 0 0; padding: 0; border: 0px solid #999;}
		.note img.screen{ border: 1px solid #666; }
		.note h1 { font-weight: bold; margin-bottom: 8px; font-size: 13px; color: #333; }
		.note h1 .subtitle { font-size: 11px;}
		.note h1 .space { font-size: 13px; color: #f30; margin: 0 10px 0 10px; }
		.note h2 { font-weight: bold; margin: 11px 0 5px 0; font-size: 11px; color: #CC3300; }
		.note h3 { font-weight: bold; margin: 18px 0 12px 0; font-size: 11px; color: #333; }
		.note span { font-size: 11px; line-height: 16px; color: #484848; }
		.note span.foot { text-align: right; margin:0;}
		.note a.liga { text-decoration: none; color: #c30; }
		.note a.liga:hover { color: #f30; text-decoration: none; }
		.note span.num { text-decoration: none; color: #fff; font-size: 11px; font-weight: normal; margin: 0 0 0 30px; background-color: #c30; padding: 1px 3px 1px 3px; width: 36px; text-align: center; }
		
		.teaser_center-center { width: 352px; margin: 13px 13px 0px 0; float: left; padding: 10px; background-color: #f8f8f8; }
		.teaser_center-center h1 { font-size: 11px; font-weight: bold; color: #444A4F; margin: 0 0 5px  0;  }
		.teaser_center-center a { font-size: 9px; font-weight: normal; color: #333; text-decoration: none; display: block; margin: 5px 0 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		.teaser_center-center a:hover { text-decoration: none; color: #000; }
		.teaser_center-center img { margin: 0 6px 0 0; padding: 0px; }
		
		.teaser_center-left { width: 179px; margin: 0 13px 0 0; float: left; }
		.teaser_center-righ { width: 179px; margin: 0; float: right; }

		.teaser_center-left h1, .teaser_center-right h1, .teaser_center-right_top h1 { font-size: 11px; font-weight: bold; color: #CC3300; margin: 0 0 5px 0; }
		.teaser_center-left span, .teaser_center-right span, .teaser_center-center span { font-size: 10px; font-weight: bold; color: #5B6971; line-height: 14px; }
		.teaser_center-left img, .teaser_center-right img { border: 0px; margin-right: 6px; }
		
		.teaser_center-left a { font-size: 9px; font-weight: normal; color: #333; text-decoration: none; margin: 5px 0 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		.teaser_center-left a:hover { text-decoration: none; color: #000; }
		.teaser_center-left br { line-height: 6px; }
			
		.teaser_left { float: left; display: block; }
		.teaser_left .head { float: left; height: 18px; background-color: #efefef; margin-bottom: 10px; color: #333;  font-weight: bold; font-size: 9px; line-height: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		.teaser_left img { border: 0px; margin-right: 6px; }
		.teaser_left span { font-size: 10px; font-weight: bold; color: #666; line-height: 15px; }
		.teaser_left a.liga { font-size: 9px; font-weight: bold; color: #5B6C73; line-height: 11px; margin: 0 0 11px 20px; text-decoration: none; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
		.teaser_left a.liga:hover  { color: #223F4E; }
		.teaser_left a.liga:active  { color: #c30; }
		.teaser_left span.liga_on  { font-size: 9px; font-weight: bold; line-height: 11px; margin: 0 0 11px 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; display: block; color: #cc3300; }
		
		.teaser_right { float: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  }
		.teaser_right img { border: 0px; margin: 0 6px 0 0; }
		.teaser_right .ministage { border: 0px; margin: 0px; padding: 0px; }
		.teaser_right h1 {  color: #26333C;  font-weight: bold; font-size: 9px; margin: 6px 0 6px 0; padding: 0px; line-height: 12px;  }
		.teaser_right h2 { height: 18px; background-color: #efefef; margin: 0 0 9px 0; font-size: 9px; font-weight: bold; color: #26333C; }
		.teaser_right span { color: #223F4E; font-size: 9px; }
		.bottom  { background-color: #F6F6F6; width: 141px; padding: 13px 13px 3px 15px; text-align: left; margin-top: -7px; }
		.bottom a { color: #5B6971; font-size: 9px; text-decoration: none; margin: 0 0 11px 0; font-weight: bold; display: block; }
      .bottom a:hover, .bottom span.on { color: #223F4E; text-decoration: none; font-weight: bold; margin: 0 0 11px 0; display: block; }
	
	.link_note { margin: 9px 0 5px 0; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
	.link_note a { font-size: 9px; font-weight: bold; color: #666; text-decoration: none; }
	.link_note a:hover { text-decoration: none; color: #333; }
	.link_note img { margin: 0 6px 0 0; padding: 0px; }
	
	.link_poyect { margin: 6px 0 0px 0; padding: 0px; }
	.link_poyect a { font-size: 10px; font-weight: normal; color: #3D464B; text-decoration: none;  font-weight: bold; }
	.link_poyect a:hover { text-decoration: none; color: #000; }
	.link_poyect img { margin: 0 6px 0px 0; padding: 0; }
	
	
	div#links_right { position: absolute; top: 203px; left: 599px; width: 169px; height: 240px; z-index: 110; text-align: left; }
	div#links_right a { display: block; border-left: 0px solid #cf0; text-decoration: none; margin: 0 0 17px 0; }
	div#links_right a:hover { color: #fff; background-color: #fff; border-left: 0px solid #cf0; }
	div#links_right a span { display: none;}
	div#links_right a:hover span { display: block; text-align: left; position: absolute; top: 173px; left: 17px; width: 155px; z-index: 110; color: #585858; background: #FFF; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
	
	
#footer { float: left; width: 755px; margin: 18px 0 0 0; padding: 5px 0 0 25px; background-image: url(../images/bg_footer.gif); height: 12px; display: block; }