body {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  /*
  font-family: Arial, Helvetica, sans-serif;
  font-family: "Times New Roman", Times, serif;
  font-family: "Courier New", Courier, monospace;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	*/
   font-size:100%;
  
  background:#eeeeee;
}

#reloj{ position: absolute;top:15px; left:850px; color: #0142ac; font-size:140%; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);}
#slogan{ position: absolute;top:40px; left:300px; color: #0142ac; font-size:180%;text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
em{color:#7eb802;}
#contenido{
	padding:0;
	margin:0px;
}
#cabecera{
	
	width:100%;
	height:150px;
	padding:20px;
	margin:0px;
	background:#fff;
	
     
} 
#logo {	
	float:left;
}


#contact {
	width: 430px; height: 300px;
	margin: 180px auto; padding: 40px 30px;
	 border: 4px solid #919191;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
}

h1 {
	font-size: 25px; color:#7eb802; text-transform: uppercase;
	text-align: center; margin: 0 0 25px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

label {
	float: left; clear: left; margin: 10px 0px 0 0 ; width: 105px;
	text-align: right; font-size: 16px; color: #445668; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	width: 200px; height: 25px; padding: 5px 20px 0px 20px; margin: 5px 0 10px 15px; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #f2f2f2;  text-shadow: 0px -1px 0px #334f71; 
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	input:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}

textarea {
	width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #f2f2f2;  text-shadow: 0px -1px 0px #334f71; 
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	
input:focus, textarea:focus {
	background: #728eaa;
	background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

input[type=submit] {
	width: 150px; height: 35px; float: right; padding: 5px 10px; margin: 0 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
	cursor: pointer;
}
