body{
		background-color:#000000;
		background-image:url(../images/background.png);
		margin:0;
		padding:0;
		color:#FFFFFF;
		font-family:Helvetica, Arial, Geneva;
		font-size:14px;
	}
	
	a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	a:hover{
		color:#FFFFFF;
	}
	
	img{
		border:0;
	}
	
	#layout{
		height:500px;
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
		z-index:500;
	}
	
		#layout .logo{
			left:13px;
			position:absolute;
			top:-55px;
			z-index:700;
		}
		
		#layout .container{
			margin-left:auto;
			margin-right:auto;
			width:1249px;
			height:500px;
			position:relative;
			z-index:600;
		}
		
			#layout .container .home-logo{
				position:absolute;
				left:6px;
				bottom:14px;
				z-index:700;
			}
			
			#layout .container .content{
				width:1229px;
				height:480px;
				padding:10px 10px 10px 10px;
				z-index:600;
				position:relative;
			}
	
	#background{
		height:500px;
		width:100%;
		min-width:1249px;
		position:absolute;
		top:0px;
		left:0px;
		z-index:9;
		text-align:center;
		background-color:#000000;
	}
	
		#background .dot{
			background-image:url(../images/background2.png);
			position:absolute;
			z-index:90;
			width:100%;
			min-width:1249px;
			height:500px;
			top:0px;
			left:0px;
		}
		
		#background .borders{
			z-index:50;
			position:absolute;
			width:100%;
		}
		
		#background .img{
			z-index:9;
			position:absolute;
			width:100%;
			height:500px;
			top:0px;
			left:0px;
		}
		
	#menu{
		position:absolute;
		bottom:-34px;
		padding: 6px 7px 5px 7px;
		margin: 0px 0px 0px 0px;
		z-index:700;
		width:100%;
	}
	
		#menu ul{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0px auto 0px auto;
			width:380px;
			height:18px;
		}
	
			#menu ul li{
				float: left;
				margin: 0px 0px 0px 7px;
				padding: 0px 0px 0px 0px;
				height:18px;
				width:88px;
				position:relative;
			}
			
				#menu ul li a{
					display:block;
					width:88px;
					height:14px;
					overflow:hidden;
					background-position:0px 0px;
					cursor:pointer;
					font-size:4px;
					text-indent:-9000px;
					background-repeat:no-repeat;
				}
				
				#menu ul li .ic{
					position:absolute;
					display:none;
				}
				
				#menu ul li.current .ic{
					display:block;
				}
				
				#menu ul li a:hover{
					background-position:0px -14px;
				}
				
					#menu ul li.current a{
						background-position:0px -14px;
					}
				
					#menu ul li.quienes-somos a{
						background-image:url(../images/menu/quienes-somos.png);
					}
					
						#menu ul li.quienes-somos .ic{
							bottom:39px;
							left:-3px;
						}
						
					#menu ul li.clientes a{
						background-image:url(../images/menu/clientes.png);
					}
					
						#menu ul li.clientes .ic{
							bottom:39px;
							left:-9px;
						}
					
					#menu ul li.portafolio a{
						background-image:url(../images/menu/portafolio.png);
					}
					
						#menu ul li.portafolio .ic{
							bottom:39px;
							left:-9px;
						}
					
					#menu ul li.que-hacemos a{
						background-image:url(../images/menu/que-hacemos.png);
					}
					
						#menu ul li.que-hacemos .ic{
							bottom:39px;
							left:7px;
						}
					
					#menu ul li.contacto a{
						background-image:url(../images/menu/contacto.png);
					}
					
						#menu ul li.contacto .ic{
							bottom:39px;
							left:12px;
						}
						
		#layout .container .text-layer{
			position:absolute;
			z-index:95;
			background-color:#000000;
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);
			width:500px;
			height:500px;
			top:0px;
			left:15px;
		}
					
	/* Quienes Somos */
	
	#layout .container .quienes-somos{
		
	}
	
		#layout .container .quienes-somos ul.sub-menu{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding:0;
			position:absolute;
			top:211px;
			right:95px;
		}
		
			#layout .container .quienes-somos ul.sub-menu li{
				float:left;
				margin-left:11px;
			}
			
				#layout .container .quienes-somos ul.sub-menu li a.icon{
					display:block;
					width:89px;
					height:119px;
					overflow:hidden;
					cursor:pointer;
					background-image:url(../images/menu/icon/human.png);
					background-repeat:no-repeat;
					background-position:0px 0px;
				}
				
				#layout .container .quienes-somos ul.sub-menu li a.current{
					background-position:0px -119px;
				}
				
				#layout .container .quienes-somos ul.sub-menu li a.icon:hover{
					background-position:0px -119px;
				}
				
				#layout .container .quienes-somos ul.sub-menu li div{
					text-align:center;
					font-size:0.9em;
					font-weight:bold;
					text-align:center;
					text-transform:lowercase;
					line-height:13px;
					margin-top:16px;
				}
				
					#layout .container .quienes-somos ul.sub-menu li div a{
						cursor:pointer;
						opacity: 0.7;
						-moz-opacity: 0.7;
						filter:alpha(opacity=70);
					}
					
					#layout .container .quienes-somos ul.sub-menu li div a:hover{
					}
					
		#layout .container .quienes-somos .info{
			position:absolute;
			top:92px;
			left:36px;
		}
		
			#layout .container .quienes-somos .info h1{
				margin:0;
			}
			
			#layout .container .quienes-somos .info h2{
				font-size:1.2em;
				margin:3px 0px 13px 0px;
				text-indent:72px;
				text-transform:lowercase;
				opacity: 0.7;
				-moz-opacity: 0.7;
				filter:alpha(opacity=70);
			}
			
			#layout .container .quienes-somos .info p{
				font-size:0.89em;
				font-weight:bold;
				line-height:17px;
				margin:0 0 8px;
				opacity: 0.7;
				-moz-opacity: 0.7;
				filter:alpha(opacity=70);
			}
			
	/* Nosotros */
	
	#layout .container .me{
		
	}
	
		#layout .container .me ul.sub-menu{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding:0;
			position:absolute;
			top:321px;
			left:74px;
		}
		
			#layout .container .me ul.sub-menu li{
				float:left;
				margin-left:11px;
			}
			
				#layout .container .me ul.sub-menu li a.icon{
					display:block;
					width:89px;
					height:119px;
					overflow:hidden;
					cursor:pointer;
					background-image:url(../images/menu/icon/human.png);
					background-repeat:no-repeat;
					background-position:0px 0px;
					text-indent:-9000px;
				}
				
				#layout .container .me ul.sub-menu li a.current{
					background-position:0px -119px;
				}
				
				#layout .container .me ul.sub-menu li a.icon:hover{
					background-position:0px -119px;
				}
				
				#layout .container .me ul.sub-menu li div{
					text-align:center;
					font-size:0.9em;
					font-weight:bold;
					text-align:center;
					text-transform:lowercase;
					line-height:13px;
					margin-top:16px;
					opacity: 0.7;
					-moz-opacity: 0.7;
					filter:alpha(opacity=70);
					display:none;
				}
				
					#layout .container .me ul.sub-menu li div a{
						cursor:pointer;
					}
					
					#layout .container .me ul.sub-menu li div a:hover{
					}
					
		#layout .container .me .info{
			position:absolute;
			top:132px;
			left:36px;
		}
		
			#layout .container .me .info h1{
				margin:0;
				margin:0px 0px 13px 0px;
			}
			
			#layout .container .me .info h2{
				font-size:1.3em;
				margin:3px 0px 13px 0px;
				text-indent:72px;
				text-transform:lowercase;
			}
			
			#layout .container .me .info p{
				font-size:0.89em;
				font-weight:bold;
				line-height:17px;
				margin:0 0 8px;
				opacity: 0.7;
				-moz-opacity: 0.7;
				filter:alpha(opacity=70);
				width:433px;
			}
			
	/* Que Hacemos */
	
	#layout .container .que-hacemos .info{
		position:absolute;
		top:70px;
		left:40px;
	}
	
		#layout .container .que-hacemos .info h1{
			margin:0;
		}
		
		#layout .container .que-hacemos .info ul{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			border-top: 7px solid #FFFFFF;
			border-bottom: 7px solid #FFFFFF;
			padding:16px 0px 16px 0px;
			margin:14px 0 14px 0px;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		
		#layout .container .que-hacemos .info ul li{
			font-size:1.2em;
			font-weight:bold;
		}
		
	#layout .container .que-hacemos .icon{
		bottom:20px;
		position:absolute;
		right:505px;
	}
	
	/* Portafolio */
	
	#layout .container .portafolio h1{
		position:absolute;
		left:26px;
		top:215px;
	}
	
	#layout .container .portafolio .info{
		right:45px;
		position:absolute;
		top:166px;
	}
		
		#layout .container .portafolio .info ul{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
		}
		
		#layout .container .portafolio .info ul li{
			margin:0px 9px 0px 0px;
			float:left;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		
	#layout .container .portafolio .icon{
		position:absolute;
		right:145px;
		top:172px;
	}
	
	/* Clientes */
	
	#layout .container .clientes h1{
		position:absolute;
		left:36px;
		top:215px;
	}
	
	#layout .container .clientes .info{
		right:45px;
		position:absolute;
		top:100px;
		width:815px;
	}
		
		#layout .container .clientes .info ul{
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
		}
		
		#layout .container .clientes .info ul li{
			margin:0px 9px 4px 0px;
			float:left;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		
	#layout .container .clientes .icon{
		position:absolute;
		right:145px;
		top:172px;
	}
	
	/* Contacto */
	
	#layout .container .contacto .info{
		left:366px;
		position:absolute;
		top:166px;
	}
		
		#layout .container .contacto .info h1{
			margin:0px 0px 10px 0px;
			float:left;
		}
		
		#layout .container .contacto .info h2{
			clear:both;
			font-size:1.2em;
			margin:0;
			text-align:right;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}
		
		#layout .container .contacto .info .email{
			font-size:2.5em;
			font-weight:bold;
			margin:72px 0px 0px 15px;
			float:left;
			opacity: 0.7;
			-moz-opacity: 0.7;
			filter:alpha(opacity=70);
		}	
		
	#layout .container .contacto .icon{
		left:255px;
		position:absolute;
		top:171px;
	}