﻿
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;
	behavior: url(csshover.htc);
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
}
/* WinIE behavior call */
  	
h1 {
	font-family: Calibri;
	font-size: 22px;
	color: #ff6600;
	margin: 20px 0 40px 20px;
	text-transform: uppercase;
}

h2{
	font-size: 16px;
    color: #006400;
   margin: 0px 0 30px 0px;

}
h3{
	font-size: 14px;
	color: #666666;
}

h4{
	font-size: 13px;
	
}


a
{
    color:#99cc66;
    text-decoration: none;
}

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


ul
{
    list-style-type: disc;
    list-style-position: outside;
    color: #808080;
    

}
li{
	margin-bottom:15px;
}



#main {
	clear: both; /*margin-left: 7em; */;
	padding: 10px 0 1px 0;
	border: 1px solid #000000;
	width:920px;
	margin:0 0 0 20px;
	border-radius: 10px;

}

div#text{
	
	
	color: #808080;
	text-align: justify;
	line-height: 18px;
    margin:20px 50px 50px 50px ;
	
}

div#nav
{
    float: right;
    margin: -1px 0 0 0;
    font-family: Verdana;
    font-size: 12px;
    text-transform: uppercase; /*border: 1px solid #AAA;*/
    color: #FFFFFF;
    background-color: #006400;
    text-align: center;
    border-radius: 5px;
}
div#nav ul {
	margin: 0;
	padding: 0;
	background: #006400;
	
	/*border: 1px solid #CCC;*/
	border-width: 0 1px;
}
  
div#nav li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 140px;
	
	line-height: 1em;
	text-align: center;
	
}
 
div#nav li:hover
{
    background: #ff9900;
}
div#nav li.submenu {}

div#nav li.submenu:hover {}

div#nav li a {
	color:#FFFFFF;

	display: block;
	padding: 1em 0 1em 0.5em;
	text-decoration: none;
	
}


div#nav>ul a {width: auto;}
div#nav ul ul 
{
    position: absolute; width: 140px;
    display: none;}
div#nav ul ul li
{
    border-bottom: 1px dotted #CCC;
    width: 140px;
    background-color: #99cc66; 
}
div#nav ul ul li:hover
{
    background: #ffcc66;
}


div#nav li.submenu li.submenu {
	background: #808080;
	font-size:10px ;
}
div#nav li.submenu li.submenu:hover {
	
	background-color: #CC0000;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level1 {width: 840px; }
div#nav ul.level2 {top: 3em; left: 0px; border-top: 1px dotted #CCC;width:140px}
div#nav ul.level3 {top: -1px; left:140px;
border-top: 1px dotted #CCC;}
  
  
#container {width: 950px; margin: 5px auto 0; padding: 0;
  position: relative; }
#pageHeader {  
	clear:both;
	width: 950px;
	height: 300px;
	/*background: url('../images/baner3.jpg') no-repeat 0 0;
	height: 317px;
	width: 949px;*/
  }

#blok1
{
	box-shadow: 5px 5px #CCCCCC;
	display: block;
	border-radius: 5px;
	background-color: #ffcc66;
	margin: 0 0 0 30px;
	width: 330px;
	height: 46px;
	font: 26px Calibri;
	padding: 12px 0 0 20px;
}
#blok2
{
    display: block;
    background-color: #99cc66;
    width: 330px;
    height: 120px;
    padding: 12px 0px 0 20px;
    color: #ffffff;
    font:  italic 18px Calibri;
    margin:30px 0 0 100px;
    border-radius: 5px;
     box-shadow: 5px 5px #CCCCCC;

}
#unia
{
    color:  #006400;
    
}

#footer {
	margin: 0 0 0 0;
	height: 20px;
	background: #006400;
	margin:0 0 10px 0;
	color: #ffffff;
	text-align:right;
	padding: 10px 20px 0 0 ;
	font-size:10px;
	border-radius: 5px;

}


