* {margin: 0; padding: 0 } /* Body - Cele telo dokumentu */ body,html { text-align: center; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; } body { color: #C8CFD2; font-size: 90%; background: #262C2F; } /* tohle vidi jen opera */ @media all and (min-width:0px) {body {font-size: 95%; } } /* FONTY */ .hpbox h2, h3, .komentform, ul#menu, ul.tabs, p.datum, p.tabloading, h2.videotitle, .pagi-foto, #side ul li, .sidekontakt, #fotodetail, .supatlacitko, #side h2 { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; } /* XXXXXXX HLAVICKA XXXXXXX */ div#head { width: 100%; height: 125px; position: relative; top: 0px; margin: 0 auto; text-align: center; background: #000; border: 1px solid #475358; border-width: 0 0 1px 0; } /* Logo */ div#head p#logo, div#head h1#logo { width: 185px; height: 43px; margin: 0 auto; padding: 20px 0 0 0; overflow:hidden; color: #C10023; font-size: 169%; font-weight: bold; text-decoration: none; } div#head p#logo A:link,div#header p#logo A:visited { color: #fff; text-decoration: none; font-weight: bold; } div#head p#logo A:active,div#header p#logo A:hover { color: #98A8A8; text-decoration: none; font-weight: bold; } div#head p#logo A img,div#header p#logo A:hover img { border: 0; } /* Hledani - textinput */ input#searchtext { background: #262C2F; border: 1px solid #7A8794; color: #fff; width: 300px; padding: 1px; } /* Hledani - Submit button */ input#searchsubmit { border: 0; width: 64px; height: 19px; color: #7A8794; font-weight: bold; position: relative; top: 5px; } /* XXXXXXX HLAVICKA KONEC XXXXXXX */ /* XXXXXXX MENU XXXXXXXX */ /* Hlavni navigace */ ul#menu { width: 762px; min-height: 10px; height: 36px; position: absolute; top: 0; left: -1px; margin: 0 auto; } ul#menu li { margin : 0 0 0 0; font-weight: bold; display: block; width: 127px; height: 36px; line-height: 36px; float: left; text-align: center; position: relative; } ul#menu li A { display: block; width: 127px; height: 36px; line-height: 36px; position: relative; text-align: center; } ul#menu li A:link,ul#menu li A:visited { color: #7A8794; text-decoration: underline; font-weight: bold; font-size: 90%; } ul#menu li A:active,ul#menu li A:hover { color: #fff; text-decoration: none; font-weight: bold; font-size: 90%; } ul#menu li A span { display: block; width: 127px; height: 36px; position: absolute; top: 0; left: 0; z-index: 3; font-size: 0; text-indent: -200px; overflow: hidden; } ul#menu li A:link span, ul#menu li A:visited span, ul#menu li A:active span, ul#menu li A:hover span { text-decoration: none !important; cursor: pointer; cursor: hand; } ul#menu li A.selected:link span, ul#menu li A.selected:visited span, ul#menu li A.selected:active span, ul#menu li A.selected:hover span { top: -1px; width: 125px !important; border: 1px solid #475358; border-width: 0 1px 1px 1px; cursor: pointer; cursor: hand; } /* Fotoarchiv odkaz */ ul#menu li A#go2graffiti:link span,ul#menu li A#go2graffiti:visited span { background:url("grafika/menu-fotoarchiv.gif") 0% 0% no-repeat; } ul#menu li A#go2graffiti:active span,ul#menu li A#go2graffiti:hover span { background:url("grafika/menu-fotoarchiv.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2graffiti:link span,ul#menu li A.selected#go2graffiti:visited span, ul#menu li A.selected#go2graffiti:active span,ul#menu li A.selected#go2graffiti:hover span { background:url("grafika/menu-fotoarchiv.gif") 0% -35px no-repeat #000; } /* Video odkaz */ ul#menu li A#go2video:link span,ul#menu li A#go2video:visited span { background:url("grafika/menu-videokanal.gif") 0% 0% no-repeat; } ul#menu li A#go2video:active span,ul#menu li A#go2video:hover span { background:url("grafika/menu-videokanal.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2video:link span,ul#menu li A.selected#go2video:visited span, ul#menu li A.selected#go2video:active span,ul#menu li A.selected#go2video:hover span { background:url("grafika/menu-videokanal.gif") 0% -35px no-repeat #000; } /* Stahuj odkaz */ ul#menu li A#go2download:link span,ul#menu li A#go2download:visited span { background:url("grafika/menu-stahuj.gif") 0% 0% no-repeat; } ul#menu li A#go2download:active span,ul#menu li A#go2download:hover span { background:url("grafika/menu-stahuj.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2download:link span,ul#menu li A.selected#go2download:visited span, ul#menu li A.selected#go2download:active span,ul#menu li A.selected#go2download:hover span { background:url("grafika/menu-stahuj.gif") 0% -35px no-repeat #000; } /* Notes odkaz */ ul#menu li A#go2blog:link span,ul#menu li A#go2blog:visited span { background:url("grafika/menu-notes.gif") 0% 0% no-repeat; } ul#menu li A#go2blog:active span,ul#menu li A#go2blog:hover span { background:url("grafika/menu-notes.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2blog:link span,ul#menu li A.selected#go2blog:visited span, ul#menu li A.selected#go2blog:active span,ul#menu li A.selected#go2blog:hover span { background:url("grafika/menu-notes.gif") 0% -35px no-repeat #000; } /* Odkazy odkaz */ ul#menu li A#go2links:link span,ul#menu li A#go2links:visited span { background:url("grafika/menu-odkazy.gif") 0% 0% no-repeat; } ul#menu li A#go2links:active span,ul#menu li A#go2links:hover span { background:url("grafika/menu-odkazy.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2links:link span,ul#menu li A.selected#go2links:visited span, ul#menu li A.selected#go2links:active span,ul#menu li A.selected#go2links:hover span { background:url("grafika/menu-odkazy.gif") 0% -35px no-repeat #000; } /* Kontakt odkaz */ ul#menu li A#go2contact:link span,ul#menu li A#go2contact:visited span { background:url("grafika/menu-kontakt.gif") 0% 0% no-repeat; } ul#menu li A#go2contact:active span,ul#menu li A#go2contact:hover span { background:url("grafika/menu-kontakt.gif") 0% -36px no-repeat #262C2F; } ul#menu li A.selected#go2contact:link span,ul#menu li A.selected#go2contact:visited span, ul#menu li A.selected#go2contact:active span,ul#menu li A.selected#go2contact:hover span { background:url("grafika/menu-kontakt.gif") 0% -35px no-repeat #000; } /* Hlavni navigace - vybrany odkaz pokud jsme v dane kategorii */ ul#menu li A.selected:link, ul#menu li A.selected:visited, ul#menu li A.selected:active, ul#menu li A.selected:hover { background: #7A8794; color: #000; text-decoration: none; } /* XXXXXXX MENU KONEC XXXXXXXX */ /* XXXXXXX HOMEPAGE XXXXXXXXX */ div.hometape { padding: 30px 0 0 0; width: 515px; height: 360px; } div.hpbox { width: 240px; height: 100px; background: #1B1F21; float: left; margin: 0 15px 15px 0; } div.hpbox h2 { font-size: 100%; margin: 0 0 0 0; padding: 7px 10px 0 10px !important; font-weight: bold; } .hpbox h2 a:link, .hpbox h2 a:visited, .hpbox h2 a:active, .hpbox h2 a:hover { font-weight: bold; } .hpbox p { font-size: 100%; margin: 0 0 0 0; padding: 0 10px 0 10px !important; color: #9AA8AD; } /* XXXXXXX ZDE ZACINA DEFINICE VELKYCH OBRAZKOVYCH TLACITEK XXXXXXXX */ #tl-popt, #tl-refer, #tl-stahni-screen, #tl-nahledy, #tl-bckrefer { clear: left; display: block; position: relative; left: 305px; bottom: 30px; width: 172px; height: 27px; margin: 0 0 -30px 0; overflow:hidden; text-indent: 15px; } #tl-stahni-screen { position: relative; left: 310px; bottom: 0; } #tl-nahledy { position: relative; left: 20px; bottom: 0; margin: 0 0 0 0; } #bck #tl-nahledy { position: relative; left: 0px; bottom: 0; } #tl-bckrefer { position: absolute; left: 5px; top: 33px; } #tl-popt span, #tl-refer span, #tl-stahni-screen span, #tl-nahledy span, #tl-bckrefer span { display:block; position:absolute; left:0; top:0; z-index:1; width: 172px; height: 27px; cursor: pointer; } #tl-popt span { background:url("grafika/tlac-zeptejtese2.gif") 0% 0% no-repeat; } #tl-refer span { background:url("grafika/tlac-reference.gif") 0% 0% no-repeat; } #tl-bckrefer span { background:url("grafika/tlac-reference2.gif") 0% 0% no-repeat; } #tl-stahni-screen span { background:url("grafika/tlac-stahni-screensaver2.gif") 0% 0% no-repeat; } #tl-nahledy span { background:url("grafika/tlac-nahledy2.gif") 0% 0% no-repeat; } /* XXXXXXX ZDE KONCI DEFINICE VELKYCH OBRAZKOVYCH TLACITEK XXXXXXXX */ code { font-size: 110%; } form fieldset { padding: 20px 0; } form fieldset legend { background-color: #A6B755; font-weight: bold; padding: 2px 10px; color: #ffffff; } form span { display: block; font-weight: bold; margin: 0 0 0 5px; } form input { margin: 2px 5px 2px 0; } form select { margin: 2px 5px 2px 5px; } form textarea { width: 90%; height: 150px; margin: 20px 5px 5px 0; } .cl, .cr { width: 160px; height: auto; float: left; } .search { background: #EBF4FE; padding: 20px 0; margin: 0; } #footer { width: auto; position: relative; margin: 0 auto; height: 150px; border: 1px solid #4A565B; border-width: 1px 0 0 0; background: #000; } #footer p { margin: 0 0 0 14px; position: relative; top: 16px; padding: 0 0 15px 0; font-size: 90%; } hr { position: absolute; top: -12721px; width: 50px; } A:link { color: #EF8217; text-decoration: underline; } A:visited { color: #D385E4; text-decoration: underline; } A:active, A:hover { color: #fff; text-decoration: underline; } a img { border: 1px solid #4A565B; } a:hover img { border: 1px solid #000; } img.bordered { border: 1px solid #000; } h1 { margin: 25px 10px 0 0; color: #FF860D; font-size: 169%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } h2 { border-style: none; padding: 2px 2px 2px 0; margin: 35px 0 5px 0; font-size: 140%; font-weight: normal; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; } h2 a { font-size: 100%; } h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-weight: normal; font-size: 100%; } /* tohle vidi jen opera */ @media all and (min-width:0px) {h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {font-weight: bold; } } h2 a:link { color: #EF8217; text-decoration: underline; } h2 a:visited { color: #D385E4; text-decoration: underline; } h2 a:active, h2 a:hover { color: #fff; text-decoration: underline; } h3 { padding: 5px 5px 10px 0; margin: 20px 0 0 0; font-size: 100%; font-weight: bold; color: #fff; } h4 { font-size: 100%; margin: 4px 0 -10px 0; padding: 5px 0 0 0; width: auto; color: #4B6870; } h5 { font-size: 100%; color: #ffffff; } ul { padding: 0; margin: 0 0 0 17px; } ul li { list-style-type: none; } img.doleva {width: 150px; float: left; margin: 0 10px 0 0; } a img.doleva { border: 1px solid #4A565B; } a:hover img.doleva { border: 1px solid #000; } img.doprava {width: 200px; float: left; margin: 0 10px 0 0; } a img.doprava { border: 1px solid #4A565B; } a:hover img.doprava { border: 1px solid #000; } .mozi2 { height: 40px; clear: both; font-size: 0px; } .mozi3 { height: 300px; clear: both; font-size: 0px; } /* Hlavni Obsah - cela sirka vcetne sidebaru */ #main { width: 760px; height: auto; position: relative; margin: 0 auto; padding: 50px 0 0 0; text-align: center; } /* Pole pro text */ #content { width: 515px; padding: 0; margin: 0 0 0 0; position: relative; left: 0; text-align: left; float: left; font-size: 90%; } #content p { margin: 10px 0; padding: 0 0 0 0; } #content p.datum { display: block; margin: 0 0 10px 0; padding: 5px 0; color: #959FAA; font-weight: bold; } #content ul li { list-style-image: url("grafika/kulicka.gif"); padding: 10px 0 0 0; } /* Videobox */ div.video { font-size: 0; position: relative; margin: 0 0 30px; 0; } h2.videotitle { background: #1B1F21; color: #fff; font-weight: bold; font-size: 13px; margin: 0 0 0 0; padding: 5px 10px; z-index: 3; position: relative; top: 20px; } p.lastnext { position: absolute; top: 0; right: 0; z-index: 4; } div.video object { width: 515px; height: 424px; margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0; font-size: 0; z-index: 1; } /* XXXXXXX ZDE ZACINA DEFINICE ODKAZU POD PEREXEM XXXXXXXX */ p.more { clear: both; height: 28px; border: 1px dotted #4A565B; border-width: 0 0 1px 0; } /* Odkazy pod clankem */ A.comm:link, A.comm:visited, A.comm:active, A.comm:hover, A.perm:link, A.perm:visited, A.perm:active, A.perm:hover { text-decoration: none; font-weight: bold; font-size: 100%; display: block; padding: 2px 6px 3px 6px; margin: 0 4px; float: right; font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; } /* Odkaz na komentare clanku */ A.comm:link, A.comm:visited { color: #7A8794; background: #1B1F21; } A.comm:active, A.comm:hover { color: #fff; background: #EF8217; } /* Staly odkaz */ A.perm:link, A.perm:visited { color: #7A8794; background: #1B1F21; } A.perm:active, A.perm:hover { color: #fff; background: #EF8217; } /* XXXXXXX ZDE KONCI DEFINICE ODKAZU POD PEREXEM XXXXXXXX */ /* 1 komentar */ div.com { margin: 10px 0 0 0; padding: 10px; background: #1B1F21; } /* Jmeno autora */ div.com span.autor_jmeno { display: block; width: 165px; float: left; position: relative; color: #fff; } /* Web autora */ div.com span.autor_web { display: block; width: 290px; float: right; text-align: right; padding: 0; margin: 0; } div.com p { clear: both; margin: 0 0 10px 0; } /* Fotogalerie k clanku */ .albu { clear: left; padding: 18px 0 0 0; } .albu img { height: 80px; margin: 0 17px 15px 0; position: relative; left: 18px; } .albu a img { border: 6px solid #333A44; } .albu a:hover img { border: 6px solid #fff; } /* Sidebar */ #side { width: 215px; position: relative; right: 0; float: right; font-size: 90%; } #side h2 { font-size: 100%; color: #959FAA; margin: 20px 0 0 0; padding: 3px 0 3px 0; text-align: left; font-weight: bold; } #side h3 { font-size: 100%; color: #fff; border: none; text-align: left; margin: 0 0 0 0; padding: 0 0 3px 0; } #side ul { width: auto !important; height: auto !important; margin: 0 0 0 0 !important; padding: 10px !important; background: #1B1F21; } #side ul li { width: auto !important; height: auto !important; margin: 0 0 0 0 !important; padding: 0 0 0 2px !important; list-style-type: none !important; text-align: left; font-weight: bold; color: #EF8217; } #side ul li A:link { text-decoration: underline; color: #fff; font-weight: bold; } #side ul li A:visited { text-decoration: underline; color: #fff; font-weight: bold; } #side ul li A:active { text-decoration: none; color: #fff; font-weight: bold; } #side ul li A:hover { text-decoration: none; color: #fff; font-weight: bold; } #side ul li span { padding: 1px 0 1px 5px; margin: 0 1px; font-weight: bold; display: block; width: 143px; height: auto; border: 1px solid #B7C4D0; border-width: 0 0 1px 0; } #side ul li a img { border: 0; margin: 0 4px 0 0; position: relative; top: 2px; } #side ul li a:hover img { border: 0; margin: 0 4px 0 0; } #side p { margin: 10px 0; text-align: left; } #side p.reklama { font-size: 110%; } #side p.reklama img, #side p.reklama a img, #side p.reklama a:hover img { border-width: 0 0 0 0; } #side p.reklama a:link, #side p.reklama a:visited { color: #5790D1; } #side p.reklama a:link, #side p.reklama a:visited { color: #1059A9; } .clear { clear: both; width: 400px; height: 1px; font-size: 1px; } #side #randomvideo p { margin: 0 0 0 0; padding: 0 0 0 0; } #side .sideprodukt { padding: 30px 0 0 0; } .chyba { color: #BE050A; font-weight: bold; } .ok { color: #131684; font-weight: bold; } .licha { padding: 5px 10px; background: #EEF3DA; color: #484740; font-weight: bold; border: 1px solid #D7E399; border-width: 0 0 1px 0; } .suda { padding: 10px; background: #F9FBF0; color: #484740; font-weight: bold; border: 1px solid #D7E399; border-width: 0 0 1px 0; } .licha input, .suda input, .licha select, .suda select { margin: 2px 0; } .updated { background: #D6F37C; border: 1px solid #88AF10; padding: 5px 0; margin: 10px; width: auto; text-align: center; color: #455909; } /* xxxxxxxxxxx KONTAKT xxxxxxxxxxxxx */ /* Emailovy formular */ .contactform { width: auto; margin: 10px; padding: 10px; background: #F5FFE1; border: 1px solid #A8D6A3; } .contactform textarea, .contactform input { margin: 0; background:url("grafika/input.gif") 0% 0% repeat-x #FAFBFC; margin: 4px 0; padding: 0 1px; border: 1px solid #8395A5; color: #3D4956; } .contactform input { height: 20px; } .odesli { width: auto; display: block; } #odeslat-zpravu { width: 172px; height: 27px; border: 0; clear: left; } /* Komentarovy formular */ .komentform { width: auto; margin: 10px 0 0 0; padding: 10px 10px 10px 20px; background: #262C2F; } .komentform p.odesli { width: auto; display: block; text-align: right; position: relative; right: 50px; } /* REKLAMY GOOGLE */ /* Skyscrapper v sidebaru */ #ad_sky_place { text-align: left; margin: 20px 0 0 0; } /* Horni pruh */ #adbox_top { text-align: left; height: 155px; background:url("grafika/bg-ad-top.gif") 100% 100% repeat-x; padding: 0 0 0 15px; } /* Banner pod clankem */ #ad_banner_place { text-align: left; width: auto; margin: 10px 0 0 0; padding: 10px; background: #262C2F; } /* Maly ctverec v sidebaru nahore */ #ad_side_top { text-align: left; width: auto; padding: 10px 0 0 10px; background: #1B1F21; } /* Vetsi ctverec v sidebaru nize */ #ad_side_place { text-align: left; width: auto; padding: 10px 0 10px 10px; background: #1B1F21; } /* NET AGENT */ div#netagentbox { width: auto; background: #1B1F21; padding: 10px 10px 25px 0; } img#netagent { width: 100px; height: 72px; border: 0; } a img#netagent { border: 0; } a:hover img#netagent { border: 0; } /* xxxxxxxxxxx Lightbox xxxxxxxxxxx */ #lightbox { position: absolute; top: 55px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: 1px solid #eee; } #outerImageContainer { position: relative; background-color: #fff; border: 1px solid #434D58; border-width: 1px 1px 0 1px; width: 500px; height: 500px; margin: 0 auto; padding: 4px; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #loading a img, #loading a:hover img { display: block; width: 60px; height: 60px; border: 0px; margin: 0 auto; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(grafika/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(grafika/prevlabel.gif) left 0% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(grafika/nextlabel.gif) right 0% no-repeat; } #imageDataContainer { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; background-color: #fff; border: 1px solid #434D58; border-width: 0 1px 1px 1px; margin: 0 auto; padding: 4px; line-height: 1.4em; color: #5F6B78; font-size: 90%; } #imageData { padding: 0 10px; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; color: #000; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData a img { border: 1px solid #6D7179; background: #6D7179; } #imageData a:hover img { border: 1px solid #BA1D21; background: #BA1D21; } #imageData #bottomNavClose { height: 20px; float: right; padding-bottom: 0.7em; } #imageData #bottomNavClose img {width: 84px; height: 20px; } #overlay { font-size: 90%; position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* xxxxxxxxxxx Lightbox konec xxxxxxxxxxx */ /* AJAX TABS */ ul.tabs { padding: 20px 0 0 0; margin: 0 0 0 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } ul.tabs li { display: inline; margin: 0 5px 0 0; } ul.tabs li a { font-weight: normal; text-decoration: underline; border: 1px solid #262C2F; color: #FF860D; background: #262C2F; } ul.tabs li a:visited { color: #FF860D; } ul.tabs li a:active, ul.tabs li a:hover { text-decoration: underline; color: #fff; } ul.tabs li.selected { } ul.tabs li.selected a:link, ul.tabs li.selected a:visited, ul.tabs li.selected a:active, ul.tabs li.selected a:hover { /*selected main tab style */ background: #262C2F; border-color: #262C2F; color: #fff; font-weight: bold; text-decoration: none; } ul.tabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } .contentstyle{ width: 515px; height: 470px; } p.tabloading { text-align: center; font-weight: bold; color: #fff; position: relative; top: 150px; } /* Kontakt form */ form dl, dl.labels { margin:0em; font-size:100%; margin-top:0.5em } form dt, dl.labels dt { float:left; width:10em; margin-bottom:0.8em; color:#EF8217; text-align:right; font-weight:normal; position:relative /*IEWin hack*/ } form dd, dl.labels dd { margin-left:10.5em; margin-bottom:0.8em; font-size:100%; font-style:normal; padding-left:0.5em } form dd.submit, dl.labels dd.submit { margin-top:2em }