﻿body 
{ 
    color: #FFFFFF; 
    font-family:Arial CE,Verdana ; 
    font-size: 11px; 
    text-align: left;     
    background-color: #084c25; 
    padding:0;
    margin: 0 auto; 
    font-weight:bold;
     
 

}
a           { color: #473207 }
a:visited   { color: #473207 }
a:hover     { color: #7F7F7F }
h1
{
    font-size:17px;
    font-weight:bold;
    padding:0px 0 8px 0;
    margin:0;
    color:#742504;
}
h3
{
    font-size:17px;
    font-weight:bold;
    padding:0px 0 8px 0;
    margin:0;
    color:#742504;
}
h4
{
    font-size:15px;
    font-weight:bold;
    margin:0;
    padding:0;
    display:block;
}
h4 a
{
    font-size:14px;
    font-weight:bold;
    margin:0 0 3px 0;
}

img 
{
	border:0;

}

#topmenu
{
	color:#C6C6C6;
	font-size:11px;
	float:right;
	margin:20px 30px 0 0;
}
#topmenu a, #topmenu a:visited
{
	color:#C6C6C6;
	text-decoration:none;
}
#topmenu a:hover
{
	color:#000000;
	text-decoration:underline;
}





#main
{
    width:1000px;
    margin: 0 auto;
    padding:0;
    background-image: url(../img/bg.jpg);
    background-repeat:no-repeat;
    overflow:auto;
   
}


#menu
{
   
    width: 541px;
    padding:6px 0 0 0;   
    margin: 0;
	float:left;
	height:20px;
	background-image: url(../img/menubg.gif);
    background-repeat:repeat-x;
    color:#FFFFFF;
}
#menu a, #menu a:visited
{
	color:#FFFFFF;
}
#menu a:hover, #menu a.visited:hover
{
	color:red
}

.StaticMenuStyle
{

	

}

.StaticMenuItemStyle
{

padding:0;
	margin:0 15px 0 7px;
	float:left;
	font-size:12px;
	font-weight:bold;
		color: #FFFFFF;
		letter-spacing:1px;

}
.DynamicMenuItemStyle
{	
	border-top: solid 1px #213f2e;	
	background-color:#41620c;
	padding:4px 0 4px 4px;
	width:190px;
	margin:0;
	font-weight:normal;
	color: #FFFFFF;
	
	float:left;
}
.DynamicMenuStyle
{	
	margin: 5px 0 0 5px;
	float:left;
	

}






#headdiv
{

	width:541px;
	padding:0 17px 0 16px;
    margin: 0 auto;
    text-align:left;
    float:left;


	

}
#headdiv img
{
	border:0px;
	float:left;

}
    

#content
{   
    width: 483px;
    padding:45px 0 0 105px;   
    margin:0;
	height:530px;
    font-size:11px;
	float:left;	
	



}
#contentmid
{
   
    width: 422px;
    padding:0 10px 0 0;   
    margin:  0;
	height:500px;
    font-size:11px;
	float:left;
	color:#404040;
	overflow:auto;
	text-align:justify;
	
	
	scrollbar-face-color:#faebbe;
   scrollbar-arrow-color:#314f00;
   scrollbar-track-color:#C0B0B0;
   scrollbar-shadow-color:#314f00;
   scrollbar-highlight-color:#faebbe;
   scrollbar-3dlight-color:#808080;
   scrollbar-darkshadow-Color:#faebbe;


}
#contentmid img
{ float:right;
}


#left
{
    width:218px;  
    padding:0;
    float:left;    
    height:840px;
    margin:0;

}

#right
{
	width:210px;
    padding:0;
    float:left;	
	margin: 0;
	height:799px;

	


    
    
    
}
#mid
{
	width:563px;
    padding:0;
    float:left;
	min-height:400px;
	margin: 0;  
	 

    
    
}

#language
{
	margin:10px 0 10px 20px;
	padding:0;
	float:left;
	width: 180px;
	height:30px;
}




#rightitem
{
	width:650px;
    overflow:auto;
    text-align:left;
    padding:0;
    float:right;
	min-height:400px;
	margin: 10px 27px 0 17px;
    
    
    
}



#bottomdiv
{

    padding:10px 30px 10px 0;

    
    width:470px;
    margin: 0 auto;


    
}
#bottomdiv a, #bottomdiv a:visited
{
    color:#a2a2a2;
}

h4
{
	font-size:11px;
}






.photoSmall
{
	width:170px;
	height:160px;
	background-color:#F1E7CE;
	margin:3px;
	padding:7px;
	text-align:center;
	float:left;
	vertical-align:middle;
}

.photoSmall img
{
	border:0;
	margin: 0 auto;


}
.catOverview
{
	margin: 5px 0 10px 0;
	float:left;
	width:300px;
	text-align:left;
}





.searchInput
{
	height:16px;
	background-color:#F2EBCE;
	border:solid 1px #473207;
	width:110px;
}


.searchBox
{
	width:160px;
	padding:25px;
	margin: 0 0 15px 0;
	color:#000000;
}

.news
{
	width:190px;
	padding:0px;	
	margin: 20px 0 0 0;
	

	
}

.tip
{

	padding:5px;
	background-color:#87C16F;	
	margin: 10px;
	color:#FFFFFF;
}
.event
{
	margin: 0 0 10px 0;
}

.default
{
	width:368px;
	height:368px;
	background-image: url(../img/defaultbg.gif);
    background-repeat:no-repeat;
	
}
.otable
{width: 100%;
}

#zatka_kontakt
{
	margin: 0 0 0 40px;

	float:left;
}
#zatka_produkty
{
	margin: 20px 0 0 0px;
	float:left;
}
#productMenuOut
{
	margin:0px 0 0 4px;
	width:200px;
	height:320px;
	padding:0;
	float:left;
}
#productMenu
{
	width:190px;
	height:300px;
	padding:15px 10px 10px 10px;
		background-image: url(../img/rightbg.jpg);
    background-repeat:no-repeat;
    display:none;

 
}

#productMenu a, #productMenu a:visited
{
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
	margin:7px 0 0 10px;
	float:left;
	width:100px;
}
#pivo
{
	margin:25px 0 0 6px;
	float:left;
}

#topImage
{
	padding:0;
	margin:0;
	float:left;
}



.menudiv
{
width: 541px;
    padding:6px 0 0 0;   
    margin: 0;
	float:left;
	height:20px;
	background-image: url(../img/menubg.gif);
    background-repeat:repeat-x;
    color:#FFFFFF;
}
.menu
{
padding: 0;
margin: 0;
}
.menu a
{
text-decoration: none;
color: #FFFFFF;
display: block;

text-align: center;
margin:0 28px 0 5px;
height:22px;
}
.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}
ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;

padding: .2em .5em;
height: 1em;
_width: 1px; /* IE */
}
ul.uroven2
{
position: absolute;
left: 0;
top: 1.4em;
_top: 1.6em; /* IE */


visibility: hidden;
padding:5px 0 0 0;	
	background-color:#41620c;
	width:190px;


}
ul.uroven2 li.polozka2
{
	border-top: solid 1px #213f2e;	
	background-color:#41620c;
	
	width:190px;
	margin:0;
	padding:5px 0 0 0;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;

}
ul.uroven2 li.polozka2 a:hover
{

}
.menu a:hover
{

}

ul.uroven1 li.polozka1
{
	
behavior: url(hover.htc);
}


ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
} 