.all{display: block; width: 970px; text-align: left; margin: 0px auto}

/** HEAD_MENU BEGIN **/
.head_menu{display: block; width: 970px; clear: both; height: 38px; background: url('../img/head_menu.png')}

.about_menu{display: block; float: left; clear: left; width: auto; padding-left: 5px}
.about_menu ul{display: block; clear: both; list-style-type: none; margin: 0px; padding: 0px}
.about_menu li{display: inline; padding: 0px}
.about_menu a{display: block; float: left; width: auto; margin-left: 5px; border-bottom: 2px solid rgb(140,149,151); font-size: small; _font-size: x-small; color: rgb(204,204,204); text-decoration: none}
.about_menu a:hover{color: rgb(255,255,255); border-bottom: 2px solid rgb(255,255,255)}
.about_menu a span{display: block; padding: 9px 5px}

.lang_menu{display: block; float: right; clear: right}
.lang_menu_item{display: block; float: left; width: 34px; height: 26px; margin: 5px 5px 0px 0px; cursor: pointer}
.flag_cs{background: url('../img/flag_cs.png') left top no-repeat}
.flag_de{background: url('../img/flag_de.png') left top no-repeat}
.flag_en{background: url('../img/flag_en.png') left top no-repeat}
.lang_menu_item span{display: none}
/** HEAD_MENU END **/

h1{display: block; width: 970px; clear: both; height: 132px}
h1 a{display: block; width: 970px; clear: both; height: 132px; cursor: pointer;}
h1 span{display: none}
.sbirka_item_middle h1{width: 420px; float: left; clear: right}
.sbirka_item_middle h1 a{width: 420px}

.middle{display: block; clear: both; width: 970px}
.sbirka_item_middle{margin-top: 10px}

/** NOD BEGIN **/
.nod{display: block; float: left; clear: left; width: 530px; border: 10px solid rgb(5,35,45); background: rgb(255,255,255)}
.nod_fill{padding: 10px 10px 50px}
.pohlednice_category_middle .nod{width: 740px}
.order_middle .nod{width: 960px; clear: both}
.order_middle .drop_navigation{width: auto;}

.languages_option{display: block; clear: both; padding-top: 2px; width: 510px; height: 26px;}
.lang_menu_h2_item{display: block; float: left; margin: 5px 15px 0px 0px; cursor: pointer}
.languages_option .flag_cs{background: url('../img/flag_small_cs.png') left 3px no-repeat}
.languages_option .flag_de{background: url('../img/flag_small_de.png') left 3px no-repeat}
.languages_option .flag_en{background: url('../img/flag_small_en.png') left 3px no-repeat}
.lang_menu_h2_item span{display: block; color: #657174; font-size: 70%; padding-left: 20px;}
.lang_menu_h2_item span:hover{color: #05232D;}

.center_menu{display: block; width: 510px; padding-top: 5px}
.paginator{display: block; clear: both; border: 1px solid rgb(192,200,202); border-width: 1px 0px; font-size: small; _font-size: x-small; height: 28px; position: relative}
.paginator .first{display: block; float: left; width: auto; clear: left; background: url('/img/paginator-fst.png') left 5px no-repeat; padding: 3px 15px 3px 25px}
.paginator .previous{display: block; float: left; width: auto; background: url('/img/paginator-prev.png') left 5px no-repeat; padding: 3px 15px 3px 25px}
.paginator .left{display: block; width: 175px; position: absolute; left: 0px; top: 0px; z-index: 3;}
.paginator .right{display: block; width: 195px; position: absolute; right: 0px; top: 0px; z-index: 4;}
.paginator .next{display: block; float: right; width: auto; background: url('/img/paginator-next.png') right 5px no-repeat; padding: 3px 25px 3px 15px}
.paginator .last{display: block; float: right; width: auto; clear: right; background: url('/img/paginator-last.png') right 5px no-repeat; padding: 3px 25px 3px 15px}
.paginator a:hover{color: rgb(204,51,0)}
.paginator a.unactive{text-decoration: none; color: rgb(192,200,202); cursor: default; background: none}
.paginator_items{display: block; width: 490px; clear: both; position: absolute; left: 0px; top: 0px; z-index: 2; text-align: center; padding-top: 3px}
.paginator .item{padding: 0px 3px}
.paginator_items a.unactive{color: rgb(0,0,0); font-weight: bold; text-decoration: none}
.pohlednice_category_middle .center_menu{width: 720px}
.pohlednice_category_middle .paginator_items{width: 700px}

.nod_menu{display: block; clear: both; width: 510px; margin: 0px; padding: 10px 0px 0px; list-style-type: none}
.nod_menu li{display: block; float: left; width: 250px; height: 100px; padding: 0px; margin: 0px}
.nod_menu li.item_odd{width: 260px}
.nod_menu a{display: block; float: left; width: 246px; height: 86px; background: rgb(234,236,236); text-decoration: none; font-size: small; _font-size: x-small; color: rgb(204,51,0); position: relative; border: 2px solid rgb(234,236,236)}
.nod_menu a:hover{background: rgb(255,255,255); border-color: rgb(204,51,0)}
.nod_menu .fill{display: block; clear: both; padding: 5px}
.nod_menu img{display: block; width: 70px; height: 70px; border: 1px solid rgb(255,255,255); float: left; clear: left; margin-right: 7px}
.nod_menu .title{display: block;}

.nod_menu .subitems_count, .nod_menu .subitems_count_collection, .nod_menu .subitems_count_postcard, .nod_menu .subitems_count_gallery{font-size: 85%; color: rgb(102,102,102)}

.nod_menu .index_sbirka_category .subitems_count, .nod_menu .index_pohlednice_category .subitems_count, .nod_menu .index_sbirka_item_gallery .subitems_count, .nod_menu .index_pohlednice_category_2 .subitems_count{display: none}

.nod_menu .index .subitems_count_collection, .nod_menu .index_pohlednice_category .subitems_count_collection, .nod_menu .index_sbirka_item_gallery .subitems_count_collection{display: none}

.nod_menu .index .subitems_count_postcard, .nod_menu .index_sbirka_category .subitems_count_postcard, .nod_menu .index_sbirka_item_gallery .subitems_count_postcard, .nod_menu .index_pohlednice_category_2 .subitems_count_postcard{display: none}

.nod_menu .index .subitems_count_gallery, .nod_menu .index_sbirka_category .subitems_count_gallery, .nod_menu .index_pohlednice_category .subitems_count_gallery, .nod_menu .index_pohlednice_category_2 .subitems_count_gallery{display: none} 




.nod_menu .more{position: absolute; bottom: 7px; right: 7px; display: block; text-align: right; background: url('/img/nod_menu-item-more.png') right top no-repeat; padding: 0px 25px 0px 0px}

.pohlednice_menu{display: block; clear: both; width: 720px; margin: 0px; padding: 10px 0px 0px; list-style-type: none}
.pohlednice_menu li{display: block; float: left; width: 230px; height: 300px; padding: 0px; margin: 0px 5px 10px}
.pohlednice_menu a{display: block; float: left; width: 226px; height: 296px; background: rgb(234,236,236); text-decoration: none; font-size: small; _font-size: x-small; color: rgb(204,51,0); position: relative; border: 2px solid rgb(234,236,236)}
.pohlednice_menu a:hover{background: rgb(255,255,255); border-color: rgb(204,51,0)}
.pohlednice_menu .fill{display: block; clear: both; padding: 5px}
.pohlednice_menu img{display: block; width: 216px; height: 216px; clear: both;}
.pohlednice_menu .title{display: block; padding-top: 7px; clear: both}
.pohlednice_menu .more{position: absolute; bottom: 7px; right: 7px; display: block; text-align: right; background: url('/img/nod_menu-item-more.png') right top no-repeat; padding: 0px 25px 0px 0px}
.pohlednice_menu .subitems_count{color: rgb(102,102,102); font-size: 85%}

.shop_local_menu{display: block; clear: both; width: 720px; margin: 0px; padding: 10px 0px 0px; list-style-type: none}
.shop_local_menu li{display: block; float: left; width: 230px; height: 70px; padding: 0px; margin: 0px 5px 10px}
.shop_local_menu a{display: block; float: left; width: 226px; height: 60px; background: rgb(234,236,236); text-decoration: none; font-size: small; _font-size: x-small; color: rgb(204,51,0); position: relative; border: 2px solid rgb(234,236,236)}
.shop_local_menu a:hover{background: rgb(255,255,255); border-color: rgb(204,51,0)}
.shop_local_menu .fill{display: block; clear: both; padding: 5px}
.shop_local_menu img{display: block; width: 50px; height: 50px; float: left; clear: left; margin-right: 7px}
.shop_local_menu .title{display: block; padding-top: 0px;}
.shop_local_menu .more{position: absolute; bottom: 7px; right: 7px; display: block; text-align: right; background: url('/img/nod_menu-item-more.png') right top no-repeat; padding: 0px 25px 0px 0px}

.intro_img{display: block; clear: both; margin-bottom: 10px}

.item_gallery{display: block; clear: both; border-bottom: 1px solid rgb(192,200,202); padding-bottom: 8px; margin-bottom: 2px}
.item_gallery .paginator{}
.item_gallery .title{display: none}
.item_gallery #loader{border: 0px;}
.item_gallery #gallery_thumb{display: block; clear: both; list-style-type: none; margin: 0px; padding: 8px 0px 0px}
.item_gallery #gallery_thumb li{display: block; float: left; clear: none; margin: 0px; padding: 2px;}
.item_gallery #gallery_thumb span{display: block; width: 60px; height: 60px; background: rgb(230,230,230); border: 1px solid rgb(230,230,230); cursor: pointer}
.item_gallery #gallery_thumb span:hover{background: rgb(255,255,255); border: 1px solid rgb(204,51,0)}
.item_gallery #gallery_thumb img{display: block; width: 50px; height: 50px; margin: 5px}
.item_gallery .paginator_items a.unactive{color: rgb(0,0,0); font-weight: bold; text-decoration: none}

.drop_navigation{display: block; width: 510px; font-size: 70%; color: rgb(101,113,116); border-bottom: 1px solid rgb(192,200,202); padding-bottom: 5px}
.drop_navigation a{color: rgb(101,113,116)}
.drop_navigation a:hover{color: rgb(5,35,45)}
.pohlednice_category_middle .drop_navigation{width: 720px}

.action_menu{display: block; width: 510px; clear: both; border: 1px solid rgb(192,200,202); border-width: 1px 0px; margin-top: 10px; font-size: small; _font-size: x-small; padding: 5px 0px}
.action_menu_fill{height: 18px}
.action_menu a{color: rgb(5,35,45); display: block; float: left; background-position: left top; background-repeat: no-repeat}
.action_menu a:hover{color: rgb(0,0,0)}
.action_menu a span{display: block; padding: 0px 10px 0px 25px}
.action_menu .button_print{background-image: url('../img/button_print.png')}
.action_menu .button_resend{background-image: url('../img/button_resend.png')}
.action_menu .button_contact{background-image: url('../img/button_contact.png')}
.action_menu .button_back{background-image: url('../img/button_back.png'); float: right;}
.action_menu .button_back span{padding-right: 0px}

.travers{display: block; clear: both; border: 1px solid rgb(192,200,202); border-width: 1px 0px; margin-top: 10px; position: relative; height: 60px}
.backward_nod{display: block; float: left; clear: left; width: 245px; height: 50px; margin-top: 5px; background-image: url('../img/backward_travers.png'); background-repeat: no-repeat; background-position: left top; font-size: 70%; color: rgb(101,113,116)}
.backward_nod:hover{background-position: left bottom; color: rgb(5,35,45)}
.backward_nod .fill{display: block; padding: 0px 0px 0px 20px}
.backward_nod img{display: block; width: 50px; height: 50px; float: left; clear: left; margin-right: 7px}
.forward_nod{position: absolute; right: 0px; top: 5px; display: block; width: 245px; height: 50px; background-image: url('../img/forward_travers.png'); background-repeat: no-repeat; background-position: right top; font-size: 70%; color: rgb(101,113,116)}
.forward_nod:hover{background-position: right bottom; color: rgb(5,35,45)}
.forward_nod .fill{display: block; padding: 0px 20px 0px 0px}
.forward_nod img{display: block; width: 50px; height: 50px; float: right; clear: right; margin-left: 7px}
.travers a.unactive{display: none}
/** NOD END **/

/** MENU_COLS BEGIN **/
.menu_cols{display: block; float: left; clear: right; width: 420px;}
.one_menu_col{width: 210px}
.left_col{display: block; float: left; clear: left; width: 210px}
.right_col{display: block; float: left; clear: right; width: 210px}
.left_menu{display: block; width: 200px; border: 10px solid rgb(5,35,45); border-width: 0px 10px 10px; margin-left: -10px; padding-bottom: 10px; background: rgb(102,102,102)}
.left_menu a{color: rgb(255,255,255); text-decoration: none}
.left_menu a:hover{text-decoration: underline}
.left_menu ul{margin: 0px; list-style-type: none}
.left_menu li{padding: 0px; font-size: small; _font-size: x-small; display: block; clear: both}
.left_menu li a{display: block; clear: both; width: 200px; height: 30px; background-position: left top; background-repeat: no-repeat; background-image: url('../img/ostatni_menu-a.png')}
.left_menu li a:hover{background-position: left bottom; text-decoration: none; color: rgb(102,102,102);}
.left_menu li a span{display: block; padding: 6px 8px 0px}
.left_menu h3{display: block; background-position: left top; background-repeat: no-repeat; padding: 0px; background-image: url('../img/ostatni_menu-h3.png')}
.left_menu h3 a{display: block; width: 200px; height: 38px}
.left_menu h3 span{display: block; padding: 8px 8px}
.left_menu .in_content{background: rgb(133,133,133); padding: 8px; font-size: small; _font-size: x-small; color: rgb(255,255,255)}

.shop_menu{background: rgb(102,0,204)}
.shop_menu h3{background-image: url('../img/shop_menu-h3.png')}
.shop_menu li{font-size: medium; _font-size: small}
.shop_menu li a{background-image: url('../img/shop_menu-a.png')}
.shop_menu li a:hover{color: rgb(102,0,204);}
.shop_menu li a span{padding: 4px 8px}

.sbirka_menu{background: rgb(204,51,0)}
.sbirka_menu h3{background-image: url('../img/sbirka_menu-h3.png')}
.sbirka_menu li{font-size: medium; _font-size: small}
.sbirka_menu li a{background-image: url('../img/sbirka_menu-a.png')}
.sbirka_menu li a:hover{color: rgb(204,51,0);}
.sbirka_menu li a span{padding: 4px 8px}

.franz_josef_menu{background: rgb(204,102,0)}
.franz_josef_menu h3{background-image: url('../img/franz_josef_menu-h3.png')}
.franz_josef_menu li a{background-image: url('../img/franz_josef_menu-a.png')}
.franz_josef_menu li a:hover{color: rgb(204,51,0);}

.sluzby_archivu_menu{background: rgb(153,0,0)}
.sluzby_archivu_menu h3{background-image: url('../img/sluzby_archivu_menu-h3.png')}
.sluzby_archivu_menu li a{background-image: url('../img/sluzby_archivu_menu-a.png')}
.sluzby_archivu_menu li a:hover{color: rgb(153,0,0);}

.wilhelm_menu{background: rgb(51,153,0)}
.wilhelm_menu h3{background-image: url('../img/wilhelm_menu-h3.png')}
.wilhelm_menu li a{background-image: url('../img/wilhelm_menu-a.png')}
.wilhelm_menu li a:hover{color: rgb(51,153,0);}

.prvni_svetova_menu{background: rgb(0,102,204)}
.prvni_svetova_menu h3{background-image: url('../img/prvni_svetova_menu-h3.png')}
.prvni_svetova_menu li a{background-image: url('../img/prvni_svetova_menu-a.png')}
.prvni_svetova_menu li a:hover{color: rgb(0,102,204);}

.left_menu .in_content p{text-align: left; padding: 0px; font-size: 85%}

.left_menu label{display: block; clear: both; font-weight: bold; padding-top: 10px}
.left_menu .text_input{font-size: medium; _font-size: small; font-weight: bold; width: 182px; display: block; clear: both; margin-top: 5px; border: 1px solid rgb(102,102,102)}
.left_menu .submit_item{display: block; clear: both; padding-top: 8px;}
.left_menu .image_submit{display: block; float: right; clear: both; cursor: pointer}

/** SEARCH_BOX BEGIN **/
.search_box{border-bottom: 10px solid rgb(5,35,45); background: rgb(91,93,98); width: 420px; clear: both}
.search_box form{display: block; clear: both; padding: 10px}
.search_box .form_block{display: block; clear: both; background: rgb(255,255,255); border: 1px solid rgb(50,65,70); padding: 3px 3px 1px}
.search_box label{display: none}
.search_box .search_item{display: block; float: left; clear: left; width: 288px; padding-top: 1px}
.search_box .search_input{font-size: medium; _font-size: small; font-weight: bold; display: block; float: left; clear: left; width: 286px;}
.search_box .submit_item{display: block; width: 104px; float: left; clear: right}
.search_box .image_submit{display: block;}
.one_menu_col .search_box{width: 210px}
/** SEARCH_BOX END **/
/** MENU_COLS END **/

/** FOOT BEGIN **/
.foot{display: block; clear: both; width: 970px; padding: 50px 0px 100px}
.foot_fill{display: block; clear: both; background: rgb(5,35,45); padding: 10px; color: rgb(204,204,204); font-size: 11px}
.foot_fill strong{color: rgb(255,255,255)}
/** FOOT END **/

/** GALLERY MAIN IMG **/
#loader{display:block; border: 1px solid #ccc; overflow: hidden;}
#loader.loading{background: url('../img/loading.gif') no-repeat center center;}
/** GALLERY MAIN IMG END**/

.friendly_links p a{text-decoration: none; color: rgb(75,75,75)}
.friendly_links h3 a{color: rgb(204,51,0); text-decoration: underline}

/** PRODUCT LIST BEGIN **/
.product_filter{display: block; clear: both; border: 1px solid rgb(192,200,202); border-width: 1px 0px; position: relative; font-size: 13px; height: 35px;}

#product_list_sorting{display: block; width: 235px; float: left; clear: left; position: absolute; left: 0px; top: 5px}
#product_list_sorting .label{display: block; color: rgb(5,35,45); padding: 3px 0px}
.combobox_bcg{position: fixed; left: 0px; top: 0px; display: none; background: rgb(255,255,255); width: 100%; height: 100%; z-index: 100; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;}
.combobox{display: block; width: 140px; clear: both; position: absolute; top: 0px; left: 50px; z-index: 101; float: left}
.combobox .selected_item{display: block; clear: both; background: rgb(234,236,236) url('/img/form/combo_open.png') 118px 2px no-repeat; color: rgb(194,35,53); cursor: pointer; font-size: 13px; height: 22px; border: 1px solid rgb(192,200,202); font-weight: bold}
.combobox .selected_item span{display: block; padding: 2px 5px}
.combobox .item_group{display: none; clear: both; position: absolute; z-index: 102; width: 140px; border-top: none; overflow: auto;}
.combobox ul{margin-left: 0px; padding: 0px; list-style-type: none;}
.combobox li{display: block; clear: both; font-size: 13px; background: rgb(234,236,236); cursor: pointer; border: 1px solid rgb(192,200,202); border-width: 0px 1px 1px; color: rgb(5,35,45); font-weight: bold; padding: 0px; height: 22px}
.combobox li:hover{background: rgb(255,255,255);}
.combobox li span{display: block; clear: both; padding: 2px 5px}
.combobox li .combobox_list_key{display:none}
.product_sorting_order{display:block; width: 40px; height: 18px; position: absolute; right: 0px; top: 3px}
.ascending, .descending{display:block; float:left; width:18px; height:18px; margin-left: 2px}
.ascending{background: url('/img/form/ascendent.png') no-repeat}
.descending{background: url('/img/form/descendent.png') no-repeat}
.ascending span, .descending span{display:none;}

.product_filter .paginator{display: block; width: 470px; height: 28px; position: absolute; left: 245px; top: 3px; border: 0px;}
.product_filter .paginator .first{display: block; float: left; width: auto; clear: left; background: url('/img/paginator-fst.png') left 5px no-repeat; padding: 3px 15px 3px 25px}
.product_filter .paginator .previous{display: block; float: left; width: auto; background: url('/img/paginator-prev.png') left 5px no-repeat; padding: 3px 15px 3px 25px}
.product_filter .paginator .left{display: block; width: 195px; position: absolute; left: 0px; top: 0px; z-index: 3;}
.product_filter .paginator .right{display: block; width: 195px; position: absolute; right: 5px; top: 0px; z-index: 4;}
.product_filter .paginator .next{display: block; float: right; width: auto; background: url('/img/paginator-next.png') right 5px no-repeat; padding: 3px 25px 3px 15px}
.product_filter .paginator .last{display: block; float: right; width: auto; clear: right; background: url('/img/paginator-last.png') right 5px no-repeat; padding: 3px 25px 3px 15px}
.product_filter .paginator a:hover{color: rgb(204,51,0)}
.product_filter .paginator a.unactive{text-decoration: none; color: rgb(192,200,202); cursor: default; background: none}
.product_filter .paginator_items{display: block; width: 470px; clear: both; position: absolute; left: 0px; top: 0px; z-index: 2; text-align: center; padding-top: 3px}
.product_filter .paginator .item{padding: 0px 3px}
.product_filter .paginator_items a.unactive{color: rgb(0,0,0); font-weight: bold}

.product_list{display: block; clear: both; padding: 10px 0px 50px; overflow: auto;}
.shop_item{display: block; float: left; width: 230px; height: 379px; padding: 0px; margin: 0px 5px 10px}
.shop_item_fill{display: block; float: left; width: 226px; height: 375px; background: rgb(234,236,236); text-decoration: none; font-size: 13px; color: rgb(5,35,45); position: relative; border: 2px solid rgb(234,236,236)}
.shop_item_fill:hover{background: rgb(255,255,255); border-color: rgb(204,51,0)}
.shop_item img{display: block; width: 216px; height: 216px; margin: 5px}
.shop_item h3{padding: 0px 5px; font-size: 13px; height: 40px}
.shop_item h3 a{color: rgb(204,51,0)}
.shop_item .description{padding: 0px 5px; height: 50px; font-size: 11px}
.shop_item .price_vat{padding: 5px 5px 0px;}
.shop_item .text_input_item{display: none}
.shop_item .image_submit{display: block; clear: both; padding: 10px 5px 5px;}
/** PRODUCT LIST END **/

/** PRODUCT BEGIN **/
.product_info{display: block; clear: both; overflow: auto; color: rgb(5,35,45)}
.product_info_left{display: block; float: left; clear: left; width: 350px; background: rgb(234,236,236); margin-top: 10px}
.product_info_left_fill{padding: 10px 0px}
.product_info_left .abstract{padding: 0px 10px; font-size: 13px;}
.product_info_left .abstract p{padding: 0px 0px 7px; text-align: left}
.product_info_left .price{display: block; clear: both; padding: 10px; background: rgb(75,75,75); color: rgb(255,255,255)}
.product_info_left .submit_item{display: block; clear: both; padding: 10px}
.product_info_left .price div{display: inline}
.product_info_left table.attribute{clear: both; margin: 0px 0px 10px; font-size: 13px; width: 350px}
.product_info_left td{padding: 3px 10px; width: 50%; background: rgb(234,236,236)}
.product_info_left .odd td{background: rgb(255,255,255)}
.product_info_left .text_input_item{display: none}
.product_info_right{display: block; float: left; clear: right; width: 360px; margin-left: 10px; padding-top: 10px}
.product_info_right .item_gallery{border: 0px}
/** PRODUCT END **/

/** CART BEGIN **/
.cart{background: rgb(102,0,204) url('/img/cart.png') right top no-repeat; padding: 0px}
.cart .left_menu_fill{padding: 10px}
.cart .cart_title{display: block; clear: both; font-size: 15px; font-weight: bold}
.cart .cart_price{font-size: 13px; display: block; clear: both; padding-top: 5px}
/** CART END **/

/*-- MODAL BEGIN --*/
.modal_bcg{position: fixed; left: 0px; top: 0px; display: block; background: rgb(0,0,0); width: 100%; height: 100%; z-index: 110; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.modal{position: fixed; left: 0px; top: 0px; display: block; width: 100%; height: 100%; z-index: 111}
.modal form{display: block; clear: both; width: 500px; margin: 200px auto; position: relative; text-align: left; background: rgb(255,255,255); border: 10px solid rgb(5,35,45); padding-bottom: 80px}
.modal h3{display: block; clear: both; padding: 10px 10px 0px}
.modal p{display: block; clear: both; font-size: 13px; padding: 7px 0px 0px 10px}
.modal .close{position: absolute; left: 10px; bottom: 20px; display: block; width: 210px; height: 46px; background: url('/img/form/modal_shop_close.png') right top no-repeat; cursor: pointer; color: rgb(194,35,53); font-size: 1px;}
.modal .image_submit{position: absolute; right: 10px; bottom: 20px; display: block; width: 210px; height: 46px; background: url('/img/form/modal-add_to_cart_submit_cs.png') right top no-repeat; cursor: pointer; color: rgb(194,35,53); font-size: 1px;}

#modal_bcg{display: none}

.error_message{display: block; clear: both; background: rgb(204,0,0); padding: 10px; margin: 0px; color: rgb(255,255,255); font-weight: bold}
.error p{display: block; clear: both; background: rgb(204,0,0); padding: 5px; margin: 5px 0px 0px; color: rgb(255,255,255);}
.cloveku_nevyplnuj{display: none}
/*-- MODAL END --*/

/*-- ORDER BEGIN --*/
.order_middle h3{display: none}

.order_middle .order_steps{display: block; width: 940px; height: 50px; list-style-type: none; clear: both}
.order_middle .order_steps ul{padding: 10px 0px 0px; list-style-type: none; margin: 0px; display: block; clear: both}
.order_middle .order_steps li{display: block; width: 170px; height: 30px; margin: 10px 10px 0px 0px; float: left; background: rgb(133,51,214); font-size: 15px; color: rgb(255,255,255); padding: 0px}
.order_middle .order_steps li .fill{display: block; padding: 5px 0px 0px 10px}
.order_middle .order_steps li.set{background: rgb(102,0,204); font-weight: bold; height: 40px; margin: 0px 10px 0px 0px}
.order_middle .order_steps li.active{background: rgb(50,65,70); font-weight: bold;}
.order_middle .order_steps li.set .fill{padding: 10px 20px 0px 10px}

/*.order_middle #order_content{background: #ffffff url('/img/form_order-border-bottom.png') bottom no-repeat; display: block; clear: both; width: 940px}
.order_middle #order_content_fill{background: url('/img/form_order-corner.png') right top no-repeat; padding: 10px}*/

.order_middle .error{display: block; padding: 5px; margin-top: 10px; font-size: 17px; color: #ffffff; background: #C22335; border: 1px solid #C22335; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;}

.order_middle table{width: 100%; border: none; margin: 0px; font-size: 13px}
.order_middle .cart_content .text_input, .order_middle .cart_content .recount_button{display: none}
.order_middle .cart_content th{background: rgb(102,0,204); color: rgb(255,255,255); font-weight: bold; font-size: 13px; padding: 5px 7px; border: 0px}
.order_middle .cart_content td, .order_middle .personal_information td{background: rgb(234,236,236); border: none; padding: 5px 7px;}
.order_middle .cart_content .odd td{background: rgb(255,255,255);}
.order_middle .cart_content td.first, .order_middle .cart_content th.first{width: 480px;}
.order_middle .cart_content tr.summary td{font-weight: bold; font-size: 15px; background: rgb(102,0,204); padding: 10px 7px; color: rgb(255,255,255)}
.order_middle .cart_content tr.summary .first{padding-left: 15px;}
.order_middle tr.summary td{font-weight: bold; background: #FFFFFF; padding: 10px 7px; border-bottom: 1px solid rgb(228,228,228);}
.order_middle tr.summary .first{padding-left: 15px;}
.order_middle .remove_button{background: url('/img/form/form_order-delete.png') no-repeat; width: 79px; height: 18px; font-weight: bold; font-size: 1px; color: rgb(204,51,0); text-alilgn: right; vertical-align: top; cursor: pointer; padding-right: 15px;}
.order_middle .recount_button{background: url('/img/form_order-recount.png') no-repeat; width: 80px; height: 26px; font-weight: bold; font-size: 13px; color: #ffffff; cursor: pointer; }
.order_middle .text_input{background: url('/img/form_order-input.png') no-repeat; width: 55px; height: 23px; padding-left: 5px}

.order_middle .order_navigation{position: relative; height: 40px; width: 940px; clear: both}
.order_middle .order_navigation p{display: inline;}
.order_middle button{padding: 0px}
.order_middle #form_order_backward{display: block; position: absolute; top: 10px; left: 0px; background: url('/img/form/form_order_backward.png') no-repeat; width: 240px; height: 36px; font-weight: bold; font-size: 13px; color: rgb(255,255,255); font-size: 13px; cursor: pointer; padding-left: 45px; text-align: left}
.order_middle #form_order_forward{display: block; position: absolute; top: 10px; right: 0px; background: url('/img/form/form_order-forward.png') no-repeat; width: 240px; height: 36px; font-weight: bold; font-size: 15px; color: rgb(255,255,255); cursor: pointer; text-align: right; padding-right: 45px}

.order_middle .order_step_cart, .order_middle .order_step_personaldata, .order_middle .order_step_transport{background: rgb(50,65,70); display: block; font-size: 15px; color: rgb(255,255,255); font-weight: bold; cursor: pointer;}
.order_middle tr#form_is_company_box{display: none;}

#order_step_personaldata_fill{background: rgb(102,0,204); color: rgb(235,235,235); font-size: 13px; padding-bottom: 20px}
#order_step_personaldata_fill h4{color: rgb(255,255,255); font-size: 15px; padding: 0px 0px 0px 10px}
#order_step_personaldata_fill p{padding: 10px 0px 0px 10px}

.order_middle .radio_item{display: block; width: 160px; float: left; padding: 10px 0px 10px 10px; font-size: 13px;}
.order_middle .radio_item label{padding-left: 5px;}
.order_middle .radio_item span{font-size: 15px; color: rgb(255,255,255)}
.order_middle fieldset{display: block; clear: both}
.order_middle ul{list-style-type: none; margin-left: 1em; padding-top: 0.3em;}
.order_middle .personal_information{clear: both; margin-bottom: 10px; color: rgb(51,51,51)}
.order_middle .personal_information .label{width: 120px}
.order_middle .personal_information .input{width: 176px}
.order_middle .personal_information .input input{background: rgb(255,255,255); border: 1px solid rgb(153,153,153); width: 155px; height: 27px; padding-left: 5px; font-size: 15px; padding-top: 3px}
.order_middle #form_shipping_address_box{margin: 10px 0px}
.order_middle label span {color: #cc0000; padding: 0px;}
.order_middle span.method{padding-left: 5px; cursor: pointer; color: #000000; font-weight: bold;}

#order_step_transport_fill{background: rgb(102,0,204); color: rgb(235,235,235); font-size: 13px; padding: 0px 10px 20px}
#order_step_transport_fill h4{color: rgb(255,255,255); padding: 10px 0px 0px; font-size: 15px}
#order_step_transport_fill .method{color: rgb(255,255,255); font-size: 13px}

#order_step_confirmorder_fill{border: 10px solid rgb(102,0,204); border-width: 10px 0px; padding: 0px 0px 20px; font-size: 13px}
#order_step_confirmorder_fill legend strong{display: block; clear: both; font-size: 15px; padding: 10px 0px}
#order_step_confirmorder_fill th{background: rgb(0,0,0); color: rgb(255,255,255); padding: 5px 3px}
#order_step_confirmorder_fill td{padding: 3px; border-bottom: 1px solid rgb(0,0,0)}

#order_content span{padding-left: 5px;}
/*-- ORDER END --*/

/*-- HOME TEASER BEGIN --*/
#home_teaser{display: block; clear: both; width: 720px; height: 400px; padding: 0px;}
#home_teaser ul{display: block; clear: both; padding: 0px; margin: 0px; list-style-type: none; position: relative}
#home_teaser li{padding: 0px; margin: 0px;}
#home_teaser a{text-decoration: none}
#home_teaser .level_1_item .item_fill{display: block; clear: both; width: 720px; height: 400px; position: absolute; top: 0; left: 0px; z-index: 1; text-decoration: none;}
#home_teaser .level_1_item .text{position: absolute; top: 5px; left: 55px; width: 245px; }

#home_teaser h3{display: block; clear: both; width: 720px; color: rgb(255,255,255); font-size: 25px; font-weight: normal; position: absolute; bottom: 0px; left: 0px; background: rgb(5,35,45); text-transform: uppercase; z-index: 100; background: rgba(5,35,45,0.65); padding: 0px; z-index: 2; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"}
#home_teaser h3 span{display: block; clear: both; padding: 10px}

#home_teaser .link{display: block; width: 30px; height: 30px; z-index: 3; position: absolute; top: 5px; right: 5px; border: 5px solid rgb(255,255,255);}
#home_teaser .active .link{border: 5px solid rgb(5,35,45);}
#home_teaser .last_1{right: 50px;}
#home_teaser .last_2{right: 95px;}
#home_teaser .last_3{right: 140px;}
#home_teaser .last_4{right: 185px;}
#home_teaser .last_5{right: 230px;}
#home_teaser .last_6{right: 275px;}
#home_teaser .last_7{right: 320px;}
#home_teaser .last_8{right: 365px;}

#home_teaser .collapsable{display:block}
#home_teaser .expandable{display:none}
/*-- HOME TEASER END --*/