/* Layout */
html {
	height: 100%;
}

#body {
	background: #e7ddd6 url("../img/body_background.gif") repeat-x;
	border: 0;
	height: 100%;
}

#centered {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	vertical-align: middle;
}

#wrapper {
	width: 770px;
	margin: auto;
}

#shadow_top {
	width: 770px;
	height: 6px;
	background: url("../img/shadow_top.png");
}

#sides_shadows .shadow_left {
	background: url("../img/shadow_left.png") repeat-y;
	width: 6px;
}

#sides_shadows .shadow_right {
	background: url("../img/shadow_right.png") repeat-y right top;
	width: 6px;
}

#shadow_bottom {
	width: 770px;
	height: 6px;
	background: url("../img/shadow_bottom.png") 0 6px;
}

#container {
	background: #fffcf9;
	width: 758px;
	vertical-align: top;
}

/* Header */
#header {
	position: relative;
	width: 758px;
	height: 95px;
	background: #f3ebe5 url("../img/header.jpg") no-repeat;
}

#header #logo {
	position: absolute;
	left: 18px;
	top: 18px;
}

#header #logo a {
	display: block;
	width: 410px;
	height: 65px;
}

#logo span {
	display: none;
}

#header #status_pedido {
	position: absolute;
	right:  30px;
	top: 28px;
}

#status_pedido big {
	font-size: 16px;
}

#status_pedido small {
	font-size: 10px;
}

#status_pedido p {
	text-align: center;
}

#status_pedido a {
	color: #1e4189;
}


/* Menu */
#menu {
	float: left;
	width: 745px;
	height: 39px;
	background: #f2e6df url("../img/menu_background.jpg");
	clear: both;
	padding-left: 13px;
}

#menu a, #menu .separator {
	display: block;
	float: left;
	height: 38px;
}

#menu a {
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#menu a span {
	display: none;
}

#menu a:hover, #menu a.current  {
	background-position: 0 -36px !important;
}

#menu .separator {
	float: left;
	width: 26px;
	background: url("../img/menu_separator.gif") no-repeat center center;
}

/* Menu items spanish */
.es_lang #menu a.inicio {
	width: 56px;
	background-image: url("../es/img/menu_inicio.gif");
}

.es_lang #menu a.trayectoria {
	width: 111px;
	background-image: url("../es/img/menu_trayectoria.gif");
}

.es_lang #menu a.discografia {
	width: 111px;
	background-image: url("../es/img/menu_discografia.gif");
}

.es_lang #menu a.eventos {
	width: 72px;
	background-image: url("../es/img/menu_eventos.gif");
}

.es_lang #menu a.multimedia {
	width: 106px;
	background-image: url("../es/img/menu_multimedia.gif");
}

.es_lang #menu a.tienda {
	width: 63px;
	background-image: url("../es/img/menu_tienda.gif");
}

.es_lang #menu a.contacto {
	width: 91px;
	background-image: url("../es/img/menu_contacto.gif");
}

/* Main */
#main {
	background: url("../img/ornament_footer.gif") no-repeat left bottom;
	padding: 15px 15px 38px 15px;
	clear: both;
}


/* Nav bar */
#nav_bar {
	margin-bottom: 10px;
}

#nav_bar, #nav_bar a {
	color: #936340;
	font-size: 11px;
}

#nav_bar a:hover, #nav_bar span {
	text-decoration: underline;
}

/* Foter */
#footer {
	padding: 4px 10px 10px 10px;
	font: 10px "Verdana";
}

#footer .copyright {
	float: left;
}

#footer .developed_by {
	float: right;
}

#footer .developed_by span {
	float: left;
}

#footer .developed_by a {
	display: block;
	width: 45px;
	height: 16px;
	background: url("../img/credito_idsign.png") no-repeat;
	float: left;
	margin-left: 5px;
}

#footer .developed_by a span {
	display: none;
}

#footer a {
	color: #3c1f0f;
}



/**** Layouts for #main ****/

/* h-% */
.header {
	clear: both;
}

.header h2 {
	margin-bottom: 5px;
}

.header h2 span {
	display: none;
}

/* | Content      | Sidebar | */
body.c_sb .content {
	float: left;
	width: 456px;
	margin-right: 15px;
}

body.c_sb .side_bar {
	float: right;
	width: 257px;
}

/* | Sidebar |    Content       | */
body.sb_c .side_bar, body.h-sb_c .side_bar {
	float: left;
	width: 257px;
	margin-right: 15px;
}

body.sb_c .content, body.h-sb_c .content {
	float: right;
	width: 456px;
}

/* h-c */
body.h-c .content {
	float: none;
}

/* | Side A | Side B | */
body.h-s_s .side_a {
	float: left;
	width: 360px;
}

body.h-s_s .side_b {
	float: right;
	width: 360px;
}


/*
**	Shared
*/

h4 {
	font-size:  13px;
	font-weight: bold;
	margin-bottom: 4px;
}

/* Titles */
body.es_lang .discografia_title {
	width: 141px;
	height: 19px;
	background: url("../es/img/discografia_title.gif") no-repeat;
	margin-bottom: 5px;
}

.discografia_title span {
	display: none;
}

/* Eventos mini-info */
.eventos_proximos {
	margin-bottom: 10px;
}

.eventos_proximos .evento, .eventos_proximos .footer {
	border: 1px solid #e9d6cc;
	border-top: none;
}
.evento {
	background: #fffcf9 url("../img/bullet.gif") no-repeat 10px 12px;
	padding: 5px 0 6px 26px;
	color: #7d4f2d;
}

.evento h4 {
	color: #3c1f0f;
	font-size: 12px;
}

.evento a {
	font-size: 10px;
}

.evento table {
	border-collapse: collapse;
}

.evento .label {
	padding-right: 6px;
}

.eventos_proximos .footer {
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	text-align: right;
	padding-right: 10px;
	background: #fffcf9;
}

/* Track list */
.track_list {
	margin-left: 8px;
}

.track_list strong {
	font-size: 13px;
	color: #3c1f0f;
}

* html .track_list strong {
	float: left;
	padding-right: 4px;
}

.track_list .track td {
	padding-bottom: 6px;
}

a.play {
	background: url("../img/play.gif") no-repeat right 55%;
	padding-right: 10px;
/*	display: none !important;*/
}

* html a.play {
	display: block;
	height: 15px;
	float: left;
	margin-top: 2px;
}

.track_list p {
	clear: both;
	font-size: 11px;
}

.descripcion {
	font-size: 12px;
}

.album_title span {
	display: none;
}

.track p {
	color: #7d4f2d;
}
