*{border: 0px; margin: 0px; padding: 0px; font-family: 'Trebuchet MS', sans-serif}
body{background: rgb(51,51,51); text-align: center; font-size: 13px}

a{color: rgb(137,168,45)}
h2{padding: 10px 0px 0px; font-size: 33px; font-weight: normal; color: rgb(51,51,51);}
h3{padding: 15px 0px 0px; font-size: 19px; font-weight: normal; color: rgb(137,168,45)}
h4{padding: 10px 0px 0px; font-size: 13px; font-weight: bold; color: rgb(137,168,45)}
li{padding: 4px 0px 0px}
p{padding-top: 7px}
ul{list-style-type: square; margin: 0px 0px 0px 25px; padding: 3px 0px 0px}
ol{list-style-type: decimal; margin: 0px 0px 0px 30px; padding: 3px 0px 0px}

table{margin-top: 10px}
th{padding: 5px; background: rgb(51,51,51); color: rgb(180,221,55); text-align: left}
td{padding: 3px 5px; border-bottom: 1px solid rgb(225,225,220);}

.abstract{color: rgb(51,51,51); font-weight: bold; font-size: 15px;}
.content{color: rgb(75,75,75); font-size: 13px; padding-top: 5px}
.tiny_text{font-size: 11px;}
.hide{display: block; clear: both; font-size: 1px; margin-top: -1px}
.cloveku_nevyplnuj{display: none}

.menu{display: block; clear: both; list-style-type: none; padding: 0px; margin: 0px}
.menu li{display: block; clear: both; padding: 0px; margin: 0px}

.dark_button{display: block; clear: both; background: rgb(51,51,51); border-top: 1px solid rgb(63,63,63); border-bottom: 1px solid rgb(31,31,31); padding: 0px; margin: 0px; color: rgb(180,221,55); text-decoration: none; font-size: 13px}
.dark_button:hover{color: rgb(214,236,147); text-decoration: underline}
.dark_button span{display: block; padding: 12px 12px 13px}

.green_button{display: block; clear: both; background: rgb(180,221,55); border-top: 1px solid rgb(189,229,69); border-bottom: 1px solid rgb(170,213,43); padding: 0px; margin: 0px; color: rgb(51,51,51); text-decoration: none; font-size: 15px}
.green_button:hover{color: rgb(0,0,0); text-decoration: underline}
.green_button span{display: block; padding: 11px 12px 12px}

.light_button{display: block; clear: both; background: rgb(245,245,240); border-top: 1px solid rgb(255,255,250); border-bottom: 1px solid rgb(235,235,230); padding: 0px; margin: 0px; color: rgb(51,51,51); text-decoration: none; font-size: 13px}
.light_button:hover{color: rgb(0,0,0); text-decoration: underline}
.light_button span{display: block; padding: 12px 12px 13px}

/* .dark_header_button extends .dark_button */
.dark_header_button{background: rgb(63,63,63) url('/img/dark_header_button.png') left top repeat-x; border: 0px; margin-top: 10px}
.dark_header_button:hover{text-decoration: none}
.dark_header_button h3{font-size: 15px; font-weight: normal; padding: 12px 12px 0px; color: rgb(180,221,55)}
.dark_header_button p{font-size: 12px; padding: 5px 12px 13px; color: rgb(245,245,240)}

/* .center_gray_menu extends .menu */
.center_gray_menu{border-top: 1px solid rgb(235,235,230)}
.center_gray_menu li{border: 1px solid rgb(235,235,230); border-top: none; background: rgb(245,245,240) url('/img/center_gray_menu-li.png') right center no-repeat}
.center_gray_menu a{display: block; padding: 10px 50px 10px 10px; color: rgb(51,51,51); text-decoration: none; border-top: 1px solid rgb(255,255,250)}
.center_gray_menu a:hover h4, .center_gray_menu a:hover h3{color: rgb(0,0,0); text-decoration: underline}
.center_gray_menu .img{display: block; width: 110px; float: left; clear: left; height: 80px;}
.center_gray_menu .text{display: block; width: 528px; float: left; clear: right;}
.center_gray_menu h4, .center_gray_menu h3{padding: 0px; color: rgb(51,51,51); font-size: 15px; font-weight: bold}
.center_gray_menu p{font-size: 12px}
.center_gray_menu .price_vat{display: inline-block; padding-left: 10px; font-size: 12px; color: rgb(102,102,102); font-weight: normal}
.center_gray_menu .price_vat strong{font-size: 13px; font-weight: bold; color: rgb(137,168,45)}
.center_gray_menu .info{font-size: 12px; color: rgb(102,102,102)}
.center_gray_menu .datum_zahajeni, .center_gray_menu .rozsah{display: inline-block;}
.center_gray_menu .datum_zahajeni span{color: rgb(51,51,51); font-weight: bold}
.center_gray_menu .rozsah{display: inline-block; padding-left: 10px;}

/* .nod_menu extends .center_gray_menu */
.nod_menu{margin-top: 20px}
.nod_menu .img{display: block; width: 90px; float: left; clear: left; height: 60px;}

.form_combobox, .product_sorting{display: block; height: 26px; border: 1px solid rgb(220,220,210); background-color: rgb(255,255,255); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: relative; font-size: 13px; text-align: left; color: rgb(51,51,51);}
.form_combobox .form_combobox_selected, .product_sorting .selected_item{display: block; clear: both; margin: 2px 0px 2px 2px; height: 18px; padding: 2px 22px 2px 2px; background: url('/img/form/combobox.png') right center no-repeat;}
.form_combobox .form_combobox_selected span{display: block; overflow: hidden; white-space: nowrap; height: auto;}
.form_combobox_items, .product_sorting .item_group{display: none; position: absolute; top: 26px; left: -1px; width: 100%; border: 1px solid rgb(220,220,210); background: rgb(255,255,255); overflow-y: auto; z-index: 2;}
.form_combobox_items ul, .product_sorting .item_group ul{margin: 0px; padding: 0px; list-style-type: none; display: block; height: 100%;}
.form_combobox_items li, .product_sorting .item_group li{display: block; clear: both; border-bottom: 1px solid rgb(235,235,235); padding: 3px;}
.form_combobox_items li:hover, .product_sorting .item_group li:hover{background: rgb(235,235,235)}
.combobox_list_key{display: none}
.combobox_bcg{display: block;}

/*-- PAGINATOR BEGIN --*/
.paginator{display: block; clear: both; text-align: center; padding: 20px 0px}
.paginator .previous{display: inline-block; width: 16px; height: 24px; background: url('/img/previous.png') left top no-repeat;}
.paginator .previous span, .paginator .next span{display: none}
.paginator .previous.unactive{background: url('/img/previous-unactive.png') left top no-repeat}
.paginator .next{display: inline-block; width: 16px; height: 24px; background: url('/img/next.png') left top no-repeat;}
.paginator .next.unactive{background: url('/img/next-unactive.png') left top no-repeat}
.paginator .paginator_items{display: inline-block; padding: 0px 5px; font-weight: bold}
.paginator .paginator_items a{display: block; float: left; padding: 3px 3px; text-decoration: none; margin: 4px 0px 0px}
.paginator .paginator_items a.unactive{color: rgb(51,51,51); background: rgb(245,245,240); border: 1px solid rgb(235,235,230); padding: 2px 3px}
.paginator .paginator_items a.active:hover{text-decoration: underline}
/*-- PAGINATOR END --*/

/*-- MODAL WINDOW BEGIN --*/
.modal_space{position: fixed; left: 0px; top: 0px; display: block; width: 100%; height: 100%;}
.modal_window{position: fixed; display: block; clear: both; z-index: 100}
.modal_window_bcg{background: rgb(0,0,0); opacity: 0.35; filter: alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; width: 100%; height: 100%; padding: 10px; z-index: 101}
.modal_window_content{display: block; width: 100%; height: 100%; position: absolute; left: 9px; top: 9px; background: rgb(255,255,255); text-align: left; z-index: 102; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8); box-shadow: 0px 0px 3px rgba(0,0,0,.8);}
.modal_window_head{background: rgb(51,51,51); height: 44px; position: relative}
.modal_window_head h3{color: rgb(180,221,55); padding: 10px; width: auto}
.modal_window_close{display: block; clear: both; width: 17px; height: 17px; background-image: url('/img/form/modal_window_close.png'); background-position: right top; background-repeat: no-repeat; position: absolute; right: 10px; top: 10px; cursor: pointer}
.modal_window_close:hover{background-position: left top;}
.modal_window_close span{display: none}

.modal_window_processing{width: 100%; height: 100%; padding: 10px; position: relative; z-index: 103; background: rgb(0,0,0); opacity: 0.35; filter: alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; visibility: hidden;}
.modal_window_processing_gif{position: absolute; width: 32px; height: 32px;}
.modal_window_processing .modal_window_bcg{padding: 0;}

.modal_window .trade_conditions a{display: inlin-block; padding-left: 20px; font-size: 12px; color: rgb(204,204,204); text-decoration: none}
.modal_window .trade_conditions a:hover{text-decoration: underline}

.modal_window_body.modal_help{overflow-y: scroll}
.modal_window_body h3{color: rgb(137,168,45)}

.modal_order .form_top{width: 800px; height: 315px; background: rgb(245,245,240); border-bottom: 1px solid rgb(235,235,230); overflow-y: scroll}
.modal_order .form_top .form_column{display: block; width: 375px; padding-left: 10px; padding-bottom: 50px; float: left;}

.modal_order .form_bottom{width: 800px; height: 60px; clear: both; position: relative}
.modal_order .form_bottom .image_submit{position: absolute; right: 10px; top: 10px}
.modal_order .form_bottom .order_price{position: absolute; left: 10px; top: 20px; font-size: 15px; color: rgb(51,51,51)}
.modal_order .form_bottom .order_price strong{font-weight: bold; color: rgb(137,168,45)}
/*-- MODAL WINDOW END --*/

.download_list{margin-top: 20px; border-top: 2px solid rgb(235,235,230)}
.download_list h3{font-size: 17px; color: rgb(51,51,51)}
.download_list a{display: block; clear: both; padding: 5px 0px 0px 25px; text-decoration: none}
.download_list .title{display: block; clear: both; font-size: 17px;}
.download_list .system{display: block; clear: both; font-size: 12px; color: rgb(51,51,51)}
.download_list a:hover .title{text-decoration: underline}
.download_list li{background-image: url('/img/icons/txt.png'); background-position: left 10px; background-repeat: no-repeat}
.download_list .doc, .download_list .docx{background-image: url('/img/icons/doc.png')}
.download_list .htm, .download_list .html{background-image: url('/img/icons/ie.png')}
.download_list .jpg, .download_list .gif, .download_list .png, .download_list .bmp{background-image: url('/img/icons/jpg.png')}
.download_list .pdf{background-image: url('/img/icons/pdf.png')}
.download_list .ppt{background-image: url('/img/icons/ppt.png')}
.download_list .rtf{background-image: url('/img/icons/rtf.png')}
.download_list .wmv, .download_list .flv, .download_list .mpg, .download_list .mp2, .download_list .mov{background-image: url('/img/icons/wmv.png')}
.download_list .xls, .download_list .xlsx{background-image: url('/img/icons/xls.png')}
.download_list .zip, .download_list .rar{background-image: url('/img/icons/zip.png')}

.text_input, .password_input{border: 1px solid rgb(220,220,210); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: rgb(51,51,51); font-size: 13px; padding: 3px 3px 2px; z-index: 1}
textarea{font-size: 13px}
.default_value{font-style: italic; font-weight: normal; color: rgb(102,102,102)}
.html_text_input{border: 1px solid rgb(225,225,220); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

p.succesful{background-color: rgb(137,168,45); color: rgb(255,255,255); font-weight: bold; font-size: 13px;}
p.error{color: rgb(255,66,66)}
p.modal_info{padding-left: 10px; font-style:italic; color: rgb(51,51,51)}