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

/*...........A...........*/
/*...........B...........*/


.bubblePlusGreenInside {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #666;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
	
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #BAD3A9;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*...........C...........*/
/*...........D...........*/
/*...........E...........*/
/*...........F...........*/
/*...........G...........*/
/*...........H...........*/
/*...........I...........*/
a.imageMenu {		background-image: url(images/40-50hide46pct.png); background-repeat: no-repeat; background-position: 0px; height: 50px; width: 40px; display: block; }
a.imageMenu:hover {	background-position: 50px; block; text-decoration: none;}

a.imageMenu80 {			background-image: url(images/80-50hide46pct.png); background-repeat: no-repeat; background-position: 0px; height: 50px; width: 80px; display: block; }
a.imageMenu80:hover {	background-position: 80px; block; text-decoration: none;}

.imageLink {			text-decoration: none;}
/*...........J...........*/
/*...........K...........*/
/*...........L...........*/
/*...........M...........*/

a.menu210 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; height: 23px; width: 208px; display: block;
					padding-right: 3px; padding-left: 10px; }
.menu210:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }				



a.pagerArrowR {		    background-image: url(images/arrowNext.png);      background-repeat: no-repeat; background-position: 0px; height: 30px; width: 200px; display: block; background-size: 200px 30px;}
a.pagerArrowR:hover {	background-image: url(images/arrowNextHover.png); }

a.pagerArrowL {		    background-image: url(images/arrowPrev.png);      background-repeat: no-repeat; background-position: 0px; height: 30px; width: 200px; display: block; background-size: 200px 30px;}
a.pagerArrowL:hover {	background-image: url(images/arrowPrevHover.png); }



a.menu-12 {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCC;
	text-align: center;
	height: 20px;
	width: 100%;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
/*	vertical-align: center;*/
	font-weight: bold;
	padding-top: 3px;
}
.menu-12:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #F00;
}			

a.pgCounter {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F2F2F2;
	text-align: center;
	height: 20px;
	width: 100%;
	display: block;
	/*	padding-right: 5px;
	padding-left: 5px;*/
	font-weight: normal;
	padding-top: 5px;
}
.pgCounter:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}			

a.pgCounterVideo {
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D70000;
	text-align: center;
	height: 20px;
	width: 100%;
	display: block;
	/*	padding-right: 5px;
	padding-left: 5px;*/
	font-weight: normal;
	padding-top: 5px;
}
.pgCounterVideo:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}			

a.pgCounterFoto {
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #093;
	text-align: center;
	height: 20px;
	width: 100%;
	display: block;
	/*	padding-right: 5px;
	padding-left: 5px;*/
	font-weight: normal;
	padding-top: 5px;
}
.pgCounterFoto:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}			


.pgActual {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 20px;
	width: 100%;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}


a.menu210Best {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: left;
	height: 23px;
	width: 208px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	font-weight: bold;
}
.menu210Best:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }				

.menu170 {				background-color: #FFF; display: block; height: 23px; width: 100%; }
.menu170:link { 		background-color: #FFF; text-decoration: none; }					
.menu170:hover {
	background-color: #CCC;
	text-decoration: none;
}					

a.menu100 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
					height: 23px; width: 85px; display: block; }
a.menu100broken {	color: #333; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0; text-align: left; padding-right: 3px;
					padding-left: 10px; height: 23px; width: 85px; display: block;}					
.menu100:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }					
a.menu140 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
					height: 23px; width: 125px; display: block; }
a.menu140broken {	color: #333; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0; text-align: left; padding-right: 3px;
					padding-left: 10px; height: 23px; width: 125px; display: block; }					
.menu140:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }					
.menu {				color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 5px; padding-left: 15px; }
.menu a:link { 		color: #333; text-decoration: none; background-color: #FFF; }
.menu a:visited {	color: #333; text-decoration: none; background-color: #FFF; }
.menu:hover { 		color: #000; text-decoration: none; background-color: #DFDFDF; }
.menuHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuHead-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuHeadEn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	background-color: #CC3002;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuSelected {		color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #DFDFDF; font-weight: bold; text-align: left; 
					padding-right: 5px; padding-left: 15px; }
a.menuProject {				color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
							height: 23px; width: 160px; display: block; }
a.menuProjectx {			color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F00; text-align: left; padding-right: 3px; padding-left: 10px; 
							height: 23px; width: 160px; display: block; }
.menuProject a:link { 		color: #333; text-decoration: none; background-color: #FFF; }
.menuProject a:visited {	color: #333; text-decoration: none; background-color: #FFF; }
.menuProject:hover { 		color: #000; text-decoration: none; background-color: #DFDFDF; }
.menuProjectSelected { 		color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #666; font-weight: bold; text-align: center;}
a.menuProjectBest {			color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px;
							font-weight: bold; height: 23px; width: 160px; display: block; vertical-align: bottom; }
a.menuProjectBest:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }



/*...........N...........*/
/*...........O...........*/
/*...........P...........*/
#placeAllUnderlay {			position:relative; top: 50px; left:-10px; right:-10px; z-index: -10;}

#placeDuby {			position:relative; top: 50px; left:0px; right:-10px; z-index: 0;}

#placeArrowsLR {			position:fixed;    top: 85px; left:-10px; right:0px; z-index: 30;}
#placeArrowsLRvideo {		position:fixed;    top: 80px; left:-10px; right:0px; z-index: 30;}



#placeProtectShield {		position:fixed;    top: 0px; left:-10px; right:0px; z-index: 10;}
#placeHead {				position:fixed;    top: 0px;  left:-10px; right:0px; z-index: 20;}
#placePgCounter {			position:fixed;    top: 50px; left:-10px; right:-10px; z-index: 25;}

#placeTMnotice {			position:fixed;    top: 0px; right:10px; z-index: 23;}


#placeMenu {			position:fixed; top:-9px;  left:10px; z-index: 5;}
#placeMenu2 {			position:fixed; top:260px; left:10px; z-index: -5;}
#placeMenu3 {			position:fixed; top:265px; left:-10px; z-index: -10;}
#placePlate {			position:absolute; top:-14px; left:54px;}
#placeLeg {				position:relative; top:-5px; z-index: -10;}
#placeCounter {			position:fixed; top:-20%px; left:120%;}
#placeStamp {			position:fixed; top:50%; margin-top:-81px; left:50%; margin-left:-155px; z-index: 999;}
#placeCoverMenu {		position:relative; top:-45px; }
.plate-topL {			background-image: url(images/plate-topL.png); background-repeat: no-repeat; }
.plate-topM {			background-image: url(images/plate-topM.png); background-repeat: repeat-x; }
.plate-topR {			background-image: url(images/plate-topR.png); background-repeat: no-repeat; }
.plate-sideL {			background-image: url(images/plate-sideL.png); background-repeat: repeat-y; background-position: right; }
.plate-sideR {			background-image: url(images/plate-sideR.png); background-repeat: repeat-y; background-position: left; }
.plate-bottomL {		background-image: url(images/plate-bottomL.png); background-repeat: no-repeat; background-position: right top; }
.plate-bottomM {		background-image: url(images/plate-bottomM.png); background-repeat: repeat-x; background-position: top; }
.plate-bottomR {		background-image: url(images/plate-bottomR.png); background-repeat: no-repeat; background-position: left top; }
/*...........Q...........*/
/*...........R...........*/
/*...........S...........*/
/*...........T...........*/


.txt-09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
}
.txt-09-gray {			font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 5px; padding-left: 5px; color: #999; }
.txt-09-grayBckg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
	background-color: #666;
}
.txt-09-red {			font-family: Arial, Helvetica, sans-serif; font-size: 10px;	padding-right: 5px;	padding-left: 5px; color: #FFF; background-color: #F00;}
.txt-09-pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
	background-color: #F99;
}
.txt-09-green {			font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 5px; padding-left: 5px; color: #FFF; background-color: #090; }
.txt-12 {					font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px; color: #000; }
.txt-12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.txt-12-gray {				font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px; color: #999; }
.txt-12-pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
	background-color: #F99;
}
.txt-12-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
	background-color: #FF0;
}
.txt-HEADLINE {				font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 5px; padding-left: 5px; color: #999; font-weight: lighter; }
.txt-HEADLINEblack {		font-family: "Arial Black", Gadget, sans-serif; font-size: 18px; font-weight: bold; padding-right: 5px; padding-left: 5px; color: #D70000; }

.txt-menu {					text-align: left; color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:20px; padding-right:20px; }
.txt-menu a:link { 			color: #000; text-decoration: none; }					
.txt-menu a:hover { 		color: #000; text-decoration: none; }					

.txt-en {					color: #999; }


.txt-projectName {			font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; background-color: #FED1C5; padding-right: 5px; padding-left: 5px; text-align: center; }
.txt-projectNameEn {
	font-weight: bold;
	color: #666;
}

.txt-projectDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFF;
}
.txt-projectDescriptionEn { color: #999; }

.txt-12 { 					font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; padding: 5px; }
.txt-12-bold { 				font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; padding: 5px; }
/*...........U...........*/
/*...........V...........*/
/*...........W...........*/
/*...........X...........*/
/*...........Y...........*/
/*...........Z...........*/