/* CSS Document */

body  {
  background: url('../img/body.jpg') repeat-x #a2281c;
  margin: 0px auto;
  text-align: center;
  font-family: arial;
  font-size: 75%
}

#center {
  width: 997px;
  margin: 0px auto;
}

#head {
  background: url('../img/head.jpg') no-repeat;
}

#menu {
  margin-left: 160px;
  height: 35px;
  position: relative
}

#telo {
  background: white;
}

#box_left {
  float: left;
  width: 160px;
  background: url('../img/box_left.jpg') no-repeat top;
  min-height: 50px;
  margin-top: -50px;
  padding-top: 10px
}

#box_right_top {
  float: right;
  width: 211px;
  background: url('../img/box_right.jpg') no-repeat top;
  height: 50px;
  padding-top: 10px;
  position: absolute;
  top: -15px;
  right: 0px;
}

#box_right {
  float: right;
  width: 191px;

}

#box  {
  width: 642px;
  float: left;
  padding: 15px 2px 15px 2px
}

#box_padding  {
  width: 616px;
  float: left;
  padding: 15px;
}

#paticka  {
  background: url('../img/paticka.jpg') repeat-x;
  height: 87px;
  margin-bottom: 10px
}
/*head*/

#head a {
  display: block;
  width: 997px;
  height: 199px;
}

/*menu*/

#menu ul.menu  {
  margin-top: 14px;
  text-align: left;
  width: 620px;
  padding: 0px
}

#menu ul.menu li {
  display: inline;
  font-weight: bolder;
  font-family: arial narrow;
  font-size: 130%;
  background: url('../img/delitko.jpg') no-repeat right;
  padding: 15px 10px 15px 10px 
}

#menu ul.menu li a {
  color: white;
  text-decoration: none;
  padding: 15px 0px 15px 0px
}

#menu ul li.last {
  background: none;
}

/*box_left*/  

#box_left h4  {
  text-align: left;
  padding: 9px 0px 0px 15px;
  width: 125px;
  height: 21px;
  color: white;
  margin: 10px 0px 5px 12px  
}

.h4_black {
  background: url('../img/h4_black.jpg') no-repeat;
}

.h4_blue {
  background: url('../img/h4_blue.jpg') no-repeat;
}

.search {
  background: url('../img/search.jpg') no-repeat;
  width: 140px;
  height: 63px;
  margin-left: 12px
}

.search form fieldset {
  border: 0px;
  padding: 5px 0 0 0;
  background: none
}

.search form input[type=text] {
  background: url('../img/input_search.jpg') no-repeat;
  width: 108px;
  height: 24px;
  border: 0px;
  padding: 0 0 0 20px;
  margin: 0px;
  font-size: 80%;
  color: #a1a1a1;
}

.search form input[type=submit] {
  background: url('../img/search_submit.jpg') no-repeat;
  width: 75px;
  height: 22px;
  border: 0px;
  margin: 5px 0px 0px 50px;
  color: white;
  padding: 0px 0px 0px 15px;
}

.boxik_sede  {
  margin-left: 12px;
  background: #e0e0e0;
  width: 120px;
  text-align: left;
  font-size: 85%;
  padding: 5px 10px 5px 10px
}

.boxik_sede p {
  color: #505154;
  padding: 5px 0 5px 0
}

.boxik_sede .procento {
  font-size: 90%
}

.boxik_sede_top, .boxik_sede_bottom {
  margin-left: 12px;
  width: 140px;
  height: 6px
}

.boxik_sede p strong span.red, .boxik_sede p a, .boxik_sede a {
  color: #992421;
}

.boxik_sede a.procento{
  display: block;
  width: 30px;
}

.boxik_sede .procenta /*100% = 45px, 1%=0,45px*/ {
  width: 45px;
  height: 8px;
  float: left;
  margin-top: 2px;
  margin-bottom: 5px
}

.procenta.green {
  background: url('../img/procento_green.jpg') repeat-x;
}

.procenta.red {
  background: url('../img/procento_red.jpg') repeat-x;
}

.procenta.yelow {
  background: url('../img/procento_yelow.jpg') repeat-x;
}

.boxik_sede_top {
  background: url('../img/boxik_sede_top.jpg') no-repeat
}

.boxik_sede_bottom {
  background: url('../img/boxik_sede_bottom.jpg') no-repeat
}

.menu_left, .menu_left_top, .menu_left_bottom {
  width: 140px;
  margin-left: 12px; 
}

.menu_left_top, .menu_left_bottom {
  height: 5px
}

.menu_left_top  {
  background: url('../img/menu_left_top.jpg') no-repeat
}

.menu_left_bottom  {
  background: url('../img/menu_left_bottom.jpg') no-repeat
}

.menu_left  {
  background: #d5e0eb;
  padding-bottom: 10px
}

.menu_left a.size_10  {
  text-decoration: none;
  color: #505154;
  display: block;
  float: left;
  padding-top: 3px;
}

.menu_left a.size_10.active  {
  background: url('../img/menu_left_act.jpg') no-repeat;
  width: 76px;
  height: 14px;
  font-weight: bolder;
}

.menu_left a.pocet  {
  margin-left: 8px
}

.menu_left_ul {
  width: 120px;
  background: #b2c5d9;
  text-align: left;
  padding: 5px 0 5px 20px
}

.menu_left ul li  {
  list-style-image: url('../img/sipka_right.jpg')
}

.menu_left ul li a:hover {
  cursor: pointer;
}

.menu_left ul li.active  {
  list-style-image: url('../img/sipka_bottom.jpg')
}

.menu_left ul ul  {
  margin: 0px;
  padding: 0px
}

.menu_left_ul ul li ul li {
  margin-left: 10px
}

.menu_left_ul ul li ul li ul li {
  margin-left: 10px;
  list-style-image: url('../img/punta.jpg')
}

.menu_left ul li a {
  color: #505154;
  text-decoration: none
}

/*box_right_top*/

#box_right_top ul {
  margin-top: 18px;
  margin-left: 10px
}

#box_right_top  ul li {
  display: inline;
  color: white;
font-weight: bolder;
}

#box_right_top ul li a  {
  padding-right: 5px;
  color: white;
  text-decoration: none
}

/*box_right*/

.reg  {
  width: 178px;
  height: 84px;
  background: url('../img/reg.jpg') no-repeat;
  margin-top: 5px
}

.reg_padding  {
  padding-top: 15px
}

.reg form fieldset  {
  border: 0px;
  padding-top: 5px;
  background: none
}

.reg form input[type=text]  {
  background: url('../img/uz_jm.jpg') no-repeat;
  width: 160px;
  height: 21px;
  border: 0px;
  color: #a1a1a1;
  font-size: 90%;
  padding-left: 10px
}

.reg form input[type=password]  {
  background: url('../img/heslo.jpg') no-repeat;
  width: 108px;
  height: 21px;
  border: 0px;
  color: #a1a1a1;
  font-size: 90%;
  padding-left: 10px;
}

.reg form input[type=submit]  {
  background: url('../img/prihlasit.jpg') no-repeat;
  width: 45px;
  height: 22px;
  border: 0px;
  color: white;
  font-size: 75%
}

.reg form a {
  font-size: 75%;
  color: #992421;
  float: right;
  padding-right: 5px
}

.reg_padding a  {
  padding-top: 7px
}

.reg p  {
  background: #f2dedd;
  text-align: left;
  width: 163px;
  margin: 0px auto;
  position: relative;
  height: 30px;
  font-size: 95%;
  padding: 3px 5px 3px 5px
}

#box_right h4  {
  text-align: left;
  padding: 8px 0px 0px 15px;
  width: 163px;
  height: 22px;
  color: white;
  margin: 10px 12px 5px 0px  
}

.h4_green {
  background: url('../img/h4_green.jpg') no-repeat
}

.h4_sede {
  background: url('../img/h4_sede.jpg') no-repeat
}

.kosik  {
  background: url('../img/kosik.jpg') no-repeat;
  width: 178px;
  height: 72px;
  text-align: left;
  padding: 10px;
  font-size: 90%;
}

.kosik p  {
  color: #58585a;
  line-height: 140%
}

.kosik p a, .kosik .green  {
  color: #459e47;
}

.kosik a.dokoncit {
  background: url('../img/dokoncit_nakup.jpg') no-repeat;
  display: block;
  width: 80px;
  height: 17px;
  color: white;
  text-decoration: none;
  padding: 5px 0px 0px 23px;
  margin-top: 5px
}

.boxik_right  {
  margin-right: 12px;
  background: #e0e0e0;
  width: 158px;
  text-align: left;
  font-size: 85%;
  padding: 5px 10px 5px 10px
}

.boxik_right_top, .boxik_right_bottom {
  height: 5px
}

.boxik_right_top  {
  background: url('../img/boxik_right_top.jpg') no-repeat
}

.boxik_right a  {
   line-height: 160% 
}

.boxik_right_bottom  {
  background: url('../img/boxik_right_bottom.jpg') no-repeat
}

#box_right a img  {
  border: 0px;
  margin-right: 12px;
  margin-bottom: 10px
}

#paticka ul {
  margin: 0px auto;
  padding-top: 5px
}

#paticka  ul li {
  display: inline;
  font-size: 95%;
  padding-right: 10px
}

#paticka ul li a  {
  color: white;
  text-decoration: none;
  padding-left: 20px
}

#paticka ul li a.obalka {
  background: url('../img/obalka.jpg') no-repeat;
}

#paticka ul li a.home {
  background: url('../img/home.jpg') no-repeat;
}

#paticka ul li a.mapa {
  background: url('../img/mapa.jpg') no-repeat;
}

#paticka ul li a.tisk {
  background: url('../img/tisk.jpg') no-repeat;
}

#paticka .paticka_text  {
  width: 997px;
  margin: 0px auto;
  color: white;
  padding-top: 10px
}

#paticka .paticka_text p  {
  color: white
}

#paticka p a img  {
  border: 0px;
  position: relative;
  top: 7px
}

#paticka img.floatleft  {
  padding-left: 50px
}

/*box*/

#box_padding strong.hotovo  {
  display: block;
  background: #ededed;
  color: #6eb16f;
  font-size: 160%;
  text-align: center;
  width: 100%;
  height: 51px;
  padding-top: 25px;
  margin-top: 40px;
}


.text {
  background: #edf0f4;
  width: 325px;
  float: left;
  margin-top: 18px;
  padding-bottom: 60px;
}

a.img_detail  {
  margin: 18px 13px 10px 13px
}

.text table {
  text-align: left;
  font-size: 110%;
  color: #58585a;
  padding: 20px;
  
}

.text table a {
  color: #32689c
}

.text table strong  {
  color: #aaaaaa
}

.text table tr td {
  padding-right: 10px
}


.text table tr.top td {
  padding-top: 20px
}

.text table tr td.size  {
  font-size: 120%;
  color: #32689c
}

.boxik  {
  width: 214px;
  float: left;
  margin-top: 20px
}

.boxik_img  {
  height: 176px;
  width: 214px;
  position: relative;
}

.boxik_img img  {
  width: 209px;
  float: left
}

.boxik_img form {
  position: absolute;
  right: 10px;
  bottom: 50px
}

.boxik_img form fieldset  {
  background: none;
  margin: 0px;
  padding: 0px
}

.boxik_img strong {
  width: 214px;
  height: 38px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: white;
  padding-top: 5px;
  font-size: 10%;
  
}

.boxik_img strong.strong_blue {
  background: url('../img/blue.png') no-repeat;
}

.boxik_img strong.strong_green {
  background: url('../img/green.png') no-repeat;
}

.boxik_img strong.strong_orange {
  background: url('../img/orange.png') no-repeat;
}

.boxik_img strong.strong_red {
  background: url('../img/red.png') no-repeat;
}

.boxik table  {
  width: 100%;
  color: #58585a;
  font-weight: bolder;
  margin-top: 3px
}

.boxik table td.color {
  color: #386590;
}

.boxik table td.size  {
  font-size: 80%
}

.popis  {
  padding: 5px 10px 5px 10px;
  color: #58585a;
  font-size: 85%;
  margin-right: 5px
}

.popis p  {
  max-height: 50px
}

.popis p a  {
  color: #386590;
  text-align: right
}

.color_blue  {
  background: #d5e0eb;
}

.color_red  {
  background: #ead3d3;
}

.color_green  {
  background: #e0f3d9;
}

.color_orange  {
  background: #feebd2;
}


/*obecné*/

* {
  margin: 0px;
  padding: 0px;
}


.clear  {
  clear: both;
}

.floatleft  {
  float: left
}

.floatright {
  float: right
}

.alignleft  {
  text-align: left;
}

.aligncenter  {
  text-align: center
}

.alignright {
  text-align: right
}
/*p*/

p {
  color: black;
  text-align: left
}

p.padding {
  padding: 0px 30px 0px 30px
}

.red, p a  {
  color: #992421
}

.green  {
  color: #409b40;
}

.size_9 {
  font-size: 80%
}

.size_10  {
  font-size: 85%
}

.size_13  {
  font-size: 110%
}

.size_14  {
  font-size: 120%
}

a.margin_top  {
  margin-top: 20px;
}

/*nadpisy*/

h1, h2, h3, h4, h5, h6  {
  text-align: left;
  margin-bottom: 5px
}

h1  {
  color: #366ca0;
  margin-top: 10px;
  font-size: 160%;
  margin-bottom: 10px
}

h1.h1_blue  {
  background: url('../img/h1_blue.jpg') no-repeat;
  width: 615px;
  height: 24px;
  color: white;
  padding: 10px;
  font-size: 140% 
}

h2  {
  color: #366ca0;
  font-size: 140%;
  margin-top: 5px
}

h3  {
  color: black;
  font-size: 120%
}

h4, h5, h6  {
  color: black;
  font-size: 100%
}

h2.margin-top {
  margin-top: 20px
}

h4.margin-left  {
  margin-left: 30px;
  margin-top: 30px;
  font-size: 110%
}

/*ul*/

ul  {
  padding: 5px 20px 5px 20px
}

ul li {
  color: black;
  text-align: left;
}

ul li a {
  color: black
}

ul.navigace {
  text-align: left;
  padding: 0px
}

ul.navigace li  {
  display: inline;
  color: #464646;
  font-size: 110%;
  background: url('../img/sipka.jpg') no-repeat left;
  padding-left: 15px;
  margin-left: 5px
}

ul.navigace li a  {
  color: #464646;
}

ul.mini_menu  {
  background: url('../img/mini_menu.jpg') no-repeat;
  float: right; 
  width: 276px;
  height: 22px;
  margin-top: 20px;
  margin-right: 10px;
  padding: 0px;
  padding-top: 3px;
}

ul.mini_menu li {
  display: inline;
  color: white;
  margin-right: 5px
}

ul.mini_menu li a {
  color: white;
  padding-right: 5px
}

ul.mini_menu li.active  {
  font-weight: bolder;
}

ul.mini_menu li.active a  {
  text-decoration: none
}


/*img*/

img  {
  border: 0px
}

img.padding-right  {
  padding-right: 6px
}

/*table*/

table.kosik1  {
  width: 100%;
  margin-top: 20px 
}

table th  {
  font-size: 120%;
  padding-bottom: 10px;
}

table tr  {
  border-bottom: 10px solid white

}

table.kosik1 tr td {
  background: #ececec;
  border-bottom: 10px solid white
}

table.kosik1 tr td.img  {
   background: none;
   width: 93px;
   height: 83px;
}

table.kosik1 tr.color td {
  background: #f6f6f6;
}

table.kosik1 tr.color td.img  {
  background: none
}

table.kosik1 tr.color2 td {
  background: #808080;
  color: white;
  font-weight: bolder;
  font-size: 120%;
  padding: 3px 0px 3px 0px
}

table.kosik1 tr.color3 td {
  background: white;
  font-weight: bolder;
  font-size: 120%;
  color: #808080;
  padding: 3px 0px 3px 0px
}

table.kosik1 input[type="text"]  {
  border: 1px solid black;
  width: 32px;
  height: 25px;
  position: relative;
  bottom: 8px;
  margin-right: 5px
}

table.kosik2  {
  width: auto;
  margin-left: 30px;
  margin-bottom: 50px
}

table.kosik2 th {
  font-size: 100%;
  padding-right: 30px
}

table.kosik2 td, table.kosik3 {
  text-align: left
}

table.kosik3 {
  width: 100%;
  margin-bottom: 20px  
}

table.kosik3 th {
  font-size: 100%
}

table.kosik3 td {
  padding-right: 20px
}

table.kosik3 tr.top td {
  padding-top: 20px
}



/*form*/

form.kosik1  fieldset {
  background: none;

}

form fieldset {
  border: 0px
}

form fieldset.color {
  text-align: left;
  background: #f3f3f3;
  height: 20px;
  padding: 5px 0px 5px 10px;
  border-bottom: 10px solid white;
  color: #2e2e2e;
  font-size: 110%;
}

form fieldset.color input {
  margin-right: 10px;
  position: relative;
  top: 1px
}

form.detail {
  float: right
}

form.detail fieldset  {
  background: none
}

form.detail label {
  color: #2c2c2c
}

form.detail input[type=text]  {
  border: 1px solid #2c2c2c;
  background: #edf0f4;
  width: 45px;
  height: 21px;
  margin: 0px 15px 0px 10px
}

form.detail input[type=image] {
  margin: 0px 40px 0 0;
  position: relative;
  top: 13px
}

form.vypis_select {
  float: left;
  background: url('../img/vypis_select.jpg') no-repeat;
  width: 162px;
  height: 22px;
  margin-top: 20px;
  font-size: 95%;
  padding-top: 3px
}

form.vypis_select fieldset  {
  background: none
}

form.vypis_select label {
  color: white;
  margin-right: 10px
}

form.vypis_select select  {
  color: #58585a;
  font-size: 95%;
  width: 77px
}

form legend  {
  text-align: left;
  font-weight: bolder;
  margin-bottom: 45px;
  margin-top: 20px;
}

form fieldset {
  background: #d5e0eb;
  padding: 5px 5px 20px 5px;
  max-width: 435px;
}

form table label, form#form_prehled label  {
  color: black;
  font-size: 80%;
  font-weight: normal;
  text-align: left;
  width: 150px;
  display: block;
  height: 12px;
  margin: 0px;
  padding: 0px
}

form table input[type=text], form table input[type=password], form#form_prehled input[type=text]  {
  width: 160px;
  height: 12px;
  display: block;
  background: white;
  border: 1px solid #336a9e;
  padding: 3px;
  margin: 0px
}

form#form_prehled select  {
    background: white;
  border: 1px solid #336a9e;
  display: block; width: 170px
}

form#form_prehled input[type=radio]   {
  display: block
}

form#form_doprava {
  height: auto;
}

form#form_doprava fieldset  {
  height: auto
}

form#form_doprava legend  {
  margin-bottom: 10px
}


.hidden {
  display: none;
}

.box_hlavni p {width: 97%;}