/* vseobecne prvky */

body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; font-size: 11px; background: url('/images/bikecentrum/layout/img/body-bck.gif') left top #354242 repeat-x; color: #293333;}
a, a:active, a:visited {color: #293333; text-decoration: none;}
a:hover {text-decoration: underline; outline: none;}
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}

h1 {font-size: 18px;}
h2 {font-size: 16px; color: #293333; margin-top: 7px; margin-bottom: 7px;}
h3 {font-size: 14px; color: #293333; margin-top: 7px; margin-bottom: 7px;}
h4, h5,h6 {font-size: 12px; font-weight: bold;  color: #293333; margin-top: 7px; margin-bottom: 7px;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}

table { width: 100%; }
table th {text-align: left; font-size: 10px; padding: 3px;}
table td {font-size: 10px; padding: 3px;}
table td.red {color: Red;}
input {vertical-align: middle;}

p {margin-top: 5px; margin-bottom: 5px; line-height: 15px;}

/* fotogalerie u clanku */	
.gallery-outer {display: block; width: 365px; float: left; background-color: #ffffff; }
.gallery-outer2 {display: block; width: 365px; float: right; background-color: #ffffff; }
.gallery-inner {padding: 5px;}
.gallery-image-small {display: table; height: 70px; width: 70px; %position: relative; overflow: hidden; border: 1px solid #dbdbdb; margin: 5px; float: left;}
.gallery-image-small span {%position: absolute; %top: 50%; %left: 50%; display: table-cell; vertical-align: middle; text-align: center;}
.gallery-image-small span a img, .gallery-image-small span a:visited img, .gallery-image-small span a:active img, .gallery-image-small span a:hover img  {%position: relative; %top: -50%; %left: -50%; }
.gallery-image-big-outer {background: url(../img/article-image-left-top-bck.gif) left top no-repeat; padding-left: 3px; padding-top: 3px; display:inline-block; }
.gallery-image-big-inner {background: url(../img/article-image-right-bottom-bck.gif) right bottom no-repeat; margin-top: -3px; margin-left: -3px; padding: 3px; display:inline-block;}
.gallery-image-big-inner img {margin: 3px;}

/* layout */

#body-container {width: 100%; text-align: center; }
#main-container {display: block; width: 960px; background: url('/images/bikecentrum/layout/img/main-bck.gif') 50% bottom no-repeat #ffffff; text-align: left; margin-left: auto; margin-right: auto;}
#topbar {display: block; width: 960px; height: 140px; background: url('/images/bikecentrum/layout/img/topbar-bck.jpg') left top no-repeat #ffffff;}
#content {display: block; clear: both; overflow-x: hidden; padding-left: 15px; padding-right: 15px; }
#content-left {display: block; width: 555px; overflow-x: hidden; float: left; }
#content-right {display: block; width: 375px; overflow-x: hidden; float: right;}
.secondlevel {width: 188px !important; margin-top: 7px;}
#middlebar {display: block; clear: both; width: 930px; overflow-x: hidden; background: url('/images/bikecentrum/layout/img/middlebar-bck.gif') left top repeat-x #ffffff;}


/* bocni menu */
#sidebar {display: block; width: 185px; overflow-x: hidden; float: left;}
#sidebar ul, #sidebar .advertBox {margin: 0px; padding: 0px; margin-top: 10px; margin-left: 3px; margin-right: 13px; list-style-type:none; font-size: 14px; font-weight: bold; line-height: 18px; padding-bottom: 10px; background: url('/images/bikecentrum/layout/img/delimiter-bck.gif') left bottom repeat-x;}
#sidebar ul li a:hover {background-color: #293333; color: #ffffff; text-decoration: none; }

#sidebar label {display: block; font-size: 12px; font-weight: bold;}
#sidebar p {font-size: 12px; font-weight: normal;}

/* formulare */
.input-01 {width: 150px; height: 17px; line-height: 17px; border: 1px solid #7fbc00;}
.textarea-01 {width: 160px; height: 100px; border: 1px solid #7fbc00; overflow: auto;}
.input-submit {display: block; background-color: #b7bab3; width: 110px; font-size: 11px; margin-top: 10px; clear: both;}

/* menu nejvyssi urovne */
#topbar h1 {display: none;}
#topbar img {margin-left: 30px; margin-top: 30px;}
#topbar ul  {color: #293333; margin: 0px; padding: 0px; margin-left: 30px; margin-top: 10px; list-style-type:none;}
#topbar ul li { float:left; margin: 0px; padding:1px; height: 20px;}
	
.parent-item, .parent-item:active, .parent-item:visited, .parent-item:hover { color: #293333; font-size: 11px; font-weight: bold; line-height: 20px; padding-left: 7px; height: 20px; width: 100px; display: block; text-decoration: none; background: url('/images/bikecentrum/layout/img/topbar-menu-nonactive-bck.gif') left 50% no-repeat;}
.parent-item:hover {background-color: #293333; color: #ffffff;} 
	
#topbar ul ul {
	position:absolute;
	visibility:hidden;
	margin: 0px; padding: 0px; 
	line-height: 20px;
	background-color: #ffffff;
	border: 2px solid #293333;
	white-space:nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#topbar ul li:hover ul, #topbar ul li.hover ul { visibility:visible; }
#topbar ul li:hover , #topbar ul li.hover  { background-color: #293333; }
#topbar ul li:hover ul li , #topbar ul li.hover ul li  { background-color: #ffffff; }
#topbar ul li:hover a , #topbar ul li.hover a { color: #ffffff; }
#topbar ul li:hover span , #topbar ul li.hover span { color: #ffffff; }
#topbar ul li ul li a, #topbar ul li ul li a:active, #topbar ul li ul li a:visited, #topbar ul li ul li a:hover {display: block; text-decoration: none; background: url('/images/bikecentrum/layout/img/topbar-menu-item-nonactive-bck.gif') 10px bottom no-repeat !important;  color: #000000 !important; height: 20px; line-height: 20px; padding-left: 15px; padding-right: 15px;}
#topbar ul li ul li a:hover { background-color: #dc3201 !important; color: #ffffff !important;}
#topbar ul li li {float:none; border:none; padding:0; margin: 0; %width: 200px; min-width: 200px; }
#topbar ul li {behavior: url(hover.htc);}

/* elementy informačního obsahu */

.article-image {border: 3px solid #ffffff; margin-right: 7px; margin-bottom: 7px;}

.text-right {text-align:right; }
.link-01, .link-01:active, .link-01:visited, .link-01:hover {color: #ffffff; font-size: 14px; font-weight: bold; }
.link-01:hover {background-color: #dc3101; text-decoration: none;}

span.pager {color: #dc3101; font-size: 12px; font-weight: bold; }

.link-02, .link-02:active, .link-02:visited, .link-02:hover {color: #dc3101; font-size: 12px; font-weight: bold; }
.link-02:hover {background-color: #dc3101; color: #ffffff; text-decoration: none; }

.link-03, .link-03:active, .link-03:visited, .link-03:hover {display: block; float: left;  width: 55px; height: 55px; overflow: hidden;}
.link-03 img, .link-03:active img, .link-03:visited img, .link-03:hover img {border: 1px solid #d6d8d8; padding: 1px; width: 48px;}

.link-04, .link-04:active, .link-04:visited, .link-04:hover {color: #dc3101; font-size: 12px; font-weight: bold;}
.link-04:hover {background-color: #dc3101; color: #ffffff; text-decoration: none;}

.brandlink-01, .brandlink-01:active, .brandlink-01:visited, .brandlink-01:hover {color: #ffffff; font-size: 14px; font-weight: bold; background-color: #dc3101; text-decoration: none;}

.brandlink-02, .brandlink-02:active, .brandlink-02:visited, .brandlink-02:hover {font-weight: bold; color: #a9c403; text-decoration: none;}


.label-01 {font-weight: bold; color: #dc3101;}
.label-02 {font-weight: bold; color: #a9c403;}

.header-01 {color: #f6fa02; clear: both; background: url('/images/bikecentrum/layout/img/header-01-bck.gif') left bottom no-repeat; padding-left: 10px; line-height: 25px; height: 25px; display: block;}
.header-01 a, .header-01 a:visited, .header-01 a:active, .header-01 a:hover {color: #f6fa02;}
.header-02 {color: #ffffff; clear: both; background: url('/images/bikecentrum/layout/img/header-02-bck.gif') left bottom no-repeat; padding-left: 10px; line-height: 25px; height: 25px; display: block;}
.header-03 {color: #ffffff; clear: both; background: url('/images/bikecentrum/layout/img/header-03-bck.gif') left bottom no-repeat; padding-left: 10px; line-height: 25px; height: 25px; display: block;}
.header-04 {color: #a9c403; padding-left: 10px; line-height: 25px; height: 25px;}
.header-05 {display: block; float: left; line-height: 80px; height: 80px; width: 80px; margin: 3px; margin-top: 7px; font-weight: bold; text-align: center; overflow: hidden;}
.header-07 {color: #ffffff; clear: both; background: url('/images/bikecentrum/layout/img/header-07-bck.gif') left bottom no-repeat; padding-left: 10px; line-height: 25px; height: 25px; display: block;}
.header-08 {color: #ffffff; clear: both; background: url('/images/bikecentrum/layout/img/header-08-bck.gif') left bottom no-repeat; padding-left: 10px; line-height: 25px; height: 25px; display: block;}

.delimiter {clear: both; display: block; height: 10px; margin-left: 0px; margin-right: 15px; background: url('/images/bikecentrum/layout/img/delimiter-bck.gif') left bottom repeat-x; }
.delimiter hr {display: none;}

.banner-01 img {margin: 5px; margin-left: 0px;}

.clear {clear: both;}

/* boxy */

.box-01-outer {display: block; width: 185px; float: left; overflow-x: hidden;}
.box-01-inner {padding: 5px;}

.box-02-outer {display: block; width: 543px; overflow-x: hidden; background: url('/images/bikecentrum/layout/img/box-02-inner-bck.gif') left bottom no-repeat; }
.box-02-inner {padding: 10px; font-size: 12px; background: url('/images/bikecentrum/layout/img/box-02-outer-bck.gif') left top no-repeat;}
.box-02-inner h2, .box-02-inner h2 a, .box-02-inner h2 a:active, .box-02-inner h2 a:visited, .box-02-inner h2 a:hover  {color: #293333; text-transform: uppercase; font-size: 24px; text-decoration: none;}
.box-02-inner .article-image {margin-bottom: 0px;}
.box-02-inner .clear {height: 0px; overflow: hidden;}
.box-02-inner p {line-height: 20px;}

.box-03-outer {display: block; float: left; width: 176px; overflow-x: hidden; }

#SmallArticleNo1.box-03-outer,
#SmallArticleNo2.box-03-outer 
{ background: url('/images/bikecentrum/layout/img/box-03-bck.gif') right top repeat-y; }

#SmallArticleNo1.box-03-outer,
#SmallArticleNo2.box-03-outer,
#SmallArticleNo3.box-03-outer
 { min-height: 90px; }

.box-03-inner {padding: 5px;}
 
.box-04 {display: block; width: 275px; overflow-x: hidden; float: left; margin-bottom: 7px;}
.box-04 ul  {margin: 0px; padding: 0px; margin-left: 10px; list-style-type:none;}
.box-04 ul li {margin: 0px; padding-bottom: 7px; padding-top: 7px; margin-right: 25px; background: url('/images/bikecentrum/layout/img/box-04-bck.gif') left bottom repeat-x;}
.box-04 p {padding: 7px;}
.box-04 .link-02, .box-04 .link-02:hover {clear: both;}
.box-04 p.bottomLink { margin-top: 50px; }
 
.box-05 {display: block; width: 185px; min-height: 243px; _height: 243px; overflow-x: hidden; float: left; margin-bottom: 7px; margin-top: -7px;}
.box-05 ul  {margin: 0px; padding: 0px; margin-top: 10px; margin-left: 3px; list-style-type:none; font-size: 14px; font-weight: bold; line-height: 18px;}
.box-05 ul li a:hover {background-color: #293333; color: #ffffff; text-decoration: none; }
.box-05 ul li a span {font-size: 12px; padding: 2px; color: #b7cb00;} 
.box-05 ul li a:hover span {background-color: #b7cb00; color: #ffffff;}
.secondlevel .box-05 {height: auto !important; min-height: 100px; _height: 100px;}

.box-06 {display: block; float: left; width: 80px; height: 80px; float: left; margin: 3px; margin-top: 7px; overflow: hidden;}

.comments-box {padding: 10px 15px 10px 5px;}

.bazaar-perex-text {margin-left: 115px;}

/* boxy s logy znacek kol a prislusenstvi */
#brands-bikes-motive {display: block; width: 173px; height: 64px; overflow: hidden; background: url('/images/bikecentrum/layout/img/brands-bikes-motive.gif') left top no-repeat;}
#brands-accessories-motive {display: block; width: 173px; height: 64px; overflow: hidden; background: url('/images/bikecentrum/layout/img/brands-accessories-motive.gif') left top no-repeat;}

/* perexy clanku */

.article-perex {clear: both; background: url('/images/bikecentrum/layout/img/delimiter-bck.gif') left bottom repeat-x; width: 544px; padding-bottom: 7px; margin-top: 7px;}
.article-perex:hover, .article-perex.hover {background: url('/images/bikecentrum/layout/img/article-perex-delimiter-bottom-hover-bck.gif') left bottom no-repeat;}
.article-perex-inner {padding: 10px;}
.article-perex-inner:hover, .article-perex-inner.hover {background: url('/images/bikecentrum/layout/img/article-perex-top-hover-bck.gif') left top no-repeat;}
.article-perex h2 {font-size: 16px; font-weight: bold; margin-top: 7px;  margin-bottom: 7px; text-transform: uppercase;}
.article-perex p {font-size: 12px; margin-right: 10px; }
.article-perex img {margin: 6px; border: 3px solid #b0b0b0;}

.accent {background: url('/images/bikecentrum/layout/img/article-perex-delimiter-bottom-hover-bck.gif') left bottom no-repeat;}
.accent .article-perex-inner {background: url('/images/bikecentrum/layout/img/article-perex-top-hover-bck.gif') left top no-repeat;}




.accent-top {display: block; width: 543px; height: 4px; overflow: hidden; background: url('/images/bikecentrum/layout/img/accent-top-bck.gif') left top no-repeat;}
.accent-bottom {width: 543px; background: url('/images/bikecentrum/layout/img/accent-bottom-bck.gif') left bottom no-repeat !important;}
.accent-bottom img {border: 3px solid #ffffff !important;}

.article-navigation-back {float: left; margin: 5px; }
.article-navigation-forward {float: right; margin: 5px 20px 5px 5px; }

/* detail clanku */	
.article-detail {padding: 10px; font-size: 12px;}
.article-detail h2 {color: #293333; text-transform: uppercase; font-size: 24px; text-decoration: none; margin-top: 0px;}
.article-detail p {font-size: 12px; line-height: 20px;}
.article-detail hr {border: none; background: url('/images/bikecentrum/layout/img/delimiter-bck.gif') left bottom}
/* galerie */
.gallery-item-outer {display: block; width: 178px; height: 265px; float: left; overflow: hidden; background: url('/images/bikecentrum/layout/img/delimiter-bck.gif') left bottom repeat-x;}
.gallery-item-inner {padding: 5px;}
.gallery-item-inner img {border: 5px solid #b1b1b1 !important;}
.gallery-item-inner h3 {font-size: 12px;}
.gallery-detail-image {display: block; width: 370px; height: 370px; float: left; overflow: hidden; text-align: center;}
.gallery-detail-image img {border: 1px solid #b1b1b1 !important;}
.gallery-detail-toolbar {display: block; width: 170px; overflow-x: hidden; }
.gallery-detail-toolbar label {display: block; float: left; width: 30px; height: 30px; text-align: center;}
.gallery-detail-toolbar .delimiter {margin: 0px;}

/* anketa */

.enquiry {padding-left: 10px;}
.enquiry-link {display: block; margin-top: 15px;}
.enquiry-link:hover {text-decoration: none;}
.strip-outer {display: block; height: 10px; width: 300px; border: 1px solid #293333;}
.strip-outer span {display: block; height: 10px;}
.strip-0 {background-color: #a9c403;}
.strip-1 {background-color: #dc3101;}
.strip-2 {background-color: #fbca03;}
.strip-3 {background-color: #0549cd;}
.strip-4 {background-color: #f25a91;}
.strip-5 {background-color: #0fbca0;}
.strip-6 {background-color: #af8658;}
.strip-7 {background-color: #7da7d9;}
.strip-8 {background-color: #f5989d;}
.strip-9 {background-color: #9e0039;}
/* pata */

#footer-outer {display: block; width: 960px; background: url('/images/bikecentrum/layout/img/footer-bck.gif') 10px top no-repeat; text-align: left; margin-left: auto; margin-right: auto;}
#footer-inner {padding-left: 120px; padding-bottom: 10px; color: #666666; line-height: 15px; }
#footer-inner a, #footer-inner a:active, #footer-inner a:visited, #footer-inner a:hover {color: #666666;}

/* mapa CR + SR */
#reseller-map {display: block; width: 367px; height: 200px; overflow: hidden; background: url('../images/bikecentrum/layout/map/cr-sr-map.gif') left top no-repeat;}
#reseller-map-bck {display: block; width: 367px; overflow: hidden; margin-top:35px; float: left; background: url('../images/bikecentrum/layout/map/cr-sr-map-bck.gif') left top no-repeat;}

.header-enquiry {color: #a9c403; padding-left: 10px; padding-right: 10px; line-height: 18px; min-height: 25px;}

/* strankovani */
.paging span a { padding: 0 1em; }