/*
Theme Name: helikobakter
Theme URI: http://www.drla.sk/wordpress/themes/index.php?wptheme=drla
Description: Základná šablóna pre projekt www.helikobakter.sk zadanej firmou gooseberry s.r.o.
Version: 0.1
Author: Drla Internet Marketing and Web Solution
Author URI: http://www.drla.sk
Tags: valid CSS, valid XHTML, fixed width, white, blue, two columns, left sidebar, widget ready, real estate, corporate, business

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

------------------------------------------------------------------------------- */

/* general */
@import "menu.css";

html {
    min-height: 100%;
}

body {
  font-family: Trebuchet MS, Tahoma, Arial;
  font-size: 12px;
  color: #191919;
  margin: 0px;
  padding: 0px;
  min-height: 100%;
}

#container {
  width: 1110px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-image: url(../images/web/body-bg.gif);
  background-repeat: repeat-y;
  min-height: 100%;
}

.header {
  width: 950px;
  height: 163px;
  margin: 0px 0px 0px 82px;
  padding: 0px 0px 0px 0px;
  background: url(../images/web/header-bg.gif) top no-repeat;
}

.topspace {
  width: 950px;
  height: 103px;
}

.logo {
  width: 380px;
  height: 80px;
  float: left;
}

.logo a {
  width: 380px;
  height: 80px;
  display: block;
  font-size: 0px;
  border: none;
}

.logo a span {
  display: none;
}

.date {
  width: 195px;
  height: 30px;
  float: left;
  padding: 13px 0px 0px 15px;
  text-align: left;
}

.menu {
  width: 740px;
  height: 43px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.content-wrap {
  width: 950px;
  margin: 0px 0px 0px 82px;
  padding: 0px 0px 0px 0px;
  background: url(../images/web/content-wrap-bg.gif) repeat-y;
  float: left;
  position: relative;
  display: inline;
}

.left {
  width: 229px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  display: inline;
}
/*
.left a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}

.left a:hover {
  text-decoration: underline;
}
*/

.left-buttons-two a {
  padding-left: 15px;
  padding-top: 18px;
}

.left-buttons-three a {
  padding-left: 15px;
  padding-top: 10px;
}

.breath-butt a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 68px;
  background: url(../images/web/dych-test-butt.gif) right no-repeat;
}

.breath-butt a:hover, .breath-butt a.active{
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 68px;
  background: url(../images/web/dych-test-butt-over.gif) right no-repeat;
}

.free-butt a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/zdarma-button.gif) right no-repeat;
}

.free-butt a:hover, .free-butt a.active {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/zdarma-button-over.gif) right no-repeat;
}

.doctor-butt a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 68px;
  background: url(../images/web/lekar-button.gif) right no-repeat;
}

.doctor-butt a:hover, .doctor-butt a.active {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 68px;
  background: url(../images/web/lekar-button-over.gif) right no-repeat;
}

.forum-butt a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/forum-button.gif) right no-repeat;
}

.forum-butt a:hover, .forum-butt a.active {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/forum-button-over.gif) right no-repeat;
}

.mode-butt a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/postup-button.gif) right no-repeat;
}

.mode-butt a:hover, .mode-butt a.active {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 214px;
  height: 76px;
  background: url(../images/web/postup-button-over.gif) right no-repeat;
}

.bannerspace {
  width: 214px;
  height: 198px;
  background: url(../images/web/banner-space.gif) no-repeat;
}

.right-front {
  width: 721px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background: url(../images/web/page-front-bg.gif) left top no-repeat;
  display: inline;
}

.right {
  width: 721px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background: url(../images/web/page-front-bg.gif) left top no-repeat;
  display: inline;
}

.right-sub {
  width: 716px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  float: left;
  background: url(../images/web/right-sub-bg.gif) left top repeat-x;
  display: inline;
}

.topul {
  width: 687px;
  height: 76px;
  padding: 5px 0px 0px 4px;
  margin: 0px 0px 13px 0px;
}

.topul h2 {
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
}

.topul ul {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  margin: 5px 0px 0px 13px;
  line-height: 120%;
}

.page-front {
  width: 430px;
  margin: 0px 0px 0px 0px;
  padding: 20px 270px 0px 7px;
  float: left;
  display: inline;
}

/*
.page {
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 7px;
  float: left;
  display: inline;
}
*/
.footer {
  width: 950px;
  height: 87px;
  background: url(../images/web/footer-bg.gif) no-repeat;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #d3d3d3;
}

.footer .left-foot {
  width: 450px;
  float: left;
  margin: 6px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  color: #d3d3d3;
  font-size: 11px;
  display: inline;
}

.footer .right-foot {
  width: 476px;
  float: left;
  text-align: right;
  margin: 6px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #d3d3d3;
  font-size: 11px;
}

.footer .right-foot a {
  color: #d3d3d3;
}

h1 {
  display: block;
  font-weight: normal;
  color: #be0a26;
  font-size: 20px;
}

h2 {
  font-size: 22px;
  color: #223447;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
}

h3 {
  font-size: 15px;
  color: #494949;
  font-weight: normal;
}

.page-front p {
    line-height: 2;
}

.page-front ul, .page-front ol {
    line-height: 2;
}

.clear {
  clear: both;
}

