div.cleaner { clear: both; font-size: 1px; height: 0; line-height: 0; margin: 0; padding:0;}

body { text-align: center; font-family: verdana, arial; margin: 0; background: url('../images/layout/pozadi_pruhy.png');}

.centered { text-align: center;}
.spinner { background: url('../images/layout/spinner.gif') no-repeat center center;}

div#left_border { width: 94px; height: 1px; background: url('../images/layout/stin_levy.png') repeat-y; position: absolute; top: 0; left: 50%; margin-left: -594px;}
div#right_border { width: 94px; height: 1px; background: url('../images/layout/stin_pravy.png') repeat-y; position: absolute; top: 0; left: 50%; margin-left: 500px;}

div#container {background: url('../images/layout/pozadi_prechod_horni.png') repeat-x;}

div#page { width: 1000px; text-align: left; margin: 0 auto 0 auto; background: #FFFFFF;}

div#page div#left_column { float: left; width: 210px; background: #FFFFFF;}
div#page div#left_column div#text_menu { height: 241px; background: url('../images/layout/hlavicka_menu.jpg'); }
div#page div#left_column div#text_menu div#text_header { height: 16px; font-size: 1px; background: url('../images/layout/hlavicka_menu.jpg');}
div#page div#left_column div#text_menu div#text_menu_items { padding: 2px 0 0px 0; background: url('../images/layout/hlavicka_menu.jpg') 0 -16px;}
div#page div#left_column div#text_menu div#text_menu_items div.menu_item { height: 31px; position: relative; z-index: 10;}
div#page div#left_column div#text_menu div#text_menu_items div.menu_item div.rollmenu { display: none; position: absolute; background: #451B02; padding: 10px 0 10px 0; border-left: 1px solid #7f3307; border-top: 1px solid #7f3307; }
div#page div#left_column div#text_menu div#text_menu_items div.menu_item div.rollmenu a  { margin: 0 5px 0 5px; width: 150px; line-height: 25px; font-size: 11px; background-color: transparent; display: block;}
div#page div#left_column div#text_menu div#text_menu_items div.menu_item div.rollmenu a span { margin: 0 5px 0 5px; }
div#page div#left_column div#text_menu div#text_menu_items div.menu_item:hover div.rollmenu,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item.hover div.rollmenu { display: block; top: -10px; left: 195px; width: 160px; }
div#page div#left_column div#text_menu div#text_menu_items div.menu_item a { display: block; width: 100%; line-height: 31px; color: #FFFFFF; text-decoration: none; font-size: 13px; text-transform: uppercase;}
div#page div#left_column div#text_menu div#text_menu_items div.menu_item a span { margin: 0 0 0 25px; }
div#page div#left_column div#text_menu div#text_menu_items div.menu_item a:hover,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item:hover a,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item.hover a,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item a.active,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item div.rollmenu a:hover,
div#page div#left_column div#text_menu div#text_menu_items div.menu_item div.rollmenu a.active { background-color: #7f3307;}

div#page div#left_column div#product_menu div#product_header { height: 50px; line-height: 50px; font-size: 13px; font-weight: bold; background: url('../images/layout/menu_cast2_nadpis.jpg'); padding: 0 25px 0 25px; color: #FFC588; }
div#page div#left_column div#product_menu div#product_menu_items { padding: 22px 0 40px 0; background: url('../images/layout/menu_cast2_pozadi.jpg') repeat-y;}
div#page div#left_column div#product_menu div#product_menu_items div.menu_item { /*height: 31px;*/ position: relative; z-index: 10;}
div#page div#left_column div#product_menu div#product_menu_items div.menu_item div.rollmenu { display: none; position: absolute; background: #973C05; padding: 10px 0 10px 0; border-left: 1px solid #c65a1c; border-top: 1px solid #c65a1c; }
div#page div#left_column div#product_menu div#product_menu_items div.menu_item div.rollmenu a  { margin: 0 5px 0 5px; width: 140px; line-height: 20px; font-size: 10px; background-color: transparent; display: block;}
div#page div#left_column div#product_menu div#product_menu_items div.menu_item div.rollmenu a span { margin: 0 5px 0 5px; }
div#page div#left_column div#product_menu div#product_menu_items div.menu_item:hover div.rollmenu,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item.hover div.rollmenu { display: block; top: -10px; left: 210px; width: 150px; z-index: 20;}
div#page div#left_column div#product_menu div#product_menu_items div.menu_item a { display: block; width: 100%; line-height: 31px; color: #FFFFFF; text-decoration: none; font-size: 13px; text-transform: uppercase;}
div#page div#left_column div#product_menu div#product_menu_items div.submenu div.menu_item a { margin: 0; display: block; width: 100%; line-height: 20px; font-size: 11px; color: #FFFFFF; text-decoration: none; text-transform: uppercase;}
div#page div#left_column div#product_menu div#product_menu_items div.menu_item a span { margin: 0 0 0 25px; }
div#page div#left_column div#product_menu div#product_menu_items div.menu_item a:hover,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item:hover a,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item.hover a,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item a.active,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item div.rollmenu a:hover,
div#page div#left_column div#product_menu div#product_menu_items div.menu_item div.rollmenu a.active { background-color: #c65a1c;}

div#page div#left_column div#menu_back { height: 68px; background: url('../images/layout/navigace_pozadi.png') repeat-x;}

div#page div#right_column { float: right; width: 790px; background: #FFFFFF;}
div#page div#right_column div#header { height: 241px; background: white; position: relative; z-index: 5; background: url('../images/layout/hlavicka_obr2.png');}
div#page div#right_column div#header h1 { font-size: 18px; margin: 0; position: absolute; bottom: 10px; left: 20px; color: #000000; background: url('../images/layout/navigace_pozadi.png') 0 -30px repeat-x; visibility: hidden;}
div#page div#right_column div#header div#flash div#logout_button { position: absolute; bottom: 10px; right: 10px;}

div#page div#right_column div#content div#navigation { height: 68px; line-height: 57px; font-size: 11px; text-align: right; padding: 0 35px 0 0; background: url('../images/layout/navigace_pozadi.png') repeat-x; color: #634123;}
div#page div#right_column div#content div#navigation a { color: #634123; text-decoration: none; font-weight: normal;}
div#page div#right_column div#content div#navigation a:hover { text-decoration: underline;}
div#page div#right_column div#content div#navigation span.active_category { color: #DF5200;}

div#page div#right_column div#content div#text2 { float: left; margin: 0 35px 45px 35px; width: 526px; }
div#page div#right_column div#content div#news { float: right; width: 194px; margin: 20px 0 45px 0;}
div#page div#right_column div#content div#news div#news_head { font-size: 13px; font-weight: bold; height: 44px; line-height: 44px; color: #835c45; padding: 0 15px 0 15px; background: url('../images/layout/aktuality_nadpis.jpg');}
div#page div#right_column div#content div#news div.news_item { background: url('../images/layout/aktuality_prechod.jpg') repeat-x; padding: 15px 15px 15px 15px; margin: 2px 0 2px 0; font-size: 12px; color: #634123;}
div#page div#right_column div#content div#news div.news_item div.news_title { font-weight: bold;}
div#page div#right_column div#content div#news div.news_item {}

div#page div#right_column div#content div#text,
div#page div#right_column div#content div#katalog {padding: 0 35px 0 35px; margin: 0 0 45px 0;}
div#page div#right_column div#content div#text h2,
div#page div#right_column div#content div#katalog h2,
div#fancybox-inner h2,
div#page div#right_column div#content div#text2 h2 { margin: 0 0 20px 0; font-size: 14px; color: #DF5200;}
div#page div#right_column div#content div#text h3,
div#page div#right_column div#content div#katalog h3,
div#fancybox-inner h3,
div#page div#right_column div#content div#text2 h3{ margin: 0 0 20px 0; font-size: 13px; color: #DF5200;}
div#page div#right_column div#content div#text h4,
div#page div#right_column div#content div#text2 h4,
div#page div#right_column div#content div#katalog h4,
div#fancybox-inner h4,
div#page div#right_column div#content div#text h5,
div#page div#right_column div#content div#text2 h5,
div#page div#right_column div#content div#katalog h5,
div#fancybox-inner h5,
div#page div#right_column div#content div#text h6,
div#page div#right_column div#content div#katalog h6,
div#fancybox-inner h6,
div#page div#right_column div#content div#text2 h6{ margin: 0 0 20px 0; font-size: 12px; color: #DF5200;}

div#page div#right_column div#content div#text ul li,
div#page div#right_column div#content div#katalog ul li,
div#fancybox-inner ul li,
div#page div#right_column div#content div#text2 ul li { font-size: 12px; line-height: 20px; color: #4E4E4E; margin: 0 0 20px 0; text-align: justify;}

div#page div#right_column div#content div#text p,
div#fancybox-inner p,
div#page div#right_column div#content div#text2 p,
div#page div#right_column div#content div#katalog p { font-size: 12px; line-height: 20px; color: #4E4E4E; margin: 0 0 20px 0; text-align: justify;}
div#page div#right_column div#content div#text p a,
div#fancybox-inner p a,
div#page div#right_column div#content div#text2 p a,
div#page div#right_column div#content div#katalog p a,
div#page div#right_column div#content div#text a,
div#fancybox-inner a,
div#page div#right_column div#content div#text2 a,
div#page div#right_column div#content div#katalog a { color: #DF5200; font-size: 12px;}

div#page div#right_column div#content div#katalog div.product div.description div.prod_photo {text-transform:uppercase;color: #4E4E4E;font-size: 12px; cursor: pointer; padding: 0 0 0 15px; line-height: 36px;}
div#page div#right_column div#content div#katalog div.product div.description div.prod_photo:hover,
div#page div#right_column div#content div#katalog div.product div.description div.prod_photo.hover {background: url('../images/layout/menu_detail_produkt.jpg') repeat-y;}
div#page div#right_column div#content div#katalog div.product div.description div.pruduct_bottom { height: 68px; background: url('../images/layout/navigace_pozadi.png') repeat-x; margin: 3px 0 0 0;}
div#page div#right_column div#content div#katalog div.product div.description div.detail_desc a {text-transform:uppercase;color: #4E4E4E;text-decoration: none; line-height: 36px; display: block; padding: 0 0 0 15px; margin: 3px 0 0 0; border-top: 1px solid #DFD2C0;}
div#page div#right_column div#content div#katalog div.product div.description div.detail_desc a:hover {background: url('../images/layout/menu_detail_produkt.jpg') repeat-y;}

div#page div#right_column div#content div#katalog div.product div.picture { width: 215px; float: left;}
div#page div#right_column div#content div#katalog div.product div.description {width: 470px; float: right;}

div#page div#right_column div#content div#text div.prod_preview { width: 142px; padding: 0 0 5px 0; margin: 0 0 20px 0; float: left; text-align: center;}
div#page div#right_column div#content div#text div.prod_preview h3 { margin: 0;}
div#page div#right_column div#content div#text div.prod_preview h3 a { text-decoration: none; line-height: 30px; color: #DF5200; display: block;}
div#page div#right_column div#content div#text div.prod_preview div.thumb { width: 142px; text-align: center;}
div#page div#right_column div#content div#text div.prod_preview div.thumb a {display: block; width: 100%; height: 100%;}
div#page div#right_column div#content div#text div.prod_preview div.thumb a img {border: none; width: 93px;}

div#page div#right_column div#content div#text div#gallery div#photo { width: 400px; float: left;}
div#page div#right_column div#content div#text div#gallery div#photo img { border: none; text-align: center; margin: 0 auto 0 auto; }
div#page div#right_column div#content div#text div#gallery div.thumb_container { width: 242px; float: right;}
div#page div#right_column div#content div#text div#gallery div.hide { display: none;}
div#page div#right_column div#content div#text div#gallery div.thumb_container div.thumb img { width: 116px; height: 87px; cursor: pointer; margin: 0;}
div#page div#right_column div#content div#text div#gallery div.thumb_container div.left {width: 116px; height: 87px; float: left; font-size: 1px; margin: 0 0 10px 0;}
div#page div#right_column div#content div#text div#gallery div.thumb_container div.right {width: 116px; height: 87px; float: right; font-size: 1px; margin: 0 0 10px 0;}
div#page div#right_column div#content div#text div#gallery div#gallery_bar { border-top: 1px solid #4E4E4E; margin: 20px 0 30px 0; height: 72px; line-height: 40px; font-size: 12px; color: #634123; background: url('../images/layout/navigace_pozadi.png') 0 2px repeat-x; }
div#page div#right_column div#content div#text div#gallery div#gallery_bar div#photo_desc { float: left; padding: 0 0 0 15px;}
div#page div#right_column div#content div#text div#gallery div#gallery_bar div#flipping { float: right; padding: 0 15px 0 0;}
div#page div#right_column div#content div#text div#gallery div#gallery_bar div#flipping span.flip { cursor: pointer;}
div#page div#right_column div#content div#text div#gallery div#gallery_bar div#flipping span.active { color: #DF5200;}

div#page div#right_column div#content div#text div.gal_preview { width: 200px; margin: 20px 21px 20px 0; float: left;}
div#page div#right_column div#content div#text div.gal_preview.right { margin: 20px 0 20px 0; float: right; }
div#page div#right_column div#content div#text div.gal_preview h3 { margin: 0;}
div#page div#right_column div#content div#text div.gal_preview h3 a { text-decoration: none; line-height: 30px; color: #DF5200; display: block;}
div#page div#right_column div#content div#text div.gal_preview div.thumb { width: 200px; height: 150px; background: #EEE7DA;}
div#page div#right_column div#content div#text div.gal_preview div.thumb a {display: block; width: 100%; height: 100%;}
div#page div#right_column div#content div#text div.gal_preview div.thumb a img {border: none; width: 200px; height: 150px;}


div#page div#right_column div#content div#text div#login_form { width: 302px;}
div#page div#right_column div#content div#text div#login_form form div.form_line { font-size: 11px; color: #DF5200; font-weight: bold; line-height: 20px; height: 30px; }
div#page div#right_column div#content div#text div#login_form form div.form_line span.label { display: block; width: 80px; float: left; text-align: right; margin-right: 20px;}
div#page div#right_column div#content div#text div#login_form form div.form_line span.input input { width: 200px; height: 20px; font-size: 11px; padding: 0; border: 1px solid #8B8B8B;}
div#page div#right_column div#content div#text div#login_form form div.form_line span.button { float: right;}

div#page div#right_column div#content div#text div#pass_form {}
div#page div#right_column div#content div#text div#pass_form form div.form_line { font-size: 11px; color: #DF5200; font-weight: bold; line-height: 20px; padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC; margin: 3px 0 3px 0; background: #f0f0ee;}
div#page div#right_column div#content div#text div#pass_form form div.form_line span.label { display: block; width: 140px; float: left; text-align: right; margin-right: 20px;}
div#page div#right_column div#content div#text div#pass_form form div.form_line span.input input { width: 200px; height: 20px; font-size: 11px; padding: 0; border: 1px solid #CCCCCC;}
div#page div#right_column div#content div#text div#pass_form form div.form_line span.button { display: block; text-align: right;}

div#page div#right_column div#content div#text div#WYSIWYG_form,
div#page div#right_column div#content div#text div.WYSIWYG_form { width: 100%; margin: 18px 0 0 0;}
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_line,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_line { font-size: 11px; color: #DF5200; font-weight: bold; line-height: 20px; padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC; margin: 3px 0 3px 0; background: #f0f0ee; }
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_line span.label,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_line span.label { display: block; width: 40px; float: left; text-align: right; margin-right: 20px; line-height: 20px;}
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_line span.input input,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_line span.input input { width: 500px; height: 20px; font-size: 11px; padding: 0; border: 1px solid #CCCCCC;}
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_line span.input select,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_line span.input select { width: 300px; height: 20px; line-height: 20px; font-size: 11px; padding: 0; border: 1px solid #CCCCCC;}
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_textarea,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_textarea{ position: relative;}
div#page div#right_column div#content div#text div#WYSIWYG_form form div.form_line span.button,
div#page div#right_column div#content div#text div.WYSIWYG_form form div.form_line span.button{ display: block; text-align: right;}

div#page div#right_column div#content div#text table.list { width: 100%; font-size: 11px; border-collapse: separate; border: 1px solid #634123; margin: 18px 0 0 0;}
div#page div#right_column div#content div#text table.list tr td { padding: 2px 3px 2px 3px;}

div#page div#right_column div#content div#text table.list tr.head { background: #742F06; color: #FFFFFF; font-weight: bold;}
div#page div#right_column div#content div#text table.list tr.lichy {  color: #634123; cursor: pointer;}
div#page div#right_column div#content div#text table.list tr.sudy { background: #E8DECD; cursor: pointer; color: #634123;}
div#page div#right_column div#content div#text table.list tr.lichy:hover,
div#page div#right_column div#content div#text table.list tr.sudy:hover { background: #CEA96C;}

div#page div#right_column div#content div#text table.list tr td form { padding: 0; margin: 0 auto; display: block; width: 14px; height: 14px;}
div#page div#right_column div#content div#text table.list span.children { color: red;}
div#page div#right_column div#content div#text table.list tr td a { display: block; text-decoration: none; background: url('../images/layout/edit.png') no-repeat; width: 14px; height: 14px; margin: 0 auto;}
div#page div#right_column div#content div#text table.list tr td a.add { display: block; text-decoration: none; background: url('../images/layout/add.gif') no-repeat; width: 14px; height: 14px; margin: 0 auto;}
div#page div#right_column div#content div#text table.list tr td a span { visibility: hidden; display: block; width: 14px; height: 14px; font-size: 1px;}

div#page div#right_column div#content div#text p#warning { color: orange;}


div#footer { position: relative; margin: 0 auto 0 auto;  text-align: right; font-size: 11px; width: 1000px; color: #DDAB76; height: 90px; line-height: 25px; background: url('../images/layout/stin_spodni.png') repeat-x;}
div#footer a { text-decoration: none; color: #DDAB76; padding: 0 20px 0 0;}
div#footer a:hover { text-decoration: underline;}

div#footer div#left_corner { width: 90px; height: 90px; background: url('../images/layout/stin_spodni_roh_levy.png') no-repeat; position: absolute; top: 0; left: -90px;}
div#footer div#right_corner { width: 90px; height: 90px; background: url('../images/layout/stin_spodni_roh_pravy.png') no-repeat; position: absolute; top: 0; left: 1000px;}