/*  Programovanie kodu: Norbert ESTVANCIK,  www.7art-box.sk */

/* Zakladne zobrazenie
======================================== */
* {
  padding: 0px;
  margin: 0px;
}
div {
  margin-right: auto;
  margin-left: auto;
}
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 75%;
  background-color: #9ac733;
  background-image: url(../images/back.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
h1, h2, h3, h4, h5 {
  line-height: normal;
}
.clearfix {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 0.1;
  visibility: hidden;
  width: 100%;  
  height: 0%;
}

/* Odkazy - zaklad
======================================== */
a:link, a:visited {
  font-weight: normal;
  color: #407c12;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* Hlavne kontajnery
======================================== */
#wrapper {
  width: 900px;
}
#top {
  width: 900px;
  height:208px;
}
#mainWindow {
  width: 900px;
  min-height:890px;
  _height:890px;
  background: url(../images/mainWindow.png);
  background-repeat: no-repeat;
  background-color:#fff;
}
#mainContent{
  width: 900px;
  background-image: url(../images/backRepeat.png);
  background-repeat: no-repeat;
  background-position: 0px 890px;
}
#mainFooter {
  width: 900px;
  height:30px;
  background-image: url(../images/mainFooter.png);
  background-repeat: no-repeat;
}
#footer {
  width: 900px;
  height:33px;
  line-height:2.80em;
  font-weight:bold;
  font-size:0.92em;
  color:#333;
}
#reklama {
  width: 100%;
  height:137px;
  background-image: url(../images/backFooter.png);
  background-repeat: repeat-x;
}

/* Logo
======================================== */
h1.logo {
  display: none;
}
.logo a {
  background-image: url(../images/logo.jpg);
  background-repeat: no-repeat;
  float: left;
  display: inline;
  width: 260px;
  height: 130px;
  margin:22px 0 0 0;
}

/* Prepinac jazykov
======================================== */
#language {
  width:560px;
  height:30px;
  float:right;
  display:inline;
}
.language {
  padding:8px 0 0 13px;;
}
#language img {
  vertical-align: middle;
  padding:0 10px 0 5px;
}
#language a, #language a:visited {
  color:#D9EBAF;
  font-size:0.92em;
  font-weight:700;
}

/* Hlavna fotka s detmi
======================================== */
#souborFotka {
  width:560px;
  height:178px;
  float:right;
  display:inline;
  background-image: url(../images/soubor.jpg);
  background-repeat: no-repeat;
}

/* Navigace
======================================== */
.navigace {
  width:900px;
  height:30px;
  text-indent:15px;
  float:left;
  color:#fff;
  font-size:0.92em;
  line-height:2.70em;
}
.navigace strong {
  padding-right:10px;
}
.navigace a, .navigace a:visited {
  color:#fff;
  padding:0 1px 0 1px;
}

/* Lava cast
======================================== */
.left {
  width:234px;
  min-height:500px;
  float:left;
  display:inline;
  margin-left:10px; 
}
.left h2 {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
  width:234px;
  height:40px;
  line-height:2.67em;
  font-size:1.25em;
  font-weight:700;
  color:#F2F2E4;
  text-indent:1em;
  background-image: url(../images/backMenu01.png);
  background-repeat: no-repeat;
  display:block;
}
h2.ostatne {
  background-image: url(../images/backMenu02.png);
}
.reklama {
  width:232px;
  min-height:250px;
  text-align:center;
  background-color:#E6E5C8;
  border:1px solid #fff;
  border-top:0px;
}
.reklama img {
  margin:15px 0 15px 0;
}

/* Hlavne menu
======================================== */
ul.menu {
  margin:0 0 10px 0;
  width:234px;
}
ul.menu li {
  list-style-type:none;
}
ul.menu li a, ul.menu li a:visited   {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
  background-image: url(../images/backMenu.png);
  background-repeat:no-repeat;
  display:block;
  height:40px;
  line-height:40px;
  font-size:1.1em;
  color:#333;
  padding-left:30px;
  text-decoration:none;
}
ul.menu li a:hover, a#activ  {
  text-decoration:underline;
}
/* Submenu 2-3 urovne
======================================== */
ul.menu ul li a {  
  font-size:1em!important;
  background-image:none!important;
  background-color:#f2f2e5;
  border-bottom:1px solid #e7e6c9;
  height:30px!important;
  line-height:30px!important;
  padding-left:40px!important;
}
ul.menu ul li ul li a {  
  padding-left:50px!important;
}

/* Prava cast
======================================== */
.right {
  width:640px;
  float:right;
  display:inline;
  margin-right:10px; 
}
.popis {
  width:640px;
  height:180px;
  background-image: url(../images/backPopis.png);
  background-repeat: no-repeat;
  margin-bottom:8px; 
}
.popis a,.popis a:visited {
  color:#fff;
  font-weight:700;
}
.popis h2 {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
  font-size:1.67em;
  font-weight:400;
  color:#333;
  display:block;
  padding:10px 0 0 10px;
}
.popis p {
  color:#fff;
  padding:0 10px 0 10px;
  line-height:1.45em;
  font-weight:700;
  font-size:0.92em;
}
.content {
  width:640px;
  min-height:650px;
  background-image: url(../images/right.png);
  background-repeat: no-repeat;
}
.content ul  {
  padding-left:20px;
  line-height:1.6em;
  list-style-type:disc;
}
.contentObsah {
  padding:15px;
  line-height:1.30em;
}
.contentObsah h2 {
  color:#B92011;
  font-size:1.25em;
  font-weight:700;
  padding:0 0 5px 0;
}
.contentObsah h3 {
  color:#333;
  font-size:1em;
  font-weight:700;
  padding:5px 0 5px 0;
}
.contentObsah p {
  padding:0 0 20px 0;
}
.contentObsah  img {
  margin:0 0 10px 10px;
  padding:6px;
  background-color:#e6e5c8;
}
hr.clear {
  border:none;
  height:0%;
  border-top:1px solid #76a84b;
  clear:both;
  margin: 5px 0 5px 0;
}

/* Footer
======================================== */
.footerLeft {
  float:left;
  display:inline;
  padding-left:10px;
}
.footerRight {
  float:right;
  display:inline;
  padding-right:10px;
}
.footerLeft a, .footerLeft a:visited,
.footerRight a, .footerRight a:visited {
  color:#fff;
  font-weight:700;
  padding:0 3px 0 3px;
}
.footerLeft span,
.footerRight span {
  color:#fff;
  font-weight:400;
  padding-left:20px;
}
.footerRight span {
  padding-left:5px;
}

/* Reklama
======================================== */
.reklamaObal {
  width:900px;
}
.hlavny  {
  width:202px;
  margin-top:10px;
  float:left;
  display:inline;
}
.hlavny  img {
  margin-bottom:5px;
  float:left;
}
.dalsie  {
  float:left;
  display:inline;
  margin-top:10px;
}
.dalsie img  {
  float:left;
  margin-left:5px;
}