/*

Author: Tomas Matis, Marek Pol�ek Skvely.CZ
Project: www.tetronik.cz

Latest revision: 25. 9. 2009

*/

@import url("global.css");
@import url("highslide.css");



/* Base
----------------------------------*/
body { background:#4e4e4e url('../images/bg-body.png') repeat-x 0 0; font-size:62.5%; }



/* Links
----------------------------------*/
a,
a:link,
a:visited { color:#3e3e3e; text-decoration:underline; }
a:hover,
a:active,
a:focus { color:#f38321; text-decoration:none; }
a.orange,
#page #content #crumbs a,
a.orange:link,
#page #content #crumbs a:link,
a.orange:visited,
#page #content #crumbs a:visited { color:#f38321; text-decoration:underline; }
a.orange:hover,
#page #content #crumbs a:hover,
a.orange:active,
#page #content #crumbs a:active,
a.orange:focus,
#page #content #crumbs a:focus { color:#f38321; text-decoration:none; }




/* Form
----------------------------------*/
#page form ul { margin:auto; margin:0 15px; }
#page form ul li { background:none; padding:5px 0; overflow:hidden; width:485px; }
#page form ul li .fix { width:140px; display:block; float:left; margin:0 10px 0 0; text-align:right; }
#page form ul li .fix em { font-style:normal; font-size:0.9em; color:#666; }
#page form ul li.focus { background:#f5e5d4; }
#page form ul li.error { background:#590706; }
#page form ul li.error label { color:#eaaba8; }
#page form ul li ul { margin:0 0 0 155px; }
#page form ul li ul li { padding:0; width:auto; }
#page form input.txt,
#page form textarea.txt { background:#fff; border:1px solid #888; border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:2px; color:#000; }
#page form input.txt { width:200px; }
#page form textarea.txt { width:300px; font-size:1em; }

#page form button { border:none; background:none; margin:10px 0 10px 148px; padding:0; width:auto; overflow:visible; text-align:center; white-space:nowrap; line-height:22px; cursor:pointer; }
#page form button span, form button em { display:block; height:22px; line-height:22px; margin:0; color:#000; font-size:1em; }
#page form button span { padding:0 0 0 5px; background:#d8d8d8 url('../images/btn-submit.png') no-repeat left top; }
#page form button em { font-style:normal; padding:0 10px 0 5px; background:#d8d8d8 url('../images/btn-submit.png') no-repeat right top; }



/* Page
----------------------------------*/
#page { background:transparent url('../images/bg-page.png') repeat-y 0 0; font-size:1.3em; line-height:1.6; width:1037px; margin:8px auto 0; position:relative; color:#3e3e3e; overflow:hidden; }

#page #skip a { position:absolute; top:-10000px; left:-10000px; }
#page #skip a:focus,
#page #skip a:active { background:#e6a024; color:#fff; width:300px; padding:2px; font-size:1.1em; font-weight:700; text-align:center; top:0; left:0; z-index:50; }

p.imgPreview { background:url('../images/bg-preview.png') no-repeat 0 0; width:106px; height:112px; }
p.imgPreview img { margin:12px 0 0 12px; }


/* Header
----------------------------------*/
#page #header { background:#222 url('../images/bg-header.jpg') no-repeat 0 0; width:1037px; height:137px; margin:0 auto; }
#page #header #logo { top:82px; left:55px; width:287px; height:29px; color:#fff; font-size:2em; line-height:1; font-weight:700; }
#page #header #logo span { background:url('../images/logo.png') no-repeat 0 0; }

#page #header p#lang { position:absolute; top:64px; right:25px; }
#page #header p#lang a,
#page #header p#lang strong { background:url('../images/bg-lang.png') no-repeat 0 0; padding:2px 0px 5px 24px; text-decoration:none; font-size:0.8em; color:#fff; }
#page #header p#lang strong { text-decoration:underline; font-weight:500; }
#page #header p#lang #cz { background-position:0 0; }
#page #header p#lang #en { background-position:-500px 0; }
#page #header p#lang a:active,
#page #header p#lang a:focus,
#page #header p#lang a:hover { color:#fff; text-decoration:underline; }

#page #header form#search { position:relative; width:365px; top:60px; left:717px; /*margin-top:60px; margin-left:717px;*/ display:none;}
#page #header form#search label { display:block; width:27px; height:22px; position:absolute; overflow:hidden; z-index:102; top:0px; left:0px; margin:0px; padding:0px; }
#page #header form#search label span { background:#fff url(../images/bg-search.png) no-repeat 0 0; display:block; width:27px; height:22px; position:absolute; top:0px; left:0px; }
#page #header form#search div.fake { background-color:#fff; float:left; display:block; width:236px; height:30px; position:relative; z-index:100; }
#page #header form#search div.fake input { background:url(../images/bg-search.png) no-repeat left top scroll; margin:0px; padding:5px 0 5px 30px; border:none; display:block; height:30px; width:206px; line-height:25px; position:absolute; left:0px; top:0px; }
#page #header form#search .searchButton { background-color:#d7d7d7; border:1px solid #707070; position:relative; display:block; width:63px; height:22px; float:left; top:0px; left:0px; }
#page #header form#search .searchButton button { background:url(../images/bg-search.png) no-repeat -236px 0; color:#000; cursor:pointer; border:none; margin:0px; padding:0px; display:block; width:65px; height:24px; line-height:27px; position:absolute; left:-1px; top:-1px; }





/* Content
----------------------------------*/
#page h1,
#error404 h3 { color:#ee7d0c; font-size:1.8em; margin:10px 0 10px 0; }
#page ul,
#page ol { margin:0; }
#page ul li { background:url('../images/bg-li.png') no-repeat 0 7px; padding:0 0 0 15px; }

#page #content { background:#fff; /*background:url('../images/bg-menu-shadow.png') no-repeat 0 35px;*/ float:right; display:inline; width:827px; margin:0 4px 0 0; padding:40px 0 0; }
#page #content.m1 { background-position:-827px 35px; }
#page #content.m2 { background-position:-1654px 35px; }
#page #content.m3 { background-position:-2481px 35px; }
#page #content.m4 { background-position:-3308px 35px; }
#page #content.m5 { background-position:-4135px 35px; }
#page #content.m6 { background-position:-4962px 35px; }
#page #content.m7 { background-position:-5789px 35px; }
#page #content.m8 { background-position:-6616px 35px; }
#page.hp #content { padding-top:385px; }

#page #content #crumbs { border-bottom:1px solid #ccc; margin:0px; padding:0 0 5px; }

#page #content p { margin:0 0 10px; }

#page #content h1.gradient { color:#3073d2; font-size:1.9em; position:relative; line-height:1; font-style:italic; }
#page #content h1.gradient span { background:url('../images/bg-gradient-white.png') no-repeat 0 0; position:absolute; display:block; top:0; left:0; height:100%; width:100%; }

#page #content h1.blue { color:#0195ff; }
#page #content h1.green { color:#66b212; }
#page #content h1.orange { color:#e85b0c; }
#page #content h1.grey { color:#6E6E6E; }
#page #content h1.yellow { color:#c0ba02; }
#page #content h1.magenta { color:#be59fd; }
#page #content h1.white { color:#6e6e6e; }

#page #content h2 { color:#000; font-size:1.3em; margin:20px 0 10px; }
#page #content h2.sub { color:#000; font-size:1.2em; font-style:italic; margin:20px 0 10px; }


#page #content .inRight { padding:0; float:right; width:520px; margin:20px 20px 0 0; }



/* Submenu
----------------------------------*/
#page #content #pages { background: url('../images/bg-submenu3.png') no-repeat 0 top; width:246px; float:left; margin:20px 0 20px 10px; }
#page #content #pages.items7 {background-position: 0 bottom;}
#page #content #pages li { background:none; padding:0; }
#page #content #pages li a { background:url('../images/bg-pages3.png') no-repeat 0 0; display:block; width:100%; height:35px; line-height:35px; font-weight:700; text-indent:20px; color:#000; text-decoration:none; }
#page #content #pages li a:hover,
#page #content #pages li a:active,
#page #content #pages li a:focus { background-color:#6e6e6e; color:#fff; }
#page #content #pages li.active a { background-color:#6e6e6e; background-position:0 -317px !important; color:#fff; text-decoration:none; }
#page #content #pages li.active.first a { background-position:0 -247px !important; }
#page #content #pages li.active.last a { background-position:0 -457px !important; }
#page #content #pages.items7 li#item7.active.last a { background-position:0 -317px !important; }
#page #content #pages li.last a { line-height:37px; }

#page #content #pages li ul { background:#0195ff; margin:0 3px 0 1px; }
#page #content #pages li ul#blue { background:#0195ff; }
#page #content #pages li ul#green { background:#66b212; }
#page #content #pages li ul#orange { background:#e85b0c; }
#page #content #pages li ul#grey { background:#8a8a8a; }
#page #content #pages li ul#yellow { background:#c0ba02; }
#page #content #pages li ul#magenta { background:#be59fd; }
#page #content #pages li ul#white { background:#fff; }
#page #content #pages li ul#white a { color:#000; }
#page #content #pages li ul li { border-bottom:1px solid #80ccff; margin:0; }
#page #content #pages li ul#blue li { border-bottom:1px solid #80ccff; }
#page #content #pages li ul#green li { border-bottom:1px solid #b2d98a; }
#page #content #pages li ul#orange li { border-bottom:1px solid #f5ad87; }
#page #content #pages li ul#grey li { border-bottom:1px solid #c5c5c5; }
#page #content #pages li ul#yellow li { border-bottom:1px solid #e0dc81; }
#page #content #pages li ul#magenta li { border-bottom:1px solid #e0acfe; }
#page #content #pages li ul#white li { border-bottom:1px solid #e7e7e7; }
#page #content #pages li ul li a,
#page #content #pages li.active.first ul li a,
#page #content #pages li ul li a:link,
#page #content #pages li.active.first ul li a:link,
#page #content #pages li ul li a:visited,
#page #content #pages li.active.first ul li a:visited { background:url('../images/arrows.gif') no-repeat -985px 9px !important; color:#fff; font-size:0.9em; height:auto; line-height:1.6; padding:4px 0 4px 30px; text-decoration:none; text-indent:0; width:212px; }
#page #content #pages li ul li a:hover,
#page #content #pages li.active.first ul li a:hover,
#page #content #pages li ul li a:active,
#page #content #pages li.active.first ul li a:active,
#page #content #pages li ul li a:focus,
#page #content #pages li.active.first ul li a:focus,
#page #content #pages li ul li.active a,
#page #content #pages li.active.first ul li.active a { background:#80ccff url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#blue li a:hover,
#page #content #pages li.active.first ul#blue li a:hover,
#page #content #pages li ul#blue li a:active,
#page #content #pages li.active.first ul#blue li a:active,
#page #content #pages li ul#blue li a:focus,
#page #content #pages li.active.first ul#blue li a:focus,
#page #content #pages li ul#blue li.active a,
#page #content #pages li.active.first ul#blue li.active a { background:#80ccff url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#green li a:hover,
#page #content #pages li.active.first ul#green li a:hover,
#page #content #pages li ul#green li a:active,
#page #content #pages li.active.first ul#green li a:active,
#page #content #pages li ul#green li a:focus,
#page #content #pages li.active.first ul#green li a:focus,
#page #content #pages li ul#green li.active a,
#page #content #pages li.active.first ul#green li.active a { background:#b2d98a url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#orange li a:hover,
#page #content #pages li.active.first ul#orange li a:hover,
#page #content #pages li ul#orange li a:active,
#page #content #pages li.active.first ul#orange li a:active,
#page #content #pages li ul#orange li a:focus,
#page #content #pages li.active.first ul#orange li a:focus,
#page #content #pages li ul#orange li.active a,
#page #content #pages li.active.first ul#orange li.active a { background:#f5ad87 url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#grey li a:hover,
#page #content #pages li.active.first ul#grey li a:hover,
#page #content #pages li ul#grey li a:active,
#page #content #pages li.active.first ul#grey li a:active,
#page #content #pages li ul#grey li a:focus,
#page #content #pages li.active.first ul#grey li a:focus,
#page #content #pages li ul#grey li.active a,
#page #content #pages li.active.first ul#grey li.active a { background:#c5c5c5 url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#yellow li a:hover,
#page #content #pages li.active.first ul#yellow li a:hover,
#page #content #pages li ul#yellow li a:active,
#page #content #pages li.active.first ul#yellow li a:active,
#page #content #pages li ul#yellow li a:focus,
#page #content #pages li.active.first ul#yellow li a:focus,
#page #content #pages li ul#yellow li.active a,
#page #content #pages li.active.first ul#yellow li.active a { background:#e0dc81 url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#magenta li a:hover,
#page #content #pages li.active.first ul#magenta li a:hover,
#page #content #pages li ul#magenta li a:active,
#page #content #pages li.active.first ul#magenta li a:active,
#page #content #pages li ul#magenta li a:focus,
#page #content #pages li.active.first ul#magenta li a:focus,
#page #content #pages li ul#magenta li.active a,
#page #content #pages li.active.first ul#magenta li.active a { background:#e0acfe url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }
#page #content #pages li ul#white li a:hover,
#page #content #pages li.active.first ul#white li a:hover,
#page #content #pages li ul#white li a:active,
#page #content #pages li.active.first ul#white li a:active,
#page #content #pages li ul#white li a:focus,
#page #content #pages li.active.first ul#white li a:focus,
#page #content #pages li ul#white li.active a,
#page #content #pages li.active.first ul#white li.active a { background:#e7e7e7 url('../images/arrows.gif') no-repeat -1985px 9px !important; color:#000; text-decoration:none; }

#page #content #pages.items2 li#item1 a,
#page #content #pages.items2 li#item1 a:link,
#page #content #pages.items2 li#item1 a:visited { background-position:-1230px -175px; }
#page #content #pages.items2 li#item1 a:hover,
#page #content #pages.items2 li#item1 a:active,
#page #content #pages.items2 li#item1 a:focus { background-position:-1230px -422px; }
#page #content #pages.items2 li#item2 a,
#page #content #pages.items2 li#item2 a:link,
#page #content #pages.items2 li#item2 a:visited { background-position:-1230px -210px; }
#page #content #pages.items2 li#item2 a:hover,
#page #content #pages.items2 li#item2 a:active,
#page #content #pages.items2 li#item2 a:focus { background-position:-1230px -457px; }

#page #content #pages.items3 li#item1 a,
#page #content #pages.items3 li#item1 a:link,
#page #content #pages.items3 li#item1 a:visited { background-position:-984px -140px; }
#page #content #pages.items3 li#item1 a:hover,
#page #content #pages.items3 li#item1 a:active,
#page #content #pages.items3 li#item1 a:focus { background-position:-984px -387px; }
#page #content #pages.items3 li#item2 a,
#page #content #pages.items3 li#item2 a:link,
#page #content #pages.items3 li#item2 a:visited { background-position:-984px -175px; }
#page #content #pages.items3 li#item2 a:hover,
#page #content #pages.items3 li#item2 a:active,
#page #content #pages.items3 li#item2 a:focus { background-position:-984px -422px; }
#page #content #pages.items3 li#item3 a,
#page #content #pages.items3 li#item3 a:link,
#page #content #pages.items3 li#item3 a:visited { background-position:-984px -210px; }
#page #content #pages.items3 li#item3 a:hover,
#page #content #pages.items3 li#item3 a:active,
#page #content #pages.items3 li#item3 a:focus { background-position:-984px -457px; }

#page #content #pages.items4 li#item1 a,
#page #content #pages.items4 li#item1 a:link,
#page #content #pages.items4 li#item1 a:visited { background-position:-738px -105px; }
#page #content #pages.items4 li#item1 a:hover,
#page #content #pages.items4 li#item1 a:active,
#page #content #pages.items4 li#item1 a:focus { background-position:-738px -352px; }
#page #content #pages.items4 li#item2 a,
#page #content #pages.items4 li#item2 a:link,
#page #content #pages.items4 li#item2 a:visited { background-position:-738px -140px; }
#page #content #pages.items4 li#item2 a:hover,
#page #content #pages.items4 li#item2 a:active,
#page #content #pages.items4 li#item2 a:focus { background-position:-738px -387px; }
#page #content #pages.items4 li#item3 a,
#page #content #pages.items4 li#item3 a:link,
#page #content #pages.items4 li#item3 a:visited { background-position:-738px -175px; }
#page #content #pages.items4 li#item3 a:hover,
#page #content #pages.items4 li#item3 a:active,
#page #content #pages.items4 li#item3 a:focus { background-position:-738px -422px; }
#page #content #pages.items4 li#item4 a,
#page #content #pages.items4 li#item4 a:link,
#page #content #pages.items4 li#item4 a:visited { background-position:-738px -210px; }
#page #content #pages.items4 li#item4 a:hover,
#page #content #pages.items4 li#item4 a:active,
#page #content #pages.items4 li#item4 a:focus { background-position:-738px -457px; }

#page #content #pages.items5 li#item1 a,
#page #content #pages.items5 li#item1 a:link,
#page #content #pages.items5 li#item1 a:visited { background-position:-492px -70px; }
#page #content #pages.items5 li#item1 a:hover,
#page #content #pages.items5 li#item1 a:active,
#page #content #pages.items5 li#item1 a:focus { background-position:-492px -317px; }
#page #content #pages.items5 li#item2 a,
#page #content #pages.items5 li#item2 a:link,
#page #content #pages.items5 li#item2 a:visited { background-position:-492px -105px; }
#page #content #pages.items5 li#item2 a:hover,
#page #content #pages.items5 li#item2 a:active,
#page #content #pages.items5 li#item2 a:focus { background-position:-492px -352px; }
#page #content #pages.items5 li#item3 a,
#page #content #pages.items5 li#item3 a:link,
#page #content #pages.items5 li#item3 a:visited { background-position:-492px -140px; }
#page #content #pages.items5 li#item3 a:hover,
#page #content #pages.items5 li#item3 a:active,
#page #content #pages.items5 li#item3 a:focus { background-position:-492px -387px; }
#page #content #pages.items5 li#item4 a,
#page #content #pages.items5 li#item4 a:link,
#page #content #pages.items5 li#item4 a:visited { background-position:-492px -175px; }
#page #content #pages.items5 li#item4 a:hover,
#page #content #pages.items5 li#item4 a:active,
#page #content #pages.items5 li#item4 a:focus { background-position:-492px -422px; }
#page #content #pages.items5 li#item5 a,
#page #content #pages.items5 li#item5 a:link,
#page #content #pages.items5 li#item5 a:visited { background-position:-492px -210px; }
#page #content #pages.items5 li#item5 a:hover,
#page #content #pages.items5 li#item5 a:active,
#page #content #pages.items5 li#item5 a:focus { background-position:-492px -457px; }

#page #content #pages.items6 li#item1 a,
#page #content #pages.items6 li#item1 a:link,
#page #content #pages.items6 li#item1 a:visited { background-position:-246px -35px; }
#page #content #pages.items6 li#item1 a:hover,
#page #content #pages.items6 li#item1 a:active,
#page #content #pages.items6 li#item1 a:focus { background-position:-246px -282px; }
#page #content #pages.items6 li#item2 a,
#page #content #pages.items6 li#item2 a:link,
#page #content #pages.items6 li#item2 a:visited { background-position:-246px -70px; }
#page #content #pages.items6 li#item2 a:hover,
#page #content #pages.items6 li#item2 a:active,
#page #content #pages.items6 li#item2 a:focus { background-position:-246px -317px; }
#page #content #pages.items6 li#item3 a,
#page #content #pages.items6 li#item3 a:link,
#page #content #pages.items6 li#item3 a:visited { background-position:-246px -105px; }
#page #content #pages.items6 li#item3 a:hover,
#page #content #pages.items6 li#item3 a:active,
#page #content #pages.items6 li#item3 a:focus { background-position:-246px -352px; }
#page #content #pages.items6 li#item4 a,
#page #content #pages.items6 li#item4 a:link,
#page #content #pages.items6 li#item4 a:visited { background-position:-246px -140px; }
#page #content #pages.items6 li#item4 a:hover,
#page #content #pages.items6 li#item4 a:active,
#page #content #pages.items6 li#item4 a:focus { background-position:-246px -387px; }
#page #content #pages.items6 li#item5 a,
#page #content #pages.items6 li#item5 a:link,
#page #content #pages.items6 li#item5 a:visited { background-position:-246px -175px; }
#page #content #pages.items6 li#item5 a:hover,
#page #content #pages.items6 li#item5 a:active,
#page #content #pages.items6 li#item5 a:focus { background-position:-246px -422px; }
#page #content #pages.items6 li#item6 a,
#page #content #pages.items6 li#item6 a:link,
#page #content #pages.items6 li#item6 a:visited { background-position:-246px -210px; }
#page #content #pages.items6 li#item6 a:hover,
#page #content #pages.items6 li#item6 a:active,
#page #content #pages.items6 li#item6 a:focus { background-position:-246px -457px; }

#page #content #pages.items7 li#item1 a,
#page #content #pages.items7 li#item1 a:link,
#page #content #pages.items7 li#item1 a:visited { background-position:0 0; }
#page #content #pages.items7 li#item1 a:hover,
#page #content #pages.items7 li#item1 a:active,
#page #content #pages.items7 li#item1 a:focus { background-position:0 -247px; }
#page #content #pages.items7 li#item2 a,
#page #content #pages.items7 li#item2 a:link,
#page #content #pages.items7 li#item2 a:visited { background-position:0 -35px; }
#page #content #pages.items7 li#item2 a:hover,
#page #content #pages.items7 li#item2 a:active,
#page #content #pages.items7 li#item2 a:focus { background-position:0 -282px; }
#page #content #pages.items7 li#item3 a,
#page #content #pages.items7 li#item3 a:link,
#page #content #pages.items7 li#item3 a:visited { background-position:0 -70px; }
#page #content #pages.items7 li#item3 a:hover,
#page #content #pages.items7 li#item3 a:active,
#page #content #pages.items7 li#item3 a:focus { background-position:0 -317px; }
#page #content #pages.items7 li#item4 a,
#page #content #pages.items7 li#item4 a:link,
#page #content #pages.items7 li#item4 a:visited { background-position:0 -105px; }
#page #content #pages.items7 li#item4 a:hover,
#page #content #pages.items7 li#item4 a:active,
#page #content #pages.items7 li#item4 a:focus { background-position:0 -352px; }
#page #content #pages.items7 li#item5 a,
#page #content #pages.items7 li#item5 a:link,
#page #content #pages.items7 li#item5 a:visited { background-position:0 -140px; }
#page #content #pages.items7 li#item5 a:hover,
#page #content #pages.items7 li#item5 a:active,
#page #content #pages.items7 li#item5 a:focus { background-position:0 -387px; }
#page #content #pages.items7 li#item6 a,
#page #content #pages.items7 li#item6 a:link,
#page #content #pages.items7 li#item6 a:visited { background-position:0 -175px; }
#page #content #pages.items7 li#item6 a:hover,
#page #content #pages.items7 li#item6 a:active,
#page #content #pages.items7 li#item6 a:focus { background-position:0 -422px; }
#page #content #pages.items7 li#item7 a,
#page #content #pages.items7 li#item7 a:link,
#page #content #pages.items7 li#item7 a:visited { background-position:0 -210px; }
#page #content #pages.items7 li#item7 a:hover,
#page #content #pages.items7 li#item7 a:active,
#page #content #pages.items7 li#item7 a:focus { background-position:0 -457px; }

#page #content #pages.items7 li#item7.active.last li.last a,
#page #content #pages.items7 li#item7.active.last li.last a:link,
#page #content #pages.items7 li#item7.active.last li.last a:visited { background:url('../images/bg-page7-last.gif') no-repeat 0 0 !important; padding-bottom:7px;}
#page #content #pages.items7 li#item7.active.last li.last.active a,
#page #content #pages.items7 li#item7.active.last li.last a:hover,
#page #content #pages.items7 li#item7.active.last li.last a:focus { background-position: -246px 0 !important; }
#page #content #pages.items7 li#item7.active.last li.last {border-bottom:none;}



/* Boxes
----------------------------------*/
#page #content .boxes { width:800px; margin:10px auto; }
#page #content .box,
#page #content .box .in { background:url('../images/bg-box.png') no-repeat 0 0; }
#page #content .box h3 { color:#ff8321; font-style:italic; font-size:1.1em; border-bottom:1px solid #d9d9d9; padding:0 0 5px; text-indent:15px; }
#page #content .box h2.subHead { color:#414141; font-style:italic; font-size:1.3em; }

#page #content .box.thin p,
#page #content .box.thinner p { padding:5px 15px; }

#page #content img.flash { margin:0 0 0 1px; }

#page #content .box { width:800px; margin:0 auto; padding:10px 0 0 0; }
#page #content .box .in { background-position:-800px 100%; padding:0 15px 10px; }

#page #content .box.thin { background-position:-1600px 0; width:308px; margin:0 6px; }
#page #content .box.thin .in { background-position:-1908px 100%; padding:0 3px 10px 1px; }

#page #content .box.thinner { background-position:-2216px 0; width:238px; margin:0; }
#page #content .box.thinner .in { background-position:-2454px 100%; padding:0 3px 10px 1px; }

#page #content .box.messages { background-position:-2692px 0; width:247px; margin:0 0 10px 10px; clear:left; }
#page #content .box.messages .in { background-position:-2692px 100%; padding:0 3px 3px 1px; }
#page #content .box.messages h3 { color:#000;  }
#page #content .box.messages ul.newsList { margin:0px; }
#page #content .box.messages li { background:none; border-bottom:1px solid #d9d9d9; padding:5px 15px 0px; }
#page #content .box.messages li.last { border-bottom:none; }
#page #content .box.messages li h4 { font-size:1em; }
#page #content .box.messages li strong { display:block; }
#page #content .box.messages li a { color:#ee7d0c; }

#page #content .box.form { background-position:-2939px 0; width:516px; margin:0 0 10px 0; }
#page #content .box.form .in { background-position:-3455px 100%; padding:0; }
#page #content .box.form h3 { /*font-size:1.5em;*/ margin:0 3px 10px 1px; font-style:italic; color:#000; border-bottom:1px solid #ccc; }
#page #content .box.form .success,
#page #content .box.form .errors { margin:0 15px 15px !important; }
#page #content .box.form .errors li { background:none; width:auto; }

#page #content .products,
#page #content .products h2 { background:url('../images/bg-box2.png') no-repeat 0 0;  }
#page #content .products { background-position:-271px 100%; width:271px; margin:20px 0 0; padding:0 0 00px; }
#page #content .products h2 { margin:0; padding:10px 15px 10px; font-size:1.1em; font-style:italic; }
#page #content .products ul { padding:10px 15px 20px; }
#page #content .products ul li { background:none; padding:0; }
#page #content .products ul a { background:url('../images/arrows.gif') no-repeat -3000px center; padding:0 0 0 15px; }
#page #content .products ul li ul { padding:0 0 0 20px; }


#page #content ul.newsList { margin:10px 15px; }
#page #content ul.newsList li { background:none; margin:0 0 5px; padding:0; }
#page #content ul.newsList li h4 { font-size:1em; }
#page #content ul.newsList li p { padding:0 !important; font-size:0.85em; }
#page #content ul.newsList li p em { color:#828282; }
#page #content ul.newsList li p span { color:#f38321; }

#page #content #askUs { width:238px; height:141px; float:left; }
#page #content #askUs span { background:url('../images/dont-affraid-to-ask.jpg') no-repeat 0 0; }

#page #content #systems { background:url('../images/panel.jpg') no-repeat 0 0; width:816px; height:327px; position:absolute; top:185px; right:8px; }
#page #content #systems div { background:url('../images/panel-images.jpg') no-repeat -2000px 0; width:796px; height:242px; position:absolute; top:9px; left:10px; }
#page #content #systems div a {position:absolute; left:0px; top:0px; width:796px; height:242px;}
#page #content #systems div.ui-tabs-hide { top:-10000px; left:-10000px;  }
#page #content #systems ul.nav { width:796px; height:70px; position:absolute; bottom:6px; left:10px; overflow:hidden; }
#page #content #systems ul.nav li { background:none; float:left; padding:0; }
#page #content #systems ul.nav li a { height:70px; color:#fff; font-size:1.4em; font-weight:700; text-align:center; }
#page #content #systems ul.nav li a span { background:url('../images/panel-nav.jpg') no-repeat 0 0; }
#page #content #systems ul.nav li#t1 a { width:126px; }
#page #content #systems ul.nav li#t1 a span { background-position:0 0; }
#page #content #systems ul.nav li#t1 a:hover span,
#page #content #systems ul.nav li#t1 a:active span,
#page #content #systems ul.nav li#t1 a:focus span { background-position:0 -70px; }
#page #content #systems ul.nav li#t2 a { width:126px; }
#page #content #systems ul.nav li#t2 a span { background-position:-126px 0; }
#page #content #systems ul.nav li#t2 a:hover span,
#page #content #systems ul.nav li#t2 a:active span,
#page #content #systems ul.nav li#t2 a:focus span { background-position:-126px -70px; }
#page #content #systems ul.nav li#t3 a { width:126px; }
#page #content #systems ul.nav li#t3 a span { background-position:-252px 0; }
#page #content #systems ul.nav li#t3 a:hover span,
#page #content #systems ul.nav li#t3 a:active span,
#page #content #systems ul.nav li#t3 a:focus span { background-position:-252px -70px; }
#page #content #systems ul.nav li#t4 a { width:165px; }
#page #content #systems ul.nav li#t4 a span { background-position:-378px 0; }
#page #content #systems ul.nav li#t4 a:hover span,
#page #content #systems ul.nav li#t4 a:active span,
#page #content #systems ul.nav li#t4 a:focus span { background-position:-378px -70px; }
#page #content #systems ul.nav li#t5 a { width:126px; }
#page #content #systems ul.nav li#t5 a span { background-position:-543px 0; }
#page #content #systems ul.nav li#t5 a:hover span,
#page #content #systems ul.nav li#t5 a:active span,
#page #content #systems ul.nav li#t5 a:focus span { background-position:-543px -70px; }
#page #content #systems ul.nav li#t6 a { width:127px; }
#page #content #systems ul.nav li#t6 a span { background-position:-669px 0; }
#page #content #systems ul.nav li#t6 a:hover span,
#page #content #systems ul.nav li#t6 a:active span,
#page #content #systems ul.nav li#t6 a:focus span { background-position:-669px -70px; }
#page #content #systems span.activeButton { background:url('../images/panel-active-buttons.png') no-repeat 0 0; width:144px; height:70px; position:absolute; bottom:6px; left:-10000px; }



#page #content #systems #dochazkovy-system { background-position:0 0; }
#page #content #systems #vyvolavaci-system { background-position:0 -242px; }
#page #content #systems #pristupovy-system { background-position:0 -484px; }
#page #content #systems #system-kontroly-straznych { background-position:0 -726px; }
#page #content #systems #stravovaci-system { background-position:0 -968px; }
#page #content #systems #ostatni-systemy { background-position:0 -1210px; }

#page #content #systems .green { background-color:#6cb71c; }
#page #content #systems .blue { background-color:#4dccff; }
#page #content #systems .orange { background-color:#ff8440; }
#page #content #systems .gray { background-color:#a3a3a3; }
#page #content #systems .yellow { background-color:#c5ae06; }
#page #content #systems .magenta { background-color:#8e49bd; }


#page #content #messages { width:100%; position:relative; }
#page #content #messages div { background:#fff; width:100%; /*position:absolute; top:0; left:0; */ }
#page #content #messages div h3.mLeft { margin:0 0 0 170px; }
#page #content #messages div img { margin-top:-20px; }
#page #content #messages div.ui-tabs-hide { position:absolute; top:-10000px; left:-10000px; }
#page #content #messages ul.navMessages { background:url('../images/bg-news-menu.png') repeat-x 0 100%; width:100%; height:35px; overflow:hidden; margin:0 0 15px; }
#page #content #messages ul.navMessages li { background:none; float:left; padding:0; }
#page #content #messages ul.navMessages li a,
#page #content #messages ul.navMessages li a:link,
#page #content #messages ul.navMessages li a:visited,
#page #content #messages ul.navMessages li a span,
#page #content #messages ul.navMessages li a:link span,
#page #content #messages ul.navMessages li a:visited span { background:#fff url('../images/bg-news-menu-li.png') no-repeat 0 0; display:block; float:left; padding:0 0 0 12px; height:35px; line-height:35px; font-size:1em; font-weight:700; color:#000; text-decoration:none; }
#page #content #messages ul.navMessages li a span,
#page #content #messages ul.navMessages li a:link span,
#page #content #messages ul.navMessages li a:visited span { background-position:100% 0; padding:0 12px 0 0;  }
#page #content #messages ul.navMessages li a:hover,
#page #content #messages ul.navMessages li a:focus,
#page #content #messages ul.navMessages li a:active,
#page #content #messages ul.navMessages li.ui-tabs-selected a,
#page #content #messages ul.navMessages li a:hover span,
#page #content #messages ul.navMessages li a:focus span,
#page #content #messages ul.navMessages li a:active span,
#page #content #messages ul.navMessages li.ui-tabs-selected a span { background:#fff url('../images/bg-news-menu-li.png') no-repeat 0 -35px; }
#page #content #messages ul.navMessages li a:hover span,
#page #content #messages ul.navMessages li a:focus span,
#page #content #messages ul.navMessages li a:active span,
#page #content #messages ul.navMessages li.ui-tabs-selected a span { background-position:100% -35px; }



/* Arrows
----------------------------------*/
#page .arrowOrange { background:url('../images/arrows.gif') no-repeat -3000px center; padding:0 0 0 12px; }
#page .arrowGray { background:url('../images/arrows.gif') no-repeat 0 center; padding:0 0 0 15px; }
#page .moreLink { border-bottom:1px solid #ccc; overflow:hidden; width:100%; padding:0 0 10px; clear:left; }
#page .moreLink a,
#page .moreLink a span { display:block; float:left; height:27px; line-height:24px; }
#page .moreLink a { padding:0 0 0 27px; font-size:1em; color:#c1570b; text-decoration:none; float:right; }
#page .moreLink a span { padding:0 15px 0 0; }
#page .moreLink a,
#page .moreLink a:link,
#page .moreLink a:visited { background:url('../images/btn-white.png') no-repeat 0 0; }
#page .moreLink a span,
#page .moreLink a:link span,
#page .moreLink a:visited span { background:url('../images/btn-white.png') no-repeat 100% 0; }
/**
#page .moreLink a:hover,
#page .moreLink a:active,
#page .moreLink a:focus { background-color:#454545; background-position:left top; }
#page .moreLink a:hover span,
#page .moreLink a:active span,
#page .moreLink a:focus span { background-color:#454545; background-position:right top; }
**/
#page .moreLink.last { border-bottom:none; }



/* Sidebar
----------------------------------*/
#page #sidebar { background:#d4d4d4 url('../images/bg-sidebar.png') repeat-y 0 0; float:left; display:inline; width:202px; margin:0 0 0 4px; }
#page #sidebar h4 { background:#a7a7a7 url('../images/bg-sidebar-top.jpg') no-repeat 0 -5px; line-height:35px; text-indent:10px }
#page #sidebar a,
#page #sidebar a:link,
#page #sidebar a:visited { font-size:0.9em; }
#page #sidebar a:hover,
#page #sidebar a:active,
#page #sidebar a:focus { color:#b73e00; }

/*#page #sidebar li.active1 p.first a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar li.active2 p.first a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar li.active3 p.first a { font-size:0.9em; font-weight:700; color:#000; }*/
#page #sidebar li.active p.first a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar .one .active .second a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar .one .two .active .third a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar .one .two .three .active .fourth a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar .one .two .three .four .active .fiveth a { font-size:0.9em; font-weight:700; color:#000; }
#page #sidebar .one .two .three .four .five .active a { font-size:0.9em; font-weight:700; color:#000; }

#page #sidebar li.noactive p.first a { font-weight:normal; color:#3E3E3E; }
#page #sidebar .one .noactive .second a { font-weight:normal; color:#3E3E3E; }
#page #sidebar .one .two .noactive .third a { font-weight:normal; color:#3E3E3E; }
#page #sidebar .one .two .three .noactive .fourth a { font-weight:normal; color:#3E3E3E; }
#page #sidebar .one .two .three .four .noactive .fiveth a { font-weight:normal; color:#3E3E3E; }
#page #sidebar .one .two .three .four .five .noactive a { font-weight:normal; color:#3E3E3E; }

#page #sidebar a.plink { background:url('../images/arrows.gif') no-repeat 0 center; padding:0 0 0 15px; }
#page #sidebar ul { margin:10px 0 0 10px; }
#page #sidebar ul li { background:none; padding:0; }
#page #sidebar ul ul { margin:0 0 0 20px; }
#page #sidebar a.open { width:13px; height:13px; float:left; margin:4px 5px 0 0 }
#page #sidebar a.open span { background:url('../images/bg-plusminus.gif') no-repeat 0 0; }

#page #sidebar li.active p.first .open span {  }
#page #sidebar .one .active .second .open span {  }
#page #sidebar .one .two .active .third .open span { }
#page #sidebar .one .two .three .active .fourth .open span {  }

#page #sidebar .arrow { background:url(../images/arrow.png) no-repeat 0 6px; }
#page #sidebar .arrow a { padding-left:13px; }

/*#page #sidebar a.opened span { background-position:-1000px 0; }*/
#page #sidebar a.openeed span { background-position:-1000px 0; }



/* Table
----------------------------------*/
#page table { margin:10px auto; }
#page table td,
#page table th { /*background:#f9f6f2; border:1px solid #f4ede7;*/ padding:4px 8px; }



/* Main menu
----------------------------------*/
#page #navigation { clear:both; position:absolute; width:827px; top:137px; left:206px; }
#page #navigation li { position:absolute; }
#page #navigation li a { background-color:#656565; height:35px; line-height:35px; display:block; color:#e8e8e8; font-weight:700; text-align:center; }
#page #navigation li a:hover,
#page #navigation li a:active,
#page #navigation li a:focus { background-color:#2e2e2e; color:#fff; }
#page #navigation li.active a { background-color:#fff; color:#000; }
#page #navigation li a span { background:url('../images/bg-menu.png') no-repeat 0 -35px; }

#page #navigation li#m1 { top:0px; left:0px; }
#page #navigation li#m1 a { width:131px; }
#page #navigation li#m1 a span { background-position:0 -35px; }
#page #navigation li#m1 a:hover span,
#page #navigation li#m1 a:active span,
#page #navigation li#m1 a:focus span { background-position:0 0; }
#page #navigation li#m1.active a span { background-position:0 -70px; }
#page #navigation li#m1.activeBefore a span { background-position:0 -105px; }
#page #navigation li#m1.activeBefore a:hover span,
#page #navigation li#m1.activeBefore a:active span,
#page #navigation li#m1.activeBefore a:focus span { background-position:0 -385px; }

#page #navigation li#m2 { top:0px; left:131px; }
#page #navigation li#m2 a { width:81px; }
#page #navigation li#m2 a span { background-position:-131px -35px; }
#page #navigation li#m2 a:hover span,
#page #navigation li#m2 a:active span,
#page #navigation li#m2 a:focus span { background-position:-131px 0; }
#page #navigation li#m2.active a span { background-position:-131px -105px; }
#page #navigation li#m2.activeBefore a span { background-position:-131px -140px; }
#page #navigation li#m2.activeBefore a:hover span,
#page #navigation li#m2.activeBefore a:active span,
#page #navigation li#m2.activeBefore a:focus span { background-position:-131px -420px; }
#page #navigation li#m2.activeAfter a span { background-position:-131px -70px; }
#page #navigation li#m2.activeAfter a:hover span,
#page #navigation li#m2.activeAfter a:active span,
#page #navigation li#m2.activeAfter a:focus span { background-position:-131px -350px; }

#page #navigation li#m3 { top:0px; left:212px; }
#page #navigation li#m3 a { width:160px; }
#page #navigation li#m3 a span { background-position:-212px -35px; }
#page #navigation li#m3 a:hover span,
#page #navigation li#m3 a:active span,
#page #navigation li#m3 a:focus span { background-position:-212px 0; }
#page #navigation li#m3.active a span { background-position:-212px -140px; }
#page #navigation li#m3.activeBefore a span { background-position:-212px -175px; }
#page #navigation li#m3.activeBefore a:hover span,
#page #navigation li#m3.activeBefore a:active span,
#page #navigation li#m3.activeBefore a:focus span { background-position:-212px -455px; }
#page #navigation li#m3.activeAfter a span { background-position:-212px -105px; }
#page #navigation li#m3.activeAfter a:hover span,
#page #navigation li#m3.activeAfter a:active span,
#page #navigation li#m3.activeAfter a:focus span { background-position:-212px -385px; }

#page #navigation li#m4 { top:0px; left:372px; }
#page #navigation li#m4 a { width:98px; }
#page #navigation li#m4 a span { background-position:-372px -35px; }
#page #navigation li#m4 a:hover span,
#page #navigation li#m4 a:active span,
#page #navigation li#m4 a:focus span { background-position:-372px 0; }
#page #navigation li#m4.active a span { background-position:-372px -175px; }
#page #navigation li#m4.activeAfter a span { background-position:-372px -140px; }
#page #navigation li#m4.activeAfter a:hover span,
#page #navigation li#m4.activeAfter a:active span,
#page #navigation li#m4.activeAfter a:focus span { background-position:-372px -420px; }
#page #navigation li#m4.activeBefore a span { background-position:-372px -210px; }
#page #navigation li#m4.activeBefore a:hover span,
#page #navigation li#m4.activeBefore a:active span,
#page #navigation li#m4.activeBefore a:focus span { background-position:-372px -490px; }

#page #navigation li#m5 { top:0px; left:470px; }
#page #navigation li#m5 a { width:66px; }
#page #navigation li#m5 a span { background-position:-470px -35px; }
#page #navigation li#m5 a:hover span,
#page #navigation li#m5 a:active span,
#page #navigation li#m5 a:focus span { background-position:-470px 0; }
#page #navigation li#m5.active a span { background-position:-470px -210px; }
#page #navigation li#m5.activeBefore a span { background-position:-470px -245px; }
#page #navigation li#m5.activeBefore a:hover span,
#page #navigation li#m5.activeBefore a:active span,
#page #navigation li#m5.activeBefore a:focus span { background-position:-470px -525px; }
#page #navigation li#m5.activeAfter a span { background-position:-470px -175px; }
#page #navigation li#m5.activeAfter a:hover span,
#page #navigation li#m5.activeAfter a:active span,
#page #navigation li#m5.activeAfter a:focus span { background-position:-470px -455px; }

#page #navigation li#m6 { top:0px; left:536px; }
#page #navigation li#m6 a { width:99px; }
#page #navigation li#m6 a span { background-position:-536px -35px; }
#page #navigation li#m6 a:hover span,
#page #navigation li#m6 a:active span,
#page #navigation li#m6 a:focus span { background-position:-536px 0; }
#page #navigation li#m6.active a span { background-position:-536px -245px; }
#page #navigation li#m6.activeBefore a span { background-position:-536px -280px; }
#page #navigation li#m6.activeBefore a:hover span,
#page #navigation li#m6.activeBefore a:active span,
#page #navigation li#m6.activeBefore a:focus span { background-position:-536px -560px; }
#page #navigation li#m6.activeAfter a span { background-position:-536px -210px; }
#page #navigation li#m6.activeAfter a:hover span,
#page #navigation li#m6.activeAfter a:active span,
#page #navigation li#m6.activeAfter a:focus span { background-position:-536px -490px; }

#page #navigation li#m7 { top:0px; left:635px; }
#page #navigation li#m7 a { width:92px; }
#page #navigation li#m7 a span { background-position:-635px -35px; }
#page #navigation li#m7 a:hover span,
#page #navigation li#m7 a:active span,
#page #navigation li#m7 a:focus span { background-position:-635px 0; }
#page #navigation li#m7.active a span { background-position:-635px -280px; }
#page #navigation li#m7.activeBefore a span { background-position:-635px -315px; }
#page #navigation li#m7.activeBefore a:hover span,
#page #navigation li#m7.activeBefore a:focus span,
#page #navigation li#m7.activeBefore a:active span { background-position:-635px -595px; }
#page #navigation li#m7.activeAfter a span { background-position:-635px -245px; }
#page #navigation li#m7.activeAfter a:hover span,
#page #navigation li#m7.activeAfter a:active span,
#page #navigation li#m7.activeAfter a:focus span { background-position:-635px -525px; }

#page #navigation li#m8 { top:0px; left:727px; }
#page #navigation li#m8 a { width:101px; }
#page #navigation li#m8 a span { background-position:-727px -35px; }
#page #navigation li#m8 a:hover span,
#page #navigation li#m8 a:active span,
#page #navigation li#m8 a:focus span { background-position:-727px 0; }
#page #navigation li#m8.active a span { background-position:-727px -315px; }
#page #navigation li#m8.activeAfter a span { background-position:-727px -280px; }
#page #navigation li#m8.activeAfter a:hover span,
#page #navigation li#m8.activeAfter a:active span,
#page #navigation li#m8.activeAfter a:focus span { background-position:-727px -560px; }




/* Footer
----------------------------------*/
#footer { background:transparent url('../images/bg-page-bottom.png') no-repeat 0 0; width:1037px; margin:0 auto; padding:40px 0; font-size:1.2em; line-height:1.6; position:relative;}
#footer p { padding:0; text-align:left; margin:0 0 10px 225px; position:relative; }
#footer p.whiteText { color:#fff; }
#footer p a,
#footer p a:link,
#footer p a:visited { color:#000; text-decoration:underline; }
#footer p a:hover,
#footer p a:active,
#footer p a:focus { color:#000; text-decoration:none; }
#footer p a.active { font-weight:700; }
#footer p a#sitemap { background:#c3c3c3; position:absolute; top:-3px; right:10px; padding:3px 10px; font-weight:700; }



/* Gallery
----------------------------------*/
#page .images { list-style-type:none; margin:15px 0; padding:0; overflow:hidden;  width:100%; }
#page .images li { background:none; width:165px; margin:0 30px 10px 0; padding:0; float:left; display:inline; position:relative; }
#page .images li.last { margin-right:0; }
#page .images li a img { border:1px solid #ccc; padding:1px; }
#page .images li a:hover img { border-color:#ee7d0c; }
#page .images li small { font-size:1em; display:block; text-align:center; }

#page .files { list-style-type:none; margin:0 0 15px 0; padding:0; }
#page .files li { background:none; margin:0; padding:0;  }



/* Alert messages
----------------------------------*/
#page .errors,
#page .success { margin:10px 0 !important; padding:15px 0 !important; color:#fff; }
#page .errors li { background:none !important; margin:0; padding:0 5px 0 45px !important; font-weight:700; }
#page .errors { background:#980808 url('../images/32delete.png') no-repeat 5px 10px; border:2px dotted #600b08; border-left:none; border-right:none; }
#page .success { background:#439500 url('../images/32accept.png') no-repeat 5px 10px; border:2px dotted #246b00; border-left:none; border-right:none; padding:15px 15px 15px 50px !important; font-weight:700; }



/* Admin
----------------------------------*/
.edit { overflow:hidden; display:block; }
.edit small { background:#6cb71c; font-size:0.9em; font-weight:700; line-height:1.4; color:#fff; padding:3px; }
.edit.add { position:absolute; top:115px; left:210px; }

/* Other
----------------------------------*/
.in { padding:20px 20px; }
.printOnly,
.hidden { display:none; }
.hiddenA { position:absolute; top:-10000px; left:-10000px; }
.imRight { display:block; float:right; }
.imLeft { display:block; float:left; margin:0 10px 10px 0; }
.fleft { float:left !important; }
.fright { float:right !important; }
.indentLeft { margin-left:10px !important; }
.topMargin { margin-top:10px !important; }
.tal { text-align:left !important; }
.tar { text-align:right !important; }
.tac { text-align:center !important; }
.vam { vertical-align:middle !important; }
.w49 { width:49%; }
.clear { width:100%; overflow:hidden; }
.clear2 { clear:both; }
.ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; }
.ir span { width:100%; height:100%; position:absolute; }


/****************************************************** dalsi produkty ************************************************************/
#other-product { width:769px; background:white url(../images/other-product-line.png) repeat-y; position:relative; }
#other-product h2 { width:796px; height:39px; position:relative; }
#other-product h2 span { width:796px; height:39px; left:0px; top:0px; position:absolute; background:url(../images/other-product-header.png) no-repeat; }
#other-product .prod { float:left; padding:10px 10px 12px 11px; width:235px; height:170px; border-bottom:#ccc solid 1px; }
#other-product .prod .prod { float:none; padding:0; width:auto; height:auto; border-bottom:none; }
#other-product .prod .editprod { }
#other-product .prod img { margin:0 auto; width:130px; height:130px; display:block; }
#other-product .prod h3 { text-align:center; padding-top:10px; font-weight:normal; text-decoration:none; font-size:90%; }
#other-product .separate { clear:both; position:relative; width:769px; height:1px; margin:0; padding:0; float:none; }
#other-product .separate .foot { position:absolute; width:769px; height:12px; bottom:0px; left:0px; background:url(../images/other-product-bottom.png); }



/****************************************************** milan ************************************************************/
#page .content-menu-1 { margin-bottom:5px; margin-top:10px; padding:0 0 0 18px; }
#page .content-menu-1 li { float:left; background:url(../images/sub-sub-li.png) no-repeat 0 9px; padding:0 20px 0 15px; margin-bottom:5px; }
#page .content-menu-1 li a { font-weight:bold; }
#page .content-menu-1 li a:hover { color:#EE7D0C; }
#page .content-menu-1 li a.active { color:#EE7D0C; }

#page .content-menu-12 { margin-bottom:5px; margin-top:10px; padding:0 0 0 33px; }
#page .content-menu-12 li { float:left; background:url(../images/sub-sub-li.png) no-repeat 0 9px; padding:0 20px 0 15px; margin-bottom:5px; }
#page .content-menu-12 li a { font-weight:bold; }
#page .content-menu-12 li a:hover { color:#EE7D0C; }
#page .content-menu-12 li a.active { color:#EE7D0C; }

#page .content-menu-13 { margin-bottom:5px; margin-top:10px; padding:0 0 0 48px; }
#page .content-menu-13 li { float:left; background:url(../images/sub-sub-li.png) no-repeat 0 9px; padding:0 20px 0 15px; margin-bottom:5px; }
#page .content-menu-13 li a { font-weight:bold; }
#page .content-menu-13 li a:hover { color:#EE7D0C; }
#page .content-menu-13 li a.active { color:#EE7D0C; }

#page #content .submenu-bottom { background:#C7C7C7; clear:both; border:none; display:block; height:1px; padding:0; margin:0; line-height:0; }


#page #content .submenu-bottom0 { background:url(../images/border-long-1.png) no-repeat; clear:both; border:none; display:block; height:1px; padding:0; margin:0; line-height:0;  margin-left:8px; }
#page #content .inRight .submenu-bottom0 { background:url(../images/border-short-1.png) no-repeat; width:506px; }

#page #content .submenu-bottom1 { background:url(../images/border-long-1.png) no-repeat; clear:both; border:none; display:block; height:1px; padding:0; margin:0; line-height:0; margin-left:23px; }
#page #content .inRight .submenu-bottom1 { background:url(../images/border-short-1.png) no-repeat; width:506px; }


/*
#page #content .submenu-bottom2 { background:#C7C7C7 url(../images/border-long-1.png) no-repeat; clear:both; border:none; display:block; height:1px; padding:0; margin:0; line-height:0; width:506px; margin-left:0px; }
#page #content .inRight .submenu-bottom2 { background:url(../images/border-short-1.png) no-repeat; }*/


#page .content-menu-2 { /*margin-bottom:5px;*/ background:url(../images/sub-sub-bg.png); display:block; padding:0 0 0 20px;  }
#page .content-menu-2 li { float:left; background:url(../images/sub-sub-li.png) no-repeat 0 12px; padding:5px 20px 0px 12px; height:24px; font-size:90%; }
#page .content-menu-2 li a {}
#page .content-menu-2 li a:hover { color:#EE7D0C; }
#page .content-menu-2 li.clear { clear:both; height:1px; display:block; background:none; float:none; line-height:0; padding:0; margin:0; visibility:hidden; }
#page .content-menu-2 li a.active { color:#EE7D0C; }

#page #content #pages.hidden { display:none; }
#page #content .hidden { display:none; }
#page .noList { list-style:none; background:none; }


/* calendar */
/* Default styling for jQuery Datepicker v4.0.0. */
.datepick {
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-disable {
	position: absolute;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #fff;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	background-color: #600;
}
.datepick-cmd {
	width: 30%;
}
.datepick-cmd:hover {
	background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #444;
	text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em;
	background-color: #444;
	color: #fff;
	font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: none;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #777;
	color: #fff;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
	background-color: #f08080;
}
.datepick-month td .datepick-selected {
	background-color: #777;
	color: #fff;
}
.datepick-month th.datepick-week {
	background-color: #777;
	color: #fff;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}

#page form .sub-head {font-weight:800;}
#page form .sub-head span {font-weight:normal; font-size:0.7em; color:#666;}