/* Author: Tomas Matis, Skvely.CZ Project: www.sabtikas.cz Latest revision: 10.3.2009 */ @import url("global.css"); @import url("highslide.css"); /* Base ----------------------------------*/ body { background:#000 url('../images/bg-body.png') repeat-x 0 0; font-size:62.5%; } p { margin:0 0 20px 0; } /* Links ----------------------------------*/ a, a:link, a:visited { color:#009900; text-decoration:underline; } a:hover, a:active, a:focus { color:#fff; text-decoration:none; } /* Form ----------------------------------*/ #page #wrapper form { margin:15px 0; } #page #wrapper form ul.list { margin:0; } #page #wrapper form ul.list li { background:none; padding:5px; margin:5px 0; overflow:hidden; width:500px; } #page #wrapper form ul.list li label.fix { width:170px; display:block; float:left; margin:0; font-weight:700; } #page #wrapper form ul.list li.focus { background:#191919; } #page #wrapper form ul.list li.error { background:#590706; } #page #wrapper form ul.list li.error label { color:#eaaba8; font-weight:700; } #page #wrapper form ul.list li strong.fix { width:170px; display:block; float:left; margin:0; } #page #wrapper form ul.list li ul { margin:0 0 0 170px; line-height:1; } #page #wrapper form ul.list li ul li { padding:0; } #page #wrapper form input.txt, #page #wrapper form textarea.txt { background:#fff; border:2px solid #007300; padding:2px; color:#000; } #page #wrapper form input.txt { width:300px; } #page #wrapper form textarea.txt { width:300px; font-size:1em; } /* Page ----------------------------------*/ #page { font-size:1.3em; line-height:1.6; width:960px; margin:0 auto; position:relative; color:#e5e5e5; } #page #skip a { position:absolute; top:-10000px; left:-10000px; } #page #skip a:focus, #page #skip a:active { background:#ff7a00; color:#fff; width:300px; padding:2px; font-size:1.1em; font-weight:700; text-align:center; top:0; left:300px; z-index:50; } /* Header ----------------------------------*/ #page #header { margin:31px auto 0; position:relative; width:960px; height:128px; } #page #header a.ir { margin:0; width:201px; height:69px; color:#fff; font-size:2.5em; font-weight:700; } #page #header a.ir span { background:url('../images/logo.png') no-repeat 0 0; } #page #header a.ir:hover span, #page #header a.ir:active span, #page #header a.ir:focus span { background-position:-201px 0; } #page #slogan { background:#639f28 url('../images/bg-frog.jpg') no-repeat 0 0; /*padding:141px 487px 17px 25px;*/ width:960px; height:201px; position:relative; } #page #slogan p.ir { width:448px; height:43px; position:absolute; top:141px; left:25px; margin:0; font-size:1em; font-weight:700; color:#fff; line-height:1; } #page #slogan p.ir span { background:url('../images/slogan-frog.png') no-repeat 0 0; } #page #delimiter { background:#639f28 url('../images/bg-frog-tiny.jpg') no-repeat 0 0; width:960px; height:41px; } /* Content ----------------------------------*/ #page #wrapper { background:url('../images/bg-boxes.png') no-repeat 0 0; width:960px; margin:25px auto; overflow:hidden; } #page #wrapper.single { background:url('../images/bg-box.png') no-repeat 0 0; width:960px; margin:25px auto; overflow:hidden; } #page #wrapper h1, #page #wrapper .heading { border-bottom:2px solid #007300; color:#fff; font-size:1.2em; margin:0 0 10px 0; padding:0 0 10px; text-indent:45px; } #page #wrapper h2 { color:#ff7a00; font-size:1.1em; margin:10px 0 5px 0; } #page #wrapper img { border:1px solid #007300; } #page #wrapper ul, #page #wrapper ol { margin:0 0 20px 30px; } #page #wrapper ul li { background:url('../images/bg-li.gif') no-repeat 0 6px; margin:0 0 10px 0; padding:0 0 0 25px; color:#3fb545; font-weight:700; } #page #wrapper #content { float:left; display:inline; width:560px; margin:25px 0 0 30px; } #page #wrapper.single #content { float:none; display:block; width:900px; margin:25px auto; } #page #wrapper table { width:80%; margin:10px auto 20px; } #page #wrapper table caption { border:1px solid #000; border-top:none; border-bottom:none; padding:4px 5px; font-weight:700; } #page #wrapper table caption, #page #wrapper table th { background:#639f28; } #page #wrapper table td { background:#1b1b1b; } #page #wrapper table td, #page #wrapper table th { padding:4px 8px; border:1px solid #000; text-align:center; } #page #wrapper dl { margin:0 0 10px 0; width:60%; overflow:hidden; } #page #wrapper dl dt { float:left; width:30%; font-weight:700; } #page #wrapper dl dd { float:left; width:70%; } #page #wrapper #sitemapList { margin:0 0 0 20px; padding:0 0 20px 0; } #page #wrapper #sitemapList ul { margin:0 0 0 20px; } #page #wrapper #sitemapList li { background:none; margin:0 0 10px 0; padding:0; list-style:disc; } #page #wrapper #sitemapList li a, #page #wrapper #sitemapList li span { font-size:1.2em; font-weight:700; } #page #wrapper #sitemapList li span { color:#fff; } #page #wrapper #sitemapList li ul li { margin:0; list-style:circle; } #page #wrapper #sitemapList li ul li a { font-size:1.1em; font-weight:700; } #page #wrapper #sitemapList li ul li ul li { list-style:square; } #page #wrapper #sitemapList li ul li ul li a { font-size:1em; font-weight:500; } #page #wrapper #sidebar { float:right; display:inline; width:260px; margin:25px 20px 0 0; } #page #wrapper #sidebar h4 { margin:0 0 10px 0; } #page #wrapper #sidebar ul { margin:0; } #page #wrapper #sidebar ul li { background:none; margin:0; padding:0; color:#e5e5e5; font-weight:500; } /* Main menu ----------------------------------*/ #page #navigation { position:absolute; top:85px; left:0; z-index:30; } #page #navigation li { display:block; margin:0 12px 0 0; float:left; position:relative; } #page #navigation li a, #page #navigation li span { display:block; height:30px; line-height:30px; } #page #navigation li a { padding:0 0 0 10px; font-weight:700; font-size:1.1em; } #page #navigation li span { padding:0 10px 0 0; } #page #navigation li a.active { color:#fff; } #page #navigation li a, #page #navigation li a:link, #page #navigation li a:visited { background:url('../images/bg-menu-a.png') -1000px -1000px no-repeat; } #page #navigation li a span, #page #navigation li a:link span, #page #navigation li a:visited span { background:url('../images/bg-menu-span.png') -1000px -1000px no-repeat; } #page #navigation li a:hover, #page #navigation li a:active, #page #navigation li a:focus { background-color:#454545; background-position:left top; } #page #navigation li a:hover span, #page #navigation li a:active span, #page #navigation li a:focus span { background-color:#454545; background-position:right top; } #page #navigation li.submenu a { padding:0 2px 0 12px; } #page #navigation li.submenu div { display:none; } #page #navigation li.submenu.hover a, #page #navigation li.submenu.hover a:link, #page #navigation li.submenu.hover a:visited { background:url('../images/bg-submenu-a.png') no-repeat 0 -4px; color:#fff; } #page #navigation li.submenu.hover a:hover span, #page #navigation li.submenu.hover a:active span, #page #navigation li.submenu.hover a:focus span { background:none; } #page #navigation li.submenu.hover div { background:url('../images/bg-submenu-top.png') no-repeat 0 0; display:block; width:278px; min-height:300px; position:absolute; top:30px; left:0; padding:16px 0 0; } #page #navigation li.submenu.hover ul { background:url('../images/bg-submenu.png') no-repeat 0 100%; padding:0 0 15px 0; } #page #navigation li.submenu.hover ul li { display:block; float:none; } #page #navigation li.submenu.hover ul li a, #page #navigation li.submenu.hover ul li a:link, #page #navigation li.submenu.hover ul li a:visited { background:none; display:block; float:none; padding:0 15px; height:auto; font-size:1em; line-height:1.7; color:#009900; } #page #navigation li.submenu.hover ul li a:hover, #page #navigation li.submenu.hover ul li a:active, #page #navigation li.submenu.hover ul li a:focus { color:#fff; } /* Footer ----------------------------------*/ #page #footer { background:url('../images/bg-frog2.png') no-repeat 0 10px; padding:10px 0 40px; border-top:2px solid #007300; width:100%; } #page #footer p { margin:0 0 0 70px; } /* Gallery ----------------------------------*/ #page #wrapper .images { list-style-type:none; margin:15px 0; padding:0; overflow:hidden; width:100%; } #page #wrapper .images li { background:none; width:160px; margin:0 0 10px 17px; padding:0; float:left; display:inline; position:relative; } #page #wrapper .images li.last { margin-right:0; } #page #wrapper .images li a img { border:1px solid #007300; padding:1px; } #page #wrapper .images li a:hover img { border-color:#ff7a00; } #page #wrapper .images li small { font-size:1em; display:block; text-align:center; } #page #wrapper .files { list-style-type:none; margin:0 0 15px 0; padding:0; } #page #wrapper .files li { background:none; margin:0; padding:0; } /* Alert messages ----------------------------------*/ #page #wrapper .errors, #page #wrapper .success { margin:10px 0 !important; padding:15px 0 !important; } #page #wrapper .errors li { background:none !important; margin:0; padding:0 5px 0 45px !important; font-weight:700; } #page #wrapper .errors { background:#590706 url('../images/32delete.png') no-repeat 5px 10px; border:1px solid #761b17; border-left:none; border-right:none; } #page #wrapper .errors li { color:#eaaba8; } #page #wrapper .success { background:#144c00 url('../images/32accept.png') no-repeat 5px 10px; border:1px solid #246b00; border-left:none; border-right:none; padding:15px 15px 15px 50px !important; font-weight:700; color:#add07b; } /* Admin ----------------------------------*/ .edit { overflow:hidden; } .edit small { background:#ff7a00; font-size:0.9em; font-weight:700; line-height:1.4; color:#000; padding:3px; } li.edit { background:none !important; border:none !important; padding:0 0 0 20px; } li.edit.sub { padding:0 0 0 35px; border:none !important; } li.edit a { background-color:transparent !important; background-position:center bottom !important; } .navAdmin { font-size:0.9em; } .navAdmin ul, .navAdmin .add { margin:0 0 0 40px; } /* Other ----------------------------------*/ .in { padding:10px; } .hidden { display:none; } .hiddenA { position:absolute; top:-9999px; left:-9999px; } .imRight { display:block; float:right; } .imLeft { display:block; float:left; } .fleft { float:left !important; } .fright { float:right !important; } .tal { text-align:left !important; } .tar { text-align:right !important; } .tac { text-align:center !important; } .vam { vertical-align:middle !important; } .clear { width:100%; overflow:hidden; } .clear2 { clear:both; } .ir,.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } .ir span { width:100%; height:100%; position:absolute; }