html {
    overflow-y:scroll;
}
body {
    margin:0; line-height:170%; text-align:center; font:0.8em tahoma, arial, sans-serif;
    color:#eee; /*background:#00416c;*/ background:#191919;
}

.cleaner {width:100%; height:1px; overflow:hidden; clear:both;}

#site {position:relative; clear:both; width:990px; margin:0 auto; text-align:left;}

/* HEADER */
#header {position:relative; height:60px;}
#header span {position:absolute; bottom:2px; right:12px;}

/* MENU */
#menu {height:246px; background-image:url(/img/header.jpg); background-repeat:no-repeat;}
#menu ul#modules {margin:0 0 0 6px; padding:0; list-style:none;}
#menu ul#modules li {float:left; width:243px; height:68px; margin:10px 2px 0 0; padding:0; border:0; text-align:center; cursor:pointer; background-image:url(/img/header_item.png); background-repeat:repeat-x;}
#menu ul#modules li.active {background-image:url(/img/header_item_active.png);}
#menu ul#modules li a {display:block; height:40px; padding:22px 0 4px 0; font:11px/20px tahoma, arial, sans-serif; color:#424242; text-decoration:none; outline:0;}
#menu ul#modules li a strong {font-size:18px; color:#424242;}
#menu ul#modules li a:hover {color:#00416c;}
#menu ul#modules li a:hover strong {color:#00416c;}

/* PAGE */
#page {margin-top:12px; color:#4d4d4d; background:#00416c;}
#page h2 {padding:0; margin:0; color:#00416c;}
#page h3 {margin-top:7px; color:#00416c; /*color:#4d4d4d;*/ font-weight:bold; font-size:1.2em;}
#page em {color:#4d4d4d; font-weight:normal; font-size:0.9em;}
#page a {color:#4d4d4d; font-weight:bold; text-decoration:none;}
#page a:hover {text-decoration:underline;}
#page strong {color:#4d4d4d;}
#page .stronger {font-weight:bold;}
#page .stronger a strong {color:#00416c;}
#page ul {margin:0; padding:0;}
#page ul li {margin-left:12px; font-size:1.0em;}
#page ul#submenu li {list-style:none; padding:4px 0;}
#page ul#submenu li a {text-decoration:none; outline:0; font-size:1.3em; font-weight:normal; color:#4d4d4d;}
#page ul#submenu li a:hover {color:#00416c; text-decoration:underline;}
#page ul#submenu li a.active {color:#00416c; font-weight:bold; text-decoration:none; cursor:default;}
#page table.pricelist td {border-bottom:1px dotted #4d4d4d; padding:2px 0;}
#page .title {padding-left:10px; height:30px; line-height:30px;}
#page .title h1 {margin:10px 0; font-size:1.5em; font-weight:bold; color:#ccc;}

#page #left-content {float:left;}
#page #right-content {float:right;}

/* HOMEPAGE */
#page #left-panel {float:left; min-height:360px; color:#000; padding-right:15px;}
#page #left-panel * {color:#000;}
#page #left-panel h2 {color:#00416c; margin-bottom:12px;}
#page #left-panel h3 {margin-bottom:32px;}
#page #left-panel div {text-align:center;}
#page #left-panel div img#homepage {display:block; width:400px; height:222px; border:0; margin:0 auto;}
#page #right-panel {position:relative; float:left; min-height:360px; border-left:1px solid #8c8c8c; color:#000; padding-left:15px;}
#page #right-panel * {color:#000;}
#page #right-panel h2 {color:#00416c;}
#page #right-panel ul {}
#page #right-panel ul li {margin-bottom:14px;}
#page #right-panel #buttons-menu {position:absolute; left:25px; bottom:0; width:auto; height:auto;}
#page #right-panel #buttons-menu div {display:block; float:left; padding-top:7px; width:153px; height:45px; color:#00416c; font-size:15px; font-weight:bold; text-align:center; background-repeat:no-repeat; cursor:pointer;}
#page #right-panel #buttons-menu div span {color:#00416c; font-size:11px; font-weight:normal;}

#page #right-panel #buttons-menu div#btn-pricelist {background-image:url(/img/homepage/btnLeft.png);}
#page #right-panel #buttons-menu div#btn-pricelist:hover {background-image:url(/img/homepage/btnLeft_ACTIVE.png);}
#page #right-panel #buttons-menu div#btn-order {margin-left:3px; background-image:url(/img/homepage/btnRight.png);}
#page #right-panel #buttons-menu div#btn-order:hover {background-image:url(/img/homepage/btnRight_ACTIVE.png);}


#page #right-panel .red {color:#df0000;}
/* HOMEPAGE - END */

#page-layout, #page-layout-content {display:block; margin:0; padding:0; border-collapse:collapse; color:#000;}
#page-layout tr.top td, #page-layout-content tr.top td, #page-layout tr.bottom td, #page-layout-content tr.bottom td {height:16px;}
#page-layout td.left, #page-layout-content td.left, #page-layout td.right, #page-layout-content td.right {width:16px;}
#page-layout td.center {width:958px;}
#page-layout-content td.fullcenter {width:926px;}
#page-layout-content td.leftcenter {width:268px;}
#page-layout-content td.rightcenter {width:616px;}
#page-layout-content tr.middle td.fullcenter,
#page-layout-content tr.middle td.leftcenter,
#page-layout-content tr.middle td.rightcenter {background-color:#f4f4f4;}

#page-layout td, #page-layout-content td {border:0; padding:0;}
#page-layout tr.top td.left {background-image:url(/img/corners/top-left.gif); background-repeat:no-repeat;}
#page-layout tr.top td.center {background-image:url(/img/corners/top.gif); background-repeat:repeat-x;}
#page-layout tr.top td.right {background-image:url(/img/corners/top-right.gif); background-repeat:no-repeat;}
#page-layout tr.middle td.left {background-image:url(/img/corners/left.gif); background-repeat:repeat-y;}
#page-layout tr.middle td.right {background-image:url(/img/corners/right.gif); background-repeat:repeat-y;}
#page-layout tr.bottom td.left {background-image:url(/img/corners/bottom-left.gif); background-repeat:no-repeat;}
#page-layout tr.bottom td.center {background-image:url(/img/corners/bottom.gif); background-repeat:repeat-x;}
#page-layout tr.bottom td.right {background-image:url(/img/corners/bottom-right.gif); background-repeat:no-repeat;}
#page-layout-content tr.top td.left {background-image:url(/img/corners/top-left-filled.gif); background-repeat:no-repeat;}
#page-layout-content tr.top td.fullcenter {background-image:url(/img/corners/top-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.top td.leftcenter {background-image:url(/img/corners/top-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.top td.rightcenter {background-image:url(/img/corners/top-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.top td.right {background-image:url(/img/corners/top-right-filled.gif); background-repeat:no-repeat;}
#page-layout-content tr.middle td.left {background-image:url(/img/corners/left-filled.gif); background-repeat:repeat-y;}
#page-layout-content tr.middle td.right {background-image:url(/img/corners/right-filled.gif); background-repeat:repeat-y;}
#page-layout-content tr.bottom td.left {background-image:url(/img/corners/bottom-left-filled.gif); background-repeat:no-repeat;}
#page-layout-content tr.bottom td.fullcenter {background-image:url(/img/corners/bottom-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.bottom td.leftcenter {background-image:url(/img/corners/bottom-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.bottom td.rightcenter {background-image:url(/img/corners/bottom-filled.gif); background-repeat:repeat-x;}
#page-layout-content tr.bottom td.right {background-image:url(/img/corners/bottom-right-filled.gif); background-repeat:no-repeat;}

/* LINKS */
#page a.linkButton {display:inline-block; padding:3px 6px; border:#7f7f7f 1px solid; font-size:11px; font-weight:bold; color:#4c555e; text-decoration:none; text-align:center; cursor:pointer;}
#page a.linkButton:hover {color:#00416c;}
/*#page a.linkButton {display:inline-block; width:100px; height:22px; line-height:22px; text-align:center; text-decoration:none; background-image:url(/img/link_button.png);}
#page a.linkButton strong {color:#fff;}
#page a.linkButton:hover {text-decoration:none;}*/

/* FORMS */
form#poptavka-form {padding:0; margin:0; margin-top:12px;}
form#poptavka-form div.row {float:none; clear:both; margin-bottom:6px;}
form#poptavka-form label {padding-right:6px; float:left; width:70px; height:20px; line-height:20px; text-align:right; font-weight:bold;}
form#poptavka-form input {border:#7f7f7f 1px solid; color:#4c555e;}
form#poptavka-form input:hover {border:#00416c 1px solid;}
form#poptavka-form textarea {border:#7f7f7f 1px solid; color:#4c555e;}
form#poptavka-form textarea:hover {border:#00416c 1px solid;}
form#poptavka-form .tlacitko {padding:3px 6px; font-size:11px; font-weight:bold; color:#4c555e; text-align:center; cursor:pointer;}
form#poptavka-form .tlacitko:hover {color:#00416c;}

/* GALLERY */
#gallery {position:relative;}
#gallery ul.gallery-navigation {float:left; width:auto; list-style:none; margin-left:35px; padding:10px;}
#gallery ul.gallery-navigation li {position:relative; float:left; width:110px; height:110px; margin:0; padding:4px;}
#gallery ul.gallery-navigation li a {display:block; position:relative; width:108px; height:108px; border:1px solid #969696; background-image:url(/img/thumbnail_item.png); background-repeat:repeat-x; background-position:bottom;}
#gallery ul.gallery-navigation li a:hover {background-image:url(/img/thumbnail_item_active.png);}
#gallery ul.gallery-navigation li a img {position:absolute; left:3px; top:27px; width:100px; height:56px; border:1px solid #969696;}
#gallery ul.gallery-navigation li a img.vertical {left:27px; top:3px; width:56px; height:100px;}

/* FOOTER */
#footer {height:40px;}

/* TABS */
#tabs {position:absolute; top:325px; left:0; width:51px; height:421px; background-image:url(/img/tab_plachty_selected.png); background-repeat:no-repeat; background-position:bottom left;}
#tabs a {display:block; position:absolute; left:0; top:0; width:51px; height:146px; outline:none; background-image:url(/img/tab_vizitky.png); background-repeat:no-repeat; background-position:top left;}
