/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: 'JournalRegular';
	src: url('fonts/journal-webfont.eot');
	src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/journal-webfont.woff') format('woff'),
		 url('fonts/journal-webfont.ttf') format('truetype'),
		 url('fonts/journal-webfont.svg#JournalRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {margin:0; padding:0;}

html {
	background:url(img/bkg.jpg);
	font-family: 'JournalRegular', sans-serif;
	color:#666;
	font-size:32px;
}

h1, h2 {
	font-weight:normal;
	font-size:52px;
	line-height:1em;
	margin-bottom:1em;
}		

.wrapper, .album {
	width:960px;
	margin:0 auto;			
}

.header {			
	height:320px;
	background:url(img/bkg-top.png) no-repeat;
	font-size:52px;
}

	.header img {
		float:left;
	}

	.header .fb-like {
		float:right;
		margin-top:30px;
	}

	.header p {
		clear:right;
		text-align:right;
		margin-right:50px;
	}

.video {
	width:955px;
	padding-top:81px;
	height:520px;
	background:url(img/bkg-video.png) no-repeat;
	text-align:center;
	position:relative;
}

	.video .comment {
		display:block;
		position:absolute;
		text-indent:-9999px;
	}

		.comment.left-comment {
			width:143px;
			height:109px;
			background:url(img/video-left-comment.png) no-repeat;
			top:80px;
			left:-120px;
		}


		.comment.btm-comment {
			width:192px;
			height:182px;
			background:url(img/video-btm-comment.png) no-repeat;
			bottom:-140px;
			right:10px;
		}
		
		.video p {color:#FFF;}
		.video a {color:#FFF;}

.album-wrapper {
	background:url(img/bkg-album.png) center center no-repeat;
}

	.album {				
		height:712px;
		overflow:hidden;
	}		

		.album-info {
			width:410px;
		}

		.album-info, .album-player {
			float:left;
			margin:90px 0 0 40px;					
		}

			.album dd {
				margin-bottom:1em;
			}

.puntos-venta {			
	width:460px;
	height:360px;
	padding-left:55px;
	padding-top:32px;
	margin:0 auto;
	background:url(img/bkg-pts-vta.png) top center no-repeat;	
}

	.puntos-venta h2 {				
		margin-bottom:0.5em;
	}

	.puntos-venta ul {
		list-style:none;
		line-height:1em;
		margin-bottom:0.5em;
	}

.contacto {
	margin:50px 0;
	text-align:center;
}

.contacto ul {
	list-style:none;
}

	.contacto li {
		display:inline;
		margin:0 25px;
	}

	.contacto a {
		width:150px;			
		padding-top:150px;
		display:inline-block;
		text-align:center;
		color:#333;				
	}

	.contacto .fb {background:url(img/social/fb.png) top center no-repeat;}
	.contacto .yt {background:url(img/social/yt.png) top center no-repeat;}
	.contacto .gm {background:url(img/social/gm.png) top center no-repeat;}

.footer {
	text-align:center;
	color:#333;
	font-size:24px;
	margin-bottom:50px;
}