@import "reset.css";
html{
	font-size:100.01%;
	font-family:"Trebuchet MS", "Tahoma";
	height: 100%; 
	}
body{
	color:#455055;
	font-size:0.88em;
	background:#f7f8fa;
	height: 100%; 	
	}
a{
	color:#48acda;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}	
.container{
	padding:0 0 14px;
	height: 100%; 
	min-width:900px;
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900) ? "900px" : "100%"); 
	}	
/*header*/	
.header{
	padding:14px 0 15px 0;
	position:relative;	
	}
#inner .header{
	padding-bottom:65px;
	background:url(./i/images/image_1.jpg) no-repeat 31% 0;
	}
.sub-links{
	padding-bottom:36px;
	}
.lang{
	color:#000000;
	font-size:0.71em;
	float:left;
	width:6%;
	margin-left:6%;
	padding-left:14px;
	}
.lang li{
	float:left;
	margin-right:9px;
	}
#main .header .links{
	position:relative;	
	font-size:0.71em;
	margin-left:169px;
	}
#main .header .links div{
	position:absolute;
	left:31%;
	width:69%;	
	}
#main .header .links div ul{
	position:relative;
	width:37%;
	padding:0 23% 0 40%;
	z-index:10;
	}
#inner .header .links{
	position:relative;	
	font-size:0.71em;
	}
#inner .header .links div{
	position:absolute;
	top:0;
	left:42%;
	width:58%;
	}
#inner .header .links div ul{
	position:relative;
	left:-10px;
	width:40%;
	padding:0 23% 0 37%;
	}
.header .links li a{
	color:#455055;
	padding:0 2px;
	}
.header .links a.sign{
	color:#48acda;
	padding-left:16px;
	background:url(./i/backgrounds/sign.gif) no-repeat 0 5px;
	}	
.site-map{
	float:right;
	width:13%;	
	font-size:0.71em;
	color:#455055;
	position:relative;
	z-index:100;
	}
	
#main .header .phone{
	position:relative;	
	font-size:0.71em;
	margin-left:169px;
	}
#main .header .phone div{
	position:absolute;
	top:46px;
	left:31%;
	width:69%;	
	}
#main .header .phone div ul{
	position:relative;
	width:37%;
	padding:0 23% 0 40%;
	line-height:1.4;
	}	
#inner .header .phone{
	position:relative;	
	font-size:0.71em;
	}
#inner .header .phone div{
	position:absolute;
	top:46px;
	left:42%;
	width:58%;
	}
#inner .header .phone div ul{
	position:relative;
	left:-11px;
	width:40%;
	padding:0 23% 0 37%;
	line-height:1.4;
	}
.header .phone div ul li{
	padding-left:14px;
	color:#838b8e;
	white-space:nowrap;
	}	
.header .phone li span{	
	font-size:1.29em;
	font-weight:bold;
	}		
.logo{
	float:left;
	width:13%;	
	margin-left:6%;
	}
.slogan{
	float:left;
	width:40%;	
	padding-left:6%;
	position:relative;
	z-index:100;	
	}
.slogan  img{
	padding-top:101px;
	}
.slogan  a{
	display:block;
	position:absolute;
	top:144px;
	background:url(i/backgrounds/blank.gif);
	}
.slogan .patents{
	width:100px;
	height:23px;
	left:13%;
	}
.slogan .brand{
	width:194px;
	height:23px;
	left:124px;
	margin-left:13%;
	}
.slogan  p{
	color:#68c737;
	font-size:1.71em;
	margin:85px 0 0 3px;
	line-height:1.2;
	}
#inner .slogan  a{
	font-size:0.71em;
	margin:26px 0 0 3px;
	}	
/* search */
.search-wrrap{
	position:relative;
	}
#search {
	position:absolute;
	top:-114px;	
	left:0;
	line-height:1.2;		
	}
#search form{
	position:relative;
	left:-10px;
	width:38%;
	padding:0 25% 0 37%;	
	}	
/* Opera 9 */
@media all and (min-width:0px) {
	#search {
	position:absolute;
	top:-114px;	
	left:0;
	margin-left:0;
	line-height:1.2;
	width:60%;
	}
	#search form{
	position:relative;
	left:-10px;
	width:100%;
	}
	#search fieldset{
	width:65%;
	padding:0 0 0 24%;
	}
	#inner #search fieldset{
	width:100%;
	padding:0 0 0 0%;
	}

}
html:not([lang*=""]):not(:only-child) #search {
	width:58%;
	}
html:not([lang*=""]):not(:only-child) #search form{
	position:relative;
	left:0;
	width:100%;
	}
html:not([lang*=""]):not(:only-child) #search fieldset{
	width:65%;
	padding:0 0 0 24%;
	}
html:not([lang*=""]):not(:only-child) #inner #search fieldset{
	width:100%;
	padding:0 0 0 0%;
	}

#inner #search {
	position:absolute;
	top:-114px;
	left:42%;	
	}
#inner #search form{
	left:0;
	padding:0 45% 0 7%;
	position:relative;
	width:47%;
	}
#search fieldset {
	}
#search label {
	color:#7e898e;
	font-size:0.71em;
	display:block;
	padding:0 0 10px 12px;
	}
#search p{
	float:left;
	width:143px;
	height:27px;	
	background:url(./i/backgrounds/search-text.gif) no-repeat;
	}
#search-text{	
	width:130px;
	color:#878788;
	font-size:0.86em;
	padding:5px 0 0 0;
	margin-left:9px;
	vertical-align:middle;
	border:none;
	background:none;
	}
#search-button {	
	height:27px;
	text-align:left;
	cursor:pointer;
	vertical-align:middle;
	}
#search span {
	color:#7e898e;
	display:block;
	font-size:0.71em;
	padding:0 0 0 12px;
	}
/*wrapper*/
.wrapper{
	position:relative;
	}
/*navigation*/
.navigation{
	float:left;
	width:20%;
	line-height:1.6;
	padding-top:4px;
	position:relative;
	z-index:120;
	}
.navigation ul li{
	clear:both;
	}
.navigation ul a{
	display:block;
	float:left;
	color:#ffffff;
	font-size:0.86em;
	padding:1px 7px 0 17%;
	margin:2px 0;
	background:url(./i/backgrounds/nav_a.png) repeat;
	}
.navigation ul a:hover, .navigation ul li.active a{
	text-decoration:underline;
	background:url(./i/backgrounds/nav_a_hover.png) repeat;
	}
.navigation ul ul{
	padding-bottom:12px;
	}
.navigation ul ul a{
	color:#48acda;
	background:none !important;
	}	
.navigation ul ul a:hover{
	text-decoration:none;
	}	
.navigation ul ul li.active a{
	color:#455055;
	text-decoration:none;
	}
.map-links{
	position:absolute;
	top:0;
	left:30%;
	margin-left:-354px;
	width:60%;
	z-index:1;
	}	
.bullet-list{
	z-index:100;
	}
.main-image img{
	position:absolute;
	top:0;
	left:0;	
	z-index:10;
	}
.phone .bulet{
	position:relative;
	margin-left:80px;
	z-index:100;
	cursor:pointer;
	background:url(./i/images/bulet.gif) no-repeat;
	}
.auto .bulet{
	position:relative;
	margin-left:85px;
	z-index:100;
	}
.auto .bulet .bulet{
	margin-left:0;
	width:26px;
	height:26px;
	background:url(./i/images/bulet.gif) no-repeat 50% 50%;
	cursor:pointer;
	top:-10px;
	left:-10px;
	}
.auto .border{
	position:absolute;
	z-index:10;
	}
	
/*bulet AUTO*/
.auto .bulet-1{
	position:absolute;
	top:32px;
	left:207px;	
	}
.auto .bulet-1 .border{
	top:-141px;
	left:-240px;
	width:243px;
	height:141px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.auto .bulet-2{
	position:absolute;
	top:122px;
	left:391px;
	}
.auto .bulet-2 .border{
	top:-56px;
	left:-56px;
	width:56px;
	height:56px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.auto .bulet-3{
	position:absolute;
	top:167px;
	left:195px;
	}
.auto .bulet-3 .border{
	top:-12px;
	left:-251px;
	width:251px;
	height:12px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.auto .bulet-4{
	position:absolute;
	top:179px;
	left:195px;
	}
.auto .bulet-4 .bulet{
	margin-top:20px;
	}
.auto .bulet-4 .border{
	top:0px;
	left:-251px;
	width:251px;
	height:20px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}
.auto .bulet-5{
	position:absolute;
	top:179px;
	left:387px;
	}
.auto .bulet-5 .bulet{
	margin-top:50px;	
	}
.auto .bulet-5 .border{
	left:-60px;
	top:0px;
	width:60px;
	height:50px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}
.auto .bulet-6{
	position:absolute;
	top:179px;
	left:175px;
	}
.auto .bulet-6 .bulet{
	margin-top:50px;
	}
.auto .bulet-6 .border{
	left:-271px;
	top:0;
	width:271px;
	height:50px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}
	
.auto .bulet-7{
	position:absolute;
	top:179px;
	left:392px;
	}
.auto .bulet-7 .bulet{
	margin-top:200px;
	}
.auto .bulet-7 .border{
	left:-54px;
	top:0;
	width:54px;
	height:200px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}
	
.auto .bulet-8{
	position:absolute;
	top:179px;
	left:408px;
	}
.auto .bulet-8 .bulet{
	margin-top:10px;
	}
.auto .bulet-8 .border{
	left:-39px;
	top:0;
	width:39px;
	height:10px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}	
	
.auto .info{
	position:relative;
	z-index:1000;
	top:-2px;
	padding-top:12px;
	background: url(./i/images/bulet.gif) no-repeat;
	}
.auto .info p{
	font-size:0.86em;
	padding:8px 0;	
	}
	
	
/*bulet PHONE*/
.phone .bulet-1{
	position:absolute;
	top:51px;
	left:245px;	
	background:url(./i/images/bulet.gif) no-repeat;
	}
.phone .bulet-1 .bulet{
	width:6px;
	height:6px;
	}
.phone .bulet-1 .border{
	width:215px;
	height:140px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.phone .bulet-1 .info{
	margin-left:215px;
	}
.phone .bulet-2{
	position:absolute;
	top:69px;
	left:286px;
	background:url(./i/images/bulet.gif) no-repeat;
	}
.phone .bulet-2 .bulet{
	width:6px;
	height:6px;	
	}
.phone .bulet-2 .border{
	width:173px;
	height:113px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.phone .bulet-2 .info{
	margin-left:173px;
	}
.phone .bulet-3{
	position:absolute;
	top:114px;
	left:386px;
	background:url(./i/images/bulet.gif) no-repeat;
	}
.phone .bulet-3 .bulet{
	width:6px;
	height:6px;	
	}
.phone .bulet-3 .border{
	width:73px;
	height:68px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.phone .bulet-3 .info{
	margin-left:73px;
	}
.phone .bulet-4{
	position:absolute;
	top:106px;
	left:353px;
	background:url(./i/images/bulet.gif) no-repeat 0 16px;
	}
.phone .bulet-4 .bulet{
	width:6px;
	height:26px;	
	}
.phone .bulet-4 .border{
	width:106px;
	height:56px;
	margin-left:2px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	}
.phone .bulet-4 .info{
	margin-left:106px;
	}
.phone .bulet-5{
	position:absolute;
	top:182px;
	left:335px;
	height:356px;
	background:url(./i/images/bulet.gif) no-repeat 0 170px;
	}
.phone .bulet-5 .bulet{
	width:6px;
	height:6px;	
	overflow:hidden;
	position:relative;
	z-index:1000;
	}
.phone .bulet-5 .border{
	width:124px;
	height:164px;
	margin-left:2px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	}
.phone .bulet-5 .info{
	margin-left:122px;
	margin-top:-165px;
	}
.phone .info{
	position:relative;
	z-index:1200;
	top:-2px;
	width:100%;
	padding-right:8%;
	padding-top:12px;
	background:url(./i/images/bulet.gif) no-repeat;
	}
.phone .info p{
	font-size:0.86em;
	padding:8px 0;	
	position:relative;
	z-index:1200;
	}
/* for script */
#view-nav{
	position:relative;
	z-index:100;
	}
#change-view{
	z-index:10;
	position:absolute;
	top:0;
	left:30%;
	margin-left:-354px;
	width:60%;
	margin-top:179px;
	}
.bulet .content-entry{
	display:none;
	width:100%;
	visibility:hidden;
	position:relative;
	left:0;
	top:0;
	}
.bulet .content-entry .border{
	display:none;
	visibility:hidden;
	}
.auto #change-view .bulet-1,
.auto #change-view .bulet-2,
.auto #change-view .bulet-3,
.auto #change-view .bulet-4,
.auto #change-view .bulet-5,
.auto #change-view .bulet-6,
.auto #change-view .bulet-7,
.auto #change-view .bulet-8{
	top:0;
	left:532px;
	position:absolute;
	width:60%;
	}
.view-bulet-1 .bulet-1  .content-entry,
.view-bulet-2 .bulet-2  .content-entry,
.view-bulet-3 .bulet-3  .content-entry,
.view-bulet-4 .bulet-4  .content-entry,
.view-bulet-5 .bulet-5  .content-entry,
.view-bulet-6 .bulet-6  .content-entry,
.view-bulet-7 .bulet-7  .content-entry,
.view-bulet-8 .bulet-8  .content-entry,
.view-bulet-9 .bulet-9  .content-entry,
.view-bulet-1 .bulet-1  .content-entry .border,
.view-bulet-2 .bulet-2  .content-entry .border,
.view-bulet-3 .bulet-3  .content-entry .border,
.view-bulet-4 .bulet-4  .content-entry .border,
.view-bulet-5 .bulet-5  .content-entry .border,
.view-bulet-6 .bulet-6  .content-entry .border,
.view-bulet-7 .bulet-7  .content-entry .border,
.view-bulet-8 .bulet-8  .content-entry .border,
.view-bulet-9 .bulet-9  .content-entry .border{
	display:block !important;
	visibility:visible !important;
	}
/*content*/
#main .content{
	margin-left:31%;
	line-height:1.2;	
	min-height:450px;
	padding-left:169px;
	}
#inner .content{
	margin-left:31%;
	line-height:1.2;	
	min-height:450px;
	position:relative;
	z-index:130;
	}
.main{
	position:relative;
	z-index:130;
	}
.item{
	width:25%;
	float:left;
	color:#7e898e;
	font-size:0.71em;
	padding-right:12%;
	padding-top:4px;
	}
.last{
	width:21%;
	padding-right:0;
	padding-right:3%;
	}
#inner .last{
	margin-top:-21px;
	}
.arrow{
	position:relative;
	top:4px;
	}
.content p{
	padding:0 0 6px 0;
	}
.last img{
	position:relative;
	left:-5px;
	padding-bottom:8px;
	}	
.last div{
	margin:0 0 87px;
	}	
.text{
	width:65%;
	float:left;
	padding-right:10%;
	padding-top:35px;
	}
.text ul{
	margin-left:15px;
	list-style-type:disc;
	padding:4px 0 10px;
	}	
.text ul li{
	padding:8px 0;
	}	
/*gallery*/
.gallery{	
	margin:10px 20px 0 186px;
	overflow:hidden;
	position:relative;	
	height:83px;
	}
.carousel{
	width:100%;
	}
.carousel .carusel-wrap{
	margin:0 25px;
	overflow:hidden;
	position:relative;	
	height:83px;
	}
.gallery ul{
	margin:0;
	}
.gallery li{
	text-align:center;
	float:left;		
	height:83px;
	width:187px;
	}
.left-arrow{
	position:absolute;
	top:34px;
	left:0;
	height:21px;
	width:21px;
	background:url(./i/images/gallery_arrow_left.gif) no-repeat;
	z-index:900;
	cursor:pointer;
	}
.right-arrow{
	position:absolute;
	top:34px;
	right:0;
	z-index:900;
	height:21px;
	width:21px;
	background:url(./i/images/gallery_arrow_right.gif) no-repeat;
	cursor:pointer;
	}
.content table {
	border-bottom:8px solid #E2E6E8;
	border-collapse:collapse;
	font-size:0.79em;
	}	
.content table th{    
    color:#8a9499;
    padding:15px 17px;
    background:#e2e6e8;    
    }
.content table td{    
    color:#8a9499;
    padding:15px 17px;
    vertical-align:middle;    
    }
.content table.border th{
    border:1px solid #f7f8fa;
    }
.content table.border td{
    border:1px solid #e2e6e8;
    }
/*footer*/
.footer{
	color:#7e898e;
	position:relative;
	padding:110px 0 66px 61px;
	}
.footer ul{
	font-size:0.86em;
	position:absolute;
	top:111px;
	left:284px;
	line-height:1.2;
	}
.psyho{
	position:absolute;
	top:102px;
	right:0;
	}
/*form*/
#MB_content form,
.form-wrap{
	padding:17px 59px;
	}
.form{
	position:absolute;
	top:0;
	left:0;
	z-index:1200;
	width:100%;
	height:100%;
	display:table;
	background:url(./i/backgrounds/form.png) repeat;
	}
.form-inner{
	display:table-cell;
	vertical-align:middle;
	}
.v-align{
	width:332px;
	margin:0 auto;
	padding:17px 59px;
	position:relative;
	background:#fff;
	}
.form img,
img.form-visual{
	position:absolute;
	top:50%;
	left:-38px;
	margin-top:-40px;
	}
.callback ul{
	padding:0px 0 25px;
	}	
.callback li{
	margin:9px 0;
	}
.callback legend,
.callback  .legend{
	color:#455055;
	}
.callback  label{
	display:block;
	float:left;
	width:158px;
	color:#7e898e;
	font-size:0.79em;	
	padding:2px 25px 4px 0;
	line-height:1.1em;
	}
.callback input, .callback label{
	vertical-align:middle;
	}	
.callback  .input-text{
	width:140px;
	height:17px;
	padding:1px 0 0 0;
	color:#989898;
	}
.callback .input-button,
.callback button,
.callback p input{
	font-size:0.79em;	
	padding:0 4px;
	margin:0 7px;
	cursor:pointer;
	line-height:1.1em;
	vertical-align:middle;
	}
.form-wrap p{
	line-height:1em;
	}
.callback p{
	text-align:center;
	line-height:1em;
	}
.callback .form-info{
	height:20px;
	padding-top:8px;
	}
.callback p a{
	text-decoration:none !important;
	}

/*print*/
#print{
	
	}
#print .container{
	width:670px;
	min-width:670px;
	padding:0 115px;
	margin:0 auto;
	}
#print .sub-links {
	padding-bottom:0;
	}
#print .sub-links .phone{
	font-size:0.79em;	
	position:absolute;
	right:0;
	top:25px;
	}
#print .logo{
	float:none;
	width:auto;	
	margin-left:60px;
	}
#print .slogan{
	float:none;
	width:auto;	
	padding-left:0;
	position:relative;
	z-index:10;	
	}
#print .slogan  p{
	color:#000;
	font-size:1.71em;
	margin:60px 0 0 3px;
	line-height:1.2;
	}
#print .text{
	width:100%;
	float:none;
	padding-right:0;
	padding-left:60px;
	line-height:1.2;
	}
#print .text p{
	padding:0 0 10px 0;
	}
/* UTIL */
.clear{
	clear: both;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}