/* CSS for DIKE ZAHRADY  */
/* Created April 19, 2008,  darkmay.com */

body {
    margin:0; padding: 0;
    font: normal 11px/14px  Verdana, Tahoma, Arial, sans-serif;;
    color: #172903;
    background: #89d835 url(/img/css/bg-body.gif)  repeat-x;
}

img {
	border: 0;
}

a {
	color: #343434;
}

.right {
    float: right;
}

h1 {
	  font-family: Century Gothic, Tahoma, Arial, sans-serif;
	  font-size: 18px;
	  /*color: white;*/
	  text-transform: uppercase;
	  padding: 5px 0px
	  color: #223c06;
	  line-height:20px;
	 
}
h1 span {	
 	 font-family: Century Gothic, Tahoma, Arial, sans-serif;
	 font-size: 18px;
	 color: #223c06;
	 text-transform: uppercase;
}

h2 {
	  font-family: Century Gothic, Tahoma, Arial, sans-serif;
	  font-size: 18px;
	  /*color: white;*/
	  color: #223c06;
	  text-transform: uppercase;
	  padding: 10px 5px
}
h2 span {	
 	 font-family: Century Gothic, Tahoma, Arial, sans-serif;
	 font-size: 18px;
	 /*color: #223c06;*/
	 color: #223c06;
	 text-transform: uppercase;	
}

h3 {
	  font-family: Century Gothic, Tahoma, Arial, sans-serif;
	  font-size: 14px;
	  padding: 3px;
	  /*color: #f1f1f1*/
	  color: #223c06;
}

h4 {
	  font-family: Century Gothic, Tahoma, Arial, sans-serif;
	  font-size: 15px;
	  padding: 4px 7px;
	  color: #f1f1f1;
	  background: #5f982a
}

#main {
    margin: 0 auto;
	width: 943px;
	min-height: 646px;
	background: url(/img/css/main-wrap.gif) repeat-y;
	
}
#main-wrap{
  background: url(/img/css/bg-main.gif)  no-repeat;
  width: 943px;
	min-height: 646px;
}

#wrap {
  /*  margin: 0 auto;*/
	width: 774px;
	min-height: 646px;
	/*border-left: none 10px;*/
	position: relative;
	left: 91px;
} 

  

#cont {
	margin-top: 25px;
	width: 774px;
	min-height: 520px;
}

#footer-theme {
	height: 200px;
	/*margin-top: 20px;*/
	padding-top: 40px;
	background: url(/img/css/bg-theme.gif) repeat-x ;
}

#footer-theme table {
	width: 100%;	 
} 
#footer-theme  td {
	vertical-align: middle;
	height: 60px;
	font-size: 9px;
	color:  #365e0e;
	padding: 4px
}   
.copyright {
	text-align: center;
	width: 100%;
	margin-top: 8px;
	font-size: 9px;	 
} 
.copyright span {
	color: #fff 
} 
.copyright a {
	color: #1f3b04
}
.reference-bg  {
    width: 247px;
    height: 140px;
    background: #5f982a;
	float: left;
	margin: 3px;
}
.reference-1  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap.jpg)  no-repeat; 
}
.reference-2  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap-2.jpg)  no-repeat;  
}
.reference-3  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap-3.jpg)  no-repeat;	 
}
.reference-4  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap-4.jpg)  no-repeat;	 
}
.reference-5  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap-5.jpg)  no-repeat;	 
}
.reference-6  {
	margin: 6px auto 10px auto;
    width: 231px;
    height: 74px;
    background: url(/img/banner-swap-6.jpg)  no-repeat;	 
	
}
.main-text {
	width: 290px;
	padding:  0 10px;
	float: right;
	text-align: justify;
	 
	position: relative
}
.general-text {
    min-height: 346px; 
	text-align: justify;
}

 
.ref-text 
{
	margin: 0 auto;
	padding: 7px;
	color: #fff;
	font-size: 10px;   
}

.refe {
  text-align: center;
  margin-bottom: 2px;
  line-height: 20px;
}

.bg-fade {
	width: 445px;
    height: 285px;
	background: #5f982a;
	float: left
}


.bg {
	width: 374px;
    height: 235px;
	border: 2px solid #498810; 
	margin: 10px 12px 10px 12px;
    float: right
	 
	
}

.banner-1 {
	background: url(/img/banner-1.jpg)  no-repeat;
}
.banner-2 {
	background: url(/img/banner-2.jpg)  no-repeat;
}
.banner-3 {
	background: url(/img/banner-3.jpg)  no-repeat;
}
.banner-4 {
	background: url(/img/banner-4.jpg)  no-repeat;
}
.banner-5 {
	background: url(/img/banner-5.jpg)  no-repeat;
}
.banner-6 {
	background: url(/img/banner-6.jpg)  no-repeat;
}
.banner-7 {
	background: url(/img/banner-7.jpg)  no-repeat;
}
.banner-8 {
	background: url(/img/banner-8.jpg)  no-repeat;
}
.banner-9 {
	background: url(/img/banner-9.jpg)  no-repeat;
}
.banner-10 {
	background: url(/img/banner-10.jpg)  no-repeat;
}
.banner-11 {
	background: url(/img/banner-11.jpg)  no-repeat;
}
.banner-12 {
	background: url(/img/banner-12.jpg)  no-repeat;
}
.banner-13 {
	background: url(/img/banner-13.jpg)  no-repeat;
}
.zahrada {width:774px; float:left;  }
	.gallery { list-style: none; float:left;}
	.gallery  { display: inline; }
	.gallery  img {
		border: 5px solid #5F982A;
		border-width: 5px 5px 20px;
		float:left;
  margin:7px;
	}
	.gallery a:hover img {
		border: 5px solid #345A0F;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	/*.gallery a:hover { color: #fff; }*/
	#reference-a-1{position: absolute; width:247px; height:156px;z-index:100;left: 3px;text-decoration: none;}
	#reference-a-2{position: absolute; width:247px; height:156px;z-index:100;left:256px;text-decoration: none;}
	#reference-a-3{position: absolute; width:247px; height:156px;z-index:100;left:509px;text-decoration: none;}

.center-tlacitko{
  position:relative;
  left: 345px;
}	
.tlacitko{
  color: #a1ea2e;
  width: 150px;
  height: 30px;
  background: #1d3605; 
  display:block;
  text-decoration: none;
}

.tlacitko span{
  position: relative;
  top: 7px;
  left: 35px;
}