body { margin: 0px;
		font-family: "Century Gothic", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		font-size: 12px;
		color: #000033;
		background: #112837 url(images/blue_27.jpg);}
		
a {
	color: #6387A4;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	color: #406080;
	}		
				
#container { width: 500px;
				 margin: 1% auto 1% auto;
				 background: #fff;}

/* Header */

#header { height: 330px;
			 background: url(images/cuadritos.jpg) 0px 0px no-repeat;
			 padding: 0%;}

#header h1 { padding: 28% 2% 1% 1%;
	     color: #003366;
		font-family: "Century Gothic";
		font-size: 15px;
		text-transform: uppercase;
		margin: 0 3% 0 3%;
		border-bottom: 4px solid #6387A4;}

#header h2 {margin: 1% 4% 0 0;
	    color: #6387A4;
	    font-family: "Century Gothic";
		font-size: 15px;
		text-align: right;
		text-transform: lowercase;}

#header ul {font-size: 12px;
	    font-weight: normal;
	    font-family: "Century Gothic";
	    margin: 2% 3% 0 3%;
	    padding: 0 0 0 1%;
	    text-align: center;
	    text-transform: lowercase;
	    background: #2B485D;}

#header li {display: inline;
	    padding: 1% 0% 1% 0%; 
	    text-align: center;
	    line-height: 23px;}

#header li a{ margin:0px;
	      padding: 1% 2% 1% 2%;
	      display:inline;}	
				  
#header li a:hover {background: #fff;
		    display:inline;}			
											
#header a {text-transform: lowercase;
	   color: #fff;
	   text-decoration: none;}		
		  
#header a:hover {text-transform: lowercase;
		 color: #003366;
		 background: #fff;
		 text-decoration: none;}
		  

#header span {color: #003366;}


/* Content */


#content {font-size: 14px;
	  margin: -20% 0 0 0;
          padding: 0 5% 0 5%;}


#content h1 {font-size: 15px;
	   			 color: #003366;
				 text-transform: uppercase;
				 border-bottom: 1px solid #003366;}
				 
#content h2 {font-size: 14px;
				 text-transform: uppercase;}

#content h3, h4 {color: #6387A4;}
				 
#content p {font-size: 12px;}	

i, b {color: #6387A4;}			 
				 
blockquote {
	margin: 15px;
 	padding: 2% 2% 2% 5%;  	
  	font-size: 12px; 
	background: #486981;
	border-left: 8px solid #2B485D;
	color: #F9FAFA;
}				

blockquote a {color:#e0f0f0;}

blockquote a:hover {color: #ABD0EA;
						  text-decoration: underline;}			 
				   	 	
/* Footer */


#footer {text-align: center;
			padding: 10px;
			margin: 10px 10px 0px 10px;
			font-size: 11px;
		color: #fff;
			letter-spacing: 2px;
		background: #2B485D;}
			
#footer a {text-decoration: none; color: #F9FAFA; text-transform: uppercase;}

#footer a:hover {text-decoration: none;
					  color: #e0f0f0;}			
