/* Global reset */
@import 'reset.css';


/* Global */
BODY {
	background: #fff;
	color: #111;
	}
BODY, .button, .input-text, SELECT, OPTION, OPTGROUP, TEXTAREA {
	font: 16px/1.2 Arial, 'Helvetica Neue', Helvetica, FreeSans, 'Liberation Sans', 'Nimbus Sans L', sans-serif;
	}
.width-wrapper {
	min-width: 1154px;
	}


/* Navigation */
.nav {
	font-size: 13px;
	font-weight: bold;
	color: #acacac;
	position: absolute;
	bottom: 20px;
	left: 60%;
	z-index: 10000;
	padding: 0 0 0 40px;
	}
	.nav LI {
		display: inline;
		}
	.nav LI:before {
		content: ' | ';
		margin: 0 10px;
		}
	.nav LI:first-child:before {
		content: '';
		content: none;
		display: none;
		}
		.nav A {
			color: #acacac;
			letter-spacing: 4px;
			}
		.nav A:hover {
			color: #222;
			}
		.nav .down {
			display: inline-block;
			vertical-align: bottom;
			font: 0/0 a;
			margin: 0 0 -4px;
			width: 0; 
			height: 0; 
			border-left:  20px solid transparent;
			border-right: 20px solid transparent;
			border-top:   20px solid #acacac;
			}
		.nav .down:hover {
			border-top-color: #222;
			}
			.nav .down > SPAN {
				display: none;
				}


/* Main */
.page-inside {
	display: table;
	width: 100%;
	height: 100%;
	}
	.page-inside-left,
	.page-inside-right {
		display: table-cell;
		vertical-align: middle;
		padding: 140px 40px 100px; /* +100px logo and + 60px nav */
		}
	.page-inside-left {
		width: 60%;
		background: no-repeat 0 50%;
		background-size: cover;
		}
	.page-inside-left-02 { background-image: url( '../images/pages/02.jpg' ); }
	.page-inside-left-03 { background-image: url( '../images/pages/03.jpg' ); }
	.page-inside-left-04 { background-image: url( '../images/pages/04.jpg' ); }
	.page-inside-left-05 { background-image: url( '../images/pages/05.jpg' ); }
	.page-inside-left-06 { background-image: url( '../images/pages/06.jpg' ); }
	.page-inside-left-07 { background-image: url( '../images/pages/07.jpg' ); }
	.page-inside-left-08 { background-image: url( '../images/pages/08.jpg' ); }
	.page-inside-right {
		width: 40%;
		}
		.page-title {
			position: absolute;
			top: 40px;
			}
			.page-title > IMG {
				max-width: 100%;
				height: auto;
				}
		/*
		.page-text {
			text-transform: uppercase;
			}
			*/
			.page-text H2 {
				font-size: 30px;
				color: #939598;
				font-weight: bold;
				letter-spacing: 4px;
				margin: 0 0 10px;
				}
			.page-text P {
				margin: 0 0 8px
				}
			.page-text BIG {
				font-size: 22px;
				}
			.page-text A {
				color: #000;
				text-decoration: none;
				}
			.page-text A:hover {
				text-decoration: underline;
				}
			.page-text LABEL {
				color: #00aeef;
				}


/* SLIDE 01 */
.tv-wrapper {
	width: 1154px;
	height: 710px;
	position: relative;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha( opacity = 0 );
	-webkit-transform-origin: left top;
	   -moz-transform-origin: left top;
		 -o-transform-origin: left top;
			transform-origin: left top;
	}
	.tv-monitor {
		position: absolute;
		background: no-repeat 0 0;
		}
	.tv-monitor:after,
	.tv-monitor:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: no-repeat 0 0;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
		}
	.tv-monitor.finish {
		background-image: none;
		}
	.tv-monitor.start:after {
		opacity: 0;
		filter: alpha( opacity = 0 );
		}
	.tv-monitor.finish:after {
		opacity: 1;
		filter: alpha( opacity = 100 );
		}
	.tv-monitor-left-wrapper {
		width: 734px;
		height: 702px;
		/*background: url( '../images/bg/tv-monitor-left.png' );*/
		position: absolute;
		top: 0;
		left: 0;
		}
		.tv-monitor-left-01 { background-image: url( '../images/monitors/left/01.png' ); width: 138px; height: 208px; top:   2px; left:   0px; }
		.tv-monitor-left-02 { background-image: url( '../images/monitors/left/02.png' ); width: 147px; height: 172px; top:  59px; left: 140px; }
		.tv-monitor-left-03 { background-image: url( '../images/monitors/left/03.png' ); width: 147px; height: 147px; top:  99px; left: 288px; }
		.tv-monitor-left-04 { background-image: url( '../images/monitors/left/04.png' ); width: 147px; height: 130px; top: 125px; left: 436px; }
		.tv-monitor-left-05 { background-image: url( '../images/monitors/left/05.png' ); width: 149px; height: 119px; top: 139px; left: 584px; }
		.tv-monitor-left-06 { background-image: url( '../images/monitors/left/06.png' ); width: 138px; height: 182px; top: 177px; left:   0px; }
		.tv-monitor-left-07 { background-image: url( '../images/monitors/left/07.png' ); width: 147px; height: 156px; top: 209px; left: 140px; }
		.tv-monitor-left-08 { background-image: url( '../images/monitors/left/08.png' ); width: 147px; height: 137px; top: 233px; left: 288px; }
		.tv-monitor-left-09 { background-image: url( '../images/monitors/left/09.png' ); width: 147px; height: 124px; top: 248px; left: 436px; }
		.tv-monitor-left-10 { background-image: url( '../images/monitors/left/10.png' ); width: 149px; height: 117px; top: 256px; left: 584px; }
		.tv-monitor-left-11 { background-image: url( '../images/monitors/left/11.png' ); width: 138px; height: 174px; top: 351px; left:   0px; }
		.tv-monitor-left-12 { background-image: url( '../images/monitors/left/12.png' ); width: 147px; height: 149px; top: 360px; left: 140px; }
		.tv-monitor-left-13 { background-image: url( '../images/monitors/left/13.png' ); width: 147px; height: 132px; top: 367px; left: 289px; }
		.tv-monitor-left-14 { background-image: url( '../images/monitors/left/14.png' ); width: 147px; height: 122px; top: 371px; left: 436px; }
		.tv-monitor-left-15 { background-image: url( '../images/monitors/left/15.png' ); width: 149px; height: 116px; top: 373px; left: 584px; }
		.tv-monitor-left-16 { background-image: url( '../images/monitors/left/16.png' ); width: 138px; height: 189px; top: 511px; left:   0px; }
		.tv-monitor-left-17 { background-image: url( '../images/monitors/left/17.png' ); width: 149px; height: 161px; top: 500px; left: 139px; }
		.tv-monitor-left-18 { background-image: url( '../images/monitors/left/18.png' ); width: 147px; height: 140px; top: 493px; left: 289px; }
		.tv-monitor-left-19 { background-image: url( '../images/monitors/left/19.png' ); width: 147px; height: 126px; top: 490px; left: 436px; }
		.tv-monitor-left-20 { background-image: url( '../images/monitors/left/20.png' ); width: 149px; height: 117px; top: 489px; left: 584px; }
		.tv-monitor-left-01:after { background-image: url( '../images/monitors/left/01_over.png' ); }
		.tv-monitor-left-02:after { background-image: url( '../images/monitors/left/02_over.png' ); }
		.tv-monitor-left-03:after { background-image: url( '../images/monitors/left/03_over.png' ); }
		.tv-monitor-left-04:after { background-image: url( '../images/monitors/left/04_over.png' ); }
		.tv-monitor-left-05:after { background-image: url( '../images/monitors/left/05_over.png' ); }
		.tv-monitor-left-06:after { background-image: url( '../images/monitors/left/06_over.png' ); }
		.tv-monitor-left-07:after { background-image: url( '../images/monitors/left/07_over.png' ); }
		.tv-monitor-left-08:after { background-image: url( '../images/monitors/left/08_over.png' ); }
		.tv-monitor-left-09:after { background-image: url( '../images/monitors/left/09_over.png' ); }
		.tv-monitor-left-10:after { background-image: url( '../images/monitors/left/10_over.png' ); }
		.tv-monitor-left-11:after { background-image: url( '../images/monitors/left/11_over.png' ); }
		.tv-monitor-left-12:after { background-image: url( '../images/monitors/left/12_over.png' ); }
		.tv-monitor-left-13:after { background-image: url( '../images/monitors/left/13_over.png' ); }
		.tv-monitor-left-14:after { background-image: url( '../images/monitors/left/14_over.png' ); }
		.tv-monitor-left-15:after { background-image: url( '../images/monitors/left/15_over.png' ); }
		.tv-monitor-left-16:after { background-image: url( '../images/monitors/left/16_over.png' ); }
		.tv-monitor-left-17:after { background-image: url( '../images/monitors/left/17_over.png' ); }
		.tv-monitor-left-18:after { background-image: url( '../images/monitors/left/18_over.png' ); }
		.tv-monitor-left-19:after { background-image: url( '../images/monitors/left/19_over.png' ); }
		.tv-monitor-left-20:after { background-image: url( '../images/monitors/left/20_over.png' ); }
		.tv-monitor-left-16:before  { background-image: url( '../images/monitors/left/16_mirror.png' ); width: 139px; height:  51px; top: 150px; left: 0px; }
		.tv-monitor-left-17:before  { background-image: url( '../images/monitors/left/17_mirror.png' ); width: 148px; height:  79px; top: 132px; left: 0px; }
		.tv-monitor-left-18:before  { background-image: url( '../images/monitors/left/18_mirror.png' ); width: 148px; height:  96px; top: 122px; left: 0px; }
		.tv-monitor-left-19:before  { background-image: url( '../images/monitors/left/19_mirror.png' ); width: 148px; height: 107px; top: 116px; left: 0px; }
		.tv-monitor-left-20:before  { background-image: url( '../images/monitors/left/20_mirror.png' ); width: 151px; height: 110px; top: 112px; left: 0px; }
		.tv-monitor-left-16.finish:before { background-image: url( '../images/monitors/left/16_mirror_over.png' ); }
		.tv-monitor-left-17.finish:before { background-image: url( '../images/monitors/left/17_mirror_over.png' ); }
		.tv-monitor-left-18.finish:before { background-image: url( '../images/monitors/left/18_mirror_over.png' ); }
		.tv-monitor-left-19.finish:before { background-image: url( '../images/monitors/left/19_mirror_over.png' ); }
		.tv-monitor-left-20.finish:before { background-image: url( '../images/monitors/left/20_mirror_over.png' ); }
	.tv-monitor-middle-wrapper {
		width: 246px;
		height: 349px;
		background: url( '../images/bg/tv-monitor-middle.png' );
		position: absolute;
		top: 208px;
		right: 176px;
		}
		.tv-monitor-middle-01 { background-image: url( '../images/monitors/middle/01.png' ); width:  40px; height: 92px; top:   0px; left:   0px; }
		.tv-monitor-middle-02 { background-image: url( '../images/monitors/middle/02.png' ); width:  96px; height: 87px; top:   7px; left:  40px; }
		.tv-monitor-middle-03 { background-image: url( '../images/monitors/middle/03.png' ); width: 110px; height: 83px; top:  12px; left: 136px; }
		.tv-monitor-middle-04 { background-image: url( '../images/monitors/middle/04.png' ); width:  40px; height: 88px; top:  87px; left:   0px; }
		.tv-monitor-middle-05 { background-image: url( '../images/monitors/middle/05.png' ); width:  96px; height: 85px; top:  91px; left:  40px; }
		.tv-monitor-middle-06 { background-image: url( '../images/monitors/middle/06.png' ); width: 110px; height: 82px; top:  95px; left: 136px; }
		.tv-monitor-middle-07 { background-image: url( '../images/monitors/middle/07.png' ); width:  40px; height: 87px; top: 175px; left:   0px; }
		.tv-monitor-middle-08 { background-image: url( '../images/monitors/middle/08.png' ); width:  96px; height: 84px; top: 176px; left:  40px; }
		.tv-monitor-middle-09 { background-image: url( '../images/monitors/middle/09.png' ); width: 110px; height: 82px; top: 177px; left: 136px; }
		.tv-monitor-middle-10 { background-image: url( '../images/monitors/middle/10.png' ); width:  40px; height: 89px; top: 260px; left:   0px; }
		.tv-monitor-middle-11 { background-image: url( '../images/monitors/middle/11.png' ); width:  96px; height: 86px; top: 259px; left:  40px; }
		.tv-monitor-middle-12 { background-image: url( '../images/monitors/middle/12.png' ); width: 110px; height: 82px; top: 259px; left: 136px; }
		.tv-monitor-middle-01:after { background-image: url( '../images/monitors/middle/01_over.png' ); }
		.tv-monitor-middle-02:after { background-image: url( '../images/monitors/middle/02_over.png' ); }
		.tv-monitor-middle-03:after { background-image: url( '../images/monitors/middle/03_over.png' ); }
		.tv-monitor-middle-04:after { background-image: url( '../images/monitors/middle/04_over.png' ); }
		.tv-monitor-middle-05:after { background-image: url( '../images/monitors/middle/05_over.png' ); }
		.tv-monitor-middle-06:after { background-image: url( '../images/monitors/middle/06_over.png' ); }
		.tv-monitor-middle-07:after { background-image: url( '../images/monitors/middle/07_over.png' ); }
		.tv-monitor-middle-08:after { background-image: url( '../images/monitors/middle/08_over.png' ); }
		.tv-monitor-middle-09:after { background-image: url( '../images/monitors/middle/09_over.png' ); }
		.tv-monitor-middle-10:after { background-image: url( '../images/monitors/middle/10_over.png' ); }
		.tv-monitor-middle-11:after { background-image: url( '../images/monitors/middle/11_over.png' ); }
		.tv-monitor-middle-12:after { background-image: url( '../images/monitors/middle/12_over.png' ); }
		.tv-monitor-middle-10:before { background-image: url( '../images/monitors/middle/10_mirror.png' ); width:  40px; height: 159px; top: 85px; left: 0px; }
		.tv-monitor-middle-11:before { background-image: url( '../images/monitors/middle/11_mirror.png' ); width:  96px; height: 163px; top: 82px; left: 0px; }
		.tv-monitor-middle-12:before { background-image: url( '../images/monitors/middle/12_mirror.png' ); width: 110px; height: 163px; top: 82px; left: 0px; }
		.tv-monitor-middle-10.finish:before { background-image: url( '../images/monitors/middle/10_mirror_over.png' ); }
		.tv-monitor-middle-11.finish:before { background-image: url( '../images/monitors/middle/11_mirror_over.png' ); }
		.tv-monitor-middle-12.finish:before { background-image: url( '../images/monitors/middle/12_mirror_over.png' ); }
	.tv-monitor-right-wrapper {
		width: 175px;
		height: 313px;
		/*background: url( '../images/bg/tv-monitor-right.png' );*/
		position: absolute;
		top: 238px;
		right: 0;
		}
		.tv-monitor-right-01 { background-image: url( '../images/monitors/right/01.png' ); width: 68px; height: 82px; top:   0px; left:   0px; }
		.tv-monitor-right-02 { background-image: url( '../images/monitors/right/02.png' ); width: 83px; height: 77px; top:   8px; left:  69px; }
		.tv-monitor-right-03 { background-image: url( '../images/monitors/right/03.png' ); width: 22px; height: 73px; top:  12px; left: 153px; }
		.tv-monitor-right-04 { background-image: url( '../images/monitors/right/04.png' ); width: 68px; height: 79px; top:  79px; left:   0px; }
		.tv-monitor-right-05 { background-image: url( '../images/monitors/right/05.png' ); width: 84px; height: 76px; top:  83px; left:  69px; }
		.tv-monitor-right-06 { background-image: url( '../images/monitors/right/06.png' ); width: 22px; height: 73px; top:  85px; left: 153px; }
		.tv-monitor-right-07 { background-image: url( '../images/monitors/right/07.png' ); width: 68px; height: 78px; top: 157px; left:   0px; }
		.tv-monitor-right-08 { background-image: url( '../images/monitors/right/08.png' ); width: 83px; height: 75px; top: 158px; left:  69px; }
		.tv-monitor-right-09 { background-image: url( '../images/monitors/right/09.png' ); width: 22px; height: 73px; top: 159px; left: 153px; }
		.tv-monitor-right-10 { background-image: url( '../images/monitors/right/10.png' ); width: 68px; height: 80px; top: 233px; left:   0px; }
		.tv-monitor-right-11 { background-image: url( '../images/monitors/right/11.png' ); width: 84px; height: 76px; top: 232px; left:  69px; }
		.tv-monitor-right-12 { background-image: url( '../images/monitors/right/12.png' ); width: 23px; height: 74px; top: 232px; left: 153px; }
		.tv-monitor-right-01:after { background-image: url( '../images/monitors/right/01_over.png' ); }
		.tv-monitor-right-02:after { background-image: url( '../images/monitors/right/02_over.png' ); }
		.tv-monitor-right-04:after { background-image: url( '../images/monitors/right/04_over.png' ); }
		.tv-monitor-right-05:after { background-image: url( '../images/monitors/right/05_over.png' ); }
		.tv-monitor-right-07:after { background-image: url( '../images/monitors/right/07_over.png' ); }
		.tv-monitor-right-08:after { background-image: url( '../images/monitors/right/08_over.png' ); }
		.tv-monitor-right-10:after { background-image: url( '../images/monitors/right/10_over.png' ); }
		.tv-monitor-right-11:after { background-image: url( '../images/monitors/right/11_over.png' ); }
		.tv-monitor-right-10:before { background-image: url( '../images/monitors/right/10_mirror.png' ); width: 68px; height: 172px; top: 75px; left: 1px; }
		.tv-monitor-right-11:before { background-image: url( '../images/monitors/right/11_mirror.png' ); width: 83px; height: 175px; top: 73px; left: 0px; }
		.tv-monitor-right-12:before { background-image: url( '../images/monitors/right/12_mirror.png' ); width: 22px; height: 175px; top: 74px; left: 1px; }
		.tv-monitor-right-10.finish:before { background-image: url( '../images/monitors/right/10_mirror_over.png' ); }
		.tv-monitor-right-11.finish:before { background-image: url( '../images/monitors/right/11_mirror_over.png' ); }