html{
background-color: #2a8341;

}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.group { display: inline-block; clear: both; }/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
#doc4 {


display:block !important;
position:relative;
z-index: 500;

}

#inn{
height: 454px;
background-image:url(img/bot.jpg);
background-repeat: no-repeat;
background-position: 0px 312px;
}

#inn_p{
height: 258px;
background-image:url(img/bot2.jpg);
background-repeat: no-repeat;
background-position: 0px 29px;
}
#inn2{
background-color: #576724;

padding-top: 10px;
}


.clouds {
position:absolute;
top:0;
left:0;
height:600px;
width:100%;
z-index:1;
background:url(img/clouds.gif) 0px 0px repeat-x;	
}

.ground {
position:absolute;
top:0;
left:0;
height:600px;
width:100%;
z-index:2;
background:url(img/bgr.gif) 50% 0 no-repeat;
}

#complex {
width: 552px;
height: 260px;
background-image:url(img/complex.png);
position: absolute;
left: 393px;
top: 55px;


}

#kids{
width: 426px;
height: 150px;
background-image:url(img/kids.gif);
position: absolute;
left: 0px;
top: 230px;
}



#logo{
width: 258px;
height: 148px;
background-image:url(img/logo2.png);
position: absolute;
left: 20px;
top: 55px;

}



#hr_nav {
width: 974px;
height: 29px;
background-color: #e5f5f9;
background: #e5f5f9 url(img/nav.jpg) repeat-x;
position: absolute;
text-align: center;
z-index: 9999;
overflow: hidden;
}

#hr_nav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 15px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #c0d065;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 0px;
/* fixes Firefox 0.9.3 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
*/
}

*html #hr_nav ul
{
text-align: center;
padding-bottom: 14px;
padding-top: 15px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #c0d065;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 0px;
/* fixes Firefox 0.9.3 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
*/
}

*+html #hr_nav ul
{
text-align: center;
padding-bottom: 14px;
padding-top: 15px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #c0d065;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 0px;
/* fixes Firefox 0.9.3 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
*/
}

#hr_nav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
/* matches link padding except for left and right */
padding-top: 20px;
}

#hr_nav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 20px;
color: #d7e878;
text-decoration: none;
text-transform: uppercase;
line-height: 1px;
}

#hr_nav ul li a:hover
{

color: white;
}


#fr_nav {
width: 974px;
height: 39px;



text-align: center;
}

#fr_nav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 15px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #c0d065;
width: 100%;
font-family: Arial, Helvetica, sans-serif;

line-height: 10px;
font-size: 11px;
/* fixes Firefox 0.9.3 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
*/
}

#fr_nav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#fr_nav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #d7e878;
text-decoration: none;
text-transform: uppercase;
}

#fr_nav ul li a:hover
{

color: white;
}

.yui-u h1{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #c0d065;


}
#firstcol{
margin-left: 25px;


}

*html #firstcol{
margin-left: 15px;

}

.yui-u p{
color: white;
line-height: 20px;

}

.yui-u a{
color: #c0d065;
line-height: 20px;
font-style: italic;
}

.yui-u  {
padding: 0px 10px 0 0px;

}

.yui-u h2{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #c0d065;
margin-top: 10px;
font-style: italic;
}
#slid_container{
width: 974px;
height: 200px;

margin-top: 30px;
position: relative;
}
#sliderat {

position: absolute;
height: 150px;
position: absolute;
top: 0;
left: 325px;
z-index: 9999;

}

#slid_txt {
width: 160px;
 height: 150px;
 text-align: right;
 position: absolute;
 top: 50px;
 left: 80px;

}

#slid_txt h2 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #c0d065;
text-align: right;
}

#fr {
width: 974px;
height: 120px;
background-color: #2b3613;
text-align: center;
position: relative;

}

#fr p{
color: #d7e878;
}

#fr a{
color: #d7e878;
}

#malko {
position: absolute;
top: 0px;
left: 0px;
width: 133px;
height: 124px;
background-image:url(img/malko.png);	
top: -60px;
left: 10px;
}

.products_big{
width: 302px;
height: 250px;
border: dotted 1px #c0d065;
padding: 10px;
float: left;
margin: 15px 0 0 15px;

}

*html .products_big{
margin: 15px 0 0 9px;
}



.products_big a{
text-decoration: none;
font-size: 20px;
line-height: 40px;


}

.products_small{
width: 302px;
height: 110px;
border: dotted 1px #c0d065;
padding: 10px;
float: left;
margin: 15px 0 0 15px;

}

.products_small a{

float: left;
margin-left: 10px;

}
.products_small img{
border: solid 1px #9ed05b;
padding: 5px;
}

*html .products_small{
margin: 15px 0 0 9px;
}


.products_main{
margin-top: 20px;
margin-left: 17px;
}

.products_main h3{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: white;
font-weight: bold;
}
.products_main p{
margin-top: 10px;
padding-right: 10px;
display: block;
width: 330px;
}

.products_main img {
border: solid 1px white;
padding: 10px;



}


#contacts_first{
width: 200px; height: 200px; margin-left: 17px;
}

*html #contacts_first {
margin-left: 8px;

}

#contacts_second{
width: 200px; height: 200px; margin-left: 17px; margin-top: 15px;

}




#products_first{
width: 300px; height: 200px; margin-top: 20px;margin-left: 17px;
}

*html #products_first {
margin-left: 8px;
}

#products_first h3{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: white;
font-weight: bold;
}

#products_second{
width: 300px; height: 200px; margin-top: 20px;margin-left: 37px;
}

#products_second img {
border: solid 1px white;
padding: 10px;
margin-bottom: 15px;



}

#about_p{
display: block;
margin-left: 17px;
margin-top: 15px;


}


#contact_p{
display: block;
margin-left: 17px;
margin-top: 15px;

width: 200px;
height: 200px;
float; left;

}

.sert_label {
float: left;
display: block;
width: 400px;
height: 170px;
margin: 15px 0 0 15px;
}





form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 0 10px 0 10px;
	border: 1px solid #A5A8B8;

	width:400px;

}
*html form.formular { 

}

.formular fieldset {
	margin-top: 20px;
	padding : 15px;
	border: 1px solid #B5B8C8;
	
}

.formular legend {
	font-size: 12px;
	color: #d7e878;
	font-weight: 900;
}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.formular label span {
	color: #d7e878;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
	color: #d7e878;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.fcol{
text-align: center;
}

#firstcol img{
border: solid 1px white;
padding: 4px;
width: 100px;
height: 70px;
display: block;
margin-left: 40px;


}

#inner_h{

font-size: 24px;
color: white;

}

#inner_p{

margin-top: 10px;

}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;

	width: 300px;
	text-align: left;
	border-collapse: collapse;
}


#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #586724;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #586724; 
	border-bottom: 1px solid #fff;
	color: #fff;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #e1ff77;
	color: #586724;
}

#price {
font-size: 16px;
display: none;
}
.moreinfo {
color: white;
}

.title_name {
display: block;
width: 110px;
}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

*html .popup_block{

	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 250px; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}

*html img.btn_close {
	float: right; 
	margin: -5px -5px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.link {
font-size: 12px; font-weight: bold; font-style: normal; color: white;
}


#hidden_menu {
position: absolute;
display: none;
left: 333px;
top: 20px;
z-index: 9998;


padding: 15px;
background-color: #5b702b;
}


#hidden_menu  a {
line-height: 25px;
text-decoration: none;
color: #caeb21;
}

#hidden_menu  a:hover {
color: white;
}

#created{
width:100%;
text-align: right;
background-color: #151b08;
position: relative;
top: 5px;
text-transform: none;
}

#created a{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 10px;
font-style: italic;
text-decoration: none;
}#products_block {width: 934px;height: 450px;position: relative;top: 10px;left: 20px;}#products_block h2 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size: 22px;color: #c0d065;}#products_block h3 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size: 18px;color: #ffffff;margin-bottom: 5px;}#products_block img{border: solid 1px #9ed05b;border-radius: 7px;-moz-border-radius: 7px;padding: 5px;margin-left: 4px;float: left;width: 54px;height: 45px;}.seeall {display: block;width: 67px;height: 45px;float: left;padding-left: 10px;margin-left: 4px;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;}.inn_products_block {width: 465px;height: 100px;overflow: hidden;float: left;}
#latest {width: 100%;height: 130px;background-color: #2b3613;margin-top: 15px;}#latest  h2 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size: 20px;color: #c0d065;width: 200px;height: 100px;position: relative;top: 15px;left: 17px;float: left;}#latest  a{float: left;margin: 15px 0 0 13px;}



