html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display:block }

body {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: .875em;
	font-weight:lighter;
	line-height: 1.35em;
	color:#525252;
	/*background:#f7f7f7;*/
}

ol,
ul { list-style:none; }

table {
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0;
}

/* #Basic and Typography Styles */
/*---------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#000 !important;
	text-rendering:optimizelegibility;
	font-family: "KievitWeb", "Arial";
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight:inherit; }

h1 {
	font-size:55px;
	margin:0;
	line-height:normal;
	font-weight:bold;
}

h2 {
	font-size:18px;
	line-height:30px;
	margin-bottom:5px;
}

h3 {
	font-size:21px;
	line-height:25px;
	margin-bottom:8px;
}

h4 {
	font-size:18px;
	line-height:22px;
	margin-bottom:8px;
}

h5 {
	font-size:16px;
	line-height:20px;
	margin-bottom:4px;
}

h6 {
	font-size:14px;
	line-height:18px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p { word-wrap:break-word; }

p {
	margin: 0 0 20px 0;
	line-height:19px;
}

p img {
	margin:0;
	outline:0;
}
.align-just{text-align:justify;}

p.first:first-letter { font-size:200%; }

em { font-style:italic; }

strong { font-weight: bold; }

small { font-size:75%; }

sub,
sup {
	font-size:70%;
	line-height:0;
	position:relative;
}

sub { bottom:-2px; }

sup { top:-3px; }

.fontstrong { font-weight:bold; }

a,
a:visited {
	color:#0c66d6;
	text-decoration:underline;
	outline:0;
	cursor: pointer;
	text-decoration: none;
}

a:hover,
a:focus { text-decoration:;
}

.clr { clear:both }

img {
	max-width:100%;
	height:auto;
}

body { overflow-y:scroll;}

.wrapper-main { margin:10px auto; padding:0 40px; }

.wrapper {
	display:table;
	width:100%;
	table-layout:fixed;
	list-style-type:none;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0
}

.box1{	border-radius: 6px;	padding:10px 20px; margin-bottom:15px; border:solid 1px #e7e7e7;}
.box1 p{ margin-bottom:0; text-align:justify;}
.box1 { background-color: #f8f8f8; }

.box1:hover { background-color: #eef7ff; }

.boxh{ min-height:170px;}


.poste_box {min-height: 60px; margin-top:5px; border-radius: 6px; padding:0 0 0 10px; margin-bottom:15px; border:solid 1px #e7e7e7; background-color: #f8f8f8;}

.poste_box .imgs {
width: 60px;
float: left;
}
.poste_box .text {
float: left;
margin: 10px 0 0 10px;
}

.img-margin{ margin:0 20px 20px 0}

.logoalign { margin:0 0 5px 10px; padding:0 }

.MMM-Grid-3box,
.MMM-Grid-01,
.MMM-Grid-02,
.MMM-Grid-03,
.MMM-Grid-04,
.MMM-Grid-05,
.MMM-Grid-06,
.MMM-Grid-07,
.MMM-Grid-08,
.MMM-Grid-09,
.MMM-Grid-10,
.MMM-Grid-11,
.MMM-Grid-12,
.MMM-Grid-13,
.MMM-Grid-14,
.MMM-Grid-15,
.MMM-Grid-16 {
	float:left;
	margin:0
}

.MMM-Grid-3box { width:33.33333333333333% }

.MMM-Grid-01 { width:6.25%; }

.MMM-Grid-02 { width:12.5%; }

.MMM-Grid-03 { width:18.75%; }

.MMM-Grid-04 { width:25%; }

.MMM-Grid-05 { width:31.25%; }

.MMM-Grid-06 { width:37.5%; }

.MMM-Grid-07 { width:43.75%; }

.MMM-Grid-08 { width:50%; }

.MMM-Grid-09 { width:56.25%; }

.MMM-Grid-10 { width:62.5%; }

.MMM-Grid-11 { width:68.75%; }

.MMM-Grid-12 { width:75%; }

.MMM-Grid-13 { width:81.25%; }

.MMM-Grid-14 { width:87.5%; }

.MMM-Grid-15 { width:93.75%; }

.MMM-Grid-16 { width:100%; }

.nort { p.width:20px; }

.padding { padding:20px; }

.paddingleft20 { padding-left:20px; }
.paddingright20 { padding-right:20px; }

.paddingleft10 { padding-left:10px; }

.padding510 { padding:5px 10px; }

.padding520 { padding:5px 20px; }

.margintop5 { margin-top:5px; }

.margintop10 { margin-top:10px; }

.margintop20 { margin-top:20px; }

.marginbottom20 { margin-bottom:20px; }

.margin0 { margin:0; }

.margin020{ margin:0 20px}

.hline { border-bottom:dashed 1px #CCC }

.textaligncenter { text-align:center; }

.textalignleft { text-align:left; }

.textalignright { text-align:right; }

.font18 { font-size:18px; }

.font20 { font-size:20px; }

.font25 { font-size:25px; }

.font25 { font-size:25px; }

.font30 { font-size:30px; height:20px; }

.font40 { font-size:40px; }




.buynowtext {
	font-size:14px;
	margin-top:20px;
	text-decoration:underline
}

.column li {
	padding-left:18px;
	padding-bottom:3px;
	background:url("../images/arrow.png") no-repeat 0 0
}

.imgmargin { margin:30px }

.footer {
	background:url(../images/footer-big.png) center top no-repeat;
	border-top:solid 1px #d4d4d4;
	margin:0 20px;
}

/*#shadow { padding-bottom:10px; border-bottom:#D3D8DA 1px solid;
box-shadow:0 5px 25px rgba(0, 0, 0, .1) }
*/

/**********************************/

.callout {
	text-align: center;
	display: block;
	border-bottom: 1px solid #dadada;
	font-size: 26px;
	font-weight: 300;
	color: #4d5356;
	line-height: 32px;
	margin-bottom: 50px;
	padding: 30px 0;
}

.callout span { color: #2a93d8; }

ol > li {
	position:relative;
	margin:0 0 15px 1.5em;
	padding:4px 8px;
	list-style:none;
}

ol > li:before {
	content:counter(li)"."; /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	position:absolute;
	top:2px;
	left:-1.5em;
	width:1.5em;
	margin-right:8px;
	padding:4px;
	color:#2a93d8;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
}

li ol,
li ul { margin-top:6px; }

ol ol li:last-child { margin-bottom:0; }

/***********Tab***************/

#tabmenu {
	width: auto;
	margin: 10px;
	min-height:350px;
	background:url(../images/tabs.png) top right no-repeat;
}

#tabmenu li a {
	voice-family: inherit;
	text-decoration: none;
	padding:16px 10px;
	display: block;
	font-size:16px;
	color:#000;
	background:url(../images/tabeline.png) no-repeat left bottom;
}

#tabmenu li a.active {
	color: #FFF;
	background:url(../images/tabe-arrow.png) top right no-repeat;
	padding:16px 10px;
}

#tabmenu li a:hover {
	color: #FFF;
	background:url(../images/tabe-arrow.png) top right no-repeat;
	padding:16px 10px;
}

#tabmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/***********Tab***************/


.display{float:left; margin-right:10px;}
.da{  width:16px; padding:0 6px; margin-right:5px; background:url(../images/language_icons.png)0 3px no-repeat; } 
.zh{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-16px 3px no-repeat; } 
.us{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-32px 3px no-repeat; } 
.ko{  width:16px; padding:0 6px; margin-right:5px; background:url(../images/language_icons.png)-48px 3px no-repeat; } 
.jp{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-64px 3px no-repeat; } 
.it{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-78px 3px no-repeat; } 
.fr{  width:16px; padding:0 6px; margin-right:5px; background:url(../images/language_icons.png)-95px 3px no-repeat; } 
.es{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-112px 3px no-repeat; } 
.de{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-126px 3px no-repeat; } 
.nl{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-142px 3px no-repeat; } 
.pt{ width:16px; padding:0 6px;  margin-right:5px; background:url(../images/language_icons.png)-158px 3px no-repeat; } 




/******breadcrumbs*****/


.breadcrumbs {
	margin:10px 0px 0 0px;
		background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

/* */
	ul#breadcrumbs {
	overflow: hidden;
	list-style: none;
	padding: 1px;
}

ul#breadcrumbs li:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul#breadcrumbs li:last-child {
	/*-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px*/
}

ul#breadcrumbs li {
	float: left;
	margin: 0;
	position: relative;
	/* Gradient */
		background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
 ul#breadcrumbs li span:not(.arrow) {
 display: table;
 padding:6px;
 padding-right: 14px;
 padding-left: 37px;
}
 ul#breadcrumbs li:first-child span:not(.arrow) {
 padding-left: 17px;
}
 ul#breadcrumbs li:last-child span:not(.arrow) {
 display: table;
 padding:6px;
 padding-left: 37px;
}

ul#breadcrumbs li .arrow {
	position: absolute;
	top: 0;
	right: -30px;
	display: block;
	background: url(../images/light-arrow.png) no-repeat left top;
	width: 23px;
	height:32px;
	z-index: 5;
}

ul#breadcrumbs li a {
	color: #000;
	
}

/* Mouse Events */
		ul#breadcrumbs li:hover {
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%, #e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%, #e1e1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%, #e1e1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9e9e9 0%, #e1e1e1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e1e1e1', GradientType=0 ); /* IE6-9 */
}

ul#breadcrumbs li:active {
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dbdbdb 0%, #d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dbdbdb 0%, #d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#d3d3d3', GradientType=0 ); /* IE6-9 */
}

ul#breadcrumbs li:hover .arrow { background: url(../images/light-arrow.png) no-repeat left center; }

ul#breadcrumbs li:active .arrow { background: url(../images/light-arrow.png) no-repeat left bottom; }

ul#breadcrumbs li:last-child { background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%, #efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
 }
 

/* HTML SITEMAP */

/* --- tree-5 --- */
#sitemap{ padding-bottom:65px;}
#sitemap h3{ padding-bottom:5px; margin-bottom:0; border-bottom:dotted 1px #bababa;}

ul.sitemap-menu, ul.sitemap-menu ul {
 list-style-type: none;
 background:url(../images/linev1.png) repeat-y;
 margin: 0;
 padding: 0;
 margin-left:5px;
 font-size:13px;
}

ul.sitemap-menu ul {
 margin-left:15px;
}

ul.sitemap-menu li {
 margin: 0;
 padding: 0 12px;
 line-height: 20px;
 background: url(../images/linev2.png) no-repeat;
}

ul.sitemap-menu li.last {
 background:#ffffff url(../images/lastline.png) no-repeat;
}

ul.sitemap-menu li.marb { margin-bottom:20px !important;}

ul.sitemap-menu li a {color:#000; text-decoration:none;}

ul.sitemap-menu li a:hover {color:#0c66d6; text-decoration:underline;}




.entry ul, .entry ol {margin: 7px 0px; padding: 10px 20px 10px 30px; border-left: 3px solid #eee; background: #f9f9f9; color: #555; font-size: 13px; line-height: 18px;}
.entry ul ul, .entry ol ol, .entry ol ul, .entry ul ol {margin: 7px 0px 0px 0px; padding: 5px 20px 5px 30px; border: 1px solid #eee; border-left: 3px solid #eee; border-bottom: none; background: #f6f6f6; list-style:none !important;}
.entry li {margin: 7px 0px; padding: 0px; border-bottom: 1px solid #eee; list-style:none !important;}
.entry li li {border-bottom: none; list-style:none !important;}
.entry li a	 {color: #1f355f;}

.entry ul li{list-style:none !important; background:none;}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width:220px) and (max-width:680px) {
	.imgmargin { margin:20px 0;}
 .hide-mobile {
	 display:none !important;
 }
 
.wrapper-main { margin:10px 0; padding:0;}


.MMM-Grid-3box, .MMM-Grid-01, .MMM-Grid-02, .MMM-Grid-03, .MMM-Grid-04, .MMM-Grid-05, .MMM-Grid-06, .MMM-Grid-07, .MMM-Grid-08, .MMM-Grid-09, .MMM-Grid-10, .MMM-Grid-11, .MMM-Grid-12, .MMM-Grid-13, .MMM-Grid-14, .MMM-Grid-15, .MMM-Grid-16 {
width:100%;
}
 .logoalign {
text-align:center;
}
 .balloon {
display:none
}
 #sequence .info {
width:100%;
right: 0%;
 line-height: 1.2em;
 top:5px;
}
 #tabmenu {
 width: auto;
 margin: 10px;
 min-height: inherit;

}

#awards {
	
	margin:15px 0; 
	padding:10px; 
	border-bottom:dashed 1px #CCC; 
	border-top:dashed 1px #CCC;
}

#tabmenu li a.active {
	color: #FFF;
	background:url(../images/tabe-arrow.png) top right no-repeat !important;
	padding:16px 10px;
}

#tabmenu li a:hover {
	color: #FFF;
	background:url(../images/tabe-arrow.png) top right no-repeat !important;
	padding:16px 10px;
}

 #tabmenu li a {
 voice-family: inherit;
 text-decoration: none;
 padding:16px 10px;
 display: block;
 font-size:16px;
 color:#000;
background:url(../images/tabeline.png) no-repeat left bottom;
}
}


/* Desktops and laptops ----------- */






@media screen and (max-width:768px) {
.wrapper-main { margin:10px 0; padding:0; }
.MMM-Grid-3box, .MMM-Grid-01, .MMM-Grid-02, .MMM-Grid-03, .MMM-Grid-04, .MMM-Grid-05, .MMM-Grid-06, .MMM-Grid-07, .MMM-Grid-08, .MMM-Grid-09, .MMM-Grid-10, .MMM-Grid-11, .MMM-Grid-12, .MMM-Grid-13, .MMM-Grid-14, .MMM-Grid-15, .MMM-Grid-16 {
width:100%;
}



	
	}







/* max-width */
@media screen and (max-width: 600px) {
body {
		/*background: #f00;*/
	}
	
	
.wrapper-main { margin:10px 0; padding:0; }
.MMM-Grid-3box, .MMM-Grid-01, .MMM-Grid-02, .MMM-Grid-03, .MMM-Grid-04, .MMM-Grid-05, .MMM-Grid-06, .MMM-Grid-07, .MMM-Grid-08, .MMM-Grid-09, .MMM-Grid-10, .MMM-Grid-11, .MMM-Grid-12, .MMM-Grid-13, .MMM-Grid-14, .MMM-Grid-15, .MMM-Grid-16 {
width:100%;
}

#nav a {
	display: inline-block;
	padding:15px 10px;
	color: #fff;
	border-left: 1px solid #1f77e6;
	font-size:14px;
	text-decoration:none;
}
}

/* min-width */
@media screen and (min-width: 900px) {
body {
	/*	background:#93F;*/
	}
	
	#nav a {
	display: inline-block;
	padding:15px 30px !important;
	color: #fff;
	border-left: 1px solid #1f77e6;
	font-size:14px;
	text-decoration:none;
}

#nav li.download a {
	padding-left: 36px;
	padding:7px 30px 7px 60px !important;}
	
#nav li.buy a {
	padding-left: 36px;
	padding:7px 30px 7px 60px !important;}
	
}

/* min-width & max-width */
@media screen and (min-width:900px) and (max-width:1200px) {
body {
		/*background:#ccc;*/
	}
	
	#nav a {
	display: inline-block;
	padding:15px 15px !important;
	color: #fff;
	border-left: 1px solid #1f77e6;
	font-size:14px;
	text-decoration:none;
}

#nav li.download a {
	padding-left: 36px;
	padding:7px 30px 7px 60px !important;}
	
#nav li.buy a {
	padding-left: 36px;
	padding:7px 30px 7px 60px !important;}
	

}

/* max device width */
@media screen and (max-device-width: 480px) {
body {
		/*background: #70c30f;*/
	}
}
