/* html, body, .flash, #website {
	height: 100%;
	overflow: hidden;
}
end hide */
body {
	background-color:#000000;
	color:#FFFFFF;
	margin:0;
	padding:0;
/*	text-align:center;*/
}

/*
barvy:

modra #00aae2

*/

/* reset css stylu // podle meyera nebo koho */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: #FFFFFF; background: #000000;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* reset end */

/*
clear // naprosto nezbytna sekvence: cisti floaty
pouziva se: <div class="clear"><float 1><float 2></div>
*/

.clear:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
.clear {display: inline-block;}
/* Hide from IE Mac \*/
.clear {display: block;}
* html .clear {height: 1px;}
/* End hide from IE Mac */


body {
	background: #000000;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.75em;
	position: relative;
}

a, a:visited {text-decoration: none; color:#FFFFFF; }

.clear {clear: left;}
.hidden {display: none;}
.red {color: red;}
.fontBlue {color: #0fcbff;}

/** header **/

#top {
	background-color:#000000;
	color:#FFFFFF;
	height:126px;
	margin:3px auto;
	position:relative;
	width:990px;
}

.redLine {border-bottom: 1px solid red;}
.yellowLine {border-bottom: 1px solid yellow;}
.magentaLine {border-bottom: 1px solid #fc0fff;}
.blueLine {border-bottom: 1px solid #0fcbff;}
.orangeLine {border-bottom: 1px solid #f98214;}
.whiteLine {border-bottom: 1px solid white;}
.greyLine {border-bottom: 1px solid #777777;}
.greenLine {border-bottom: 1px solid #85db02;}

#topNav {
	background: url(/images/borderTop_990x1.gif) no-repeat right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 28px;
	text-align: right;
}

#topNav ul {
	float: right;
	height:25px;
	padding:2px;
}

#topNav li {
	float:left;
	margin:5px 0px 5px 20px;
}

#topNav a:hover {
	color: yellow;
}

#logo {
	width:127px;
	height:24px;
	float:right;
}

#topLogo {
	float: left;
	width:127px;
	height:24px;
/*	background:url(/images/logo_black_red.jpg) no-repeat bottom left;
	position:absolute; top:60px; right:1px; */
}

#logoSmall {
	width: 136px;
	height: 98px;
	float: left;
}

#breadcrumb {
	line-height: 120%;
	width:853px;
	margin-top: 60px;
	font-size: 11px;
	height: 30px;
	float: left;
}

#breadcrumb ul {
	margin: 8px 0 0 10px;
}

#breadcrumb ul li {
	color:#CCCCCC;
	float:left;
	margin:3px 0px 5px 0px;
}

#breadcrumb ul .lastBreadItem span {margin:0 15px;}

#breadcrumb ul li a {
	float:left;
	color:#CCCCCC;
	margin:0 15px;
}

#breadcrumb ul li a:hover {color:red;}
#breadcrumb.yellowNav ul li a:hover {color:yellow;}
#breadcrumb.magentaNav ul li a:hover {color: #fc0fff;}
#breadcrumb.blueNav ul li a:hover {color: #0fcbff;}
#breadcrumb.orangeNav ul li a:hover {color: #f98214;}
#breadcrumb.whiteNav ul li a:hover {color: white;}
#breadcrumb.greyNav ul li a:hover {color: #777777;}
#breadcrumb.greenNav ul li a:hover {color: #85db02;}

.separator {
	display: block;
	width: 3px;
	height: 11px;
	margin-top: 3px;
	float:left;
}

.separatorRed {background: #000 url(/images/separator_red_3x11.gif) no-repeat;}
.separatorRedArrow {background: #000 url(/images/separator_red_arrow_3x11.gif) no-repeat;}
.separatorYellow {background: #000 url(/images/separator_yellow_3x11.gif) no-repeat; margin-top: 2px;}
.separatorMagenta {background: #000 url(/images/separator_magenta_3x11.gif) no-repeat; margin-top: 2px;}
.separatorBlue {background: #000 url(/images/separator_blue_3x11.gif) no-repeat; margin-top: 2px;}
.separatorOrange {background: #000 url(/images/separator_orange_3x11.gif) no-repeat; margin-top: 2px;}
.separatorWhite {background: #000 url(/images/separator_white_3x11.gif) no-repeat; margin-top: 2px;}
.separatorGrey {background: #000 url(/images/separator_grey_3x11.gif) no-repeat; margin-top: 2px;}
.separatorGreen {background: #000 url(/images/separator_green_3x11.gif) no-repeat; margin-top: 2px;}

#breadcrumb select  {
	float:left;
	background:none;
	background:#000000;
	color:white;
	height:17px;
	font-size:10px;
	margin-left: 15px;
}

.topWhiteSpacer {
	height: 11px;
	margin: 0px 0px 4px 2px;
	border-bottom: 7px solid #ffffff;
	width: 990px;
	font-size:9px;
	line-height: 10px;
}

/** flash alert **/

#flashAlert {
	background: #fff url(/images/homepage_pic_990x99.jpg) no-repeat;
	height: 200px;
	margin: 0 0 0 2px;
	position: relative;
	width: 990px;
}

#flashAlert.pictureAlert {
	background: #fff;
	height: 100px;
	margin: 0 0 0 2px;
	position: relative;
	width: 990px;
}

#flashAlert p {
	color: #666666;
	float: left;
	font-size: 0.9em;
	margin: 140px 0px 10px 50px;
	line-height: 120%;
	width:760px;
}

#flashAlert.pictureAlert p {
	color: #666666;
	float: left;
	font-size: 0.9em;
	margin: 40px 0px 0px 50px;
	width:760px;
}

#flashAlert a {
	display: block;
	float: left;
	font-size: 0.9em;
	height: 33px;
	margin-top: 130px;
	width: 112px;
}

#flashAlert.pictureAlert a {
	display: block;
	float: left;
	font-size: 0.9em;
	height: 33px;
	margin-top: 30px;
	width: 112px;
}

/** left block **/

#mainContent {margin: 0 0 0 2px; width: 990px;}

#leftBlock {float: left; width: 690px;}

#leftBlock p {
	font-size: 0.9em;
	color: #CCCCCC;
	margin-bottom: 1em;
	line-height: 130%;
}

#leftBlock.oneBlock {width: 990px;}

#mainContentTitle {text-align: center;	width: 136px;}

.pageTitle {margin-bottom: 1em;}

.pageTitle.red, .nextTitle.red {border-bottom: 1px solid red;}
.pageTitle.yellow, .nextTitle.yellow {border-bottom: 1px solid yellow;}
.pageTitle.magenta, .nextTitle.magenta {border-bottom: 1px solid #fc0fff;}
.pageTitle.blue, .nextTitle.blue {border-bottom: 1px solid #0fcbff;}
.pageTitle.orange, .nextTitle.orange {border-bottom: 1px solid #f98214;}
.pageTitle.white, .nextTitle.white {border-bottom: 1px solid white;}
.pageTitle.grey, .nextTitle.grey {border-bottom: 1px solid #777777;}
.pageTitle.green, .nextTitle.green {border-bottom: 1px solid #85db02;}

.pageTitle h1, .nextTitle h1 {
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	height: 1.4em;
	padding-top: 0.4em;
	text-transform:uppercase;
}

.nextTitle h1 {margin-top: 2em;}

.nextTitle.yellow h1, .pageTitle.yellow h1 {background-color: yellow;}
.pageTitle.red h1, .nextTitle.red h1 {background-color: red;}
.pageTitle.magenta h1, .nextTitle.magenta h1 {background-color: #fc0fff;}
.pageTitle.blue h1, .nextTitle.blue h1 {background-color: #0fcbff;}
.pageTitle.orange h1, .nextTitle.orange h1 {background-color: #f98214;}
.pageTitle.white h1, .nextTitle.white h1 {background-color: white;}
.pageTitle.grey h1, .nextTitle.grey h1 {background-color: #777777;}
.pageTitle.green h1, .nextTitle.green h1 {background-color: #85db02;}

.newsItem {margin-top: 1.5em;}

.newsItemMagenta, .newsItemBlue, .newsItemOrange, .newsItemWhite, .newsItemGrey {margin-top: 1.5em;}

.newsItemMagenta h2, .newsItemBlue h2, .newsItemOrange h2, .newsItemWhite h2, .newsItemGrey h2, .newsItemGreen h2 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}

.newsItemMagenta h2 {color: #fc0fff;}
.newsItemBlue h2 {color: #0fcbff;}
.newsItemOrange h2 {color: #f98214;}
.newsItemWhite h2 {color: white;}
.newsItemGrey h2 {color: #777777; margin-top: 3em;}
.newsItemGreen h2 {color: #85db02;}

.newsItemGrey h3 {
	background: url(/images/plus_777777_7x7.gif) no-repeat 0px 3px;
	color: #777777;
	font-size: 0.9em;
	margin-top: 1.5em;
	padding-left: 1em;
}

.homepage h2 {
	color: #FF0000;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0.3em;
}

.homepage p {
	color: #CCCCCC;
	font-size: 0.9em;
	line-height: 130%;
	margin-bottom: 1em;
}

.shopItem {margin-top: 1.5em;}

.shopItem h2 {
	color: yellow;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.shopItem ul {margin-left: 3em;}

.shopItem ul li {
	background: url(/images/plus_darker_7x7.gif) no-repeat 0px 2px;
	color: #CCCCCC;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	padding-left: 1.2em;
}

#katalogHolder {
	background-color: white;
	color: #000000;
	height: 422px;
	width: 990px;
}

#katalogHolder7 {
	background-color: white;
	color: #000000;
	height: 442px;
	width: 990px;
}

#katalogListHolder, #katalogListHolderSmall {
	background-color: white;
	color: #000000;
	width: 990px;
}

#katalogListHolder {
	height: 402px;
}

#katalogListHolderSmall {
	height: 213px;
}

.itemHolder3 .itemHolder3Label a, .itemHolder4 .itemHolder4Label a, .itemHolder6 .itemHolder6Label a, .itemHolder1-6 .itemHolder6Label a, .itemHolder6-6 .itemHolder6Label a {
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

.itemHolder3 .itemHolder3Label a:hover, .itemHolder4 .itemHolder4Label a:hover, .itemHolder6 .itemHolder6Label a:hover, .itemHolder1-6 .itemHolder6Label a:hover, .itemHolder6-6 .itemHolder6Label a:hover {
	color: #FFFFFF;
}

.itemHolder3, .itemHolder4, .itemHolder6, .itemHolder1-6, .itemHolder6-6 {
	float: left;
	height: 422px;
}

.itemHolder3 {width: 330px;}
.itemHolder4 {width: 247px;}
.itemHolder6 {width: 158px;}
.itemHolder1-6 {width: 173px;}
.itemHolder6-6 {width: 184px;}

.insideItemHolder1-3 {padding: 17px 0px 17px 26px;}
.insideItemHolder2-3 {padding: 17px 13px 17px 13px;}
.insideItemHolder3-3 {padding: 17px 26px 17px 0px;}

.insideItemHolder1-4 {padding: 17px 0px 17px 21px;}
.insideItemHolder2-4 {padding: 17px 7px 17px 14px;}
.insideItemHolder3-4 {padding: 17px 14px 17px 7px;}
.insideItemHolder4-4 {padding: 17px 21px 17px 0px;}

.itemHolder3Label, .itemHolder4Label, .itemHolder6Label {
	background-color: #85db02;
	margin-top: 1px;
	padding: 4px;
	text-align: center;
}

.itemHolder6LabelTop {
	background-color: #85db02;
	margin-bottom: 1px;
	padding: 4px;
	text-align: center;
}

.itemHolder1-6 .itemHolder6LabelTop a, .itemHolder6 .itemHolder6LabelTop a, .itemHolder6-6 .itemHolder6LabelTop a {
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.itemHolder1-6 .itemHolder6LabelTop a:hover, .itemHolder6 .itemHolder6LabelTop a:hover, .itemHolder6-6 .itemHolder6LabelTop a:hover {
	color: #FFFFFF;
}

.insideItemHolder1-6 {padding: 17px 0px 17px 26px;}
.insideItemHolder2-6 {padding: 17px 0px 17px 11px;}
.insideItemHolder3-6 {padding: 17px 0px 17px 11px;}
.insideItemHolder4-6 {padding: 17px 0px 17px 11px;}
.insideItemHolder5-6 {padding: 17px 0px 17px 11px;}
.insideItemHolder6-6 {padding: 17px 26px 17px 11px;}

.itemHolderSpacer {height: 10px;}

.katalogImageHolder {
	float: left;
	padding: 17px 26px 0px 26px;
	width: 147px;
}

.katalogList {
	float: left;
	padding-top: 17px;
	width: 770px;
	}

.katalogList ul {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
	}

.katalogList ul li {
	background: url(/images/plus_777777_7x7.gif) no-repeat 0px 3px;
	margin-bottom: 0.5em;
	padding-left: 1.2em;
	}

#katalogListHolder .katalogList ul li a, #katalogListHolderSmall .katalogList ul li a {color: #666666;}

#katalogListHolder .katalogList ul li a:hover, #katalogListHolderSmall .katalogList ul li a:hover {color: #85db02;}

/** right block **/

#rightBlock {
	float: left;
	margin-left: 20px;
	padding-top: 1.6em;
	width:280px;
}

#rightBlock a {color: #555555;}

#rightBlock a:hover {color: red;}

.rightBlockBox {
	background-color: #FFFFFF;
	color: #555555;
	font-size: 0.8em;
	padding-bottom: 1em
}

.rightBlockBox h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform:uppercase;
}

.rightBlockBox ul {font-weight: bold; margin: 1em 0 0 1em;}

.rightBlockBox ul li {
	background: url(/images/plus_7x7.gif) no-repeat 0px 4px;
	line-height: 150%;
	margin-bottom: 0.5em;
	padding-left: 1.2em;
}

.rightBlockBox .listNoMargin li {margin-bottom: 0em;}

.rightBlockBox address {
	color: #555555;
	font-style: normal;
	font-weight: bold;
	line-height: 150%;
	margin-top: 1em;
	padding-left: 1em;
}

.rightBlockBox p {
	font-weight: bold;
	line-height: 150%;
	margin: 1em 0 0 1em;
}

.rightBlockBox .noTopMargin {margin-top: 0em;}
#rightBlock .hoverBlue a:hover {color: #0fcbff;}

.inbetweenBox {height: 1em;}

.inbetweenBox.cyanBox {
	border-top: 1px solid #00FFFF;
	height: 1em;
	margin-top: 1px;
}

.inbetweenBox.redBox {
	border-top: 1px solid #FF0000;
	height: 1em;
	margin-top: 1px;
}

.inbetweenBox.blueBox {
	border-top: 1px solid #0fcbff;
	height: 1em;
	margin-top: 1px;
}

.rightBlockBox .cyan {
	background-color: #00FFFF;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding: 0.5em 0em 0.4em 1em;
}

.rightBlockBox .red {
	background-color: #FF0000;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding: 0.5em 0em 0.4em 1em;
}

.rightBlockBox .blue {
	background-color: #0fcbff;
	border-bottom: 1px solid #000000;
	color: #000000;
	padding: 0.5em 0em 0.4em 1em;
}

/** footer **/

.bottomWhiteSpacer {
	height: 11px;
	margin: 4px 0px 0px 2px;
	border-top: 7px solid #ffffff;
	width: 990px;
	font-size:9px;
	line-height: 10px;
}

#bottomRed, #bottomMagenta, #bottomYellow, #bottomBlue, #bottomOrange, #bottomWhite, #bottomGrey, #bottomGreen {
	width:990px;
	margin-left: 2px;
	height:22px;
	text-align: right;
}

#bottomRed {border-top: 1px solid red;}
#bottomYellow {border-top: 1px solid yellow;}
#bottomMagenta {border-top: 1px solid #fc0fff;}
#bottomBlue {border-top: 1px solid #0fcbff;}
#bottomOrange {border-top: 1px solid #f98214;}
#bottomWhite {border-top: 1px solid white;}
#bottomGrey {border-top: 1px solid #777777;}
#bottomGreen {border-top: 1px solid #85db02;}

#bottomRed p, #bottomMagenta p, #bottomYellow p, #bottomBlue p, #bottomOrange p, #bottomWhite p, #bottomGrey p, #bottomGreen p {
	color: #666666;
	font-size: 10px;
	padding-top: 7px;
}


#wrap {
	width:994px;
	/* text-align:center; */
	margin:0 auto;
}