/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */

body, h1, h2, h3, p, ul, li, form, img {
	border:0;
	margin:0px;
	padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body,form, input {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

body{
    background-image: url('../images/bg/body.jpg');
    background-position: center;
    background-attachment: fixed;
}
h1{
	font-size:24px; 
	/* ...other properties... */
}
h2{
	font-size:18px; /* ...other properties... */
}
h3{
	font-size:13px; /* ...other properties... */
}
a{
	color:#0033CC;
}
a:hover {
	color:#666666;
}
/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
	.container{
		margin:0 auto;
		width:900px;
	}
	/* ---------------------------*/
	/* HEADER */
	    #undermenu{
		background-image: url('../images/bg/podmenu.png');
		background-position: 280px 30px;
		background-repeat: no-repeat;
		height: 429px;
		width:901px;
	    }


	    #header{
		background-image: url('../images/bg/list.png');
		background-position: 0px 65px;
		background-repeat: no-repeat;
		height: 429px;
		width:901px;
	    }

		#header .logo{
		    float:left;
		    height:108px;
		    width:291px;
		}

		#header .navbar{
		    color:white;
		    font-family: arial;
		    font-size: 13px;
		    font-weight: bold;
		    padding-top: 45px;
		}

		#header .navbar a{
		    color:white;
		    font-family: arial;
		    font-size: 13px;
		    font-weight: bold;
		    padding-left: 17px;
		    padding-right: 17px;
		    text-decoration: none;
		}

		#header .navbar a:hover{
		    color:#ec008c;
		    text-decoration: none;
		}

		#header .navbar a.active{
		    color:#ec008c;
		}


	/* ----------------------------*/
	/* WRAPER */
	    .wraper{
		background-image: url('../images/bg/content.png');
		margin-top:17px;
		padding-bottom: 24px;
		width:901px;
	    }

	    .wraper-kontakt{
		background-image: url('../images/bg/pozadie-prechod.jpg');
		padding-bottom: 34px;
		padding-left: 85px;
		width:815px;
	    }

	    .wraper-kontakt .header{
		color: #733229;
		font-family: arial;
		font-size: 11px;
		margin-bottom: 20px;
		margin-left: 0px;
		padding-top: 10px;
	    }

		
		.kontakt-content{
		    padding-right: 90px;
		}

		.kontakt-content hr{
		    background-color: #8ba069;
		    border: none;
		    height: 1px;
		}

		.kontakt-content #column-left{
		    float:left;
		    margin-right:0px;
		    padding-left: 0px;
		    padding-top: 20px;
		    width:160px;
		}

		    .kontakt-content #column-left h1{
			color:#b34d3f;
			font-family: arial;
			font-size: 12px;
			margin-top: 20px;
		    }

		    .kontakt-content #column-left p{
			color:#777777;
			font-family: arial;
			font-size: 12px;
		    }

		    .kontakt-content #column-left img{
			margin-right: 5px;
			margin-top: 23px;
			margin-bottom: 15px;
		    }

		    .kontakt-content #content{
			float:left;
			padding-left: 0px;
			padding-right: 0px;
			width:525px;
		    }

		.wraper-wide{
		background-image: url('../images/bg/pozadie-prechod.jpg');
		padding-bottom: 34px;
		width:900px;
	    }

	    .left-margin{
		padding-left: 142px;
		padding-top: 10px;
	    }

		.nadpis-big{
		    color: #b34d3f;
		    font-family: arial;
		    font-size: 18px;
		}

		.predajna{
		    float:left;
		    height:90px;
		    width:370px;
		}

		.predajna .fotos{
		    float:left;
		    height:87px;
		    padding-top:3px;
		    width:164px;
		}

		    .predajna .fotos img{
			float:left;
			margin-right: 10px;
		    }

		.predajna .popis{
		    float:left;
		    height:90px;
		    width:206px;
		}

		    .predajna .popis h2{
			color:#b34d3f;
			font-family: arial;
			font-size: 18px;
			margin-bottom: 10px;
		    }

		    .predajna .popis p{
			color:#777777;
			font-family: arial;
			font-size: 11px;
		    }

		    .ciara{
			height:37px;
			width:721px;
		    }

		    .ciara hr{
		    background-color: #8ba069;
		    border: none;
		    height: 1px;
		}

		.sady{
		    padding-left: 20px;
		    padding-top: 20px;
		}

		.sady .left{
		    float:left;
		    width:202px;
		}

		.sady .left img{
		    float:left;
		    margin-right:19px;
		    margin-bottom: 19px;
		}

		.sady .right{
		    float:left;
		    width:638px;
		}

		    .sady .right p{
			color:#3c3c3c;
			font-family: arial;
			font-size:12px;
			padding-top: 18px;
		    }

		    .sady .header{
			color: #733229;
			font-family: arial;
			font-size: 11px;
			margin-bottom: 20px;
		    }

		    .sady .right .col1{
			float:left;
			padding-right: 22px;
			width:307px;
		    }

		    .sady .right .col2{
			float:left;
			width:308px;
		    }

		    .sady .ciara{
			height:auto;
			padding-top: 10px;
			width:638px;
		    }

		    .sady .ciara hr{
		    background-color: #8ba069;
		    border: none;
		    height: 1px;
		}

		.sady .preco{
		    padding-top: 17px;
		}

		    .sady .preco .fotos{
			float:left;
			width:220px;
		    }

		    .sady .preco .fotos img{
			margin-right:15px;
		    }

		    .sady .preco .text{
			float:left;
			padding-top:7px;
			width:417px;
		    }

		    .sady .preco .text h2{
			color: #b34d3f;
			font-family: arial;
			font-size: 17px;
			font-weight: normal;
		    }

		    .sady .preco .text p{
			color: #777777;
			font-family: arial;
			font-size: 11px;
			padding-top: 2px;
		    }


		    /*8888888888888888888888*/
		    .stavy{
		    padding-left: 20px;
		    padding-top: 20px;
		}

		.stavy .left{
		    float:left;
		    padding-top: 20px;
		    width:202px;
		}

		.stavy .left img{
		    float:left;
		    margin-right:10px;
		    margin-bottom: 10px;
		}

		.stavy .right{
		    float:left;
		    width:638px;
		}

		    .stavy .right p{
			color:#3c3c3c;
			font-family: arial;
			font-size:11px;
			padding-top: 18px;
		    }
		    
		    .stavy .right ul{
			color:#3c3c3c;
			font-family: arial;
			font-size:11px;
			
		    }

		    .stavy .right .header{
			
		    }

		    .stavy .right .col1{
			float:left;
			padding-right: 22px;
			width:307px;
		    }

		    .stavy .right .col2{
			float:left;
			width:308px;
		    }

		    .stavy .list{
			padding-left: 115px;
		    }

		    .stavy .stava{
			float:left;
			height:163px;
			margin-top: 20px;
			width:325px;
		    }

		    .stavy .stava .foto{
			background-position: 25px 0px;
			background-repeat: no-repeat;
			float:left;
			height:163px;
			width:90px;
		    }
		    
		   .stavy .stava .foto a{
        width:100%;
        height:100%;
        display:block;
       } 

		    .stavy .stava .text{
		    float:left;
			xpadding-left: 91px;
			padding-top: 19px;
		    }

		    .stavy .stava .text h2{
			color:#b34d3f;
			cursor:pointer;
			font-family: arial;
			font-size: 16px;
			font-weight: normal;
		    }

		    .stavy .stava .text p{
			color:#777777;
			font-family: arial;
			font-size: 11px;
			font-weight: normal;
			height:85px;
			width:200px;
		    }

		    .detail{
			padding-top: 20px;
			padding-left: 20px;
}

		    .detail .left{
			float:left;
			text-align: right;
			width:342px;
		    }

		    .detail .right{
			float:left;
			padding-left: 20px;
			width:432px;
		    }

		    .detail .right h1{
			    color:#b34d3f;
			    font-family: arial;
			    font-size: 28px;
			    font-weight: normal;
			    padding-bottom: 11px;
}

		    .detail .right p{
			    color:#777777;
			    font-family: arial;
			    font-size: 12px;
			    font-weight: normal;
}

		    .detail .right .header{
			color: #733229;
			font-family: arial;
			font-size: 11px;
			margin-bottom: 36px;
		    }

		    #others{
			background-image: url('../images/bg/others.jpg');
			height:167px;
			padding-left: 20px;
			padding-top:20px;
			width:880px;
}

#others .other{
    float:left;
    width:170px;
}

#others .other .foto{
    float:left;
    width:68px;
}
#others .other .text{
    float: left;
    padding-top: 60px;
    width: 102px;
}

#others .other .text h2{
    color:#a6c772;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
}

#others .divider{
    background-color: #99b967;
    float:left;
    height:158px;
    width:1px;
}

.wraper-text{
		background-image: url('../images/bg/pozadie-prechod.jpg');
		color:#733229;
		font-family: arial;
		font-size: 11px;
		padding-bottom: 34px;
		padding-left: 87px;
		padding-right: 87px;
		padding-top: 8px;
		width:726px;
	    }

	    .datum{
		color:#b34d3f;
		font-size: 12px;
}

.wraper-text h2{
		color:#b34d3f;
		font-size: 18px;
		padding-bottom: 20px;
		padding-top: 10px;
}

.wraper-text table{
    width: 726px;
    color:#464545;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left:-3px;
}

.wraper-text td{
  width:242px;
  vertical-align:top;
}

.wraper-text p{
    color:#777777;
    font-family: arial;
    font-size: 12px;
}
	/* ----------------------------*/
	/* COLUMN LEFT */
		#column-left{
		    float:left;
		    margin-right:0px;
		    padding-left: 39px;
		    padding-right: 30px;
		    padding-top: 20px;
		    width:236px;
		}
		#column-left .column{
		    font-family:Sans-serif;
		    margin-bottom:20px;
		}
		#column-left h2{
		    color:#182700;
		    font-family: arial;
		    font-size:16px;
		    font-weight: bold;
		    margin-bottom: 0px;
		}

		#column-left h3{
		    color: #315802;
		    font-family: arial;
		    font-size: 11px;
		    margin-bottom: 4px;
		    margin-top: 17px;
		    text-transform: uppercase;
		}

		#column-left p{
		    color: #315802;
		    font-family: arial;
		    font-size: 10px;
		}
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar */
		#content{
			float:left;
			padding-left: 26px;
			padding-right: 44px;
			padding-top: 20px;
			width:525px;
		}

		 #content h2{
		    color:#182700;
		    font-family: arial;
		    font-size:16px;
		    font-weight: bold;
		    margin-bottom: 16px;
		}

		#content p{
		    color:#213549;
		    font-family: arial;
		    font-size: 12px;
		}

		#content .left{
		    float:left;
		    margin-right: 0px;
		    width:248px;
		}

		#content .right{
		    float:left;
		    padding-left:27px;
		    padding-top: 34px;
		    width:248px;
		}

		#baners {
		    margin-top: 17px;
		    width:901px;
		}

		#baners .baner{
		    float:left;
		    padding-right: 9px;
		    width:294px;
		}

		#baners .right{
		    padding-right:0px;
		}
	/* ---------------------------*/
	/* FOOTER (Sidebar */
		#footer{
		    color:#4a7900;
		    background-image: url('../images/bg/footer.png');
		    background-repeat: repeat-y;
		    clear:both;
		    height:72px;
		    margin-top: 16px;
		    padding-left: 30px;
		    padding-right: 12px;
		    padding-top: 5px;
		    text-align: right;
		    width:859px;
		}

		#footer a{
		    color:#4a7900;
		    font-family: arial;
		    font-size: 10px;
		    padding-left: 3px;
		    padding-right: 3px;
		    text-decoration: none;
  		    text-transform:uppercase;
		}

		#footer a:hover{
		    color:white;
		    text-decoration: none;
		}

		#footer a.active{
		    color:white;
		}

		#footer p {
		    color:#a6c772;
		    font-size: 10px;
		    margin-top:14px;
		}

		#footer p a{
		    color:#a6c772;
		    font-size: 10px;
		    margin-top:14px;
		    text-transform:none;
		}

		#footer p a:hover{
		    color:#a6c772;
		}

		#footer2{
		    color: #b0d674;
		    font-family: arial;
		    font-size: 9px;
		    margin-bottom: 20px;
		    margin-top: 10px;
		    padding-right: 11px;
		    text-align: right;
		    width:890px;
		}

		#footer2 img{
		    margin-left: 3px;
		    vertical-align: bottom;
		}


a.tlacitko-big{
    background-image: url('../images/bg/tl-predajne.gif');
    color:#febdb4;
    height:24px;
    
    padding: 5px 19px 4px 19px;
    text-decoration: none;
    width:153px;
}

a.tlacitko-big:hover{
    color:white;
}

.tlacitko-small{
    background-image: url('../images/bg/button-small.jpg');
    height:19px;
    margin-top:15px;
    padding-top: 2px;
    text-align: center;
    width:72px;
}

.tlacitko-small a{
    color:#febdb4;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.tlacitko-small a:hover{
    color:white;
}

.tlacitko-small2{
    background-image: url('../images/bg/button-small.jpg');
    height:19px;
    margin-top:45px;
    padding-top: 2px;
    text-align: center;
    width:72px;
}

.tlacitko-small2 a{
    color:#febdb4;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.tlacitko-small2 a:hover{
    color:white;
}

.tlacitko-green{
    background-image: url('../images/bg/button-green.png');
    height:19px;
    margin-top:15px;
    padding-top: 2px;
    text-align: center;
    width:72px;
}

.tlacitko-green a{
    color:#febdb4;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.tlacitko-green a:hover{
    color:white;
}

.jablkova{
    background-image: url('../images/images/stavy/jablkova_100.png');
}

.hruskova{
    background-image: url('../images/images/stavy/hruskova.png');
}

.baza{
    background-image: url('../images/images/stavy/jablkova_baza.png');
}

.jarabina{
    background-image: url('../images/images/stavy/jablkova_jarabina.png');
}

.vino{
    background-image: url('../images/images/stavy/vino.png');
}

.susene{
    background-image: url('../images/images/stavy/susene.png');
    background-position: 0px -20px;
}

.knadpis{
  color:#B34D3F;
  font-family:arial;
  font-size:12px;
}