/* * Base Style Sheet for www.elcom.cz * version: screen.css, 2006/11 * (c) 2005, Ales Skotnica * Frenstat pod Rahostem, Czech Republic * tel.: +420 775 565 850, http://www.skotnica.eu */ /***************** Telo */ body {margin:37px 0 37px 0px;padding:0px;background:#F5F5F5;font-family:'Trebuchet MS', sans-serif;font-size:75%;font-style:normal;font-weight:normal;line-height:1.7;text-align:center;color:#000;} /***************** zakladni HTML */ q {font-style:italic;quotes:"„" "“" "‚" "‘";} q:before {content:open-quote;} q:after {content:close-quote;} form {margin:0;} img {border:0;} /***************** odkazy */ a, a:link, a:visited {color:#0071E1;text-decoration:underline;background-color:transparent;} a:hover, a:focus {color:#ffffff;text-decoration:none;background-color:#0071E1;} a:active {color:#ffffff;text-decoration:none;background-color:#0071E1;} a img, a:link img, a:visited img {border-style:none;background-color:transparent;} /***************** ruzne obecne tagy */ .nscr, .txt {display:none;} hr, .clr {clear:both;display:none;} p {margin:7px 0;padding: 0;} * html td, * html th, * html caption { font-size: 75%;} /***************** zakladni layout */ #page {width: 61.7em;min-width:740px;text-align:left;margin:0 auto 0 auto;padding:20px 0;background:#fff;z-index:0;position:relative;} #page-box {margin:0 20px;} /***************** hlavicky */ h1 {padding:0;margin:0;display:block;width:184px;height:44px;font-size:0.5em;position:absolute;top:0;left:0; background:url(img/home/h1.gif) no-repeat;} h2 {padding:0;margin:0;display:block;position:absolute;top:53px;left:27px;height:32px;} h1 span, h2 span {display:none;} h2.h2-cs {background:url(img/home/h2-cs.gif) no-repeat;width:360px;} h2.h2-en {background:url(img/home/h2-en.gif) no-repeat;width:420px;} /***************** vyhledavani */ #searchform { margin:0 30px 0 0; padding:0;display:block;float:left;width:15em; } #searchform fieldset { margin: 0; padding: 0;width:100%; border: 0; } * html #searchform fieldset { background-position: 0px 7px; } #searchform legend { display: none; } #searchform p { padding:5px 0 0 33px;margin:0;height:33px; background: url(img/bg/searchform.jpg) no-repeat top left; } #searchform label { display: none; } #searchform input {float:left;display: block;width:10.5em;vertical-align:middle;height:20px;margin:0 4px 0 0;padding:0px;border:solid 1px #999;font-size:90%;} #searchform br { clear: both; } #searchform button {width:1.5em;height:20px;float:left;margin:0;display:block;background: url(img/bg/searchform-button.gif) no-repeat;cursor:pointer;border:0;} #searchform button:hover {background-position: 0px -100px;} #searchform button:active {background-position: 0px -200px;} #searchform button span { display: none; } #header {height:264px;background:url(img/home/header.jpg) no-repeat top right;position:relative;} /***************** jazykova navigace */ #lang {position:absolute;top:35px;right:150px;} #lang a,#lang a:link, #lang a:visited, #lang a:active {background: none; color:#666; text-decoration:none; } #lang a:hover {color:#0071E1; text-decoration:underline; } #lang .l-en a,#lang .l-en a:link, #lang .l-en a:visited, #lang .l-en a:active {background:url(img/bg/top-en.gif) no-repeat 0px 50%;padding-left: 20px;} #lang .l-en a:hover { background-position: -784px 50%;} #lang .l-cs a,#lang .l-cs a:link, #lang .l-cs a:visited, #lang .l-cs a:active {background:url(img/bg/top-cs.gif) no-repeat 0px 50%;padding-left: 20px;} #lang .l-cs a:hover { background-position: -784px 50%;} /***************** top menu */ #top-menu-main {width:100%;text-align:center;height:3.6em;z-index:99;} #top-menu-box {padding:0;height:3.6em;} * html #top-menu-box {width:100%;} #top-menu-box ul {height:3.6em;margin:0;padding:0;text-align:center;background:url(img/bg/topmenu.png) repeat-x bottom;} #top-menu-box .cs {padding:0 3.5em;} #top-menu-box .en {padding:0 1.0em;} #top-menu-box li {display:inline;height:3.6em;text-align:center;font-weight:bold;font-size:1.1em;} #top-menu-box .en li {font-size:1.1em;} #top-menu-box li a, #top-menu-box li a:link, #top-menu-box li a:visited, #top-menu-box li a:active {padding:0.5em 10px 1.05em 10px;display:block;width:auto;float:left;margin:0;/*line-height:3.3em;*/color:#fff;text-decoration:none; background: url(img/bg/topmenu-hover.png) no-repeat 600px bottom;} #top-menu-box .en li a, #top-menu-box .en li a:link, #top-menu-box .en li a:visited, #top-menu-box .en li a:active {padding:0.5em 6px 1.05em 6px;} #top-menu-box li a:hover {background-position: center bottom;} * html #top-menu-box li a, * html #top-menu-box li a:link, * html #top-menu-box li a:visited, * html #top-menu-box li a:active {padding:0.9em 10px 1.05em 10px;} /***************** clanky */ #article { padding: 20px 0; background: url(img/bg/toppage.png) repeat-x bottom; } /***************** foother */ #foother { padding: 10px 0 0 0;height:30px;} #foot-nav {display:block;float:left;width:auto;font-size:90%;color:#666;} #foot-copy {display:block;float:right;width:auto;font-size:90%;color:#666;} #foot-nav a, #foot-nav a:link, #foot-nav a:visited, #foot-nav a:active, #foot-copy a, #foot-copy a:link, #foot-copy a:visited, #foot-copy a:active {color:#666;text-decoration:underline;background:transparent;} #foot-nav a:hover, #foot-copy a:hover {color:#0071E1;text-decoration:underline;background:transparent;} #counters {display:none;} /***************** clanky */ #article { padding: 20px 0;background: url(img/bg/toppage.png) repeat-x bottom;width:100%;overflow:hidden;} .news {display:block;width:11em;margin:0;padding:0;float:left; } .news-b {border-top:solid 5px #C0DDFA;border-left:solid 1px #C0DDFA;border-right:solid 1px #C0DDFA;border-bottom:solid 1px #C0DDFA;padding:10px;} .mar {margin-right:0.8em;} * html .mar {margin-right:0.7em;} .n-img {display:block;width:100%;height:50px;overflow:hidden;text-align:center;margin:0;padding:0;} .anot {display:block;width:100%;height:7em;overflow:hidden;text-align:left;margin:0;padding:0;font-size:95%;color:#666666;line-height:1.1em;padding:0;margin:10px 0 0 0;} .more {display:block;width:100%;font-size:90%;line-height:1em;margin:5px 0 0 0;padding:0;text-align:right;} .more a {text-decoration:underline;color:#0071E1;padding-left:15px; background: url(img/home/ic-more.jpg) no-repeat 0px 50%;} .more a:hover {text-decoration:underline;color:#f00;background-position: -290px 50%;}