/* CSS Document */
* { font-family: arial; color: #FFFFFF; font-weight: normal; }
a:link    { text-decoration: underline; color: #FF8400; }
a:visited { text-decoration: underline; color: #FF8400; }
a:hover   { text-decoration: underline; color: #FF8400; }
a:active  { text-decoration: underline; color: #FF8400; }
img { border: 0; }
input, select, option { background-color: rgb(255,255,255); color: rgb(0,0,0); }
fieldset { margin: 5px 0; }
legend { padding: 0 10px; }
body, ul#top-menu { margin: 0; padding: 0; }
.display-none { display: none; }
.text-center  { text-align: center; }
.text-left    { text-align: left; }
.separe { display: block; clear: both; line-height: 0px; }

body { background-color: #718190; text-align: left;position: fixed; top: 0; bottom: 0; width: 100%; }
#page { width: 780px; margin: 0 auto; height: 100%; bottom: 0; text-align: left; }
#head { width: 780px; height: 183px; background: url(../images/header.jpg) no-repeat; }

ul#top-menu, ul#top-menu li a { display: block; }
ul#top-menu { height: 30px; list-style: none; position: relative; top: 163px; bottom: 0; z-index: 10; }
ul#top-menu li { float: left; height: 22px; }
ul#top-menu li a { width: 94px; height: 22px; }
ul#top-menu li a:hover { border-bottom: 2px solid #FF8400; }
ul#top-menu li#href-home a    { background: url(../images/menu-top_home.jpg) no-repeat left top; }
ul#top-menu li#href-onas a    { background: url(../images/menu-top_onas.jpg) no-repeat left top; }
ul#top-menu li#href-foto a    { background: url(../images/menu-top_galery.jpg) no-repeat left top; }
ul#top-menu li#href-cenik a   { background: url(../images/menu-top_cenik.jpg) no-repeat left top; }
ul#top-menu li#href-kontakt a { background: url(../images/menu-top_kontakt.jpg) no-repeat left top; }

#page #main { position: absolute; top: 183px; bottom: 0px; color: #FFFFFF; background: url(../images/bg-main.jpg) repeat-y left; }
#main-top { width: 780px; height: 47px; background: url(../images/main-top.jpg) no-repeat left top; }
#page #main-footer { width: 780px; position: absolute; bottom: 0; height: 30px; background-color: #092741; }
#main-footer span { padding-left: 20px; font-size: 13px; line-height: 25px; }

#NewsBox {
  width: 200px; position: absolute; top: 5px; bottom: 30px; overflow: auto;
  font-family: Arial, sans-serif; font-size: 9pt; color: #000000;
}
#NewsBox h3 { text-align: center; font-size: 18px; margin: 10px 0 0 0; font-weight: normal; }
.NewsRow { margin: 5px 10px; padding-top: 5px; clear: both; border-top: 1px solid #517CA6; }
.NewsRow p { margin: 5px 0; }
.NewsRow span.title { display: block; text-align: center; color: rgb(255,132,0); border-bottom: 1px solid #517CA6; padding-bottom: 5px; }
.NewsRow span.date { float: right; font-size: small; }
.NewsRow hr { clear: both; border-width: 0; }
.NewsRow .AdminTools { display: block; height: 16px; padding: 3px 0; }

#page #content {
  width: 570px; position: absolute; top: 38px; bottom: 30px; margin-left: 210px; overflow: auto;
}
#page #ContentMain { padding: 0 20px; }
#content ul { list-style-type: square; }
#content li { line-height: 25px; }

#error-page { margin-top: 30px; padding-top: 130px; background: url(../images/erroricon.png) no-repeat center top; }
#error-page h2 { font-size: 24px; }
#error-page h3 { font-size: 18px; }

.header {font-family: Verdana, sans-serif; font-size: 12px; color: #2FFFFF; padding-left: 10px; padding-right: 5px; font-weight: 900; }
.text {font-family:Verdana,sans-serif; font-size: 13px; color: #6D747B; padding-left: 10px; padding-right: 10px; }
.text2 {font-family:Tahoma,sans-serif; font-size: 11px; color: #404040; padding-left: 10px; padding-right: 10px; }
.news {font-family:Arial, sans-serif; font-size: 9pt; color: #000000; padding-left: 10px; padding-right: 5px; font-weight: 900; }

/* FotoGalerie */
#GaleryNav { margin-top: 15px; padding: 0 20px; border-bottom: 1px solid #FF8400; height: 33px; }
#GaleryNav ul { margin: 0 auto; padding: 0px 5px; }
#GaleryNav li { position: relative; top: 0px; list-style: none; float: left; padding: 0; line-height: 33px;}
#GaleryNav a { float: left; display: block; background: url("../images/bg_topnavi_left.gif") no-repeat; padding-left: 11px; text-decoration: none;}
#GaleryNav a span { float: left; display: block; background: url("../images/bg_topnavi_right.gif") no-repeat right top; padding: 0px 11px 0px 0px;}
#GaleryNav a span { float: none;}  /* !IE5-Mac \*/
#GaleryNav #Selected a { background-position: 0 -33px; border: 0;}
#GaleryNav #Selected a span { background-position: 100% -33px; padding-bottom: 0px; color: #FFFFFF; }
#GaleryNav a:hover { background-position: 0 -33px; }
#GaleryNav a:hover span { background-position: 100% -33px; }
#GaleryNav a span { color: #000000; }
#GaleryNav a:hover span { color: #FFFFFF; }
#navProducts { clear: both; color: #FFFFFF; font-size: 14px; font-weight: bold; }
#navProducts a { padding: 0px 10px; padding-left: 11px; text-decoration: none; color: #FFFFFF; }

table#galerie { margin: 10px auto; }
table#galerie img { padding: 3px; margin: 5px; border: 1px solid #808080; background-color: #FFFFFF; }

/* Administrace */
.ToolBar { height: 75px; margin-bottom: 15px; }
#ToolBar {
  position: fixed; width: 515px; height: 65px; padding: 5px; margin-top: 0px; background-color: #011F39;
  border: 1px solid #FFFFFF; border-radius: 5px; box-shadow: 0 0 27px 5px #888888;
}
#ToolBar #ToolBarHeader { float: left; }
#ToolBar #ToolBarBtn    { float: right; }
#ToolBarBtn a, .ToolBarBtn a {
  float: left; width: 55px; height: 50px; display: block; margin: 3px; padding: 2px;
  font-size: 10px; text-decoration: none; text-align: center; color: #0B55C4;
  border: 1px solid #FBFBFB; font-weight: normal; background-color: rgb(255,255,255);
}
#ToolBarBtn a:hover, .ToolBarBtn a:hover {
  border-width: 1px; border-style: solid; border-left-color: #EFEFEF; color: #0B55C4;
  border-bottom-color: #CDCDCD; border-top-color: #EFEFEF; border-right-color: #CDCDCD;
  font-weight: normal; 
}
#ToolBarBtn span.Icon, .ToolBarBtn span.Icon {
  width: 32px; height: 32px; display: block; margin: 0 auto 3px auto; font-weight: normal;
  font-size: 0; background-position: top; background-repeat: no-repeat;
}
#ToolBarBtn span.BtnAdd       { background-image: url(../images/toolbar/icon-32-new.png);       }
#ToolBarBtn span.BtnEdit      { background-image: url(../images/toolbar/icon-32-edit.png);      }
#ToolBarBtn span.BtnSave      { background-image: url(../images/toolbar/icon-32-save.png);      }
#ToolBarBtn span.BtnApply     { background-image: url(../images/toolbar/icon-32-apply.png);     }
#ToolBarBtn span.BtnClose     { background-image: url(../images/toolbar/icon-32-cancel.png);    }
#ToolBarBtn span.BtnOption    { background-image: url(../images/toolbar/icon-32-config.png);    }
#ToolBarBtn span.BtnDelete    { background-image: url(../images/toolbar/icon-32-delete.png);    }
#ToolBarBtn span.BtnDefault   { background-image: url(../images/toolbar/icon-32-default.png);   }
#ToolBarBtn span.BtnPublish   { background-image: url(../images/toolbar/icon-32-publish.png);   }
#ToolBarBtn span.BtnUnPublish { background-image: url(../images/toolbar/icon-32-unpublish.png); }
.ToolBarBtn span.BtnUpload    { background-image: url(../images/toolbar/icon-32-upload.png);    }

#SystemMessage {
  position: absolute; top: 100px; z-index: 100; width: 100%;
}
.SystemMessage {
  width: 450px; min-height: 100px; padding: 10px 20px; margin: 0 auto; background-color: #011F39;
  border: 2px solid #808080; border-radius: 10px; box-shadow: 0 0 27px 5px #888888;
}
.SystemMessage h3, .SystemMessage div { margin-left: 100px; }
.SystemMessage .icon {
  float: left; margin: 20px 0 0 10px; display: block; width: 64px; height: 64px;
}
.SystemMessage .stop    { background-image: url(../images/icons/icon-64-stop.png); background-repeat: repeat; }
.SystemMessage .error   { background-image: url(../images/icons/icon-64-error.png); background-repeat: repeat; }
.SystemMessage .info    { background-image: url(../images/icons/icon-64-information.png); background-repeat: repeat; }
.SystemMessage .warning { background-image: url(../images/icons/icon-64-exclamation.png); background-repeat: repeat; }

table.adminedit           { margin: 10px; }
table.adminedit td input  { margin: 2px 0; }
table.adminedit th        { font-weight: bold; }
table.adminedit thead th  { text-align: center; }

table.adminlist {
  width: 100%; border: medium double #CDCDCD; border-collapse: collapse;
}
table.adminlist th, table.adminlist td {
  padding: 2px; text-align: center; line-height: 13px; font-size: 13px;
  border: 1px solid #CDCDCD;
}
table.adminlist th { background-color: rgb(95,158,160); padding: 5px 2px; }
table.adminlist td.text-left { text-align: left; padding-left: 5px; }
table.text-left td { text-align: left; padding-left: 5px; }

a.icon, span.icon {
  display: inline-block; width: 16px; height: 16px; margin-left: 3px;
  background-position: left top; background-repeat: no-repeat;
}
a.icon span, span.icon span { display: none; }
a.edit        { background-image: url(../images/icons/icon-16-edit-page.png); }
a.publish     { background-image: url(../images/icons/icon-16-publish.png); }
a.unpublish   { background-image: url(../images/icons/icon-16-unpublish.png); }
a.trash       { background-image: url(../images/icons/icon-16-trash.png); }
a.sort-up     { background-image: url(../images/icons/icon-16-sort-up.png); }
a.sort-down   { background-image: url(../images/icons/icon-16-sort-down.png); }
span.default  { background-image: url(../images/icons/icon-16-star.png); }

.user-login-form { margin: 20px auto; width: 250px; }
.user-register-form { margin: 20px auto; width: 300px; }

ul#user-menu {
  float: right; height: 20px; list-style: none;
  position: relative; top: -15px; right: 20px;
}
ul#user-menu li { float: left; height: 20px; }


