/* ----- BODY ----- */
	
	body {
		/*background-image: url('');*/
		background-repeat: repeat;  
		margin: 0px auto;
		background-color: #B4B4B4;
		font-family: Century gothic;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: none;
		text-decoration: none;
		font-weight: normal;
		color: #000000;
		text-align: justify; 
	}



	/* ----- HEADER ----- */

	#header {
		width:750px;
		height:150px;
	}

	/* FAUX LAYOUT WRAPPER */

	/* 
	This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
	
	IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_4.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
	*/

	#wrapper{
		width:750px;
		overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	}

	/* ----- NAVIGATION ----- */

	#navigation {
		width:150px;
		min-height:360px; /* for modern browsers */
		height:auto !important; /* for modern browsers */
		height:360px; /* for IE5.x and IE6 */
		float:left;
		color: #fff;
		margin-left:20px;
	}

	/* ----- MAIN CONTENT ----- */

	#content { 
		width:550px;
		min-height:360px; /* for modern browsers */
		height:auto !important; /* for modern browsers */
		height:360px; /* for IE5.x and IE6 */
		float: right;
		margin-top:10px;
		margin-right:20px;
	}
	
	/* ---- MENU ---- */
	
	#menub {
		width:750px;
		height:10px;
	}

	/* ----- FOOTER ----- */

	#footer { 
		width:750px;
		height:100px;
		margin-top:10px;
	}
	
	#footerleft {
		width: 335px;
		float: left;
		margin-left:20px;
	}
	
	#footerright {
		width: 335px;
		float: right;
		margin-right: 20px; 
	}
	
	#footerbottom {
		width: 710px;
		float: right;
		margin: 0px 20px;
	}

	/* ----- TITULOS ----- */

	.title{
		font-family: Bodoni MT Black, georgia;
		color:#fff;
		font-size: 15px;
		background-color:#7C7C7C;
		letter-spacing: 0px; 
		font-weight: bold;
		line-height: 11px;
		text-align: left;
		text-transform: uppercase;
		padding: 2px;
		border-bottom: 5px solid #C32830; 
		margin:10px 0;
	}
	
	/* ----- NEGRITAS,ETC ----- */

	b { color:#C32830;}
	u { color: #C32830; font-weight: bold;}
	i { color:#C32830; font-weight: bold;}
	del { color: #C32830; }
	strong { color: #C32830;}
	em { color: #C32830; font-weight: bold;}

	/* ----- VIÑETAS ----- */

	ul { 
		list-style-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif); 
		padding: 0px;
		margin: 0 20px;
	}
	
	/* ----- LINKS ----- */

	A {
		text-decoration:none;
	 	color:#C32830;
 		font-weight: bold;
 		cursor:crosshair;
		border-bottom-width:1px;
 		border-bottom-style:dotted;
 		border-bottom-color:#660033;
  	}

	A:hover {
		text-decoration:none;
 		color: #fff;
 		font-weight:bold;
 		cursor:crosshair;
 	}
 
 	/* ----- MENU ----- */

.menu{
		text-align: center; 
		font-size: 11px;
		font-weight: bold; 
		letter-spacing:7px;
		text-transform: uppercase;
		margin-bottom:10px;
		margin-left: 20px;
		margin-right:20px;
  	}
  	
  	.menu a {
  		display:block;
  		background-color:#C32830;
		color: #fff;
	}
	
	.menu a:hover{
		background-color:#7C7C7C;
		color:#fff;
	}
	
	/* --- SPAN --- */
	
	.span{
  		display:block;
  		background-color:#C32830;
		color: #fff;
		cursor:crosshair;
  	}	
	
	/* LINKS SITES */
	
	.links {
		background: #EBEBEB; 
		text-align: center; 
		font-size: 9px;
		font-weight: bold; 
		text-transform: uppercase;
	}
	
	.links a {
  		display:block;
  		background-color:#C32830;
		color: #fff;
	}
	
	.links a:hover{
		background-color:#7C7C7C;
		color:#fff;
	}

  	
  	/* IMAGENES */
  	
  	img {border:0;}