/* Layout - grid */
.row { width: 100%; display: block; position: relative; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col { position: relative; float: left; left: 100%; }

.cg0 { margin-left: -940px; }
.cg1 { margin-left: -860px; }
.cg2 { margin-left: -780px; }
.cg3 { margin-left: -700px; }
.cg4 { margin-left: -620px; }
.cg5 { margin-left: -540px; }
.cg6 { margin-left: -460px; }
.cg7 { margin-left: -380px; }
.cg8 { margin-left: -300px; }
.cg9 { margin-left: -220px; }
.cg10 { margin-left: -140px; }
.cg11 { margin-left: -60px; }
.cg7h { margin-left: -340px; }

.cw1 { width: 60px; }
.cw2 { width: 140px; }
.cw3 { width: 220px; }
.cw4 { width: 300px; }
.cw5 { width: 380px; }
.cw6 { width: 460px; }
.cw7 { width: 540px; }
.cw8 { width: 620px; }
.cw9 { width: 700px; }
.cw10 { width: 780px; }
.cw11 { width: 860px; }
.cw12 { width: 940px; }
.cw4h { width: 340px; }

.row-main { width: 940px; margin: 0 auto; }

.col-main { margin-left: -700px; width: 700px; }
.col-side { margin-left: -220px; width: 220px; margin-top: -38px; }

.homepage .col-side {  margin-top: 30px; }

.col-full { margin-left: -940px; width: 940px; }

.row .row { margin-bottom: 20px; }

/*  */
html { padding: 0; margin: 0;}
body { padding: 0 0 20px 0; margin: 0; background: #fff url(../img/bg-body.png) repeat-x 0 126px; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

#mother { background: white; width: 980px; margin: 0 auto; background: url(../img/bg-mother.png) repeat-y; padding: 0 6px; }
#main { margin-top: 30px; }

/* Header */
#header {  position: relative;  zoom: 1; background: #00e600 url(../img/bg-header.png) repeat-x 0 0; }
#header-in { height: 100%; background: url(../img/bg-header-bubbles.png) no-repeat 50% 0; }
#header .row-main { height: 124px; }

/* Logo */
#logo { position: absolute; left: -5px; top: 28px; }
#logo a { text-decoration: none; }
#logo img { display: block; }

/* Slogan */
#slogan { font-size: 19px; padding-top: 20px; line-height: 40px; color: #8f8f8f; float: left; }
#slogan p { margin: 0; }

/* Main menu */
#main-menu { margin: 0; padding: 0; position: absolute; left: 0px; bottom: 0; _bottom: -1px; }
#main-menu ul { margin: 0; }
#main-menu li { margin: 0 5px 0 0; padding: 0; background: none; float: left; _display: inline;  }
#main-menu li a { display: block; color: #000; font-weight: bold; text-decoration: none; font-size: 14px; padding-left: 4px; float: left;  }
#main-menu li a .in { display: block; padding: 9px 20px 7px 16px; zoom: 1; float: left; =cursor: pointer; margin-right: -2px; _position: relative; }
#main-menu li.active { margin-bottom: -2px; }
#main-menu li.active a .in { =cursor: default; }
#main-menu li.active a { background: url(../img/bg-main-menu-item.png) no-repeat 0 0; color: #000; }
#main-menu li.active a .in { background: url(../img/bg-main-menu-item.png) no-repeat 100% 0; padding-bottom: 9px; }
#main-menu li a:hover { color: #0d51c9; }

/* User box */
#user-box { width: 264px; height: 59px; background: url(../img/bg-user-box.png) no-repeat 0 0; position: absolute; right: 0; top: 20px; font-size: 12px; }
#user-box .inner { padding: 12px 20px 0px 60px; }

/* Submenu */
.submenu { margin: -4px -4px 20px; padding: 4px 5px; background: url(../img/bg-submenu.png) no-repeat 50% 0; }
.submenu ul { margin: 0; }
.submenu li { margin: 0 5px 0 0; padding: 0; background: none; float: left; _display: inline;  }
.submenu li a { display: block; color: #3c3c3c; font-weight: bold; text-decoration: none; font-size: 14px; padding: 0 15px; float: left; line-height: 30px; _line-height:29px; height: 29px; position: relative; }
.submenu li.active .in { width: 21px; height: 15px; position: absolute; left: 50%; bottom: -15px; _bottom:-16px; margin-left: -11px; background: url(../img/bg-submenu-in.png) no-repeat 0 0; }
.submenu li.active a { =cursor: default; background: #00e700; }
.submenu li a:hover { color: #0d51c9; }

/* Footer */
#footer { font-size: 92.308%; color: #7b7b7b; margin: 20px 0; }
#footer .row-main { border-top: 4px solid #00ab00; padding: 10px 20px 20px; width: 900px; background: url(../img/bg-footer.png) repeat-x 0 0; }
#footer p { margin: 0; }
#footer a.sep { border-left: 1px solid #99c6bf; padding-left: 10px; margin-left: 5px; }
#footer a, #footer a:visited { color: #7b7b7b; }
#footer a:hover { color: #333; }

/* Breadcrumb */
.breadcrumb { padding: 20px 0 15px; margin: -30px 0 15px 0; font-size: 84.615%; zoom: 1; border-bottom: 1px dotted #b5b5b5; }
.breadcrumb p { margin: 0; }
.breadcrumb strong { font-weight: normal; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-size: 14px; }
.annot p { margin-bottom: 1em; }
.content { padding: 0; }

.side-menu ul li { margin: 0; padding: 0; background: none; border-bottom: 1px solid #999; }
.side-menu ul li a { display: block; color: white; padding: 7px 10px 7px 25px; text-decoration: none; background: #555 url(../img/bullet-side-menu-white.png) no-repeat 10px 50% }
.side-menu ul li.active a, .side-menu ul li a:hover { background-color: #777; }
.side-menu ul li a:hover { background-color: #fff; }

a.btn-edit { display: -moz-inline-stack; display: inline-block;  *display: inline; zoom: 1; vertical-align: middle; overflow: hidden; width: 0px; padding: 0 0 0 20px; border: 0; height: 20px;  background: url(../img/bg-btn-edit.png) no-repeat 0 0; }
a.btn-edit:hover { background-position: 0 -100px; }

a.btn-delete { display: -moz-inline-stack; display: inline-block;  *display: inline; zoom: 1; vertical-align: middle; overflow: hidden; width: 0px; padding: 0 0 0 20px; border: 0; height: 20px;  background: url(../img/bg-btn-delete.png) no-repeat 0 0; }
a.btn-delete:hover { background-position: 0 -100px; }

input.btn-delete { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-delete.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-delete:hover { background-position: 0 -100px; }

input.btn-first { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-first.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-first:hover { background-position: 0 -100px; }

input.btn-prev { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-prev.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-prev:hover { background-position: 0 -100px; }

input.btn-next { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-next.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-next:hover { background-position: 0 -100px; }

input.btn-last { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-last.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-last:hover { background-position: 0 -100px; }

input.btn-search { overflow: hidden; width: 20px; padding: 0; border: 0; height: 20px; vertical-align: middle; background: url(../img/bg-btn-search.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; =padding-left: 20px; =text-indent: 0;}
input.btn-search:hover { background-position: 0 -100px; }

a.btn-objednat { display: -moz-inline-stack; display: inline-block;  *display: inline; zoom: 1; vertical-align: middle; overflow: hidden; width: 0px; padding: 0 0 0 90px; border: 0; height: 25px;  background: url(../img/btn-objednat.png) no-repeat 0 0; }
a.btn-objednat:hover { background-position: 0 -100px; }


.delete-box { padding: 15px 15px 0px 15px; }
.delete-box p { margin: 0; }
.ico-danger { background: url(../img/ico-danger.png) no-repeat 0 50%; padding: 15px 0 15px 45px; font-size: 11px; line-height: 16px; text-align: left; }

.add-box { float: right; margin-top: -37px; }
.ico-plus { background: url(../img/ico-plus.png) no-repeat 0 50%; padding-left: 20px; }

.filter-box {  background: url(../img/bg-filter-box-top.png) no-repeat 0 0; margin: 0 -4px 20px; _position: relative; zoom: 1; }
.filter-box-bot { background: url(../img/bg-filter-box-bot.png) no-repeat 0 100%; padding: 20px; zoom: 1; }
.filter-box p { margin: 0 20px 0 0; }

.side-form-box {  background: url(../img/bg-side-form-box-top.png) no-repeat 0 0; margin: -5px -5px 20px; _position: relative; zoom: 1; }
.side-form-box-bot { background: url(../img/bg-side-form-box-bot.png) no-repeat 0 100%; padding: 15px 25px; zoom: 1; }
.side-form-box p { margin: 5px 0; }

.side-box h2 { font-size: 16px; margin: 0 0 3px; }

.ico-check { background: url(../img/ico-check.png) no-repeat 3px 50%; padding: 0 0 0 28px; zoom: 1; }
.ico-lock { background: url(../img/ico-lock.png) no-repeat 0 50%; padding: 0 0 0 28px; zoom: 1; }
.ico-star { background: url(../img/ico-star.png) no-repeat 0 50%; padding: 0 0 0 28px; zoom: 1; }

.hosting-box { background: url(../img/bg-hosting-box-a.png) no-repeat 0 0; margin: 0 -10px; min-height: 270px; color: white; }
.hosting-box .inner { padding: 17px 30px; }
.hosting-box h3 { color: white; font-size: 18px; margin: 9px 0 2px; }
.hosting-box ul, .hosting-box p { margin-bottom: 7px; }
.hosting-box ul li { background: url(../img/bullet-arrow-white.png) no-repeat 2px 5px; margin: 0 0 1px 0 }
.hosting-box a, .hosting-box a:visited { color: white; }
.hosting-box .price-box { font-weight: bold; text-align: center; }
.hosting-box .price-value { font-size: 24px; }

.hosting-box-a { background-image: url(../img/bg-hosting-box-a.png); }
.hosting-box-b { background-image: url(../img/bg-hosting-box-b.png); }
.hosting-box-c { background-image: url(../img/bg-hosting-box-c.png); }
.hosting-box-d { background-image: url(../img/bg-hosting-box-d.png); }
.hosting-box-e { background-image: url(../img/bg-hosting-box-d.png); }

.side-news {  }
.side-news ul { margin: 0; padding: 0; }
.side-news ul li { margin: 5px 0 10px; padding: 0; background: none; xxfont-size: 11px; }
.side-news ul li h3 { font-size: 13px; margin: 0 0 3px; line-height: 1.2; }
.side-news ul li p { margin: 0; font-size: 12px; color: #555; }
.side-news ul li .date { color: #666; font-weight: bold; }

/* News */
.news { margin: 0 0 20px; padding: 0; width: 100%; }
.news ul { margin: 0; padding: 0; width: 100%; }
.news ul li .date { margin: 0; font-size: 84.615%; }
/*.news ul li { margin: 0 0 15px; padding: 15px 0 1px; background: none; border-top: 1px dotted #d2d2d2; zoom: 1; }*/
.news ul li { margin: 0 0 15px; padding: 15px 0 1px; background: none; zoom: 1; }
.news ul li .img-box { float: left; width: 90px; height: 90px; border: 1px solid #e8e8e8; text-align: center; padding: 5px; vertical-align: middle; font-size: 0; _font-size: 80px; line-height: 90px; _line-height: 90px; }
.news ul li .img-box img { background: white; display: inline; vertical-align: middle; }
.news ul li .text-box { margin-left: 118px; }
.news ul li.no-img .text-box { margin-left: 0; }
.news ul li h3 { margin: 0 0 5px; }
.news ul li .desc { margin: 0; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 0 0; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 9px 0 0; padding: 0 0 10px; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #d2d2d2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}
.related-images ul li .delete { display: block; position: relative;}


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }
input, select { vertical-align: middle; }

.inp-text, select { border: 1px solid #c5c5c5; border-color: #aaa #ddd #ddd #aaa; }
input.inp-text, textarea { padding: 2px 3px; }
input.inp-text:focus, textarea:focus { border-color: #00AB00; }
select { padding: 1px; }

.inp-submit { padding: 1px 8px; background: #fdfdfd url(../img/bg-btn-submit.png) repeat-x 0 100%; border: 1px solid #929292; border-color: #bdbdbd #929292 #929292 #bdbdbd; -moz-border-radius: 10px; -webkit-border-radius: 10px; zoom: 1; =overflow: visible; cursor: pointer; margin: -1px 0; outline: none; }
.inp-submit:hover { border-color: #00AB00; }

.form-box { padding: 20px 20px 15px 20px; background: #f2f2f2; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #d2d2d2; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

.form-box table.plain td { padding: 3px 5px 3px 0; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }
.w-inp1 { width: 200px; }
.w-inp2 { width: 100px; }
.w-inp3 { width: 50px; }


/* Suggest */
.suggest-box { border: 0; z-index: 50; border: 1px solid #d2ddc3; background: #fff;}
.suggest-box p { margin: -1px 0 0 0; padding: 5px 10px; border: 1px solid #d2ddc3; background: #fff; cursor: pointer; }
.suggest-box p.active { background: #eef; }
.suggest-wrapper { display: block; position: relative; }
.suggest-box-wrap .suggest-box { width: 100%; height: 200px; position: absolute; top: 0; left: 0;  display: none; overflow: auto; }
.suggest-box-wrap { position: relative; }
.names-box { display: block; zoom: 1; }
.names-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.names-box a { font-size: 12px; padding: 1px 20px 1px 5px; margin: 2px 5px 2px 0; cursor: pointer; -moz-border-radius: 5px; color: #333;  background: #dee6d4 url(../img/ico-messages-remove-user.png) no-repeat 100% 50%; float:left; clear: both; }