/* CSS Document */

/* RESET */
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

ul
{
	list-style: none;
}	

a
{
	color: #333;
	text-decoration: none;
}

p, span
{
	line-height: 1.5em;
}

/* CUERPO */
body
{
	color: #333;
	font-size: 9pt;
	font-family: "Trebuchet MS";
	background: url(../img/bg.jpg) repeat-x;
	text-align: justify;
}

h1
{
	color: #DA241C;
	font-size: 12pt; 
	margin: 1em auto;
	clear: both;
	text-transform:uppercase;

}

h2
{
	color: #55B5ED;
	font-size: 12pt;
	margin: 0.5em auto;
	clear: both;
}

h3
{
	margin: 0.3em auto;
	clear: both;
	font-weight: normal;
}

.volver
{
	margin: 0.5em auto;
	float: right;
	text-decoration: underline;
	padding: 2px;
	color: #DA241C;
}

.volver:hover
{
	background: #DA241C;
	color: #FFF;
}
	
/* CONTENEDOR */
#contenedor
{
	width: 900px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

/* HEADER */
#header
{
	width: 900px;
	height: 309px;
	clear: both;
}

/* COLUMNA IZQUIERDA */
#col_izquierda
{
	/* ANCHO: 330px */
	width: 309px;
	padding-right: 20px;
	margin: 1em auto;
	float: left;
	border-right: #DDD solid 1px;
	margin-bottom:-32767px;
	padding-bottom:32767px;
}

	/* DESCARGA TU ESTRELLA */
	
	#col_izquierda #descarga
	{
		margin: 2em 0 0 25px;
		overflow: hidden;
	}
	
		#descarga img
		{
			float: left;
		}
	
		#descarga #estrella
		{
			float: left;
			text-align: center;
			margin: 0.6em 0.5em;
		}	
		
			#estrella img
			{
				float: none;
			}
			
			#estrella h2 a
			{
				padding: 2px;	
			}
				
			#estrella h2 a:hover
			{
				background: #55B5ED;
			}

/* CONTENIDO */
#contenido
{
	width: 550px;
	padding-left: 20px;
	margin: 1em auto;
	float: right;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
}	

/* INICIO */

	#contenido #inicio ul
	{
		overflow: hidden;
	}
	
		#inicio ul li 
		{
			float: left;
		}
	
		#inicio ul .separado1
		{
			margin-right: 10px;
		}	
	
			#inicio ul li img
			{
				border: #DA241C solid 1px;
			}
			
			#inicio ul li p
			{
				width: 268px;
			}
			
				#inicio ul li p a
				{
					color: #DA241C;
					text-decoration: underline;
					padding: 2px;
				}
			
				#inicio ul li p a:hover
				{
					background: #DA241C;
					color: #FFFFFF;
					text-decoration: none;
				}

/* INICIO | SOCIALES */
	#sociales
	{
		float: left;
		width: 270px;
		margin-right: 10px;
	}
	
		#sociales ul li
		{
			height: 67px;
			margin-bottom: 14px;
			clear: both;
			overflow: hidden;
			float: none;
		}
		
			#sociales ul li span
			{
				float: left;
			}
			
			#sociales ul li span img
			{
				border: none;	
			}
			
			#sociales ul li p
			{
				width: 170px;
				float: right;
				text-align: left;
				margin: 7px 15px;
			}
			
				#sociales ul li p a
				{
					text-decoration: underline;	
					font-weight: bold;
				}
			
				#sociales ul li p a:hover
				{
					color: #FFF;
					background: #DA241C;
					text-decoration: none;
				}
			

/* INICIO DERECHA | FACEBOOK */ 
	#facebook
	{
		float: left;
		width: 270px;
	}

/* MENU SECCION */
#menu_seccion
{
	border-top: #DDD solid 1px;
	margin-top: 2em;
	padding-top: 1.3em;
}

	#menu_seccion ul 
	{
		overflow: hidden;
	}

		#menu_seccion ul li
		{
			float: left;
		}
		
		#menu_seccion ul li .visitado
		{
			background: #55B5ED;
			color: #FFF;
		}
		
		#menu_seccion ul li h3 a:hover
		{
			color: #FFF;
			background: #55B5ED;
		}
		
		#menu_seccion ul .separado2
		{
			margin-right: 20px;	
		}
		
		#menu_seccion ul li img
		{
			width: 263px;
			height: 75px;
			border: #DA241C solid 1px;
			float: left;
			clear: both;
		}

/* FOOTER */
#footer
{
	width: 100%;
	clear: both;
	background: url(../img/footer.jpg) repeat-x;
	margin-top: 1em;
}

	#footer #cont_footer
	{
		width: 880px;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		overflow: hidden;
	}
	
		#cont_footer .imagen
		{
			float: left;	
		}
		
		#cont_footer p
		{
			float: left;
			margin: 1em;
		}
		
			#cont_footer p a
			{
				padding: 2px;	
			}
		
			#cont_footer p a:hover
			{
				color: #FFF;
				background: #55B5ED;
			}