* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	padding-bottom: 10px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
.clr {
	clear: both;
	font-size: 1px;
}
.page {
	margin: 0 auto;
	width: 1020px;
	text-align: left;
	background: url(assets/bg.gif) repeat-y center center;
}
.header {
	background: url(assets/bg_header.gif) no-repeat center top;
	text-align: center;
	padding-top: 20px;
	position: relative;
	height: 190px;
}
.header .logo {
	position: absolute;
	left: 20px;
	top: 50px;
	z-index: 3;
}
.header .white_corner {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 3;
}
.header .slide {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 980px;
	height: 190px;
	z-index: 2;
}
.header .sl_slogan {
	position: absolute;
	width: 324px;
	height: 86px;
	background: url(assets/bg_slogan.png);
	left: 340px;
	top: 30px;
	text-align: left;
}
.header .sl_slogan span {
	display: block;
	padding: 9px 0 0 20px;
	font-family: 'Open Sans Condensed';
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
}
.rolltext {
	line-height: 2em;
	color: #666;
	padding-left: 22px;
	padding-right: 22px;
	text-transform: uppercase;
}
.rolltext big {
	font-size: 120%;
}


.menubox {
	margin: 5px 20px 0 20px;
	height: 31px;
	font-family: 'Open Sans Condensed';
}
.menubox div {
	position: absolute;
	z-index: 99;
	background-color: #777;
	height: 31px;
	width: 980px;
}

ul.menu { list-style: none;	margin: 0;	padding: 0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:31px; left:-1px; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; width:163px; margin:0; border-top: 1px solid #fff; border-left: 1px solid #fff}
ul.menu ul li a {display:block; padding:3px 7px 3px; background-color:#d1d1d1;  font-size: 9pt;}
ul.menu ul li a:hover {background-color:#dadada}
ul.menu ul ul {left:163px; top:-1px; width: 250px;}
ul.menu ul ul li {width: 250px;}
ul.menu .menulink {height: 26px; padding: 5px 7px 0 7px; color: #fff; width:149px; text-transform: uppercase; font-size: 11pt; text-align:center; background: url(assets/menu_sep.png) no-repeat right center #c00010;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color: #c90919}
ul.menu .sub {background:#d1d1d1 url(assets/arrow.gif) 151px 8px no-repeat}
ul.menu .topline {}

ul.menu .ml_last {
	background-image: none;
}

.tbarbox {
	margin: 5px 20px 10px 20px;
}
.tbar {
	width: 100%;
	overflow: hidden;
}
.tbar img {
	border: 0;
	position: relative;
	float: left;
}

.context {
	padding: 20px 22px;
}
.context a {
	color: #c00010;
	text-decoration: underline;
}
.context a:hover {
	text-decoration: none;
}

.leftcol {
	position: relative;
	float: left;
	width: 780px;
}
.rightcol {
	position: relative;
	float: left;
	width: 180px;
	margin-left: 16px;
}
.rightcol h3 {
	color: #c00010;
	text-transform: uppercase;
	padding-left: 15px;
	font-size: 8pt;
}
.footer {
	height: 125px;
	background: url(assets/footer.gif) no-repeat;
}
.footer_text {
	text-align: center;
	color: #777;
	font-size: 90%;
	padding: 5px 0 10px 0;
}


.cross th {
	padding: 10px 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
.cross td {
	padding: 10px 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
.cross th {
	color: #c00010;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	width: 160px;
}
.cross td p {
	color: #666;
	text-align: justify;
}
.cross .lr { border-right: none !IMPORTANT; }
.cross .lb td, .cross .lb th { border-bottom: none !IMPORTANT; }

.rounded-red {
	background-color: #c00010;
}
.rounded-red div, .rounded-red center {
	padding: 6px 8px;
	color: #fff;
}
.rounded-red a {
	color: #fff !IMPORTANT;
	text-decoration: none;
}

.rounded-gray {
	background: url(assets/corner-lt.png) no-repeat left top #ddd;
}
.rounded-gray div, .rounded-gray center {
	padding: 6px 8px;
	background: url(assets/corner-rb.png) no-repeat right bottom;
}

.rounded-dgray {
	background: url(assets/corner-lt.png) no-repeat left top #999;
}
.rounded-dgray div, .rounded-dgray center {
	padding: 6px 8px;
	background: url(assets/corner-rb.png) no-repeat right bottom;
}
.leftcol .path {
	position: relative;
	top: -15px;
}

.leftcol .item {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 0 0;
}

/* TOTINY */
.leftcol .hi_head {
	color: #c00010;
}
.leftcol h1 {
	font-weight: normal;
	font-size: 300%;
	padding: 0 0 .5em 0;
	letter-spacing: 4px;
	font-variant: small-caps;
	color: #999;
	/*text-transform: uppercase;*/
	font-family: 'Open Sans Condensed';
}
.leftcol p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
.leftcol ul {
	margin: 0 0 1em 24px;
	line-height: 1.5em;
}

.leftcol h2 {
	font-weight: normal;
	font-size: 180%;
	background: url(assets/corner-lt.png) no-repeat left top #999;
	padding: 15px 28px;
	color: #fff;
	margin-bottom: .6em;
	font-family: 'Open Sans Condensed';
}

.leftcol .promo {
	font-weight: normal;
	text-align: center;
	font-size: 150%;
	padding: 0 0 0 0;
	color: #999;
	text-transform: uppercase;
}
.leftcol .promo strong {
	color: #c00010;
}


.leftcol .i-image {
	position: relative;
	float: left;
	width: 180px;
	text-align: center;
}
.leftcol .i-text b, .leftcol .i-text strong {
	font-size: 120%;
}
.leftcol .i-text p {
	margin: 0 !IMPORTANT;
}
.leftcol .i-text {
	width: 600px;
	margin-left: 180px;
}
/* TOTINY */

.producdescr {
	position: relative;
	float: left;
	width: 500px;
	padding-right: 30px;
	border-right: 1px dotted #ccc;
}
.productimage {
	position: relative;
	float: left;
	width: 219px;
	margin-left: 30px;
	
}

.news_title {
	font-size: 16px;
	font-weight: bold;
	background-color: #c00010;
	color: #fff;
	text-transform: uppercase;
	/*text-align: center;*/
	padding: 8px 0 8px 25px;
}
.news_item {
	display: block;
	font-family: 'Open Sans Condensed';
	font-size: 18px;
	background: url(assets/bg_news_item.png) no-repeat 10px 10px #777;
	padding: 7px 10px 10px 25px;
	text-decoration: none !IMPORTANT;
	color: #fff !IMPORTANT;
}


.akce_box {
	width: 100%;
	overflow: hidden;
	background: url(assets/a_bg.png) repeat-x center bottom;
	padding: 0 0 25px 0;
	margin-bottom: 25px;
}
.a_image {
	position: relative;
	float: left;
	width: 390px;
	margin-top: 10px;
}
.a_arrow {
	position: absolute;
	left: 335px;
	top: 0;
	width: 35px;
	height: 150px;
	background: url(assets/a_arrow.png);
}
.a_content {
	position: relative;
	float: left;
	width: 390px;
}
.a_form {
	position: relative;
	float: right;
	padding: 5px 0 10px 20px;
}
.a_title {
	font-family: 'Open Sans Condensed';
	font-size: 24px;
	color: #c00;
	padding: 0 0 .5em 0;
}
.a_htext {
	font-family: 'Open Sans Condensed';
	font-size: 16px;
	color: #c00;
	line-height: 1.5em;
}
.a_text {
	
}