html, body { overflow: inherit; height: 100%; }
body {
   	color: #fff;

    font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;

	font-size: 62.5%;
	background: #000 url('../img/body_bg.jpg') top center repeat-y;
    line-height: 1.5;
    min-height: 100%;
    _height: 100%;
}

a:link, a:visited { text-decoration: none; color: #fff;}
a:hover, a:active, a:focus { text-decoration: none; color: #fff; border-bottom: none;}
p a:link, p a:visited, td a:link, td a:visited { border-bottom: 1px solid #c7290a;}
p a:hover, p a:active, p a:focus, td a:hover, td a:active, td a:focus { border-bottom: none;}

img, h1 a:link, h1 a:visited { border: none;}
img.static {
    float: right;
    border: 1px solid #555;
}

h2 a:link, h2 a:visited { border: none;}
h2 a:hover, h2 a:active, h2 a:focus { border-bottom: 3px solid #444;}
h4 { font-size: 1.2em; margin-bottom: .5em;}

h1 { position: absolute; top: 6px; left: 344px;}
h2 { margin-bottom: .7em; font-size: 2.2em; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: .03em;}
h3 { margin-bottom: .5em; font-size: 1.6em; color: #fff; color: #c7290a; /*border-bottom: 1px solid #666;*/}

p { margin-bottom: 1em; font-size: 1.4em; /*letter-spacing: .02em;*/}
p:last-child { margin-bottom: 0;}
p.pozn { font-size: 1.2em; color: #999;}

.center { text-align: center;}
div.cb {clear: both; height: 0; font-size: 1px; overflow: hidden;}
span.separ {color: #666;}
span.sub {color: #ddd;}

ul { list-style: disc; margin-bottom: 1em;}
ul li { margin-left: 2em;}

sup { font-size: .7em;}

table { margin-bottom: 1em;}
td, th { padding: .25em;}
th { text-align: right;}


#wrapper {
    position: relative;
    width: 972px;
    margin: 0 auto;
	background: #0d0d0d url('../img/wrapper_bg.jpg') top left repeat-y;
    min-height: 100%;
	_height: 100%;
}

/* MENU */
#menu {
    text-align: center;
    position: relative;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: -40px;
}
#menu a:link, #menu a:visited { text-decoration: none; border-bottom: none;}
#menu a:hover, #menu a:active, #menu a:focus { border-bottom: 3px solid #666;}
#menu .subs a:hover, #menu .subs a:active, #menu .subs a:focus { border-bottom: 3px solid #c7290a;}
#menu ul li { display: inline; margin: 0 11.4px;} /* test */
#menu strong { border-bottom: 3px solid #555;}
#menu a.active:link, #menu a.active:visited { border-bottom: 3px solid #c7290a;}


#top {
    position: relative;
	background: url('../img/top_bg.jpg') top left no-repeat;
    height: 282px;
    width: 972px;
}

#contents {
    padding: 10px 28px 9em 31px;
    overflow: hidden;
    _zoom: 1;
}

#foot {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #AAA;
    width: 940px;
    background: url('../img/wrench.gif') bottom right no-repeat;
    height: 70px;
}
#foot p { font-size: 1.2em; text-align: center; margin-bottom: .5em;}

/* SIDEBAR */
#sidebar {
    float: left;
    padding: 0 2em 0 0;

    background: #222;
    border: 1px solid #333;
    padding: 13px 17px 11px;

    width: 260px;
}
#sidebar ul {list-style: none;}
#sidebar li {
    background: url('../img/gear.gif') 0 3px no-repeat;
    padding-left: 20px;
    margin: .5em 0 .5em 0em;
    vertical-align: middle;
    font-size: 1.4em;
}
#sidebar a:link, #sidebar a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #666;}
#sidebar li.current { background-image: url('../img/arrow.gif');}
#sidebar a.upout:link, #sidebar a.upout:visited {
    padding: 5px;
    border: 3px dashed #666;
    background: #333;
    display: block;
    text-align: center;
}
#sidebar a.upout:hover, #sidebar a.upout:active, #sidebar a.upout:focus { border: 3px dashed #c7290a; background: #444;}
#sidebar a.upout.current { background: #444; border: 3px dashed #c7290a;}
#sidebar .separ { margin-top: 2em;}
#sidebar span.new { background: #c7290a; padding: .2em .4em .2em .6em; font-size: .8em;}

#left { float: left;}
#right { float: right;}

.box {
    background: #222;
    border: 1px solid #333;
    padding: 17px;
    margin-bottom: 20px;
    overflow: hidden;
    _zoom: 1;
}
.box p {
    float: left;
    width: 345px;
    margin-right: 20px;
    clear: left;
}
.box p:last-child { margin-bottom: 0;}
.box h3 { text-transform: uppercase; float: left; margin-top: -6px;}

div.gallery {
/*    padding: 12px 17px 17px;*/
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
    _zoom: 1;
}
div.gallery a span {
    display: block;
    text-align: center;
    font-size: 1.2em;
}
div.gallery a span span {
    display: inline;
    text-align: left;
    font-size: .8em;
}

/* HOMEPAGE */
table#home { width: 100%; font-size: 1em;}
#home a { border: none}
#newsbox a:link, #newsbox a:visited { border-bottom: 1px solid #c7290a;}
#newsbox a:hover, #newsbox a:focus { border-bottom: none;}
#newsbox p.center a:link, #newsbox p.center a:visited { border-bottom: none;}
#home a img { border: 1px solid #444;}
td#newsbox {
    background: #222;
    border: 1px solid #444;
    padding: .7em 1em;
    vertical-align: top;
}
#newsbox h3 {
    font-size: 1.4em;
    text-transform: uppercase;
}
#newsbox strong.datum { display: block; float: left; width: 5.5em; color: #aaa; margin-right: .5em; clear: both;}
td.right { text-align: right;}
td.middle { text-align: center; padding-top: 1em;}
tr.firstrow td { padding-bottom: 4em;}

#newsbox a.upout:link, #newsbox a.upout:visited {
    padding: 5px;
    border: 3px dashed #c7290a;
    background: #444;
    display: block;
    text-align: center;
}
#newsbox a.upout:hover, #newsbox a.upout:active, #newsbox a.upout:focus { border: 3px dashed #666; background: #333;}



/* MOTODOPLNKY CHOPPER */
.chopper #sidebar { width: 165px;}
.chopper #right { width: 687px; _width: 680px;}
.chopper #right img { border: 1px solid #444;}
.chopper #right img.intro, .chopper .box {margin-bottom: 1em;}
.chopper #right .box { padding-bottom: 10px; text-align: center;}
.chopper #right .box h3 span { font-size: .8em; color: #ccc; font-weight: normal; text-transform: none;}
.chopper #right .box h3 { float: none; text-align: left;}
.chopper #right .box p { width: 100%; text-align: justify; float: none; margin-top: -.2em;}
.chopper #right div.gallery { padding: 0; clear: both;}
.chopper #right div.gallery a { display: block; float: left; margin: 0 1em 1em;}
#obj { padding: 1em 1em 1.2em; border: 3px dashed #c7290a; background: #444; display: block; text-align: center; margin-bottom: 1.5em;}
.chopper #right img.static { float: none; display: inline; margin: 0 1em;}
.chopper #right ul { text-align: left; float: none; font-size: 1.4em}
.chopper #right table { width: 100%; font-size: 1.4em;}
.chopper #right td, #right.chopper th { border: 1px solid #444; vertical-align: middle;}
td.titulek { background: #eee; color: #222; font-weight: bold;}
.chopper #right h4 { text-align: left; font-size: 1.6em; background: #eee; color: #222; padding: .2em 0 .2em .5em; clear: both; margin-top: 1em;}
p.anchors { text-align: center;}
p.anchors a:link, p.anchors a:visited { border-bottom: 1px solid #444; color: #ddd;}



/* PRODEJNA */
.shop #sidebar { width: 140px;}
.shop #right { width: 710px;}
.shop #right h3 { border-bottom: 3px solid #333;}
table.products { border-collapse: separate; font-size: 1em; border-spacing: 4px;}
.products a:link, .products a:visited { border-bottom: none;}
.products p a:link, .products p a:visited { border-bottom: 1px solid #c7290a;}
.products td { padding: 10px 13px 6px; background: #222; border: 1px solid #333; width: 200px;}
.products td p { width: auto; font-size: 1.1em; float: none; margin: 0 0 .5em; color: #ccc;}
.products td p.cena { font-size: 1.4em; font-weight: bold; text-align: center; margin-bottom: 0; color: #fff;}
.products img { margin-bottom: 5px;}
.products td del { color: #777; font-size: .8em;}
.products .sleva { background: #300; border-color: #600;}
.products td.empty {background: none; border: none;}
.products h4.sale { text-align: center; padding: .3em 0; background: #C7290A;}

.shop #right .gallery img { border: 1px solid #444;}
.shop #right div.gallery { padding: 0; clear: both;}
.shop #right div.gallery a { display: block; float: left; margin: 0 1.3em 1.8em;}
.shop #right .box { padding-bottom: 10px; text-align: center;}
.shop #right .box h3 span { font-size: .8em; color: #ccc; font-weight: normal; text-transform: none;}
.shop #right .box h3 { float: none; text-align: left;}
.shop #right .box p { width: 100%; text-align: justify; float: none; margin-top: -.2em;}

.shop #right .box ul { text-align: left; float: none; font-size: 1.4em; margin-left: 260px; margin-top: 1em;}
.shop #right p.narrow { margin-left: 290px; width: auto; margin-right: 0; clear: none;}
.shop #right .box h4 { text-align: left; font-size: 1.6em; background: #eee; color: #222; padding: .2em 0 .2em .5em; clear: both; margin-top: 1em;}
.shop #right .box a.thumb {float: left; margin-bottom: 1em;}


/* BAZAR */
a#bazar { display: block; font-size: 2em; color: #c7290a; border: 3px dashed #333; background: #222; text-align: center; padding: 1em; margin: 0 auto; width: 40%;}
p.bazar { text-align: center; padding: 0 14em; }
h2.bazar { text-align: center;}


/* PRESTAVBY */
.prestavby #sidebar { width: 260px;}
.prestavby #right { width: 590px;}
.prestavby #right img { border: 4px solid #333;}
.prestavby #right img.big { float: right; margin-left: 1em; border-width: 10px;}
.prestavby #right h3 { text-transform: uppercase; margin-top: -.4em;}
.prestavby #right ul { font-size: 1.4em; width: 250px;}
.prestavby #right ul li { margin-bottom: .5em; margin-left: 1.5em;}

.prestavby #right .box { text-align: center;}
.prestavby #right .box p { float: none; margin-right: 0; margin-top: -.2em; text-align: justify; width: auto;}
.prestavby #right img.static { float: none; display: inline; margin: 0 1em;}


/* SRAZY */
.srazy #sidebar { width: 230px;}
.srazy #right { width: 620px; text-align: justify;}
.srazy #right img { border: 4px solid #333;}
table.pozvanka { width: 616px; border-collapse: separate; border-spacing: .5em;}
.pozvanka td { padding: .7em .7em; background: #222; border: 1px solid #444; width: 50%;}
.pozvanka p { font-size: 1.3em; text-align: left;}
.pozvanka h3 { font-size: 1.7em; color: #fff; border-bottom: 3px dashed #c7290a;}
.pozvanka li { font-size: 1.4em;}


/* KONTAKT */
#mapa { width: 520px; height: 400px; border: 1px solid #fff; background: #fff;}
#kontakt #left { width: 340px;}
#kontakt #right { width: 530px;}
#kontakt #left img { border: 1px solid #444;}
#kontakt h3 span { font-weight: normal; font-size: .7em;}
#kontakt table { font-size: 1.4em;}
p.address { border-left: 1em solid #333; padding: .25em 0 .25em 1em; line-height: 1.6; margin-bottom: 1.5em;}
p.oteviracka { border: 3px dashed #333; background: #222; text-align: center; padding: .5em;}
h3.oteviracka { text-align: center; color: #fff;}
h3.oteviracka.big { font-size: 2em; letter-spacing: .03em;}