body{font-family: Arial, helvetica, sans-serif; background:#080f7f; color:#4b5b77; padding:0px; margin:0px; text-align:center;}

/* NAVIGATION-SKIP */
#nav-skip { position: absolute; left: -5000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 5000px; }

/* LAYOUT */
#header{ background:#e7ebee url('../../img/default/bg/repeat-x.png') 0 0 repeat-x;}
#header .inBox {  position:relative; padding:1px 0; background:url('../../img/default/bg/head.jpg') 50% 0 no-repeat; height:151px;}
#main{ margin:50px auto 0; text-align:left; position:relative; background:#fff  url('../../img/default/bg/main.png') 0 0 repeat-x; width:100%;}
#main2 { background:#f3f4f4; }
#main2 .inBox { padding:28px 0 35px; }
.inBox { width:960px; text-align:left; margin:0 auto; }

/* LOGO BOX */
#box-logo{line-height:1; font-size:100%; line-height:1; padding:0; margin:0; font-weight:normal; color:#4b5b77; }
#box-logo .s1 { font-size:133%; display:block; }
#box-logo .s2 { font-size:217%; display:block; text-transform:uppercase; margin:5px 0 0 30px; }
#claim { position:absolute; top:58px; left:250px; }
#logo { position:absolute; top:22px; left:15px; }

/* BOX SEARCH */
#box-search { position:absolute; right:50%; top:165px; margin:0 -483px 0 0; text-align:right; width:220px;}
#box-search .int-text { border:1px solid #bbbbbb; font-size:92%; color:#999; padding:5px 6px 5px 6px; background:#fff; margin-right:-3px; width:145px; height:15px; }
#box-search .inline-btn input { padding:0 5px 2px; }

/* HEAD CONTACT */
#contact-head { position:absolute; left:760px; top:0; width:209px; height:68px; background:url('../../img/default/bg/tel.png') 0 0 no-repeat; margin:0; color:#fff; font-size:100%; }
#contact-head span { display:block; margin:5px 0 0 67px; font-size:108%; }
#contact-head strong { display:block;  margin:3px 0 0 67px; font-size:167%; }

/* COLS */
.row { position:relative; }
.col{display:inline; float:left; left:100%; position:relative;}
#col-content{width:744px; margin:30px 0 0 -960px; background:#fff; padding:0 0 40px;}
#col-side{width:191px; margin:30px 0 0px -191px; padding:0 0 50px;}
.col-wrap { width:100%; overflow:hidden; }
.home #col-content { width:756px; padding:0 0 18px; }
.home #col-side { padding:0 0 18px;}

/* CONTENT */
.annot { font-size:133%; line-height:22px; margin:0 0 1em; }
.separator { width:100%; overflow:hidden; clear:both; font-size:0; height:1px; background:#d9e7ef; margin: 0 0 28px; }
.online-calc { padding:13px 0 15px 65px;  background: url('../../img/default/ico/calc.png') 15px 4px no-repeat; }

.ok-list li { background: url('../../img/default/ico/ok.png') 5px 4px no-repeat; padding-left:29px;}
.simple-list li { background: url('../../img/default/ico/simple.png') 8px 7px no-repeat; padding-left:29px;}
.table-desc-bottom { color:#999; margin:-12px 0 20px; font-size:92%; font-style:italic; }

a.more { color:#172983; text-transform:uppercase; padding:1px 0 1px 21px; text-decoration:none; font-size:92%; font-weight:bold;  background: url('../../img/default/ico/all.png') 0 -101px no-repeat; }
a.more:hover { text-decoration:underline; }
#svzp { position:relative; width:301px; height:81px; margin:1.7em -2px 0 4px; }
#svzp .sprite { background: url('../../img/default/bg/all.png') 0 0 no-repeat; }
#calc  { position:relative; width:191px; height:75px; margin:0 0 .8em; }
#calc .sprite { background: url('../../img/default/bg/all.png') 0 -81px no-repeat; }

/* MENU HEAD */
#menu-head { text-align:right; font-size:100%; color:#666666; position:absolute;	top:125px; right:0px; margin:0; }
#menu-head a { color:#4b5b77; margin:0 10px 0 0; }
#menu-head a:hover { color:#333; }
#menu-head .home { padding:0 0 0 16px; background:url('../../img/default/ico/all.png') 0 3px no-repeat; }
#menu-head .sitemap { padding:0 0 0 16px; background:url('../../img/default/ico/all.png') 0 -47px no-repeat; }

/* MENU MAIN */
#menu-main { position:absolute; left:0; top:153px; width:100%; background:#d7dadd url('../../img/default/bg/repeat-x.png') 0 -300px repeat-x; text-transform:uppercase; }
#menu-main li { float:left; display:inline;  margin:0 -2px 0 0; background: url('../../img/default/bg/repeat-x.png') 100% -486px no-repeat;}
#menu-main a, #menu-main strong { float:left; display:inline; height:50px; line-height:52px; padding:0 25px; font-weight:bold; color:#4b5b77; text-decoration:none; }
#menu-main a:hover { text-decoration:underline; }
#menu-main .active a, #menu-main .active strong { background:#161f87 url('../../img/default/bg/repeat-x.png') 0 -400px repeat-x; color:#fff; }

/* MENU SIDE */
#menu-side .spc { padding:0 15px 30px; }
#menu-side h2 { margin:.9em 0 .7em; font-size:133%; color:#172983; font-weight:bold; }
#menu-side li { width:100%; vertical-align:bottom; margin:0 0 .6em; }
#menu-side a, #menu-side strong { color:#4b5b77;  display:block; padding:1px 0 1px 24px; font-weight:bold;  background: url('../../img/default/ico/all.png') 0 -101px no-repeat; line-height:14px; }
#menu-side a:hover { text-decoration:none; }
#menu-side .active a, #menu-side .active strong { color:#333; }

/* MENU FOOT */
#menu-foot { font-weight:bold; color:#4b5b77; margin:0; }
#menu-foot a { color:#4b5b77; }
#menu-foot a:hover { color:#333; }
#menu-foot .dot { font-size:14px; margin:0 6px; }

/* HOME */
.home-text { background:#eaeced url('../../img/default/bg/home-text.png') 0 0 no-repeat; padding:25px 225px 1px 32px; }
.home-text h2 { text-transform:uppercase; font-size:200%; margin:0 0 .5em; }
.home-text li { font-size:133%; margin:.5em 0; background-position:3px 3px; }
.home-text .sampler { position:absolute; top:0; right:0; width:203px; height:84px; background: url('../../img/default/bg/sampler.png') 0 0 no-repeat; margin:0; font-size:167%;  font-weight:bold; line-height:19px; }
.home-text .sampler a { text-decoration:none; color:#4b5b77; display:block;  padding:16px 0 0 86px; }
.home-text .sampler a:hover { color:#333; }

.home-crossroad { background:#173c95 url('../../img/default/bg/home-crossroad.jpg') 0 0 no-repeat; height:179px; padding:18px 0 0; }
.home-crossroad div { float:left; display:inline; width:232px; height:154px; position:relative; }
.home-crossroad .more { position:absolute; bottom:9px; left:10px; color:#4b5b77; }
.home-crossroad h3 { color:#fff; margin:.55em 20px 0; font-size:175%; }
.home-crossroad ul { margin:0 20px; color:#daebf2; font-weight:bold; }
.home-crossroad li { background: url('../../img/default/ico/simple-white.png') 3px 8px no-repeat; padding-left:16px; margin:.1em 0; }
#home-window { margin: 0 0 0 16px; }
#home-door { margin: 0 0 0 18px; }
#home-accs { margin: 0 0 0 20px; }

/* STD BOX */
.std-box { position:relative; }
.std-box .cor { width:14px; height:14px; background-image:url('../../img/default/bg/cor.png'); }
.std-box .spc { border:1px solid #d9e7ef; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; margin:0; background:#fff;; }
.std-box-gradient .spc { background:#fff url('../../img/default/bg/gradient.png') 0 100% repeat-x; }
.std-box-gradient .cor { background-image:url('../../img/default/bg/cor-gradient.png'); }
.std-box-shadow .spc, .std-box-shadow2 .spc { border-bottom-width:2px; }
.std-box-dark .spc { background:#daeaf2; }
.std-box-dark .cor { background-image:url('../../img/default/bg/cor-dark.png'); }
.std-box-light .spc { background:#f0f4f6; }
.std-box-shadow { padding:0 0 1px; background:#edeff0; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; }
.std-box-shadow2  { margin:0 0 35px; }
.std-box-shadow2 .shadow { width:100%; height:16px; overflow:hidden; font-size:0; position:absolute; left:0; bottom:-23px; }
#col-side .shadow { background:#fff url('../../img/default/bg/all.png') 0 -160px no-repeat; }

/* BOX HELP */
.box-help .spc { padding:0 12px; color:#4b5b77; }
.box-help h2 { margin:.9em 0 .7em; font-size:133%; color:#172983; font-weight:bold; }
.box-help .people { margin:0 0 1.8em -4px; overflow:hidden; }
.box-help h3 { color:#4b5b77; font-size:117%; font-weight:bold; margin:0 0 -2px 68px; }
.box-help .post { font-style:italic; margin:0 0 .5em 68px;  }
.box-help .icq { font-weight:bold; margin:0 0 2px 68px; padding:0 0 0 22px; line-height:18px; background: url('../../img/default/ico/all.png') 0 -148px no-repeat; }
.box-help .skype { font-weight:bold; margin:0 0 0 68px; padding:0 0 0 22px; line-height:18px; background: url('../../img/default/ico/all.png') 0 -199px no-repeat }
.box-help .tel { font-weight:bold; margin:0 0 0 68px; padding:0 0 0 22px; line-height:18px; background: url('../../img/default/ico/all.png') 0 -249px no-repeat }
.box-help .img { float:left;  width:58px; height:68px; background:url('../../img/default/bg/help-img.png') 0 0 no-repeat; margin:2px 0 0 -68px; padding-top:2px; }
.box-help .img span { display:block; width:51px; height:61px; overflow:hidden; text-align:center; line-height:62px; font-size:0; margin:0px 0 0 5px; }
.box-help .img img { vertical-align:middle; }

/* BOX TIP */
.box-tip { margin:2.5em 0; }
.box-tip .cor { background-image:url('../../img/default/bg/cor-gradient.png'); }
.box-tip .spc { background:#d6e8f0 url('../../img/default/bg/tip.png') 0 0 no-repeat; padding:11px 25px 10px 55px; color:#0085ca; }
.box-tip strong { color:#172983; font-size:117%; }

/* BOX ARTICLES */
.box-articles { float:left; display:inline; width:300px; padding:5px 25px 0 5px; }
.box-articles a { color:#172983; text-decoration:none; }
.box-articles a:hover { color:#333; }
.box-articles h3 { font-size:133%; margin:0em 0 0em; text-transform:uppercase; font-weight:bold; }
.box-articles .name { display:block; margin:0 0 .3em; }
.box-articles p { margin:0;	color:#666; font-size:100%; line-height:17px; }
.box-articles ul { width:100%; overflow:hidden;  }
.box-articles li { padding:17px 0 20px 10px; overflow:hidden; vertical-align:bottom; border-top:1px solid #e4e4e4; margin:-1px 0 0; }
.box-articles .first { padding-top:0; }
.box-articles .img { float:left;  width:119px; height:96px; background:url('../../img/default/bg/article-img.png') 0 0 no-repeat; margin:2px 10px 0px -7px; padding-top:2px; }
.box-articles .img span { display:block; width:110px; height:89px; overflow:hidden; text-align:center; line-height:89px; font-size:0; margin:0px 0 0 7px; }
.box-articles .img img { vertical-align:middle; }
.box-articles .more { margin-left:10px; }

/* BOX CERTIFICATES */
.box-certificates { float:left; display:inline; width:250px; padding:5px 25px 1000px; border:1px solid #e4e4e4; border-width:0 1px; margin:0 0 -1000px; }
.box-certificates h2 { font-size:133%; margin:0em 0 .8em; text-transform:uppercase; font-weight:bold; color:#4b5b77; }
.box-certificates li { width:100%; vertical-align:bottom; margin:0 0 1.2em; }
.box-certificates a { display:block; background:url('../../img/default/ico/page.png') 4px 2px no-repeat; padding:0 0 0 36px; line-height:16px; min-height:28px; color:#4b5b77; }
.box-certificates a:hover { color:#333; }

/* BOX REFERENCES */
.box-references { float:left; display:inline; width:300px; padding:5px 5px 0 20px; }
.box-references h2 { font-size:133%; margin:0em 0 .6em 4px; text-transform:uppercase; font-weight:bold; color:#4b5b77; }
.box-references ul { width:100%; overflow:hidden; }
.box-references li { overflow:hidden; width:100%; vertical-align:bottom; border-top:1px solid #e4e4e4; margin:-1px 0 0; padding:10px 0; }
.box-references .first { padding-top:0; }
.box-references	h3 { margin:0 0 0 127px; font-size:117%; font-weight:bold; }
.box-references	li p { margin:0 10px 0 127px; color:#4b5b77; }
.box-references	li a { color:#4b5b77; }
.box-references .img { float:left;  width:119px; height:81px; background:url('../../img/default/bg/reference-img.png') 0 0 no-repeat; margin:2px 0 0px -127px; padding-top:2px; }
.box-references .img span { display:block; width:110px; height:73px; overflow:hidden; text-align:center; line-height:73px; font-size:0; margin:0px 0 0 7px; }
.box-references .img img { vertical-align:middle; }
.box-references .all { margin:0 0 0 4px; text-align:right; }	

/* TABS FILL */
.tabs-fill { margin:4em -1px 2em; width:auto; }
.tabs-fill .tab-list { background:#fff; border-bottom:1px solid #d7e7ef; width:100%; overflow:hidden; border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px; }
.tabs-fill .tab-list li { float:left; display:inline; width:148px; border-left:1px solid #d7e7ef; text-align:center; }
.tabs-fill .tab-list .first { border:none; }
.tabs-fill .tab-list a { display:block; font-weight:bold; color:#172983; text-decoration:none; font-size:117%; text-transform:uppercase; cursor:pointer; padding:122px 0 0;  }
.tabs-fill .tab-list a:hover { color:#333; }
.tabs-fill .tab-list span { display:block; height:32px; line-height:32px; background:url('../../img/default/bg/tab.png') -160px 0 no-repeat; margin:0 1px 1px; }
.tabs-fill .tab-list .active a, .tabs-fill .tab-list .active a:hover { color:#fff; cursor:default; }
.tabs-fill .tab-list .active span { background-position:0 0; margin-bottom:0; padding-bottom:1px; }

#tab-classic a { background:url('../../img/default/illust/fill.png') 8px 7px no-repeat; }
#tab-technic a { background:url('../../img/default/illust/fill.png') 8px -143px no-repeat; }
#tab-vizual a { background:url('../../img/default/illust/fill.png') 8px -293px no-repeat; }
#tab-elegance a { background:url('../../img/default/illust/fill.png') 8px -443px no-repeat; }
#tab-premium a { background:url('../../img/default/illust/fill.png') 8px -593px no-repeat; }

.tabs-fill .tab { padding:10px 12px 10px 7px; }
.tabs-fill .main-img { float:left; display:inline; width:250px; height:400px; margin:0 15px 0 0; background:url('../../img/default/bg/tab-fill-img.png') 0 0 no-repeat; }
.tabs-fill .main-img p { margin:0 0 0 5px; width:245px; height:395px; line-height:395px; font-size:0; text-align:center; }
.tabs-fill .main-img img { vertical-align:middle; }
.tabs-fill .content { float:left; display:inline; width:458px; padding:10px 0 0; }
.tabs-fill .list { margin:2em 0; }
.tabs-fill .list ul { width:100%; overflow:hidden; margin:0 0 -1px; }
.tabs-fill .list li { float:left; display:inline; width:90px; border:1px solid #d9e7ef; margin:0 -1px 0px 0; }
.tabs-fill .list a { display:block; background:#ffffff url('../../img/default/bg/tab-fill-list.png') 0 100% repeat-x; padding:8px 10px 7px; text-decoration:none; text-align:center; font-weight:bold; color:#172983; }
.tabs-fill .list a:hover { background:#dfeef3; }
.tabs-fill .list .img { display:block; height:100px; overflow:hidden; line-height:100px; font-size:0; margin:0 0 7px; }
.tabs-fill .list img { vertical-align:middle; }

/* ATT IMAGES */
.att-images { margin:2.2em 0; }
.att-images .spc { padding:10px 15px 1px; }
.att-images h2 { font-weight:bold; font-size:117%; color:#172983; margin:.5em 0 .7em;}
.att-images ul { width:100%; overflow:hidden; margin:0 0 15px; }
.att-images li { float:left; display:inline; width:212px; margin:0 15px 0 0;}
.att-images .img { display:block; width:100%; height:140px; background:#fff; line-height:140px; font-size:0; text-align:center;  }
.att-images img { vertical-align:middle; }
.att-images .desc { color:#4b5b77; font-style:italic; display:block; padding:5px; }

/* FOOTER */
#footer { border-top:13px solid #f3f4f4; width:100%; overflow:hidden; padding:0 0 30px; font-size:92%; }
#footer .inBox { width:920px; }
#footer .box { background:url('../../img/default/bg/footer.png') 50% 0 no-repeat; min-height:70px; padding:14px 0 0px; }
#footer .box-bottom { width:966px; height:19px; background:url('../../img/default/bg/footer.png') -25px -418px no-repeat; margin:0 auto; }
#footer .l { width:480px; padding:0 0px 0 0;}
#footer .r { width:200px; padding:0 200px 0 0; color:#666; }
#footer p { margin:0; line-height:16px; }

#copy { color:#ccc; float:left;  }
#creator { color:#ccc; float:right; }
#creator a	 { color:#ccc; }
p#partners { margin:1em 0 0; }
#partners a { display:inline-block; width:68px; height:48px; line-height:48px; font-size:0; background:#fff; text-align:center; margin:0 2px 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; vertical-align:top; }
#partners img { vertical-align:middle; }

/* FORM */
.form .req { color:#ef1313; }
.form-row { overflow:hidden; width:100%; margin:0 0 1.2em; }

.form-contact { margin:2em 0; }
.form-contact .spc { padding:10px 15px 17px; }
.form-contact h2 { font-size:117%; font-weight:bold; color:#172983; margin:.7em 0 .5em; }
.form-contact .box { width:470px; padding:10px 100px 0 0; background:url('../../img/default/ico/contact.png') 100% 50% no-repeat; }
.form-contact .l, .form-contact .r { margin:0; }
.form-contact .label { float:left; display:inline; width:85px; padding:2px 0 0 10px; }
.form-contact .int-fix { float:right; display:inline; width:340px;}
.form-contact .row-l { float:left; width:234px; }
.form-contact .row-l .int-fix { width:104px; }
.form-contact .row-r { float:right; width:220px; }
.form-contact .row-r label { width:45px; }
.form-contact .row-r .int-fix { width:144px; }
.form-contact .l { color:#999; margin-top:.5em; }

/* CALC */
.form-calc .std-box { margin:0 0 22px; }
.form-calc .col-h-l, .form-calc .col-h-r { width:48.5%; }

.form-calc-info .spc { padding:18px 25px 6px; }
.form-calc-info .l { width:260px; }
.form-calc-info .r { width:400px; }
.form-calc-info .label {  float:left; display:inline; width:90px; padding:2px 0 0 0; }
.form-calc-info .l .int-fix { float:right; display:inline; width:145px;}
.form-calc-info .r .int-fix { float:right; display:inline; width:285px;}
.form-calc-info .r .int, .form-calc-info .r .int-list { float:right; display:inline; width:299px;}
.form-calc-info .r select { width:200px; }
.form-calc-info .sampler { display:block; background:#0419ac url('../../img/default/bg/sampler2.png') 0 100% no-repeat; width:155px; height:38px; margin:.8em 0 0; color:#fff; font-weight:bold; font-size:117%; text-decoration:none; line-height:32px; padding:0 0 0 8px; }
.form-calc-info .sampler:hover { color:#f0f4f6; }
.form-calc-info .row-separator { border-top:1px solid #d9e7ef; padding-top:1em; margin-bottom:1em; }

.int-list .item { float:left; white-space:nowrap; margin:0 10px 2px 0; }

/*.form-calc-prod .spc { padding:10px 10px 18px; } */
.form-calc-prod h2 { font-size:133%; margin:.3em 2px 0; }
.form-calc-prod table { margin:0; }
.form-calc-prod td, .form-calc-prod th { vertical-align:middle; line-height:12px; font-size:92%; }
.form-calc .col-h-l th, .form-calc .col-h-r th  { padding-top:10px; padding-bottom:10px; }
.form-calc-prod tfoot td { padding:0; font-size:100%; }
.form-calc-prod .add { display:block; padding:0 20px 0 40px; line-height:30px; color:#4b5b77; text-decoration:none; font-weight:bold; background:url('../../img/default/ico/add.png') 10px 50% no-repeat; }
.form-calc-prod .add { display:block; padding:0 20px 0 40px; line-height:30px; color:#4b5b77; text-decoration:none; font-weight:bold; background:url('../../img/default/ico/add.png') 10px 50% no-repeat; }
.form-calc-prod .add:hover { color:#1774dd; }
.form-calc-prod .highlight td { background:#fffcaa; }
.form-calc-prod .dark, .form-calc-prod .highlight .dark { background:#dfeef3; }

.type-list { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f0f4f6; padding:7px 5px; margin:.8em 0; }
.type-list ul { width:100%; overflow:hidden; margin:0 0 8px; }
.type-list li { float:left; width:118px; background:#fff url('../../img/default/bg/type.png') 0 100% no-repeat; padding:2px 2px 6px 6px; margin:0 9px 0 0; }
.type-list li a { min-height:90px; display:block; background:#dfeef3; text-decoration:none; font-weight:bold; text-align:center; padding:5px 10px; color:#172983; position:relative; }
.type-list li a:hover { text-decoration:underline; }
.type-list li a:hover .ico { display:block; }
.type-list .img { height:70px; line-height:70px; font-size:0; display:block; margin:0 0 5px; }
.type-list img { vertical-align:middle; }
.type-list .ico { display:none; width:16px; height:16px; background:url('../../img/default/ico/zoom.png') 0 0 no-repeat; position:absolute; right:5px; top:5px; }
.type-list .all { margin:0 0 0 7px; }

/* INLINE BTN */ /***/
.inline-btn { line-height:25px;  border:1px solid #c7c7ca; background:#2c3ca2 url('../../img/default/bg/repeat-x.png') 0 -600px repeat-x; display:inline-block; vertical-align:middle; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.inline-btn input { text-align:center; line-height:25px; height:25px; padding:0 12px 2px; font-size:92%; text-decoration:none; color:#fff; display:inline-block; vertical-align:top; overflow:visible; border:none; background:none; font-family: Arial, helvetica, sans-serif; font-weight:bold; text-transform:uppercase; cursor:pointer; }

/* CORNERS */
.cor{overflow:hidden; position:absolute; background-repeat:no-repeat; display:block; line-height:0;	font-size:0;}
.cor-tl{top:0; left:0; background-position:0 0;}
.cor-tr{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 100%;}
.cor-br{bottom:0; right:0; background-position:100% 100%;}