@charset "UTF-8";
/* CSS Document */

@font-face
{font-family: "Helvetica Neue";
  src: url("http://estudiofloss.com/HelveticaNeue-Heavy");
}

*{margin:0;
  padding:0;
  }

body{margin:auto;
     width:1000px;
	 background-color:#000;
	 }

p{font-family: "Arial"; font-size: 16px; color: #fff; font-weight: normal;}

a{font-family: "Arial"; font-size: 16px; color: #fff100; font-weight: normal; text-decoration: none;}
	 

.header{width:1000px;
        height:140px;
}

#logo{width:94px;
      height:88px;
	  float:right;
	  position:relative;
}

		
#menu{width:990px;
      height:35px;
	  position:absolute;
	  top:35px;
}


#menu ul li{float:left;
         display:block;
         font-family:"Helvetica Neue" Arial, Helvetica, sans-serif;
         font-weight: bold;
         text-decoration:none;
         height:35px;
         position:relative;
         list-style-type:none;
}

#menu li a{color:#B3B3B3;
       text-decoration:none;
       font-size:35px;
	   }
	
#menu li a:visited{text-decoration:none;}


#menu li a:hover{text-decoration:none;
              color:#FFF;
			  width:1000px;
			  }
			  
#menu li a:active{color:#FFF;}

#contenido{width:1000px;
           position:relative;
	       }
		   
#titulo{width:1000px;
        height: 320px;
		position:relative;
		line-height: 60px;
		}
		
#titulo b{font-family: "Helvetica Neue"; font-size: 100px; font-weight: bold; letter-spacing: -5px;}
#titulo h5{font-family: "Arial"; font-size: 16px; color: #fff; line-height: 20px; font-weight: normal;}
#titulo b1{font-family: "Arial"; font-size: 19px; color: #fff100; line-height: 20px; font-weight: normal;}
		
#e-mail{width:282px;
        height:200px;
	    position:relative;
	    display: inline;
}
	  
#latworks{width:233px;
          top: 25px;
		  position:relative;
		  display: inline;
	}
	
#latworks b{font-family: "Helvetica Neue"; font-size: 35px; font-weight: bold; letter-spacing: -2px;}
	  
	  
#caja1{width:300px;
       height:111px;
	   float:left;
	   position:relative;
	   top: 35px;
	   margin-left:5px;
	   border:#FFF 5px solid;
	}
	
#caja2{width:300px;
       height:111px;
	   float:left;
	   position:relative;
	   top: 35px;
	   margin-left:20px;
	   border:#FFF 5px solid;
	}
	
#caja3{width:300px;
       height:111px;
	   float:left;
	   position:relative;
	   top: 35px;
	   margin-left:20px;
	   border:#FFF 5px solid;
	}
	
#web{width:885px;
	 float:left;
	 position:relative;
	 margin-top:60px;
}

#web b{font-family: "Helvetica Neue"; font-size: 75px; font-weight: bold; letter-spacing: -3px;}

.box{width:726px;
     height:305px;
	 border:#FFF 7px solid;
	 float:left;
	 margin:0 0 25px 0;
	 position:relative;
}

.box1{width:460px;
     height:335px;
	 border:#FFF 7px solid;
	 float:left;
	 margin:0 25px 25px 0;
	 position:relative;
}

.client{width:235px;
		position:relative;
		float:left;
		left:20px;
		top:110px;
}

.client h5{position:relative;
           top:10px;
		   font-family:Arial, Helvetica, sans-serif;
           color:#999;
}
		   
.client p{position:relative;
          top:10px;
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:0.7em;
		  color:#999;
}

.client a{color:#FF0;
          text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
}
.client a:link{position:relative;
		       font-family:Arial, Helvetica, sans-serif;
	           top:15px;
		       color:#FF0;
}

.client a:visited{text-decoration:none;}
				  
.client a:hover{color:#FFF;}


#identity{width:885px;
	      position:relative;
		  float:left;
		  margin-top:45px;
}

#identity b{font-family: "Helvetica Neue"; font-size: 75px; font-weight: bold; letter-spacing: -3px;}
		  
.logo{width:293px;
     height:250px;
	 border:#FFF 7px solid;
	 margin:13px;
	 float:left;
	 position:relative;
}

#print{width:885px;
	   float:left;
	   position:relative;
	   margin-top:60px;
}

#print b{font-family: "Helvetica Neue"; font-size: 75px; font-weight: bold; letter-spacing: -3px;}

#contacto{width:885px;
         height:120px;
	     float:left;
	     position:relative;
		 margin-top:50px;
}

#contacto b{font-family: "Helvetica Neue"; font-size: 75px; font-weight: bold; letter-spacing: -3px;}

.top{width:115px;
     height:78px;
	 float:left;
	 position:relative;
	 top:70px;
}

/* ----- Formulario ----- */

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; color:#FFF; margin-right:20px; }

#contact .left { position:relative; width:570px; height:280px;}
#contact .right { position:relative; width:400px; height:280px;}
input, textarea, select { font-size:14px; font-family: Arial, Helvetica, sans-serif; padding:5px; color:#000; border:0; }

#contact label { display:block; padding-bottom:5px;}
#contact .field { background:url(field.png); display:block; width:390px; margin-bottom:15px;}
#contact textarea.field { height:130px; width:390px; }

a.submit {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}

/* ----- Fin Formulario ----- */

.share{height:64px;
       width:64px;
	   position:relative;
	   float:left;
	   top:250;
	   margin-left:10px;
	   top:-45px;}

#footer{background-color:#FFF100;
        height:10px;
		width:1000px;
		position:relative;
		float:left;
}