/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2008 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(__css.php?file=_generic.tcss);
@import url(__css.php?file=_common.tcss);
@import url(__css.php?file=_gallery.tcss);

/* Genereal settings */
body { background:white url(img/bg_body.jpg) top center repeat-x; padding-top:0; text-align:center; position:relative;}

/* Containers */
.ContainerFull { min-width:100%; }
.Container { width:990px; margin:0 auto; text-align:left; padding:0 25px 0 25px; }
#PageNavigationContainer, #Responsive_cell_NavigationItems, #PageNavigationCloseButton { display:none; }
#HeaderContainer { background:transparent; }
#Header { background:#1D3972 url(img/bg_header.jpg) left top no-repeat; height:150px; text-align:left; padding:0 25px 0 25px; font-size:1em; position:relative; overflow:hidden; text-align:left; }
#ContentContainer { background:ContainerBackground; }
#Content { background:white url(img/bg_containerall.gif) bottom center no-repeat; }
.SideColumn { width:240px; float:left; padding:20px 16px 25px 0; overflow:hidden; text-align:left;}
.SideColumn2 { width:Side2Width; float:Side2Position; padding:Side2PaddingTop Side2PaddingRight Side2PaddingBottom Side2PaddingLeft; }
.MainColumn { width:700px; float:right; padding:20px 0 25px 0; text-align:left; _overflow:hidden;}
.CenterColumn  { width:675px; padding:CenterPaddingTop CenterPaddingRight CenterPaddingBottom CenterPaddingLeft; float:CenterPosition; }
#FooterContainer { background:transparent; padding-bottom:0; }
#Footer { text-align:left; background:white url(img/bg_footer.gif) center top no-repeat; width:990px; padding:15px 25px 30px 25px; font-size:0.9em; line-height:1.7; color:#596E98; }
.LeftFooter { float:left; width:480px; }
.RightFooter { float:right; width:calc(100% - 500px); text-align:right; }
#Footer .Separator { visibility:hidden; }

#ArticleContainer { text-align:left; }
#ArticleContainer h1,
#ArticleContainer h2,
#ArticleContainer h3,
#ArticleContainer h4,
#ArticleContainer h5,
#ArticleContainer h6 { text-align:left; }
#ArticleContainer .left    { text-align:left; }
#ArticleContainer .right   { text-align:right; }
#ArticleContainer .center  { text-align:center; }
#ArticleContainer .justify { text-align:justify; }

/* Logos and other stuff in header */

#Header #Logo,
#Header #Logo a,
#Header #Logo span { display:block; width:330px; height:88px; margin:0; padding:0; position:absolute; top:0; left:0; text-decoration:none; overflow:hidden; }
#Header #Logo a:hover { text-decoration:underline; }
#Header #Logo span { background:transparent url(img/bg_header.jpg) -40px -40px no-repeat; } 
#Header #Logo { left:40px; top:40px; font-size:3em; color:#0296DE; ; line-height:1.2; font-family:Tahoma, Arial, sans-serif; font-weight:bold; ; }

#Header #Motto,
#Header #Motto span { color:#0296DE;; font-size:18px; text-align:right; width:347px; height:25px; line-height:25px; position:absolute; display:block; left:116px; top:103px; }
#Header #Motto span { top:0; left:0; background:transparent url(img/bg_header.jpg) -40px -40px no-repeat; background-position:-116px -103px; }

#Header #SearchFormNormal { position:absolute; width:250px; top:15px; right:10px; text-align:right; }
#Header #SearchFormNormal h2 { display:none; }
#Header #SearchFormNormal input{ width:140px; padding:0 5px 0 0; }
#Header #SearchFormNormal .SubmitButton { width:auto; padding:0; }

/* Main menu */
#MainMenu,
#MainMenu ul,
#MainMenu li,
#MainMenu a,
#MainMenu span { padding:0; margin:0; list-style:none; display:block; height:75px; overflow:hidden; text-align:center; color:#1D3972; font-weight:bold; }
#MainMenu { background:white url(img/bg_menu.gif) top right no-repeat; }
.MenuContainer.eshop #MainMenu { background-image:url(img/bg_menu_e.gif); }
#MainMenu li { float:left; }
#MainMenu a,
#MainMenu span { padding:18px 20px 0; height:75px; font-size:13px; text-decoration:none; }
#MainMenu a:hover,
#MainMenu span { background:url(img/bg_menuitem.gif) 50% 0 no-repeat; }
#MainMenu span { background-position:50% -75px; }
#MainMenu a span,
#MainMenu span span { display:none; }



.DocumentPath { width:100%; min-height:45px; padding-bottom:15px; background:#294379 url(img/bg_documentpath.gif) top right no-repeat; font-weight:bold; }
.MenuContainer.eshop .DocumentPath { background-image:url(img/bg_documentpath_e.gif); }
.DocumentPath p { color:#C0DEFD; margin:0 0 0 130px; padding:4px 0 0 0; text-indent:-130px; line-height:20px; font-size:1.1em; }
.DocumentPath span { white-space: nowrap;}
.DocumentPath .on-line-objednavka-link { float:right; width:150px; margin-left:20px; text-indent:0; }
.DocumentPath .Path { padding-left:24px; padding-right:20px; }
.DocumentPath a { color:white!important; }
.DocumentPath a:hover { color:yellow!important; }


/* Side menu */
#Menu,
#Menu ul, #Menu li { margin:0; padding:0; list-style:none; }
#Menu li { padding:0; }
#Menu a, #Menu span { display:block; padding:0; text-decoration:none; border-bottom:1px solid white; _width:100%; background:white url(img/bg_submenu.gif) 0 0 no-repeat; line-height:40px; height:42px; overflow:hidden; }
#Menu li a,
#Menu li span { padding-left:20px; font-weight:bold; font-size:1.2em; }
#Menu li li a,
#Menu li li span { padding-left:40px; font-weight:normal; font-size:1em; }
#Menu li li li a,
#Menu li li li span { padding-left:60px;  }
#Menu li li li li a,
#Menu li li li li span { padding-left:80px; }
#Menu span.Active { background-position:0 -42px; background-color:#AF0101; color:white;  }
#Menu a:hover { background-position:0 -84px; background-color:#1F3A73; color:white; }
#Menu a span,
#Menu span span,
#Menu li a span,
#Menu li span span { display:none; }
#Menu { margin-bottom:20px; }


/* Forms */
input, select { vertical-align:middle; }
.Archive select { width:150px; }
.StandardForm, .StandardForm th, .StandardForm td { border:0; background:none; vertical-align:top; }
input.fileinput { width:250px; }
input.AntiSpamQuestion { width:75px; }
input.SubmitButton, .LogInForm input.SubmitButton { width:auto; padding:0 10px;}
.LogInForm input {width:100%;} 

/* Feed */
.Feed li { list-style:none; margin-left:10px; }

/* 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(imgdefault/directorytree/minus.gif); }
.SiteMap.Expandable li a.open.off,
.SiteMap.Expandable li a:hover.open.on { background-image:url(imgdefault/directorytree/plus.gif); }


/* Decorated links */
.GoToArchiveLink { padding-top:10px; font-weight:bold; }
.GoToArchiveLink a { }
#FavoritePrintTop { text-align:right; margin:10px 0 0; }
#FavoritePrintTop a { padding-left:20px; }
#FavoritePrintTop span.Separator { visibility:hidden; }
#FavoritePrintTop a.TopPage { background:url(imgdefault/decoration/top.gif) 0 50% no-repeat; }
#FavoritePrintTop a.Print   { background:url(imgdefault/decoration/printer.gif) 0 50% no-repeat; }
#FavoritePrintTop a.AddToFavorite { background:url(imgdefault/decoration/addfavorites.gif) 0 50% no-repeat; }

/* Sidecolumn box */
#SideColumn .Box {  }

#ArticleContainer { padding:0; }

/* Annotation */
#ArticleContainer .Annotation p { margin:0; padding:0; }

/* Reset Annotations */
#ArticleContainer .PreviewAnnotation .Annotation,
#ArticleContainer #SearchFoundDocuments .Annotation { background:transparent; margin:0 0 10px 0; padding:0; font-size:1em; }

/* Search */
.HilightSearch { color:black;  background:yellow; border:1px solid #888; }
#ArticleContainer #SearchFoundDocuments .LinkToFullArticle { display:none; }

/* Article and Preview formatting */

h2.ArticleHeader,
h3.ArticleHeader { margin-top:0; }
.PreviewFooter { margin:4px 0 0; }
.ArticleDateAuthor { margin:4px; }
.LinkToFullArticle { text-align:right; }

.SideAddress { background:#DDE2ED; margin-right:14px; padding:15px 15px 10px; }
.SideAddress h3 { font-size: 1.3em; color: #1D3972; margin: 0 0 1em 0; font-family:Arial, Helvetica, sans-serif; }
.SideAddress p { margin-bottom:1em; }
.SideAddress p.Phone { background:url(img/phone.gif) top left no-repeat; margin:20px 0 0; font-size: 190%; color: #1D3972; font-weight: bold; padding: 0 0 0 45px; line-height:28px; height:28px; }

#vodomery-links { margin:0 -23px 0 -25px; background:url(img/vodomery.jpg) top left no-repeat; width:988px; height:242px; overflow:hidden; position:relative; }
#vodomery-links ul,
#vodomery-links li { margin:0; padding:0; list-style:none; text-align:center; line-height:200px; font-size:1.2em; }
#vodomery-links li,
#vodomery-links li a,
#vodomery-links li span { display:block; width:220px; height:220px; position:absolute; background:#e8f4ff; overflow:hidden; top:0; left:0; }
#vodomery-links li span { background:url(img/vodomery.jpg); }
#vodomery-links li { top:20px; }
#vodomery-links li.bytove { left:25px; }
#vodomery-links li.bytove span { background-position:-25px -20px; }
#vodomery-links li.domovni { left:265px; }
#vodomery-links li.domovni span { background-position:-265px -20px; }
#vodomery-links li.prumyslove { left:505px; }
#vodomery-links li.prumyslove span { background-position:-505px -20px; }
#vodomery-links li.indukcni { left:745px; }
#vodomery-links li.indukcni span { background-position:-745px -20px; }

.eshopside { margin:0 20px; }

#LogInUser { width:450px; position:absolute; top:15px; right:25px; text-align:right; font-size:0; }
#LogInUser .LoginArea { font-size:12px; display:inline-block; width:150px; text-align:left; }
#LogInUser .LoginArea.LoginArea2 { }
#LogInUser .LoginArea.LoginArea3 { width:90px; }
#LogInUser .LoginArea label { display:block; color:#c2e0fc; }
#LogInUser .LoginArea input { width:140px; background:white; border:1px solid black; padding:3px 4px; }
#LogInUser .LoginArea input.SubmitButton { width:90px; height:22px; background:#00a0e1; color:white; border:1px solid #b9daff; padding:1px 4px; cursor:pointer; }
#LogInUser .LoginArea input.SubmitButton:hover { background:#b9daff; color:black; border-color:#b9daff; }
#LogInUser .RegisterPassword { font-size:12px; color:#3895E5; margin:5px 0 0; }
#LogInUser a { color:#3895E5; }
#LogInUser a:hover { color:yellow; } 
#LogInUser .UserLoginFailed { position:absolute; top:0; right:10px; color:yellow; font-weight:bold; }
#LogInUser .LoggedUserInfo { text-align:right; color:#3895E5; }
#LogInUser .LoggedUserName { color:white; }