body{
	font-size: 12px;
	font-family: verdana;
	
	background: white url(layout/background.jpg) repeat-x;
	/*background: white;*/

	color: #515151
}

/* Links */
a, a:active, a:visited{
	color: #00aa9c;
	font-weight: bold;
	text-decoration: underline;
}

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


h1{
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/* Root elements */

#page{
	width: 1004px;
	
	margin-left: auto;
	margin-right: auto;
	
}

#border-left{
	float:left;

	width: 2px;
	height: 529px;

	background: url(layout/background-border-left.jpg) no-repeat;
}

#border-right{
	float: left;

	width: 42px;
	height: 529px;

	

	background: white url(layout/background-border-right.jpg) no-repeat top right;
}

#float-page{
	width: 960px;
	float:left;

	background-color: #FFF;
}

#top{
	width: 924px;
	height: 86px;
	
	float: right;
}

#header{
	width: 960px;
	height: 205px;
	
	float: left;
	
	background: url(layout/header.jpg) no-repeat;
}

#low-menu{
	width: 924px;
	height: 34px;
	
	float: right;
	
	background: url(layout/low-menu.jpg) no-repeat;
}


#root{
	width: 926px;
	float: right;

}


#footer{
	width: 910px;
	height: 51px;
	
	clear: both;
	float: right;
	
	background: url(layout/footer.jpg) no-repeat;
	
	padding-right: 13px;
	padding-top: 10px;
	
	text-align: right;
	color: #12a396;
	
}


/* MENU */

#menu{
	width: 241px;
	height: 200px;
	
	float:left;
	
	padding-top: 1px;
}

.menu-option{		
	float:right;
	
	text-align: right;

	color: white;
	font-size: 15px;
}

.menu-option-1{
	height: 31px;
	width: 210px;
	padding-right: 30px; 
	padding-top: 10px;
}

.menu-option-2{
	height: 30px;
	width: 190px;
	padding-right: 50px; 
	padding-top: 10px;
}

.menu-option-3{
	height: 27px;
	width: 180px;
	padding-right: 60px; 
	padding-top: 10px;
}

.menu-option-4{
	height: 30px;
	width: 190px;
	padding-right: 50px; 
	padding-top: 10px;
}

.menu-option-5{
	height: 27px;
	width: 210px;
	padding-right: 30px;  
	padding-top: 10px;
}


#menu-option-selected-1{
	background: url(layout/header-menu-selected-1.png);
}

#menu-option-selected-2{
	background: url(layout/header-menu-selected-2.png);
}

#menu-option-selected-3{
	background: url(layout/header-menu-selected-3.png);
}

#menu-option-selected-4{
	background: url(layout/header-menu-selected-4.png);
}

#menu-option-selected-5{
	background: url(layout/header-menu-selected-5.png);
}


#menu a, #menu a:active, #menu a:visited{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}



/* Default page */

#main-left{
	
	width: 616px;
	
	float:left;

}

#main-left-bottom{
	width: 616px;
	height: 2px;
	
	float:left;
	
	background: url(layout/main-left-bottom.jpg) no-repeat;
}

.main-left-header{
	
	width: 616px;
	height: 40px;
	
	float:left;
	
	background: url(layout/main-left-header.jpg) no-repeat;

	
	text-align: center;
	font-size: 20px;
	color: white;
	padding-top: 19px;
}


.main-left-content{
	width: 610px;
	
	float: left;
	
	background: url(layout/main-left-background.jpg) repeat-y;
	
	padding: 3px;
}

.main-left-text{
	width: 600px;	
	
	float:left;
	
	background: url(layout/main-left-text.jpg) no-repeat;
	
	padding: 5px;
}


#main-right{
	width: 294px;
	
	float: right;
}


.main-right-header{
	width: 282px;
	height: 40px;

	float: left;
	
	background: url(layout/main-right-header.jpg) no-repeat;	

	
	text-align: left;
	font-size: 20px;
	color: white;
	padding-top: 19px;
	padding-left: 12px;
}

.main-right-bottom{
	width: 294px;
	height: 3px;
	
	float:left;
	
	background: url(layout/main-right-bottom.jpg) no-repeat;
}

.main-right-main{
	float:left;
	
	width: 294px;
	
	background: url(layout/main-right-background.jpg) repeat-y;
}

.main-right-main-line{
	width: 288px;
	float:left;
	padding-left: 8px;

}

.main-right-line{

	width: 273px;
	height: 23px;
	
	float:left;
	
	background: url(layout/submenu-button.jpg); ;
	
	
	
	text-align: left;
	padding-left: 5px;
	padding-top: 9px;

}

.main-right-line-selected{
width: 273px;
	height: 23px;
	margin-left: auto;
	margin-right: auto;
	
	float:left;
	color: #757575;
	
	text-align: left;
	padding-left: 5px;
	padding-top: 9px;
	background: url(layout/submenu-button-selected.jpg); ;
}


/* Skiping classes */
.skip-25px{
	float:left;
	width: 100%;
	height: 25px;
}

.skip-20px{
	float:left;
	width: 100%;
	height: 20px;
}

.skip-15px{
	float:left;
	width: 100%;
	height: 15px;
}

.skip-10px{
	float:left;
	width: 100%;
	height: 10px;
}

.skip-5px{
	float:left;
	width: 100%;
	height: 5px;
}

.skip-3px{
	float:left;
	width: 100%;
	height: 3px;
}




/* NEWS */

.main-right-news{
	float:left;
	width: 270px;
	background: url(layout/news-bg.jpg) no-repeat;
	padding-left: 4px;
	padding-right: 4px;
}

.main-right-news-panel{
	width: 278px;
	padding-left: 8px;
	padding-right: 8px;
	float:left;
	
}

.main-right-news-title{
	floaT:left;
	width : 100%;
	
	color: #00b6a7;
	font-size: 14px;
}

.main-right-news-date{
	floaT:left;
	width : 100%;
	
	color: #939393;
	font-size: 11px;
}

.main-right-news-main{
	float:left;
	font-size: 11px;
	line-height: 19px;
}


/* Nette datepicker */
input.datepicker {
		background: transparent url('calendar.png') no-repeat right;
		border: 1px solid #CCCCCC;
		padding-right: 20px;
		padding: 0.2em
}
