/* css */
html {
  background: #EDEDED url(../images/html_bg.jpg) repeat-x top;
}
body {
  padding: 0;
  margin: 0;
  font-family: 'Verdana CE', Verdana, sans-serif;
  color: #333333;
  font-size: 12px;
}
img {
  border: 0;
}
table td {
  vertical-align: top;
}
form {
  padding: 0;
  margin: 0;
}
input, textarea {
  border: 1px #cccccc solid;
  font-size: 13px;
  font-family: 'Verdana CE', Verdana, sans-serif;
}
.nob {
  border: 0;
}
h1 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: normal;
}

.red, .claim, h1, #header .menu a:hover, #content a {
  color: #D20014;
}
#page {
  width: 910px;
  padding: 0;
	margin-left: -455px;
	left: 50%;
	position: relative;
}

#header {
  height: 458px;
}

#header .logo {
  top: 30px;
  left: 10px;
  position: absolute;
}
#header .hladaj {
  position: absolute;
  left: 635px;
  top: 35px;
  width: 270px;
  height: 34px;
}
#header .hladaj form { 
  float: right;
}
#header .hladaj input {
  border: 0;
  margin: 0;
}

#header .hladaj .vyraz {
  background: url(../images/input_hladaj.png) no-repeat;
  width: 217px;
  height: 34px;
}
#header .hladaj .vyraz input {
  margin-top: 8px;
  margin-left: 10px;
  width: 190px;
}

#header .hladaj input.lupa {
  height: 34px;
  width: 34px;
}
#header .menu {
  position: absolute;
  top: 100px;
  left: 5px;
  background: url(../images/top_menu.jpg) no-repeat;
  height: 45px;
  width: 633px;
  /*padding-left: 5px;*/
}

#header .menu a {
  width: 125px;
  height: 30px;
  _height: 44px;
  float: left;
  text-align: center;
  padding-top: 14px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
}
#header .menu a:hover, #header .menu a.active  {
  background: url(../images/menu_hover.png) no-repeat center center;
}
#header .menu a.active {
  color: #333333;
}

#header .obr {
  position: absolute;
  left: 638px;
  top: 90px;
  background: url(../images/top_right.jpg) no-repeat;
  width: 267px;
  height: 368px;
}

#header .top_foto {
  position: absolute;
  top: 170px;
  left: 5px;
  background: url(../images/top_foto.jpg) no-repeat;
  width: 625px;
  height: 273px;
}

#content {
  width: 910px;
  padding-top: 10px;
}

#content .lava {
  width: 635px;
  float: left;
}
#content .prava {
  width: 269px;
  float: right;
}
#content .text {
  padding: 10px 5px 20px 5px;
  line-height: 150%;
  clear: both;
}

.obdlznik_lavy {
  background: url(../images/zlty_obdlznik.png);
  float: left;
}
.obdlznik_pravy {
  background: url(../images/zlty_obdlznik.png);
  float: right;
}

.obdlznik_pravy, .obdlznik_lavy {
  width: 254px;
  _width: 314px;
  height: 130px;
  _height: 160px;
  padding: 15px 30px; 
  line-height: 175%;
}
.obdlznik_pravy img, .obdlznik_lavy img {
  vertical-align: middle;
}

.obdlznik_pravy h1, .obdlznik_lavy h1 {
  padding-bottom: 20px;
}

#content .lava .okno_top {
  background: url(../images/okno_left_top_zlte.png) no-repeat;
}
#content .lava .okno_top2 {
  background: url(../images/okno_left_top_zlte2.png) no-repeat;
}
#content .lava .okno {
  background: url(../images/okno_left_bg.png) repeat-y;
}
#content .lava .okno_foot {
  background: url(../images/okno_left_foot.png) no-repeat;
  height: 14px;
}

#content .prava .okno_top {
  background: url(../images/okno_right_top_dark.png) no-repeat;
}
#content .prava .okno {
  background: url(../images/okno_right_bg.png) repeat-y;
}
#content .prava .okno_foot {
  background: url(../images/okno_right_foot.png) no-repeat;
  height: 14px;
}

#content .prava .okno_top2 {
  background: url(../images/okno_right_top_dark2.png) no-repeat;
}
.okno_top, .okno_top2 {
  height: 45px;
  _height: 60px;
  padding-top: 15px;
  padding-left: 30px;
  clear: both;
}
.okno_top h1, .okno_top2 h1, .obdlznik_pravy h1, .obdlznik_lavy h1 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  color: white;
}
.okno {
  padding: 0 30px 15px 30px;
  line-height: 150%;
}

.claim {
  background: url(../images/claim.png) no-repeat;
  height: 50px;
  padding: 15px 40px;
  line-height: 150%;
  font-size: 15px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
}

.tabulka {
  margin: 0;
  padding: 0;
  border-left: 1px #FAE1A5 solid;
  border-right: 1px #FAE1A5 solid;
  border-top: 1px #FAE1A5 solid;
}
.tabulka td {
  background: #FAF5E1 url(../images/td_bg.png) repeat-x bottom;
  border-bottom: 1px #FAE1A5 solid;
  border-top: 1px white solid;
  padding: 5px 15px;
  font-size: 12px;
}
.tabulka img {
  vertical-align: bottom;
  float: left;
  margin-right: 10px;
}

#ref_container {
  width: 580px;
}


#ref_container .accordion_toggle {
  background: url(../images/sipka.png) no-repeat left center;
  padding-left: 20px;  
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

#ref_container .accordion_toggle_active {
  background: url(../images/sipka_dole.png) no-repeat left center;
  padding-left: 20px;  
}
#ref_container .accordion_content {
  background: url(../images/ref_pata.png) repeat-x bottom;
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
}

#footer {
  background: url(../images/footer.png) repeat-x;
  height: 144px;
  clear: both;
}
#footer a, #footer {
  color: white;
}
#footer .foot_text {
  width: 900px;
  padding: 0;
	margin-left: -450px;
	left: 50%;
	position: relative;
	text-align: left;
	padding-top: 20px;
	font-weight: bold;
}
#footer .foot_text .notes  {
  line-height: 150%;
  font-weight: normal;
}
#footer .foot_text .notes, #footer .foot_text .notes a {
  color: #F5969B;
}
.foot_text .lava {
  width: 800px;
  float: left;
}
.foot_text .prava {
  width: 100px;
  float: right;
  text-align: right;
}

#content .obr, #content .obr_l, #content .obr_r, .accordion_content img {
  border: 1px #cdcdcd solid;
  padding: 3px;
  background-color: white;
  margin-bottom: 10px;
}
.accordion_content img {
  margin-left: 10px;
}
#content .obr_l {
  float: left;
  margin-right: 10px;
}
#content .obr_r {
  float: right;
  margin-left: 10px;
}

#content ul {
  margin: 5px 0;
  padding: 0;
  margin-left: 20px;
}

#content li {
  list-style-type: none;
  background: url(../images/li_white.png) no-repeat left center;
  padding-left: 15px;
}

.obr2 {
  margin-right: 10px;
}

