html {height:100%;}
body {min-height:100%; margin:0; padding:0; font-size:12px; color:#656564; text-align:left; font-family:'Open Sans', arial,sans-serif; font-weight: 400; position:relative; background:#fff url(i/bg.gif) no-repeat center 0px;}
* {margin:0; padding:0;}
img {border:none;}
input,textarea,td,li,code,label {font-size:12px; font-family:'Open Sans', arial,sans-serif; font-weight: 400;}
input[type=text],input[type=password],textarea {padding:5px; border:1px solid #ccc; background:#fff;}
input[type=checkbox] {background:none;}
input, textarea {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
input:focus, textarea:focus {outline: none; border-color: #1C2B38;}
select {padding:3px; border:1px solid #ccc; background:#fff;}
select option {padding-right:15px;}
blockquote {font-style:italic; padding:15px; margin:10px -3px; background:#faf9f7; border:1px solid #eee9e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
table th {font-weight:bold; text-align:left;}
table[border] {border-style:solid; border-color:#ccc;}
table[cellspacing='0'] {border-collapse:collapse;}
table[border='0'] {border:none;}
table[border] td,
table[border] th {border-style:solid; border-color:#ccc; padding:5px;}
table[border='0'] td,
table[border='0'] th {border-width:0; padding:0;}
.table td {padding:5px !important;}
.table th {background:#f2f2f2; padding:5px !important;}
.table tr:nth-child(2n) td {background:#f2f2f2;}
.cs-slide .cs-title {padding:10px; margin:0 0 5px; cursor:pointer; border:1px solid #ccc;}
.cs-slide .cs-title h2 {font-size:14px; font-weight:bold; text-transform:uppercase; padding:0;}
.cs-slide .cs-content {padding:0 10px 5px;}
.ct-tabs .ct-hdrs {height:32px; border-bottom:1px solid #eee;}
.ct-tabs .ct-hdrs .ct-hdr {float:left; line-height:30px; cursor:pointer; border:1px solid #fff;}
.ct-tabs .ct-hdrs .ct-hdr h2 {font-size:12px; text-transform:uppercase; padding:0 10px;}
.ct-tabs .ct-hdrs .ct-hdr.active {height:31px; position:relative; border:1px solid #eee; border-bottom:1px solid #fff;}
.ct-tabs .ct-hdrs .ct-hdr.active h2 {font-weight:bold;}
.ct-tabs .ct-item {padding:5px 10px 10px;}
.inactive {color:#ccc;}

/******/
h1, .h1 {padding:10px 0; font-size:25px;  font-family:'Open Sans',arial,sans-serif; font-weight: 300;}
h2 {padding:5px 0; font-size:18px;  font-family:'Open Sans',arial,sans-serif; font-weight: 300;}
h3 {padding:5px 0; font-size:14px; font-family:'Open Sans',arial,sans-serif; font-weight: 300;}
h4 {padding:0; font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 300;}
p {text-align:left; padding:5px 0;}
ul,ol {margin:15px 0 15px 25px;}
ul ul {margin:5px 0 5px 15px;}
ol ol {margin:5px 0 5px 15px;}
li {padding:1px 0;}
hr {border:none; border-bottom:1px solid #EFEEEF;}
a {text-decoration:none; color:#244550;}
a:hover {text-decoration:underline; color:#c50823;}

.clear {clear:both; height:0; line-height:1px; font-size:0;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 10px 5px 0;}
img.right {margin:0 0 5px 10px;}

.button {box-shadow:0px 1px 1px 0 rgba(0,0,0,0.5); ;height:24px; line-height:23px; color:#fff; font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 300; display:inline-block; padding:0 10px; cursor:pointer; position:relative; background:#1e4565; background:linear-gradient(#1e4565,#101f2c); background:-moz-linear-gradient(#1e4565,#101f2c); background:-webkit-linear-gradient(#1e4565,#101f2c); background:-ms-linear-gradient(#1e4565,#101f2c); -pie-background:linear-gradient(#1e4565,#101f2c); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/pie.htc);}
.button:before {content:''; position:absolute; left:1px; top:0px; right:1px; bottom:1px; border-top:1px solid #295f8c; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/pie.htc);}
.button:hover {color:#eee; text-decoration:none; background:#1C2B38;}
.button:hover:before {border:none !important;}
.button:active {top:1px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);}
.button.red {color:#fff; text-shadow:1px 1px 0 #3c3c3c; background:#c6202a; background:linear-gradient(#c6202a,#92242b); background:-moz-linear-gradient(#c6202a,#92242b); background:-webkit-linear-gradient(#c6202a,#92242b); background:-ms-linear-gradient(#c6202a,#92242b); -pie-background:linear-gradient(#c6202a,#92242b); behavior:url(/pie.htc);}
.button.red:before {border-top:1px solid #ce464f;}
.button.red:hover {color:#eee; background:#ad222a;}
.button.light {background:#157baa; background:linear-gradient(#157baa,#155877); background:-moz-linear-gradient(#157baa,#155877); background:-webkit-linear-gradient(#157baa,#155877); background:-ms-linear-gradient(#157baa,#155877); -pie-background:linear-gradient(#157baa,#155877); behavior:url(/pie.htc);}
.button.light:before {border-top:1px solid #188cc2;}
.button.light:hover {color:#cececd; background:#156990;}
.blue {color:#244550;}
.red {color:#c50823;}
.subtitle {color:#a7a8a8; font-size:12px; margin:-10px 0 10px;}
form .button { font-size: 14px; line-height: 30px; height: 31px; width: 63px; text-align: center; }

.head .content {width:980px; height:130px; margin:auto; position:relative;}
.head .logo {position:absolute; top:45px; left:0px;}
.head .info {color:#494949; font-size:13px; font-family:'Open Sans',arial,sans-serif; font-weight: 300; position:absolute; left:430px; top:45px; padding:10px 0 10px 30px; border-left:1px solid #cececd;}
.head .info span { margin-right: 0.75em; }
.head .info i { margin-right: 0.5em; }
.head .info .phone {padding:0 16px; background:url(i/ico_phone.gif) no-repeat left;}
.head .info .mail {color:#494949; padding:0 0 0 23px; background:url(i/ico_mail.gif) no-repeat left 4px;}
.head .demo {font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 300; position:absolute; left:235px; top:59px;}

/* .panel {background:url(i/bg_panel.png) no-repeat center top;} */
.panel .content {/* min-height:225px; */ width:980px; margin:auto; position:relative; background:#1e4565; background:linear-gradient(#1e4565,#101f2c); background:-webkit-linear-gradient(#1e4565,#101f2c); background:-ms-linear-gradient(#1e4565,#101f2c); background:-moz-linear-gradient(#1e4565,#101f2c); -pie-background:linear-gradient(#1e4565,#101f2c); border-radius: 3px 3px 0 0; overflow: hidden;}
.panel .menu {float:left; height:54px; line-height:54px; overflow:hidden; border-left:1px solid #375469; border-right:1px solid #133047;}
.panel .menu ul {list-style:none; margin:0; padding:0;}
.panel .menu ul li {float:left; list-style:none; margin:0; padding:0; border-left:1px solid #133047; border-right:1px solid #375469;}
.panel .menu .a {font-size:14px; color:#fff; text-shadow:-1px -1px 0 #1a3141; font-family:'Open Sans',arial,sans-serif; font-weight: 300; padding:0 15px; display:block; cursor:pointer;}
.panel .menu .a:hover {text-decoration:none; background:#274960;}
.panel .search {width:306px; position:absolute; right:1em; top:10px;}
.panel .search .inp {float:left; height:31px; padding:0 0 0 27px; border:1px solid #e7e7e7; position:relative; background:#fff url(i/ico_scope.gif) no-repeat 8px 12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/pie.htc);}
.panel .search .inp input {width:170px; height:13px; padding:9px; border:none; background:none; border-left:1px solid #e7e7e7;}
.panel .search .button {float:left; width:63px; height:31px; line-height:30px; font-size:14px; text-align:center; margin:1px 0 1px 5px;}

.page {min-height:200px; width:980px; margin:auto;}
.page .main {padding:15px 0;}

.side-left {float:left; width:210px; padding:5px 15px 15px 0;}
.side-center.main-page {width:640px; padding:0 29px 15px 15px; border-right:1px solid #efeeef;}
.side-center.sub {float:left; width:725px; padding:0 15px 15px;}
.side-center.full {padding:0 15px 15px;}
.side-center.is-left {float:left; width:725px; padding:0 15px 15px;}
.side-right {float:left; width:230px; padding:0 0 15px 30px; margin:0 0 0 -1px; border-left:1px solid #efeeef;}

.main-bottom {padding:20px 0; background:#fafafa; border-top:1px solid #efeeef;}
.main-bottom .content {width:950px; margin:auto;}

.main-bottom .sonda {width:305px; float: left;}

.footer {width:100%; height:240px; position:absolute; left:0; bottom:66px; background:#101f2c;}
.footer .content {width:950px; margin:auto; position:relative;}
.footer .title {font-size:24px; color:#fff; font-family:'Open Sans',arial,sans-serif; font-weight: 300; padding:30px 0 10px;}
.footer .subtitle {font-size:12px; color:#fff; padding:0 0 15px;}
.footer .about-comments {width:290px; height:190px; padding:0 0 20px 15px; margin:0 90px 0 0; position:relative;}
.footer .about-comments .comment {margin:15px 0 0; background:url(i/bg_brace_l.png) no-repeat left top;}
.footer .about-comments .comment .cnt {padding:5px 35px; background:url(i/bg_brace_r.png) no-repeat right bottom;}
.footer .about-comments .comment .cnt .ct {min-height:74px; max-height:100px; color:#b4b7bb; overflow:hidden;}
.footer .about-comments .navi {text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.footer .about-comments .navi span {width:16px; height:17px; text-indent:100px; overflow:hidden; cursor:pointer; margin:0 1px; display:inline-block; background:url(i/ico_comm_dots.png) no-repeat right;}
.footer .about-comments .navi span.active {background-position:left;}
.footer .newsletter {width:220px; margin:0 90px 0 0;}
.footer .newsletter .inp {height:33px; padding:0 0 0 28px; margin:0 0 10px; position:relative; background:#fff url(i/ico_mail_small.gif) no-repeat 10px 13px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/pie.htc);}
.footer .newsletter .inp input {width:173px; height:13px; padding:10px 9px; border:none; background:none; border-left:1px solid #e7e7e7;}
.footer .newsletter .button {height:31px; line-height:31px; width:63px; font-size:14px; text-align:center;}
.footer .newsletter .unreg {color:#cececd; line-height:31px; font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 300; cursor:pointer; padding:0 8px 0 0; margin:0 0 0 9px; background:url(i/ico_arrow.gif) no-repeat right 6px;}
.footer .newsletter .unreg:hover {color:#c50823;}
.footer .social a {margin:0 14px 0 0; color: #fff;}
.footer .social i { font-size: 1.5em; }
.footer .gotop {width:52px; height:43px; display:block; cursor:pointer; position:absolute; right:15px; top:219px; background:url(i/ico_gotop.png) no-repeat;}

.author {width:100%; height:66px; line-height:66px; color:#a8a8a8; font-size:12px; position:absolute; left:0; bottom:0;}
.author .content {width:950px; margin:auto;}
.author img {vertical-align:middle; margin:0 3px 5px;}

.clear-footer {height:306px;}

/*****/
.news-slider {width:230px; position:relative;}
.news-slider .picture {width:230px; height:160px;}
.news-slider .title {color:#c50823; font-weight:bold; font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 400; padding:15px 0; margin:0 0 5px; border-bottom:1px solid #efeeef;}
.news-slider .title a {color:#c50823;}
.news-slider .news-cnt {display:block; margin:0; padding:0;}
.news-slider .news-cnt li {display:block; margin:0; padding:0;}
.news-slider .jcarousel-container {width:230px;}
.news-slider .jcarousel-clip {width:230px; position:relative; overflow:hidden;}
.news-slider .jcarousel-item {width:230px; padding:0; margin:0 10px 0 0 !important;}
.news-slider .jcarousel-next {width:33px; height:33px; cursor:pointer; position:absolute; right:-35px; top:0; background:url(i/ico_news_navi.gif) no-repeat top left;}
.news-slider .jcarousel-next:hover,
.news-slider .jcarousel-next.active {background-position:top right;}
.news-slider .jcarousel-prev {width:33px; height:33px; cursor:pointer; position:absolute; right:-35px; top:35px; background:url(i/ico_news_navi.gif) no-repeat bottom right;}
.news-slider .jcarousel-prev:hover {background-position:bottom left;}

.news-list {float:left; width:345px; margin:0 60px 0 0px;}
.news-list h2 {padding-bottom:10px;}
.news-list.full {margin-left:0; width: 650px;}
.news-list .title {color:#c50823; font-weight:bold; font-size:12px; font-family:'Open Sans',arial,sans-serif; font-weight: 400; padding:10px 0 10px 95px; border-bottom:1px solid #efeeef;}
.news-list .title:hover {color:#244550; cursor:pointer;}
.news-list .cnt {padding:5px 5px 0;}
.news-list .date {padding:10px 0 10px 28px; background:url(i/ico_pointer.png) no-repeat 6px center;}
.news-list .info.small {margin:0 0 0 135px;}
.news-list .info .more {font-size:12px;}

.fast-contact {float:left; width:240px;}
.fast-contact h2 {padding-bottom:10px;}
.fast-contact table {width:100%;}
.fast-contact table td {height:35px; font-size:12px; padding:0; vertical-align:middle;}
.fast-contact table i { margin-right: 0.5em; }
.fast-contact table td.clock {background:url(i/ico_clock.png) no-repeat left 9px;}
.fast-contact table td.mail {background:url(i/ico_mail.png) no-repeat left 10px;}
.fast-contact table td.mail a {color:#656564;}
.fast-contact table td.phone {background:url(i/ico_phone.png) no-repeat left 10px;}

.news-page .news {/* padding:0; */}
/*
.news-page .news .title {padding:0 0 5px 120px; margin:0; font-size:12px; color:#c50823; font-family:'Open Sans',arial,sans-serif; font-weight: 400;}
.news-page .news .title a {color:#c50823;}
*/
.news-page .news .date {/* float:left; */ font-size:11px; /* padding:0 0 0 22px; */ /* background:url(i/ico_pointer.png) no-repeat left; */}
.news-page .news .date.no-img {margin-bottom: 5px;}
.news-page .news .info.small {margin:0 0 0 130px;}
.news-page .news .info .desc {padding:0 0 5px;}
.news-page .sep {height:15px; border-bottom:1px solid #EFEEEF;}
.news-page .news { width: 30%; padding: 1.5% 1.6666666667%; float: left; }
.news-page .news:nth-child(3n+1){clear: left;}
.news-page .news:hover { background: #efefef; }
.news-page .news .picture { display: inline-block; float: left; margin: 10px 10px 0 0; }
.news-page .news .date i { margin-right:  0.5em; }
.news-page .news p {padding:0;}

.side-menu {padding:0 0 15px; }
.side-menu h2 {padding:10px 5px 10px 15px; margin:0; font-size:18px; font-family:'Open Sans',arial,sans-serif; font-weight: 300; border:1px solid #efeeef; background:#f0eff0 url(i/bg_submenu.gif) repeat-x top; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; behavior:url(/pie.htc);}
.side-menu ul {list-style:none; margin:0; padding:0; background:#f0eff0; border:1px solid #efeeef; border-top: none;}
.side-menu ul li {list-style:none; margin:0; padding:0; border-top:1px solid #d9d9d9;}
.side-menu ul li:first-child {}
.side-menu ul li.active .a {font-weight:bold; color:#244550;}
.side-menu .a {color:#656564; font-size:12px; display:block; padding:8px 8px 8px 15px;}
.side-menu .a.active {background:#efeeef;}
.side-menu .a:hover {color:#fff !important; text-decoration:none; background:#183952 !important;}

.box-page {padding:0 0 15px;}

.got-question {padding:25px 15px 0;}
.got-question .info {text-align:justify; padding:10px 0 15px;}
.got-question table {width:100%;}
.got-question table td {height:45px; font-size:12px; padding:5px 0 5px 40px; vertical-align:middle;}
.got-question table td.clock {background:url(i/ico_clock.png) no-repeat left 10px;}
.got-question table td.mail {background:url(i/ico_mail.png) no-repeat left 10px;}
.got-question table td.mail a {color:#656564;}
.got-question table td.phone {background:url(i/ico_phone.png) no-repeat left 10px;}

.gallery-page .image {cursor:pointer; padding:0 5px 5px 0;}

.pagination {padding:10px 0 0; margin:10px 0 0; border-top:1px dashed #b5a38f; text-align:right;}
.pagination a {color:#321c0a;}
.pagination a.active {font-weight:bold;}

.msg-message {color:#444; font-size:12px; padding:10px; margin:0 0 10px; background:#f2f2f2; border:1px solid #D2D0C2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.msg-error {color:#fff; font-size:12px; padding:10px; margin:0 0 10px; background:#CE2F2F; border:1px solid #9C1E1E; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.msg-info {color:#444; font-size:12px; padding:10px; margin:0 0 10px; background:#f9f7bb; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

.main-banner {height:360px; box-shadow:0 10px 20px -10px #000; background:#fff url(i/loading.gif) no-repeat center center;}
.main-banner .items {display:none;}
.sub-banner {height:240px; box-shadow:0 10px 20px -10px #000; background:#fff url(i/loading.gif) no-repeat center center;}
.sub-banner .items {display:none;}
.nivoSlider {display:block !important;}
.nivoSlider .nivo-controlNav {width:31px; display:block; padding:5px 0; text-align:center; position:absolute; right: 14px; top:100px; z-index:1000; background:#94151b url(i/bg_red.gif) repeat-x top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(/pie.htc);}
.nivoSlider .nivo-controlNav a {display:block; width:17px; height:17px; margin:5px auto; overflow:hidden; text-indent:-50px; background:url(i/ico_banner_dots.png) no-repeat bottom;}
.nivoSlider .nivo-controlNav a.active {background:url(i/ico_banner_dots.png) no-repeat top;}

.products-tile {position:relative;}
.products-tile .product-tile {float:left; width:220px; height:220px; position:relative; overflow:hidden;}
.products-tile .product-tile .picture {width:100%; height:100%; overflow:hidden;}
.products-tile .product-tile .info {width:100%; height:100%; line-height:220px; opacity:0; visibility:hidden; display:block; outline:none; position:absolute; left:0; top:0; background:url(i/bg_product_hover.png) repeat; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.products-tile .product-tile .info .cnt {width:180px; text-align:center; font-family:'Open Sans',arial,sans-serif; font-weight: 300; display:inline-block; line-height:18px; vertical-align:middle; padding:0 20px 20px;}
.products-tile .product-tile .info .name {color:#ffba00; font-size:18px; line-height:22px; text-shadow:0 1px 1px #8a2b35; display:block; padding:0 0 20px;}
.products-tile .product-tile .info .desc {color:#fff; font-size:11px; display:block;}
.products-tile .product-tile:hover .info {visibility:visible; opacity:1;}
.products-tile .product-tile:hover .info .name {-webkit-animation:product-name 800ms ease; -moz-animation:product-name 800ms ease; -ms-animation:product-name 800ms ease; animation:product-name 800ms ease;}
.products-tile .product-tile:hover .info .desc {-webkit-animation:product-desc 800ms ease; -moz-animation:product-desc 800ms ease; -ms-animation:product-desc 800ms ease; animation:product-desc 800ms ease;}
.products-tile .sep {float:left; width:20px; height:20px;}
.products-tile .product-separ {height:20px;}

.product-page {padding:5px 0 0;}
.product-page .picture {width:220px; height:220px;}
.product-page .info {width:480px; padding:0 0 0 25px;}

.product-gallery img {float:left; margin:0 5px 5px 0; cursor:pointer;}

@-webkit-keyframes product-name {
	0% {-webkit-transform:translateX(-100%); opacity:0;}
	100% {-webkit-transform:translateX(0%); opacity:1;}
}
@-moz-keyframes product-name {
	0% {-moz-transform:translateX(-100%); opacity:0;}
	100% {-moz-transform:translateX(0%); opacity:1;}
}
@-ms-keyframes product-name {
	0% {-ms-transform:translateX(-100%); opacity:0;}
	100% {-ms-transform:translateX(0%); opacity:1;}
}
@keyframes product-name {
	0% {transform:translateX(-100%); opacity:0;}
	100% {transform:translateX(0%); opacity:1;}
}

@-webkit-keyframes product-desc {
	0% {opacity:0;}
	20% {-webkit-transform:translateY(100%); opacity:0;}
	100% {-webkit-transform:translateY(0%); opacity:1;}
}
@-moz-keyframes product-desc {
	0% {opacity:0;}
	20% {-moz-transform:translateY(100%); opacity:0;}
	100% {-moz-transform:translateY(0%); opacity:1;}
}
@-ms-keyframes product-desc {
	0% {opacity:0;}
	20% {-ms-transform:translateY(100%); opacity:0;}
	100% {-ms-transform:translateY(0%); opacity:1;}
}
@keyframes product-desc {
	0% {opacity:0;}
	20% {transform:translateY(100%); opacity:0;}
	100% {transform:translateY(0%); opacity:1;}
}

.tabs .tab-hdrs {height:27px; border-bottom:1px solid #cecece;}
.tabs .tab-hdrs .tab-hdr {height:26px; line-height:26px; float:left; color:#fff; padding:0 11px; margin:2px 1px 0 0; cursor:pointer; background:#1e4565; background:linear-gradient(#1e4565,#101f2c); background:-webkit-linear-gradient(#1e4565,#101f2c); background:-ms-linear-gradient(#1e4565,#101f2c); background:-moz-linear-gradient(#1e4565,#101f2c); -pie-background:linear-gradient(#1e4565,#101f2c); -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
.tabs .tab-hdrs .tab-hdr.active {color:#000; margin-top:0; padding:1px 10px 0; border:1px solid #ccc; border-bottom:none; background:#fff;}
.tabs .tab {padding:10px 5px;}

.tbl {width:100%; border:1px solid #c5c6c6; margin:0 auto; border-spacing:1px;}
.tbl .tbl-name {color:#fff; font-weight:bold; padding:4px 7px; height:20px; background:#3f3f3f;}
.tbl .tbl-hdr {color:#313131; height:28px; font-weight:bold; background:#e6e6e6; padding:5px;}
.tbl .tbl-hdr a {color:#313131;}
.tbl td {padding:4px; height:26px; background:#f2f2f2;}
.tbl tr:nth-child(2n) td {background:#fafafa;}
.tbl .tbl-btns {padding:4px; height:26px;}
.tbl .tbl-ibtn {cursor:pointer;}
.tbl .tbl-msg {text-align:center; font-weight:bold; color:#444; text-transform:uppercase;}
.tbl td.tl {text-align:left; vertical-align:top;}
.tbl td.tc {text-align:center; vertical-align:top;}
.tbl td.tr {text-align:right; vertical-align:top;}
.tbl td.l {text-align:left;}
.tbl td.c {text-align:center;}
.tbl td.r {text-align:right;}
.tbl td.bl {text-align:left; vertical-align:bottom;}
.tbl td.bc {text-align:center; vertical-align:bottom;}
.tbl td.br {text-align:right; vertical-align:bottom;}
.tbl span.err {font-size:10px; color:red; display:block;}
.tbl input.err {border:1px solid #ff7777;}
.tbl textarea.err {border:1px solid #ff7777;}
.tbl select.err {border:1px solid #ff7777;}
.tbl .req {float:right; color:#ff0000; margin:1px -16px 0 0;}
.tbl .charcounter {font-size:10px; display:block;}
.tbl input {max-width:300px;}
.tbl textarea {width:300px;}

.tbl .passmeter {width:200px; height:5px; margin:3px; background:#eee; position:relative;}
.tbl .passmeter:before {content:''; width:0; height:100%; position:absolute; left:0; top:0; transition:all 300ms ease;}
.tbl .passmeter.m25:before {width:25%; background:#ff0000;}
.tbl .passmeter.m50:before {width:50%; background:#EF692C;}
.tbl .passmeter.m75:before {width:75%; background:#00ff00;}
.tbl .passmeter.m100:before {width:100%; background:#00ff00;}

.login-form .login-left {float:left; height:280px; width:55%; padding:20px; border:1px solid #ccc; position:relative; background:#fff url(i/bg_login.png) no-repeat right 26px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login-form .login-left .login-tbl {width:100%;}
.login-form .login-left .login-tbl input {width:100%;}
.login-form .login-left .forgot {color:inherit; text-transform:uppercase; position:absolute; left:20px; bottom:30px;}
.login-form .login-left .button {position:absolute; right:20px; bottom:20px;}
.login-form .login-left .button:active {bottom: 21; top: auto;}
.login-form .login-right {float:left; height:280px; width:43%; padding:20px; border:1px solid #ccc; margin-left:2%; position:relative; background:#fff url(i/bg_register.png) no-repeat right 46px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login-form .login-right .button {position:absolute; left:20px; bottom:20px;}
.login-form .info {padding:5px 0 20px; font-size:14px;}

.user-right {
	margin-top: 54px;
	padding-bottom: 0;
}

.user-right .side-menu {
	margin-bottom: 0;
}

.top-user {
	position: absolute;
	right: 0;
	top: 70px;
}