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

#fitxa {
	position:absolute;
	width:1040px;
	height:780px;
	z-index:1;
	left: 0px;
	top: 0px;
}


/*Initial Menu*/
#start {
	position:absolute;
	width:1040px;
	height:780px;
	z-index:200;
	left: 0px;
	top: 0px;
	visibility: visible;
}


#inici_menu {
	position:absolute;
	width:1000px;
	height:780px;
	z-index:2;
	left: 0px;
	top: 0px;
}
#inici_fons {
	position:absolute;
	width:1040px;
	height:780px;
	z-index:2;
	left: 0px;
	top: 0px;
	visibility: visible;
}
#pedra_bushido {
	position:absolute;
	width:165px;
	height:128px;
	z-index:2;
	left: 48px;
	top: 357px;
	visibility: visible;
}
#pedra_education {
	position:absolute;
	width:161px;
	height:96px;
	z-index:2;
	left: 183px;
	top: 98px;
	visibility: visible;
}
#pedra_food {
	position:absolute;
	width:171px;
	height:83px;
	z-index:2;
	left: 380px;
	top: 12px;
	visibility: visible;
}
#pedra_gardens {
	position:absolute;
	width:277px;
	height:197px;
	z-index:2;
	left: 292px;
	top: 432px;
	visibility: visible;
}
#pedra_house {
	position:absolute;
	width:118px;
	height:82px;
	z-index:2;
	left: 618px;
	top: 23px;
	visibility: visible;
}
#pedra_warriors {
	position:absolute;
	width:110px;
	height:166px;
	z-index:2;
	left: 701px;
	top: 69px;
	visibility: visible;
}
#pedra_tea {
	position:absolute;
	width:328px;
	height:177px;
	z-index:2;
	left: 642px;
	top: 540px;
	visibility: visible;
}
#pedra_women {
	position:absolute;
	width:162px;
	height:102px;
	z-index:2;
	left: 819px;
	top: 180px;
	visibility: visible;
}
#im_menu {
	position:absolute;
	left: 21px;
	bottom: 20px;
	z-index: 2;
	visibility: hidden;
}

#bushido_white {
	position:absolute;
	width:121px;
	height:44px;
	z-index:2;
	left: 30px;
	bottom: 20px;
	background-image: url(bushido.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#education_white {
	position:absolute;
	width:157px;
	height:44px;
	z-index:2;
	left: 445px;
	bottom: 20px;
	background-image: url(education.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#food_white {
	position:absolute;
	width:76px;
	height:44px;
	z-index:2;
	left: 923px;
	bottom: 19px;
	background-image: url(food.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#gardens_white {
	position:absolute;
	width:129px;
	height:44px;
	z-index:2;
	left: 713px;
	bottom: 20px;
	background-image: url(gardens.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;

}
#house_white {
	position:absolute;
	width:92px;
	height:44px;
	z-index:2;
	left: 618px;
	bottom: 20px;
	background-image: url(house.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#warriors_white {
	position:absolute;
	width:143px;
	height:44px;
	z-index:2;
	left: 163px;
	bottom: 20px;
	background-image: url(warriors.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#tea_white {
	position:absolute;
	width:53px;
	height:44px;
	z-index:2;
	left: 856px;
	bottom: 20px;
	background-image: url(tea.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#women_white {
	position:absolute;
	width:109px;
	height:44px;
	z-index:2;
	left: 320px;
	bottom: 20px;
	background-image: url(women.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}



/*Main Menu*/


#main_menu {
	position:absolute;
	width:992px;
	height:44px;
	z-index:100;
	left: 23px;
	bottom: 21px;
	visibility: visible;
}
#bushido_selected {
	position:absolute;
	width:121px;
	height:44px;
	z-index:1;
	left: 10px;
	bottom: 0px;
	background-image: url(selected_bushido.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#education_selected {
	position:absolute;
	width:157px;
	height:44px;
	z-index:1;
	left: 425px;
	bottom: 0px;
	background-image: url(selected_education.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#food_selected {
	position:absolute;
	width:76px;
	height:44px;
	z-index:1;
	left: 903px;
	bottom: -1px;
	background-image: url(selected_food.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
	
}
#gardens_selected {
	position:absolute;
	width:129px;
	height:44px;
	z-index:1;
	left: 693px;
	bottom: 0px;
	background-image: url(selected_gardens.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;

}
#house_selected {
	position:absolute;
	width:92px;
	height:44px;
	z-index:1;
	left: 598px;
	bottom: 0px;
	background-image: url(selected_house.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#warriors_selected {
	position:absolute;
	width:143px;
	height:44px;
	z-index:1;
	left: 143px;
	bottom: 0px;
	background-image: url(selected_warriors.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#tea_selected {
	position:absolute;
	width:53px;
	height:44px;
	z-index:1;
	left: 836px;
	bottom: -1px;
	background-image: url(selected_tea.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#women_selected {
	position:absolute;
	width:109px;
	height:44px;
	z-index:1;
	left: 300px;
	bottom: 0px;
	background-image: url(selected_women.png);
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}


/*Bushido*/


#bushido_main_text {
	position:absolute;
	z-index:5;
	left: 178px;
	top: 117px;
	visibility: hidden;
}
#bushido_menu {
	position:absolute;
	width:133px;
	height:132px;
	z-index:3;
	left: 35px;
	bottom: 54px;
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#bushido_text_meaning {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#bushido_photo_virtues {
	position:absolute;
	width:517px;
	height:670px;
	z-index:4;
	left: 494px;
	top: 41px;
	overflow: hidden;
	visibility: hidden;
}
#bushido_text_virtues {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#bushido_photo_meaning {
	position:absolute;
	z-index:4;
	left: 271px;
	top: 35px;
	overflow: hidden;
	visibility: hidden;
}
#bushido_text_death {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#bushido_photo_death {
	position:absolute;
	z-index:4;
	left: 516px;
	top: 26px;
	overflow: hidden;
	visibility: hidden;
}


/*Food*/


#food_menu {
	position:absolute;
	width:193px;
	height:107px;
	z-index:3;
	left: 30px;
	bottom: 73px;
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#food_photo_main {
	position:absolute;
	width:719px;
	height:537px;
	z-index:1;
	left: 267px;
	top: 169px;
	overflow: hidden;
	visibility: hidden;
}

#food_text_main {
	position:absolute;
	z-index:1;
	left: 10px;
	top: 129px;
	visibility: hidden;
}
#food_photo_first {
	position:absolute;
	width:739px;
	height:510px;
	z-index:1;
	left: 253px;
	top: 175px;
	overflow: hidden;
	visibility: hidden;
}
#food_photo_maincourse {
	position:absolute;
	width:850px;
	height:542px;
	z-index:1;
	left: 137px;
	top: 97px;
	overflow: hidden;
	visibility: hidden;
}
#food_photo_desert {
	position:absolute;
	width:603px;
	height:528px;
	z-index:1;
	left: 385px;
	top: 175px;
	overflow: hidden;
	visibility: hidden;
}
#food_text_maincourse {
	position:absolute;
	width:985px;
	height:422px;
	z-index:1;
	left: 10px;
	top: 129px;
	overflow: hidden;
	visibility: hidden;
}
#food_text_first {
	position:absolute;
	z-index:1;
	left: 10px;
	top: 135px;
	overflow: hidden;
	visibility: hidden;
}
#food_text_desert {
	position:absolute;
	width:972px;
	height:150px;
	z-index:1;
	left: 10px;
	top: 129px;
	overflow: hidden;
	visibility: hidden;
}


/*Gardens*/


#gardens_menu {
	position:absolute;
	z-index:3;
	left: 30px;
	bottom: 83px;
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#gardens_video_file_1{
	position:absolute;
	width:840px;
	height:550px;
	z-index:1;
	left: 70px;
	top: 150px;
	background-image: url(video_gardens.png);
	visibility: hidden;
}


/*Video hidding div*/

.divStyle { display: none; }
.hidden { display: none; }
.unhidden {	display: block; }


/*Warriors*/


#warriors_main_text {
	position:absolute;
	z-index:5;
	left: 20px;
	top: 138px;
	visibility: hidden;
}
#warriors_main_photo {
	position:absolute;
	z-index:4;
	left: 389px;
	bottom: 66px;
	visibility: hidden;
}
#warriors_menu {
	position:absolute;
	z-index:3;
	left: 30px;
	bottom: 67px;
	visibility: hidden;
}
#warriors_shingen_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_shingen_photo {
	position:absolute;
	z-index:4;
	left: 534px;
	bottom: 71px;
	height: 698px;
	visibility: hidden;
}
#warriors_nobunaga_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_nobunaga_photo {
	position:absolute;
	z-index:4;
	left: 411px;
	bottom: 76px;
	height: 698px;
	visibility: hidden;
}
#warriors_hideyoshi_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_hideyoshi_photo {
	position:absolute;
	z-index:4;
	left: 629px;
	bottom: 72px;
	height: 698px;
	visibility: hidden;
}
#warriors_ieyasu_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_ieyasu_photo {
	position:absolute;
	z-index:4;
	left: 482px;
	bottom: 70px;
	height: 698px;
	visibility: hidden;
}
#warriors_masamune_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_masamune_photo {
	position:absolute;
	z-index:4;
	left: 550px;
	bottom: 89px;
	visibility: hidden;
}
#warriors_musashi_text {
	position:absolute;
	z-index:5;
	left: 30px;
	top: 20px;
	visibility: hidden;
}
#warriors_musashi_photo {
	position:absolute;
	z-index:4;
	left: 524px;
	bottom: 75px;
	height: 698px;
	visibility: hidden;
}


/*Tea*/


#tea_menu {
	position:absolute;
	z-index:3;
	left: 30px;
	bottom: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}
#tea_photo_main {
	position:absolute;
	width:758px;
	height:571px;
	z-index:4;
	left: 420px;
	bottom: 73px;
	visibility: hidden;
}
#tea_text_main {
	position:absolute;
	width:1026px;
	height:432px;
	z-index:5;
	left: 35px;
	top: 135px;
	visibility: hidden;
}
#tea_video_file_1{
	position:absolute;
	width:840px;
	height:550px;
	z-index:1;
	left: 70px;
	top: 150px;
	background-image: url(video_gardens.png);
	visibility: hidden;
}


/*Slide definitions*/


/*Education*/

#wrapper_education {
	position:absolute;
	width:1000px;
	min-width:320px;
	height:586px;
	left: 15px;
	top: 137px;
	visibility: hidden;
	z-index: 2;
}
#nav_education {
	position:absolute;
	z-index:100;
	top:30px;
	height:35px;
	background:rgba(0,0,0,0.75);
	padding:0;
	-webkit-border-radius:10px;
	visibility: hidden;
	right: 24px;
}
#nav_education li {
	display:block;
	float:left;
	width:24px;
	height:24px; line-height:24px;
	-webkit-border-radius:12px;
	background:rgba(255,255,255,0.1);
	overflow:hidden;
	padding:0;
	margin:5px 11px 0 0;
	text-align:center;
}
#nav_education li#prev {
	margin-left:5px;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_education li#next {
	margin-right:0;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_education li.selected {
	background:rgba(255,255,255,0.4);
}

#wrapper_education > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#wrapper_education > div > .swipeview-loading img,

#swipeview_education-slider img.loading {
	-webkit-transition-duration:0;
	opacity:0;
}

#wrapper_education > div > .swipeview-loading span {
	-webkit-transition-duration:0;
	-webkit-transform:translate3d(0,100%,0);
}

/*Gardens*/


#wrapper_gardens {
	position:absolute;
	width:1000px;
	min-width:320px;
	height:586px;
	left: 15px;
	top: 137px;
	visibility: hidden;
	z-index: 2;
}
#nav_gardens {
	position:absolute;
	z-index:100;
	top:30px;
	height:35px;
	background:rgba(0,0,0,0.75);
	padding:0;
	-webkit-border-radius:10px;
	visibility: hidden;
	right: 24px;
}
#nav_gardens li {
	display:block;
	float:left;
	width:24px;
	height:24px; line-height:24px;
	-webkit-border-radius:12px;
	background:rgba(255,255,255,0.1);
	overflow:hidden;
	padding:0;
	margin:5px 11px 0 0;
	text-align:center;
}
#nav_gardens li#prev {
	margin-left:5px;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_gardens li#next {
	margin-right:0;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_gardens li.selected {
	background:rgba(255,255,255,0.4);
}
#wrapper_gardens > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#wrapper_gardens > div > .swipeview-loading img,

#swipeview_gardens-slider img.loading {
	-webkit-transition-duration:0;
	opacity:0;
}

#wrapper_gardens > div > .swipeview-loading span {
	-webkit-transition-duration:0;
	-webkit-transform:translate3d(0,100%,0);
}

/*Tea*/

#wrapper_tea {
	position:absolute;
	width:1000px;
	min-width:320px;
	height:586px;
	left: 15px;
	top: 137px;
	visibility: hidden;
	z-index: 2;
}
#nav_tea {
	position:absolute;
	z-index:100;
	top:30px;
	height:35px;
	background:rgba(0,0,0,0.75);
	padding:0;
	-webkit-border-radius:10px;
	right: 23px;
	visibility: hidden;
}
#nav_tea li {
	display:block;
	float:left;
	width:24px;
	height:24px; line-height:24px;
	-webkit-border-radius:12px;
	background:rgba(255,255,255,0.1);
	overflow:hidden;
	padding:0;
	margin:5px 11px 0 0;
	text-align:center;
}
#nav_tea li#prev {
	margin-left:5px;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_tea li#next {
	margin-right:0;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_tea li.selected {
	background:rgba(255,255,255,0.4);
}

#wrapper_tea > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#wrapper_tea > div > .swipeview-loading img,

#swipeview_tea-slider img.loading {
	-webkit-transition-duration:0;
	opacity:0;
}

#wrapper_tea > div > .swipeview-loading span {
	-webkit-transition-duration:0;
	-webkit-transform:translate3d(0,100%,0);
}




/*House*/


#wrapper_house {
	position:absolute;
	width:1000px;
	min-width:320px;
	height:586px;
	left: 15px;
	top: 137px;
	visibility: hidden;
	z-index: 2;
}
#nav_house {
	position:absolute;
	z-index:100;
	top:30px;
	height:35px;
	background:rgba(0,0,0,0.75);
	padding:0;
	-webkit-border-radius:10px;
	visibility: hidden;
	right: 24px;
}
#nav_house li {
	display:block;
	float:left;
	width:24px;
	height:24px; line-height:24px;
	-webkit-border-radius:12px;
	background:rgba(255,255,255,0.1);
	overflow:hidden;
	padding:0;
	margin:5px 11px 0 0;
	text-align:center;
}
#nav_house li#prev {
	margin-left:5px;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_house li#next {
	margin-right:0;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_house li.selected {
	background:rgba(255,255,255,0.4);
}
#wrapper_house > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#wrapper_house > div > .swipeview-loading img,

#swipeview_house-slider img.loading {
	-webkit-transition-duration:0;
	opacity:0;
}

#wrapper_house > div > .swipeview-loading span {
	-webkit-transition-duration:0;
	-webkit-transform:translate3d(0,100%,0);
}


/*Women*/


#wrapper_women {
	position:absolute;
	width:1000px;
	min-width:320px;
	height:586px;
	left: 15px;
	top: 137px;
	visibility: hidden;
	z-index: 2;
}
#nav_women {
	position:absolute;
	z-index:100;
	top:30px;
	height:35px;
	background:rgba(0,0,0,0.75);
	padding:0;
	-webkit-border-radius:10px;
	visibility: hidden;
	right: 24px;
}

#nav_women li {
	display:block;
	float:left;
	width:24px;
	height:24px; line-height:24px;
	-webkit-border-radius:12px;
	background:rgba(255,255,255,0.1);
	overflow:hidden;
	padding:0;
	margin:5px 11px 0 0;
	text-align:center;
}
#nav_women li#prev {
	margin-left:5px;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_women li#next {
	margin-right:0;
	color:rgba(255,255,255,0.4);
	background:transparent;
}

#nav_women li.selected {
	background:rgba(255,255,255,0.4);
}

#wrapper_women > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#wrapper_women > div > .swipeview-loading img,

#swipeview_women-slider img.loading {
	-webkit-transition-duration:0;
	opacity:0;
}

#wrapper_women > div > .swipeview-loading span {
	-webkit-transition-duration:0;
	-webkit-transform:translate3d(0,100%,0);
}


/*Sliding general scroll divs*/


#swipeview-slider > div {
	position:relative;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-box-pack:100px;
	-webkit-box-align:center;
	overflow:hidden;
}

#swipeview-slider img {
	display:block;
	pointer-events:none;
}

#swipeview-slider span {
	position: absolute;
	bottom: 0;
	left: 130px;
	width: 70%;
	padding: 20px 0;
	display: block;
	background: rgba(0,0,0,0.50);
	font-size: 20px;
	font: Verdana, Geneva, sans-serif;
	padding: 20px;
	text-align: justify;
	color: #FFF;
	border-top: 0px solid rgba(255,255,255,0.2);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: translate3d(0,100%,0);
}

#swipeview-slider .swipeview-active span {
	-webkit-transform:translate3d(0,0,0);
}