/*
TODO: footer stats in center
*/

body,html{
	margin:0; padding:0;
	color:#333;
	background:#7f888f url('/gui/bkg.png') center top repeat-x;
	text-align:center;	
	width:100%; 
	font-size: 14px; font-family: Arial, Tahoma, Verdana, arial, sans-serif; font-weight:normal;
}

body{
	behavior: url(csshover.htc);
}

#root{
	position:relative;
	text-align:left;
	width:1004px;
	margin: 0px auto; 
	top:0px;
}

#top{
   width:1004px; height:155px;
   background:#c6742e url('/gui/bkg-top.png') center top no-repeat;
}

   #logo{
     margin: 0px;
     width: 376px; height: 82px;
     overflow: hidden;
     font-size: 26px;
     position: relative; top:0px; left:0px;
   }

   #logo span {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 376px; height: 82px;
     background: url('/gui/logo.png');
   }

   #search {
      float:right;
      position:relative; top:-50px;
   }

      #search form{
         margin:0; padding:0;
      }

      #search_text{
        margin:0;padding:0;
        width:160px; height:18px;
        background:#fff;
        font-size:12px;
        border:2px #5a5a5a solid;
        float:left;
      }

      #search_select{
        margin-left:10px;
        width:112px; height:20px;
        background:#fff;
        font-size:12px;
        border:2px #5a5a5a solid;
        float:left;
      }

      #search a{
        margin:3px 0px 0px 10px;
        font-size:12px;
        color:#fff;
        font-weight:bold;
        text-decoration:underline;
        float:left;
      }

      #search a:hover{
        color:#fbd59b;
        text-decoration:underline;
      }

   #mainmenu{
      position:absolute; left:0px; top:101px;
	  z-index:10;
   }

	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;

	}
	
	#nav a {
		display: block;
		border:0;
	  position:relative; top:14px;
      color:#fbd69e;
      font-size:14px; font-weight:bold;
      text-decoration:none;

	}
	
	#nav li ul li a {
		 position:relative; top:0px;
		 padding:3px;
	}
	
	#nav a:hover{
      color:#fff;
      text-decoration:underline;	  
   }
   
   #nav li ul li a:hover{
	background:#a57546;
   }
	
	#nav li {
		float: left;
	  margin:0; height:46px;
      list-style:none;
      float:left;
      background:url('/gui/li-mm.png') left top no-repeat;
      padding:0px 19px 0px 30px;
	}

	
	#nav li ul {
		position: absolute;
		left: -999em;
		top:42px;
		background:#c78c52;
		border:3px #a57546 solid;
		padding-bottom:2px;
	}
	
	#nav li ul li {
		float:none;
		display:block; 
		height:20px;
		z-index:10;		
		padding:0;
		width:200px;
		border:0px;
		background:none;
		padding:3px;
		padding:8px;
		/*
		xheight:30px;
		*/
	}
	
	
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	} 

  #nav #first-mm{
      background-position:-10px -10px;
   }	

/* - - -*/	

#content{
   width:1004px;
   background:#fbd59b url('/gui/bkg-cont.png') left top repeat-y;  
   z-index:0;   
}

#content-inside{
   width:1004px;
   background:#fbd59b url('/gui/bkg-cont-i.png') left top repeat-y;
   z-index:0;   
}

#content-close{
	width:1004px; height:24px;
    background:#fbd59b url('/gui/bkg-cont-c.png') left top no-repeat;
}

   #container{
      margin:0px 3px 0px 3px;
      width:998px;
      background: url('/gui/bkg-cntr.png') top left repeat-x;
	  position:relative;
	  z-index:0;   
   }
   

      #about{
         margin:9px 0px 0px 7px;
         float:left;
		 background:#fff;
      }

         #about_inn{
            width:439px;
			background: url(/gui/bkg-about.png) no-repeat;  
         }
		 
		 #about_flash{
			text-align:center;
			padding-top:6px; padding-bottom:6px;
		 }
		 
		 #about_txt{
			font-size:11px;
			margin:14px;
		 }
		 		 


      #news{
         float:left;
		 width:253px;
		 margin:9px 0px 0px 14px;		
      }
	  
		#news_inn{
			font-size:11px;			
		}
	  
			#news h4{
				background:#fff url('/gui/bkg-news.png') no-repeat;
				color:#cc9459;
				font-size:14px;
				font-weight:bold;
				width:245px; height:26px;
				padding:8px 0px 0px 8px;
			}
			
			#news_inn a{
				color:#333;
				text-decoration:underline;
				font-size:12px;
			}
			
			#news_inn a:hover{
				color:#c88c52;
			}
			
			.b_new{
				padding:10px 0px 8px 4px;
				border-top:1px #c88c52 solid;
			}
			
			.b_new_first{
				padding:10px 0px 8px 4px;				
			}
			
			

      #courses{
        float:left; 
		width:263px;
		margin:9px 0px 0px 15px;		
      }
	  
		#courses_inn{
			font-size:11px;			
		}
		
			#courses_inn a{
				color:#333;
				text-decoration:underline;
				font-size:14px;
			}
			
			#courses_inn a:hover{
				color:#c88c52;
			}
			
			.b_course{
				padding:10px 0px 2px 4px;
			}
			
			.datumek{
				font-size:10px;
				font-family:tahoma,verdana,arial;
				font-weight:bold;
			}
			
			.course_thmimg{
				float:left;
				border:3px #fff solid;
				margin:0px 6px 0px 0px;
			}
			
	  
			#courses h4{
				background:#fff url('/gui/bkg-crs.png') no-repeat;
				color:#cc9459;
				font-size:14px;
				font-weight:bold;
				width:255px; height:26px;
				padding:8px 0px 0px 8px;
			}
			
			
		
		#about2{
			float:left;
			margin:9px 0px 0px 7px;         
			background:#fff;
			width:439px;
		}
		
			#about2_bottom{
				
			}
		 
				#about2_outward_logo{
					float:left;
					margin:0px 10px 0px 15px;
				}
		 
				#about2_outward_txt{
					float:left;
					font-size:11px;
					color:#7f7f7f;
					margin-top:5px;
				}
		 
				#about2_more{
					float:right;
					font-size:11px;
					margin:15px 20px 0px 0px;
				}
		
		#news2{
			float:left;
			width:253px;
			margin:9px 0px 0px 14px;	
		}
		
			#all_news{
				text-align:right;
				font-size:11px;
				border-top:1px #c88c52 solid;
				padding-top:14px;
			}
			
				#all_news a{
					font-size:11px;
				}
		
		#courses2{
			float:left; 
			width:263px;
			margin:9px 0px 0px 15px;
		}
		
			#all_courses{
				margin-right:10px;
				text-align:right;	
				font-size:11px;	
				border-top:1px #c88c52 solid;	
				padding-top:14px;
			}
			
				#all_courses a{
					font-size:11px;
				}

#projects{
   width:1004px; height:87px;
   background:#c6742e url('/gui/bkg-proj.png') center top no-repeat;
}

#projects a:hover{
	color:#fff;
}

.pleft_first{
	float:left;
	font-size:10px;
	color:#fdefda;
	height:66px;
	padding:20px 12px 0px 12px
}

.pleft{
	float:left;
	font-size:11px;
	height:66px;
	color:#000;
	background: url('/gui/bkg-p.png') left 4px no-repeat;
	padding:18px 20px 0px 20px
}

.plogo{
	float:left;
	border:0px;
	margin-right:6px;
}	

#container-inside{
	margin:0px 14px 0px 14px;
}

	.photoline{
		margin-top:3px;
		border:0px;
	}
	
	#container-inside h1{
		height:26px;
		background:#fff url('/gui/bkg-h1-i.png') right top no-repeat;
		border-top:3px #e8b27a solid;
		border-bottom:3px #e8b27a solid;
		font-size:14px;
		color:#cc9459;
		padding:8px 0px 0px 8px;
	}
	
	#container-content{		
	}

	#container-content h1
	{
		border:none;
		margin:none;
		padding:0;
		background:none;
		color:#a05211;
		font-size:24px;
		font-weight:bold;
		margin-bottom:20px;
		height:auto;
	}
	
	#pagemenu{
      float:left;
	  width:214px;
	  margin-top:9px;
	}

		#pagemenu ul{
			margin:0;padding:0;
		}
		
		#pagemenu li{
		 list-style:none;
		 
		 background: url('/gui/bkg-pm-li.png') left bottom repeat-x;
		 padding:6px 0px 12px 0px;
		}
		
		#pagemenu li a{
			padding-left:14px;
			background: url('/gui/pm-li-tupik.png') 0px 4px no-repeat;
		}
		
		#pm_loga{
			margin:20px;
			text-align:center;
		}
		
	#pagecontent{
		float:left;
		width:700px;
		margin:9px 0px 9px 9px;
		background:#fef3e3;
		padding:10px 23px 40px 23px;
	}	
/*	
	#pagecontent_large{
		margin:9px 0px 9px 0px;
		background:#fef3e3;
		padding:10px 23px 40px 23px;
	}
*/
	
	#content-inside h2{
		color:#a05211;
		font-size:18px;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	#content-inside h3{
		color:#a05211;
		font-size:16px;
		font-weight:bold;
		margin:20px 0px 10px 0px;
	}
	
	.extrabox{
		background:#fbd9a4;
		border:1px #fff solid;
		padding:10px;
	}

	.CoursePanel
	{
		background:#fbd9a4;
		border:1px #fff solid;
		padding:10px;

		display:block;
		float:right;
		width: 18em;
		margin:1em;
		margin-right:0px;
		padding-right:0px;
		padding-top:0;
		margin-top: 0;
	}
	
	#column1{
		float:left;
		width:430px;
		margin-right:10px;
	}
	
	#column2{
		float:left;
		width:238px;
	}
	
	#column2 h3{
		color:#a05211;
		font-size:16px;
		font-weight:bold;
		margin:0px 0px 10px 0px;
	}

#footer{
   position:absolute; left:30px;
}

   #footer ul{
      margin:0;padding:0;
   }

   #footer li{
      margin:0;
      float:left;
      list-style:none;
      color:#fff;
      font-size:11px;
      padding:6px 4px 0px 4px;
   }

   #footer li a{
      color:#fff;
      font-size:11px;
      text-decoration:underline;
   }

   #footer li a:hover{
      color:#fbd69e;
   }

   #copyright{
      float:right;
      color:#fff;
      font-size:11px;
      padding:6px 28px 0px 0px;
   }
   
	#copyright a{
      color:#fff;
      font-size:11px;
      text-decoration:underline;
   }

   #copyright a:hover{
      color:#fbd69e;
   }

.debug{
   border:1px #f00 solid;
}


a{
	color:#000;
	text-decoration:underline; font-weight:bold;
}

a:hover{
	color:#c88c52;
	
}

p{
	margin:0; padding:0;
}

h1{
	margin:0;padding:0;padding-top:0.5em;
}

h2{
	margin:0;padding:0; padding-top:0.5em;
}

h3{
	margin:0;padding:0;padding-top:0.5em;
}

h4{
	margin:0;padding:0;padding-top:0.5em;
}

.clear{
	clear:both;
}

.noborder{
	border:0px;
}

.toleft{
	float:left;
}

.toright{
	float:right;
}

form{
	margin:0;padding:0;
}

label
{
/*float: left;*/
font-weight:bold;
color:#a05211;
}

input
{
border: 2px solid #a05211;
color: #333333;
/*
height: 18px;
margin-bottom: 8px;
*/
}

textarea
{
border: 2px solid #a05211;
width:360px;
height: 150px;
margin-bottom: 8px;
}

input.sendbut
{
background: #a05211;
color:#fff;
font-weight:bold;
height: 30px;
}


.delka100{ width:100px; }
.delka150{ width:150px; }
.delka200{ width:200px; }
.delka250{ width:250px; }