/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
	height: 100%;}

body {
	font: 62.5% Tahoma, Verdana, Arial, sans-serif;
	color: #525151;
	background: #fff;}

select, input, textarea {
	font: 100% Tahoma, Verdana, Arial, sans-serif;
	color: #525151;}

a {
	color: #00559c;
	text-decoration: underline;
	outline: none;}
a:hover {
	text-decoration: none;}
a:focus {
	outline: none;}

a img {
	border: none;}

form {
	padding: 0;
	margin: 0;}

input:focus, select:focus, textarea:focus {
	outline: none;}

td, th {
	font-weight: normal;
	text-align: left;}

p {
	margin: 0;
	padding: 0 0 1.1em;}

h1 {
	margin: 0;
	font-size: 300%;}

h2 {
	margin: 0;
	font-size: 180%;
	font-weight: normal;}
	
h3 {
	margin: 0;
	font-size: 160%;
	font-weight: normal;}
	
h4 {
	margin: 0;
	font-size: 120%;
	font-weight: normal;}
	
h5 {
	margin: 0;
	font-size: 110%;
	font-weight: normal;}
	
h6{
	margin: 0;
	font-size: 100%;
	font-weight: normal;}


/* ------------------------- */


/* LAYOUT */

#global {
	width: 944px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;}

#header {
	position: relative;
	height: 140px;}

#flash {
	width: 944px;
	margin: 0 auto;
	height: 250px;
	padding: 0 0 24px;}

#page {
	padding: 16px 28px 100px;}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 99px;}

#content {
	padding: 44px 0 40px;}


/* ----------------------------- */


/* HEADER */

#logo {
	position: absolute;
	left: 0;
	top: 43px;}

#slogan {
	position: absolute;
	left: 384px;
	top: 48px;
	border-left: 1px solid #acacac;
	font-size: 210%;
	color: #dc1d14;
	line-height: 1.0;
	padding: 0 0 2px 34px;
	z-index: 3;
	width: 300px;}

#hcontact {
	width: 200px;
	position: absolute;
	right: 20px;
	top: 40px;
	line-height: 1.0;}

#hcontact a {
	font-size: 110%;}
#hcontact span {
	font-size: 190%;
	color: #086ab3;}
#hcontact strong {
	font-size: 250%;
	color: #005098;
	white-space: nowrap;}
#hcontact em {
	position: relative;
	top: -4px;
	font-style: normal;
	color: #6c6c6c;
	font-size: 140%;
	white-space: nowrap;}

/* ----------------------------- */


/* TOP MENU */

#topmenu {
	width: 100%;
	border-collapse: collapse;}

.menu {
	width: 262px;
	padding: 0;
	border-right: 1px solid #e5231a;}
.menu ul {
	margin: 0;
	padding: 2px 12px 3px 0;
	list-style: none;
	font-size: 140%;
	font-weight: bold;}
.menu ul li {
	position: relative;
	padding: 5px 0 6px;}
.ma a {
	color: #e5231a;}
.ma ins {
	position: absolute;
	right: -18px;
	top: 0.7em;
	display: block;
	width: 6px;
	height: 11px;
	background: url(../images/mlist-a.gif) no-repeat 0 0;
	overflow: hidden;
	text-decoration: none;}

.ss-menu {
	padding: 0;}
.ss-menu ul {
	margin: 0;
	padding: 0 0 0 54px;
	list-style: none;}
.ss-menu ul li h1 {
	line-height: 1.0;
	font-size: 380%;
	font-weight: normal;
	color: #e5231a;
	margin: 0 0 0 -3px;}
.ss-menu ul li.sma {
	padding: 2px 0 4px;}
.ss-menu ul li {
	padding: 2px 0 4px;}
.ss-menu ul li a {
	font-size: 130%;
	font-weight: bold;}

.smbn {
	padding: 0;
	width: 286px;}


/* ------------------------------- */


/* LEFTCOL */

#leftcol {
	width: 282px;
	margin: 0 0 40px -20px;
	position: relative;
	float: left;}

#leftcol .ibt {
	padding: 70px 0 0 136px;
	height: 85px;}
#leftcol .ibt2 {
	padding: 85px 0 0 114px;
	height: 106px;}
#leftcol .ibt3 {
	padding: 70px 0 0 160px;
	height: 85px;}


/* --------------------------- */


/* INDEX PAGE */

.ibott {
	background: url(../images/bg-bn.jpg) no-repeat 0 bottom;
	border-bottom: 1px solid #c5c4c3;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	color: #00559c;}

.ibt, .ibt2, .ibt3 {
	height: 106px;}
.ibt {
	background: url(../images/ib-sertificat.png) no-repeat 20px bottom;
	padding: 49px 0 0 136px;}
.ibt2 {
	background: url(../images/ib-partner.jpg) no-repeat 18px bottom;
	padding: 49px 0 0 114px;}
.ibt3 {
	background: url(../images/ib-quality.png) no-repeat 20px bottom;
	padding: 49px 0 0 160px;}

.ibt2 a {
	color: #dc1d14;}

#index-left {
	float: left;
	width: 260px;}

.ileftmenu {
	margin: 0;
	padding: 20px 0 24px;
	list-style: none;
	font-size: 140%;}
.ileftmenu li {
	padding: 0 0 8px;
	font-weight: bold;}

#index {
	padding: 0 0 16px 10px;
	float: left;
	width: 618px;}

.itxt h1 {
	font: bold 28px/1.0 Arial, Helvetica, sans-serif;
	padding: 2px 0 10px;
	color: #dc1d14;}
.itxt {
	font-size: 130%;
	line-height: 1.4;
	color: #474747;
	padding: 0 180px 0 0;
	background: url(../images/madein.png) no-repeat right 0;}


/* -------------------------------*/


/* CONTENT */

#rightcol {
	width: 570px;
	float: left;
	padding: 0 0 0 56px;}


.dlist {
	overflow: hidden;
	padding: 0 0 24px;} 

.ditem {
	float: left;
	width: 260px;
	padding: 0 25px 0 0;}

.dpix {
	float: left;}

.ddett {
	margin: 0 0 0 96px;
	line-height: 1.4;
	font-size: 130%;}
.ddett h4 {
	padding: 0 0 1.2em;
	font-size: 100%;
	font-weight: bold;}

.txt {
	font-size: 130%;
	line-height: 1.4;}
.txt p {
	padding: 0 0 1.2em;}
.txt ul {
	margin: 0 0 0 14px;
	padding: 0 0 1.2em;
	list-style-position: outside;
	list-style: disc;}
.txt h1 {
	line-height: 1.0;
	font-size: 290%;
	font-weight: normal;
	color: #e5231a;
	margin: 0 0 0 -3px;
	padding: 0 0 0.8em;}
.txt h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 1.1em;}
.txt table td {
	vertical-align: top;}

.pix, .pix2 {
	border: 1px solid #c5c4c3;
	padding: 1px;
	background: #fff;}
.pix {
	margin: 0 0 16px 20px;}
.pix2 {
	margin: 0 28px 16px 0;}

.pixno {
	margin: 0 0 16px 20px;}

.itemdet {
	width: 100%;
	border-collapse: collapse;}
.itemdet td {
	padding: 0;
	vertical-align: top;}
.itemdet th {
	width: 100%;
	padding: 0 20px 0 0;
	vertical-align: top;}

.p-nav {
	padding: 0 0 24px;
	overflow: hidden;
	color: #00559c;
	font-size: 100%;}

.gamma {
	padding: 0 0 12px;}
.gamma h4 {
	font-size: 130%;
	padding: 0 0 1.2em;
	font-weight: bold;}
.gamma table {
	border-collapse: collapse;
	width: auto;}
.gamma table td {
	width: 80px;
	vertical-align: top;
	padding: 0 8px 12px 0;
	font-size: 110%;}
.gamma table td p {
	padding: 6px 1px;}

.brd {
	border: 1px solid #cecece;}

.zoom, .zoom2 {
	padding: 4px 0 16px 34px !important;
	font-size: 11px;
	background: url(../images/zoom.gif) no-repeat 0 0;}
.zoom2 {
	margin: 0 0 0 22px;}

.prlist {
	width: 100%;}
.prlist td {
	vertical-align: top;
	padding: 0 0 12px;
	width: 100%;}
.prlist th {
	padding: 4px 12px 20px 0;
	text-align: center;
	vertical-align: top;}

/* ---------------------------- */


/* FOOTER */

.ff {
	border-top: 1px solid #c5c5c4;
	margin: 0 28px;}
.ff2 {
	border-top: 1px solid #fff;
	margin: 0 28px;}

.fcol, .fcol2 {
	width: 276px;
	float: left;}
.fcol2 {
	padding: 0 30px;}

.fsearch {
	padding: 38px 0 0;
	font-size: 110%;}
.fsearch input {
	float: left;}

#insearch {
	padding: 1px 2px;
	margin: 0 8px 0 0;
	width: 200px;}
#bsearch {
	width: 60px;}

.copy {
	padding: 34px 0 0 114px;
	font-size: 110%;
	color: #868686;
	line-height: 1.3;}

.dev {
	color: #868686;
	line-height: 1.3;
	font-size: 110%;
	padding: 34px 0 0 22px;}
.dev a {
	color: #868686;}


/* --------------------------- */


/* Other Classes */

.blue {
	color: #00559c;}

.red {
	color: #e31c13;}

.ch {
	overflow: hidden;}

.dnone {
	display: none;}

.dblock {
	display: block;}

.fw {
	float: left;
	width: 100%;}

.f-left {
	float: left;}

.f-right {
	float: right;}

.ta-r {
	text-align: right;}

.ta-l {
	text-align: left;}

.ta-c {
	text-align: center;}

.va-t {
	vertical-align: top;}

.va-b {
	vertical-align: bottom;}

.va-m {
	vertical-align: middle;}

.tb {
	width: 100%;
	border-collapse: collapse;}

.tb2 {
	width: auto;
	border-collapse: collapse;}

.f1 {
	font-size: 110%;}

.f2 {
	font-size: 120%;}

.f3 {
	font-size: 130%;}

.f4 {
	font-size: 140%;}

.fd {
	font-size: 100%;}
	
.rell {
	position: relative;}
 
.pd0 {
	padding: 0;}

.clr {
	background: none !important;
	clear: both;
	float: none !important;
	font-size: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	visibility: hidden !important;}