@charset "utf-8";
/* CSS Document for e-Lear Web Page

	Colors:
				Main blue: #454f8c
				Mid blue: #82a9d0
				Soft blue: #bacfe4
				
				Orange: #ff9e01
				
				Dark grey: #737373
				Mid grey: #cccccc
		
				Black: #000000
				White: #ffffff
	
	Pages:
		-	Home
		-	e-lear 
				-	Features
				-	Steps
				-	Screenshots
				-	Demo
		-	Customers
		-	Partners
		-	Support
		-	Contact
*/

/*****	Home	*****/
	
	/* Módulo Noticias	*/
	#home #news{
			margin-top: 50px;
			background: url(../images/home/box_back.gif) no-repeat;
			height: 502px;
			text-align: center;	
	}
			#home #news div.da_margen{
					margin: 10px 10px;
			}
			#home #news h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#home #news h2{
					text-align: left;
					color: #737373;
					font-size: 18px;
					margin: 0px;
					margin-top: 20px;
					font-weight: 400;
			}
			#home #news img{
					margin: 5px auto;
			}
			#home #news p{
					margin: 5px 0px;
					text-align: left;
					font-size: 14px;
					color: #737373;	
			}
			
	/* Módulo Mejoras	*/
	#home #improvements{
			margin-top: 50px;
			background: url(../images/home/box_back.gif) no-repeat;
			height: 502px;
			text-align: center;	
	}		
			#home #improvements div.da_margen{
					margin: 10px 10px;
			}
			#home #improvements h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#home #improvements img{
					margin: 10px auto;
			}
			#home #improvements ul{
					list-style: none;
					margin: 20px 0 10px 0;
			}
					#home #improvements ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_azul.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}
			#home #improvements span{
					background: transparent url(../images/home/bttn.gif) no-repeat;
					color:  #454f8c;
					font-size: 18px;
					letter-spacing: -1px;
					font-weight: 400;
					padding: 8px 46px;
			}
			#home #improvements a.button{
					text-decoration: none;
					position: absolute;
					bottom: 25px;
					left:	65px;
			}
			
	/* Módulo Características	*/
	#home #features{
			margin-top: 50px;
			background: url(../images/home/box_back.gif) no-repeat;
			height: 502px;
			text-align: center;	
	}		
			#home #features div.da_margen{
					margin: 10px 10px;
			}
			#home #features h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#home #features img{
					margin: 10px auto;
			}
			#home #features ul{
					list-style: none;
					margin: 20px 0 10px 0;
			}
					#home #features ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_naranja.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}
			#home #features span{
					background: transparent url(../images/home/bttn.gif) no-repeat;
					color:  #454f8c;
					font-size: 18px;
					letter-spacing: -1px;
					font-weight: 400;
					padding: 8px 54px;
			}
			#home #features a.button{
					text-decoration: none;
					position: absolute;
					bottom: 25px;
					left:	65px;
			}

/*****	e-lear	*****/

	/* Módulo Sidebar	*/
	#a_side{
			margin-top: 50px;
			background: url(../images/e-lear/features_box.gif) no-repeat;
			height: 502px;
	}		
			#a_side div.da_margen{
					margin: 20px 10px;
			}
			#a_side h1{
					margin-top: 10px;
					margin-bottom: 0px;
			}			
			#a_side h1 a{
					text-decoration: none;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
					
					#a_side h1 a:visited{
							color: #82a9d0;
					}
					#a_side h1 a:hover{
							color: #ff9e01;
					}
					#a_side h1 a.active{
							color: #ff9e01;
					}			
			#a_side h2{
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
			#a_side img{
					margin: 10px auto;
			}


/*****	e-lear -	Features	*****/
	
	#features #features_description{
			margin-top: 50px;
			text-align: center;	
	}
			#features #features_description div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#features #features_description h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#features #features_description h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
			#features #features_description img{
					margin: 5px auto;
			}
			#features #features_description p{
					margin: 10px 0px;
					text-align: left;
					font-size: 14px;
					color: #737373;	
			}
			#features #features_description ul{
					list-style: none;
					margin: 20px 0 10px 0;
			}
					#features #features_description ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_naranja.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}

/*****	e-lear -	Steps	*****/

	#steps #steps_description{
			margin-top: 50px;
			text-align: center;	
	}
			#steps #steps_description div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#steps #steps_description h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#steps #steps_description h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
			#steps #steps_description img{
					margin: 5px auto;
			}
			#steps #steps_description p{
					margin: 10px 0px;
					text-align: left;
					font-size: 14px;
					color: #737373;	
			}
			#steps #steps_description ul{
					list-style: none;
					margin: 10px 0 10px 0;
			}
					#steps #steps_description ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_azul.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}
			#steps #steps_description ul.fases{
					margin-left: 30px;
			}
					#steps #steps_description ul li.uno{
							background: transparent url(../images/e-lear/uno_icon.gif) no-repeat scroll left 4px;
							padding: 10px 0 10px 40px;
					}
					#steps #steps_description ul li.dos{
							background: transparent url(../images/e-lear/dos_icon.gif) no-repeat scroll left 4px;
							padding: 10px 0 10px 40px;
					}
					#steps #steps_description ul li.tres{
							background: transparent url(../images/e-lear/tres_icon.gif) no-repeat scroll left 4px;
							padding: 10px 0 10px 40px;
					}
					#steps #steps_description ul li.cuatro{
							background: transparent url(../images/e-lear/cuatro_icon.gif) no-repeat scroll left 4px;
							padding: 10px 0 10px 40px;
					}
					#steps #steps_description ul li.cinco{
							background: transparent url(../images/e-lear/cinco_icon.gif) no-repeat scroll left 4px;
							padding: 10px 0 10px 40px;
					}
	
/*****	e-lear -	Screenshots	*****/

	#screenshots #screenshots_description{
			margin-top: 50px;
			text-align: center;	
	}
			#screenshots #screenshots_description div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#screenshots #screenshots_description h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#screenshots #screenshots_description h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
			#screenshots #screenshots_description img{
					margin: 5px auto;
			}
			#screenshots #screenshots_description p{
					margin: 10px 0px;
					text-align: left;
					font-size: 14px;
					color: #737373;	
			}
			#screenshots #screenshots_description ul{
					list-style: none;
					margin: 10px 0 10px 0;
			}
					#screenshots #screenshots_description ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_azul.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}

/*****	e-lear -	Demo	*****/

	#demo #demo_description{
			margin-top: 50px;
			text-align: center;	
	}
			#demo #demo_description div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#demo #demo_description h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#demo #demo_description h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
			#demo #demo_description img{
					margin: 5px auto;
			}
			#demo #demo_description a{
					text-decoration: none;
					color: #454f8c;
			}
					#demo #demo_description a:hover{
							color: #ff9e01;
					}
			#demo #demo_description p{
					margin: 10px 0px;
					text-align: left;
					font-size: 14px;
					color: #737373;	
			}
			#demo #demo_description ul{
					list-style: none;
					margin: 10px 0 10px 0;
			}
					#demo #demo_description ul li{
							text-align: left;
							background: transparent url(../images/common/rombo_azul.gif) no-repeat scroll left 4px;
							padding: 0 0 0 15px;
							margin: 0px;
							font-size: 14px;
							color: #737373;		
					}

/*****	Customers	*****/

	#customers #customers_box{
			background: transparent url(../images/customers/customers_box.gif) no-repeat top left;
			margin-top: 50px;
			height: 600px;
	}
			#customers #customers_header div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#customers #customers_header h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#customers #customers_header h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
	
	#customers #customers_main{
			text-align: center;
			margin-top: 40px;	
	}
			#customers #customers_main img{
					margin-bottom: 40px;	
			}
	
/*****	Partners	*****/

	#partners #partners_box{
			background: transparent url(../images/partners/partners_box.gif) no-repeat top left;
			margin-top: 50px;
			height: 1000px;
	}
	#partners div.da_margen{
			margin: 20px 10px 0px 10px;
	}		
			#partners #partners_header h1,
			#partners #dis_header h1,
			#partners #com_header h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					font-weight: 400;
			}
			#partners #partners_header h2,
			#partners #dis_header h2,
			#partners #com_header h2{
					text-align: left;
					color: #737373;
					font-size: 14px;
					margin: 0px;
					font-weight: 400;
			}
	#partners #partners_dis,
	#partners #partners_par,
	#partners #partners_com{
			text-align: center;
			margin-top: 20px;	
	}
			#partners #partners_dis img,
			#partners #partners_par img,
			#partners #partners_com img{
					margin-bottom: 15px;	
			}

/*****	Support	*****/
/*****	Contact	*****/
	
	#contact #contact_box{
			background: transparent url(../images/contact/contact_box.gif) no-repeat top left;
			margin-top: 50px;
			height: 800px;
	}
			#contact #contact_box div.da_margen{
					margin: 20px 10px 0px 10px;
			}
			#contact #contact_box h1{
					text-align: left;
					color: #454f8c;
					font-size: 24px;
					letter-spacing: -1px;
					margin: 0px;
					margin-bottom: 10px;
					font-weight: 400;
			}
			#contact #contact_box h2{
					text-align: left;
					color: #737373;
					font-size: 18px;
					margin: 0px;
					font-weight: 400;
			}
					#contact #contact_box #contact_header h2{
							margin: 0 0 15px;
					}
			#contact #contact_box p{
					text-align: left;
					color: #737373;
					font-size: 16px;
					margin: 0px;
					font-weight: 400;
			}
			#contact #contact_box a{
					color: #454f8c;
					text-decoration: none;
			}
			#contact #contact_box a:visited{
					color: #82a9d0;
			}
			#contact #contact_box a:hover{
					color: #ff9e01;
			}
			#contact #contact_box #tlfn_info span{
					color: #454f8c;
			}