/* CSS Document */

@import url('reset.css'); /* reset stylů */

/* BASIC =====================================================================*/
body {background:#ccc url('img/back2.png') top left}
body {font-family: Georgia, serif; font-size:12px; line-height:22px;text-align:center;}
body,code,div,h1,h2,h3,h4,h5,h6,img,li,ol,span,table,th,td,ul {padding:0px; margin:0px; border:0px;}

/* links */
a {color:#ff0000; text-decoration:underline;}
a:hover {color:#F5534B; }

/* headings etc. */
h1,h2,h3,h4,h5,h6 {font-family: Georgia, serif; font-weight:bold; letter-spacing:-1px}
h1 {font-size:11px; margin-left:-5000px; float:left}
h2 {font-size:18px; margin-bottom:10px}
h3 {font-size:16px; margin-bottom:10px}
h4 {font-size:13px}

/* paragraphs */
p {line-height:22px; margin-bottom:22px;margin-top: 0px;}
p.main {margin-top:20px;}
p.top {margin-top:10px;}
p.no-top {margin-top:0px;}
p.no-bottom {margin-bottom:0px;}

/* tables */
table {border-collapse: collapse;margin-bottom: 22px;}
th,td {font-size: 11px;}

/* lists */
ul,ol,li    {list-style: none;}
ul          {margin-bottom: 22px;}

/* other */
hr        {border:0px; border-bottom:2px solid #cccccc; height:0px; margin-top:20px;margin-bottom:20px}
hr.cleaner {border:0px; clear:both; height:0px; margin:0px; padding:0px; visibility:hidden;}
hr.left {clear:left;}
hr.right {clear:right;}
hr.line {border-bottom:2px solid #cccccc; visibility:visible; margin-top:20px;margin-bottom:20px}
img         {border:0px;}
sub, sup {position:relative; vertical-align:baseline;}
sub {top:0.4em;}
sup {bottom:0.4em;}

/* alignment */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}

.clear-left {clear:left}
.clear-right{clear:right}

/* GRID PARTS ================================================================*/
#back-top{background:#000; border-bottom:10px solid #F5534B;}
#wrap-1,#wrap-2 {background:#fff; width:850px; margin:0px auto; text-align:left;}

#header {background:#000 url('img/header.png') no-repeat bottom right; height:160px}

/* header */
#header #title {height:125px;}
#header #title a {display:block;height:90px;width:500px; text-decoration:none}
#header #menu {height:35px;float:right;margin-right:2px}
#header #menu ul {line-height:35px;margin:0px}
#header #menu li{display:inline;}
#header #menu ul li a {display:block;padding:0 20px 0 20px;text-decoration:none;color:#fff;float:left;background:#D9201A;margin-left:2px;text-align:center; font-size:15px;}
#header #menu ul li a:hover {color:#fff;background:#F5534B;}
#header #menu ul li.active a {color:#fff;background:#F5534B; font-weight:bold}
#header #menu ul li ul{display:none}

/* content */
#content {clear:both; padding:35px;}
#content #main {width:490px;float:left; margin-right:60px}
#content #sidebar {width:230px;float:left}
#content #sidebar div,
#content #sidebar-2 div {margin-bottom:25px}

#content #main-2 {width:520px;float:right; margin-left:60px}
#content #sidebar-2 {width:200px;float:left}

#content #sidebar h2,
#content #sidebar-2 h2 {font-size:16px;}


/* images */
img {border:1px solid #999;background:#efefef;padding:3px}
img:hover {border:1px solid #555;background:#fff}

/* lists */
#content li {margin-left: 0px; padding-left: 30px; margin-bottom: 5px;background: url('img/list.png') no-repeat top left;}
#content ol li {margin-left: 20px; padding-left: 5px; margin-bottom:5px; list-style: decimal}
#content li.active a {color:#000;font-size:14px;text-decoration:none;font-weight:bold}

/* special */
#content .preview-mini {margin-bottom:15px;}

/* motocykly */
#content img.preview {margin-left:40px; margin-bottom: 20px; float:right;}
#content hr.next-item {clear:right;}

#content .item {width:240px; height:250px; margin-right:20px; border-bottom:20px solid #fff; float:left; text-align:center}
#content .item:hover {background:#eee}
#content .item img.preview {margin:0 0 0px 0; float:none}
#content .item strong {display:block}

#footer {clear:both;margin-top:10px;font-size:10px}
#footer * {color:#444}
#footer a {font-weight:bold}

/* item lists*/
.item-imagelist {font-family:'Trebuchet MS'}
.item-imagelist {width:220px; float:left; margin-right:25px; margin-bottom:30px; border:1px solid #aaa; padding:5px; text-align:center; background:#efefef}
.item-imagelist:hover {background:#ffeeee;border:1px solid #ff0000;}
.item-imagelist img {border:0px}
.item-imagelist .name {font-size:12px;font-weight:bold; color:#333}
.item-imagelist .price {font-size:10px; margin-top:-5px; color:#666}
.item-imagelist .price span {font-weight:bold;}
.item-imagelist:hover .name,
.item-imagelist:hover .price {color:#000}

.list-start p {font-size:12px;display:none}
/*.list-start .listing {float:right; margin-top:-45px}*/
.list-start .listing {text-align:center;vertical-align:midle}
.list-start .listing a {font-family:'Trebuchet MS';border:1px solid #ccc; color:#000000; font-size:14px; font-weight:bold;margin-right:5px; padding:3px 6px 3px 6px; text-align:center; text-decoration:none}
.list-start .listing a.edge {font-size:10px; font-size:10px;}
.list-start .listing a.active {color:#ff0000;border:1px solid #ff0000;}
.list-start .listing a:hover {border:1px solid #ff0000;}