/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2006 Malenek webdesign - http://www.malenek.cz
 *
 * This program or any of its parts may not be used, redistributed, and/or 
 * modified without an explicit permission of the author and/or 
 * the copyrights owner.
 *
 * Definition of styles used by the web
 *
 */

@import url("_common.css");
@import url("_gallery.css");
@import url("_system.css");

/* Genereal settings */
body { background:#fff url(img/centrum/majak-pozadi.jpg) top left repeat-x; }
body#cs_zdravi { background: url(img/zdravi/majak-pozadi.jpg) top left repeat-x;  }
body#cs_vzdelavani { background: url(img/vzdelavani/majak-pozadi.jpg) top left repeat-x;  }
body#cs_relaxace { background: url(img/relaxace/majak-pozadi.jpg) top left repeat-x;  }
body#cs_kultura { background: url(img/kultura/majak-pozadi.jpg) top left repeat-x;  }
body#cs_sport { background: url(img/sport/majak-pozadi.jpg) top left repeat-x;  }

/* Containers */
#ContainerBody { text-align:center; }
#ContainerAll { width:770px; text-align:left; margin:0 auto; }
#SideColumn { width:161px !important; float:left; padding:0; overflow:hidden; text-align:center; }
#MainColumn { width:549px !important; width:609px; padding:0px 20px 40px 40px; float:right; overflow:hidden; }
#Content { width: 770px; margin:3px 0 10px 0; clear:both; } 

/* Header and footer */
#Header { width: 770px; height: 107px; background: #ffff33 url(img/centrum/majak-pozadi.jpg) left top repeat-x; position:relative; }
body#cs_zdravi #Header { background: #66ccff url(img/zdravi/majak-pozadi.jpg) left top repeat-x; }
body#cs_vzdelavani #Header { background: #cc99ff url(img/vzdelavani/majak-pozadi.jpg) left top repeat-x; }
body#cs_relaxace #Header { background: #ff99cc url(img/relaxace/majak-pozadi.jpg) left top repeat-x; }
body#cs_kultura #Header { background: #ff6666 url(img/kultura/majak-pozadi.jpg) left top repeat-x; }
body#cs_sport #Header { background: #99ffcc url(img/sport/majak-pozadi.jpg) left top repeat-x; }
#Header h1, #Header h1 a, #Header h1 span { position: absolute; display: block; top: 19px; left: 0px; width: 127px; height: 157px; overflow: hidden; font-size: 22px; color: #000; background: url(img/centrum/logo.jpg) left center no-repeat; }
body#cs_zdravi #Header h1, body#cs_zdravi #Header h1 a, body#cs_zdravi #Header h1 span { background: url(img/zdravi/logo.jpg) left center no-repeat; }
body#cs_vzdelavani #Header h1, body#cs_vzdelavani #Header h1 a, body#cs_vzdelavani #Header h1 span { background: url(img/vzdelavani/logo.jpg) left center no-repeat; }
body#cs_relaxace #Header h1, body#cs_relaxace #Header h1 a, body#cs_relaxace #Header h1 span { background: url(img/relaxace/logo.jpg) left center no-repeat; }
body#cs_kultura #Header h1, body#cs_kultura #Header h1 a, body#cs_kultura #Header h1 span { background: url(img/kultura/logo.jpg) left center no-repeat; }
body#cs_sport #Header h1, body#cs_sport #Header h1 a, body#cs_sport #Header h1 span { background: url(img/sport/logo.jpg) left center no-repeat; }
#Header h1 a, #Header h1 span { top: 0; left: 0; font-weight:normal; }
#Header h1 a { cursor: pointer; _cursor: hand; }
#Header h1 a:hover { text-decoration:underline; }
#Header .Motto { width:635px; height:61px; position:absolute; top:22px; left:126px; overflow:hidden; text-align:center; }
#Header .Motto span { display:block; width:635px; height:61px; position:absolute; top:0; left:0; background:url(img/centrum/motto.jpg) left top no-repeat;}
body#cs_zdravi #Header .Motto span { background:url(img/zdravi/motto.jpg) left top no-repeat; }
body#cs_vzdelavani #Header .Motto span { background:url(img/vzdelavani/motto.jpg) left top no-repeat; }
body#cs_relaxace #Header .Motto span { background:url(img/relaxace/motto.jpg) left top no-repeat; }
body#cs_kultura #Header .Motto span { background:url(img/kultura/motto.jpg) left top no-repeat; }
body#cs_sport #Header .Motto span { background:url(img/sport/motto.jpg) left top no-repeat; }

#SearchFormNormal { float:right; width:145px; text-align:right; padding-top:7px; font-size:0.85em; }
#SearchFormNormal input { width:140px; display:block; margin-bottom:1px; }
#SearchFormNormal .SubmitButton { width:auto; padding:0 5px; display:inline; margin:0; }

#Footer { margin:15px 0 25px; }
#prouzek { height:2px !important; height: 4px; overflow:hidden; background: #ffcc33; border: 1px solid #999999; }
body#cs_zdravi #prouzek { background: #00cccc; }
body#cs_vzdelavani #prouzek { background: #cc66cc; }
body#cs_relaxace #prouzek { background: #ff33cc; }
body#cs_kultura #prouzek { background: #ff3333; }
body#cs_sport #prouzek { background: #66cccc; }
#ftkontakt { padding: 3px 0; background: #ffff33; border: 1px solid #999; border-top: none; font-size: 0.85em; color: #666; text-align:center; }
body#cs_zdravi #ftkontakt { background: #66ccff; color: #363636; }
body#cs_vzdelavani #ftkontakt { background: #cc99ff; color: #464646; }
body#cs_relaxace #ftkontakt { background: #ff99cc; color: #464646; }
body#cs_kultura #ftkontakt { background: #ff6666; color: #464646; }
body#cs_sport #ftkontakt { background: #99ffcc; color: #565656;}
#webdesign { padding: 5px 0px 20px 0; color: #777; font-size: 0.8em; }
#webdesign a { color: #777; text-decoration:none; }
#webdesign a:hover { color: #000; text-decoration:underline; }
#webdesign #pub-me{ float:left; }
#webdesign #hp-webdesign { float:right; }
#NaVrcholu { visibility: hidden; }
#NaVrcholu img { border: none; }


/* Main menu */
#Menu { height: 19px !important; _height: 24px; background: #99ccff; border: 1px solid black; padding: 3px 0 0 144px; text-align: left; font-size:13px; }
#Menu ul, #Menu li { margin:0; padding:0; list-style:none; }
#Menu li { padding-right:5px; padding-left:12px; display:block; float:left; }
#Menu li ul { position:absolute; width:150px; border-top-width:4px !important; border-top:3px solid #9cf; border-bottom:1px solid black;; z-index:2; top:15px; left:8px;display:none; }
#Menu li ul.cs_novinky { left:auto; right:-8px; }
#Menu ul li { behavior: url(/styles/hover.htc); position:relative; }
#Menu ul li:hover ul, #Menu ul li.hover ul { display:block; z-index:1000; }
#Menu ul li:hover, #Menu ul li.hover { z-index:1000; }
#Menu li li { display:block; background:#9cf; border:1px solid black; border-bottom:0; margin:0; padding:0; float:none; }
#Menu li li a, #Menu li li span { display:block; width:auto !important; width:100%; background:#bdf; padding:3px 4px; }
#Menu li li a span, #Menu li li span span { display:none; }
#Menu li li a:hover { background:#7ad; }
#Menu a, #Menu span.Active { text-decoration:none; color:black; }
#Menu span.Active { font-weight:bold; color:black;  }
#Menu a:hover { color:white; }

/* Feed */
.Feed li { list-style:none; margin: 40px 0 0; }

/* Forms */
input, select { vertical-align:bottom; }
.Archive select { width:150px; }
.StandardForm, .StandardForm th, .StandardForm td { border:0; background:none; vertical-align:top; }
.StandardForm th, .StandardForm td { padding:4px 0; }
.StandardForm th { width:180px; padding-top:5px; }
input { width:200px; }
input.AntiSpamQuestion { }
input.SubmitButton { width:auto; padding:0 10px;}
table.StandardForm .PaddingTop { padding-top: 1em; }
table.StandardForm .PaddingBigTop { padding-top: 2em; }


/* Archive */
.ArchiveListing { color:#aaa; margin-top: 35px; }

/* Search */
.HilightSearch { background:yellow; }
#SearchFoundDocuments .Annotation { background:transparent; padding:0; font-variant:normal; }
#SearchFoundDocuments .LinkToFullArticle, #SearchFoundDocuments .PreviewFooter { display:none; }

/* Sitemap as directory tree */
.SiteMap.Expandable {	background:white; width:200px; }
.SiteMap.Expandable ul.off { display:none; }
.SiteMap.Expandable ul.on {	display:block; }
.SiteMap.Expandable ul { margin:0; padding:0; width:100%; position:relative; }
.SiteMap.Expandable ul li {	margin:0;	padding:0; list-style:none; position:relative; line-height:14px; font-size:12px; }
.SiteMap.Expandable ul li li { margin-left:13px; }
.SiteMap.Expandable ul li a { display:block; text-decoration:none; color:black; background-position:15px 1px; background-repeat:no-repeat; }
.SiteMap.Expandable ul li a.HasSub,
.SiteMap.Expandable ul li a.NoSub,
.SiteMap.Expandable ul li span.HasSub,
.SiteMap.Expandable ul li span.NoSub { display:block; height:auto !important; height:19px; min-height:16px; padding:3px 0 0 15px; }
.SiteMap.Expandable ul li span { font-weight:bold; }
.SiteMap.Expandable ul li a:hover { text-decoration:underline; background-color:#e0f0ff; }
.SiteMap.Expandable li a.open { width:13px; height:19px !important; min-height:1px; padding:0; margin:0; position:absolute; top:0px; left:0px; overflow:hidden; text-indent:-2000px; background: white 2px 6px no-repeat; }
.SiteMap.Expandable li a:hover.open { background-color:white; }
.SiteMap.Expandable li a.open.on,
.SiteMap.Expandable li a:hover.open.off { background-image:url(img/directorytree/minus.gif); }
.SiteMap.Expandable li a.open.off,
.SiteMap.Expandable li a:hover.open.on { background-image:url(img/directorytree/plus.gif); }

.SiteMap li li { margin-left:0; } 
.SiteMap li li li { margin-left:35px; } 

/* Comments */

#Comments { margin-top:10px; border-top:3px solid #468; }
#Comments .NoComment,
#Comments .ErrorMessage, .ErrorMessage { text-align:center; border:1px solid #f80; padding:15px 10px; margin:10px 0 20px; font-weight:bold; color:red; }
#Comments .CommentItem {margin-bottom:10px; background:#eee; }
#Comments .CommentHeader { background:#cde; padding:2px 5px; }
#Comments .CommentFooter { background:#dee; padding:2px 5px; text-align:right;}
#Comments .CommentName { font-weight:bold; }
#Comments .CommentDate .Separator { display:none; }
#Comments .CommentText { padding:2px 5px; }
#Comments h5 { color:black; margin:3px 0; }
#Comments .CommentHelp { border:1px solid #468; background:#eee; padding:10px 10px; margin-top:15px; }
#Comments .CommentHelp p.FirstParagraph { margin-top:0; }
#Comments .CommentHelp p { margin-top:5px; }
#Comments .CommentsClosed { border:1px solid #468; background:#eee; padding:10px 10px; margin-top:15px; text-align:center; }


/* Decorated links */
.GoToArchiveLink { margin-bottom:40px; }
/*.GoToArchiveLink a.GoToArchive, a:hover.GoToArchive{ color:#000; font-weight:bold; }
.GoToArchiveLink a:hover.GoToArchive { color:#ff6633; }*/
#FavoritePrintTop { text-align:left; position:relative; font-size:0.85em; color:#333; padding-left:201px; }
#FavoritePrintTop p { margin-top: 0; }
#FavoritePrintTop p.right { position:absolute; right:0; top:-2px; }
#FavoritePrintTop a { color:#333; text-decoration:none; }
#FavoritePrintTop .SiteMapLink a { background:url(img/decoration/site-map.gif) 0 center no-repeat; padding: 0 20px 0 15px; }
#FavoritePrintTop a.TopPage { background:url(img/decoration/top.gif) 0 center no-repeat; padding-left:10px; }
#FavoritePrintTop a.Print   { background:url(img/decoration/printer.gif) 0 center no-repeat; padding-left:23px; }
#FavoritePrintTop a.Back { background:url(img/decoration/back.gif) 0 center no-repeat; padding-left:14px; }
#FavoritePrintTop a.AddToFavorite { background:url(img/decoration/addfavorites.gif) 0 50% no-repeat; }

/* Sidecolumn box */
#SideColumn .Box { }
#SideColumn .Box .Separator, #SideColumn .Box .PreviewComments,
#SideColumn .Box .PreviewAnnotation .PreviewTopic, #SideColumn .Box .PreviewAnnotation .Label { display:none; }
#SideColumn .Box .PreviewAnnotation h3 { margin-top:0; }
#SideColumn .Box .PreviewAnnotation h3 a { font-size:0.85em; color:#ff6600; text-decoration:none; }
body#cs_zdravi #SideColumn .Box .PreviewAnnotation h3 a { color:#33cccc; }
body#cs_vzdelavani #SideColumn .Box .PreviewAnnotation h3 a { color:#cc66cc; }
body#cs_relaxace #SideColumn .Box .PreviewAnnotation h3 a { color:#ff66cc; }
body#cs_kultura #SideColumn .Box .PreviewAnnotation h3 a { color:#ff6666; }
body#cs_sport #SideColumn .Box .PreviewAnnotation h3 a { color:#33cc99; }
#SideColumn .Box .PreviewAnnotation h3 a:hover { text-decoration:underline; color:#000; }
body#cs_zdravi #SideColumn .Box .PreviewAnnotation h3 a:hover,
body#cs_vzdelavani #SideColumn .Box .PreviewAnnotation h3 a:hover, 
body#cs_relaxace #SideColumn .Box .PreviewAnnotation h3 a:hover,
body#cs_kultura #SideColumn .Box .PreviewAnnotation h3 a:hover, 
body#cs_sport body#cs_kultura #SideColumn .Box .PreviewAnnotation h3 a:hover { color:#000; }
#SideColumn .Box .ArticlePreviewList { margin:0; padding:0; }
#SideColumn .Box .ArticlePreviewList li { list-style:none; } 
#SideColumn .Box .ArticlePreviewList li, #SideColumn .Box .PreviewAnnotation { margin:0; position:relative; padding:34px 4px 25px; background:white url(img/centrum/aktualita-pozadi.jpg) center top no-repeat; color:#666; font-size:0.85em; }
body#cs_zdravi #SideColumn .Box .ArticlePreviewList li, body#cs_zdravi #SideColumn .Box .PreviewAnnotation { background:white url(img/zdravi/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_vzdelavani #SideColumn .Box .ArticlePreviewList li, body#cs_vzdelavani #SideColumn .Box .PreviewAnnotation { background:white url(img/vzdelavani/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_relaxace #SideColumn .Box .ArticlePreviewList li, body#cs_relaxace #SideColumn .Box .PreviewAnnotation { background:white url(img/relaxace/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_kultura #SideColumn .Box .ArticlePreviewList li, body#cs_kultura #SideColumn .Box .PreviewAnnotation { background:white url(img/kultura/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_sport #SideColumn .Box .ArticlePreviewList li, body#cs_sport #SideColumn .Box .PreviewAnnotation { background:white url(img/sport/aktualita-pozadi.jpg) center top no-repeat; }
#SideColumn .Box .PreviewAnnotation .Annotation { font-variant:normal; font-size:1em; padding:0; margin:0; }
#SideColumn .Box .ArticlePreviewList .PreviewDateCreated, #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { position:absolute; top:0px; right:0px; padding:12px 5px 0; width:151px !important; width:161px; color:black; font-weight:bold; font-size:11px; background: white url(img/centrum/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_zdravi #SideColumn .Box .ArticlePreviewList .PreviewDateCreated, body#cs_zdravi #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { background: white url(img/zdravi/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_vzdelavani #SideColumn .Box .ArticlePreviewList .PreviewDateCreated, body#cs_vzdelavani #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { background: white url(img/vzdelavani/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_relaxace #SideColumn .Box .ArticlePreviewList .PreviewDateCreated, body#cs_relaxace #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { background: white url(img/relaxace/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_kultura #SideColumn .Box .ArticlePreviewList .PreviewDateCreated, body#cs_kultura #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { background: white url(img/kultura/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_sport #SideColumn .Box .ArticlePreviewList .PreviewDateCreated, body#cs_sport #SideColumn .Box .PreviewAnnotation .PreviewDateCreated { background: white url(img/sport/aktualita-pozadi.jpg) center top no-repeat; }
#SideColumn .Box .ArticlePreviewList a, #SideColumn .Box .PreviewAnnotation a { color: #666666;  } 
#SideColumn .Box .PreviewAnnotation .LinkToFullArticle { margin-top:3px; text-align:center; } 
#SideColumn .Box .PreviewAnnotation .Annotation { margin:0 4px;}

#SideColumn #TopList { padding:2px 4px 4px; background:white url(img/centrum/aktualita-pozadi.jpg) center top no-repeat; font-size:0.85em; }
body#cs_zdravi #SideColumn #TopList { background:white url(img/zdravi/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_vzdelavani #SideColumn #TopList { background:white url(img/vzdelavani/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_relaxace #SideColumn #TopList { background:white url(img/relaxace/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_kultura #SideColumn #TopList { background:white url(img/kultura/aktualita-pozadi.jpg) center top no-repeat; }
body#cs_sport #SideColumn #TopList { background:white url(img/sport/aktualita-pozadi.jpg) center top no-repeat; }
#SideColumn #TopList img.Counter { width: 88px; border: 0; height: 60px; margin:20px 0 0; padding: 0; }

/* Article content and preview formatting */
.DocumentPath { padding: 8px 0px 0 201px; text-align: left; color:#333333; font-size: 0.85em; }
.DocumentPath span.Chapter { padding-left:12px; background:url(img/navigace.gif) left center no-repeat; }

#filozofie { margin:60px 0 60px 0; color:#ff6633; font-weight:bold; }
#filozofie p { margin-bottom:8px; color:#ff6600; font-weight:bold; text-align:center; }
body#cs_zdravi #filozofie p { color:#33cccc; }
body#cs_vzdelavani #filozofie p { color:#cc66cc; }
body#cs_relaxace #filozofie p { color:#ff66cc; }
body#cs_kultura #filozofie p { color:#ff6666; }
body#cs_sport #filozofie p { color:#33cc99; }
#filozofie a img { border:none; }

#ArticleContainer { padding:13px 0 0; }
.PreviewFooter { margin-top:4px; font-size:0.85em; }
.PreviewArticle { margin-bottom:8px; }
.Annotation { margin-bottom:4px; }
#SideColumn .GoToArchiveLink { display: none; }

#ArticleContainer .Annotation { margin: 26px 0 0; color:#666; }
#ArticleContainer div.Annotation { margin-top:25px; }
#ArticleContainer .LinkToFullArticle { margin: 8px 0 0; }
#ArticleContainer .ArticleDateAuthor { margin:10px 0 30px; font-size:0.85em; color:#666; }
#ArticleContainer .PreviewFooter { margin:16px 0 44px; }
#ArticleContainer .PreviewAnnotation p.Annotation { margin: 0; color: #000; }

.TextHidden { display:none; margin: 1.5em 0 3em; }
.TextHiddenLink { height:auto !important; height:15px; min-height:15px; color:#0099cc; background:url(img/directorytree/hidden-text.gif) left center no-repeat; cursor:pointer; text-decoration:underline; padding-left:25px; }
.HiddenLinkTopList { cursor:pointer; text-decoration:none; }
#SearchPaging { margin-top:2em; }

.PreviewPermanentLink { display:none; }
.RegisterUser { margin-top:2em; }

#User { margin-top: 30px; }
#User a.LogOff { font-size:0.85em; color:#555; }
#User a.LogOff:hover { color:#000; }
#User p { margin-top: 0; }
#User p.UserName { color:#ff6600; font-weight:bold; }
body#cs_zdravi #User p.UserName { color:#33cccc; }
body#cs_vzdelavani #User p.UserName { color:#cc66cc; }
body#cs_relaxace #User p.UserName { color:#ff66cc; }
body#cs_kultura #User p.UserName { color:#ff6666; }
body#cs_sport #User p.UserName { color:#33cc99; }

p.RegistrationAlert { margin: 2em 0; padding:0.5em; color:#ff6600; border: 1px #ff6600 solid; font-weight:bold;}