/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro ZPMA
	Author:			 e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:	   26. 5. 2009

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Sidebar
      7.1 Sidebar right
      7.2 Sidebar left
  8. Content    (obsah)
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==

----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: Tahoma, Arial, 'Arial CE', sans-serif;
    text-align: left;
    margin: 0 auto;
    padding: 0px;
    font-size: 10pt;
    color: #575757;

}
#main-bg {width: 100%; min-height: 200px; background: #fff url(../images/body_bg_1.png) repeat-x top center;}
#subpage {background: #fff url(../images/body_bg_subpage_1.png) repeat-x top center;}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px;}

img {border: none;}

a img {text-decoration: none;}


a span {cursor: pointer;}

fieldset {border: 0 none; padding: 0px; margin: 0px;}

a {color: #005cab;}
a:hover {text-decoration: none;}

h1 {font-size: 1.5em; color: #4c4c4c; font-weight: normal; background: url(../images/point_text.png) no-repeat left 8px;
    padding: 0px 0px 5px 20px; text-transform: uppercase; border-bottom: 2px solid #c0c0c0; margin-bottom: 10px; margin-top: 15px; }
h1 span {display: none;}
h2 {font-size: 1.4em; color: #4c4c4c; font-weight: normal; }
h3 {font-size: 1.3em; color: #4c4c4c; font-weight: normal; }
h5 {font-size: 100%; }
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {color: #4a4a4a; padding: 0px 0px; margin-bottom: 0px;}

br.clear-l {clear: left;}
br.clear-b {clear: both;}

.float-l { float:left; }
.float-r { float:right; }
.clear { clear: both; height: 1px; overflow: hidden; }
.indent { height: 10px; }

img.left { float: left; margin: 0px 10px 10px 0px; }
img.right { float: right; margin: 0px 0px 10px 10px; }

.fotogalerie a img {border: 3px solid #005cab; float: left; margin: 5px;}
.fotogalerie img:hover {border: 3px solid #9cf;}
.f-left {float: left;}

.alert {
  border: 2px solid #005CAB;
  padding: 10px;
  clear: left;
  margin-bottom: 10px;
}
.error h3 {
  color: #D86B10;
}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    position: relative;
    width: 997px;
    margin: 0 auto;
}

/* drobeckova navigace */
body #drobeckova-navigace {width: 100%; left: 0px; height: 32px; color: #555; z-index: 100;}
body #drobeckova-navigace #box {position: relative; margin: 0px auto 0 auto; width: 962px; height: 32px; padding: 0px 0 0 35px; line-height: 32px;}
body #drobeckova-navigace #box strong {float: left;  margin-right: 15px;}
body #drobeckova-navigace #box a, body #drobeckova-navigace #box span {float: left; color: #fff; text-decoration: underline; }
body #drobeckova-navigace #box a:hover {text-decoration: none;}
body #drobeckova-navigace #box span.sipka {
background: url(../images/drobecek_arrow.gif) no-repeat scroll center center; display: block;
width: 18px; height: 32px;}

/* 5. Header   -------------------------------------------------------------*/

#top1 {/*position: absolute;*/ width: 100%; top: 33px; left: 0px; height: 33px; background: #005cab;}
#top1 #navigation {position: relative; margin: 0 auto; width: 998px; text-align: left;}
#top1 #navigation ul {list-style: none; padding: 0px; margin: 0px; /*width: 750px;*/ position: absolute; top: 0px; right: 0px;}

#top1 #navigation ul li, #top1 #navigation ul li a {float: left;}

#top1 #navigation ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 10px 10px 0px 10px;
    height: 23px;
    text-decoration: none;
    font-weight: bold;
    font-size: 7pt;

    background: url(../images/navigation_dot.png) no-repeat scroll right;
}
#top1 #navigation ul li a:hover, #top1 #navigation ul li.selected a {text-decoration: underline;}

#top2 span#less {float: left; background: black; position: absolute; top: 0px; left: 245px; width: 100px; height: 14px; background: url(../images/more_info.png) no-repeat scroll left;  z-index: 10; padding-left: 30px; font-size: 8pt; color: #005cab; text-decoration: none;}
#top2 span#more {float: left; background: black; position: absolute; top: 0px; left: 245px; width: 100px; height: 14px; background: url(../images/less_info.png) no-repeat scroll left;  z-index: 10; padding-left: 30px; font-size: 8pt;  color: #005cab; text-decoration: none;}


#top1 #navigation ul li#cs a, #top1 #navigation ul li#en a {background: none; padding-top: 7px; height: 23px;}
.cs {margin-left: 30px; display: block; height: 23px; padding: 4px 0px 0px 30px; background: url(../images/flag_cz.png) no-repeat scroll; float: left;}
.en {display: block; height: 23px; padding: 4px 0px 0px 30px; background: url(../images/flag_en.png) no-repeat scroll; float: left;}


#top2 {
    width: 997px;
    height: 80px;
    padding: 0px;
    position: relative;
    text-align: left;
    z-index: 0;
}
.clickhome {width: 227px; display: block; height: 58px;}

#search {position: absolute; top: 5px; right: 8px; width: 300px; height: 60px; text-align: right;}
#search a {text-decoration: none !important; color: #ffffff !important; }
#search .mf {font-weight: bold; color: #005cab; white-space: nowrap; margin-right: 4px;}
#search input {width: 128px; height: 21px; background: url(../images/search_bg.png) no-repeat; border: none; float: left; color: #7b7b7b; padding: 3px 5px 0px 30px; }
#search .btns { border: none; position: absolute; top: 0px; left: 159px; float: right; width: 71px; height: 24px;  background: url(../images/login_button_blue.png) no-repeat left top; color: #fff; font-weight: bold; text-align: center; padding-top: 0px; text-decoration: none; cursor: pointer; padding: 0px;}
#search .btns:hover {background: url(../images/login_button_blue.png) no-repeat left bottom;}
#search a.btns.advanced { left: 231px; line-height: 24px; }

#telefon {position: absolute; top: 5px; left: 525px; height: 31px; background: url(../images/phone_head.png) no-repeat scroll left; padding-left: 30px;}
#telefon strong {color: #696969; font-size: 9pt;}
#telefon strong.blue {color: #005cab; font-size: 12pt;}

#top2 #logotype {
     position: absolute;
     left: 20px;
     top: 6px;
     display: block;
     width: 227px;
     height: 58px;
     background: url(../images/logotype.png) no-repeat scroll;
}
#top2 #logotype span {display: none;}

#login {position: absolute; top: 15px; right: 0px; width: 595px; height: 55px; background: url(../images/login_bg.png) no-repeat scroll;}
#login strong {float: left; font-size: 9pt; color: #575757; padding-top: 7px; padding-left: 10px;}
#login form {position: relative; top: 10px; left: 30px;}
#login .name {margin-right: 5px;}
#login .nu {position: absolute; bottom: 5px; right: 9px;}
#login .nu a {font-weight: bold; text-decoration: none !important; color: #005cab !important; }
#login form strong {float: left; padding: 5px 5px 0px 15px; font-size: 9pt; color: #575757;}
#login input {height: 21px; border: none; float: left; background: url(../images/login_input.png) no-repeat scroll; width: 117px; height: 24px; padding: 4px 0px 0 5px; position: relative; top: 0px;}
#login .btnlog {background: url(../images/login_button_blue.png) no-repeat scroll left top; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; position: relative; right: 8px; cursor: pointer; padding: 0;}
#login .btnlog:hover {background: url(../images/login_button_blue.png) no-repeat scroll left bottom;}
/* 6. Navigace -------------------------------------------------------------*/
#menu {position: relative; width: 997px; height: 35px;}
#menu h2 {color: #adadad; position: absolute; top: 6px; left: 30%; background: none; padding:0;}
#menu ul {position: absolute; top: 0px; left: 0px; list-style: none; }
#menu ul li {height: 35px; float: left; padding-left: 30px; text-align: center; position: relative; padding: 0px;}
#menu ul li a.link {width: 100%; color: #fff; display: block; height: 17px; text-decoration: none; font-weight: bold; font-size: 10pt; padding: 9px 10px; float: left;}
#menu ul li a:hover, #menu ul li .selected {text-decoration: underline;}
#menu ul li span.cl {width: 7px; height: 35px; position: absolute; left: 0; top: 0px;}
/*#menu ul li span.cr {width: 7px; height: 45px; position: absolute; top: 0px; right: -1px;}*/
/*#menu ul li span.menu-text {margin: 0 7px;}*/

/*#menu ul li.blue {background: url(../images/list_blue_bg.png) repeat-x scroll; }*/
#menu ul li.blue a.link {background: url(../images/list_blue_r.png) no-repeat right top;}
#menu ul li.blue.selected a, #menu ul li.blue.selected a.link:hover {background:transparent url(../images/list_blue_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.blue a:hover.link {color: #fff;}
#menu ul li.blue a:hover {background: url(../images/list_blue_r.png) no-repeat scroll right bottom;}
#menu ul li.blue.selected span.cl, #menu ul li.blue.selected a.link:hover span.cl {background:transparent url(../images/list_blue_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.blue span.cl {background: url(../images/list_blue_l.png) no-repeat left top;}
#menu ul li.blue a:hover.link span.cl {background: url(../images/list_blue_l.png) no-repeat left bottom;}

#menu ul li.lblue a.link {background: url(../images/list_lblue_r.png) no-repeat right top;}
#menu ul li.lblue.selected a, #menu ul li.lblue.selected a.link:hover {background:transparent url(../images/list_lblue_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.lblue a:hover.link {color: #fff;}
#menu ul li.lblue a:hover {background: url(../images/list_lblue_r.png) no-repeat scroll right bottom;}
#menu ul li.lblue.selected span.cl, #menu ul li.lblue.selected a.link:hover span.cl {background:transparent url(../images/list_lblue_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.lblue span.cl {background: url(../images/list_lblue_l.png) no-repeat left top;}
#menu ul li.lblue a:hover.link span.cl {background: url(../images/list_lblue_l.png) no-repeat left bottom;}

#menu ul li.green a.link {background: url(../images/list_green_r.png) no-repeat right top;}
#menu ul li.green.selected a, #menu ul li.green.selected a.link:hover {background:transparent url(../images/list_green_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.green a:hover.link {color: #fff;}
#menu ul li.green a:hover {background: url(../images/list_green_r.png) no-repeat scroll right bottom;}
#menu ul li.green.selected span.cl, #menu ul li.green.selected a.link:hover span.cl {background:transparent url(../images/list_green_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.green span.cl {background: url(../images/list_green_l.png) no-repeat scroll left top;}
#menu ul li.green a:hover.link span.cl {background: url(../images/list_green_l.png) no-repeat scroll left bottom;}

#menu ul li.yellow a.link {background: url(../images/list_yellow_r.png) no-repeat right top;}
#menu ul li.yellow.selected a, #menu ul li.yellow.selected a.link:hover {background:transparent url(../images/list_yellow_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.yellow a:hover.link {color: #fff;}
#menu ul li.yellow a:hover {background: url(../images/list_yellow_r.png) no-repeat scroll right bottom;}
#menu ul li.yellow.selected span.cl, #menu ul li.yellow.selected a.link:hover span.cl {background:transparent url(../images/list_yellow_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.yellow span.cl {background: url(../images/list_yellow_l.png) no-repeat scroll left top;}
#menu ul li.yellow a:hover.link span.cl {background: url(../images/list_yellow_l.png) no-repeat scroll left bottom;}

#menu ul li.grey a.link {background: url(../images/list_grey_r.png) no-repeat right top;}
#menu ul li.grey.selected a, #menu ul li.grey.selected a.link:hover {background:transparent url(../images/list_grey_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.grey a:hover.link {color: #fff;}
#menu ul li.grey a:hover {background: url(../images/list_grey_r.png) no-repeat scroll right bottom !important;}
#menu ul li.grey.selected span.cl, #menu ul li.grey.selected a.link:hover span.cl {background:transparent url(../images/list_grey_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.grey span.cl {background: url(../images/list_grey_l.png) no-repeat scroll left top;}
#menu ul li.grey a:hover.link span.cl {background: url(../images/list_grey_l.png) no-repeat scroll left bottom !important;}

/*
#menu ul li.red a.link {background: url(../images/list_red_r.png) no-repeat right top;}
#menu ul li.red.selected a, #menu ul li.red.selected a.link:hover {background:transparent url(../images/list_red_r_sel.png) no-repeat scroll right bottom;}
#menu ul li.red a:hover.link {color: #fff;}
#menu ul li.red a:hover {background: url(../images/list_red_r.png) no-repeat scroll right bottom;}
#menu ul li.red.selected span.cl, #menu ul li.red.selected a.link:hover span.cl {background:transparent url(../images/list_red_l_sel.png) no-repeat scroll left bottom;}
#menu ul li.red span.cl {background: url(../images/list_red_l.png) no-repeat scroll left top;}
#menu ul li.red a:hover.link span.cl {background: url(../images/list_red_l.png) no-repeat scroll left bottom;}
*/


/* 7 Sidebar -----------------------------------------------------------------*/

#sidebar-l {width: 242px; float: left; position: relative; margin: 20px 0 0 15px; padding-bottom: 10px}
#sidebar-l p, #sidebox-l #post-news p {padding: 10px 17px;}
#sidebar-l h3 {color: #575757; margin: 0 0 0 10px;}

/* MENU */
#sidebar-l ul
{
    width: 241px;
    margin: 0px;
    padding: 0px;
}

#sidebar-l ul li
{
    width: 241px;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    list-style: none;
}

#sidebar-l ul li a
{
    display: block;
    width: 236px;
    padding: 10px 5px 10px 0px;
    background-image: url('../images/menu/liBlue.png');
    background-position: left top;
    background-repeat: repeat-y;
    border-bottom: 1px solid #a0c4e3;
    color: #000000;
    text-decoration: none;
}

#sidebar-l ul li a span
{
    display: block;
    width: 211px;
    padding: 0px 0px 0px 25px;
    background-position: 10px 3px;
    background-repeat: no-repeat;
    background-image: url('../images/menu/spanBlue.gif');
}


#sidebar-l ul.menu0 { margin: 10px 0px 15px 0px; border-top: 1px solid #a0c4e3; }
#sidebar-l ul.menu0 li a:hover { background: #005cab; }
#sidebar-l ul.menu0 li a:hover span { background-image: url('../images/menu/spanBlueHover.gif'); color: #ffffff; }
#sidebar-l ul.menu0 li.selected a span { background-image: url('../images/menu/spanBlueActive.gif'); }

#sidebar-l ul.menu0 li ul.menu1 li a { padding-left: 15px; width: 221px; background-image: url('../images/menu/liGrey.png'); border-bottom: 1px solid #bdbdbd; }
#sidebar-l ul.menu0 li ul.menu1 li a:hover { background-image: url('../images/menu/liGreyHover.png'); }
#sidebar-l ul.menu0 li ul.menu1 li span { width: 196px; background-image: url('../images/menu/spanGrey.gif'); color: #000000; }
#sidebar-l ul.menu0 li ul.menu1 li.selected span { background-image: url('../images/menu/spanGreyActive.gif'); }

#sidebar-l ul.menu0 li ul.menu1 ul.menu2 li a { padding-left: 30px; width: 206px; background-image: url('../images/menu/liGrey.png'); border-bottom: 1px solid #bdbdbd; }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 li a:hover { background-image: url('../images/menu/liGreyHover.png'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 li span { width: 181px; background-image: url('../images/menu/spanGrey.gif'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 li.selected span { background-image: url('../images/menu/spanGreyActive.gif'); }

#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 li a { padding-left: 45px; width: 191px; background-image: url('../images/menu/liGrey.png'); border-bottom: 1px solid #bdbdbd; }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 li a:hover { background-image: url('../images/menu/liGreyHover.png'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 li span { width: 166px; background-image: url('../images/menu/spanGrey.gif'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 li.selected span { background-image: url('../images/menu/spanGreyActive.gif'); }

#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 ul.menu4 li a { padding-left: 55px; width: 181px; background-image: url('../images/menu/liGrey.png'); border-bottom: 1px solid #bdbdbd; }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 ul.menu4 li a:hover { background-image: url('../images/menu/liGreyHover.png'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 ul.menu4 li span { width: 156px; background-image: url('../images/menu/spanGrey.gif'); }
#sidebar-l ul.menu0 li ul.menu1 ul.menu2 ul.menu3 ul.menu4 li.selected span { background-image: url('../images/menu/spanGreyActive.gif'); }

#sidebar-l ul.menu1 li ul.menu2 ul.menu3 ul.menu4 ul.menu5 li a { padding-left: 65px; width: 171px; background-image: url('../images/menu/liGrey.png'); border-bottom: 1px solid #bdbdbd; }
#sidebar-l ul.menu1 li ul.menu2 ul.menu3 ul.menu4 ul.menu5 li a:hover { background-image: url('../images/menu/liGreyHover.png'); }
#sidebar-l ul.menu1 li ul.menu2 ul.menu3 ul.menu4 ul.menu5 li span { width: 146px; background-image: url('../images/menu/spanGrey.gif'); }
#sidebar-l ul.menu1 li ul.menu2 ul.menu3 ul.menu4 ul.menu5 li.selected span { background-image: url('../images/menu/spanGreyActive.gif'); }

/* 8. Content    (obsah) ----------------------------------------------------*/
#wrapper-content {position: relative; margin-top: 0px; width: 998px; /*margin-bottom: 50px;*/}
#content .content-home {width: 100%;}
#content .content-home p {padding-bottom: 0px; line-height: 15px;}

.subpage {width: 720px; float: right; position: relative; margin-top: 0px; padding-bottom: 10px;}

.subpage p {padding: 5px 0;}
.subpage ul, .subpage ol {margin-bottom: 15px;}
.subpage ul li, .subpage ol li {padding: 4px 0;}
/* 8.1 Content color-box -----------------------------------------------------*/
#content .list-box {position: relative; width: 190px; height: 255px; float: left; margin: 14px 10px 0 0px; padding: 0px; background: url(../images/shadow-under-img.png) no-repeat 33px 184px;}
#content .list-box.last { margin-right: 0px; }
#content .list-box a {color: #575757; text-decoration: none;}
#content .list-box ul {margin: 0px; padding: 0px 0px 5px 0px; list-style-type: none;}
#content .list-box ul li {color: #4c4c4c; width: 190px; }
#content .list-box ul li a {text-decoration: underline; display: block; width: 165px; padding-left: 25px; background-repeat: no-repeat; background-position: 3px 9px; }
#content .list-box h2 {display: block; padding: 0 0 5px 10px; margin: 0px; font-size: 12pt; background: none;}

#content .list-box ul.blue .selected {background: #a6d6ff;}

#content .list-box img {float: right; margin-top: 12px; margin-bottom: 24px;}

#content .list-box ul span { line-height: 25px;  display: block;}

#content .list-box ul.grey a {background-image: url(../images/point_grey.gif);}
#content .list-box ul.blue a {background-image: url(../images/point_blue.gif);}
#content .list-box ul.lblue a {background-image: url(../images/point_lblue.gif);}
#content .list-box ul.green a {background-image: url(../images/point_green.gif);}
#content .list-box ul.yellow a {background-image: url(../images/point_yellow.gif);}

#content .list-box ul.grey a:hover {background-image: url(../images/point_grey_a.gif); background-color: #d8d4d2; }
#content .list-box ul.blue a:hover {background-image: url(../images/point_blue_a.gif); background-color: #5997cd; }
#content .list-box ul.lblue a:hover {background-image: url(../images/point_lblue_a.gif); background-color: #6ecfe0; }
#content .list-box ul.green a:hover {background-image: url(../images/point_green_a.gif); background-color: #b1e05e; }
#content .list-box ul.yellow a:hover {background-image: url(../images/point_yellow_a.gif); background-color: #edc971; }

#content .list-box h2.grey {color: #929292; border-bottom: 5px solid #929292;}
#content .list-box h2.grey a {color: #929292; text-decoration: none;}
#content .list-box h2.blue {color: #005cab; border-bottom: 5px solid #005cab;}
#content .list-box h2.blue a {color: #005cab; text-decoration: none;}
#content .list-box h2.lblue {color: #2db3cb; border-bottom: 5px solid #2db3cb;}
#content .list-box h2.lblue a {color: #2db3cb; text-decoration: none;}
#content .list-box h2.green {color: #92cb2d; border-bottom: 5px solid #92cb2d;}
#content .list-box h2.green a {color: #92cb2d; text-decoration: none;}
#content .list-box h2.yellow {color: #e1b13e; border-bottom: 5px solid #e1b13e;}
#content .list-box h2.yellow a {color: #e1b13e; text-decoration: none;}

#content .list-box a.more-grey {clear: both; float: right; background:transparent url(../images/more_info_grey.gif) no-repeat scroll left center !important; height: 26px !important; color: #575757; line-height: 25px; padding-left: 22px; z-index: 10; text-decoration: none; margin-left: 5px;}
#content .list-box a.more-blue {clear: both; float: right; background:transparent url(../images/more_info_blue.gif) no-repeat scroll left center !important; height: 26px !important; color: #575757; line-height: 25px; padding-left: 22px; z-index: 10; text-decoration: none; margin-left: 5px;}
#content .list-box a.more-lblue {clear: both; float: right; background:transparent url(../images/more_info_lblue.gif) no-repeat scroll left center !important; height: 26px !important;  color: #575757; line-height: 25px; padding-left: 22px; z-index: 10; text-decoration: none; }
#content .list-box a.more-green {clear: both; float: right; background:transparent url(../images/more_info_green.gif) no-repeat scroll left center !important;  height: 26px !important; color: #575757; line-height: 25px; padding-left: 22px; z-index: 10; text-decoration: none; }
#content .list-box a.more-yellow {clear: both; float: right; background:transparent url(../images/more_info_yellow.gif) no-repeat scroll left center !important;  height: 26px !important; color: #575757; line-height: 25px; padding-left: 22px; z-index: 10; text-decoration: none; }

#content .list-box a:hover.more-grey { text-decoration: underline; }
#content .list-box a:hover.more-blue { text-decoration: underline; }
#content .list-box a:hover.more-lblue { text-decoration: underline; }
#content .list-box a:hover.more-green { text-decoration: underline; }
#content .list-box a:hover.more-yellow { text-decoration: underline; }

#content #news {float: left; position: relative; top: 15px; width: 495px; height: 198px; background: url(../images/news_bg.png) no-repeat scroll bottom;}
#content #news .button {float: left; width: 77px; height: 24px; background: url(../images/news_button.png) no-repeat scroll; position: relative; left: 25px; margin-right: 5px; padding-top: 4px; text-align: center; font-weight: normal; cursor: pointer;}
#content #news .button.selected {float: left; width: 77px; height: 24px; background: url(../images/news_button_h.png) no-repeat scroll; position: relative; left: 25px; margin-right: 5px; padding-top: 4px; text-align: center; font-weight: bold; cursor: pointer; text-decoration: none;}
#content #news #selected {background: url(../images/news_button_h.png) no-repeat; text-decoration: none;}
#content #news .left {position: absolute; left: 3px; top: 27px; width: 20px; height: 170px; display: block; z-index: 100; background: url(../images/news_left_blue.png) no-repeat; border: 0 none; cursor: pointer;}
#content #news .right {position: absolute; right: 2px; top: 27px; width: 20px; height: 170px; display: block; background: url(../images/news_right_blue.png) no-repeat; border: 0 none; cursor: pointer;}

#content #news .left.yui-carousel-first-button-disabled {position: absolute; left: 3px; top: 27px; width: 20px; height: 170px; display: block; background: url(../images/news_left_grey.png) no-repeat; cursor: default;}
#content #news .right.yui-carousel-button-disabled {position: absolute; right: 2px; top: 27px; width: 20px; height: 170px; display: block; background: url(../images/news_right_grey.png) no-repeat; cursor: default;}
#content #news .date {width: 48px; height: 41px; background: url(../images/date.png) no-repeat scroll; margin: 15px 0 0 15px ; float: left; text-align: center; font-weight: bold; padding-top: 7px;}
#content #news h3 {padding: 0; margin: 0 0 0 8px; color: #38435b;}
#content #news .text {margin: 15px 110px 0 0; float: right; width: 370px; height: 140px; color: #adadad;}
#content #news .text img.imgl {float: left; margin: 5px;}
#content #news .text p {padding: 5px 0 0 15px;}

#content #sidebox-r {float: right; width: 450px; position: relative; top: 20px; right: 15px; }
#content #sidebox-r h3 {border-bottom: 5px solid #a6d6ff; color: #5a6377; padding: 0px 0 3px 10px; width: 250px;}
#content #sidebox-r p {padding: 0 0 0 15px; color: #5a6377;}
#content #sidebox-r select {width: 150px; margin-left: 15px; }
#content #sidebox-r img {float: right; position: absolute; top: 0px; right: 0px; }
/*#content #sidebox-r #write {margin-top: 110px;}*/
#content #sidebox-r form .email {float: left; height: 18px; width: 160px; background: #e6e6e6 url(../images/input_mail_bg.png) repeat-x scroll; border: 1px solid #97b9d7; margin: 0 0 5px 0px;}
#content #sidebox-r form textarea {width: 298px; height: 70px; border: 1px solid #97b9d7; background: url(../images/form_text.png) repeat-x scroll;}
#content #sidebox-r form button {background: url(../images/login_button_blue.png) no-repeat scroll left top; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 5px 0 0 0px; cursor: pointer;}
#content #sidebox-r form button:hover {float: right; background: url(../images/login_button_blue.png) no-repeat scroll left bottom;}

#content #sidebox-l {width: 495px; float: left; position: relative; margin-top: 35px; margin-bottom: 10px;}

#content #sidebox-l #post-news {width: 241px; height: 176px; background: url(../images/odber.png) no-repeat scroll; float: left;}
#content #sidebox-l #post-news strong {color: #005cab; padding: 0px 0 0 20px; line-height: 25px;}
#content #sidebox-l #post-news form {margin-top: 0px;}
#content #sidebox-l #post-news form p {padding: 0px;}
#content #sidebox-l #post-news form strong {color: #575757;}
#content #sidebox-l #post-news form .name {width: 200px; height: 20px; padding-top: 3px; border: 1px solid #97b9d7;}
#content #sidebox-l #post-news form .btno, .btno, .dotaz .btno, .katalog .btno {background: url(../images/login_button_blue.png) no-repeat scroll left top; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 10px 0 0 0px; cursor: pointer; border: none;}
#content #sidebox-l #post-news form .btno:hover, .dotaz .btno:hover, .btno:hover {background: url(../images/login_button_blue.png) no-repeat scroll left bottom;}

.dotaz .btno.big {background: url(../images/login_button_blue_big.png) no-repeat scroll left top; border: none; width: 125px; height: 24px; font-weight: bold; color: #fff; margin: 10px 0 0 0px; cursor: pointer; border: none;}
.dotaz .btno.big:hover {background: url(../images/login_button_blue_big.png) no-repeat scroll left bottom;}

#post-news {width: 241px; height: 176px; background: url(../images/odber.png) no-repeat scroll; float: left;}
#post-news strong {color: #005cab; padding: 0px 0 0 20px; line-height: 25px;}
#post-news form {margin-top: 0px;}
#post-news form strong {color: #575757;}
#post-news form p {text-align: center; padding: 0px;}
#post-news form .name {width: 200px; height: 20px; padding-top: 3px; border: 1px solid #97b9d7; padding-left: 5px; font-size: 9pt;}
#post-news form .btno {background: url(../images/login_button_blue.png) no-repeat scroll left top; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 5px 0 0 0px; cursor: pointer;}
#post-news form .btno:hover {background: url(../images/login_button_blue.png) no-repeat scroll left bottom;}

#newsletter_udaje {padding-top: 10px; width: 600px;}
#newsletter_udaje input {float: right; width: 200px; margin: 0 200px 2px 0; height: 20px; padding-top: 3px; border: 1px solid #97b9d7;}
#newsletter_udaje input.submit {background: url(../images/login_button.png) no-repeat scroll; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 10px 200px 0 0; padding: 0; cursor: pointer;}

#content #sidebox-l #anketa {width: 242px; float: right; background: url(../images/anketa.png) no-repeat scroll; }
#content #sidebox-l #anketa span {position: relative; top: 5px;}
#content #sidebox-l #anketa strong {color: #005cab;}
#content #sidebox-l .anketaBottom {width: 242px; background: url(../images/anketa.png) no-repeat left bottom; height: 10px; overflow: hidden; clear: both; }


#content #komentare div.adminkom {
  font-style: italic;
  background: #e5ebff;
  border: 1px solid #97b9d7;
}

.katalog input, .katalog select {height: 18px; width: 150px; background: #e6e6e6 url(../images/input_mail_bg.png) repeat-x scroll; border: 1px solid #97b9d7; margin: 0 0 5px 10px;}
.katalog select {height: 22px;}
.dotaz input, .dotaz select {height: 18px; width: 150px; background: #e6e6e6 url(../images/input_mail_bg.png) repeat-x scroll; border: 1px solid #97b9d7; margin: 0 0 5px 20px;}
.dotaz select {height: 22px;}
.dotaz #dotaz, .dotaz #prispevek {width: 590px; height: 150px;border: 1px solid #97b9d7; background: #e7e7e7 url(../images/form_text.png) repeat-x}
.dotaz .tlacitko {float: left; background: url(../images/login_button.png) no-repeat scroll; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 0px; cursor: pointer;}
.dotaz strong {width: 100px;}
.dotaz td {vertical-align: top;}
.dotaz td.first {width: 100px;}
.dotaz h5 {width: 165px; padding: 0 0 0 20px; margin: 0 0 10px 0; background: url(../images/point_text.png) no-repeat scroll left;}
.bt {width: 600px; padding: 20px; border: 1px solid #97b9d7; background: #fdfdfd;}
.osobniudaje .letter {display: block; position: absolute; right: 50px; top: -67px; width: 146px; height: 131px; background: url(../images/letter.png) no-repeat scroll;}
.osobniudaje, .adresa {position: relative; width: 600px; padding: 20px; margin: 30px 0 10px 0px; border: 1px solid #97b9d7; background: #fdfdfd;}
.osobniudaje table tbody tr td img {cursor: pointer;}
.ovladani {float: left; margin-top: 10px;}
.adresa {margin-top: 10px;}

#komentare {margin-top: 20px;}
.komentar {width: 610px; padding: 15px; border: 1px solid #97b9d7; background: #fdfdfd; margin-bottom: 10px;}
#komentare_form {margin: 15px 0;}
#komentare_form form {width: 600px; border: 1px solid #97b9d7; background: #fdfdfd; padding: 20px;}
#komentare_form input {height: 18px; width: 160px; background: #e6e6e6 url(../images/input_mail_bg.png) repeat-x scroll; border: 1px solid #97b9d7; margin: 0 0 5px 0px;}
#komentare_form textarea {width: 300px; height: 100px;border: 1px solid #97b9d7; background: #e7e7e7 url(../images/form_text.png) repeat-x}
#komentare_form .submit {float: left; background: url(../images/login_button.png) no-repeat scroll; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 0px; cursor: pointer;}
#komentare_form td {vertical-align: top;}
#komentare_form th {background: url(../images/point_text.png) no-repeat scroll left; padding: 0 0 0 20px; height: 30px;}
.cardin {height: 18px; width: 160px; background: #e6e6e6 url(../images/input_mail_bg.png) repeat-x scroll; border: 1px solid #97b9d7; margin: 0 0 5px 0px;}
.cardbt {background: url(../images/login_button.png) no-repeat scroll; border: none; width: 71px; height: 24px; font-weight: bold; color: #fff; margin: 0px; cursor: pointer;}

#sidebox-r select#kraj {display: block; margin-bottom: 5px;}

#sidebox-r input.btno {margin-top: 5px; margin-left: 15px;}

#write {position: relative;}
#write .write-left {float: left; width: 119px; height: 100%;}
#write .write-left strong {display: block; margin-bottom: 10px; margin-left: 30px;}
#write .write-right {margin-left: 119px; text-align: right;}

.dokumenty {border-top: 1px solid #97B9D7; border-bottom: 1px solid #97B9D7; background: #E5EBFF; padding: 5px 10px; display: block; margin-bottom: 10px; margin-top: 10px; width: 700px;}
.dokumenty h2 { margin: 5px 0px; }
.dokumenty em { display: block; }
.dokumenty a { font-size: 1.2em; font-weight: bold; }
.dokumenty .n1 {width: 150px;}

/* 9. Footer ----------------------------------------------------------------*/


#footer #box {width: 998px; height: 72px; position: relative; top: 5px; margin: 0 auto; z-index: 20;}

#footer p {line-height: 18px;}

#footer p.left {float: left; width: 500px; margin: 15px 0px 0px 15px;}

#footer p.right {display: block; text-align: right; padding-top: 15px; padding-right: 25px;}

#footer {clear: both; height: 72px; width: 100%; background: #fff url(../images/footer_bg.png) repeat-x scroll bottom; color: #434343; font-size: 9pt;}
#wrapper-footer {clear: both;}


/* LIGHT-BOX */
.aitom-pozadi{
  z-index: 900;
  visibility: visible;
  left:0px;
  top:0px;
  background-color:#000000;
  width:100%;
  height:100%;
  display:block;
  position:fixed;
  filter:alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity:0.65;

}
.aitom-hlaska-holder{
         position:absolute;
         top:100px;
         z-index:1000;
         width:100%;
         margin-left:-10px;
         margin-right:-10px;
}

.aitom-hlaska{
        position:relative;
        display:block;
         top:0px !important;
          width:95%;
         margin:0px auto 0px auto !important;
         max-width: 820px;
}
.aitom-hlaska  li{list-style:none; padding-left:15px; background:url(../img/li.gif) left center no-repeat; line-height:160%;}
.aitom-hlaska .zaviraci{
     position:absolute;
     top:-16px;
     right:0px;
     margin-right:10px;
     width:28px;
     height:16px;
     background: transparent url(../images/btn-zavrit.gif) left top no-repeat;
}
.aitom-hlaska .zaviraci span{display:none;}

.strankovani {width: 100%; height: 25px; position: relative; text-align: center; padding-top: 15px;}
#movePrev {display: block; width: 28px; height: 16px; background: url(../images/galerie_left.png) no-repeat scroll; float: left;}
#movePrev a, #moveNext a {display: block; width: 100%; height: 100%;}
#moveNext {display: block; width: 28px; height: 16px; background: url(../images/galerie_right.png) no-repeat scroll; float: right;}

.aitom-hlaska .obsah{
     background-color:#fff;
     border:1px solid #6b6b6b;
     overflow:auto;
     /*overflow-y: auto;
     overflow: -moz-scrollbars-vertical; */
}
.aitom-hlaska .obsah h3 {color:#777777; font-size:110%;}
.aitom-hlaska .obsah .sub-obsah{
    display:block;
    position:relative;
    padding:10px;
    }
.aitom-hlaska .obsah th, .aitom-hlaska .obsah td{
     padding-left:5px;
     padding-right:5px;
     vertical-align: top;
     width: 50px;
}
.aitom-hlaska h2 {
     background-color: #6b6b6b;
     color: #fff;
     font-size: 130%;
     padding: 5px 16px;
     vertical-align: middle;
    display:block;
    position:relative;
    margin-bottom: 0px;
}
.aitom-hlaska strong {color: #8e8c8c;margin-left:10px;padding-top:5px;float:left;}

.aitom-hlaska #uz {
  background: url(../img/btn-saveclose.png) left top no-repeat;
  width:136px;
  height:22px;
  padding-left:12px;
  color:#fff;
  cursor:pointer;
  border:none;
  text-align:left;
  margin: 0 7px;
}
.aitom-hlaska #zavriti{
  background: url(../img/btn-onlyclose.png) left top no-repeat;
  width:144px;
  height:22px;
  padding-left:12px;
  color:#fff;
  cursor:pointer;
  border:none;
  text-align:left;
}
.aitom-hlaska .aktadresar span {float:left;}
.aitom-hlaska .soubory{
    position:static;
     top:0px;
     left:0px;
  }
.aitom-hlaska .soubory .file{
      float:left;
  }
.aitom-hlaska  .soubory .buttons{
     margin-top:5px;
     cursor: pointer;
  }

/* MAPA -----------------------------------------------------------------------*/
#mapa {
    background: url(../images/mapa.png) no-repeat scroll left top;
    width: 617px;
    height: 360px;
    position: relative;
    margin: 10px auto 30px auto;
}

#mapa img {position: absolute; z-index: 999;}

#mapa div {display: none;}

.show {display: block;}

#hover-kralovehradecky {
    background: transparent url(../images/hover-hradec-kralove.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 276px;
    top: 46px;
    width: 135px;
    height: 112px;
    display: none;
}

#hover-pardubicky {
    background: transparent url(../images/hover-pardubice.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 295px;
    top: 132px;
    width: 140px;
    height: 92px;
}

#hover-olomoucky {
    background: transparent url(../images/hover-olomouc.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 416px;
    top: 99px;
    width: 113px;
    height: 169px;
}

#hover-moravskoslezsky {
    background: transparent url(../images/hover-ostrava.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 456px;
    top: 120px;
    width: 157px;
    height: 132px;
}

#hover-zlinsky {
    background: transparent url(../images/hover-zlin.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 452px;
    top: 229px;
    width: 122px;
    height: 100px;
}

#hover-jihomoravsky {
    background: transparent url(../images/hover-brno.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 306px;
    top: 213px;
    width: 196px;
    height: 147px;
}

#hover-vysocina {
    background: transparent url(../images/hover-jihlava.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 248px;
    top: 178px;
    width: 143px;
    height: 132px;
}

#hover-jihocesky {
    background: transparent url(../images/hover-ceske-budejovice.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 121px;
    top: 209px;
    width: 194px;
    height: 147px;
}

#hover-stredocesky {
    background: transparent url(../images/hover-stred.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 119px;
    top: 69px;
    width: 193px;
    height: 156px;
}

#hover-plzensky {
    background: transparent url(../images/hover-plzen.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 27px;
    top: 131px;
    width: 133px;
    height: 166px;
}

#hover-praha {
    background: transparent url(../images/hover-praha.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 194px;
    top: 127px;
    width: 46px;
    height: 35px;
}

#hover-karlovarsky {
    background: transparent url(../images/hover-karlovy-vary.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 7px;
    top: 77px;
    width: 106px;
    height: 80px;
}

#hover-ustecky {
    background: transparent url(../images/hover-usti-nad-labem.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 81px;
    top: 3px;
    width: 160px;
    height: 134px;
}

#hover-liberecky {
    background: transparent url(../images/hover-liberec.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 211px;
    top: 12px;
    width: 113px;
    height: 82px;
}

#mapa-small {
    background: url(../images/mapa-small/small-map.png) no-repeat scroll left top;
    width: 251px;
    height: 170px;
    position: relative;
    margin-left: 220px;
    margin-top: -100px; margin-bottom: -15px;
}

#mapa-small img {position: absolute; z-index: 101;top: 0px;}

#mapa-small div {display: none;}

.show {display: block;}

#hover-hradec-kralove-small {
    background: transparent url(../images/mapa-small/hover-hradec-kralove.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 111px;
    top: 18px;
    width: 56px;
    height: 46px;
    display: none;
}

#hover-pardubice-small {
    background: transparent url(../images/mapa-small/hover-pardubice.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 119px;
    top: 53px;
    width: 58px;
    height: 38px;
}

#hover-olomouc-small {
    background: transparent url(../images/mapa-small/hover-olomouc.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 169px;
    top: 40px;
    width: 46px;
    height: 69px;
}

#hover-ostrava-small {
    background: transparent url(../images/mapa-small/hover-ostrava.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 185px;
    top: 49px;
    width: 65px;
    height: 54px;
}

#hover-zlin-small {
    background: transparent url(../images/mapa-small/hover-zlin.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 183px;
    top: 93px;
    width: 51px;
    height: 41px;
}

#hover-brno-small {
    background: transparent url(../images/mapa-small/hover-brno.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 124px;
    top: 87px;
    width: 80px;
    height: 59px;
}

#hover-jihlava-small {
    background: transparent url(../images/mapa-small/hover-jihlava.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 100px;
    top: 72px;
    width: 59px;
    height: 55px;
}

#hover-ceske-budejovice-small {
    background: transparent url(../images/mapa-small/hover-ceske-budejovice.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 48px;
    top: 85px;
    width: 80px;
    height: 61px;
}

#hover-stred-small {
    background: transparent url(../images/mapa-small/hover-stred.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 47px;
    top: 28px;
    width: 80px;
    height: 64px;
}

#hover-plzen-small {
    background: transparent url(../images/mapa-small/hover-plzen.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 9px;
    top: 53px;
    width: 56px;
    height: 68px;
}

#hover-praha-small {
    background: transparent url(../images/mapa-small/hover-praha.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 78px;
    top: 51px;
    width: 19px;
    height: 15px;
}

#hover-karlovy-vary-small {
    background: transparent url(../images/mapa-small/hover-karlovy-vary.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 1px;
    top: 30px;
    width: 45px;
    height: 34px;
}

#hover-usti-nad-labem-small {
    background: transparent url(../images/mapa-small/hover-usti-nad-labem.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 32px;
    top: 0px;
    width: 66px;
    height: 56px;
}

#hover-liberec-small {
    background: transparent url(../images/mapa-small/hover-liberec.png) no-repeat scroll left top;
    position: absolute;
    z-index: 100;
    left: 85px;
    top: 4px;
    width: 47px;
    height: 35px;
}

#mapa a.point-map-1  {
    width:17px; height:17px; background: transparent url(../images/bod-mapa.png) no-repeat;
    cursor: pointer;
}

#mapa a.point-map-2 {
    width:15px; height:15px; background:url(../images/2.png) no-repeat;
    cursor: pointer;
}

#mapa a.point-map-3 {
    width:12px; height:12px; background:url(../images/3.png) no-repeat;
    cursor: pointer;
}

#mapa a.point-map-4 {
    width:10px; height:10px; background:url(../images/4.png) no-repeat;
    cursor: pointer;
}

.point-map-1-s {
    width:11px; height:12px; background:url(../images/bod-mapa-small.png) no-repeat;
    cursor: pointer;
}

.point-map-2-s {
    width:9px; height:9px; background:url(../images/2-s.png) no-repeat;
    cursor: pointer;
}

.point-map-3-s {
    width:6px; height:6px; background:url(../images/3-s.png) no-repeat;
    cursor: pointer;
}

.point-map-4-s {
    width:6px; height:6px; background:url(../images/4-s.png) no-repeat;
    cursor: pointer;
}

#mapa .point-description, #mapa-small .point-description {
    display:none; position:absolute; z-index: 9999; border: 1px solid black; background-color: #575757; padding: 5px; color: white;
}

#stop {
    cursor:pointer;
    position:absolute;
    right:20px;
    height: 23px;
    background: url(../images/stop.png) no-repeat left top;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    padding-left: 25px;
}

#play {
    cursor:pointer;
    display:block;
    position:absolute;
    right:75px;
    height:23px;
    background: url(../images/play.png) no-repeat left top;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
    padding-left: 25px;
}

/* ======================== Další styly po úpravách ============================= */

#content.subpage p
{
    text-align: justify;
    padding: 0px 0px 10px 0px;
}

#content.subpage table.formatted tr td, table.formatted tr th
{
    background-color: #f5f5f5;
    padding: 5px 8px;
    vertical-align: top;
}

#content.subpage table.formatted tr.odd td, table.formatted tr.odd th
{
    background-color: #e0e0e0;
}

#content.subpage table.formatted tr.white td, table.formatted tr.white th
{
	background-color: #ffffff;
}

#content.subpage table.white tr td, #content.subpage table.white tr th
{
	vertical-align: top;
}

#content.subpage .ptr-vizitka
{
    float: left;
    width: 335px;
    padding: 10px;
}

#content.subpage .rozcestnik
{
    width: 720px;
    padding: 10px 0px 0px 0px;
    background-color: #d9d5d4;
}

#content.subpage .rozcestnik h2
{
    color: #ffffff;
    margin: 0px;
    padding: 10px;
    background-color: #005cab;
    background-image: none;
}

#content.subpage .rozcestnik .text
{
    padding: 15px;
}

#content.subpage .rozcestnik .text ul
{
    float: left;
    width: 49%;
    margin: 0px;
    padding: 0px;
}

#content.subpage .rozcestnik .text ul li
{
    background: url(../images/liRed.png) no-repeat left 10px;
    padding-left: 15px;
    padding-right: 10px;
    list-style: none;
}

#content.subpage .rozcestnik.blue, #content.subpage .rozcestnik.imagoid
{
	float: left;
	width: 230px;
	height: 140px;
	margin-right: 8px;
	overflow: hidden;
}

#content.subpage .rozcestnik.imagoid
{
    height: auto;
    padding-top: 0px;
}

#content.subpage .rozcestnik.blue h2, #content.subpage .rozcestnik.imagoid h2
{
	/*background-color: #015cab;*/
}

#content.subpage .rozcestnik.blue h2 a, #content.subpage .rozcestnik.imagoid h2 a
{
	color: #ecf7fd;
}

#content.subpage .rozcestnik.blue .text, #content.subpage .rozcestnik.imagoid .text
{
	font-size: 0.9em;
}

#content.subpage h2, #content.subpage h3
{
    padding: 0 0 0 20px;
    background: url(../images/point_text.png) no-repeat left 7px;
}

#content.subpage h2
{
    color: #005CAB;
}

#content.subpage ul li
{
    padding: 3px 0px 3px 15px;
    background: url(../images/li.gif) no-repeat left 9px;
    list-style: none;
}

#content.subpage .indentLeft { padding-left: 30px; }
#content.subpage .dotted { border-bottom: 1px dotted #999999; margin-bottom: 10px; }

#content.subpage .balicek
{
    float: left;
    width: 141px;
    height: 207px;
    padding: 0px 10px 0px 0px;
}

#content.subpage .balicek img
{
    width: 141px;
    height: 139px;
    margin: 0px 0px 1px 0px;
}

#content.subpage .balicek .title
{
    width: 141px;
    height: 67px;
    background: url(../images/balicekBg.png) no-repeat left top;
}

#content.subpage .balicek .title a
{
    display: block;
    width: 131px;
    height: 52px;
    padding: 15px 0px 0px 10px;
    text-decoration: none;
    color: #025da3;
    font-size: 16px;
    font-weight: bold;
}

#content.subpage .balicek .title a span
{
    color: #7f8082;
}

#content.subpage .balicek .title a:hover
{
    color: #ab0101;
}

#content.subpage .balicek .title a:hover span
{
    color: #666666;
}


/* Soutěže */
#content .souteze .bt
{
	padding: 10px;
}

#content .souteze .btno
{
	margin: 0px;
}

#content .souteze .soutezLogin
{
	float: right;
	text-align: right;
}

#content .souteze .soutezOdsazeni
{
	margin-top: 10px;
}

#content .souteze .fotoHodnotit
{
	float: left;
	width: 200px;
	margin: 5px 10px 0px 0px;
	border: 1px solid #aaaaaa;
}

#content .souteze .fotoHodnotit .nahral
{
	width: 180px;
	padding: 5px 10px;
	background-color: #e5e5e5;
}

#content .souteze .fotoHodnotit table.fotka,
#content .souteze .fotoHodnotit table.fotka tr td
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: none;
	width: 200px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}

#content .souteze .fotoHodnotit .fotka img
{
	border: none;
}

#content .souteze .fotoHodnotit .hodnoceni
{
	width: 200px;
	padding: 5px 0px;
	background-color: #e5e5e5;
	text-align: center;
}

#content .souteze .fotoHodnotit .hodnoceni a
{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	text-decoration: none;
	font-weight: bold;
}

#content .souteze .fotoHodnotit .hodnoceni a:hover
{
	background-color: #ffffff;
}

#content.subpage .souteze .fotoHodnotit .hodnoceni p
{
	font-size: 0.8em;
	text-align: center;
}

#content .souteze .fotoHodnotit .vysledky
{
	padding: 10px;
	font-size: 0.9em;
}

#content .souteze .soutezDetail
{
	text-align: center;
}

#content .souteze .soutezDetail img
{
	padding: 5px 0px 10px 0px;
}

#content .souteze .soutezDetail .soutezHodnoceni a
{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}

#content .souteze .soutezDetail .soutezHodnoceni a:hover
{
	background-color: #ffffff;
}

/* Bannery */
#main-container .bannerTop
{
	width: 998px;
	height: 100px;
	padding: 0px 0px 8px 0px;
	overflow: hidden;
}

#top_banner_container
{
	width: 998px !important;
	height: 100px;
}

#main-container .bannerTop a
{
	display: block;
	width: 998px;
	height: 100px;
	overflow: hidden;
}

#main-container .bannerRight
{
	position: absolute;
	right: -175px;
	top: 290px;
	width: 160px;
	height: 600px;
	padding: 0px 0px 8px 0px;
	overflow: hidden;
}

#right_banner_container
{
	width: 160px !important;
	height: 600px;
}

#subpage #main-container .bannerRight
{
	top: 350px;
}

#main-container .bannerRight a
{
	display: block;
	width: 160px;
	height: 600px;
	overflow: hidden;
}