/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: white url(/img/bg-body.png) repeat-x -40px -50px; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-left { margin-left: -100%; width: 180px; }
.col-mid { margin-left: -760px; width: 500px; }
.col-mid-wide { margin-left: -760px; width: 644px; }
.col-right { margin-left: -240px; width: 240px; }

.col-label { margin-left: -100%; width: 20%; }
.col-input { margin-left: -80%; width: 350px; }
.col-shortinput { margin-left: -80%; width: 100px; }
.col-submit { margin-left: -80%; zoom: 1; }
form p.row { margin: 0 0 8px 0;}

#mother { width: 960px; margin: 0 auto; }
#main { padding-top: 20px; margin-bottom: 20px; }

/* Header */
#header { height: 146px; margin: 0 auto; position: relative;}
#header .bnr { position: absolute; left: 200px; top: 8px; }

#logo { position: absolute; left: 0; top: 63px; }
#logo a {  }

#search-box { position: absolute; top: 10px; right: 0; border: 1px solid #3e8fe0; border-top: 0; background: #004385; padding: 0 9px 9px 9px; }
#search-box input { vertical-align: middle; }
#search-box input#q { width: 120px; padding: 2px 2px; border: 1px solid #58a4d6; background: #004385; color: #c1c1c1; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0; position: absolute; bottom: -1px; left: 200px; font-size: 107.692%; }
#main-menu ul { margin: 0; padding: 0;  }
#main-menu ul li { float: left; background: none; padding: 0; margin: 0 2px 0 0; }
#main-menu ul li a { display: block; background: url(/img/bg-main-menu-item.png) no-repeat 100% 0; padding-right: 5px; text-decoration: none; color: white; _float: left; }
#main-menu ul li a .in { display: block; background: url(/img/bg-main-menu-item.png) no-repeat 0 0; padding: 5px 10px 5px 15px; _float: left; =cursor: pointer; }

#main-menu ul li a:hover { background-position: 100% -100px; background-color: #3A92CB; }
#main-menu ul li a:hover .in { background-position: 0 -100px; }

#main-menu ul li.active a { background-position: 100% -200px; background-color: white; color: black; }
#main-menu ul li.active a .in { background-position: 0 -200px; =cursor: auto; }

#footer { border-top: 1px solid #c2c2c2; padding: 10px 0 0 0; color: #555555; zoom: 1; }
#footer a.sep { border-left: 1px solid #c2c2c2; padding: 0 0 0 12px; margin-left: 10px; }

.news ul { margin: 0 0 30px 0; padding: 0; }
.news ul li { margin: 0 0 1.462em 0; padding: 0; background: none; position: relative; zoom: 1;}
.news ul li.featured { background: #e0e8ee; border: 1px solid #c6ced5; padding: 10px; }
.news ul li .img-box { float: left; }
.news ul li .img-box img { display: block; border: 1px solid #a2afbb; padding: 2px; background: white; }
.news ul li .text-box { margin-left: 210px; }
.news ul li.featured .text-box { margin-left: 250px; }
.news ul li .text-box .date { margin: 0; color: #555555; font-size: 84.615%; }
.news ul li .text-box .desc { margin: 0; }
.news ul li .text-box h3 { font-size: 138.462%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 0.3em 0; line-height: 1.25; }
.news ul li .no-margin, .news ul li.featured .no-margin { margin-left: 0 }

.paging { text-align: center; font-size: 115.385%; }
.paging .pages { border: 1px solid #c2c2c2; border-width: 0 1px; margin: 0 10px; padding: 5px 10px; }
.paging a, .paging a.active:hover { margin: 0 10px; color: #8b0707; }
.paging a:visited { margin: 0 10px; color: #8b0707; }
.paging a:hover { margin: 0 10px; color: #ff0000; }

.ico-prev { background: url(/img/ico-prev.png) no-repeat 0 0.5em; padding-left: 17px; }
.ico-next { background: url(/img/ico-next.png) no-repeat 100% 0.5em; padding-right: 17px; }

.side-box { margin-bottom: 10px; line-height: 1.25; position: relative; zoom: 1; }
.side-box h2 { font-family: Arial, Helvetica, sans-serif; font-size: 130.769%; margin: 0; zoom: 1; }
.side-box h2 .in { zoom: 1; }
.side-box .inner { padding: 5px; zoom: 1; }

ul.side-list { margin: 0; padding: 0; }
ul.side-list li { margin: 0; padding: 7px 5px; background: url(/img/bg-hdots-news.png) repeat-x 0 0;  }
ul.side-list li.first { background: none; }
ul.side-list li .date { margin: 0; color: #555555; font-size: 84.615%; } 
ul.side-list li h3 { margin: 0; color: black; font-weight: normal; }
ul.side-list li a { color: #8b0707; }
ul.side-list li a:visited { color: #8b0707; }
ul.side-list li a:hover { color: #ff0000; }

.side-box-news .inner { border: 1px solid #86be93; border-top: 0; }
.side-box-news h2 { background: #85BD92 url(/img/bg-h2-news.png) no-repeat 100% 0; padding-right: 5px; color: white; }
.side-box-news h2 .in { background: url(/img/bg-h2-news.png) no-repeat 0 0; display: block; padding: 5px 5px 4px 10px; }

.side-box-tips .inner { border: 1px solid #be8786; border-top: 0; }
.side-box-tips h2 { background: #e13b37 url(/img/bg-h2-tips.png) no-repeat 100% 0; padding-right: 5px; color: white; }
.side-box-tips h2 .in { background: url(/img/bg-h2-tips.png) no-repeat 0 0; display: block; padding: 5px 5px 4px 10px; }

.side-box-tips ul li { clear: left; }
.side-box-tips ul li a { display: block; padding-left: 22px; }

.side-box-tips ul li .img-box { float: left; }
.side-box-tips ul li .img-box img { display: block; border: 1px solid #a2afbb; padding: 2px; background: white; }
.side-box-tips ul li a { margin-left: 50px; }
.side-box-tips ul li.nomargin a { margin-left: 0px; padding-left: 0px; }

.side-box-menu .inner { border: 1px solid #785e94; border-top: 0; background: #785e94; }
.side-box-menu h2 { background: #a186be url(/img/bg-h2-menu.png) no-repeat 100% 0; padding-right: 5px; color: white; border-bottom: 1px solid #b69fcf; }
.side-box-menu h2 .in { background: url(/img/bg-h2-menu.png) no-repeat 0 0; display: block; padding: 5px 5px 4px 10px; }
.side-box-menu ul li { background: url(/img/bg-hdots-menu.png) repeat-x 0 0; }
.side-box-menu ul li a { text-decoration: none; color: white; background: url(/img/bullet-side-menu.png) no-repeat 0 7px; padding-left: 15px; display: block;  }
.side-box-menu ul li a:visited { color: white; }
.side-box-menu ul li a:hover { color: #dccdec; }

.side-box-menu2 .inner { border: 1px solid #785e94; border-top: 0; background: #004385; }
.side-box-menu2 h2 { background: #a186be url(/img/bg-h2-inzerce.png) no-repeat 100% 0; padding-right: 5px; color: white; border-bottom: 1px solid #b69fcf; }
.side-box-menu2 h2 .in { background: url(/img/bg-h2-inzerce.png) no-repeat 0 0; display: block; padding: 5px 5px 4px 10px; }
.side-box-menu2 ul li { background: url(/img/bg-hdots-menu.png) repeat-x 0 0; }
.side-box-menu2 ul li a { text-decoration: none; color: white; background: url(/img/bullet-side-menu2.png) no-repeat 0 7px; padding-left: 15px; display: block;  }
.side-box-menu2 ul li a:visited { color: white; }
.side-box-menu2 ul li a:hover { color: #dccdec; }

.sect-link { display: block; width: 57px; height: 23px; line-height: 23px; font-size: 12px; text-decoration: none; color: white; position: absolute; top: 4px; right: 4px; text-align: center; }
.sect-link:visited { color: white; }
.sect-link:hover { color: white; }
.sect-link { background: url(/img/bg-sectlink-news.png) no-repeat 0 50%; }
.side-box-tips  .sect-link { background: url(/img/bg-sectlink-tips.png) no-repeat 0 50%; }

.side-box-ad { margin-top: 15px; }
.side-box-ad .inner { padding: 5px 0; }
.side-box-ad h2 { font-size: 84.615%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555555; background: url(/img/bg-dashes-ad.png) repeat-x 0 100%; padding-bottom: 4px; margin-bottom: 2px;}
.side-box-ad .inner img { display: block; margin: 0 0 10px; }

.prologue { background: #e0e8ee; border: 1px solid #c6ced5; padding: 10px 18px; margin: 0 0 15px 0; }
.breadcrumb { font-size: 84.615%; margin-bottom: 10px; }
.breadcrumb p { margin: 0; }
.prologue .annot p { margin: 0 0 5px 0; }

/* Attached files */
.att-files { margin: 0 0 20px 0; background: url(/img/ico-ref-cd.png) no-repeat 0 0px; padding-left: 40px; }
.att-files h2 { margin-bottom: 10px; }
.att-images ul { margin-left: 40px; }

/* Attached images */
.att-images { margin: 0 0 20px -11px; background: url(/img/ico-ref-camera.png) no-repeat 11px 4px; padding-left: 40px; }
.att-images h2 { margin-left: 11px; margin-bottom: 20px; }
.att-images ul { margin: 0 0 11px -40px; padding: 0; float: left; _display: inline; }
.att-images ul li { margin: 0 0 0 11px; padding: 0; background: none; float: left;_display: inline; }
.att-images ul li img { display: block; background: white; padding: 2px; border: 1px solid #a8b4c0;  }

/* Forms */
form { margin: 0; padding: 0; }
input, textarea { font-size: 100%; font-family: Arial, sans-serif; }
input, select { vertical-align: middle; }
input[type=radio] { margin-top: -2px; margin-bottom: 0; }

.inp-text { border: 1px solid #b9bec2; }

.btn-submit1 { background: url(/img/bg-btn-submit1.png) no-repeat 0 0; width: 73px; height: 30px; line-height: 30px; color: white; padding: 0; border: 0; text-align: center; cursor: pointer; }
.btn-submit2 { background: url(/img/bg-btn-submit2.png) no-repeat 0 0; width: 121px; height: 30px; line-height: 30px; color: white; padding: 0; border: 0; text-align: center; cursor: pointer; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message, .info-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}
.info-message { color: #000; background: #e0e8ee; border: 1px solid #c6ced5;}

span.found { background-color: #ddf }

.w-full { width: 100%; }
.w-80 { width: 80%; }
.w-60 { width: 60%; }
.w-40 { width: 40%; }

.comments ul { margin: 0; padding: 0;  }
.comments ul li { margin: 0 0 15px; padding: 0; background: none; }
.comments ul li .head { background: #e3e3e3; padding: 5px 10px; }
.comments ul li .body { background: #eeeeee; padding: 10px 10px 3px; }
.comments ul li .foot { text-align: right; }
.comments ul li .suppress { color: #3b3b3b; }

.todo * { background-color: #fdd !important }

.nowrap { white-space: nowrap }

ul.diskuze p.uzivatel, ul.diskuze p.inzerent, ul.diskuze .secret { background-color: #ddd; color: #000; }
ul.diskuze p.inzerent { background-color: #cc9 }
.secret { font-style: italic !important }
/* Nové styly pro inzertní část */
table.offer { border-top: 4px solid #004485; margin: 0 0 20px; }
table.offer tr td { border: 1px solid #c5ced5; background: white; padding: 10px; vertical-align: middle; }
table.nocols tr td { border-left-width: 0; border-right-width: 0; padding: 8px; }
table.offer tr.even td { background: #eaeef1; }
table.offer tr td.white { background: #fff; }
table.offer tr td.gray { background: #eaeef1; }

table.offer table.plain td { padding: 0; border: 0; }

ul.offer { margin: 0 0 25px; padding: 0; }
ul.offer li { margin: 0 0 9px; padding: 9px; background: none; border: 1px solid #c6cdd5; border-color: #c6cdd5 #c6cdd5 #004384 #c6cdd5; cursor: pointer; }
ul.offer li.first { border-top-width: 4px; border-top-color: #004384; }
ul.offer li.even { background: #eaeef1; }
ul.offer li .img-box { float: left; }
ul.offer li .img-box img { display: block; }
ul.offer li .text-box { margin-left: 167px; }
ul.offer li.no-img .text-box { margin-left: 0; }
ul.offer li .text-box h3 { margin-top: 0; }
ul.offer li .text-box p { margin: 0 0 8px; }
ul.offer li .foot, .detail-options { border-top: 1px solid #c6cfd6; padding: 5px 0; margin-top: 10px; }

/* Tabs */
.tabs { margin: 15px 0 0; width: 100%; float: left; border-bottom: 2px solid #c6100f; }

ul.tab-list { margin: 0 0 -1px; padding: 0 0; width: 100%; float: left; position: relative; z-index: 2; }
ul.tab-list li { margin: 0 3px 0 0; padding: 0; background: none; float: left; }
ul.tab-list li a, ul.tab-list li a:visited { float: left; background: url(/img/bg-tab.png) no-repeat 0 0; padding-left: 10px; text-decoration: none; color: #000; font-weight: normal; outline: none; cursor: pointer; zoom: 1; }
ul.tab-list li a .in { float: left; padding: 7px 15px 5px 5px; margin: 0; background: url(/img/bg-tab.png) no-repeat 100% 0; zoom: 1; position: relative; }

ul.tab-list li.active { margin-bottom: -2px; border-bottom: 0; position: relative; z-index: 2; }
ul.tab-list li.active a, ul.tab-list li.active a:visited { background-position: 0 -100px; font-weight: bold;}
ul.tab-list li.active a .in, ul.tab-list li.active a:visited .in  { background-position: 100% -100px; padding-bottom: 8px; }
.tab-pane { padding: 15px 0 1px; clear: both; zoom: 1; position: relative; }
.tab-pane table.plain { margin-bottom: 1.462em; }

/* Forum */
.forum-box ul { margin: 0; padding: 0; } 
.forum-box ul { margin: 0 0 25px; padding: 0; }
.forum-box ul li { margin: 0 0 9px; padding: 5px 9px 9px; background: none; border: 1px solid #9fb5cc; }
.forum-box ul li.first { border-top: 4px solid #004485; }
.forum-box ul li.emphasis { background: #dae3ea; }
.forum-box ul li.emphasis2 { background: #FCFFDF; }
.forum-box ul li .head { margin: 0 0 5px; }
.forum-box ul li .body { color: #464646; font-size: 12px; }

.forum-box ul li.level01 { margin-left: 20px; }
.forum-box ul li.level02 { margin-left: 40px; }
.forum-box ul li.level03 { margin-left: 60px; }
.forum-box ul li.level04 { margin-left: 80px; }
.forum-box ul li.level05 { margin-left: 100px; }
.forum-box ul li.level06 { margin-left: 120px; }
.forum-box ul li.level07 { margin-left: 140px; }
.forum-box ul li.level08 { margin-left: 160px; }

/* Add comment */
.add-comment { margin-bottom: 25px; }
.add-comment table { margin-bottom: 5px; }
.add-comment table td { background: none; border: 1px solid #e0e7ed; border-width: 1px 0; }

/* Insert box */
.insert-box { border: 1px solid #9fb5cc; border-top: 5px solid #004384; padding: 9px; margin-bottom: 9px; zoom: 1; }

.btn-add { background: url(/img/bg-btn-add.png) no-repeat 0 0; padding-left: 35px; display: inline-block; text-decoration: none; color: white !important; }
.btn-add .in { background: url(/img/bg-btn-add.png) no-repeat 100% 0; padding: 6px 15px 6px 6px;display: inline-block; cursor: pointer; }
.btn-add-spec { background: url(/img/bg-btn-add.png) no-repeat 0 0; padding-left: 6px 35px 6px 6px; display: inline-block; text-decoration: none; color: white !important; height: 35px; width: 87px }

.excel-load-box { border-top: 1px solid #9eb5cb; }

/* Steps */
.steps { margin: 0 0 20px; }
.steps ul { margin: 0; padding: 0; }
.steps ul li { margin: 0; padding: 0; background: url(/img/bg-step-arrow.png) no-repeat 1px 50%; padding-left: 23px; float: left;  }
.steps ul li.first { background: none; padding-left: 0; }
.steps ul li a { margin: 0; padding: 0; background: url(/img/bg-step.png) no-repeat 0 0; width: 81px; height: 70px; display: block; color: white; text-decoration: none; position: relative; }
.steps ul li a:hover, .steps ul li.active a { background-position: 0 -100px; color: white; }
.steps ul li a:visited { color: white; }
.steps ul li a.disabled { background-position: 0 0; }
.steps ul li a  { background-position: 0 0; }
.steps ul li a .number { font-size: 24px; font-weight: bold; position: absolute; left: 10px; top: 5px; line-height: 1.0; font-family: Arial, sans-serif; }
.steps ul li a .desc { width: 65px; position: absolute; left: 10px; top: 31px; line-height: 1.15; font-size: 12px; }

/* Poll */
.poll { padding: 0 5px; }
.poll h3 { margin: 5px 0 7px 0; color: #333333; font-size: 100; font-weight: normal; }
.poll ul { margin: 0; padding: 0; }
.poll ul li { margin: 0 0 8px 0; padding: 0; background: none; font-size: 92.308%; zoom: 1; =margin-bottom: 0; }
.poll ul li a { display: block; text-decoration: none; zoom: 1; }
.poll ul li .question { display: block; text-decoration: underline; margin: 4px 0; }
.poll ul li .poll-bar { width: 98%; display: block; }
.poll ul li .poll-bar-in { width: 0%; background: url(/img/poll-bar-1.png) repeat-x 0 100%; height: 13px; display: block; border: 1px solid #4b7e59; border-width: 0 1px; }

.sm { font-size: 90% }
