html
{ margin: 0px;
  padding: 0px; height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-size:14px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: none;
	background-position:top;
	background-repeat: repeat-x;
	color:#333333;
}
.web {font-size:12px; color:#FFF;}
#cena{float: none; width:96%; color:#FFF; font-size:1.325em; text-align: left; padding:15px 15px 15px 15px; background-color:#81b22b;} 
.imgpr { width:100%; max-width:178px; min-width:160px; margin: 0px 0px 0px 0px;}
.w100 {width:100%}
table { width:1024px;}
.imglogo{ width:100%;}
#logo{float:left; width:30%; min-width:314px; color:#000; font-size:1.025em; text-align:left;padding-top:5px; padding-bottom:2px; vertical-align:middle;} 
#telephon{float: right;width:60%; color:#81b22b; min-width:200px; font-size:1.625em; text-align: right; padding-bottom:2px; padding-top:5px; vertical-align:middle;}
#addres{float:right; width:60%; min-width:200px; max-width:100%; color: #000; font-size:1.325em; text-align: right; padding-bottom:2px; padding-top:10px; vertical-align:middle; padding-left:2px;}
.imgprod{width: 100%; max-width:400px; min-width:200px;}
#nb1 {display:none;}

#prod{float:left;width:25%; min-width:200px; color:#FFF; font-size:1.025em; text-align: center; padding-bottom:5px;} 


@media(max-width:1024px){
.imglogo{ width:100%; min-width:100px; max-width:250px;}
table {width:100%;}
#logo{float:left; width:20%; color:#FFF; font-size:0.925em; padding-top:2px; padding-bottom:0px; vertical-align:middle;}
#telephon{float: right; width:20%; color:#81b22b; font-size:1.425em; text-align: right; padding-bottom:2px; padding-top:5px; vertical-align:middle;}
#addres{float:right; width:80%; color: #000; font-size:1.025em; text-align: right; padding-bottom:2px; padding-top:1px; vertical-align:middle; padding-left:2px;}
#nb {display:none;}
#nb1 {display: inline;}
}

@media(max-width:550px){
#addres {display:none;}
#logo{float: none; width:100%; text-align:center; padding-top:2px; padding-bottom:0px; vertical-align:middle;}
#telephon{float: none; width:100%; color:#81b22b; font-size:1.425em; text-align:center; padding-bottom:2px; padding-top:0px; vertical-align:middle;}
#prod{float:left;width:50%; min-width:160px; color:#FFF; font-size:1.125em; text-align: center; padding-bottom:5px;} 
#cena{float: none; width:93%; color:#FFF; font-size:1.325em; text-align: left; padding:15px 15px 15px 15px; background-color:#81b22b;} 
}
@media(max-width:380px){
#prod{float:left; width:100%; color:#FFF; font-size:1.225em; text-align: center; padding-bottom:15px;} 
.web {display:none;}
#cena{float: none; width:90%; color:#FFF; font-size:1.325em; text-align: left; padding:15px 15px 15px 15px; background-color:#81b22b;} 
}


a {
	font-size:12px;
	font-weight:600;
	color:#3fac03;
	text-decoration:none;
}
a:hover {
	color:#3fac03;
	text-decoration: underline;
}

img {border-style: none; padding-right:5px; padding-left:5px; padding-bottom:10px;}
h2 {margin-top:0px; margin-bottom:0px; color:#81b22b; font-size:20px; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0px;}
h1 {margin-top:3px; margin-bottom:3px; color:#81b22b; font-size:28px; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif;}
span {margin-top:3px; margin-bottom:3px; color:#81b22b; font-size:28px; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif;}

#png-image1 {
     height:134px;
     width:575px;
     background: url(/img/menu2.png); background-position:right;
     -background: none;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/menu2.png', sizingMethod='scale');
}

.show {
cursor: pointer;
color: #81755C;
font-weight: bold;
}

#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 2px;
visibility: hidden;
z-index: 10;
background: #efefef;
border: solid 1px #f5f5f5;
border-bottom-color: #a6a6a6;
border-right-color: #a6a6a6;
}

#thumbBox .footerbar{
background: #efefef;
padding: 5px 0;
text-align: right;
}

#thumbImage{
background-color: #efefef;
text-align: center;
color: #000;
font-weight: bold;
FONT-SIZE: 10px;
}

#thumbLoading{
position: absolute;
visibility: hidden;
border: 1px solid #000;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
.line1 {background-color: #FFFFFF;
	background-image:url(/img/line_tab.gif);
	background-position:center; 
	background-repeat:no-repeat;
	height:1px;
	}
	
.pic{	background-image:url(/img/pic.jpg);
	height:396px;
	}
	
.menu1png {height:50px;
	background-image:url(/img/menu1.png);
	background-repeat:no-repeat;
	}
.menu2png {height:134px;
	width:575px;
	background-image:url(/img/menu2.png);
	background-repeat:no-repeat; 
	background-position:right;
	}
.tab1{
	background-color:#DDD;
	height:35px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	}
	
.tab2{
	background-color: #FFF;
	height:35px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	}
.green {
	color:#81b22b;
	font-size:18px;
	}