@import url('/css/plugins.css');

.clear {clear: both;}
.kill {clear: both; display: none;}

/* AdminDirect */
#admin_direct {position: fixed !important; width: 220px; right: 0; top: 0; text-align: left; z-index: 10000;}
#admin_direct .direct_header {overflow: hidden; position: relative; height: 18px; background: url('/admindirect/images/header-bg.gif') 0 0 no-repeat;}
#admin_direct .direct_header a {position: absolute; display: block; width: 13px; height: 18px; top: 6px; right: 6px; background: url('/admindirect/images/minimize.gif') 0 0 no-repeat; outline: none;}
#admin_direct .direct_header a span {display: none;}
#admin_direct .direct_header a.maxi {background-image: url('/admindirect/images/maximize.gif');}
#admin_direct .direct_content {color: #000; font-family: "Tahoma",sans-serif; font-size: 11px; line-height: 1.5; text-align: left; background: url('/admindirect/images/content-bg.gif') 0 0 repeat-y; padding: 0 5px;}
#admin_direct .direct_content ul,
#admin_direct .direct_content li {background: #ededed none repeat scroll 0 0; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0;}
#admin_direct .direct_content ul {margin: 0 1px;}
#admin_direct .direct_content li a,
#admin_direct .direct_content li span {display: block; color: #000; font-weight: normal !important; background-position: 4px 50%; background-repeat: no-repeat; border-top: 1px solid #888; padding: 3px 2px 3px 24px; text-decoration: none !important; outline: none;}
#admin_direct .direct_content li a:hover {color: #000; background-color: #f6f3c3;}
#admin_direct .direct_content .first a {border-top: 0;}
#admin_direct .direct_content .admin {background-image: url('/admindirect/images/icons/admin.gif');}
#admin_direct .direct_content .edit {background-image: url('/admindirect/images/icons/edit.gif');}
#admin_direct .direct_content .addpage {background-image: url('/admindirect/images/icons/add-page.gif');}
#admin_direct .direct_content .addarticle {background-image: url('/admindirect/images/icons/add-article.gif');}
#admin_direct .direct_content .addcatalog {background-image: url('/admindirect/images/icons/add-catalog.gif');}
#admin_direct .direct_content .addgallery {background-image: url('/admindirect/images/icons/add-gallery.gif');}
#admin_direct .direct_logo a {overflow:hidden; display: block; width: 210px; height: 31px; background: url('/admindirect/images/logo.gif') 0 0 no-repeat;}
#admin_direct .direct_logo a span {display: none;}
#admin_direct .direct_foot {overflow: hidden; height: 6px; margin: 0 -5px; background: url('/admindirect/images/foot-bg.gif') 0 0 no-repeat;}


/* Post */
#post_box {padding: 3px;}
#post_box .annotation p {font-size: 1.1em; text-align: justify; margin: 5px 0 10px 0; padding: 5px; background: #F7F7F7; border-left: 2px solid #CCC;}
#post_box .article_date_author {padding: 0; margin: 0; font-weight: bold;}
#post_box .article_date_author .published,
#post_box .article_date_author .author,
#post_box .article_date_author .separator {font-size: 0.9em;}
#post_box .article_content .text {font-size: 0.9em; text-align: justify; margin: 10px 0; line-height: 1.4;}
#post_box .article_content .text p {font-size: 1em; text-align: justify;}
#post_box li {margin-left: 20px;}
#post_box .total {padding: 10px 0;}
#post_box .preview_article {background: url('/system/images/dot-line.gif') bottom repeat-x; margin: 10px 0; padding-bottom: 5px;}
#post_box .preview_article h3 {padding: 0; margin: 0;}
#post_box .preview_article h3 a {font-weight: bold;}
#post_box .preview_article p.annotation {font-size: 0.8em; text-align: justify; margin: 5px 0; padding: 5px; background: #F7F7F7; border-left: 2px solid #CCC;}
#post_box .preview_article .preview_text p {font-size: 0.9em; text-align: justify; padding: 5px 0;}
#post_box .preview_article .link_to_full_article {text-align: right;}
#post_box .preview_article .link_to_full_article a {font-size: 0.9em; padding: 5px 0;}
#post_box .preview_article .tray {color: #1E92DB; font-size: 0.8em; padding: 2px 0; margin: 5px 0; font-weight: bold;}
#post_box .preview_article .tray a {color: #1E92DB;}
#post_box .goto_archivelink {background: url('/system/images/ico_archive.png') 0 center no-repeat; padding-left: 25px;}
#post_box .logoff_article {background: url('/system/images/ico_logout.png') 0 center no-repeat; padding-left: 25px;}
#post_box .preview_annotation h3 {padding: 0; margin: 10px 0 0 0;}
#post_box .preview_annotation h3 a {font-weight: bold;}
#post_box .preview_annotation p.annotation {text-align: justify; margin: 5px 0; padding: 5px 0;}
#post_box .preview_annotation p.url {color: #999; font-size: 0.8em; margin: 2px 0;}
#post_box .article_previewlist {list-style: square; margin-left: 20px; padding: 0;}
#post_box .article_previewlist li {padding: 3px 0;}
#post_box .catalog_previewlist {margin: 5px 0;}
#post_box .catalog_previewlist .item {clear: both; padding: 10px 0;}
#post_box .catalog_previewlist .item .image {float: left; width: 150px; margin: 0 10px 0 0;}
#post_box .catalog_previewlist .item h4 {margin: 0 0 5px 0;}

#post_box .goods {margin: 15px 0 0 0; padding: 0;}
#post_box .goods .left {float: left; width: 140px; margin: 0;}
#post_box .goods .right {float: right; width: 405px; border-left: #818181 solid 1px; background: #F0F0F0; padding: 5px 10px 0 10px; text-align: left;}
#post_box .goods .right p {color: #000; padding-bottom: 5px}
#post_box .goods .right span {color: #000; font-weight: bold }

#post_box .catalog_top {position: relative; padding: 5px 0 20px 0;}
#post_box .catalog_top p {font-size: 0.8em; text-align: justify;}
#post_box .catalog_top .image {float: left; width: 200px; margin: 0 10px 0 0; text-align: center;}
#post_box .catalog_top .image .zoom {color: #000; font-size: 0.8em; padding-left: 20px; background: url('/system/images/zoom.gif') left center no-repeat; text-decoration: none;}
#post_box .catalog_top .info {float: left; width: 345px; color: #000; font-size: 0.8em; padding: 10px;}
#post_box .catalog_top .info strong {display: block; float: left; width: 120px; text-align: right; margin-right: 10px;}
#post_box .catalog_top .info div.even {background: 0;}
#post_box .catalog_top .info div.odd {background: #F0F0F0;}
#post_box .catalog_top h3 {color: #000; font-size: 1.3em; margin: 0 0 5px 0;}
#post_box .catalog_top .code {float: right; font-size: 0.9em;}

#article_password_required {background: #F7F7F7; border: 1px solid #CCC; padding: 15px 8px; margin: 10px 0px; text-align: center;}
#article_password_required p.text {text-align: center;}
#article_password_required input {vertical-align: middle;}

/* Menu */
#menu_left {margin: 10px 0;}
#menu_left ul, #menu_left li {margin: 0; padding: 0; list-style: none;}
#menu_left ul.closed {display: none;}
#menu_left ul.opened {display: block;}
#menu_left ul {margin: 0; padding: 0; list-style: none; width: 100%; position: relative;}
#menu_left ul li {margin: 0; padding: 0; position: relative;}
#menu_left ul li li {margin-left: 10px;}
#menu_left ul li a,
#menu_left ul li span.active {display: block; padding: 3px 0 0 18px; height: auto !important; height: 19px; min-height: 16px; color: #000; font-size: 11px; text-decoration: none; background: left center no-repeat; _width: 100%; _overflow-x: hidden;}
#menu_left ul li a:hover {text-decoration: underline;}
#menu_left ul li .active {font-weight: bold;}
#menu_left ul li .inactive {font-weight: normal;}
#menu_left li.nosub,
#menu_left li.sub {background: #FFF url('/system/images/ico-none.gif') 3px 4px no-repeat;}
#menu_left li a.open {width: 13px; height: 19px !important; min-height: 1px; padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; overflow: hidden; text-indent: -2000px; background: #FFF 2px 4px no-repeat;}
#menu_left li a:hover.open {background-color: #F9F9F9;}
#menu_left li a.open.opened,
#menu_left li a:hover.open.closed {background-image: url('/system/images/ico-minus.gif');}
#menu_left li a.open.closed,
#menu_left li a:hover.open.opened {background-image: url('/system/images/ico-plus.gif');}

#secondmenu {}
#secondmenu ul, #secondmenu li {margin: 0; padding: 0; list-style: none;}
#secondmenu ul.closed {display: none;}
#secondmenu ul.opened {display: block;}
#secondmenu ul {margin: 0; padding: 0; list-style: none; width: 100%; position: relative;}
#secondmenu ul li {float: left; margin: 0; padding: 0; position: relative;}
#secondmenu ul li li {margin-left: 10px;}
#secondmenu ul li a,
#secondmenu ul li span.active {display: block; padding: 3px 0 0 18px; height: auto !important; height: 19px; min-height: 16px; color: #000; font-size: 11px; text-decoration: none; background: left center no-repeat; _width: 100%; _overflow-x: hidden;}
#secondmenu ul li a:hover {text-decoration: underline;}
#secondmenu ul li .active {font-weight: bold;}
#secondmenu ul li .inactive {font-weight: normal;}

/* Random foto */
#random_foto {text-align: center; margin: 10px 0;}

/* Paging */
.paging {text-align: right !important;}
.paging p {font-size: 0.9em;}
.paging a {font-size: 0.9em; text-decoration: underline;}
.paging a:hover {text-decoration: none;}
.paging .fleft {float: left;}
.paging .fright {float: right;}

/* Gallery */
/*
#gallery_box .date {margin-top: 10px;}
#gallery_box .gallery_thumbs {margin-top: 1em;}
#gallery_box .gallery_thumbs .gallery_thumbs_item {float: left; margin: 4px; text-align: center; overflow: hidden; vertical-align: top; padding: 0;}
#gallery_box .gallery_thumb_imgcontainer {margin: 0 auto; position: relative;}
#gallery_box .gallery_thumb_img {position: relative; text-align: center; margin: auto; vertical-align: middle;}
#gallery_box .gallery_thumb_img .small {display: block; width: 120px; height: 120px;}
#gallery_box .gallery_thumb_img a {display: block; position: relative; border: 2px solid #F2F2F2; padding: 1px; text-decoration: none;}
#gallery_box .gallery_thumb_img a img {display: block; margin: auto; border: 0;}
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #c00;}
#gallery_box .gallery_thumb_img a span {display: block; width: 120px; position: absolute; bottom: 2px; text-align: center; margin: 0 auto; font-size: 0.8em;}
#gallery_box .gallery_thumb_name {overflow: hidden; height: 40px; text-align: center; padding: 0 2px; margin: 2px 0;}
#gallery_box .gallery_thumb_name a {font-size: 11px; text-decoration: underline;}
#gallery_box .gallery_thumb_name a:hover {text-decoration: none;}
#gallery_box .gallery_thumb_name.small {width: 120px !important;}
#gallery_box .gallery_thumb_title {float: left; width: 350px; text-align: left; padding: 15px 10px;}
#gallery_box .gallery_thumb_title a {font-size: 1em; text-decoration: underline; font-weight: bold;}
#gallery_box .gallery_thumb_title a:hover {text-decoration: none;}
#gallery_box .gallery_thumbs .dir {display: block; width: 120px; height: 120px; background: url('/system/images/gallery-folder.gif') center 5px no-repeat;}

#gallery_box .gallery_paging {width: 100%;}
#gallery_box .gallery_paging p {font-size: 12px;}
#gallery_box .gallery_paging a {font-size: 12px; text-decoration: underline;}
#gallery_box .gallery_paging a:hover {text-decoration: none;}
#gallery_box .gallery_paging .fleft {float: left;}
#gallery_box .gallery_paging .fright {float: right;}
*/

#gallery_box .date {margin-top: 10px;}
#gallery_box .gallery_thumbs {margin-top: 1em;}
#gallery_box .gallery_thumbs .small {width: 126px !important; height: 150px;}
#gallery_box .gallery_thumbs .big {width: 206px !important; height: 230px;}
#gallery_box .gallery_thumbs .gallery_thumbs_item {float: left; margin: 4px; text-align: center; overflow: hidden; vertical-align: top; padding: 0;}
#gallery_box .gallery_thumb_imgcontainer {margin: 0 auto; position: relative;}
#gallery_box .gallery_thumb_img {text-align: center; margin: 0 auto; vertical-align: middle;}
#gallery_box .gallery_thumb_img a {margin: 0 auto; display: block; position: relative; border: 2px solid #F2F2F2; padding: 1px;}
#gallery_box .gallery_thumb_img a img {text-align: center;}
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #c00;}
#gallery_box .gallery_thumb_name {width: 122px !important; overflow: hidden; height: 40px; text-align: center;}
#gallery_box .gallery_thumb_name a {font-size: 11px; text-decoration: underline;}
#gallery_box .gallery_thumb_name a:hover {text-decoration: none;}
#gallery_box .gallery_thumb_name.small {width: 120px !important;}
#gallery_box .gallery_thumb_title {float: left; width: 350px; text-align: left; padding: 15px 10px;}
#gallery_box .gallery_thumb_title a {font-size: 1em; text-decoration: underline; font-weight: bold;}
#gallery_box .gallery_thumb_title a:hover {text-decoration: none;}
#gallery_box .gallery_thumbs .dir {display: block; width: 120px; height: 120px; background: url('/system/images/gallery-folder.gif') center 5px no-repeat;}

#gallery_box .gallery_paging {width: 100%;}
#gallery_box .gallery_paging p {font-size: 12px;}
#gallery_box .gallery_paging a {font-size: 12px; text-decoration: underline;}
#gallery_box .gallery_paging a:hover {text-decoration: none;}
#gallery_box .gallery_paging .fleft {float: left;}
#gallery_box .gallery_paging .fright {float: right;}

/* Site-map */
#sitemap_box ul {list-style: square; margin: 0;}
#sitemap_box li {margin: 2px 0;}

/* Contact */
#contact_box {text-align: left; margin: 0 auto;}
#contact_box h3 {font-size: 16px; font-weight: bold; padding: 0; margin: 0;}
#contact_box table, #contact_box th, #contact_box td {width: 500px; border: 0; background: none; vertical-align: middle;}
#contact_box th {text-align: right; padding-right: 5px;}
#contact_box label {font-size: 1em; font-weight: bold;}
#contact_box input, #contact_box textarea {font-size: 1em !important; width: 300px; margin: 0 !important; padding: 2px !important;}
#contact_box textarea {height: 150px;}
#contact_box input.submit {width: auto; padding: 5px 20px !important;}
#contact_box .error_message {background: #F26522; border: 1px solid #DE4800; color: #FFF; font-size: 13px; font-weight: bold; padding: 15px 8px; margin: 10px 0px; text-align: center;}
#contact_box .error_message ul {margin: 0 20px;}

/* Poll */
#poll_results {position: relative;}

#poll_box {max-width: 250px; padding-bottom: 5px;}
#poll_box img {width: 100%; margin-bottom: 4px; vertical-align: middle;}
#poll_box .graph {position: relative; font: 9px/10px arial, sans-serif; margin-top: 2px; padding-right: 1px; margin-bottom: 3px; border: 1px solid #ccc; background: #FFF; height: 10px;}
#poll_box .graph a, #poll_box .graph a:hover {display: block; float: left; height: 5px; cursor: default; text-decoration: none; border: 0; background: #efefef; border-bottom: 5px solid #e0e0e0; border-right: 1px solid #ccc;}
#poll_box .graph a em, #poll_box .graph a:hover strong {display: none;}
#poll_box .graph a:hover em {display: block;}
#poll_box .graph strong, #poll_box .graph em {color: #000; float: left; display: block; position: absolute; margin-left: 3px; font-weight: bold; font-style: normal;}
#poll_box .winner a, #poll_box .winner a:hover {border-right: 0;}
#poll_box .winner {padding-right: 0;}
#poll_box .vote-button {display: block; margin: 6px 0;}
#poll_box form {text-align: left;}
#poll_box input {vertical-align: middle; margin: 0 5px 3px 5px; width: auto;}
#poll_box ul,
#poll_box li {padding: 0; margin: 0; list-style-type: none;}
#poll_box label {float: none; display: inline;}
#poll_box .total-votes {display: block; margin: 3px 0; font-weight: bold;}
#poll_box .voted-for-this {border-color: #ccc;}

#poll_load {position: absolute; display: block; top: 0; left: 0; width: 100%; z-index: 103; text-align: center;}
#poll_load img {width: 31px; height: 31px; background: #FFF; border: 1px solid #000; padding: 2px;}

/* Comments */
#comments_box {text-align: left; margin: 0 auto;}
#comments_box .preview {font-size: 0.8em; padding: 5px 10px; margin: 10px 0; background: #F4F4F4;}
#comments_box .preview p {padding: 0; margin: 5px 0;}
#comments_box .go_back {text-align: right;}
#comments_box ol {margin: 0 0 0 15px; padding: 0 0 0 10px;}
#comments_box ul {margin: 0; padding: 0; list-style-type: none;}
#comments_box ul li {list-style-type: none;}
#comments_box li {display: list-item;}
#comments_box .comment_item {position: relative; background: #F7F7F7; border: 1px solid #568DB0; padding: 0 0 5px 0; margin-bottom: 10px;}
#comments_box .comment_text h5 {font-size: 1em; font-weight: bold; padding: 0 5px; margin: 5px 0;}
#comments_box .comment_text p {font-size: 0.9em; text-align: justify; padding: 0 5px; margin: 5px 0;}
#comments_box .comment_header {position: relative; color: #FFF; background: #568DB0; padding: 3px 5px; margin: 0; height: 20px;}
#comments_box .comment_header a.comment_user {float: left; display: block; width: 16px; height: 16px; position: relative; overflow: hidden;}
#comments_box .comment_header a.comment_user span {display: block; width: 16px; height: 16px; margin: 0; position: absolute; left: 0; top: 0; background: #568DB0 url('/system/images/user_ico.gif') center center no-repeat;}
#comments_box .comment_header a.re {position: absolute; color: #FFF; text-align: right; right: 5px;}
#comments_box .comment_header .comment_name {font-weight: bold;}
#comments_box .comment_header .comment_name a {color: #FFF;}
#comments_box .comment_header .comment_email {font-style: italic;}
#comments_box .comment_header .comment_date {font-weight: bold;}
#comments_box .comment_header .comment_date span {font-weight: normal;}
#comments_box .no_comment {background: #F4F4F4; border: 1px solid #D4D4D4; padding: 8px; text-align: center; margin: 8px 0;}
#comments_box .error_message {background: #F26522; border: 1px solid #DE4800; color: #FFF; font-weight: bold; padding: 15px 8px; margin: 10px 0px; text-align: center;}
#comments_box .error_message ul {margin: 0 20px;}


#smiles img {padding: 4px; margin: 2px 2px 2px 0;}
#smiles a img {border: 1px solid #D4D4D4;}
#smiles a:hover img {border: 1px solid #666666; background: #E2E2E2;}

#add_new_comments {text-align: left; margin: 0 auto;}
#add_new_comments .comment_help {background: #F6F6F6; border: 1px solid #EFEFEF; padding: 5px; margin: 5px 0;}
#add_new_comments .comment_help p {font-size: 0.8em; padding: 2px; margin: 2px 0;}
#add_new_comments table, #add_new_comments th, #add_new_comments td {width: 500px; border: 0; background: none; vertical-align: top;}
#add_new_comments th {text-align: right; padding-right: 5px;}
#add_new_comments label {font-weight: bold; vertical-align: middle;}
#add_new_comments input, #add_new_comments textarea {font-family: trebuchet MS, verdana, sans-serif; width: 300px;}
#add_new_comments textarea {height: 150px;}
#add_new_comments input.submit {width: auto; padding: 5px 20px !important;}
#add_new_comments img {background: 0;}

/* search */
.highlight_search {border: 1px solid #8D8D8D; background: #FFFF88; text-decoration: none;}
#search_form_results p {font-size: 13px; padding: 10px 5px; background: #F1F1F1;}
#search_form_results input {width: 300px; _width: 280px;}
#search_form_results input.submit_button {width: auto; padding: 0 10px;}
#search_results_info p {font-size: 13px; padding: 15px 0;}

#search_left input {font-size: 0.9em; padding: 2px; width: 150px;}
#search_left .submit {width: auto;}

/* archive */
#archive_box h3 {font-size: 1.5em; font-weight: bold; padding: 0; margin: 0;}
#archive_box h4 {font-size: 1.2em; font-weight: normal; padding: 0; margin: 5px 0;}
#archive_box .displayed_articles {margin: 10px 0; padding: 10px 5px; background: #F7F7F7; font-weight: bold;}
#archive_box select {width: 300px;}
#archive_box .archive_list {list-style: square; margin: 0 0 10px 20px; padding: 0;}
#archive_box .archive_list a,
#archive_box p {margin: 20px 0 10px 0; padding: 0;}

/* rss */
#rss_box .item {margin: 5px 0 5px 10px;}

/* print & top */
#print_top {clear: both; text-align: right; margin-top: 10px;}
#print_top span {visibility: hidden;}
#print_top .print {background: url('/system/images/ico_printer.png') left center no-repeat; padding-left: 20px;}
#print_top .toppage {background: url('/system/images/ico_top.png') left center no-repeat; padding-left: 20px;}

/* path */
#path {font-size: 0.8em;}

.resizable-textarea {width: 95%}
.resizable-textarea .grippie {height: 9px; background: #EEEEEE url('/system/images/grippie.gif') no-repeat center 2px; border: 1px solid #DDDDDD; border-top-width: 0; cursor: s-resize; overflow: hidden}

/* cms code */
#cms-articles ul, #cms-articles li {margin: 0; padding: 0; list-style: none;}
#cms-articles li {margin: 5px 0;}

/* catalog */
#catalog_box {padding: 6px 0 0 5px;}
#catalog_box .item {float: left; width: 183px; font-size: 0.9em; background: #FFF; border: #D4D4D4 solid 1px; margin: 0 5px 15px 0; overflow: hidden;}
#catalog_box .item h3 {font-size: 1em; margin: -10px -12px 0 -12px; background: #292929; overflow: hidden;}
#catalog_box .item h3 a {display: block; color: #FFF; padding: 8px; text-align: center;}
#catalog_box .item h3 a:hover,
#catalog_box .item h3 a:active,
#catalog_box .item h3 a:focus {color: #FFF; text-decoration: none;}
#catalog_box .item .inner {position: relative; height: 200px; overflow: hidden; padding: 10px 12px 8px 12px;}
#catalog_box .item .foot {position: relative; padding: 0 12px 8px 12px;}
#catalog_box .item .thumb {text-align: center;}
#catalog_box .item p {clear: both; font-size: 0.9em; margin: 5px 0;}
#catalog_box .item .price {float: left; font-size: 0.8em; padding: 8px 0 0 0;}
#catalog_box .item .price strong {display: block; font-size: 1.2em; color: #c51523;}
#catalog_box .item .price span {display: block; color: #666;}
#catalog_box .item .act {float: right; width: 27px;}
#catalog_box .item .act a {display: block; width: 25px; height: 25px; background: url('/system/images/ico-basket.gif') 0 0 no-repeat; margin: 13px 0; text-indent: -100px; overflow: hidden;}

.signs {margin: 2px 0 4px 0;}
.signs .sign_new {display: block; float: left; width: 61px; height: 15px; background: url('/system/images/ico-new.gif') 0 0 no-repeat; margin: 2px 5px 0 0; text-indent: -60px; overflow: hidden;}
.signs .sign_action {display: block; float: left; width: 47px; height: 15px; background: url('/system/images/ico-action.gif') 0 0 no-repeat; margin: 2px 5px 0 0; text-indent: -60px; overflow: hidden;}
.signs .sign_freetransport {display: block; float: left; width: 105px; height: 15px; background: url('/system/images/ico-freetransport.gif') 0 0 no-repeat; margin: 2px 5px 0 0; text-indent: -100px; overflow: hidden;}

/* order box */
#order_box {background: #F5F5F5; border: 1px solid #D4D4D4; padding: 3px 5px; margin-bottom: 5px;}
#order_box .left {float: left; width: auto !important; margin: 0 !important; padding: 0 !important;}
#order_box .right {float: right; width: auto !important; margin: 0 !important; padding: 0 !important;}
#order_box p {float: left; line-height: 22px; _line-height: 24px; padding: 0; margin: 0;}
#order_box select {float: left; height: 20px; font-size: 11px; padding: 0; margin: 0 5px;}
#order_box span {display: none;}
#order_box .order {margin: 4px 0;}
#order_box .order,
#order_box .order span {display: block; float: left; width: 11px; height: 14px; border: 0; background: #F5F5F5 no-repeat; position: relative; overflow: hidden;}
#order_box .order span {position: absolute; left: 0; top: 0;}
#order_box .up span {background-image: url('/system/images/sort-up0.png');}
#order_box .up_active span {background-image: url('/system/images/sort-up.png');}
#order_box .down span {background-image: url('/system/images/sort-down0.png');}
#order_box .down_active span {background-image: url('/system/images/sort-down.png');}

/* filter box */
#filter_box {background: #F5F5F5; border: 1px solid #D4D4D4; margin: 0 0 2px 0; padding: 5px;}
#filter_box strong {display: block; background: url('images/markers-title.png') 55px center no-repeat; padding: 0; margin: 0;}
#filter_box a {font-size: 11px; text-decoration: underline;}
#filter_box a:hover {text-decoration: none;}
#filter_box label {float: left; width: 140px; margin: 1px;}
#filter_box label input {position: relative; top: 1px;}

/* basket */
#basket_box .delete,
#basket_box .delete span {display: block; width: 15px; height: 15px; background: no-repeat; position: relative; overflow: hidden; text-indent: 50px;}
#basket_box .delete span {position: absolute; left: 0; top: 0; background-image: url('/system/images/basket-erase.gif');}
#basket_box .table {border-collapse: separate; border: 1px solid #D4D4D4; width: 100%; clear: both; margin-bottom: 2px;}
#basket_box .table th {font-size: 13px; padding: 5px; background: #8E8E8E; color: #FFF;}
#basket_box .table th small {font-size: 11px;}
#basket_box .table td {padding: 0 5px; margin: 0;}
#basket_box .table td.white {background: #FFF;}
#basket_box .table tr {padding: 0; margin: 0;}
#basket_box .table tr.odd {background: #F4F4F4;}
#basket_box .table tr.even {background: #E9E9E9;}
#basket_box .right {float: none !important; width: auto !important; text-align: right !important;}
#basket_box .input {border: 1px solid #CDCDCD; vertical-align: center; background-color: #FFFFFF; text-align: right;}
#basket_box .product a {display: block;}
#basket_box .price_box {border-top: 1px solid #D4D4D4; background: #F5F5F5; padding: 5px 10px;}
#basket_box .price_box p {text-align: right; margin: 0;}
#basket_box .button_box {padding: 10px 0; margin-bottom: 10px;}
#basket_box .add_box {font-size: 0.8em; border: 1px solid #DED786; background: #FFF799; padding: 10px; margin-bottom: 10px;}
#basket_box fieldset {margin: 25px 0 25px 0; padding: 0; border: none; border-top: 1px solid silver; font-size: 1.1em;}
#basket_box legend {font-weight: bold; padding: 0 5px 0 0;}
#basket_box .summary {font-size: 0.8em; background: #F5F5F5 !important;}
#basket_box .summary th {background: 0; padding: 5px;}
#basket_box .summary td {background: 0; text-align: right; padding: 5px;}
#basket_box .order-form {font-size: 0.8em;}
#basket_box .order-form .text {border: 1px solid #D4D4D4; background: #F5F5F5;}
#basket_box .order-form label.normal  {float: none; margin: 0;}
#basket_box .order-form label.normal input {display: inline;}
#basket_box .order-form label {float: left; display: inline; margin: 0 8px 4px 0;}
#basket_box .order-form label input {display: block; font-weight: normal;}
#basket_box .order-form label.half input {width: 275px;}
#basket_box .order-form label.full input,
#basket_box .order-form label.full textarea {width: 562px;}
#basket_box .order-form label.three-quarter input {width: 370px;}
#basket_box .order-form label.quarter input {width: 180px;}

#transport_box .radio {position: relative; top: -3px; margin-right: 10px;}
#transport_box label {display: block; font-size: 0.8em; font-weight: bold; margin-top: 10px;}
#transport_box label span {color: #F87329; font-weight: normal;}
#transport_box ul {font-size: 0.7em; margin: 0 0 0 5px;}

/* price box */
#price_box {margin: 25px 0 25px 0; padding: 0; border: none; border-top: 1px solid silver; font-size: 1.1em;}
#price_box legend {font-weight: bold; padding: 0 5px 0 0;}
#price_box table {margin-top: 10px; border-collapse: collapse; border: 0;}
#price_box th {font-size: 0.8em; padding: 3px 2px;}
#price_box td {font-size: 0.8em; padding: 3px 2px; border-bottom: 1px solid #CCC; }
#price_box .odd td {background: #FFF;}
#price_box .even td {background: #F4F4F4;}
#price_box .price {width: 100px; color: #F87329; text-align: right; padding-right: 10px; font-weight: bold;}
#price_box .availability {width: 80px;}
#price_box .basket {width: 67px;}
#price_box .basket .basket_input {width: 20px; border: 1px solid #CCC; padding: 1px; text-align: right;}
#price_box .basket .basket_button {position: relative; width: 25px; height: 25px; padding: 0; margin: 0; top: 1px; overflow: hidden; text-indent: -120px; border: 0; background: url('/system/images/ico-basket.gif') center center no-repeat; cursor: pointer;}

/* basket infobox */
#basket-infobox {margin: 5px 0; cursor: pointer;}
#basket-infobox span.pcs {}
#basket-infobox span.price {margin: 0 0 0 43px;}

/* good news */
#good-news {font-size: 0.9em;}
#good-news div.img {float: left; width: 70px; height: 70px; overflow: hidden; background: #FFF; border: 1px solid #E6E6E6; margin: 2px 5px 2px 2px; text-align: center;}
#good-news div.img img {border: 0;}
#good-news a {display: block; font-weight: bold;}
#good-news span.price {display: block; margin-top: 5px;}

/* auth */
#auth_box fieldset {width: 460px; margin: 25px 0 25px 0; padding: 10px; border: 1px solid silver;}
#auth_box legend {font-weight: bold; padding: 5px; font-size: 1.1em; background: #E6E6E6; border: 1px solid silver;}
#auth_box label {display: block; clear: both; padding: 5px 0;}
#auth_box label strong,
#auth_box label span {display: block; float: left; width: 150px;}
#auth_box .text {float: left; width: 300px;}
#auth_box a.logout {background: url('/system/images/ico_logout.png') 0 center no-repeat; padding-left: 25px;}
#auth_box div.submit {margin-left: 150px; padding-top: 10px;}
#auth_box div.submit .submit {margin-top: 10px;}

/* api mapy */
#myMap {color: #000; border: 1px solid silver; margin: 10px 0px; padding: 0px; width: 540px; height: 380px;}

/* chapters */
#chapters {text-align: right; font-size: 0.9em; padding: 10px 0;}
#chapters ul,
#chapters li {display: inline; margin: 0; padding: 0}
#chapters li {padding: 5px 10px; border: 1px solid #b9b9b9; background: #b9b9b9;}
#chapters li a {color: #fff; font-weight: bold; text-decoration: none;}
#chapters .active {color: #000; font-weight: bold; background: #fff;}