body, html 
	{
	background-color: #c4c8ad;
	background-image: url("graph/bckgrnd.png");
	background-attachment: fixed;	
	height:100%;
	border:0;
	padding:0;
	margin:0;
	text-align:center;
	color: #ffffff;
  font-family: Arial, Verdana;   
	}
#container 
  {
  width: 990px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: 0px;
  color: #000000;
  background : #ffffff none;
  text-align: center; 
  height:auto;  
  }
#top-empty 
  {  
  background : #ffffff none;
  width: 990px;
  height: 40px;  
  }
#top-menu 
  {  
  background : #d98e32 none;
  width: 990px;
  height: 30px;  
  }
#top-menu-left
  {    
  width: 220px;
  height: 30px;
  text-align:center;
  float:left;
  vertical-align: middle;	
  }
#top-menu-right
  {    
  width: 770px;
  height: 30px;
  text-align:left;	
  float:left;  
  }
#top-menu-right-text 
  {      
	position:relative;
	top: 5px;
	left:-3px;
	font-style: normal; 
	font-weight: normal; 		 
	font-family: arial,verdana;
	color: #ffffff;
	text-decoration: none;
  }
a:link.top-menu-right-text, a:visited.top-menu-right-text 
  {    
  font-style: normal; 
	font-weight: bold; 
	font-size: 0.9em; 	 
	font-family: arial,verdana;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	letter-spacing: 0.04em;	
	margin-right: 3px;
	margin-left: 3px;
  }
a:link.top-menu-right-text-active, a:visited.top-menu-right-text-active
  {
  font-style: normal; 
	font-weight: bold; 
	font-size: 0.9em; 	 
	font-family: arial,verdana;
	color: #636466;
	text-decoration: none;
	vertical-align: middle;	
	letter-spacing: 0.04em;
	margin-right: 3px;
	margin-left: 3px;
  }
a:hover.top-menu-right-text, a:hover.top-menu-right-text-active
  {
  color: #f7cc97;
  }
#top-menu-left-text
  {    
	  
  }
a:link.top-menu-left-text, a:visited.top-menu-left-text
  {    
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.94em; 	 
	font-family: arial,verdana;
	color: #e6b882;
	text-decoration: none;
	vertical-align: middle;
	position:relative;
	top: 5px;		
  }
a:hover.top-menu-left-text
  {
  color: #f7cc97
  }
#main-body
  {  
  background : #ebf2e6 none;
  width: 966px;
  height: auto;
  min-height: 200px;
  border-top: 7px solid #ffffff; 
  border-left: 12px solid #ffffff; 
  border-bottom: 3px solid #ffffff; 
  border-right: 12px solid #ffffff;
  text-align: left; 
  margin: 0px auto;
  overflow: auto;        
  }
#main-body-left
  {  
  background : #ebf2e6 none;
  width: 205px;
  height: 100%;    
  float:left;   
  z-index: 6;
  }
#main-body-left-text
  {    
  width: 205px;
  height: 182px;
  position: relative;
  top:-185px;
  left:0px;   
  }
#main-body-left-text2
  {    
  width: 205px;
  height: 182px;
  position: relative;
  top:-448px;
  left:0px;   
  }
#projekty
  {    
  width: 738px;
  height: auto;
  background : #555936;
  position:relative;
  left: -20px;  
  top: 20px;
  padding-left:20px;
  padding-top:20px;
  overflow:hidden;
  }
.proj-item
  {    
  width: 146px;
  height: 190px;
  float:left;
  display:block;
  overflow:hidden;
  }
#portfolio-top
  {    
  width: 758px;
  height: 282px;
  background : #ffffff;
  position:relative;
  left: -20px;  
  top: 20px;  
  padding-top:3px;
  overflow:hidden;
  }
img.port-top
  {
  border: 0px solid #ffffff;
  }
img.proj
  {
  border: 0px solid #555936;
  }
.main-body-left-text-item
  {  
  width: 190px;
  height: 26px;
  text-align:right;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.94em; 	 
	font-family: arial,verdana;
	color: #829475;
	text-decoration: none;
	padding-right: 15px; 
	background-image: url("graph/left-item.png");
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align:middle;	
  }
#main-body-right
  {  
  background : #c1cca6 none;
  border-left: 3px solid #ffffff;
  width: 758px;
  height: auto;  
  float:left;
  overflow:hidden;
  }
#main-body-right-main
  {    
  width: 718px;
  min-height: 80px;
  text-align:left;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  
  }
#main-body-right-head
  {  
  background : #d2d4c5 none;
  width: 758px;
  height: 130px;  
  }
#bottom-body
  {
  z-index: 14;  
  background : #ffffff none;
  width: 966px;
  height: 109px;
  border-top: 0px solid #ffffff; 
  border-left: 12px solid #ffffff; 
  border-bottom: 7px solid #ffffff; 
  border-right: 12px solid #ffffff;  
  text-align: left; 
  margin: 0px auto;   
  }

#bottom-body-left
  {  
  background : #c9ccb3 none;
  width: 205px;
  height: 109px;  
  border-right: 3px solid #ffffff;    
  float:left;
  overflow:visible;
  text-align: left;
  }
#bottom-body-right
  {  
  background : #555936 none;
  width: 758px;
  height: 109px;
  float:left;
  }
#bottom-body-port
  {  
  background : #c9ccb3 none;
  width: 966px;
  height: auto;
  border-top: 0px solid #ffffff; 
  border-left: 12px solid #ffffff; 
  border-bottom: 7px solid #ffffff; 
  border-right: 12px solid #ffffff;  
  text-align: left; 
  margin: 0px auto;
  overflow: hidden;     
  }
#bottom-body-left-port
  {  
  background : #c9ccb3 none;
  width: 205px;
height: 100%;
  border-right: 3px solid #ffffff;    
  float:left;
  overflow:visible;
  text-align: left;
  }
#bottom-body-right-port
  {  
  background : #555936 none;
  width: 758px;
  height: auto;
  float:left;
  overflow:visible;
  }
.port-bot
  {
  width: 121px;
  height: 40px;
  float:left;
  background : #5f633f none;
  padding-left: 5px;  
  }
#portfolio
  {
  width: 754px;
  height: auto;
  min-height: 180px;
  float:left;  
  background : #555936 none;
  overflow:hidden;
  border-left: 3px solid #ffffff;
  position:relative;
  left: -3px;
  padding-left:4px;
  }
.port-item
  {  
  }
a:link.port-item, a:visited.port-item
  {  
  color: #ffffff;
  text-align:left;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.8em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 0px; 
  margin-bottom: 0px;
  padding-left:3px;
  }
a:hover.port-item
  {  
  color: #d98e32;  
  }
img
  {
  border: 0px;
  }
img.portpic
  {
  border: 0px;
  }
#port-pata
  {
  width: 748px;
  height: 27px;
  float:left;  
  background : #5f633f none;
  overflow:hidden;
  border-left: 3px solid #ffffff;
  position:relative;
  left: -3px;
  text-align: right;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.9em; 	 
	font-family: verdana, arial;
	color: #ffffff;
	text-decoration: none;
	padding-right:10px;
	padding-top:8px;
  }
.port-bot-1
  {
  width: 2px;
  height: 40px;
  float:left;
  background : #5f633f none;  
  }
a:visited.portmenu, a:link.portmenu
  {    
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.9em; 	 
	font-family: verdana, arial;
	color: #eff0e2;
	text-decoration: none;
	text-align:left;
	border:0px;	
		
  }
a:hover.portmenu 
  {    
  color: #d98e32;	
  }
  
a:link.portmenu2, a:visited.portmenu2, a:hover.portmenu2 
{    
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.9em; 	 
	font-family: verdana, arial;
	color: #d98e32;	
	text-decoration: none;
	text-align:left;
	border:0px;	
		
  }
#bottom-line
  {  
  background : #d98e32 none;
  width: 990px;
  height: 12px;  
  }
#bottom
  {    
  width: 978px;
  height: 26px;
  background-color: #e1e7d8;
	background-image: url("graph/bottom.png");
	text-align:right;
	font-style: normal; 
	font-weight: normal; 
	font-size: 0.6em; 	 
	font-family: verdana,arial;
	text-decoration: none;  
	padding-right:12px;
	vertical-align:bottom;
	color: #636466;
  }
.bottompic
  {   
  position:relative;
  top: -182px;	
  }
#uvod
  {    
  width: 978px;
  height: 260px;
  background-color: #ffffff;
  border-bottom: 3px solid #ffffff;
  padding-top:0px;
  padding-left:12px;  
  padding-bottom:0px;	
  overflow:visible;
  }  
.uvodpic
  {   
  border-right: 3px solid #ffffff;
  float:left;	
  }
.text1    
  {    
  color: #3f4227;
  text-align:left;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.94em; 	 
	font-family: arial,verdana;
	text-decoration: none;
  }
.vcelka
  {
  position:relative;
  top: 20px;
  left: 500px;
  }
h1
  {    
  color: #80502c;
  text-align:left;
  font-style: normal; 
	font-weight: bold; 
	font-size: 1.0em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 0px; 
  margin-bottom: 0px
  }
h1.proj
  {    
  color: #ffffff;
  margin-bottom: 10px  
  }   
h2
  {    
  color: #80502c;
  text-align:left;
  font-style: normal; 
	font-weight: bold; 
	font-size: 0.85em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 10px; 
  margin-bottom: 0px
  }
h3
  {    
  color: #ffffff;
  text-align:left;
  font-style: normal; 
	font-weight: bold; 
	font-size: 0.85em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 5px; 
  margin-bottom: 5px;
  margin-left: 5px;
  }
p
  {  
  color: #3f4227;
  text-align:left;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.8em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 0px; 
  margin-bottom: 0px
  }
li, ul
  {  
  color: #3f4227;
  text-align:left;
  font-style: normal; 
  font-weight: normal; 
  font-size: 0.9em; 	 
  font-family: verdana,arial;
  text-decoration: none;
  margin-top: 0px; 
  margin-bottom: 0px
  }
htmlarea
  {  
  color: #3f4227;
  text-align:left;
  font-style: normal; 
	font-weight: normal; 
	font-size: 2em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 0px; 
  margin-bottom: 0px
  }
a:link, a:visited
  {
  color: #fdf5c5;
	text-decoration: underline;
	}
a:hover
  {
  color: #ffffff;
  }
a:link.cop, a:visited.cop
  {  
	color: #636466;
	text-decoration: none;
	}
a:hover.cop
  {
  text-decoration: underline;
  }
._male
  {  
  color: #3f4227;
  text-align:left;
  font-style: normal; 
	font-weight: normal; 
	font-size: 0.7em; 	 
	font-family: verdana,arial;
	text-decoration: none;
	margin-top: 0px; 
  margin-bottom: 0px
  }