/* CSS Document 
*
*  Author: Dominik Drla
*  Date: 24.6.2009
*/
* {margin:0;padding:0}
.clear {clear:both;}
.step-bottom {margin-bottom:20px;}

/* ---------- Základní nastavení ---------- */
body {font-size:10px;
     font-family:"Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
    }

#head {width:100%; height:178px; background:url('head-bg.png') 0 0 repeat-x; text-align:center;}
#head-in {margin:0 auto; width:1000px; text-align:left;}
#content {width:100%; background-color:#fff; text-align:center;}
#content-in {margin:0 auto; width:1000px; padding:5px 3px 20px 8px; text-align:left;}
#colleft {width:750px; float:left; padding-bottom:10px;}
#colright {width:250px; float:right; padding-bottom:10px;}
#footer {clear:both; width:100%; height:101px; 
          background:url('footer-bg.png') 0 0 repeat-x; text-align:cetner;}
#footer-in {margin:0 auto; width:1000px; padding:0 16px; text-align:center;}

/* ---------- Hlavička --------- */
#head-menu {font-size:12px; color:#fff; height:23px; line-height:23px; text-align:right; vertical-align:middle; font-weight:bold;}
#head-menu a {color:#fff;}
#head-menu a:hover {text-decoration:none;}
#head-banner {height:100px; padding:0 0 0 178px;}
#head-logo {width:217px; height:53px; float:left;}
#head-logo h1 a {display:block; width:217px; height:53px; background:url('logo.png') 0 0 no-repeat;}
#head-logo h1 a span {display:none;}

#head-search {color:#20b4df; font-size:14px; text-align:right;}
#head-search form {margin-top:10px;}
#head-search fieldset {border:none;}
#head-search h2 {display:inline; font-size:14px;}
#head-search p {margin:0 2px; line-height:32px; vertical-align:middle;}
#head-search p {display:inline;}
#head-search p input.search_txt {border-top:1px solid #5e5e5e; border-left:1px solid #5e5e5e;
                                     border-bottom:1px solid #bcbcbb; border-right:1px solid #bcbcbb;
                                     background-color:#828281; color:#fff; font-weight:bold; height:26px;
                                     font-size:18px; vertical-align:middle; line-height:26px;
                                    }
#head-search p input.search_btn {width:88px; height:32px; border:none; 
                                background:url('head-search-button-bg.png') 0 0 no-repeat;
                                color:#494b4b; font-weight:bold;}
#head-search p input.submit {}

/* ---------- Obsah ---------- */
/* box content */
.box-content {width:734px; margin-bottom:10px; background:url('box-content-bg.png') 0 0 repeat-y;}
.box-content-top {width:734px; height:32px; background:url('box-content-bg-top.png') 0 0 no-repeat;}
.box-content-content {margin:10px 0 0 10px;}
.box-content-bottom {width:734px; padding-bottom:10px; background:url('box-content-bg-bottom.png') 0 bottom no-repeat;}
.box-content h2 {color:#494b4b; font-size:14px; padding:8px 0 0 11px;}
.box-content h2 a {color:#494b4b; font-size:14px; text-decoration:none;}
.box-content h2 a:hover {text-decoration:underline;}

/* katalog */
ul.katalog {margin:0 0 0 5px; width:164px; float:left;}
ul>.katalog {width:167px;}
ul.katalog li {list-style-type:none; color:#494b4b; font-size:11px; font-weight:bold; margin-bottom:5px;}
ul.katalog li a {color:#494b4b; font-size:11px; font-weight:bold; text-decoration:none;}
ul.katalog li a:hover {text-decoration:underline;}
/*
ul.katalog-submenu {margin:5px 0 0 10px; width:170px; float:left;}
ul.katalog-submenu li {list-style-type:none; color:#494b4b; font-size:12px; font-weight:bold; margin-bottom:5px;}
ul.katalog-submenu li a {color:#494b4b; font-size:12px; font-weight:bold; text-decoration:none;}
ul.katalog-submenu li a:hover {text-decoration:underline;}

/* katalog - submenu */
.katalog-submenu {width:734px; clear:both;}
.katalog-submenu-right {width:371px; height:233px; float:right;}
.katalog-submenu-right p img {border:none;}
.katalog-submenu-left {width:360px; float:left;}
.katalog-submenu-left .box-adlist-nav {width:354px; background:url('adlist-nav-bg.png') 0 0 repeat-y;}
.katalog-submenu-left .box-adlist-nav-top {width:354px; height:32px; background:url('adlist-nav-bg-top.png') 0 0 no-repeat;}
.katalog-submenu-left .box-adlist-nav-bottom {width:354px; background:url('adlist-nav-bg-bottom.png') 0 bottom no-repeat;}
.katalog-submenu-left .box-adlist-nav-content {margin:10px 0 0 10px;}
.box-adlist-nav h2 {color:#494b4b; font-size:14px; padding:8px 0 0 11px;}
.box-adlist-nav h2 a {color:#494b4b; font-size:14px; text-decoration:none;}
.box-adlist-nav h2 a:hover {text-decoration:underline;}
.back-arrow {width:330px; text-align:right; padding-bottom:8px;}
.back-arrow a {color:#2f2f2f; font-size:14px; font-weight:bold; text-decoration:none;
              background:url('back-arrow.png') 0 0 no-repeat;}
.back-arrow a span {margin-left:23px; line-height:20px;}


/* box-colright */
.box-colright {width:249px; margin-bottom:10px; background:url('box-colright-bg.png') 0 0 repeat-y;}
.box-colright-top {width:249px; height:32px; background:url('box-colright-bg-top.png') 0 0 no-repeat;}
.box-colright-bottom {width:249px; padding-bottom:12px; background:url('box-colright-bg-bottom.png') 0 bottom no-repeat;}
.box-colright-content {padding:15px 15px 0 15px;}
.box-colright h2 {color:#494b4b; font-size:14px; text-align:center; padding-top:8px;}
.box-colright h3 {color:#494b4b; font-size:14px; padding:5px 0;}
.box-colright-content p {font-size:12px; font-weight:bold;}

/*
.box-colright p a {color:#494b4b; font-size:12px; font-weight:bold; text-decoration:none;}
.box-colright p a:hover {text-decoration:underline;}
*/
.box-colright ul li {font-size:11px; margin:0 0 8px 9px; list-style:none;}
.box-colright ul li span {margin-left:-9px;}
.box-colright ul li a {color:#494b4b; text-decoration:none;}
.box-colright ul li a:hover {text-decoration:underline;}
.logo-idnes {background:url('logo-idnes.png') 0 0 no-repeat;}
.bold {font-weight:bold;}

/* login form */
.box-colright form p {margin:0 0 5px 0; padding:0; text-align:right}
.box-colright form p label {width:50px; padding:8px 0; float:left; text-align:left;
                            font-size:12px; color:#494b4b; vertical-align:middle; font-weight:bold;}
.box-colright form p input {width:160px; padding:6px 2px;
                            font-size:12px; color:#494b4b; font-weight:bold; vertical-align:middle;
                            border:1px solid #caedf7; background-color:#eef9fd;}
.box-colright form p input.submit-login {width:88px; height:32px; border:none; padding:6px 0;
                                        background:url('login-btn-bg.png') 0 0 no-repeat;}
.box-colright p.login-odkaz {margin:5px 0 5px 0; height:16px;}
.box-colright p.login-odkaz a {font-size:12px; font-weight:bold; color:#20b4df; text-decoration:underline;}
.box-colright p.login-odkaz a:hover {text-decoration:none;}
.icon-mail {width:100%; background:url('icon-mail.png') right 0 no-repeat;}
.login-form-err {margin:3px 0; color:#ff8400; font-size:12px; text-align:left;}                                                                  

/* banners */
#colright h2.reklama {margin:3px 0; height:13px;
                      font-size:12px; color:#ff8400; text-transform:lowercase;}
#colright h2.icon-reklama-arrow {background:url('icon-reklama-arrow.png') 54px 3px no-repeat;}
.colright-banner {width:250px; height:250px; margin-bottom:10px;}
.colleft-banner {width:728px; height:90px; margin:10px 2px;}                      

/* homepage - region */
.box-map-region {width:734px; height:233px; margin-bottom:10px; clear:both;}
.main-list-homepage {float:right; width:363px; height:233px; background:url('main-list-homepage.png') 0 0 no-repeat;}
.main-list-homepage ul {margin:70px 0 0 42px;}
.main-list-homepage ul li {list-style-type:none; background:url('main-list-arrow.png') 0 0 no-repeat; height:25px;}
.main-list-homepage ul li a {margin-left:30px; line-height:20px; color:#24b5e0; font-size:16px; font-weight:bold;}
.main-list-homepage ul li a:hover {text-decoration:none;}
.box-map-region img {float:left; width:371px; height:233px; border:none;}

/* strankovani */
.paging {width:730px; text-align:right; color:#24b5e0; font-size:12px; font-weight:bold;}
.paging a {color:#494b4b;}
.paging a:hover {text-decoration:none;}

/* advertlist */
.box-advert {width:720px; height:80px; min-height:80px; background:url('advert-bg.png') left bottom no-repeat;
            padding:15px 15px 10px 15px; color:#494b4b;}
#colleft-in>.box-advert {height:auto;}
.box-advert h2 {margin-bottom:4px;}
.box-advert h2 a {color:#494b4b; font-size:16px; font-weight:bold;
                  background:url('advert-arrow.png') right 0 no-repeat;
                  text-decoration:none;
                  }
.box-advert h2 a span {margin-right:24px; text-decoration:underline;}  
.box-advert h2 a:hover span {text-decoration:none;}
.box-advert address {font-size:14px; font-style:normal; font-weight:bold;}
.box-advert span.desc {font-size:14px; display:block; margin-bottom:5px;}
.box-advert a {color:#23b5df; font-size:12px; font-weight:bold;}
.box-advert a:hover {text-decoration:none;}
.nofirm {color:#494b4b; font-size:12px; font-weight:bold; margin:30px 0 0 15px;}

/* ---------- Detail ---------- */
#detail-content {width:734px; margin-bottom:10px;}
#detail-content-right {float:right; width:306px;}
#detail-content-left {float:left; width:420px;}
.box-detail {width:414px; background:url('box-detail-bg.png') 0 0 repeat-y;}
.box-detail-top {width:414px; height:32px; background:url('box-detail-bg-top.png') 0 0 no-repeat;}
.box-detail-top h2 {color:#494b4b; font-size:14px; padding:8px 0 0 11px;}
.box-detail-bottom {width:414px; background:url('box-detail-bg-bottom.png') 0 bottom no-repeat; padding-bottom:5px;}
.box-detail-content {padding:15px 15px 0 15px;}
dl.detail {font-size:12px; color:#494b4b; font-weight:bold; padding-bottom:15px;}
dl.detail dt {float:left; width:112px; text-align:right; padding-right:15px; color:#24b5e0;}
dl.detail dd {margin-left:127px;}
dl.detail dd a {color:#494b4b;}
dl.detail dd a:hover {text-decoration:none;}
dt.icon-address {background:url('icon-address.png') 47px 1px no-repeat;}
dt.icon-web {background:url('icon-web.png') 69px 0 no-repeat;}
dt.icon-popis {background:url('icon-popis.png') 8px 1px no-repeat;}
dt.icon-kontakt {background:url('icon-kontakt.png') 0 2px no-repeat;}
.step-top {margin-top:10px;}
a.btn-back {display:block; width:88px; background:url('detail-btn-back.png') 0 0 no-repeat;
            margin:0 0 5px 15px; font-size:14px; color:#494b4b; padding:7px 0; text-align:center; font-weight:bold;
            text-decoration:none;}

#detail-content-right h3 {color:#24b5e0; font-size:14px; margin-bottom:8px;}
.box-detail-img {padding:8px 0 5px 5px;}

.box-mailquery {padding:5px 0 5px 5px; width:270px; border:1px solid #ffae00; 
                background:#feecd1 url('box-detail-sent-bg.png') 0 0 no-repeat;}
.box-mailquery h3 {margin-bottom:15px;}
.mailquery input, .mailquery textarea {background-color:#eef9fd; border:1px solid #20b4df;
                                      margin-top:8px; display:block; font-size:12px; padding:3px;
                                      font-weight:bold; color:#494b4b;}
.mailquery input {height:18px;}
.mailquery input.submit {width:112px; height:33px; background:url('detail-btn-sent.png') 0 0 no-repeat;
                        border:none; color:#ffae00; margin-left:146px;}
            
.mailquery textarea {width:250px; height:150px;}


/* ---------- Patička ---------- */
#footer-menu {font-size:14px; height:44px; line-height:42px; vertical-align:middle; color:#20b4df; font-weight:bold; text-align:left;}
#footer-menu a {color:#20b4df;}
#footer-menu a:hover {text-decoration:none;}
.copyright {line-height:59px; vertical-align: middle; color:#20b4df; font-size:12px; text-decoration:underline;}





/* Registace firmy */
#regform-wrapper {color:#494b4b; font-size:12px; font-weight:bold;}
#regform-wrapper form fieldset {border:none;}

.box-fieldset, .box-fieldset2 {clear:both;}
.box-fieldset {width:742px; background:url('box-fieldset-bg.png') 0 0 repeat-y;}
.box-fieldset-top {width:742px; background:url('box-fieldset-top.png') 0 top no-repeat;}
.box-fieldset-bottom {width:742px; background:url('box-fieldset-bottom.png') 0 bottom no-repeat;}

.box-f-left {float:left; width:200px; padding:10px 10px 10px 15px;}
.box-f-right {float:right; width:460px; padding:10px 10px 10px 15px;}

#regform-wrapper input, #regform-wrapper textarea, #regform-wrapper select {border:1px solid #20b4df; background-color:#eef9fd; color:#494b4b; margin-bottom:10px;}
fieldset.formlabel {padding-top:10px;}
fieldset.formlabel label {float:left; width:150px; text-align:right; padding-right:10px;}

.box-fieldset2 {width:720px; height:80; min-height:80px; background:url('advert-bg.png') left bottom no-repeat;
                padding:10px 10px 10px 15px;}
#refgorm-wrapper>.box-fieldset2 {height:auto;}

.icon-num-1 {font-size:18px; height:23px; background:url('icon-num-1.png') 0 0 no-repeat; padding-top:2px;}
.icon-num-1 span {padding:10px 0 0 5px;}
.icon-num-1 span span {visibility:hidden;}
.icon-num-2 {font-size:18px; height:23px; background:url('icon-num-2.png') 0 0 no-repeat; padding-top:2px;}
.icon-num-2 span {padding:10px 0 0 5px;}
.icon-num-2 span span {visibility:hidden;}
.icon-num-3 {font-size:18px; height:23px; background:url('icon-num-3.png') 0 0 no-repeat; padding-top:2px;}
.icon-num-3 span {padding:10px 0 0 5px;}
.icon-num-3 span span {visibility:hidden;}

#regform-wrapper .desc {margin-left:160px; margin-top:-10px; margin-bottom:10px;}

#regform-wrapper .reg-submit {width:142px; height:33px; background:url('reg-btn-bg.png') 0 0 no-repeat;
                             color:#ffae00; font-weight:bold; font-size:14px; border:none;}

/* docasne */
textarea {width:280px;}

ul#tree {color:#494b4b;	font-weight:bold;	font-size:12px; padding:10px 0 0 15px;}

ul#tree li {
	list-style-type: none;
	clear: both;
}

ul#tree li li {color:#24b5e0;}
ul#tree li li input {margin:0 5px 3px 12px;}
ul#tree li label {width:auto; text-align:left;}
ul#tree li li label {text-align:right;}
ul#tree span, ul#tree del {
  text-align:left;
	font-weight: bold;
	/*font-size: 1.5em;*/
	font-size:14px;
	padding:0 3px 3px 0;
	cursor: pointer;
	float: left;
	display: block;
	width: 10px;
	color:#20b4df;
}
ul#tree span:hover {
	color: #ff8400;
}
ul#tree del {
	color: White;
	text-decoration: none;
}