body {
	margin:0;
	padding: 0;
	width:auto;
	height:100%;
	text-align:center;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

#container {
   min-height:100%;
/*   height:100%;/*ie */
   position:relative;
   width:100%;/*ie<6 */
}

div.main_bg{
	margin-left:auto;
	margin-right:auto;
    text-align: center;	
	height:auto;	
	position:relative;	
}

div.main{
	margin-left:auto;
	margin-right:auto;
    text-align: left;	
	height:auto;	
	position:relative;	
}

div.main_header{
	margin-top:0;
	margin-bottom:0;
	position:relative;
}

div.logo{position:absolute;top:0px; left:0px;}

div.main_menu{
	position:absolute;
	margin: 0;	
	padding:0;
	text-align:left;
	vertical-align:top;
}

div.main_menu ul{
	margin:0;
	list-style:none;
	padding:0;
}

div.main_menu,.main_menu a{}
div.main_menu a{}
div.main_menu a:hover, div.main_menu a.main_menu_selected {}
/* *************************************************************** column ************************************************/
div.column{
	height:auto;
	float:left;
	padding: 0px;
	margin: 0px;
	text-align:left;
	position:relative;	
	display:block;
}
div.menu{
	height:auto;
}
div.column, div.column a{}
div.column div.menu a{
	display:block;
	margin:0;
}
div.column div.menu a:hover,div.column div.menu a.selected,div.column div.menu a#main_menu_selected,div.column div.menu a.open,div.column div.menu a.open:hover{}
div.column div.menu a.open{}
div.column div.menu ul{
	margin:0px;
	padding:0px;
	list-style:none
}
div.column div.menu ul li{
	text-indent:0px;
	margin:0px;
	padding:0px;

}
div.column div.menu a.selected{}
div.column div.menu a.open{}
div.column div.menu ul li a{}
div.column div.menu ul li ul{text-indent:0px;}
div.column div.menu ul li ul li{text-indent:0px;}
div.column div.menu ul li ul li a{}
div.column div.menu ul li ul li ul li a{}
div.column h1{}
div.column h2{}
/* *************************************************************** text ************************************************/
div.main_text_bg {}
div.main_text {
	min-height:500px;
	height:auto;
	text-align:left;
	vertical-align:top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div.text{
	float:left;
	height:auto;
}
/* *************************************************************** footer ************************************************/
.main_footer_bg{
	width:100%;
	text-align:center;
 	position:absolute;
	bottom:0px;	
	left:0px;
	padding:0;
}
div.main_footer{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;	
}
div.main_footer a{}
div#kontakty{}
div#kontakty a{}
div#kontakty a:hover{}
div#autorskeprava{}
/* ************************************************************************************** design **************************************************************************************  */

body{
	background-color:#ffffff;
}

div.main_bg{
	width:1070px;
	background-image: url(images/styl/small-main_bg.jpg);
	background-repeat:no-repeat;
	background-position:center 194px;
}



div.main,div.main_header,div.main_text_bg,div.main_text,div.main_footer{
	width:1000px;
}

div.main{}

div.main_header{
	height:330px;
}



div.logo{position:absolute;top:25px; left:0px;}
div.claim{position:absolute;top:30px; left:0px;
	font-weight:bold;
	font-size:18px;}
div.claim a{ text-decoration:none; color:#79160f;}
div.claim strong{font-size:27px;}

.main_header .languages{position:absolute;top:1em; right:0px;}

div.main_menu ul{line-height:normal;margin-left:30px;}
div.main_menu li{float:left;
	list-style:none;
	margin:0;
}

div.header{
	position:absolute;top:235px; left:0px;
	font-size:16px;
	line-height:1.5em;
	color:#fffefe;
	font-weight:bold;
}
div.header h3{
	font-size:16px;
	color:#fffefe;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:none;
}

div.newsFlash{
	display:none;
	position:absolute;top:345px; left:0px;
	width:420px;
	height:220px;
	font-size:16px;
	font-weight:bold;
	color:#6c5b5a;
}

div.newsFlash h2{
	font-size:43px;
	font-weight:bold;
	color:#0f53d1;
	margin:0;
	padding:0;
}

div.newsFlash p{
	font-size:16px;
	font-weight:bold;
	color:#6c5b5a;
	text-align:justify;
	line-height:1.5em;
	margin-top:1.5em;
}
div.newsFlash p.more{
	position:absolute;
	right:0px;
	bottom:0px;
}
div.newsFlash p.more, div.newsFlash p.more a{
	font-size:12px;
	color:#0f53d1;
}	
div.newsFlash p.more a{
	padding:5px 40px 5px 0;
	background:url(images/styl/more.jpg) center right no-repeat;
	height:24px;
}

div.main_menu{
	left:0px;
	top:130px;
	width:100%;
	text-align:right;
	color:#000000;
	background:url(images/styl/menu-line.jpg) no-repeat left top;
	padding-left:2px;
}

div.main_menu a{
	text-decoration:none;
	font-size: 12px;
	color:#000000;
	width:auto;
	height:64px;
	line-height:64px;
	display:inline-table;
/*	float:right;*/
	text-align:center;
	text-transform:uppercase;
	padding:0 20px 0 20px;/*0 25px 0 25px;*/
	background:url(images/styl/menu-line.jpg) no-repeat right top;	
}
div.main_menu a:hover, div.main_menu a.selected {
	color:#ae0a22;
	text-decoration:none;
	background:white url(images/styl/menu-line.jpg) no-repeat right top;	
}

body #container{
	background-image: url(images/styl/small-bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	min-width:1070px;
}

body.home #container{
	background-image: url(images/styl/bg.jpg);
}

body.home div.main_bg{
	background-image: url(images/styl/main_bg.jpg);
}

body.home div.main_header{	height:680px;}

body.home div.newsFlash{
	display:inherit;
}

/* ZAC *************************************************************** HLADANIE ************************************************/
.hladanie{
	display:block;
	float:right;
	width:100%;
	height:33px;
	line-height:33px;
	padding:10px 0 7px 7px;
	margin:0;
}

.hladanie input{
	float:left;
	border:none;
	margin-top:6px;
	margin-left:13px;
	margin-right:10px;
	width:260px;
	background:none;
	color:#41382e;
	font-size:12px;
}

.hladanie a,.hladanie a:hover{ background:none; padding:0px;line-height:33px;float:left; display:block; width:118px; text-align:center; text-decoration:none;}
/* *************************************************************** column ************************************************/

div.column{
	padding-bottom:60px;	
}

div.column div.menu{
	margin-bottom:38px;
}

div.column, div.column a{
	width:209px;
}

div.column div.menu a{
	height:20px;
	line-height:20px;
	padding-left:24px;
	padding-right:0px;	
	width:185px;/*209px;*/
	text-decoration:none;
	color:#ffffff;
	background-image: url(images/styl/li.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div.column div.menu a:hover,div.column div.menu a.selected,div.column div.menu a#main_menu_selected,div.column div.menu a.open,div.column div.menu a.open:hover{
	text-decoration:none;
	color:#fdd220;
}
div.column div.menu a.open{
	color:#fdd220;
}

div.column div.menu ul{}
div.column div.menu ul li{}

div.column div.menu a.selected{
	background-image: url(images/styl/li-open.png);
}
div.column div.menu a.open{
	background-image: url(images/styl/li-open.png);
}

div.column div.menu ul li a{
	padding-left:24px;
	width:185px;/*209*/
	color: #ffffff;
	background-position: 7px center;
}

div.column div.menu ul li ul{}

div.column div.menu ul li ul li{}

div.column div.menu ul li ul li a{
	padding-left:39px;
	width:170px;/*209px;*/
	color: #c7948f;	
	background-position: 21px center;
	
}

div.column div.menu ul li ul li ul li a{
	padding-left:54px;
	width:155px;/*209px;*/
	color: #c7948f;	
	background-position: 36px center;	
}



div.column h1{}

div.column h2{
	font-size:16px;
	font-weight:normal;
	color:#ae0a22;
	margin-top:0px;
	margin-bottom:2em;
}

div.column li{list-style:disc;margin-left:-22px;}

div.column .box{width:240px;height:266px; background:url(images/styl/box.jpg) no-repeat;margin-right:-6px;
padding:42px 30px 42px 50px;}

/* *************************************************************** text ************************************************/
div.main_text_bg {margin-top:25px;}
div.main_text { position:relative;height:100%;}
div.text{
	margin:0 10px 0;
	padding-bottom:20px;	
}

/* *************************************************************** footer ************************************************/
.main_footer_bg{
	height:200px;
	background:url(images/styl/bg-footer.jpg) repeat-x bottom;
}
div.main{
	padding-bottom:200px;	
}

div.main_footer{
	height: 155px;/*138px;*/
	color:#696263;
	text-align:left;
	padding-top:45px;
	position:relative;
	line-height:1.5em;
	
}
div.main_footer div.structure{position:absolute;top:-20px;left:0px}
div.main_footer div.structure a{color:#0e73b1}

div.main_footer a{color:#0e73b1;text-decoration: underline;}
div#autorskeprava{float:left;margin-left:10px; width:210px;}
div#kontakty{float:left;width:210px;}
div#kontakty a{text-decoration:none;}
div#kontakty a:hover{}


div.facebook {position:absolute; right:85px;top:108px;}
div.login {position:absolute; right:173px;top:108px; width:140px;}
/*  **********************************  top ********************************/

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

/* single scrollable item */
.scrollable img {
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* NAVIGATION */

/* position and dimensions of the navigator */
.navi {
	bottom:0px;
	margin-left:0;
	width:200px;
	height:20px;
	position:absolute;
	z-index:1000;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/*  **********************************  top ********************************/

body.home div.topseller{position:absolute; left:0px;top:185px; color:#FFFFFF;font-size:13px; height:363px;width:1002px;}
body div.topseller{position:absolute; left:0px;top:185px; color:#FFFFFF;font-size:13px; height:102px;width:1002px;}


div.topseller h2{color:#61ff00; font-size:40px; font-weight:bold; text-decoration:none;margin:0px; }

body div.topseller h3, body div.topseller h3 a{display:none;}
body.home div.topseller h3, body.home div.topseller h3 a{color:#ffffff; font-size:25px; font-weight:bold; text-decoration:none;margin-top:1ex; display:inherit;}

body div.topseller p{margin-top:0px; text-align:justify; position:absolute; vertical-align:top; left:260px;top:10px; width:742px;}
body.home div.topseller p{margin-top:0px; text-align:justify; position:inherit; vertical-align:top;left:auto; top:auto; width:617px;}

body div.topseller div.image{display:none;}
body.home div.topseller div.image{
display:inherit;
width:344px;
height:267px;
position:absolute;
right:0px;
top:10px;

border-top:3px solid #2f84d1;
border-right:3px solid #2c85d6;
border-bottom:3px solid #2986d9;
border-left:3px solid #2c85d6;
overflow:hidden;
background-color:#FFFFFF;
}


body.home div.topseller .more{position:absolute; left:0px;bottom:10px;}
body div.topseller .more{position:absolute; right:0px;bottom:12px;}

.scrollable {
	width: 1002px;
	height:100px;	
}

body.home .scrollable{ height:318px;}

body.home .items div {
	position:relative;
	width:1002px;
	height:318px;
}

body .items div {
	position:relative;
	width:1002px;
	height:102px;
}


body .navi {
	bottom:4px;
	margin-left:0;
	width:700px;
	height:20px;
	position:absolute;
	z-index:1000;
}

body.home .navi {
	bottom:14px;
}


.navi a {
	width:18px;
	height:18px;
	float:left;
	margin:3px;
	background:url(images/styl/navigator.png) -28px 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0px 0px;      
}

/* active state (current page state) */
.navi a.active {
	background-position: 0px 0px;     
}