	/*  Colors index: 
		Color 1: #A32616, #005E86, #451040, #ADC414, #DA1253, #430A0F, #661432, #A81C1F, #D62E66
		Color 2: #CC1206, #243AD1, #791C70, #82A018, #FFF, #FFF, #B49D9F, #FFF
		Color 3: #D4988C, #7BB8CB, #B39BAF, #CFE294, #E74179, #652926, #834050, #661432, #EA96B2
		Color 4: #DFB0A6, #C4E1EA, #DCCDD7, #606B0C, #F0A0BA, #B49D9F, #CDB3B9, #DCA4A5, #FDF7F9
	*/
	
	/* Body and major elements */
	* { margin: 0; padding: 0; }	/* zeroing both margin and padding for all elements */
	body {
		font: normal 70% "Trebuchet MS", "Arial", sans-serif;	/* 11px */
		color: #D62E66;	/* color 1 */
		background: transparent url(../img/fondo.gif) 0 0 repeat }

    #container { /* Large bounding box */
		width: 770px;
		margin: 0 auto }
	
	#left_container {
    	width: 404px;	/*  50 + 315 + 39 */
		float: left;
		background: transparent url(../img/intercolumna.gif) 100% 0 no-repeat }
		
		#left_container div.columna {
			width: 315px;
			margin: 0 39px 0 50px;
			background: #FDF7F9 /* color 4 */ }
		
	#right_container {
    	width: 366px;	/* 318 + 48 */
		float: right;
		background: transparent url(../img/flor.gif) 100% 0 no-repeat }
		
		#right_container div.columna {
			width: 318px;
			margin: 0 48px 0 0;
			padding-top: 50px;
			background: #FDF7F9 /* color 4 */ }

			#right_container div.columna div#destacado {
				margin-bottom: 85px	}
									
			#right_container div.columna img {
				float: left;
				margin: 5px 10px 0 15px;
				border: 1px solid #D62E66 /* color 1 */ }
				
			#right_container div.columna div#enlaces {
				margin-top: 15px }

	#down_container {
    	width: 770px;
		height: 440px;
		clear: both;
		background: transparent url(../img/foot.gif) 0 0 no-repeat }



	h1 {}

		#left_container h1 {
			background: transparent url(../img/logotipo.gif) 0 0 no-repeat;
			width: 404px; height: 188px; /* Logo size */
			text-indent: -10000em }
			
	h2 {}
		#container h2 {
			padding: 0 15px;
			text-transform: uppercase;
			letter-spacing: -.02em;
			font: bold 1.4em "Trebuchet MS", "Arial", sans-serif } 	

			#right_container h2.release { text-transform: lowercase }
			
	h3 {}
		#right_container h3.news {
			clear: both;
			font: bold 1.3em "Trebuchet MS", "Arial", sans-serif;
			margin-top: 30px;
			padding-left: 15px }
		
		#right_container h3, #destacado h3 {
			font: normal 1em "Trebuchet MS", "Arial", sans-serif }

	h4 {}
		#right_container h4, #destacado h4 {
			font: normal 0.9em "Trebuchet MS", Arial, sans-serif;
			margin-bottom: 15px }
			
			#right_container h4.news {
				font: bold 1em "Trebuchet MS", "Arial", sans-serif;
				margin: 5px 0 0 15px }			


/* Paragraph and styles */
	#container p { padding: 0 15px }
	
	#right_container h2 + p { clear: both; padding-top: 10px }
	#right_container p { clear: both; padding-top: 5px  }	

		
	#left_container form p {
		margin-left: 200px; margin-top: 2px;
		padding-left: 4px;
		height: 1.7em;
		font: 1.2em "Trebuchet MS", "Arial", sans-serif;
		text-transform: uppercase;
		background: #D62E66 /* color 1 */ }
		
		#left_container form p a {
			line-height: 160% }


/* Navigation styles and other lists */
	a {
		text-decoration: none;
		background: #EA96B2;
		color: #FFF /* color 2 */ }

	a:hover { color: #FFF }

		#right_container p a { font-weight: bold }
			#right_container a:hover { background: #D62E66; /* color 3 */ }
	
	
	#right_container a.enlace {
		display: block;
		background: #EA96B2; /* color 3 */
		text-transform: uppercase;
		font: bold 1.3em "Trebuchet MS", "Arial", sans-serif;
		float: right;
		width: 140px;
		padding: 2px 4px }		

		#right_container a.enlace:hover { background: #D62E66;	/* color 1 */ }
		

	#right_container div.columna a.track {
		display: block;
		background: #EA96B2 url(../img/play.gif) 98% 0 no-repeat; /* color 3 */
		text-transform: uppercase;
		font: 1em "Trebuchet MS", "Arial", sans-serif;
		height: 1.5em;
		margin-bottom: 2px }
		
		#right_container div.columna a.track:hover { background: #D62E66 url(../img/play_over.gif) 98% 0 no-repeat	/* color 1 */ }
	
	#right_container div.columna div#enlaces a.track {
		letter-spacing: -.02em;
		background: #EA96B2 }		/* color 3 */
		#right_container div.columna div#enlaces a.track:hover { background: #D62E66 }	/* color 1 */
	

	#left_container div.columna ul {
		padding-top: 15px; padding-bottom: 30px;
		letter-spacing: -.02em;
		font: bold 1.4em "Trebuchet MS", "Arial", sans-serif;
		list-style: none;
		text-transform: uppercase }

		#left_container div.columna ul li.current {
			/* background: #FDF7F9 url(../img/here.gif) 98% 50% no-repeat;	/* color 4 */
			padding-left: 15px;
			margin-bottom: 2px }
		
		#left_container div.columna ul li a {
			display: block;
			background: #EA96B2; /* color 3 */
			padding-left: 15px;
			margin-bottom: 2px }
			
			#left_container div.columna ul li a:hover {
				background: #D62E66;	/* color 1 */
				color: #FFF }
		
			#left_container div.columna ul ul {
				padding-top: 0; padding-bottom: 10px;
				font: bold 0.9em "Trebuchet MS", "Arial", sans-serif;
				text-transform: none }

				#left_container div.columna ul ul li a {
					background: #EA96B2; /* color 3 */
					padding-left: 0;
					margin-top: 2px }
					
			#right_container div.columna ol {
				margin: 0 15px;
				list-style: inside square }
		
	#left_container fieldset {
		border: none;
		padding: 5px 0 0 15px }
		
		#left_container fieldset input.caja {
			width: 165px;
			border: 1px solid #D62E66;	/* color 1 */
			float: left;
			font: 1.1em "Trebuchet MS", "Arial", sans-serif;
			color: #D62E66;	/* color 1 */
			padding: 1px 4px }
			
		#left_container fieldset input.boton {
			margin-left: 4px; padding-left: 4px;
			width: 115px; 
			text-align: left;
			float: right;
			height: 2em;
			font: 1em "Trebuchet MS", "Arial", sans-serif;
			color: #FFF; /* color 2 */ 
			text-transform: uppercase;
			border: none;
			background: #EA96B2; /* color 3 */
			cursor: pointer } 

			
/* JQuery */
	#registered {
		display: none;
		margin: 5px 0;
		padding: 5px 5px 5px 15px; 
		background-color: #D62E66;	/* color 1 */
		color : #FFF;
		font-weight: bold }

	object {
		float: right;
		width: 0 } /* Para el player */
		
