/* Global Resetting */


html{	

	width: 100%;

	height: 100%;

	background:#fff;

}

body#big {

	width: 100%;

	height: 100%;

	font-size: 62.5%;
	
	background:url(../images/main-bg.gif) repeat-x left top;

	/* reset font-sizes to 1em == 10px */
}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 20px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 18px; color:#094c9c;}

h3 { font-size: 16px; margin: 0px}


body#wo {

	width: 100%;

	height: 100%;

	font-size: 62.5%;
	
	background:url(../images/main-bg-page.gif) repeat-x left top #fff;

	/* reset font-sizes to 1em == 10px */
	
	

}

* {

	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	list-style:none;
}

a img{

	border:0;

}

.clear{

	clear:both;

}



/* Layout CSS */


#Main {
	margin:0 auto;
	width:950px;
	
	/position:absolute;   /* If IE 7.0 & 8.0 */
	/margin-left:-475px;  /* If IE 7.0 & 8.0 */
	

    /left:50%;            /* If IE 7.0 & 8.0 */
}

#Header {
	width:950px;
	height:80px;
	clear:left;
}

	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
	
	#logo-header {
		width:225px;
		height:70px;
		float:left;
	}

	#align-menu{
		width:470px;
		float:left;
		margin-left:75px;
		margin-top:1px;
	}
		#Menu1 {
		}

			#Menu1 li {
				width:90px;
				height:25px;
				float:left;
				margin-left:2px;
				text-align:center;
				background:url(../images/btn-base.gif) top no-repeat;
			}

				

				#Menu1 li a {
					width:90px;
					height:20px;
					display:block;
					color:#000;
					font-size:1.1em;
					text-decoration:none;
					padding-top:5px;
				}

					#Menu1 li a:hover {
					color:#000;
					background:url(../images/btn-base.gif) center no-repeat;
					}

					#Menu1 li.current a,

					#Menu1 li.section a {
						color:#e6e6e8;
						background:url(../images/btn-base.gif) bottom no-repeat;
					}
					
/* Lenguaje Changer Star */

#lenguajes{
	width:68px;
	height:29px;
	float:right;
	margin-top:5px;
}

#lenguajes-on-es{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) top left no-repeat;
	margin-left:5px;
}

#lenguajes-on-en{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) top right no-repeat;
	margin-left:5px;
}

#lenguajes-off-en{
	width:29px;
	height:29px;
	float:right;
	margin-left:5px;
}

#lenguajes-off-en a{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) bottom right no-repeat;
	}
#lenguajes-off-en a:hover{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) top right no-repeat;
	}
	
#lenguajes-off-es{
	width:29px;
	height:29px;
	float:right;
	margin-left:5px;
}

#lenguajes-off-es a{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) bottom left no-repeat;
	}
#lenguajes-off-es a:hover{
	width:29px;
	height:29px;
	float:right;
	background:url(../images/banderas.png) top left no-repeat;
	}


/* Lenguaje Changer end */
					
#titulo-page{
	width:950px;
	height:68px;
	float:left;
}
					
/* Home Start*/

#Flash-home{
	width:950px;
	height:360px;
	float:left;
}

#migas{
	float:right;
	margin-top:10px;	
	margin-bottom:0px;
	margin-right:65px;
	color:#888;
}

#migas a{color:#006ae9; text-decoration:none;}
#migas a:hover{color:#db1425; text-decoration:none;}

#ContentContainer {
	width:950px;
	float:left;
	margin-top:20px;
}

#ContentContainer-header-main{
	width:950px;
	height:6px;
	float:left;
	background:url(../images/container-head-bg.gif) no-repeat top center;
	/margin-bottom:-2px; /* If IE 7.0 & 8.0 */

}

#ContentContainer-header{
	width:950px;
	height:24px;
	float:left;
	background:url(../images/container-head-bg.gif) no-repeat top center;
	/margin-bottom:-2px; /* If IE 7.0 & 8.0 */
	
}

#ContentContainer-body{
	width:930px;
	/width:950px;  /* If IE 7.0 & 8.0 */
	float:left;
	background:#e6e6e8;
	padding-left:20px;
	font-size:11px;
}

	#ContentContainer-body a{color:#006ae9; text-decoration:none;}
	#ContentContainer-body a:hover{color:#db1425; text-decoration:none;}

#ContentContainer-foot{
	width:950px;
	height:12px;
	float:left;
	background:url(../images/container-foot-bg.gif) no-repeat top center;
	
}

#destacado-home{
	width:295px;
	height:240px;
	float:left;
	background:#999;
	margin-right:12px;
}


	
	#block-destacado-home{
		width:295px;
		height:230px;
		float:left;
		background:#e5e6e7;
		padding-top: 13px;
	}
	
	#block-destacado-home h3{
		color:#094c9c;
		text-decoration:none;
		margin-bottom: 4px;
	}
	
	

#titulo-destacado-home{
	width:295px;
	height:45px;
	float:left;
	background:url(../images/bg-title-dest.gif) #e5e6e7 no-repeat top left;
}

	#titulo-destacado-home h3{
		font-size:14px;
		font-weight:normal;
		margin-top:12px;
		margin-left:50px;
		/margin-left:25px;
	}
	
	#titulo-destacado-home h3 a{
		color:#094c9c;
		text-decoration:none;
	}
	
	#titulo-destacado-home h3 a:hover{
		color:#e81c1c;
		text-decoration:none;
	}

	#foto-destacado-home{
		width:295px;
		height:200px;
		float:left;
		background:url(../images/bg-title-dest.gif) #e5e6e7 no-repeat top left;
	}


/* Home End*/


/* What we Offer Start*/

	#logo-trans{
		float:left;
	}

			#logo-trans li {
				width:225px;
				height:70px;
				/margin-bottom:-5px;	/* If IE 7.0 & 8.0 */			
				float:left;
				background:url(../images/logo-head-over.gif) top no-repeat;
			}




				#logo-trans li a {
					display:block;
					color:#000;
					font-size:1.1em;
					text-decoration:none;
				}

					#logo-trans li a:hover {
					/margin-top:-3px;    /* If IE 7.0 & 8.0 */
					color:#000;
					background:url(../images/logo-head-over.gif) bottom no-repeat;
					}


#Flash-wwo{
	width:950px;
	height:360px;
	float:left;
	background: url(../images/headers/head-wwo.jpg) center top no-repeat;
}

#Flash-wwo-page{
	width:950px;
	height:360px;
	float:left;
}
	
	#flash-beneficio{
		width:380px;
		height:215px;
		float:right;
		margin-top:25px;
		margin-right:50px;
		margin-left:400px;
	}
	
	#descripcion-beneficios{
		width:770px;
		float:right;
		margin-top:48px;
		margin-right:50px;	
		padding-right:5px;
		color:#fff;
		font-size:12px;
	}
	
	#descripcion-beneficios a{color:#fade13;text-decoration:none; font-sie}
	#descripcion-beneficios a:hover{color:#f7fa12;text-decoration:none;}
	
		#descripcion-beneficios h3{font-size:18px;}
		
		#descripcion-beneficios h3 a{text-decoration:none;color:#094c9c;}
		
		#descripcion-beneficios h3 a:hover{text-decoration:none;color:#e81c1c;}

#beneficios-participa{
	width:950px;
	float:left;
	font-size:14px;
	margin-top:25px;
}

#destacado-wwo{
	width:392px;
	height:365px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:15px;
}

	#destacado-wwo img{
		margin-bottom:5;
		border: solid 2px #fff;
	}
	
	#destacado-wwo h3{
		font-size:16px;
		margin-bottom:5px;
		
	}
	
	#destacado-wwo h3 a{
		font-size:16px;
		margin-bottom:5px;
		color:#094c9c;
	}
	
	#destacado-wwo h3 a:hover{
		font-size:16px;
		margin-bottom:5px;
		color:#e81c1c;
	}
	
	#destacado-wwo p{
		margin-bottom:10px;
	}
	
	#destacado-wwo a{
		text-decoration:none;
	}
	
	#destacado-wwo a:hover{
		text-decoration:none;
	}


#contenido-beneficio{
	width:240px;
	height:402px;
	float:left;
	margin:20 0 0 40;
	font-size:11px;
}

	#contenido-beneficio h3{
		font-size:18px;
		margin-bottom:10px;
	}
	
	#contenido-beneficio h3 a{text-decoration:none; color:#094c9c;}
	#contenido-beneficio h3 a:hover{text-decoration:none; color:#094c9c;}


	#contenido-beneficio a{text-decoration:none; color:#04529d;}
	#contenido-beneficio a:hover{text-decoration:none; color:#e81c1c;}
	
	#contenido-beneficio p{
		margin-bottom:10px;
	}

#galeria-beneficio{
	width:631px;
	height:402px;
	float:left;
	margin:27 0 0 20;
}

#vivencia{
	width:890px;
	float:left;
	font-size:12px;
	margin-top:15px;
	margin-bottom:15px;
}

	#vivencia h3{
		font-size:18px;
		margin-bottom:10px;
	}
	
	#vivencia img{
		width:388px;
		float:left;
		margin-right:15px;
		border:2px solid #fff;
	}


/* What we Offer end */

/* DosColumnas Start*/

#doscolumnas-big{
	width:950px;
	float:left;
	margin-top:20px;
	font-size:14px;
}

#doscolumnas{
	width:433px;
	float:left;
	font-size:11px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:25px;
}

	#doscolumnas h3{
		font-size:18px;
		margin-bottom:10px;
	}
	
	#doscolumnas h3 a{text-decoration:none; color:#094c9c;}
	#doscolumnas h3 a:hover{text-decoration:none; color:#e81c1c;}

	#doscolumnas img{
		width:388px;
		float:left;
		margin-right:15px;
		margin-bottom:5;
		border: solid 2px #fff;
	}
	
	#doscolumnas a{text-decoration:none; color:#04529d;}
	#doscolumnas a:hover{text-decoration:none; color:#007cff;}

	#doscolumnas p{
		margin-bottom:10px;
	}


/* DosColumnas End*/



/* University Start*/

#Flash-university{
	width:950px;
	height:360px;
	float:left;
	background: url(../images/headers/head-universities.jpg) center top no-repeat;
}

#Flash-university-page{
	width:950px;
	height:360px;
	float:left;
}

	#miniflash-university{
		width:380px;
		height:215px;
		float:right;
		margin-top:25px;
		margin-right:50px;
		margin-left:400px;
	}

	#descripcion-university{
		width:770px;
		float:right;
		margin-top:48px;
		margin-right:50px;	
		padding-right:5px;
		color:#fff;
		font-size:12px;
	}
	
	#descripcion-university a{color:#fade13;text-decoration:none;}
	#descripcion-university a:hover{color:#f7fa12;text-decoration:none;}

		#descripcion-university h3{font-size:18px;}

		#descripcion-university h3 a{text-decoration:none;color:#094c9c;}

		#descripcion-university h3 a:hover{text-decoration:none;color:#e81c1c;}
		
		
#destacado-university{
	width:392px;
	height:365px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:15px;
}

	#destacado-university img{
		margin-bottom:5;
		border: solid 2px #fff;
	}

	#destacado-university h3{
		font-size:16px;
		margin-bottom:5px;

	}

	#destacado-university h3 a{
		font-size:16px;
		margin-bottom:5px;
		color:#094c9c;
	}

	#destacado-university h3 a:hover{
		font-size:16px;
		margin-bottom:5px;
		color:#e81c1c;
	}

	#destacado-university p{
		margin-bottom:10px;
	}

	#destacado-university a{
		font-size:12px;
		color:#04529d;
		text-decoration:none;
	}

	#destacado-university a:hover{
		color:#007cff;
		text-decoration:none;
	}
	

#university-jscript{
	width:950px;
	float:left;
	font-size:16px;
	margin-top:20px;
}

#university-mensaje{
	width:950px;
	float:left;
	margin-bottom:10px;
	font-size:14px;
}



/* Chile Start*/


#Flash-chile{
	width:950px;
	height:360px;
	float:left;
	background: url(../images/headers/head-chile.jpg) center top no-repeat;
}

	#miniflash-chile{
		width:380px;
		height:215px;
		float:right;
		margin-top:25px;
		margin-right:50px;
		margin-left:400px;
	}

	#descripcion-chile{
		width:770px;
		float:right;
		margin-top:48px;
		margin-right:50px;	
		padding-right:5px;
		color:#fff;
		font-size:12px;
	}
	
	#descripcion-chile a{color:#fade13;text-decoration:none;}
	#descripcion-chile a:hover{color:#f7fa12;text-decoration:none;}

		#descripcion-chile h3{font-size:18px;}

		#descripcion-chile h3 a{text-decoration:none;color:#094c9c;}

		#descripcion-chile h3 a:hover{text-decoration:none;color:#e81c1c;}


#contenido-page{
		width:950px;
		float:left;
		margin-top:30px;
		margin-bottom:0px;
		font-size:11px;
	}
	
	#contenido-page h3{
		font-size: 15px;
		margin: 0px;
		
	}
	
#alinear{
	padding:20 120 20 100;
}

#alinear h1{
	width:650px;
	height:50px;
	float:left;
	background: url(../images/base-h1.gif) left top no-repeat;
	color:#094c9c;	
	padding-left:70px;
	padding-top:13px;
}

#alinear p{
	margin:20 0 20 0;	
}

#alinear img{
	margin-right:15px;
	margin-bottom:15px;
	border:2px solid #fff;
}

	

/* Chile End*/


 				/* University jQuery Start*/
				
				div.pags {
					position:relative;
					margin:20px 100px;
					width:600px;
					float:left;
					border:1px solid #999;
				}
   
				.selected {
					font-weight:bold;
				}
				ul.menuout {
					position:relative;
					left:0px;
					list-style-image:none;
					list-style-type:none;
					display:block;
					margin:0;
					padding:0;
					float:left;
				}
				ul.menuout li {
					float:left;
					display:block;
					margin:2px 2px 2px 2px;
					padding:0;
					cursor:pointer;
				}
   
				.pags a ,.pags a:visited {
					padding: 0 0;
					text-decoration: none;
					color: #443;
				}
   
				.pags a:hover {
					background-color: #999;
					color: #fff;
				}
   
				.spag{
					position:relative;
					margin:1em 6em;
					float:left;
					width:100%;
				}

				/* University jQuery End*/
 


/* University End*/

/* ContactForm Start*/

#contact-map{
	width:500px;
	float:left;
	margin-top:10px;
}

#contact-block{
	width:400px;
	float:left;
	margin-left:20px;
}

/* ContactForm End*/

#Banner {

	text-align: center;

}



#Menu2 {

	margin-left: 20px;

	width: 17em;

	float:left;

	background:#f0f0f0;

	border:1px solid #ddd;

	padding:10px 10px 10px 10px;

}

	#Menu2 li {

		padding-left:15px;

		background:url(../images/menu2_arrow.gif) no-repeat left center;

	}

	#Menu2 a {

		color:#333;

		font-weight:bold;

		font-size:1.1em;

		line-height:1.6em;

		text-decoration:none;

	}

	#Menu2 a:hover {

		text-decoration:underline;

	}

	#Menu2 li.current a,

	#Menu2 li.section a {

		color:#0083C8;

	}



#Content {

	float: left;

	margin: 0px 20px;

	width:70%;

}



div.breadcrumbs {

	margin-bottom:10px;

	font-size:1em;

	color:#666;

}

div.breadcrumbs a {

	text-decoration:none;

}



#Footer {
	width:950px;
	height:100px;
	float:left;
	clear:both;
	margin-top:25px;
}

	#footer-logo{
		width:150px;
		height:50px;
		float:left;
	}
	
	#comunidades{
		width:180px;
		height:20px;
		float:left;
		padding-left:40px;
		margin-right:40px;
	}
	
	#comunidades img{margin-right:10px; padding-top:9px;}
	
	
	#footer-menu {
		width:350px;
		height:30px;
		float:left;				
		padding-top:7px;
		padding-left:10px;
	}
		
		
			#footer-menu li {
				float:right;
				margin-left:15px;
				margin-right:30px;
			}



				#footer-menu li a {
					display:block;
					color:#000;
					font-size:1.1em;
					text-decoration:none;
				}

					#footer-menu li a:hover {
					color:#666;
					}
					
					#footer-menu li.current a,

					#footer-menu li.section a {
						color:#999;
					}s
	

	
	#footer-news {
		}

			#footer-news li {
				width:170px;
				height:49px;
				float:left;
				background:url(../images/btn-newsletter.gif) top no-repeat;
			}



				#footer-news li a {
					display:block;
					color:#000;
					font-size:1.1em;
					text-decoration:none;
				}

					#footer-news li a:hover {
					color:#000;
					background:url(../images/btn-newsletter.gif) bottom no-repeat;
					}

	#Footer span {
		width:950px;
		float:left;
		color:#434343;
		font-size:1.1em;
		line-height:2em;
		text-align:center;
		margin-top:10px;
	}

	#Footer a {

		color:#fff;

	}

		#Footer a:hover {

			text-decoration:none;

		}





/* The rest of this file is for the second tutorial */

#NewsList,

#StaffList {

	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px;

}



#NewsList li,

#StaffList li {

	margin: 0;

	list-style-type: none;

}

	#NewsList li.newsDateTitle span {

		color:#666;

		line-height:2em;

	}

	#NewsList li.newsDateTitle a {

		font-size:1.3em;

		font-weight:bold;

		color:#0083C8;

		text-decoration:none;

		padding-left:20px;

		background:url(../images/treeicons/news-file.gif) no-repeat left center;

	}

		#NewsList li.newsDateTitle a:hover {

			border-bottom:1px dotted #0083C8;

		}

		

	#NewsList li.newsSummary {

		margin-bottom:20px;

	}

		#NewsList li.newsSummary span {

			font-size:1.1em;

			line-height:1.5em;

			color:#333;

		}

		#NewsList li.newsSummary a.readMoreLink {

			color:#0083C8;

			text-decoration:none;

		}

			#NewsList li.newsSummary a.readMoreLink:hover {

				border-bottom:1px dotted #0083C8;

			}



div.newsDetails {

	margin-bottom:10px;

}



div.newsDetails p {

	color:#666;

	margin:0;

	font-size:1em;

}



div.pageComments {

	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px;

}



#StaffList .staffname { 

	clear: both;

	padding-left: 60px;

	height: 1.2em;

}



#StaffList .staffphoto {

	float: left;

	margin-left: 3px;

	margin-top: -1.2em;

}     

#StaffList .staffphoto img {

	border:1px solid #AAA;

}



#StaffList .staffdescription {

	margin-left: 60px;

	margin-bottom:30px;

}



#StaffPhoto {

	float: left;

	margin-right: 10px;

}



#StaffPhoto img {

	border:1px solid #AAA;

}



#PageComments {

	list-style:none;

	background:#e9e9e9;

	border:1px solid #ccc;

	border-bottom:0;

	padding:0;

	margin:0;

}

	#PageComments li {

		list-style:none;

		padding:5px;

		margin:0;

		font-size:1em;

		border-bottom:1px dotted #bbb;

	}

		#PageComments li p span {

			font-style:italic;

		}

		#PageComments a.deletelink {

			font-weight:bold;

		}



			

#PageNumbers {

	font-weight:bold;

	color:#333;

	font-size:1.1em;

	text-align:center;

	padding:5px;

	border:1px solid #ddd;

	background:#e9e9e9;

}

#PageNumbers * {

	padding:0 5px;

	line-height:1.5em;

}

#PageNumbers a {

	color:#0083C8;

	text-decoration:none;

}

	#PageNumbers a:hover {

		text-decoration:underline;

	}
	
	
	hr {
	color: #d7d7d7;
	margin-top:20px;
	margin-bottom:20px;
	}


#contenido-programs{
	width:240px;
	height:300px;
	float:left;
	margin:25 0 0 40;
	font-size:11px;
}

#contenido-programs hr {
	color: #eaeaea;
	margin-top:0px;
	margin-bottom:0px;
	}

	#contenido-programs h3{
		font-size:18px;
		margin-top:0px;
		margin-bottom:0px;
	}

	#contenido-programs h3 a{text-decoration:none; color:#094c9c;}
	#contenido-programs h3 a:hover{text-decoration:none; color:#094c9c;}


	#contenido-programs a{text-decoration:none; color:#04529d;}
	#contenido-programs a:hover{text-decoration:none; color:#e81c1c;}

	#contenido-programs p{
		margin-bottom:10px;
	}
	
	


		#programs-table{
			width:631px;
			float:left;
			margin:27 0 0 20;
		}



	.container	
			{
				background: url(../img/slideTabbg.jpg);
				width:631px;
				height:300px;
				overflow:hidden;
				margin:0 auto;
			}
			.selector
			{
				background: url(../img/selector.png);
			}			
			.hovering
			{
				background: url(../img/selector.png);
				opacity: 0.5;	
			}						
			.container .TabMenu
			{
				position: relative;
				top: 5px;
				left: 5px;
				z-index: 10;
			}
			.container .TabMenu span
			{
				display: inline-block;
				height: 77px;				
				margin: 0px;
				padding:0px;
			}
			.container .ContentFrame
			{
				width: 598px;
				height:206px;
				left: 12px;
				top:5px;
				position: relative;
				overflow:hidden;
			}			
			.container .ContentFrame .AllTabs
			{
				position: relative;	
				left:0px;		
				width: 2800px;
				height: 206px;
				overflow:hidden;
			}
			.container .ContentFrame .AllTabs .TabContent
			{
				width:598px;
				height: 206px;
				margin-right:20px;
				text-align: justify;
				float:left;
				overflow:hidden;				
			}
			
			.container .ContentFrame .AllTabs .TabContent h2
			{
				margin-top:0px;
			}
			
			
			#chat {
				width:160px;
				height:60px;
				float:right;
				margin-left:10px;
				margin-right:2px;
		}