* {
  font-family: Tahoma, Verdana, Arial;
  margin: 0px;
}

body {
  background-image: url('/img/body_background.jpg');
  background-repeat: repeat-x;
  background-color: #edf0eb;
  font-size:14px;
  color: #247dca;
}

img {
  border:none;
}

a {
  border:none;
  text-decoration: underline;
  color: #247dca;
}

/* -------------------------     container styles     ----------------------- */

#container {
  width: 973px;
  margin: 0px auto;
}

#container .top_image{
  background-image: url('/img/container_top.jpg');
  background-repeat: no-repeat;
  height: 9px;
}

#container .bottom_image{
  background-image: url('/img/container_bottom.jpg');
  background-repeat: no-repeat;
  height: 14px;
  _position: relative;
  _top: -8px;
  clear:both;
}

/* --------------------------     header styles     ------------------------- */

#first-page {
    position: relative;
}

#first-page a.link-sk {
    float: left;
    position: relative;
    text-decoration: none;
    top: 80px; 
}

#first-page a.link-cz {
    float: left;
    position: relative;
    text-decoration: none;
    top: 80px;
}



#header {
  background-repeat: no-repeat;
  position: relative;
  height: 136px;
}

#header a.logo{
  position: absolute;
  top: 20px;
  left:42px;
  display: blok;
  width: 300px;
  height: 100px;
  
}

#header .cz_flag{
  position: absolute; 
  top: 0px;
  right: 79px;
}

#header .sk_flag{
  position: absolute; 
  top: 0px;
  right: 29px;
}

/* --------------------------      main styles      ------------------------- */

#main {
  background-image: url('/img/container_middle.png');
  _background-image: url('/img/container_middle.gif');
  background-repeat:repeat-y;
  height:100%;
  _position: relative;
  _top: -8px;
}




/* --------------------------      menu styles      ------------------------- */

#menu {
  float: left;
  width: 210px;
  padding: 5px 12px;
  color: #FFFFFF;
}

#menu a {
  padding-top: 9px;
  padding-left: 20px;
  height: 29px;
  color: #FFFFFF;
  font-size: 15px;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

#menu .menu_href{
  margin-bottom: 5px;
  width: 209px;
  height: 38px;
  background-image: url('/img/menu_item.png');
}

#menu .menu_href:hover{
  background-image: url('/img/menu_item_active.png');
}

#menu .menu_href_active{
  margin-bottom: 5px;
  width: 209px;
  height: 38px;
  background-image: url('/img/menu_item_active.png');
}



/* ---------------------    information boxes styles     -------------------- */

#boxes a {
  padding-top: 0px;
  padding-left: 0px;
  height: 0px;
  display: inline;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
}

.box_nadpis_orange_top {
  margin-top: 8px;
  background-image: url('/img/informations_orange_top.png');
  background-repeat:no-repeat;
  padding: 4px 20px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight :bold;
}

.box_nadpis_orange_bottom {
  background-image: url('/img/informations_orange_bottom.png');
  background-repeat:no-repeat;
  height: 5px;
}

.box_nadpis_blue_top {
  margin-top: 8px;
  background-image: url('/img/informations_blue_top.png');
  background-repeat:no-repeat;
  padding: 4px 20px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight :bold;
}

.box_nadpis_blue_bottom {
  background-image: url('/img/informations_blue_bottom.png');
  background-repeat:no-repeat;
  height: 5px;
}

#box_kontakt{
  background-image: url('/img/informations_orange_middle.png');
  background-repeat: repeat-x;
  background-color: #ff7603;
  width: 178px;
  padding: 13px 10px 8px 20px;
  font-size: 11px;
  color: #FFFFFF;
}

.box_info{
  background-image: url('/img/informations_blue_middle_b.png');
  background-repeat: repeat-x;
  background-color: #6e95bc;
  width: 178px;
  font-size: 12px;
  padding: 13px 10px 8px 20px;
  color: #FFFFFF;
}

/* --------------------------    content styles     ------------------------- */

#content {
  padding: 10px 30px 20px 30px;
  float: left;
  width: 665px;
}

.text {
  color: #247dca;
  font-size: 14px;
}

.text a{
  color: #247dca;
}

.text .nadpis {
  padding: 20px 0px;
  font-weight: bold;
  font-size: 18px;
}

.text .obsah {
  padding:0px 0px 20px 0px;
}

#kontakty, #parametry {
  line-height: 20px;
}

#kontakty .foto {
  position: relative;
  top: 60px;
  float: right;
  padding-right: 30px;
}

#uvod .prihovor {
  width: 100%;
}

#uvod .prihovor .td1 {
  padding: 5px 30px 5px 10px;
  vertical-align: top;
}

#uvod .top_image {
  background-image: url('/img/uvod_cennik_top.png');
  background-repeat: no-repeat;
}

#uvod .middle {
  background-image: url('/img/uvod_cennik_middle.png');
  background-repeat: repeat-x;
  background-color: #aacae4;
  width: 661px;
  _position: relative;
  _top: -8px;
  height:100%;
}

#uvod .middle .cennik {
  color: #FFFFFF;
  font-weight: bold;  
}

#uvod .middle table, #uvod .middle td {
  border: none;
}

#uvod .middle .cennik td {
  padding: 4px 5px;
}

#uvod .middle .foto {
  padding: 0px 20px;
}

#uvod .middle .foto img{
  behavior: url('iepngfix.htc');
}

#uvod .bottom_image {
  background-image: url('/img/uvod_cennik_bottom.png');
  background-repeat: no-repeat;
  _position: relative;
  _top: -8px;
}

#trate .obsah {
  padding:0px 20px 20px 5px; 
  _padding-right:5px;
  float:left;
  font-size: 12px;
  width: 165px;
}
#trate .mapka {
  float:left;
}

#trate .priloha {
  margin-top: 20px;
  position:relative;
  left: -10px;
  width: 184px;
  _width: 190px;
}

/* --------------------------     footer styles     ------------------------- */

#footer {
  padding-right: 15px;
  text-align: right;
  color: #9dabb3;
  font-size: 11px;
}

#footer a{
  color: #9dabb3;
  font-size: 11px;
}

#footer a:hover{
  text-decoration: none;
  color: #9dabb3;
  font-size: 11px;
}



/* -------------------------     rounded-corners     ------------------------ */

.rounded_content {
  margin: 0px 4px;
  width: 210px;
  height: 132px;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

.rounded_href {
  background: url('/img/rounded.gif');
  width: 210px; 
  height: 132px;
  display: block; 
}

.rounded_content2 {
  margin: 0px 4px;
  width: 311px;
  height: 205px;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

.rounded_href2 {
  background: url('/img/rounded2.gif');
  width: 311px; 
  height: 205px;
  display: block; 
}

.rounded_content3 {
  margin: 0px 5px;
  width: 82px;
  height: 53px;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

.rounded_href3 {
  background: url('/img/rounded3.gif');
  width: 82px; 
  height: 53px;
  display: block; 
}