<!--
body {
	margin:0em;
	padding:0em;
	font-size: 100%;
	font-family: Arial, Helvetica, "Helvetica CE", Verdana, sans-serif;
	text-align: center;
	background: #6969BF;
 }

a 	{
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.maintmenu {
	position:relative;
	width:715px;
	height: 30px;
	text-align:center;
	background-color: brown;
	float:left;
	z-index:155;
	background: url('media/top_menu.jpg') repeat-x;
	overflow:hidden;
}

div#sitemap {
	position:relative;
	width:50px;
	height: 30px;
	text-align:center;
	background-color: brown;
	float:left;
	z-index:155;
	background: url('media/top_menu.jpg') repeat-x;
	overflow:hidden;
}

div#sitemap div{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 10px;
	top: 0px;
	border:0px;
	background-image: url('media/sitemap.png');
}

div#sitemap div:hover{
	position: absolute;
	width: 30px;
	height: 30px;
	left: 10px;
	top: 0px;
	border:0px;
	background-image: url('media/sitemapho.png');
}

div#webscreen {
	position: relative;
	width: 945px;
	margin: 0 auto; 
	padding: 0;
	background: #6969BF;
}

div#phone {
	position:relative;
	background: #4e4e4e;
	height: 30px;
	width: 180px;
	color:white;
	float:left;
}

div#phone p{
	position:absolute;
	width: 120px;
	height: 20px;
	font-size:16px;
	font-weight:bold;
	left:30px;
	margin-top:5px;	
}

div#phone img{
	display:inline;
}

div#head {
	position:relative;
	background: #ffdd79 url("media/head.png") no-repeat;
	height: 272px;
	clear:both;
	z-index:80;
	margin-bottom:50px;
}

div#head #sign{
	position:absolute;
	left:-30px;
	top:-20px;
	width:315px;
	height:255px;
	background: transparent url("media/znacka.png") no-repeat;
	clear:both;
	z-index:85;
}

div#slogan{
	position:absolute;
	background:transparent;
	left:20px;
	top:145px;
	width:210px;
	height:26px;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, "Helvetica CE", sans-serif;
	z-index:88;
}

div#head #slogan2{
	position:absolute;
	right:20px;
	top:195px;
	width:330px;
	height:87px;
	background: transparent url("media/slogan.png") no-repeat;
	clear:both;
	z-index:85;
}

div#head #akcia{
	position:absolute;
	left:30px;
	top:150px;
	width:300px;
	height:150px;
	background: transparent url("media/akcia.png") no-repeat;
	clear:both;
	z-index:85;
}

div#head #slogan3{
	position:absolute;
	left:10px;
	top:242px;
	height:20px;
	clear:both;
	z-index:95;
}

div#head #slogan4{
	position:absolute;
	left:20px;
	top:242px;
	height:20px;
	clear:both;
	z-index:95;
}

div#head #discount{
	position:absolute;
	right:-30px;
	top:0px;
	width:184px;
	height:151px;
	background: transparent url("media/znacka2.png") no-repeat;
	clear:both;
	z-index:85;
}


div#separator1 {
	position:relative;
	background: #4e4e4e url("media/blue01.jpg") repeat-x;
	height: 43px;
	clear:both;	
}

div#separator1 p{
	position:absolute;
	width: 80%;
	right: 10px;
	top:15px;
	margin:0px;
	padding:0px;
	height: 20px;
	font-size:14px;
	font-weight:bold;
	color: #daffff;
	text-align:right;
}

div#separator2 {
	position:relative;
	background: #4e4e4e url("media/blue02.jpg") repeat-x;
	height: 35px;
	clear:both;
}

div#separator4 {
	position:relative;
	background: #4e4e4e url("media/line04.jpg") repeat-x;
	height: 41px;
	clear:both;
	margin:0;
	padding:0;
}

div#separator4 p {
	font:10px/1.531 verdana,arial,sans-serif;
	font-weight: bold;
	padding-top:15px;
}

div#content {
	position: relative;
	margin-top:-37px;
	margin-bottom:-13px;
	width: 100%;
	color: #000080;
	text-align: center;
}

div#col1 {
	position:relative;
	width:200px;
	float:left;
	margin:0;
	padding:0;
	padding-left:5px;
}

div#col2 {
	position:relative;
	width:555px;
	float:left;
	margin:0;
	padding:0;
	padding-left:20px;
}

div#col3 {
	position:relative;
	width:145px;
	float:left;
	margin:0;
	padding:0;
	padding-left:15px;
}

div#leftmenu  {
	position: relative;
	margin-top:15px;
	padding-bottom: 10px;
	width: 200px;
	background: #ffe59e;
	color: #a7811c;
	font:10px/1.531 verdana,arial,sans-serif;
	text-align: left;	
	z-index:100;
	float:left;
}

div#leftmenu  ul{
	position: relative;
	margin-left:-40px;
}

div#leftmenu  li{
	position: relative;
	border-bottom: 1px dotted black;
	list-style-type: none;
	margin:5px;
	padding:5px 10px;
	background: url("media/rarrow.png") no-repeat 5px center;
	color:#a7811c;
}

div#leftmenu  li:hover{
	border-bottom: 1px dotted black;
	list-style-type: none;
	padding:5px 10px;
	background: #a7811c url("media/rarrow.png") no-repeat 5px center;
	color:#ffe59e;
}

div#leftmenu  li:hover a{
	color:#ffe59e;
}

div#leftmenu  li a{
	margin:5px;
}

div#leftmenu  .lhead{
	position:relative;
	width: 100%;
	background: #a7811c;
	color: #ffe59e;
	font:14px/1.531 verdana,arial,sans-serif;
	text-align:center;
}

div#upmenu  {
	position: relative;
	margin-left:20px;
	padding:5px;
	width: 700px;
	background: #ffdd79;
	text-align: right;
	float:left;
}

div#page {
	position: relative;
	margin:0px;
	padding: 0px 10px;
	padding-bottom:20px;
	width: 532px;
	background: #a7821a url("media/brown01.jpg") no-repeat top;
	color: #f0c76d;
	text-align: justify;
	float:left;
}


div#page h1 {
	color: #fff6c7;
	font:22px/1.531 arial,sans-serif;
}

div#page h2 {
	color: #f0c76d;
	font:18px/1.531 arial,sans-serif;
	text-decoration:underline;
}

div#page p {
	line-height: 1.5;
}

div#page li {
	line-height: 2;
	font-size: 0.8em;
}

div#page li a{
	color: #fff6a1;
}
	
div#page span {
	color: #fff6a1;
}

div#advertisement {
	position: relative;
	margin:0px;
	margin-top: 1em;
	margin-left: -10px;
	padding: 0px 10px;
	padding-bottom:20px;
	width: 532px;
	text-align: center;
	float:left;
}

div#rightmenu  {
	position: relative;
	margin-top:10px;
	padding-bottom: 10px;
	width: 140px;
	background: #c8fe9c;
	color: #699933;
	font:10px/1.531 verdana,arial,sans-serif;
	text-align: left;
}

div#rightmenu  .rhead{
	position:relative;
	width: 100%;
	background: #699933;
	color: #c8fe9c;
	font:14px/1.531 verdana,arial,sans-serif;
	text-align:center;
}


div#rightmenu  ul{
	position: relative;
	margin-left:-40px;
}

div#rightmenu  li{
	border-bottom: 1px dotted black;
	list-style-type: none;
	margin:5px;
	padding:5px 10px;
	background: #c8fe9c url("media/rarrow.png") no-repeat 5px center;
	color:#699933;
}

div#rightmenu  li:hover{
	border-bottom: 1px dotted black;
	list-style-type: none;
	padding:5px 10px;
	background: #699933 url("media/rarrow.png") no-repeat 5px center;
	color:#c8fe9c;
}

div#rightmenu  li:hover a{
	color:#c8fe9c;
}

div#rightmenu  li a{
	margin:5px;
}


div#odporucenie  {
	position: relative;
	padding: 10px;
	margin-top:20px;
	margin-left:35px;
	width: 110px;
	background: #e6e6c6;
	color: #000000;
	font:11px/0.531 verdana,arial,sans-serif;
	text-align: left;
}

div#pristupy  {
	position: relative;
	padding: 10px;
	margin-top:10px;
	margin-left:5px;
	width: 110px;
	background: #a6a6f6;
	color: #000000;
	font:11px/0.531 verdana,arial,sans-serif;
	text-align: left;
}

div#separator3 {
	position:relative;
	clear:both;
	background: transparent url("media/blue02.jpg") repeat-x bottom;
	height:35px;
}

div#pata {
		position:relative;
		clear:both;
		font-size:12px;
		width: 100%;
		background: #4e4e4e url("media/line03.jpg") repeat-x;			
		height: 62px;
		text-align: center;
		color:#cccccc;
}

div#pata p {
			margin:0px;
			padding-top:20px;
}

div#pata a {
		color:#cccccc;
}

div#pata a:hover {
		text-decoration:underline;
}

div#pata p img {
	
		 display: inline;
		 border: 1px solid blue;
		 vertical-align:middle;
}

form#frmComment {
	width: 480px;
}

form#frmComment  img{
	border:0;
	position:relative;
	vertical-align:middle;
	background: #f0c76d;
	top:-2px;
}

ul.ul01 {
	list-style-type: none;	
}

.txtblink {
	text-decoration: blink;
}

.fntb {
	font-weight: bold;
}

.txtrhlight {
	background:red;
	color:white;
}

.txtghlight {
	background:green;
	color:white;
}

.discussionmsg {
	position:static;
	width: 520px;
}

.discussionmsg .time {
	position:static;
	height:25px;
	width: 100%;
	background: #FFF6C7;
	color: 	#A7821A;
	padding:2px;
}

.discussionmsg .time .reactbtn {
	float:right;
}

.discussionmsg .text {
	position:static;
	width: 100%;
	color: 	#FFF6C7;
	padding:2px;
}

#frmComment {
	margin-bottom: 20px;
}

.xodporucenie {
	background: transparent; width: 130px;
	position: relative;
	margin-left:35px;}

.xodporucenie .xb1 {margin:0 8px; background:#fff;}
.xodporucenie .xb2 {margin:0 6px; background:#fff;}
.xodporucenie .xb3 {margin:0 4px; background:#fff;}
.xodporucenie .xb4 {margin:0 3px; background:#e6e6c6; border-width:0 5px;}
.xodporucenie .xb5 {margin:0 2px; background:#e6e6c6; border-width:0 4px;}
.xodporucenie .xb6 {margin:0 2px; background:#e6e6c6; border-width:0 3px;} 
.xodporucenie .xb7 {margin:0 1px; background:#e6e6c6; border-width:0 3px; height:2px;} 

.odporucenie  {
	position: relative;
	display:block; border:3px solid #fff; border-width:0 3px; overflow:hidden; padding-bottom:1em;
	width: 124px;
	background: #e6e6c6;
	color: #000000;
	padding-top:10px;
	font:11px/0.531 verdana,arial,sans-serif;
	text-align: center;
}

.llmenu {background: transparent; width: 200px;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.llmenu .xb1 {margin:0 8px; background:#fff;}
.llmenu .xb2 {margin:0 6px; background:#fff;}
.llmenu .xb3 {margin:0 4px; background:#fff;}
.llmenu .xb4 {margin:0 3px; background:#ffe59e; border-width:0 5px;}
.llmenu .xb5 {margin:0 2px; background:#ffe59e; border-width:0 4px;}
.llmenu .xb6 {margin:0 2px; background:#ffe59e; border-width:0 3px;} 
.llmenu .xb7 {margin:0 1px; background:#ffe59e; border-width:0 3px; height:2px;} 

.leftmenu {display:block; border:3px solid #fff; border-width:0 3px; overflow:hidden; padding-bottom:1em;
	z-index:100;
	width: 194px;
	background: #ffe59e;
	color: #a7811c;
	font:10px/1.531 verdana,arial,sans-serif;
	text-align: left;
	float:left;
}

.leftmenu  ul{
	position: relative;
	margin-left:-40px;
}

.leftmenu  li{
	position: relative;
	border-bottom: 1px dotted black;
	list-style-type: none;
	margin:5px;
	padding:5px 10px;
	background: url("media/rarrow.png") no-repeat 5px center;
	color:#a7811c;
}

.leftmenu  li:hover{
	border-bottom: 1px dotted black;
	list-style-type: none;
	padding:5px 10px;
	background: #a7811c url("media/rarrow.png") no-repeat 5px center;
	color:#ffe59e;
}

.leftmenu  li:hover a{
	color:#ffe59e;
}

.leftmenu  li a{
	margin:5px;
}
.leftmenu  .lhead{
	position:relative;
	width: 100%;
	background: #a7811c;
	color: #ffe59e;
	font:14px/1.531 verdana,arial,sans-serif;
	text-align:center;
}

.rrmenu {background: transparent; width: 140px;}

.rrmenu  .xb1 {margin:0 8px; background:#fff;}
.rrmenu  .xb2 {margin:0 6px; background:#fff;}
.rrmenu  .xb3 {margin:0 4px; background:#fff;}
.rrmenu  .xb4 {margin:0 3px; background:#c8fe9c; border-width:0 5px;}

.rrmenu  .xb5 {margin:0 2px; background:#c8fe9c; border-width:0 4px;}
.rrmenu  .xb6 {margin:0 2px; background:#c8fe9c; border-width:0 3px;} 
.rrmenu  .xb7 {margin:0 1px; background:#c8fe9c; border-width:0 3px; height:2px;} 

.rightmenu  {
	display:block; border:3px solid #fff; border-width:0 3px; overflow:hidden; padding-bottom:1em;
	z-index:100;
	width: 134px;
	position: relative;
	background: #c8fe9c;
	color: #699933;
	font:10px/1.531 verdana,arial,sans-serif;
	text-align: left;
}

.rightmenu  .rhead{
	position:relative;
	width: 100%;
	background: #699933;
	color: #c8fe9c;
	font:14px/1.531 verdana,arial,sans-serif;
	text-align:center;
}


.rightmenu  ul{
	position: relative;
	margin-left:-40px;
}

.rightmenu  li{
	border-bottom: 1px dotted black;
	list-style-type: none;
	margin:5px;
	padding:5px 10px;
	background: #c8fe9c url("media/rarrow.png") no-repeat 5px center;
	color:#699933;
}

.rightmenu  li:hover{
	border-bottom: 1px dotted black;
	list-style-type: none;
	padding:5px 10px;
	background: #699933 url("media/rarrow.png") no-repeat 5px center;
	color:#c8fe9c;
}

.rightmenu  li:hover a{
	color:#c8fe9c;
}

.rightmenu  li a{
	margin:5px;
}

 .xboxcontent img{
	margin: 5px;
	padding: 5px;
	border: 1px solid white;
 }

-->

