/* text-align */
	.text-align-center {
		text-align: center;
	}
	.text-align-left {
		text-align: left;
	}
	.text-align-right {
		text-align: right;
	}
	
/* text-decoration */
	.text-decoration-none {
		text-decoration: none;
	}
	.text-decoration-underline {
		text-decoration: underline;
	}
	
/* text-transform */
	.text-transform-uppercase, .uppercase {
		text-transform: uppercase;
	}
	.text-transform-lowercase, .lowercase {
		text-transform: lowercase;
	}
	
/* font size */
	.font-size-tiny {
		font-size: 0.8em;
	}
	
	.font-size-small {
		font-size: 0.9em;
	}
	
	.font-size-normal {
		font-size: 1.0em;
	}
	
	.font-size-big {
		font-size: 1.2em;
	}
	
	.font-size-huge {
		font-size: 1.4em;
	}
	
	.font-size-x-huge {
		font-size: 1.6em;
	}

/* font-style|weight */
	.font-weight-normal {
		font-weight: normal;
	}
	.font-weight-bold {
		font-weight: bold;
	}
	.font-style-italic {
		font-style: italic;
	}
	
/* position */
	.relative {
		position: relative;
	}
	
	.absolute {
		position: absolute;
	}
	
/* visible */
	.invisible {
		visibility: hidden;
	} 
	
/* display */
	.block {
		display: block;
	}
	
	.inline {
		display: inline;
	}
	
	.hidden {
		display: none;
	}
	
/* float|clear */
	.float-left {
		float: left;
	}
	
	.float-right {
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
/* margin padding */
	.no-margin {
		margin: 0px;
	}
	
	.no-padding {
		padding: 0px;
	}
	
	.no-margin-inherit * {
		margin: 0px;
	}

a:hover .hover_underline {
	text-decoration: underline;
}

a.no-hover-underline, .no-underline {
	text-decoration: none;
}









/****************************************************************************************/
/*                                    GENERAL CLASSES                                   */
/****************************************************************************************/


/* font size */
.small {
	font-size: 0.8em;
}

.comment {
	font-size: 0.9em;
}

.big {
	font-size: 1.2em;
}

.huge {
	font-size: 1.4em;
}

/* font weight */
.bold {
	font-weight: bold;
}

/* text */
.uppercase {
	text-transform: uppercase;
}

.no-decoration {
	text-decoration: none;
}

/* misc. */
.clickable {
	cursor: pointer;
	_cursor: hand;
}

/****************************************************************************************/
/*                                       UL CLASSES                                     */
/****************************************************************************************/
ul.no-list, ul.no-list li {
	list-style: none;
	list-style-image: none;
}

ul.small-list, ul.small-list li {
	list-style: url("../images/style/small_list.gif");
	list-style-image: url("../images/style/small_list.gif");
}

ul.inline li {
	display: inline;
}

ul.float li, ul.float-left li {
	float: left;
}

ul.float-right {
	float: right;
}

ul.float-right li {
	float: left;
	padding: 0px 2px 0px 2px;
}/* barvy textu */
.t_black {
	color: #000;
}

.t_red {
	color: #d00;
}

.t_white {
	color: #fff;
}

.t_orange {
	color: #fc8200;
}

.t_lightgrey {
	color: #d3d3d3;
}

/* barvy pozadi */
.b_darkgrey {
	background-color: #333;	
}

.b_grey {
	background-color: #888;	
}

.b_lightgrey {
	background-color: #d3d3d3;	
}

.b_white {
	background-color: #fff;	
}


h1 {
	display: inline;
	
	font-size: 0px;
}

h2 {
	font-size: 1.3em;
	
	color: #fc8200;
}

h3 {
	font-size: 1.2em;
	
	color: #fff;
}

.white h3 {
	color: #000;	
}

a {
	text-decoration: none;	
	
	color: #d60;	
}

a:hover {
	text-decoration: underline;	
}

td {
	vertical-align: top;
}


#content {
	color: #fff;	
}

#content.white {
	color: #000;	
}

/** default **/
.padding-all {
	padding: 10px;	
}

/** clanky **/
div.article {
	margin-bottom: 24px;
}

div.article h2 {
	margin: 0px 0px 6px 0px;
}

div.article img {
	float: left;
	display: block;
	
	margin: 0px 6px 6px 0px;
}

/** postranni boxy **/
.eshop_side_heading {
	margin: 0px;
	padding: 18px 2px 0px 4px;
	
	font-size: 1.0em;
	
	color: #fff;
}

#sidebar-eshop ul li h2 {
	margin: 12px 0px 0px 0px;

	font-size: 1.1em;
	font-weight: bold;
}

#sidebar-eshop ul li h3, #sidebar-eshop ul li h4 {
	margin: 0px;

	font-size: 1.0em;
	font-weight: normal;
}

#sidebar-eshop ul li a {
	display: block;
}

#sidebar-eshop ul li a.active {
	background-color: #dd6600;
}

#sidebar-eshop ul li h2 a {
	text-decoration: none;

	color: #fff;
}

#sidebar-eshop ul li h3 a, #sidebar-eshop ul li h4 a {
	font-weight: normal;

	text-decoration: none;

	color: #fff;
}

#sidebar-eshop ul li a:hover {
	text-decoration: underline;

	color: #fff;
}

#sidebar-eshop ul li ul {
	padding: 4px 0px 0px 4px;
}

#sidebar-eshop ul li ul li ul {
	padding: 4px 0px 0px 0px;
}

#sidebar-left h3, div.sidebar-right h3, div.sidebar-right-dark h3 {
	color: #000;	
}

/** tipmoto vypis **/

.moto_item {
	float: left;
	
	width: 170px;
	
	margin: 12px 12px 24px 12px;
	
	text-align: center;
}

.moto_item h3 span.block {
	height: 36px;
	
	margin-top: 0px;
}

/** tipmoto detail **/
.moto_detail .gallery {
	float: left;
	
	width: 162px;
}

.moto_detail .gallery a:hover {
	text-decoration: none;
}

.moto_detail .description {
	float: left;
	
	width: 462px;
}

.moto_detail .description td {
	vertical-align: bottom;
}

/** eshop default **/

#eshop-caption .label h2 {
	display: inline;
	
	margin: 0px;
	padding: 2px 4px 0px 4px;
	
	background-color: #d00;
	
	color: #fff;
}

#eshop-caption .content {
	
}

/** eshop vypis **/
.product {
    width: 162px;

    padding: 10px 23px 50px 23px;

    float: left;

    text-align: center;

    color: #666;
}

.product .photo {
	width: 162px;
	height: 132px;

	margin: 0px auto 6px auto;

    text-align: center;
}

.product .photo table {
	width: 162px;
}

.product .photo td {
	text-align: center;
	vertical-align: middle;
}

.product .photo td a {
	color: #000;
}

.product .photo td a:hover {
	color: #fff;
}

.product .photo td a img {
	/*display: block;*/	
}

.product h3 {
    height: 52px;

    margin: 0;
    padding: 0;

    font-size: 1.2em;
    font-weight: bold;
}

.product h3 a {
    color: #666;
}

.product .price {
	display: block;

	padding: 2px;

	font-size: 1.2em;

	color: #fff;
}

.product .price.blue {
	background-color: #d60;

	color: #fff;
}

.product .price.orange {
	background-color: #d00;
}

.product .price .value, .product .price .unit {
	font-weight: bold;
}

.product .price .common_value, .product .price .common_unit {
	font-weight: normal;

	text-decoration: line-through;
}

/** eshop detail **/

.gallery-link {
    font-size: 11pt;

    text-align: left;
}

#gallery {
	float: left;
	
	width: 290px;

	margin-right: 0px;
	padding-top: 36px;

    border: 0px solid red;
}

#details {
	float: left;

	width: 550px;

    padding-top: 40px;

    border: 0px solid red;
}

#details h2 {
	margin: 0px 0px 16px 0px;

	font-size: 1.5em;

	color: #333;
}

#details h2 span.comment {
	float: right;

	font-size: 0.7em;
	font-weight: normal;

	line-height: 1.6em;

	color: #666;
}

#details #order_form table {
	width: 100%;
}

#details #order_form table td {
	vertical-align: top;

	font-size: 1.0em;
}

#details #order_form table td img.color {
	width: 20px;
	height: 20px;

	margin: 4px;
}

#details #order_form table td a, #gallery a {
	color: #dd6600;

	text-decoration: none;
}

#gallery a:hover {
	text-decoration: underline;
}

#details .price {
    color: #dd6600;

    font-weight: bold;
    font-size: 12pt;
}

#details .t_red {
	color: #d00;	
}

/** eshop kosik **/

#cart a {
	color: #dd6600;
}

#cart table {
	width: 100%;

	padding: 6px;
	border: 2px solid #ccc;
}

#cart table th {
	font-size: 0.8em;

	color: #999;
}

#cart table td {
	vertical-align: top;
}

#cart table h3 {
	margin-top: 0px;
}

table.sizes {
    border: 1px solid black;
}

table.sizes td {
    border: 1px solid #888;

    padding: 0 2px;

    min-width: 2em;
}

table.sizes td.heading {
    font-weight: bold;
}
html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	background-color: #d3d3d3;
	background-image: url('../images/layout/body_repeat.png');
	background-repeat: repeat-y;
	background-position: center 0px;

	font-family: "Arial CE", "Arial", "Helvetica", sans-serif;
	font-size: 12px;

	text-align: center;

	color: #000;
}

table {
    font-size: 10pt;
}

img {
	border: 0px;
}

#background {
	_background-image: url("../images/layout/motives/motiv2.jpg");
	background-repeat: no-repeat;
	background-position: center top;

	min-height: 500px;
}

#background.bmw1 {
	background-image: url("../images/layout/motives/bmw1.jpg");
}

#background.bmw2 {
	background-image: url("../images/layout/motives/bmw2.jpg");
}
#background.ctyrkolky1 {
	background-image: url("../images/layout/motives/ctyrkolky1.jpg");
}
#background.priroda1 {
	background-image: url("../images/layout/motives/priroda1.jpg");
}
#background.priroda2 {
	background-image: url("../images/layout/motives/priroda2.jpg");
}
#background.priroda3 {
	background-image: url("../images/layout/motives/priroda3.jpg");
}

#background.motiv1 {
	background-image: url("../images/layout/motives/motiv1.jpg");
}
#background.motiv2 {
	background-image: url("../images/layout/motives/motiv2.jpg");
}
#background.motiv3 {
	background-image: url("../images/layout/motives/motiv3.jpg");
}
#background.motiv4 {
	background-image: url("../images/layout/motives/motiv4.jpg");
}

#frame {
	width: 900px;

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

	text-align: left;
}

#signature {
	width: 880px;

	margin: 0px auto 0px auto;
	padding: 16px 10px 10px 10px;
	
	background-color: #d3d3d3;
	background-image: url("../images/layout/signature.png");
	background-repeat: no-repeat;

	text-align: right;
}

#banner {
	float: right;
	width: 517px;
	height: 90px;

	background-color: #fff;
}

#banner #slideshow {
	background-color: #fff;
	
	position: relative;	
}

#banner #slideshow .item {
	position: absolute;	
}

.marquee {
	position: relative;
	
	height: 20px;
	
	overflow: hidden;
}

#logo {
	float: left;
	width: 207px;

	margin: 78px 0px 0px 4px;

	text-align: center;
}

#menu {
	float: right;
	width: 506px;
	height: 46px;

	margin: 96px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#main-dark {
	background-color: #2a2a2a;
}

#main-white {
	background-color: #fff;
}

.w49pct {
	width: 49%;
}	

.w66 {
	width: 66px;	
}

.w162 {
	width: 162px;	
}

.w172 {
	width: 172px;	
}

.mb-05em {
	margin-bottom: 0.5em;	
}

.margin-b-12 {
	margin-bottom: 12px;	
}

.padding-b-3 {
	padding-bottom: 3px;	
}

.padding-tb-12 {
	padding-top: 12px;	
	padding-bottom: 12px;	
}

.padding-t-12 {
	padding-top: 12px;	
}

.padding-b-12 {
	padding-bottom: 12px;	
}

.padding-l-12 {
	padding-left: 12px;	
}

.padding-l-14 {
	padding-left: 14px;
}

.padding-l-24 {
	padding-left: 24px;	
}

.padding-r-24 {
	padding-right: 24px;	
}

.padding-t-39 {
	padding-top: 39px;
}

#sidebar-eshop  {
	float: left;

	width: 248px;

	color: #fff;
}

#sidebar-eshop div.top, #sidebar-eshop div.repeat, #sidebar-eshop div.bottom {
	padding: 0px 24px 0px 10px;
}

#sidebar-eshop div.top {
	height: 17px;

	background-image: url("../images/layout/sidebar-eshop/top.png");
	background-repeat: no-repeat;
	background-position: left top;
}

#sidebar-eshop div.repeat {
	background-image: url("../images/layout/sidebar-eshop/repeat.png");
	background-repeat: repeat-y;
	background-position: left top;
}

#sidebar-eshop div.bottom {
	_height: 33px;
	min-height: 33px;

	background-image: url("../images/layout/sidebar-eshop/bottom.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
#sidebar-eshop div.separator {
	height: 1px;

	background-color: #fff;
}
*/
#right {
	float: right;

	width: 277px;
	
	margin-top: -10px;
}

/* sidebarz */
	/* default text color */
	#sidebar-left, div.sidebar-right, div.sidebar-right-dark  {
		color: #000;
	}

/* left side */

	#sidebar-left div.top {
		height: 21px;
	
		background-image: url("../images/layout/sidebar-left/top.png");
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#sidebar-left div.repeat {
		background-image: url("../images/layout/sidebar-left/repeat.png");
		background-repeat: repeat-y;
		background-position: left top;
		
	}
	
	#sidebar-left div.bottom {
		_height: 14px;
		min-height: 14px;
		
		font-size: 0px;
		line-height: 0px;
	
		background-image: url("../images/layout/sidebar-left/bottom.png");
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
/* right side */
	div.sidebar-right div.top, div.sidebar-right div.repeat, div.sidebar-right div.bottom,
	div.sidebar-right-dark div.top, div.sidebar-right-dark div.repeat, div.sidebar-right-dark div.bottom {
		/*padding: 0px 24px 0px 13px;*/
	}
	
	div.sidebar-right div.top, div.sidebar-right-dark div.top, div.sidebar-right-kategorie-clanku div.top {
		height: 17px;
	
		background-repeat: no-repeat;
		background-position: left top;
	}
	div.sidebar-right div.top {
		background-image: url("../images/layout/sidebar-right/top.png");
	}
	div.sidebar-right-dark div.top {
		background-image: url("../images/layout/sidebar-right-dark/top.png");
	}
	div.sidebar-right-kategorie-clanku div.top {
		background-image: url("../images/layout/sidebar-right-kategorie-clanku/top.jpg");
	}
	
	div.sidebar-right div.repeat, div.sidebar-right-dark div.repeat, div.sidebar-right-kategorie-clanku div.repeat {
		background-repeat: repeat-y;
		background-position: left top;
	}
	div.sidebar-right div.repeat {
		background-image: url("../images/layout/sidebar-right/repeat.png");
	}
	div.sidebar-right-dark div.repeat {
		background-image: url("../images/layout/sidebar-right-dark/repeat.png");
	}
	div.sidebar-right-kategorie-clanku div.repeat {
		background-repeat: no-repeat;
		background-image: url("../images/layout/sidebar-right-kategorie-clanku/repeat.jpg");
	}
	
	div.sidebar-right div.bottom, div.sidebar-right-dark div.bottom, div.sidebar-right-kategorie-clanku div.bottom {
		_height: 24px;
		min-height: 24px;
	
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	div.sidebar-right div.bottom {
		background-image: url("../images/layout/sidebar-right/bottom.png");
	}
	div.sidebar-right-dark div.bottom {
		background-image: url("../images/layout/sidebar-right-dark/bottom.png");
	}
	div.sidebar-right-kategorie-clanku div.bottom {
		background-image: url("../images/layout/sidebar-right-kategorie-clanku/bottom.png");
	}

#content {
	float: right;

	width: 624px;
	_width: 634px;

	padding: 18px 10px 10px 0px;
}

#central {
	float: left;
	
	width: 330px;
}#menu ul {

}

#menu ul li h2 {
	display: inline;
	
	font-size: 0px;	
}

#menu ul li {
	padding: 0px 0px 0px 0px;

	font-size: 1.0em;

	color: #8097a8;
}

#menu ul li a {
	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;

	color: #8097a8;
}

#menu ul li a:hover {
	text-decoration: none;
}

#menu ul li.active a {
	color: #ff6600;
}/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
	position: absolute;
    overflow: visible;
    z-index: 150;
    left: 0;
    top: 0;

    border: 1px solid #6e6a61;

	font-size: 1px;
}

#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%;
    #width: 95%;
    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;

    vertical-align: middle;
}

#GB_middle img {
	width: 25px;

    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
	float: left;

    padding-right: 10px;
}

#GB_middle .right {
	float: right;

    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;

    border-top: 1px solid #fff;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #fff;
}

.GB_Window .header {
    height: 22px;

    margin: 0;
    padding: 3px 0;

    background-color: #7590ae;

    border-top: 1px solid #fff;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #fff;

    font-size: 12px;

    color: #fff;
}

.GB_Window .caption {
    font-size: 18px;
    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; }
