html,body {
	font-family: tahoma, verdana, arial;
	background-color: #d5cec3;
	margin: 0; padding: 0;
	text-align: center;
	font-size: 10pt;
	_height: 100%;
	
	scrollbar-face-color: #DADEEA;
	scrollbar-shadow-color: black;
	scrollbar-highlight-color: #F3F3F3;
	scrollbar-3dlight-color: #F3F3F3;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: #F3F3F3;
	scrollbar-arrow-color: black;
}

#outer {
	height: 100%;
	min-height: 100%;
	text-align: left;
	width: 878px;
	margin-left: auto; /* vycentrovani*/
	margin-right: auto;
	padding: 0px;
	position: relative;
}

td { text-align: left; vertical-align: top; font-family: tahoma, verdana, arial; font-size: 10pt; }
hr { color:#CF6C0B; background-color:#CF6C0B; height:1px; border:0; }
img { border:0px;}
h1 { margin-top:-20px; padding:0; font-size:16pt; }
h2 { font-variant: small-caps; margin:0px; padding:0px; font-size:12pt; color:#CF6C0B; }
h3 { font-variant: small-caps; margin:0px; padding:0px; font-size:10pt; margin:5px; }
form { margin:0; padding:0;}

a:link { color: #ff5500; text-decoration: none; }
a:visited { color: #ff5500; text-decoration: none;}
a:active { color: #ff5500; text-decoration: none; }
a:hover { color: #ff5500; text-decoration: underline; }

#adminHREF { color: #F1ECE3; text-decoration: none; }
#adminHREF:hover { color: #ff5500; text-decoration: none; }

abbr { cursor: help; }

.clear { clear: both; display: block; visibility: hidden; height: 0px; width: 0px; font-size: 0px; padding: 0; margin: 0; }
.clearLeft { clear: left; display: block; visibility: hidden; height: 0px; width: 0px; font-size: 0px; padding: 0; margin: 0; }

/*****************/ /* CONTENT FRAMES */ /*****************/
#contentframe {
	background-image: url(../design/back.png);
	background-repeat: repeat-y;
	height:100%;
	min-height:480px;
	text-align:left;
	margin:0; padding:0;
}

#contentframe_leftc {
	margin: 0px; padding: 0px;
	width: 440px;
	padding-left:75px;
}

#contentframe_rightc {
	margin: 0px; padding: 0px;
	padding-right:75px;
	float: right;
	width: 266px;
	margin-left:10px;
	margin-right: auto;
}
#contentframe_left, #contentframe_right { margin: 0px; padding: 2px; color:#666666; text-align:justify; }
#contentframe_single { margin: 0px; padding-left: 75px; padding-right:75px; color:#666666; text-align:justify; }

#loginFrm {width:262px; padding-top:80px;}
/*****************/ /* CONTENT FRAMES */ /*****************/

/*****************/ /** MENU CONTENT  */ /*****************/
#menubar { margin:0; padding:0; background-image: url(../design/title.png); height:186px; }
#menubar_content {
	padding:0; margin:0;
	padding-left:170px;
	font-family:Times, verdana, tahoma;
	color:white;
}

.mnuHome { float:left; background-image: url(../design/mnuHome.png); width:44px; height:70px;}
.mnuHome:hover { background-image: url(../design/mnuHomeSel.png); }
.mnuContacts { float:left; background-image: url(../design/mnuContacts.png); width:65px; height:70px;}
.mnuContacts:hover { background-image: url(../design/mnuContactsSel.png);}
.mnuBoard { float:left; background-image: url(../design/mnuBoard.png); width:72px; height:70px;}
.mnuBoard:hover { background-image: url(../design/mnuBoardSel.png);}
.mnuSportsField { float:left; background-image: url(../design/mnuFields.png); width:81px; height:70px;}
.mnuSportsField:hover { background-image: url(../design/mnuFieldsSel.png);}
.mnuHistory { float:left; background-image: url(../design/mnuHistory.png); width:60px; height:70px;}
.mnuHistory:hover { background-image: url(../design/mnuHistorySel.png);}

.mnuSplitterLeft { float:left; width:1px; height:70px; background-color:#3C2F28; }

.mnuSplitter { float:right; width:1px; height:70px; background-color:#3C2F28; }
.mnuatletika { float:right; background-image: url(../design/mnuAtletika.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px;}
.mnuatletika:hover { background-image: url(../design/mnuAtletikaSel.png); background-color:#B84720; background-position: 5px 0px; background-repeat: no-repeat;} 
.mnukopana { float:right; background-image: url(../design/mnuFotbal.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px;}
.mnukopana:hover { background-image: url(../design/mnuFotbalSel.png); background-color:#B84720; background-position: 5px 0px; background-repeat: no-repeat;} 
.mnukosikova { float:right; background-image: url(../design/mnuBasket.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px;}
.mnukosikova:hover { background-image: url(../design/mnuBasketSel.png); background-color:#B84720; background-position: 5px 0px; background-repeat: no-repeat;} 
.mnunohejbal { float:right; background-image: url(../design/mnuNohejbal.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px; }
.mnunohejbal:hover { background-image: url(../design/mnuNohejbalSel.png); background-color:#B84720; background-position: 5px 0px; background-repeat: no-repeat;} 
.mnutenis { float:right; background-image: url(../design/mnuTenis.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px;}
.mnutenis:hover { background-image: url(../design/mnuTenisSel.png);  background-color:#B84720;  background-position: 5px 0px; background-repeat: no-repeat;} 
.mnuvolejbal { float:right; background-image: url(../design/mnuVolejbal.png); background-position: 5px 0px; background-repeat: no-repeat; width:50px; height:70px; padding-left:5px; padding-right:5px;}
.mnuvolejbal:hover { background-image: url(../design/mnuVolejbalSel.png); background-color:#B84720;  background-position: 5px 0px;  background-repeat: no-repeat; } 
/*****************/ /** MENU CONTENT  */ /*****************/

/*****************/ /** FOOTER CONTENT  */ /***************/
#footerbar { margin:0; padding:0; background-image: url(../design/foot.png); height:63px; }
#footerbar_content { margin:0; padding-left:60px; vertical-align:top; color:white; }
/*****************/ /** FOOTER CONTENT  */ /***************/

/******************/ /** CUSTOM PANEL  */ /****************/
.customPanel { background-image: url(../design/rightbox-middle.png); background-repeat: repeat-y; }
.customPanelTitle { background-image: url(../design/rightbox-top.png); background-repeat: no-repeat; font-size:12pt; padding:5px; }
.customPanelTitleSplitter { width:250px; background-color:#d3c9b9; height:3px; }
.customPanelContent { text-align:left; padding:0px; padding-left:10px; padding-right:10px; margin-top:-10px; font-size:8pt; line-height:1.4em}
.customPanelBottom { background-image: url(../design/rightbox-bottom.png); background-repeat: no-repeat; font-size:1pt; height:5px;}
/******************/ /** CUSTOM PANEL  */ /****************/

/******************/ /** CUSTOM PANEL  */ /****************/
.contactMain {margin:5px; padding:10px; padding-right:0px; padding-bottom:0px; float:left; width:340px; border:1px dashed #cccccc; background-color:#FFE7CB}
.contactTitle { margin-bottom:8px;}
.contactImg { float:left; border:0; padding-right:5px; padding-bottom:10px; padding-top:2px}
.contactPortrait {float:right; width:100px; margin:0; padding:0; height:125px;}
.contactData { font-size:0.9 em;}

/******************/ /** ADMIN SITES  */ /****************/
.articleNote { font-size:10pt; font-style:italic; margin-top:10px; font-size:8pt;} 
#btnArticleNew, #btnUserNew, #btnClubNew, #btnFunctionNew, #btnContactNew, #btnDocumentNew, #btnLinkNew { padding:5px; margin:0; margin-right:8px; margin-left:8px; float:left; border:1px solid #F1ECE3; vertical-align:bottom; background-color:#F1ECE3; height:29px; margin-top:10px; }
#btnArticleSave, #btnUserSave, #btnClubSave, #btnFunctionSave, #btnContactSave, #btnDocumentSave, #btnLinkSave { padding:5px; margin:0; margin-left:8px; float:left; border:1px solid #F1ECE3; vertical-align:bottom; background-color:#F1ECE3; height:27px; width:27px; margin-top:10px;}
#btnArticleApply, #btnUserApply, #btnClubApply, #btnFunctionApply, #btnContactApply, #btnDocumentApply, #btnLinkApply { padding:3px; margin:0; margin-left:8px; float:left; border:1px solid #F1ECE3; vertical-align:bottom; background-color:#F1ECE3; height:27px; width:32px; padding-left:6px; padding-top:7px; margin-top:10px;}
#btnArticleClose, #btnUserClose, #btnClubClose, #btnFunctionClose, #btnContactClose, #btnDocumentClose, #btnLinkClose { padding:5px; margin:0; float:left; border:1px solid #F1ECE3; vertical-align:bottom; background-color:#F1ECE3; height:27px; width:27px; margin-top:10px;}
#btnArticleDelete, #btnUserDelete, #btnClubDelete, #btnFunctionDelete, #btnContactDelete, #btnDocumentDelete, #btnLinkDelete { padding:4px; margin:0; margin-left:8px; float:left; border:1px solid #F1ECE3; vertical-align:bottom; background-color:#F1ECE3; height:27px; width:27px; padding-left:6px; padding-top:7px; margin-top:10px;}

#btnArticleNew:hover, #btnArticleApply:hover, #btnArticleSave:hover, #btnArticleClose:hover, #btnArticleDelete:hover, 
#btnUserNew:hover, #btnUserApply:hover, #btnUserSave:hover, #btnUserClose:hover, #btnUserDelete:hover,
#btnClubNew:hover, #btnClubApply:hover, #btnClubSave:hover, #btnClubClose:hover, #btnClubDelete:hover,
#btnFunctionNew:hover, #btnFunctionApply:hover, #btnFunctionSave:hover, #btnFunctionClose:hover, #btnFunctionDelete:hover,
#btnContactNew:hover, #btnContactApply:hover, #btnContactSave:hover, #btnContactClose:hover, #btnContactDelete:hover,
#btnDocumentNew:hover, #btnDocumentApply:hover, #btnDocumentSave:hover, #btnDocumentClose:hover, #btnDocumentDelete:hover,
#btnLinkNew:hover, #btnLinkApply:hover, #btnLinkSave:hover, #btnLinkClose:hover, #btnLinkDelete:hover
{ border:1px solid #ccccaa; background-color:#F8F5EE; }

#articleForm, #userForm, #clubForm, #functionForm, #contactForm, #documentForm, #linkForm { text-align:left;}

.articleEditTitle, .userEditTitle, .clubEditTitle, .functionEditTitle, .contactEditTitle, .documentEditTitle, .linkEditTitle { color: #48382f; background-color:#F0F0EE; padding:5px; border:1px solid #CCCCCC; border-bottom:0; }
.articleEditSplitter, .userEditSplitter, .clubEditSplitter, .functionEditSplitter, .contactEditSplitter, .documentEditSplitter, .linkEditSplitter { font-size:2px; height:4px; }
.articleNewMessage, .userNewMessage, .clubNewMessage, .functionNewMessage, .contactNewMessage, .documentNewMessage, .linkNewMessage { margin-top:20px; color:red; font-weight:bold; font-size:8pt; }

.adminTableTH  { background-color:#eeeeee; }
.adminTableTR1 { background-color:#F8F5EE; }
.adminTableTR2 { background-color:#F1ECE3; }
.inputAreaContent { padding-right:6px; }
.textAreaContent { padding-top:15px; }
.checkboxAreaContent { padding-top:15px; }
.checkboxContent { border:1px solid #CCCCCC; background-color:#F0F0EE; width:100%; padding:10px;}