body {
  margin: 0;
  padding: 0;
  font-family: Calibri, sans-serif;
  font-size: 1em;
  background: #ECEEEE url(../images/bg.png) repeat-x;
  color: #384C53;
}

a { color: #247FCA; text-decoration: none; }
a:hover { color: #247FCA; text-decoration: underline; }

div, p, span, ul, li, form, table { margin: 0; padding: 0; }
h1, h2, h3 { margin: 0; padding: 0; }
input, textarea { margin: 0; padding: 3px; }

h1 {
  margin-top: 20px;
  font-size: 2.2em;
  color: #253438;
}
h2 {
  font-size: 1.5em;
  color: #247FCA;
}
h3 {
  font-size: 1.1em
}

sup {
  font-size: 0.9em
}

img { border: none }

.bold { font-weight: bold }
.center { text-align: center }

.red { color: #FF3300 }

.clear { clear: both }


#main {
  margin: 0 auto;
   width: 800px;
}

#head {
  height: 246px
}
#head_absolute { position: absolute; top: 0; width: 800px; height: 238px; }
#head_logo { float: left; width: 215px; height: 45px; margin: 15px 0 0 20px }
#head_girl { float: right; width: 255px; height: 238px; background: url(../images/head-girl.jpg) no-repeat }

#head_menu { float: left; margin-top: 15px; width: 500px; height: 35px; background: url(../images/menu/head-menu-bg.png) no-repeat; }
#head_menu ul { float: left; }
#head_menu ul li { display: inline; }
#head_menu ul li a { float: left; padding: 9px 25px; height: 17px; background: url(../images/menu/head-menu-a.png) no-repeat right; color: #247FCA; text-decoration: none }
#head_menu ul li a:hover { padding: 9px 25px; height: 17px; background: url(../images/menu/head-menu-hover.png) no-repeat right; color: #247FCA; text-decoration: none }


#content {
  padding: 10px
}
#content_left {
  float: left;
  width: 560px
}
#content_right {
  float: right;
  width: 200px
}


#navigate {
  margin-left: -3px
}
#navigate ul {
  list-style-type: none;
  font-size: 1em
}
#navigate li {
  display: inline
}
#navigate li a,
#navigate li a:hover {
  padding: 3px
}


.content_text {
  margin-top: 15px
}
.content_text h2 {
  margin-top: 20px
}
.content_text h3 {
  margin-top: 15px
}
.content_text .nadpis_cena { margin: 15px 0 0 0; }
.content_text p {
  margin-top: 10px
}
.content_text .text p.foto { float: left; margin-right: 10px }
.content_text .text p.foto_right { float: right; margin-left: 10px }
.content_text .text ul { list-style: none; margin: 5px; }
.content_text .text ul li { display: block; padding-left: 15px; background: url(../images/menu/odrazka.gif) no-repeat 0 6px; }

.content_text .nadpis a, .content_text .text a { text-decoration: underline }
.content_text .nadpis a:hover, .content_text .text a:hover { text-decoration: none }


.cena { width: 500px }
.cena td { background: #D6DADA; padding: 2px 10px }


#formular_box { margin-top: 30px; font-size: 12px }
#formular_box td { padding: 1px 2px }
input.form_text, textarea.form_text { border: 1px solid #D1D6D6 }
input.form_text_chyba, textarea.form_text_chyba { border: 1px solid #D1D6D6; background: #FFEBE6 }

#formular_button { margin-top: 10px; width: 400px; text-align: center }
#formular_button input { padding: 3px 10px; font-weight: bold }

#formular_odeslan { margin-top: 30px; font-size: 12px; width: 400px; text-align: center }

#kontakt { margin-left: 30px; }


/* sidebox */
#sdb_vysavac {  }
#sdb_vysavac .nadpis { margin-top: 10px; padding: 5px 5px 0 5px; text-align: center }
#sdb_vysavac .nadpis h2 { font-size: 18px; color: #000000 }
#sdb_vysavac .text { margin-top: 5px; background: #FFFFFF }
#sdb_vysavac .text p.popis {
  padding: 5px 10px;
  font-size: 0.9em;
  text-align: center
}


/* footer */
#footer {
  margin: 10px 0;
  padding: 10px;
  font-size: 0.9em;
  border-top: 3px solid #384C53
}

#menu_bottom {
  float: left;
  width: 350px;
}
#menu_bottom ul { }
#menu_bottom ul li { display: inline; }
#menu_bottom ul li a, #menu_bottom ul li a:hover { padding: 3px; }

#copyright {
  float: right;
  width: 390px;
  text-align: right
}


#menu_reklama {
  margin: 0 auto 40px;
  padding: 10px;
  color: #999999
}
#menu_reklama ul {
  font-size: 0.8em;
  text-align: center
}
#menu_reklama ul li { display: inline; }
#menu_reklama ul li a { padding: 3px; text-decoration: none; color: #999999; white-space: nowrap }
#menu_reklama ul li a:visited { color: #999999; }
#menu_reklama ul li a:hover, #menu_reklama ul li .selected { padding: 3px; color: #999999 !important; text-decoration: underline; }