html, body {font-family:helvetica;margin:auto;height:100%}
	body {overflow-y:scroll;height:100%;display: table;width: 100%;}
	h1{font-weight: normal;font-size: 35px;}
	h2{font-size: 18px;}
	h3{font-weight: normal;font-size: 17px;}
	p{font-size:14px}
	a{text-decoration:none;color:#9c0;border-bottom:1px solid transparent;padding:5px;}
	a:hover {background:#9f81be}
	
	
	/* TOP OPTIONS */
	.main_squares>div {height:280px}
	
	.header_options {
		background: #fafafa;
		text-align: center;
		position: relative;
		width: 100%;
		max-width:320px;
		box-sizing: border-box;
		top: 0px;
		margin:auto;
	}
	.header_options a {background:transparent;}
	
	.lang {display:inline-block;color:#333;font-size: 14px;padding: 0px 3px;}
	.lang a {color:#bbb;border-radius: 3px;}
	.lang a:hover {color:#fff;background:#9f81be}
	
	.opt_accessible {
		position: absolute;
		top: 0px;
		z-index: 10;
		padding: 15px;
		border-right: 2px solid #fff;
		cursor: pointer;
		background: #eee;
		color: #333;
		box-sizing: border-box;
		height: 50px;
		border-radius: 0px 0px 0px 8px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 13px;
		width: 140px;
	}
	
	.opt_accessible:hover {background:#9f81be;color:#fff;}
	
	.opt_languages {
		padding: 13px;
		border-left: 2px solid #fff;
		background:#eee;
		position:absolute;
		right:0px;
		top:0px;
		box-sizing: border-box;
		height: 50px;
		border-radius: 0px 0px 8px 0px;
	}
	
	.eatwlogo {position:relative;z-index:2;margin-top:50px}
	
	
	
	.header{
		padding: 0px 35px;
		height: 125px;
		background-image: url('../gfx/content_top.png');
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 100%;
		width: 934px;
		margin: auto;
		text-align:center;
	}
		.header a:hover{background:none;}
	
	
	.content{background:url('../gfx/content_mid.png') repeat-y;width: 988px;margin: auto;padding: 30px 0px;}
	
		.content .text{padding: 8px 50px 15px 50px;font-size: 14px;line-height: 25px;}
		
		
		.content>.text{line-height:25px;text-align:center;font-size:17px;padding:0px 10px;width:685px;margin:auto;position:relative;top:-20px}
				
		.sq1, .sq2, .sq3 {background-color:#a082c0;}
		.msq-item.active, .msq-item.sq1:hover, .msq-item.sq2:hover, .msq-item.sq3:hover{background-color:#8262a3;cursor:pointer;cursor:hand;}
		.msq-item.sq3.active {cursor:pointer;cursor:hand;}
		
		.sq1 .st1{color:#fff !important}
		.sq2 .st1{color:#7a599e !important}
		.sq3 .st1{color:#333 !important}
			
		.btn_described {
			font-size: 14px;
			background: white;
			color: #000;
			padding: 10px 20px;
			margin: auto;
			margin-top: 10px;
			line-height: 16px;
			border-radius: 6px;
			cursor: pointer;
			float: left;
			width: 230px;
			box-shadow: 0px 3px 0px #aaa;
		}
		
		.btn{
			padding: 5px 16px 7px 29px;
			margin: 0px 0px 0px 0px;
			border-radius: 6px;
			background-color: #7caa00;
			text-align: center;
			font-weight: bold;
			font-size: 12px;
			position: relative;
			cursor: pointer;
		}	
		
		
		
		.btn div.icon-btn{position:absolute;height:25px;width:175px;left:4px;top:5px}		
		
		div.btn{
			color:#fff;
			width:200px;
			padding:20px;
			font-size:20px;
			margin:auto;
			box-shadow: 0px 3px 0px #3D5300;
			position:relative;
		}	
		
		.launch_course:active, .launch_sim1:active, .launch_sim2:active, .launch_sim3:active{box-shadow: 0px 1px 0px #3D5300;top:3px}
		
		div div.btn>div{background: url('../gfx/white_btn.png') no-repeat center;}		
		
		
		
		
				
/*
	Top Squares
*/
		.main_squares{width:100%;text-align:center;font-size:13px;position:relative}
		.main_squares>div{
			color:#fff;
			width:263px;height:260px;border-radius:8px;margin:0 6px;
			display:inline-block;*display:inline;zoom:1;position:relative;vertical-align:middle;
			text-align:left;padding:0px 15px 15px 15px;
			cursor:pointer;cursor:hand;
			
			}
		
			
			.main_squares h3{margin: 0px 5px 10px 0px;color:#fff;text-shadow:1px 1px 0px #000;line-height:30px;font-size:22px}
			.main_squares .sq3 h3{color:#000;text-shadow:1px 1px 0px #a3a3a3;}
			.main_squares .thumb{border: 2px solid #FFF;border-radius: 5px;margin: 0px 13px 20px 0px;float:left}			
					
			.main_squares>div div.btn{
				font-size: 12px;
				letter-spacing: 1px;
				width: 175px;
				background: #FFF;
				border-radius: 10px;
				padding: 10px;
				color: #000;
				text-align: center;
				text-decoration: none;
				font-weight: bold;
				box-shadow: 1px 1px 0px #000;
				position: absolute;
				z-index: 21;
				bottom: 15px;
				left: 47px;
				height: 25px;
			}
			
			.main_squares>div div.btn.active{
				opacity:0px;
				}
			
			.main_squares .icon-btn{background: url('../gfx/plus.png') no-repeat center center;background-position: 86px 20px;}
			
			.main_squares .opt_selected{position: absolute;bottom:18px;left: 50%;margin-left: -36px;z-index: 20;opacity:0;}
			.main_squares>div.sq3 .btn{
				padding: 14px 10px;
			}
	
/*
	Middle Squares
*/	
	
		.big_squares {
			width: 911px;
			margin: auto;
			height:100%;
			font-size:13px;
			color:#fff;
			position:relative;
			top: -6px;
		}
			
			.big_squares>div {display:none;padding-bottom: 10px;}
			
				.big_squares .joint-box{width:293px;background:#8262a3;height:25px;position:relative;z-index:1000;}

				.big_squares .corner-patch-right{width:10px;height:10px;position:absolute;left:293px;top:15px;background:#8262a3;}
					.big_squares .corner-patch-right>div{background:#e9e9e9;width:10px;height:10px;position:absolute;border-radius:0px 0px 0px 8px;}		
				.big_squares .corner-patch-left{width: 10px;height: 10px;position: absolute;left: -10px;top: 15px;background: #8262A3;}
					.big_squares .corner-patch-left>div{background:#e9e9e9;width:10px;height:10px;position:absolute;border-radius: 0px 0px 8px 0px;}		
				
				.big_squares>div.sq1 .joint-box{margin-left:0;}
				.big_squares>div.sq2 .joint-box{margin-left:309px;}
				.big_squares>div.sq3 .joint-box{margin-left:618px;}
				
				
				.big_squares>div.sq1 .corner-patch-left{display:none;}
				.big_squares>div.sq1 .corner-patch-right{}
				
				.big_squares>div.sq2 .corner-patch-left{}
				.big_squares>div.sq2 .corner-patch-right{}
				
				
				.big_squares>div.sq3 .corner-patch-right{display:none;}
				
			
			
			.big_squares h1 {
				font-weight: bold;
				color: #Fff;
				text-shadow:1px 1px 0px #000;
				margin: 0px;
				right: 9px;
				font-size: 24px;
				line-height: 40px;
			}
			.big_squares .sq1, .big_squares .sq2, .big_squares .sq3 {background:transparent;position:relative;}
				.big_squares .sq1 .sq1, .big_squares .sq2 .sq2, .big_squares .sq3 .sq3{background:#8262a3;padding:60px 20px;}
				.big_squares .sq1 .sq1{				
					border-radius: 0px 8px 8px 8px;
				}
				.big_squares .sq2 .sq2, .big_squares .sq3 .sq3 {
					border-radius: 8px;
				}
			
				.big_squares .big_full{
					min-height:480px;
					border-radius: 0px 0px 8px 8px;
				}
							
				.big_squares .big_left{padding:0px;height:307px;width:456px;background-color:#333;border-radius: 10px;margin-right:20px;}
				.big_squares .big_left img{
					float: left;
					border-radius: 10px 10px 0px 0px;
					width: 446px;
					border: 5px solid #333;				
				}
				.big_squares .big_left .text
				{
					padding: 0px 80px;
					font-size: 13px;
					text-align: center;
					float: left;
					font-style: italic;
					opacity: 0.8;
					letter-spacing: 0.05em;
					line-height: 22px;
					font-family: georgia;
				}
			
				.big_squares .big_right{
					float: left;
					width: 350px;
					height: 300px;
					line-height: 22px;
				}
			
					.big_squares .big_right .btn{float:left;background-color:#333;padding: 20px;margin: 5px 30px 5px 0px;letter-spacing:0.07em}
					.big_squares .big_right>p:last-of-type{font-size: 15px;}	
				
				
			
				.big_squares .tools{float: left;height: auto;width:100%}
		
					.big_squares .tools>div:first-child{border-bottom:1px solid #fff;width:100%;margin: 30px 0 8px 0;padding-bottom: 8px;}
					
					.big_squares .tools>div{float:left;width:40%;}					
						.big_squares .tools a{
							color: #FFF;
							font-size: 15px;
							letter-spacing: 1px;
							line-height: 25px;
							margin-left: 20px;
							}
					
				.support-tools {
					width: 260px;
					z-index: 1000;
					min-height: 80px;					
					position: relative;
					border-radius: 10px;
					
				}
				.support-tools.state1 {}
				.support-tools.state2 {
					
					width: 872px;						
				}
				.bg-support {background: url(../gfx/support_tools.png);
					position: absolute;
					left: 270px;
					top: -3px;
					z-index: 1001;
					width: 56px;
					height: 50px;
					padding-bottom: 10px;
				}
				
				
				div.type-support
				{
					color:#000;
					padding-top: 15px;
				}
				div.type-support>span
				{
					font-weight:bold;
					font-size:15px;
				}
				
				.btn-support {					
					width: 100%;
					z-index: 1000;
					color: #fff;
					position: relative;
					text-align: center;	
				}
					
					.main_squares .bg-support {
						left: 116px;top:3px;
					}
					.main_squares .title-support {
						font-weight: bold;padding:5px;
						text-shadow: 1px 1px 0px #000;
						
					}
					.main_squares .subtitle-support {
						font-size: 13px;
						padding: 10px;
						text-align: left;
					}
				
				
					
					.title-support {
						font-weight: bold;font-size: 22px;padding: 13px 0px 0px 25px;
					
					}
					.subtitle-support {
						padding-left: 25px;font-size:12px;
						cursor: pointer;
						cursor: hand;
					}
										
					
					div.category_btn
					{
						color: #000;
						padding: 15px;
						display: inline-block;
						background: #684789;
						border-radius: 10px;
						/* width: 840px; */
						box-shadow: 1px 1px 1px #C8B2DE;
					}
					div.category_btn>span
					{
						font-weight:bold;
						font-size:15px;
						display: block;
					}
					div.category_btn .cat-col {
						float: left;
						text-align: left;
						padding: 0 40px;
					}
					div.category_btn .cat-btn {
						padding: 7px 10px;
						font-size: 15px;
						margin: 5px;
						cursor: hand;
						cursor: pointer;	
						opacity:1;
						color:#fff
					}
					div.category_btn .cat-btn::before {
						content: " ";
						background: url(../gfx/checkbox_no.png)no-repeat;
						position:absolute;
						width: 22px;
						height: 21px;
						margin-left: -28px;
						margin-top: -3px;
						}	
					div.category_btn .cat-btn.active::before {
						background: url(../gfx/checkbox_yes.png)no-repeat;

					}
					div.category_btn .cat-btn:hover, div.category_btn .cat-btn.active{
						opacity: 1;
						color: #FF0;
					}


					.list-support {
						
					}
						.list-support ul{
							margin:10px 0px 0px 0px;
							position: relative;
							display: inline-block;
							padding-left:17px;
						}
							li.support-item {
								display: block;
								width: 830px;
								/* float: left; */
								padding: 20px 0px 30px 0px;
								/* position: relative; */
								border-bottom: 1px solid #CCC;
								/* border-radius: 4px; */
								/* margin-bottom: 14px; */
								/* height: 100px; */
								cursor: pointer;
								background: #FFF;
								cursor: hand;
								/* overflow: hidden; */
							}
							li.support-item:hover { background:#ffc;cursor:pointer;cursor:hand}
							
													
							
								div.cs_thumb {
									max-height: 100px;
									max-width: 100px;
									position: relative;
									float:left;
									margin-right: 20px;
								}
									.cs_thumb img {max-width:100%;max-height:100%;}
							
								div.support-title {
									color: #000;
									text-align: left;
									font-size: 22px;
									font-weight: bold;
									margin-bottom:5px;
								}
								div.support-tc {
									color: #999;
									text-align: left;
									font-size: 12px;
									font-weight: bold;
								}
									
									
								div.support-text {
									margin-bottom:10px;
									text-align: left;
									font-size: 14px;
									color:#000
								}
	
								li.support-item .support-modal{display:none;}
								li.support-item.empty-item{display:none;border-bottom: 0;padding: 12px 0 0;}
								li.support-item.empty-item>div{text-align: center;font-size: 20px;}
								li.support-item.empty-item:hover{background:auto;}
	
	#support-modal
	{
		display:none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9000;		
	}
		#support-modal .modal-dialog
		{
			max-width: 700px;
			min-width: 500px;
			width: 100%;
			background: #fff;
			border-radius: 10px;
			z-index: 15;
			position: relative;
			margin: auto;
			margin-top: 100px;
			box-shadow:2px 2px 3px #000;
			
			
		}
		#support-modal .modal-bg
		{
			z-index: 14;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: 0.85;
			top: 0px;
			position: fixed;
		}
			#support-modal .modal-header{position:relative;height:15px;}
				#support-modal .modal-header .close{
				position: absolute;
				font-weight: bold;
				cursor: pointer;
				cursor: hand;
				background: #FFF;
				color: #000;
				padding: 5px 11px;
				border-radius: 24px;
				font-size: 21px;
				top: -20px;
				right: -23px;
				border: 3px solid #000;}
			#support-modal .modal-content
			{
				padding: 10px 30px 30px 30px;
				color:#7C4FA2;
				display: inline-block;
				width: 640px;
			}
				#support-modal .modal-content .title
				{
					font-size: 25px;
					text-transform: uppercase;
					font-weight: bold;
					margin-bottom:15px;
					border-bottom: 2px solid;
				}
				#support-modal .modal-content .type{display:none;}
				#support-modal .modal-content .category{
					font-weight: bold;
					text-transform: uppercase;
					font-size: 12px;
				}
				#support-modal .modal-content .category>span{
					color: #000;					
					text-transform: uppercase;
					font-size: 11px;
					letter-spacing: 1px;
				}
				#support-modal .modal-content .text
				{
					color:#000;
				}
				#support-modal .modal-content .thumb
				{
					float: left;
					
				
				}
					#support-modal .modal-content .thumb>img
					{
						padding: 15px 15px 15px 0;
					}
				#support-modal .modal-content .link
				{
					padding-top: 20px;
					text-align: center;
				}
					#support-modal .modal-content .link .link-btn
					{
						border: 1px solid #000;
						border-radius: 6px;
						margin: 5px;
						padding: 5px 14px;
						color: #000;
					}
					#support-modal .modal-content .link .link-btn:hover {
						background: #FFF;
					}
	
	.footer{
		height:260px;padding-top: 70px;
		background-image:url('../gfx/footer.png');
		background-repeat:no-repeat;background-position:top;background-size: 100%;
		width: 1004px;
		margin: auto;
		}
		.footer .logos{position: relative;width: 100%;margin: auto;text-align: center;}		
			.footer .logos>div{height:76px;position:relative;float:left;margin: 5px 5px 10px 10px;}
			.footer .logos .separator{width: 0px;height: 35px;border-right: 1px solid #DDD;margin-right: 2px;margin-left: 8px;}
			.footer .logos>div:first-of-type{margin-right:200px;margin-left:40px}
				.logos>img{vertical-align: middle;margin:20px 40px}
		
		.footer_text
		{
width: 100%;
text-align: center;
display: table;
vertical-align: bottom;
height: 100%;
		}
			
		.footer_email
		{
border-top: 1px solid #DDD;
background: #E9E9E9;
line-height: 20px;
text-align: center;
display: table-cell;
padding: 20px;
font-size: 14px;
color: #333;
font-family: arial;

vertical-align: bottom;			
		}
			
	
	
	
	
	.anone {color:#fff}
	.anone:hover {background:none}
	
	.foot_email {color:#fff;background:#a082c0;border-radius:5px} 
	.foot_email:hover {color:#ff0;background:#6b3994} 
	
	
	
.anobg:hover {background:transparent}