/* reset */

html,
body,
h1,
h2,
h3,
h4,
h5,
form,
ul,
ol,
li,
dl,
fieldset,
p,
dd,
td,
th {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
}
img,fieldset {
	border:none;
}
ul,ol {
	list-style-type:none;
}
hr {
	display:none;
}

/* general setup */
body {
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	color:#465b66;
	background: url(../img/bg_body2.jpg) no-repeat  center 186px;
	background-color: #89cce6;
}

/* structure */

#container {
	width:773px;
	margin:0 auto;
	padding:0 8px  0 17px;
	background:#89cce6 url(../img/background.jpg) no-repeat 50% 0;
}

#header {
	padding-top:20px;
	text-align:center;
	width:773px;
	color:#fff;
}
	#header:after {
		content: ".";
		display:block;
		visibility: hidden;
		clear: both;
		height: 0;
	}

#centralContent {
	padding:20px;
	width:733px;
	min-height:255px;
}
	#centralContent:after {
		content:".";
		display:block;
		visibility:hidden;
		clear:both;
		height:0;
	}
	* html #centralContent {
		height:255px;
	}
	
#footer {
	border-top:1px solid #6793a6;
	padding:3px 0 10px;
	margin:0 3px;
}

/* header elements */
		#header p {
			padding-bottom:22px;
		}
		#header a {
			float:left;
			width:261px;
			height:36px;
			padding-left:2px;
			background:url(../img/el_misterio_de_los_flamencos.png) no-repeat 2px 0;
		}
				#header a span {
	position:absolute;
	left:-9999%;
				}
		#header .headerInfo {
			float:left;
			padding:34px 15px 10px;
			font-size:.91em;
		}
				#header .headerInfo .narrator {
					font-size:.91em;
					color:#e2ebef;
					padding-right:11px;
				}
				#header .headerInfo .date {
					font-weight:bold;
					text-transform:uppercase;
				}
						#header .headerInfo .date span {
							color:#c83d61;
						}
		#navigation {
	height:52px;
	padding:5px 0 4px 4px;
	background:url(../img/navigation.jpg) no-repeat;
	position:relative;
	visibility: visible;
		}

	#BtnComprar {
	position:relative;
	visibility: visible;
	text-align:right;
	left:2px;
	top:-40px;
	}
	}
		
		#navigation:after {
			content: ".";
			display:block;
			visibility: hidden;
			clear: both;
			height: 0;
		}
				#navigation li {
					float:left;
				}
						#navigation li a {
							float:left;
							padding-left:9px;
							text-decoration:none;
							cursor:pointer;
						}
						#navigation li a span {
							float:left;
							height:13px;
							padding:6px 9px 6px 0;
							color:#fff;
						}
						
						/* hover and active */
						#navigation li a:hover,
						#navigation .active a {
							background:url(../img/itemNavigation.jpg) no-repeat;
						}
						#navigation .active a {
							cursor:default;
						}
						#navigation li a:hover span,
						#navigation .active a span {
							background:url(../img/itemNavigation.jpg) no-repeat 100% 0;
						}
						
						/* second level navigation */
						#navigation li ul {
							display:none;
						}
						#navigation .active ul {
	display:block;
	position:absolute;
	left:42px;
	top:35px;
						}
								#navigation .active li li {
									float:left;
								}
										#navigation .active li a {
											background:none;
											float:left;
											background:url(../img/border.gif) no-repeat 0 50%;
											padding:0 14px;
											color:#465B66;
											cursor:pointer;
										}
										#navigation .active .first a {
											background:none;
										}
										/* hover and active */
										#navigation .active li a:hover {
											background:url(../img/border.gif) no-repeat 0 50%;
											text-decoration:underline;
										}
										#navigation .active .first a:hover {
											background:none;
										}
										#navigation .active .active a {
											font-weight:bold;
										}
										#navigation .active .active a:hover {
											text-decoration:none;
											cursor:default;
										}
						
						
		
/* central content elements */
#contentFlash{
	text-align: center;
}

		.pictureBlock,
		.textContentBlock {
			float:left;
		}
		.textContentBlock {
			width:386px;
			padding-left:20px;
		}
				.textContentBlock h1 {
					text-transform:uppercase;
					padding-bottom:6px;
				}
				.textContentBlock h1,
				.textContentBlock h2,
				.textContentBlock .intro {
					font-size:1.16em;
				}
				.textContentBlock .intro {
					font-weight:bold;
					line-height:1.2em;
				}
				.textContentBlock .lastTitle,
				.textContentBlock p {
					padding-bottom:10px;
				}
				.textContentBlock p {
					line-height:1.65em;
				}
				.textContentBlock .last,
				.upcoming li.last {
					padding-bottom:0;
				}
		.upcoming h1 {
			position:absolute;
			left:-9999%;
		}
				.upcoming li {
					padding-bottom:20px;
					width:733px;
				}
				.upcoming li:after {
					content: ".";
					display:block;
					visibility: hidden;
					clear: both;
					height: 0;
				}
						.upcoming li h2 {
							color:#142735;
						}
								.upcoming li h2 span {
									color:#465b66;
									font-size:.86em;
									font-weight:normal;
								}
		#gallery {
			overflow:hidden;
			width:733px;
		}
		#gallery:after {
			content: ".";
			display:block;
			visibility: hidden;
			clear: both;
			height: 0;
		}
		#gallery li {
			float:left;
			padding:0 0 20px 20px;
		}
				#gallery .first {
					padding-left:0;
				}
				#gallery .lastRow {
					padding-bottom:0;
				}
/* footer elements */
		#footer p {
			font-size:.83em;
			text-align:center;
		}