body {position: relative; margin: 0px; padding: 0px; background: #FFF; color: #303030; font-size: 0.9em;}
body, input, select, textarea {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.image-border {border: 1px solid #DBDBDB; padding : 2px;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #79AF0D;}
h1 {font-size: 3em; margin: 0;}
h2 {font-size: 1.5em; margin: 0 0 10px 0;}
h3 {font-size: 1.3em; margin: 0.5em 0 0.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; color: #000; font-weight: normal;}
p {font-size: 0.9em; margin: 0 0 0.5em;}

/* link */
a {color: #8FB31F;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
table {border-collapse: collapse; border: 1px solid #DBDBDB; font-size: 1em; width: 100%; clear: both; margin: 0.5em 0;}
tr {background: white;}
td, th {text-align: left; border: 1px solid #DBDBDB; padding: 2px 3px; font-size: 0.9em; font-weight: normal;}
th {width: 250px; font-weight: bold;}
th.section {width: auto; background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; background: #FFF url('/system/images/bg_img.gif') center center no-repeat;}
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

/* CMS layout */
#cms_container {width: 907px; background: #FFF; margin: 0 auto; padding: 0; text-align: left;}

#cms_header_menu {width: 907px; height: 98px; background: #FFBB00 url('../images/top_head.gif') top right no-repeat}
#cms_header_menu .top_menu {float: left; width: 470px; margin-left: 30px; margin-top: 35px;}
#cms_header_menu .top_menu a { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13px; padding-left: 5px; padding-right: 5px; text-decoration: none }
#cms_header_menu .top_menu a:visited { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 13px; padding-left: 5px; padding-right: 5px; text-decoration: none }
#cms_header_menu .top_menu ul, #cms_header_menu .top_menu li {padding: 0; margin: 0; list-style-type: none;}
#cms_header_menu .top_menu li {float:left; padding: 0 5px 0 5px; background: url('../images/menu_line.gif') top right no-repeat}
#cms_header_menu .top_menu li.no_line {float:left; padding: 0 5px 0 5px; background: 0; }

#cms_header {width: 907px; height: 113px;}
#cms_header .left {width: 590px; height: 113px; float: left; }
#cms_header .right {width: 317px; height: 113px; float: left; background: url('../images/basket-top.gif') top left no-repeat;}

#cms_head {width: 907px; height: 171px; background: #FFAE05 url('../images/head-back.gif');}
#cms_head .left {position: relative; float: left; width: 546px; height: 169px; border-top: 1px solid #FFAE05; border-bottom: 1px solid #FFAE05;}
#cms_head .left address {position: absolute; width: 180px; height: 123px; left: 282px; top: 15px; border-right: 2px solid #DE9604; padding: 10px; color: #000; font-size: 14px; text-align: right; font-weight: bold; font-style: normal}
#cms_head .right {float: left; width: 361px; height: 171px; background: url('../images/head-right.gif') no-repeat;}

#logo {margin:0; padding:0; position: relative; width: 480px; height: 113px; overflow: hidden; cursor: pointer;}
#logo span { display: block; position: absolute; left: 0; top: 0; z-index:1; width: 480px; height: 113px; margin:0; padding:0; background: url('../images/toman-a-toman.gif') top left no-repeat;}

#cms_content {padding: 14px;}

#cms_leftbox {float: left; width: 213px; margin-right: 14px;}
#cms_leftbox h3 {width: 173px; height: 44px; line-height: 44px; color: #FFF; font-size: 18px; padding-left: 40px; margin: 5px 0 0 0; font-weight: normal;}
#cms_leftbox h3.green {background: #94B620 url('../images/h3-green.gif');}
#cms_leftbox h3.yellow {background: #E4B436 url('../images/h3-yellow.gif');}
#cms_leftbox h3.black {background: #0E2024 url('../images/h3-black.gif');}
#cms_leftbox h3 span2 {display: none;}
#cms_leftbox .box {background: #F0F0E4 url('../images/box.gif') left top repeat-y;}
#cms_leftbox .box_top {padding: 5px 0;}
#cms_leftbox .box_bottom {background: url('../images/box-bottom.gif') left bottom no-repeat;}

#cms_maincol {float: left; width: 638px; margin-left: 14px; padding: 0;}

#cms_foot {background: #FFF; border-top: 5px solid #FFAE05; margin: 0 14px; padding: 15px 0;}
#cms_foot .left {float: left; width: 500px; height: 47px;}
#cms_foot .left a {margin-right: 20px;}
#cms_foot .left a img {border: 0;}
#cms_foot .right {float: right;}
#cms_foot p {text-align: right; font-size: 13px; color: #9C9C9C;}
#cms_foot p.green {text-align: right; font-size: 13px; color: #93B620; font-weight: bold;}
#cms_foot a {color: #9C9C9C; text-decoration: underline;}
#cms_foot .green a {color: #93B620; text-decoration: underline;}
#cms_foot a:hover {color: #9C9C9C; text-decoration: none;}
#cms_foot .green a:hover {color: #93B620; text-decoration: none;}

.lang {float: right }
.lang a {float: left; display: block; width: 20px; height: 14px; margin: 10px 5px; background: 0 0 no-repeat;}
.lang a.cs {background-image: url('../images/flag-cs.gif')}
.lang a.de {background-image: url('../images/flag-de.gif')}
.lang a.sk {background-image: url('../images/flag-sk.gif')}
.lang span {display: none;}

/* nastaveni CMS */
#menuleft ul, #menuleft li {list-style: none; margin: 0; padding: 0; overflow: hidden;}
#menuleft ul {margin: 0 5px;}
#menuleft li a, #menuleft li span {color: #000; display: block; margin-top: 0; padding: 0 0 0 15px; font-size: 0.9em; text-decoration: none; background: url('../images/a2.gif') 5px center no-repeat;}
#menuleft a:hover {text-decoration: underline;}
#menuleft li span {font-weight: bold;}
#menuleft li li a, #menuleft li li span {margin: 0; padding: 0 0 0 15px;; background: url('../images/a2.gif') 5px center no-repeat; font-size: 0.9em;}
#menuleft li li span {font-weight: bold;}
#menuleft li li {padding-left: 10px;}
#menuleft li span span {display: none;}
#menuleft li li li {padding-left: 10px; font-size: 0.9em;}
#menuleft li li li li {font-size: 1em; padding: 6px 0 0 10px;}
#menuleft li li li a, #menuleft li li li span {margin: 0; padding: 3px 0 3px 15px; background: url('../images/a2.gif') 5px center no-repeat;}
#menuleft .killfloat {display: none;}
#menuleft ul.closed {display: none;}
#menuleft ul.opened {display: block;}

#search_left {padding: 5px 10px;}
#search_left input {width: 140px; height: 19px; padding: 5px 10px; border: 1px solid #9FA6A7;}
#search_left .submit {width: 25px; height: 29px; border: 0; background: url('../images/search-button.gif') 0 0 no-repeat; text-indent: -200px; cursor: pointer;}

#contact_left p { text-align: left }
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #696866;}
#post_box .preview_article .tray {color: #696866;}
#post_box .preview_article .tray a {color: #696866;}

#comments_box .comment_header {background-color: #FE771A;}
#comments_box .comment_item {border: 1px solid #E05B00;}
#comments_box .comment_header a.comment_user span {background-color: #FE771A;}

#post_box h2 {color: #FFF; font-size: 18px; font-weight: bold; padding: 10px 12px; margin: 5px 0 10px 0; background: url('../images/h2-back.gif') top left no-repeat;}
#poll_box {margin: 0 10px;}

#post_box .catalog_top {position: relative; padding: 5px 0 20px 0;}
#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('../images/zoom.gif') left center no-repeat; text-decoration: none;}
#post_box .catalog_top .info {float: left; width: 390px; color: #000; font-size: 0.9em; padding: 10px; background: #F0F0E4; border-top: 1px solid #DADAD8; border-bottom: 1px solid #DADAD8;}
#post_box .catalog_top .info strong {display: block; float: left; width: 100px;}
#post_box .disclam {font-size: 0.7em; padding: 5px 0; background: url('../images/disclam.gif') 0 top no-repeat;}
#post_box .dealer {clear: both; position: relative; padding: 20px 10px 10px 10px; margin: 10px 0; background: url('../images/dealer-bg.gif') top repeat-x; border: 1px solid #BCD42C;}
#post_box .dealer h3 {position: absolute; width: auto; top: -23px; font-size: 1.2em; font-weight: normal; padding: 0 3px; background: #FFF; border: 1px solid #BCD42C; text-transform: uppercase;}

#order_box {background: #F0F0E4; border: 1px solid #DCDCDA;}
#order_box .up span {background-image: url('../images/sort-up0.png');}
#order_box .up_active span {background-image: url('../images/sort-up.png');}
#order_box .down span {background-image: url('../images/sort-down0.png');}
#order_box .down_active span {background-image: url('../images/sort-down.png');}

#filter_box {background: #F0F0E4; border: 1px solid #DCDCDA;}
#filter_box a {color: #000;}