@charset "utf-8";
/* CSS Document */

body,html{
	padding:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:13px;
	outline:none;
	color:#333;
	margin: 0;
}

div, a{
	outline:none;
}

h3{
	margin-top:80px;
	width: 960px;
	border-top: 1px solid #6cbfe0;
	padding: 10px 0;
}

h3.first{
	margin-top:0px;
	padding-top:0;
	border-top: none;
}

#mainContent{
	width:960px;
	overflow:hidden;
	text-align:left;
	margin: 0 auto;
}

#beforeAfter{
	width: 960px;
	height:600px;
	clear:both;
	overflow:hidden;
	border: 1px solid #d9d9d9;
}

#beforeAfter .before{
	width:475px; height:600px;
	position:absolute;
	text-align:left;
	overflow:hidden;
}

#beforeAfter .after{
	width:960px; height:600px;	
	position:absolute;
	text-align:left;
	
}

#beforeAfter .after img, #beforeAfter .before img {
	position:absolute;
	
}
.dragBar{
	width:32px;
	position:relative;
	display:block;
	float:left;
	height:600px;
	overflow:visible;
	clear:right;
	left:455px;
}

.block{
	margin:30px 0;
}

#block5{
	margin-top:70px;
}

#legendaOnOff{
	display:block;
	width:250px;
	height:35px;
	float:right;
	background:url(../img/button-on-off.png) 0 0 no-repeat;
}

#legendaOnOff.on{
	background-position: 0 -35px;
}

/***********************/
/* reel                */
.reelHolder{
	width:960px;
	height:625px;
	display:block;
	margin:0;
	padding:0;
	border: 1px solid #007aa8;
	text-align:center;
	overflow:hidden;
	text-align:center;
}
.reelHolder.loading{
	background:url(../img/loader.gif) center no-repeat;
}

#reelControl{
	width:940px;
	height:40px;
	display:block;
	text-align:right;
	position:absolute;
	margin:10px;
}
#reelTitle{
	width:90px;
	height:60px;
	float:left;
	background:url(../img/reel-1950.png?a1) top right no-repeat;
}
#reelTitle.today{
	background:url(../img/reel-2013.png?a1) top right no-repeat;
}

#reelPlay, #reelRewind, #reelPause{
	width: 50px;
	height: 35px;
	display:inline-block;
	float:right;
	cursor:pointer;
}
#reelPlay{
	background:url(../img/play.png) top left no-repeat;
}
#reelPause{
	background:url(../img/pause.png) top left no-repeat;
}
#reelRewind{
	background:url(../img/rewind.png) top left no-repeat;
}

#reelPlay.inactive, #reelRewind.inactive, #reelPause.inactive, a#reelPlay.inactive:hover, a#reelRewind.inactive:hover, a#reelPause.inactive:hover{
	opacity: 0.35;
	-moz-opacity:0.35;
	filter: alpha(opacity=35);
	cursor:default;
}

a#reelPlay:hover, a#reelRewind:hover, a#reelPause:hover{
	opacity: 0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=8);
}


.reelHolder img{
	width:950px;
	position:absolute;
	margin:0;
	padding:0;
}