/* Global styling */
html { 
height:100%;
background:#fff url(images/bg.png) no-repeat 950px 300px;
width:100%;
}
body { 
font:11px Arial, Helvetica, sans-serif;
height:100%;
background:url(images/menu-bg-1.png) repeat-y left;
text-align:left;
width:100%;
}
* {border:0;margin:0;padding:0;}
.clear {clear:both}
a,a.active,a.visited {color:#009EF7;font-weight:bold;text-decoration:none}
a:hover {text-decoration:underline}

/* Layout*/

h1 {width:340px;height:199px;background:url(images/logo.png)}
h1 a:link, h1 a:visited {display:block;width:340px;height:199px;text-indent:-9000px;text-decoration:none;overflow:hidden}
#left {float:left;background:url(images/menu-bg-1.png) repeat-y;height:100%;width:340px}
#menu-znacky {background:url(images/menu-bg.png) no-repeat top;height:100%}
#top {float:left;width:660px;background:url(images/top-bg.png) no-repeat;height:199px}
#wrap {width:1000px}

#menu-znacky-left {float:left}
#menu-znacky-middle {float:left}
#menu-znacky-right {float:left}

#menu-znacky li a {display:block;height:92px;width:94px;text-indent:-9000px}
#menu-znacky li {list-style:none}
.bataleon {background:url(images/bataleon.png)}
.nugget {background:url(images/nugget.png)}
.ridesnowboards {background:url(images/ridesnowboards.png)}
.thirtytwo {background:url(images/thirtytwo.png)}
.demon {background:url(images/demon.png)}
.dc {background:url(images/dcshoes.png)}
.vehicle {background:url(images/vehicle.png)}
.vans {background:url(images/vans.png)}
.gnu {background:url(images/gnusnowboards.png)}
.libtech {background:url(images/libtech.png)}
.bentmetal {background:url(images/bent-metal.png)}
.heavytools {background:url(images/heavytools.png)}
.meatfly {background:url(images/meatfly.png)}
.horsefeathers {background:url(images/horsefeathers.png)}
.ripcurl {background:url(images/ripcurl.png)}
.animal {background:url(images/animal.png)}
.mada {background:url(images/mada.png)}
.rossignol {background:url(images/rossignol.png)}
.deeluxe {background:url(images/deeluxe.png)}

#menu {position:relative;width:488px; height:185px;background:transparent url(images/menu.png);overflow:hidden}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:95px; height:85px; display:inline;}
#menu a {display:block; float:left; width:95px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:85px; background:transparent url(images/menu-red.png) no-repeat 488px 185px;}
* html #menu a  {height:85px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -95px 0; z-index:50;}
#menu a#item3:hover {background-position: -190px 0; z-index:50;}
#menu a#item4:hover {background-position: -285px 0; z-index:50;}
#menu a#item5:hover {background-position: -380px 0; z-index:50;}
#menu a#item6:hover {background-position: 0 -85px; z-index:50;}
#menu a#item7:hover {background-position: -95px -85px; z-index:50;}
#menu a#item8:hover {background-position: -190px -85px; z-index:50;}
#menu a#item9:hover {background-position: -285px -85px; z-index:50;}
#menu a#item10:hover {background-position: -380px -85px; z-index:50;}

#middle {width:460px;float:left;padding:10px}
#right {width:150px;float:left;margin:10px;padding-left:10px}
.uvod img {border:5px solid #c5df00;margin-bottom:10px}
#middle p {margin:10px 0}
select {background:#009ef7;font-weight:bold;color:#fff;width:149px}
.oznacke img {float:left;margin:0 10px 10px 0}
#middle li {list-style:none}

.snowboard {margin:5px 5px 10px 5px;width:140px;float:left;text-align:center;font-weight:bold}
.snowboard-w {margin:5px 5px 10px 5px;width:140px;float:left;text-align:center;font-weight:bold}
.snowboard-w a,a.visited,a.active {color:#c5df00;text-decoration:none;cursor:pointer}
.snowboard a:hover, snowboard-w a:hover {text-decoration:none;cursor:pointer}
.img, .cena {float:left;width:100%;cursor:pointer}
.cena-eur {float:left;font-weight:normal;width:100%}
h3 {font-size:13px;float:left;width:100%}
.datum {font-weight:bold;margin-top:10px}

#wrapper {width:900px;height:600px;background:#fff url(images/bg-okno.png) right top no-repeat}
#bg {width:900px;height:100%;background:#fff url(images/bg-okno-vlnka.png) right repeat-y}
#foto {float:left;width:350px;text-align:center}
#info {float:left;padding:130px 0 0 80px;font-size:13px}
#info h2 {font-size:18px;margin-bottom:10px}
.info {border-collapse:collapse;width:300px}
td {padding:3px;vertical-align:top}
.alt {font-weight:bold}
.nugget-w {background:url(nugget/nugget-clothing-systems-okno.png) no-repeat top left;padding:120px 0 0 120px}
.lib-tech-w {background:url(libtechnologies/lib-tech-okno.png) no-repeat top left;padding:120px 0 0 120px}
.gnu-w {background:url(gnusnowboards/gnu-snowboard-okno.png) no-repeat top left;padding:120px 0 0 120px}
.thirtytwo-w {background:url(thirtytwo/thirty-two-okno.png) no-repeat top left;padding:120px 0 0 120px}
.heavytools-w {background:url(heavytools/heavytools-okno.png) no-repeat top left;padding:120px 0 0 120px}
.ride-w {background:url(ridesnowboards/ride-okno.png) no-repeat top left;padding:120px 0 0 120px}
.demon-w {background:url(demon/demon-okno.png) no-repeat top left;padding:120px 0 0 120px}
.bataleon-w {background:url(bataleon/bataleon-okno.png) no-repeat top left;padding:120px 0 0 120px}
.thirtytwo-w {background:url(thirtytwo/thirty-two-okno.png) no-repeat top left;padding:120px 0 0 120px}
.meatfly-w {background:url(meatfly/meatfly-okno.png) no-repeat top left;padding:120px 0 0 120px}
.bent-metal-w {background:url(bentmetal/bent-metal-okno.png) no-repeat top left;padding:120px 0 0 120px}
.mada-w {background:url(mada/mada-okno.png) no-repeat top left;padding:120px 0 0 120px}
.rossignol-w {background:url(rossignol/rossignol-okno.png) no-repeat top left;padding:120px 0 0 120px}
.horsefeathers-w {background:url(horsefeathers/horsefeathers-okno.png) no-repeat top left;padding:120px 0 0 120px}
.deeluxe-okno-w {background:url(deeluxe/deeluxe-okno.png) no-repeat top left;padding:120px 0 0 120px}

#GB_overlay {background-color:#000;position:absolute;margin:auto;top:0;left:0;z-index:100}
#GB_window {left:0;top:0;font-size:1px;position:absolute;overflow:visible;z-index:150}
#GB_window .content {width:auto;margin:0;padding:0}
#GB_frame {border:0;margin:0;padding:0;overflow:auto;white-space:nowrap}
.GB_Gallery {margin:0 22px 0 22px}
.GB_Gallery .content {background-color:#fff;border:3px solid #ddd}
.GB_header {top:10px;left:0;margin:0;z-index:500;position:absolute;border-bottom:2px solid #555;border-top:2px solid #555}
.GB_header .inner {background-color:#333;font-family:Arial, Verdana, sans-serif;padding:2px 20px 2px 20px}
.GB_header table {margin:0;width:100%;border-collapse:collapse}
.GB_header .caption {text-align:left;color:#eee;white-space:nowrap;font-size:20px}
.GB_header .close {text-align:right}
.GB_header .close img {z-index:500;cursor:pointer}
.GB_header .middle {white-space:nowrap;text-align:center}
#GB_middle {color:#eee}
#GB_middle img {cursor:pointer;vertical-align:middle}
#GB_middle .disabled {cursor:default}
#GB_middle .left {padding-right:10px}
#GB_middle .right {padding-left:10px}
.GB_Window .content {background-color:#fff;border:3px solid #ccc;border-top:none}
.GB_Window .header {border-bottom:1px solid #aaa;border-top:1px solid #999;border-left:3px solid #ccc;border-right:3px solid #ccc;margin:0;height:22px;font-size:12px;padding:3px 0;color: #333}
.GB_Window .caption {font-size:12px;text-align:left;font-weight:bold;white-space:nowrap;padding-right:20px}
.GB_Window .close {text-align:right}
.GB_Window .close span {font-size:12px;cursor:pointer}
.GB_Window .close img {cursor:pointer;padding:0 3px 0 0}
.GB_Window .on {border-bottom:1px solid #333}
.GB_Window .click {border-bottom: 1px solid red}