/* = Quality Devs Reset CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: none;
}

body {
	line-height: 1;
	margin:0;
	padding:0;
	font-family: arial;
	font-size: 11px; 
	color: #000;
	overflow: auto;
	height: 100%;
	background:url("img/background_image.jpg") #778c89 no-repeat center center fixed;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal; 
}
ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a:hover{
	text-decoration:underline;
}
.fix{clear:both;}

object {
    display:block;
}

/*************************************************************/
#container_index{width:980px;height:596px;background-color: #ccc;overflow: hidden;position:absolute;top:50%;left:50%;margin: -298px 0 0 -490px;}
#container_web{width:980px;height:596px;background-color: #ccc;overflow: hidden;position:absolute;top:50%;left:50%;margin: -298px 0 0 -490px;}

#content{
	width:980px;
	height:596px;
	background-color: #ccc;
	background: url(img/fondo.jpg) no-repeat 0px 0px;
	overflow: hidden;
	position:absolute;
}

#content_wrap{
	width:980px;
	height:596px;
	overflow: hidden;
	position:absolute;
	z-index:10;
	
}

#loading{width:980px;height:596px;background:url(img/ajax-loader.gif) no-repeat center center;overflow: hidden;position:absolute;z-index:5;}


#close_screen, #continue_screen{width:980px;height:596px;background:url(img/back_close.jpg) no-repeat 0 0;overflow: hidden;position:absolute;z-index:200;display:none;}
	#close_screen H1, #continue_screen H1{position:absolute;top:150px;right:40px;font: 35px/35px TelefonicaText-Light;color:#ffff00;text-align:right;}
	#btn_continue_course, #btn_continue_course2{position:absolute;top:206px;right:40px;width:300px;font: 25px/30px TelefonicaText-Light;color:#fff;text-align:right;background: url(img/sprite.png) no-repeat 308px -149px;padding-right:40px;}
	#btn_continue_course:hover, #btn_continue_course2:hover{text-decoration:none;color:#004356;background-position: 308px -181px;}
	#btn_close_course, #btn_start_course {position:absolute;top:250px;right:40px;width:300px;font: 25px/30px TelefonicaText-Light;color:#fff;text-align:right;background: url(img/sprite.png) no-repeat 308px -88px;padding-right:40px;}
	#btn_close_course:hover, #btn_start_course:hover{text-decoration:none;color:#004356;background-position: 308px -119px;}

	#header{
		height:30px;
		width:100%;
		position:absolute;
		z-index:100;
	}
	
	
	#header #back_header{
		height:30px;
		width:980px;
		background-color: #047984;
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	
	#header H1{
		position:absolute;
		top:5px;
		left:20px;
		width:auto;
		font: 16px/20px TelefonicaText-Light;
		color:#fff;
		text-align:left;
	}
	
	#header H2{
		position:absolute;
		top:7px;
		left:260px;
		width:auto;
		font: 14px/18px TelefonicaText-Regular;
		color:#fff;
		text-align:left;
	}
	
#close_course{
	position:absolute;
	top:5px;
	right:8px;
	display:block;
	width:16px;
	height:21px;
	background: url(img/sprite.png) no-repeat 0 0;
	z-index:110;
}

#close_course:hover{background-position:0px -21px;}

#footer{
	height:51px;
	width:100%;
	position:absolute;
	z-index:80;
	bottom:0px;
	display:none;
	background-color: #047984;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#footer #logo_footer{
	float: right;
	margin: 10px 180px 0px 10px;
}

	#navegacion_wrap{height:68px;width:100%;position:absolute;z-index:80;bottom:0;background-color: #000;zoom: 1;filter: alpha(opacity=55);opacity: 0.55;display:none;}
	#menu_wrap{height:50px;width:100%;position:absolute;z-index:82;bottom:0;}
	#menu_app{position:absolute;bottom:0;left:0;height:50px;}
		
	#menu_app a{
		font: 18px/50px TelefonicaText-Light;
		/*margin-right:20px;
		margin-left:20px;*/
		padding: 0px 20px;
		color:#fff;
		display:block;
		float:left;
		margin-top: -1px;
	}
	
	#menu_main{
		display:none;
		float:left;
		width:51px;
		height:50px;
		/*background: url(img/sprite_home.png) no-repeat 0px 4px;*/
		margin: 0px 0px 0px 10px;
	}
			
		/*#menu_main:hover{background-position: -45px 4px;}
		#menu_app a.text:hover{color:#003245;text-decoration:none;}*/
	#menu_app a.text:hover{
		color:#fff;
		text-decoration:none;
		/*background-color: #007486;*/
		background-color: #004356;
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
		
	#botonera_navegacion{
		position:absolute;
		bottom:-14px;
		right:-80px;
		z-index:85;
		display:none;
		width:230px;
	}	 
	
	.btn_navegacion_prev_activo{display:block;float:left;width:51px;height:50px;background: url(img/sprite.png) no-repeat -123px -1px;}
	.btn_navegacion_prev_activo:hover{background-position: -123px -54px;}
	.btn_navegacion_prev_inactivo{display:block;float:left;width:51px;height:50px;background: url(img/sprite.png) no-repeat -123px -107px;cursor:default;}
	.btn_navegacion_next_activo{display:block;float:left;width:51px;height:50px;background: url(img/sprite.png) no-repeat -176px -1px;}
	.btn_navegacion_next_activo:hover{background-position: -176px -54px;}
	.btn_navegacion_next_inactivo{display:block;float:left;width:51px;height:50px;background: url(img/sprite.png) no-repeat -176px -107px;cursor:default;}
	
	#botonera_navegacion div.counter{
		float:left;
		height:50px;
		width:50px;
		text-align:center;
		font: 16px/20px TelefonicaText-Light;
		color:#fff;
		padding-top: 14px;
		background-color: #004356;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	
#menu_index_container,#menu_downloads_container{width:980px;height:596px;overflow: hidden;position:absolute;z-index:150;display:none;
}

.shadow_material{
	position:absolute;
	width:980px;
	height:596px;
	background-color: #004356;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.shadow{
	position:absolute;
	width:390px;
	height:545px;
	background-color: #004356;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.shadow_index{
	position:absolute;
	width:390px;
	height:545px;
	background-color: #fff;
}
	
.shadow_menu{
	position:absolute;
	bottom:0;
	width:360px;
	height:500px;
}
	
#menu_index_wrap{
	position:absolute;
	left:0px;
	top:0px;
	width:390px;
	height:502px;
	/*padding: 60px 0 0 40px;*/
	padding: 60px 0 0 0px;
}
	
	#menu_index_wrap a.close{
		position:absolute;
		display:block;
		width:20px;
		height:20px;
		top:10px;
		right:10px;
		background: url(img/sprite_close_index.png) no-repeat center center;
	}
	
	/*#menu_index_wrap a.close:hover{background-position: -19px 0px;}*/
	
		#menu_index_wrap h1{
			font: 30px/35px TelefonicaText-Light;
			color:#007486;
			padding-left: 20px;
		}
		#menu_index_wrap > div.wrap_text_index{width:369px;height:420px;overflow:auto;margin:30px 0 0;padding-right:20px;}
		#menu_index_wrap > div.wrap_text_index > ul > li {margin-top:10px;}
		#menu_index_wrap ul li {font: bold 13px/18px Arial;} 
		#menu_index_wrap ul li.module{
			color:#006476;
			font: 15px/17px TelefonicaText-Bold; 
		}
		
		#menu_index_wrap ul li.module > p{
			padding-left: 20px;
		}
		
		#menu_index_wrap ul li.menu_item{
			color:#777;
			font: 15px/17px TelefonicaText-Regular;
			padding: 6px 20px 3px;
		}
		
		#menu_index_wrap ul li.menu_item:first-child{
			padding: 5px;
		}

		#menu_index_wrap ul li.menu_item a{
			color:#003245;
			/*padding: 5px 10px;*/
		}
	/*	#menu_index_wrap ul li.menu_item a:hover{color:#00b6c7;text-decoration:none;}*/
		#menu_index_wrap ul li ul{margin-bottom:30px;}
		
#menu_index_wrap .shadow_front{
	position:absolute;
	left:0;
	bottom:16px;
	width:390px;
	height:45px;
	background: url(img/front_index_bottom.png) no-repeat 0 0;
}

#title_material{
	position: relative;
	font: 22px/30px TelefonicaText-Light, verdana;
	color:#006476;
	top: 80px;
	left: 80px;
	width:846px;
	height:418px;
	background: url(img/background_material.jpg) no-repeat 0 0;
	padding: 30px 0px 0px 39px;
}

		
	#menu_downloads_wrap{
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-185px;
		margin-left: -360px;
		width:795px;
		height:546px;
		padding: 40px 0px 0px 0px;
	}
	
	#menu_downloads_wrap > div{
		width:100%;
		height:145px;
		height:340px;
		overflow:auto;
	}

#menu_downloads_container a.close{
	position:absolute;
	display:block;
	width:28px;
	height:28px;
	top:90px;
	right:60px;
	background: url("img/sprite_close_index.png") no-repeat scroll center center transparent;
	z-index: 5;
	
}
/*

#menu_downloads_container a.close:hover{
	background-position: -32px 0px;
}
*/
		

#menu_downloads_wrap div.download{
	float:left;
	width:300px;
	height:30px;
	/*background: url(img/ic_download.png) no-repeat 0 0;*/
	margin: 0 45px 40px 0;
	cursor: pointer;
} 

#menu_downloads_wrap div.download a{
	float:left;
	width:35px;
	width:300px;
	height:auto;
	/*background: url(img/ic_download.png) no-repeat 0 0;*/
	text-decoration: none;
} 

#menu_downloads_wrap div.download a img{
	clear: both;
	float: left;
	padding: 0px 10px 0px 0px;
}

		#menu_downloads_wrap div.download a.pdf{background-position: -52px -5px;}
		#menu_downloads_wrap div.download a.jpg{background-position: -97px -5px;}
		#menu_downloads_wrap div.download a.avi{background-position: -142px -5px;}
		#menu_downloads_wrap div.download a.zip{background-position: -187px -5px;}
		
		#menu_downloads_wrap div.download p{
			font: 15px/20px TelefonicaText-Regular;
			color:#525252;
			padding: 9px 0px;
		} 

		
#menu_help_container, #menu_credits_container{width:980px;height:596px;overflow: hidden;position:absolute;z-index:150;display:none;}



/*****************************************************************************************************/

.headline, .highlighted{
	position: absolute;
	background-color:#efeeef;
}

.headline{
	top: 90px;
	left: 0px;
	/*background: url(img/background_headline.gif) repeat-x 0 0;*/
	border-bottom: 1px solid #727272;
	border-right: 1px solid #727272;
	padding: 5px 27px;
}

.highlighted{
	text-align: right;
	background: url(img/background_popup.gif) repeat 0 0;
	-webkit-box-shadow: 5px 8px 26px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 5px 8px 26px 0px rgba(0,0,0,0.44);
	box-shadow: 5px 8px 26px 0px rgba(0,0,0,0.44);
	padding: 15px 15px;
}

.headline p {
	font: 30px/35px TelefonicaText-Bold; 
	color:#b8384f;
}

.highlighted p{
	font: 26px/30px TelefonicaText-Regular; 
	font-style: italic;
	color:#b8384f;
	letter-spacing: -0.3px;
}

.talking{
	position: absolute;
	background-color:#1c6c68;
	background: url(img/background_talking.gif) repeat 0 0;
	padding: 30px 20px 10px;
}

.talking p, .talking > ul{
	font: 16px/18px TelefonicaText-Regular; 
	color:#fff;
}

.talking p{
	padding: 3px 0px;
}

.talking ul{
	padding: 5px 15px 5px 20px;
	/*list-style: disc;*/
	list-style-image: url('img/bullet_talking.png');
}

.talking li{
	padding: 5px 0px;
}

.img_talking{
	position: relative;
	background: url(img/img_talking.png) no-repeat 0 0;
	width: 78px;
	height: 25px;
	left: -24px;
	top: 35px;
	
}

#ic_helpDownload{
		position: absolute;
		overflow: hidden; 
		width:123px; 
		height:122px; 
		cursor: pointer;
	}

#ic_bulb{
	position: absolute;
	overflow: hidden; 
	width:445px; 
	height:141px; 
	cursor: pointer;
}

#ic_bulb > p{
	font: 19px/25px TelefonicaText-Light; 
	color:#207d77;
	width: 310px;
	text-align: right;
	padding: 30px 0px 0px 0px;
}

/*highlighted*/
#ic_bulb  .highlighted_bulb{
	font: 19px/25px TelefonicaText-Bold; 
	color:#207d77;
}


#instruction{
	position: absolute;
}
	
#instruction > p{
	font: 14px/18px TelefonicaText-Regular; 
	font-style: italic;
}

.list_summary{
	font: 15px/18px TelefonicaText-Regular; 
	color:#343434;
	padding: 5px 15px 5px 20px;
	/*list-style: disc;*/
	list-style-image: url('img/bullet_summary.png');
}

.back_button{
	position: absolute;
	background-color: #962d40;
	color: #fff;
	font: 18px/22px TelefonicaText-Regular; 
	padding: 10px 20px;;
	cursor: pointer;
}


/**********************************************************/

#ic_helpDownload{
	position: absolute;
	overflow: hidden; 
	width:123px; 
	height:122px; 
	cursor: pointer;
	background: url(img/ic_helpDownload.png) no-repeat 0 0;
}
	
.highlightedHelpDownload{
	font: 18px/28px TelefonicaText-Bold;
	color:#c43c54;
}
	
.iconHelpDownload{
	clear: both;
	float: left;
	width: 76px;
	height: 75px;
	background: url(img/ic_popupDownloads.png) no-repeat 0 0;
}
	
#imgHelpDownload{
	position: relative;
	top: 41px;
	left: 12px;
	width: 580px;
	height: 38px;
	background: url(img/img_popupHelpDownload.png) no-repeat 0 0;
}