/*  BASIC LAYOUT  */
body {
	text-align: center;
	margin: 0px;
	font: 12px/16px Verdana,Arial,sans-serif;
	color: #808285;
}
img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Tahoma,Arial,sans-serif; font-weight: normal; }
a { text-decoration: none; color: #0075bf; }
	a:hover { text-decoration: underline; }
	
ul { margin: 0; padding: 0; padding-left: 17px; }

	.holder {
		position: relative;
		text-align: left;
		/*background: url(16_col.gif) repeat-y transparent;*/
	}

	
	

	
/* main, top navbar */
	#navigation ul {
		overflow: hidden;
		display: inline;
		float: left;
		margin: 0;
		padding: 0; }
		#navigation ul li { list-style: none; float: left; }
			#navigation ul li a { text-decoration: none; color: #58595b; }
				#navigation ul li a:hover { text-decoration: underline; }

	#navigation ul.sections { font: 15px/40px Tahoma,Arial,sans-serif; float: right; }
		#navigation ul.sections li { margin-left: 28px; margin-right: 20px; float: right; }

	#navigation ul.offsite {
		font: 18px/40px Tahoma,Arial,sans-serif;
		background: url(../images/sprite-boxes.png) 0px 0px no-repeat transparent;
		height: 45px;
		width: 280px;
		float: left; }
		#navigation ul.offsite li { margin-left: 28px; }



/* logo and key lnks */
	#header h1 { margin: 0px; }
	#key-navi { margin-top: 65px; }
	#intro-text { margin-top: 97px; }
	


/* buton style base */
	.blue-btn { 
		text-indent: -9999px;
		display: block;
		height: 30px;
		background: url(../images/sprite-botones.png) 0px 0px no-repeat transparent;
	}
	.dwn-btn {
		margin-top: 5px;
		background-position: -2px -32px;
		width: 124px;
	}
	.tiny ul { font: 11px/16px Verdana,Arial,sans-serif; }
	.tiny p { font: 11px/14px Verdana,Arial,sans-serif; }
	
	
/* multimedia row */
	
	#multimedia-row { 
		float: left;
		padding-top: 28px;
		padding-bottom: 20px; }
	
	#multimedia-row h2 { margin-top: 0px; }
	
	#videos-btn {
		background-position: -2px -1px;
		width: 155px;
	}

	#multimedia-row ul {
		overflow: hidden;
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}
		#multimedia-row ul li { 
			list-style: none; 
			float: left;
			width: 166px;
			margin-left: 9px;
			text-align: center;
		}
			#multimedia-row ul li a {
				display: block;
				padding-top: 130px;
			}
			
			#multimedia-row ul li a.vid1 {
				background: url(../images/sprite-videos.jpg) 0px 0px no-repeat transparent;
			}
			#multimedia-row ul li a.vid2 {
				background: url(../images/sprite-videos.jpg) -178px 0px no-repeat transparent;
			}
			#multimedia-row ul li a.vid3 {
				background: url(../images/sprite-videos.jpg) -356px 0px no-repeat transparent;
			}
			#multimedia-row ul li a.vid4 {
				background: url(../images/sprite-videos.jpg) -534px 0px no-repeat transparent;
			}
	
	#orientacion {
		margin-top: 20px;
		margin-bottom: 10px;
		float: left;
	}
	
	#orientacion h3 {
		margin-top: 30px;
	}
		
	.mismatch {
		margin-left: 40px;
		margin-right: 40px;
	}
	#guia-pdf {
		margin-top: 44px;
		height: 95px;
		background: url(../images/sprite-boxes.png) 0px -53px no-repeat transparent;
		padding-left: 107px;
		padding-top: 25px;
	}
	#guia-pdf strong {
		font: 14px/16px Verdana,Arial,sans-serif;
		color: #231f20;
	}
	#guia-pdf em {
		font-style: normal;
	}
	
	.grayback { background: #dcddde; margin-top: 15px; color: #58595b; }
	.padded { padding-top: 20px; padding-bottom: 20px; }
	
	.blueback { background: #C3D5EE; }
	
	.grayback-dark { background: #7e8083; }
	
	.grayback-dark p {
		font: 11px/14px Verdana,Arial,sans-serif;
		color: #bcbec0; 
		margin: 0; 
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px; }

	#recursos-row {
		float: left;
		padding-top: 15px;
		padding-bottom: 20px;
	}
		#recursos-row #suscription-form p {
		margin-bottom: 0px;
		margin-top: 0px;
		}
			#recursos-row #suscription-form p.label {
			margin-top: 5px;
			}
			#recursos-row #suscription-form .submit-btn {
				margin-top: 10px;
				margin-bottom: 15px;
				background-position: -2px -64px;
				width: 124px;
			}
	
		h2 { color: #3a3a3a; }
	
		#recursos-row .mismatch h3 {
			margin-top: 10px;
			margin-bottom: 0px;
			font: 12px/16px Verdana,Arial,sans-serif;
		}
	#recursos-row #capitulos ul { margin: 0; padding: 0; }
		#recursos-row #capitulos ul li { list-style: none; }	
			#recursos-row #capitulos ul li a { color: #808285; }
	
	
	#recursos-row .banner {
		margin-top: 15px;
	}
	







.separate {
	background: url(../images/hr-whitefade.png) top center no-repeat transparent;
	padding-top: 60px;
}
	.separate div h2, .separate div h1 {
		margin: 0px;
		margin-bottom: 20px;
	}

.intro-content .introtext p {
	font: 13px/18px Verdana,sans-serif;
}
	.sidelinks { margin-top: 38px; }
		.sidelinks li { margin-bottom: 5px; margin-top: 3px; }
		.here { font-weight: bold; }
.subcontent {
	margin-top: 35px; margin-bottom: 60px;
	font: 12px/18px Verdana,sans-serif;
}



h2.main-h2 {
	color: #808285;
	font: 18px/18px Tahoma,Arial,sans-serif;
	float: left;
}
	
	
	
	

/* MULTIMEDIA page */

#medialibrary {
	margin-bottom: 30px;
}
	#medialibrary h1 {
		margin-bottom: 5px;
		color: #231f20;
		font: 24px/18px Tahoma,Arial,sans-serif;
	}
	#medialibrary p.description {
		color: #6d6e71;
		font: 14px/18px Tahoma,Arial,sans-serif;
	}


#video-list {
	margin-top: 60px;
	height: 450px;
	background: url(../images/playlist-bg.png) top left no-repeat transparent;
	/*background: #dcddde;*/
	overflow: auto;
}
#video-list div {
	margin: 30px;
}

	#video-list div ul { list-style: none; padding-left: 0px; margin-left: 0px; }
		#video-list div ul li { padding-left: 0px; margin-left: 0px; margin: 4px 0px; }
			#video-list div dd { font: 11px/13px Verdana,Arial,sans-serif; color: #999; }
				#video-list div dd.date { font-style: italic; margin: 4px 20px; }
				#video-list div dd.description { margin: 3px 20px 15px; }
				
	#video-list div .currentvideo dt { font-weight: bold; }
		#video-list div .currentvideo dd { color: #555; }
		










/* CHAT styles */
	div#chatWidget {
	bottom: 0px;
	right: 0px;
	position: fixed;
	width: 100%;
	}
		div#chatBar {
		text-align: center;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 350px;
		margin-right: 30px;
		}
			.chatBox {
			width: 350px;
			height: 450px;
			float: right;
			}
			.chatTrigger {
			background: url(../images/chatspot.png) top right no-repeat;
			text-indent: -9999px;
			width: 142px;
			height: 30px;
			display: block;
			float: right;
			cursor: pointer;
			}