/* Autor: Bohumil Hanus - 4People.cz Webdesign 2008 */ /* CSS Document 4 Firefox, Opera */ @import "box.css"; @import "content.css"; BODY { background-color: Black; font: normal normal normal 0.8em/150% Arial,Helvetica, sans-serif; color: #ffffff; padding: 0; margin: 0;} #main { width: 970px; margin: 0 auto 0; background: url(../img/bgmain.jpg) repeat-y bottom;} H1, H2, H3, H4 { padding:0px; margin: 1ex 0 .5ex 0px;} H1 {font-size:170%;} H2 {font-size:150%;} H3 {font-size:130%;} A {color:#FFF; text-decoration: none;} A:HOVER {color:#FFF; text-decoration: underline;} A IMG { border:0px; } P {padding: 0px; margin:0px;} FORM {padding:0px; margin:0px;} /* ostatní */ .clear, .cleaner { clear: both; font-size:0px; height:0px; line-height:0px;} .center {text-align:center; margin:0px auto; } /* hlavička */ #hlava { margin: 0 0 0 0; padding: 0 0 0 0; height: 315px; background: url(../img/bg-hlava.jpg) no-repeat bottom;} #top{ float: right; margin: 0 0 0 0; padding: 0 0 0 0;} #top a{ color: White; text-decoration: none;} #top a:hover{ text-decoration: underline;} /* nadpisy */ STRONG.logo { margin: 0; padding:0; float: left;} STRONG.logo a {display:block; margin:0; padding:0; position:relative; left:0px; top:45px; z-index:1; width:255px; height:245px; border:0;} STRONG.logo a:hover {border: 0; background: transparent;} P STRONG {float:none;} /* hlavní menu */ #button {background: url(../img/button-levy.jpg) no-repeat top left ; width: 218px; height: 41px; float: left;} #informace {background: url(../img/informace.jpg) no-repeat top right ; width: 208px; height: 41px; float: left;} #menu-main {width: 544px; height: 41px; background: Black url(../img/bg-menu-main.jpg) no-repeat center; float: left; margin: 0 0 0 0; padding: 0 0 0 0;} #menu-main A { color: White; font: normal normal bold 1.4em Arial, Helvetica, sans-serif; text-decoration: none;} #menu-main A:HOVER { color: #33A02B;} #menu-main P { margin: 8px 0 0 40px;} /* akce blok */ #frmSearch { background: url(../img/vyhledat.jpg) no-repeat top left; width: 218px; height: 156px; float: left;} #frmSearch INPUT{ width: 184px; margin: 88px 10px 20px 12px; padding:5px 5px 5px 5px; border: 0;} #infopanel { background: Black url(../img/infopanel.jpg) no-repeat top left; font: normal normal normal 0.9em/120% Arial,Helvetica, sans-serif; width: 157px; height: 133px; float: right; padding: 18px 22px 5px 30px; color: White;} #infopanel STRONG{ color: Maroon;} #akce-panel { width: 543px; height: 156px; background: Black url(../img/top-pole.jpg) no-repeat center; float: left; margin:0 0 0 0; padding: 0 0 0 0;} /* levý sloupec */ #lsloupec { width: 218px; float: left;} #menu { background: Black url(../img/bg-menu.jpg) repeat-y left; margin:0px; padding: 0 0 0 0;} #menu-bg {background: url(../img/ornament.jpg) no-repeat top left; margin:0 0 0 4px; padding: 40px 30px 20px 10px;} #menu ul { list-style-type: none; display: block; margin:0px; padding:0px; text-align: center;} #menu UL {font-family: url(http://kru.skudce.net/css/hatten.ttf); } #menu ul li a { color: Black; font: normal normal bold 1.5em Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #menu ul li a:hover { color: #33A02B;} #podpora-top{ background: url(../img/podporujeme.gif); width: 218px; height: 127px; } #podpora{text-align:center; /* background: url(../img/bg-lsloupec.jpg); height: 100%;*/} /* content */ #content { width: 542px; min-height:400px; _height:400px; float: left; background-color: #FFF; color: #000; /* background: #fff url(../img/bg-content.jpg) repeat-y center; */ } #content.katalogList { width:752px;} #content P { padding:1ex 0 0 25px;} #content p { padding: 0 25px 0 25px;} #content A {color:#000; text-decoration: none;} #content A:HOVER {color:#000; text-decoration: underline;} #top-content{ background: url(../img/content-kluci.jpg) no-repeat top; height: 100px; width: 543px; float: left;} .kategorie { width: 170px; height:200px; text-align: center; float: left; padding-left: 5px; } .kategorie a { color: Black; font: normal normal bold 1.4em Arial, Helvetica, sans-serif; text-decoration: none;} .kategorie a:hover { color: #33A02B;} /* pravý sloupec */ #psloupec { width: 210px; float: right; padding: 0 0 0 0; margin: 0 0 0 0; } /* BOX TRICEK */ #boxik {overflow:hidden; position: relative; width: 210px; height: 232px; background: Black url(../img/boxik.jpg) no-repeat top; color: Black; padding-top: 20px; text-align: center;} #boxik p { margin-top: 4px; padding: 0 0 0 0;} #boxik .velikost { width:21px; height:19px; text-align: center; padding: 5px 10px 6px 10px; /* padding: 10px 10px 6px 10px; */ top: 143px; position: absolute; background: url(../img/velikost.gif) no-repeat; font-weight: bold;} #boxik .cena { background: url(../img/cenovka.gif) no-repeat; padding: 6px 13px 6px 25px; margin: 0 0 0 0; font-weight: bold; color: White; font-size: 1.2em; margin-top: 5px;} /* NOVINKY */ #novinky-top { background: url(../img/novinky.gif); width: 208px; height: 90px;} #novinky{ padding: 0 15px 0 15px;} /* paticka */ #main-bottom { width: 970px; margin: 0 auto 0; background: url(../img/mainbottom.jpg) no-repeat bottom; height: 8px;} #paticka {width: 970px; margin: 15px auto 0; padding-bottom: 20px;} #banner-small-left {width: 200px; height: 110px; margin: 0 0 15px 0; float: left; background-color: White;} #banner-small-right { width: 200px; height: 110px; margin: 0 0 15px 0; float: right; background-color: White;} #banner-big { width: 540px; height: 140px; margin: 0 0 15px 15px; float: left; background-color: White;} #banner-small-left TD, #banner-small-right TD, #banner-big TD {text-align:center; vertical-align: middle;} #pata { text-align: right; } /* KONTAKTY */ #content ADDRESS {margin:0px 0px 0px 25px;} /* BANNER */ #topBanner {padding:5px 0px 0px 0px; width:100%; height:100%;} #topBanner TD {text-align:center; vertical-align: middle;} /* NADPISY */ .nadp { height: 101px; margin:0px; padding:0px; float: left; } .nadp SPAN {display:none;} .board {width:210px; background: url(../img/content-board.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .distribuce {width:443px; background: url(../img/content-distribuce.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .doplnky {width:300px; background: url(../img/content-doplnky.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .holky {width:250px; background: url(../img/content-holky.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .hudba {width:443px; background: url(../img/content-hudba.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .kite {width:443px; background: url(../img/content-kite.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .kluci {width:200px; background: url(../img/content-kluci.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .prodejci {width:443px; background: url(../img/content-prodejci.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .team {width:443px; background: url(../img/content-team.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .kru_shop {width:300px; background: url(../img/content-kru-shop.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .vyprodej {width:310px; background: url(../img/content-vyprodej.gif) no-repeat top left; position: relative; left: -13px; top: -11px;} .trika {width:200px; background: url(../img/2nadp_tricka.jpg) no-repeat top left; position: relative; top:bottom; } .cepice {width:200px; background: url(../img/2nadp_cepice.jpg) no-repeat top left; position: relative; top:bottom; } .snowboard {width:230px; background: url(../img/2nadp_snowboard.jpg) no-repeat top left; position: relative; top:bottom; } .spreje {width:200px; background: url(../img/2nadp_spreje.jpg) no-repeat top left; position: relative; top:bottom; } .shortky {width:200px; background: url(../img/2nadp_shortky.jpg) no-repeat top left; position: relative; top:bottom; } .skateboard {width:230px; background: url(../img/2nadp_skateboard.jpg) no-repeat top left; position: relative; top:bottom; } .kiteboard {width:230px; background: url(../img/2nadp_kiteboard.jpg) no-repeat top left; position: relative; top:bottom; } .panske-shortky {width:200px; background: url(../img/2nadp_panske-shortky.jpg) no-repeat top left; position: relative; top:bottom; } .panske-tricka {width:200px; background: url(../img/2nadp_panske-tricka.jpg) no-repeat top left; position: relative; top:bottom; } .panske-kalhoty {width:200px; background: url(../img/2nadp_panske-kalhoty.jpg) no-repeat top left; position: relative; top:bottom; } .panske-mikiny {width:200px; background: url(../img/2nadp_panske-mikiny.jpg) no-repeat top left; position: relative; top:bottom; } .mik-zi-ce {width:200px; background: url(../img/2nadp_mik-zi-ce.jpg) no-repeat top left; position: relative; top:bottom; } .opasky {width:200px; background: url(../img/2nadp_opasky.jpg) no-repeat top left; position: relative; top:bottom; } .mik-ce {width:200px; background: url(../img/2nadp_mik-ce.jpg) no-repeat top left; position: relative; top:bottom; } .mik-bez-kapuce {width:200px; background: url(../img/2nadp_mik-bez-kapuce.jpg) no-repeat top left; position: relative; top:bottom; } .kiteboard {width:200px; background: url(../img/2nadp_kiteboard.jpg) no-repeat top left; position: relative; top:bottom; } .karabiny {width:200px; background: url(../img/2nadp_karabiny.jpg) no-repeat top left; position: relative; top:bottom; } .damske-mikiny {width:200px; background: url(../img/2nadp_damske-mikiny.jpg) no-repeat top left; position: relative; top:bottom; } .damske-tricka {width:200px; background: url(../img/2nadp_damske-tricka.jpg) no-repeat top left; position: relative; top:bottom; } .kalhoty {width:200px; background: url(../img/2nadp_kalhoty.jpg) no-repeat top left; position: relative; top:bottom; } .banner {margin:0px auto; text-align:center; line-height:134px; } /* vertical-align:middle; height:134px; */ #content .page A {display:block; float:left; border:1px solid black; margin:0px 3px; padding:3px; background-color:black; color:white;} #content .page A.pageAct {background-color:white; color:black;}