html,body {
	margin:0;
	padding:0;
	height:100%;
	background:#FFffff url('img/bg.jpg');
	color:#1d1d1d;
	font-family:'Helvetica',Arial;
}

@font-face {
	font-family:'Helvetica';
	src:url('fonts/helvetica.eot');
	src:url('fonts/helvetica.eot?#iefix') format('embedded-opentype'),url('fonts/helvetica.woff') format('woff'),url('fonts/helvetica.ttf') format('truetype'),url('fonts/helvetica.svg#Helvetica') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Helvetica-Bold';
	src:url('fonts/helvetica-bold.eot');
	src:url('fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'),url('fonts/helvetica-bold.woff') format('woff'),url('fonts/helvetica-bold.ttf') format('truetype'),url('fonts/helvetica-bold.svg#Helvetica-Bold') format('svg');
	font-weight:normal;
	font-style:normal;
}

.bold{
	color:#000000;
	font-family:'Helvetica-Bold',Arial;
}

.bold a:hover{
	color:#000000;
	font-family:'Helvetica-Bold',Arial;
}

A:link {text-decoration: none; color: #1c1c1c;font-family:'Helvetica',Arial;}
A:visited {text-decoration: none;color: #1c1c1c;font-family:'Helvetica',Arial;}
A:active {text-decoration: none;color: #1c1c1c;font-family:'Helvetica',Arial;}
A:hover {text-decoration: underline; color: red;font-family:'Helvetica',Arial;}

.tiny{

	color:#000000;
	font-family:'Helvetica',Arial;
	font-size: 12px;
	line-height: 21px;

}

.big{

	color:#000000;
	font-family:'Helvetica-Bold',Arial;
	font-size: 35px;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */

}

.head{

	color:#1d1d1d;
	font-size: 25px;
	letter-spacing: -2px;
	font-family:'Helvetica-Bold',Arial;

}

.parag{

	color:#1d1d1d;
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 25px;
	font-family:'Helvetica',Arial;
text-align:justify;

}


.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background: transparent;
}

.dg-container{
	width: 60%;
	height: 270px;
	position: relative;
}
.dg-wrapper{
	width: 490px;
	height: 270px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	}
.dg-wrapper a{
	width: 490px;
	height: 270px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
}
.dg-wrapper a img{
	display: block;
	padding: 5px 5px 5px 5px;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}


#container_buttons{
	width: 250px;
	height: 160px;
	margin: 30px 0px 0px 0px;
	background: url(img/trade/1m.jpg) center center;
	padding: 0px;
	border-radius: 15px 15px 15px 15px;
 -webkit-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	  -o-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	     box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #156785, 0px 10px 5px #999;

}

#container_buttons2{
	width: 250px;
	height: 160px;
	margin: 30px 0px 0px 0px;
	background: url(img/con/5.jpg) center center;
	padding: 0px;
	border-radius: 15px 15px 15px 15px;
 -webkit-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #145a00, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #145a00, 0px 10px 5px #999;
	  -o-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #145a00, 0px 10px 5px #999;
	     box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #145a00, 0px 10px 5px #999;

}

#container_buttons3{
	width: 250px;
	height: 160px;
	margin: 30px 0px 0px 0px;
	background: url(img/edu/2.jpg) center center ;
	padding: 0px;
	border-radius: 15px 15px 15px 15px;
 -webkit-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #34002e, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #34002e, 0px 10px 5px #999;
	  -o-box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #34002e, 0px 10px 5px #999;
	     box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #34002e, 0px 10px 5px #999;

}



.a_demo_four {
top:140px;
	word-wrap: break-word;
	background-color:#3bb3e0;
	
	font-size:14px;
	text-decoration:none;
	color: white;
	position:relative;
	padding:15px 15px;
	padding-right:50px;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785;
}

.a_demo_four:active {
	top:143px;
	-webkit-box-shadow: 0px 2px 0px 0px #156785, 0px 5px 3px #156785 inset;
	-moz-box-shadow:  0px 2px 0px 0px #156785, 0px 5px 3px #156785 inset;
	-o-box-shadow: 0px 2px 0px 0px #156785, 0px 5px 3px #156785 inset;
	box-shadow: 0px 2px 0px 0px #156785, 0px 5px 3px #156785 inset;
}

.a_demo_four::before {
	background-color: #0095cd;
	background-image:url(img/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:20px;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.a_demo_four:active::before {
	top:20px;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}

.a_demo_four2 {
top:140px;
	word-wrap: break-word;
	background-color: #43b000;
	
	font-size:14px;
	text-decoration:none;
	color: white;
	position:relative;
	padding:15px 15px;
	padding-right:50px;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 1px 0px #43b000, 0px 5px 0px 0px #145a00;
	-moz-box-shadow: inset 0px 1px 0px #43b000, 0px 5px 0px 0px #145a00e;
	-o-box-shadow: inset 0px 1px 0px #43b000, 0px 5px 0px 0px #145a00;
	box-shadow: inset 0px 1px 0px #43b000, 0px 5px 0px 0px #145a00;
}

.a_demo_four2:active {
	top:143px;
	-webkit-box-shadow: 0px 2px 0px 0px #145a00, 0px 5px 3px #145a00 inset;
	-moz-box-shadow:  0px 2px 0px 0px #145a00, 0px 5px 3px #145a00 inset;
	-o-box-shadow: 0px 2px 0px 0px #145a00, 0px 5px 3px #145a00 inset;
	box-shadow: 0px 2px 0px 0px #145a00, 0px 5px 3px #145a00 inset;
}

.a_demo_four2::before {
	background-color: #145a00;
	background-image:url(img/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:20px;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #092700, 0px 1px 0px #145a00;
	-moz-box-shadow: inset 0px 1px 0px #092700, 0px 1px 0px #145a00;
	-o-box-shadow: inset 0px 1px 0px #092700, 0px 1px 0px #145a00;
	box-shadow: inset 0px 1px 0px #092700, 0px 1px 0px #145a00;
}

.a_demo_four2:active::before {
	top:20px;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #145a00, 0px 3px 0px #092700, 0px 6px 3px #145a00;
	-moz-box-shadow: inset 0px 1px 0px #145a00, 0px 3px 0px #092700, 0px 6px 3px #145a00;
	-o-box-shadow: inset 0px 1px 0px #145a00 0px 3px 0px #092700, 0px 6px 3px #145a00;
	box-shadow: inset 0px 1px 0px #145a00, 0px 3px 0px #092700, 0px 6px 3px #145a00;
}

.a_demo_four3 {
top:140px;
	word-wrap: break-word;
	background-color: #89006c;
	
	font-size:14px;
	text-decoration:none;
	color: white;
	position:relative;
	padding:15px 15px;
	padding-right:50px;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 1px 0px #89006c, 0px 5px 0px 0px #34002e;
	-moz-box-shadow: inset 0px 1px 0px #89006c, 0px 5px 0px 0px #34002e;
	-o-box-shadow: inset 0px 1px 0px #89006c, 0px 5px 0px 0px #34002e;
	box-shadow: inset 0px 1px 0px #89006c, 0px 5px 0px 0px #34002e;
}

.a_demo_four3:active {
	top:143px;
	-webkit-box-shadow: 0px 2px 0px 0px #34002e, 0px 5px 3px #34002e inset;
	-moz-box-shadow:  0px 2px 0px 0px #34002e, 0px 5px 3px #34002e inset;
	-o-box-shadow: 0px 2px 0px 0px #34002e, 0px 5px 3px #34002e inset;
	box-shadow: 0px 2px 0px 0px #34002e, 0px 5px 3px #34002e inset;
}

.a_demo_four3::before {
	background-color: #34002e;
	background-image:url(img/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:20px;
	margin-top:-9px;
	-webkit-border-radius: 50%;http://cresint.nl/pages.php#
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #0e000c, 0px 1px 0px #34002e;
	-moz-box-shadow: inset 0px 1px 0px #0e000c, 0px 1px 0px #34002e;
	-o-box-shadow: inset 0px 1px 0px #0e000c, 0px 1px 0px #34002e;
	box-shadow: inset 0px 1px 0px #0e000c, 0px 1px 0px #34002e;
}

.a_demo_four3:active::before {
	top:20px;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #34002e, 0px 3px 0px #34002e, 0px 6px 3px #34002e;
	-moz-box-shadow: inset 0px 1px 0px #34002e, 0px 3px 0px #34002e, 0px 6px 3px #34002e;
	-o-box-shadow: inset 0px 1px 0px #34002e, 0px 3px 0px #34002e, 0px 6px 3px #34002e;
	box-shadow: inset 0px 1px 0px #34002e, 0px 3px 0px #34002e, 0px 6px 3px #34002e;
}