@charset "utf-8";

body {
	background-color: #930;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-image: url(images/bg_er_body.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	margin-bottom: 0.4em;
	margin-top: 0;
}
#main p.lastNode {
	margin-bottom: 0;
}
a:link img, a:visited img {
	border: none;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
li.clearFloat {
	clear: both;
}
ul.symbolList {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.AbsWrap {
	position: relative;
	width: 100%;
}
.rowWrap {
	width: 100%;
}
#main {
	margin: 0 auto;
	width: 960px;
}
#wr_home {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 960px;
	padding-top: 0px;
	background-image: url(images/bg_er_home.jpg);/*	height: 999px; */
	background-repeat: no-repeat;
	background-position: center top;
}
#wr_inside {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 960px;
	padding-top: 0px;
	background-image: url(images/bg_er_inside.jpg);/*	height: 999px; */
	background-repeat: no-repeat;
	background-position: center top;
}
html > body #wr_home{
	height: auto;
	min-height: 600px;
}
#wr_top {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
	width: 960px;
	padding-top: 0px;
	height: 149px;
}
html > body #wr_top {
	height: auto;
	min-height: 150px;
}
#logo_hotspot {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: right;
	margin-bottom: 0;
	width: 400px;
	padding-top: 0px;
	height: 99px;
/*	background-color:#F03 */
}
html > body #logo_hotspot {
	height: auto;
	min-height: 100px;
}
#logo_hotspot a{
	display: block;	
	width: 400px;
	height: 99px;
}

#wr_content {
	margin-left: 0px;
	margin-top: 0px;
	display: inline;
	float: left;
	margin-bottom: 0;
/*	background-color: #0c3; */
	width: 960px;
	padding-top: 0px;
	height: 449px;
}
html > body #wr_content {
	height: auto;
	min-height: 450px;
}
/* HOMEPAGE content*/
#novinky {
	margin-left: 0px;
	margin-top: 150px;
	float: left;
	display: inline;
	margin-bottom: 0;
/*	background-color: #CC6;  */
	width: 750px;
	padding: 0px;
	height: 300px;
	text-align:right;
}
#novinky .novinka_img {
	margin: 20px 10px 0px 0px;
	height: 280px;
/*	width: 167px; */
	float:right;

}
/* inisde page content */
#inpage {
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	margin-bottom: 0;
	color:#FFF;
	font-size: 16px;
	background-color: #333333; 
	width: 750px;
	padding: 0px;
	height: 500px;
	text-align:left;
	overflow:
}
html > body #inpage {
	height: auto;
	min-height: 500px;
}
#inpage p{
	margin: 30px 0px 0px 0px;
}
#inpage .prodimg_big {
	margin: 30px 30px 30px 30px;
}
#inpage .price{
	margin: 5px 0px 0px 0px;
	font-size: 26px;
	font-style:italic;
}
#inpage .popis {
	margin: 15px 3px 0px 3px;
	padding: 0px;
	font-size:14px;
	text-align: left
}

#inpage a:link, a:visited {
	color: #FFF;
	text-decoration: none;
}
#inpage a:hover, a:active, a:focus {
	color: #FFF;
	text-decoration: underline;
}
#inpage .intitle {
	font-size:36px; margin-left: 30px;
}
#inpage .subtitle {
	font-size:24px; margin-left: 30px;
	margin-bottom: 5px;
}
#inpage .intext {
	margin: 30px; 
	text-align: justify;
}
#inpage .panelX {
	float:left;
	display:inline-table;
	margin: 30px 0px 0px 30px;
}

#predajne {
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	margin-bottom: 0;
/*	background-color: #93F; */
	width: 210px;
	padding: 0px;
	
	
}
#predajne_text {
	margin-left: 5px;
	margin-top: 55px;
	margin-bottom: 0;
	font-size: 15px;
	color:#FFF;
/*	background-color: #C0C; */
	width: 205px;
	padding: 0px;
	overflow:hidden;
}
.pred_link:link, .pred_link:visited {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	color:#FFF;
	font-size: 14px;
	line-height: 120%;
	text-decoration:none
}
.pred_link:hover, .pred_link:active, .pred_link:focus {
	color: #FFF;
	text-decoration: underline;
}


#wr_menu {
	margin-left: 0px;
	margin-top: 20px;
	display: inline;
	float: left;
	margin-bottom: 0;
/*	background-color: #9f9;*/
	width: 960px;
	padding-top: 0px;
	height: 199px;
}
html > body #wr_menu {
	height: auto;
	min-height: 200px;
}
#newsletter {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
	float: left;
	margin-bottom: 0;
	background-color: #FF6633;
	font-size: 14px;
	color:#FFF;
	width: 300px;
/*  width: 20px;*/
	padding-top: 5px;
	padding-left: 10px;
	height: 149px;
/*	display: none; */
}
html > body #newsletter {
	height: auto;
	min-height: 150px;
}
.button
{
	background-color: #FF6633;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align : center;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}
.buttonhov
{
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align : center;
	cursor: pointer;
	border: 1px solid #333;
}
#menu_main {
	margin-left: 10px;
	margin-top: 0px;
	display: inline;
	float: left;
	font-size: 14px;
	color:#FFF;
	margin-bottom: 0;
	width: 500px;
	padding-top: 5px;
	padding-left: 10px;
	height: 149px;
	line-height: 120%;
/*	background-color: #363; */
}
html > body #menu_main {
	height: auto;
	min-height: 150px;
}
#menu_main .mlink:link, .mlink:visited {
	color: #FFF;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom: 0px;
}
#menu_main .mlink:hover, .mlink:active, .mlink:focus {
	color: #FFF;
	text-decoration: underline;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom: 0px;
}

#wr_footer {
	margin-left: 0px;
	margin-top: 40px;
	display: inline;
	float: left;
	color:#CCC;
	font-size: 12px;
	text-align:right;
	line-height: 40px;	
	margin-bottom: 0;
/*	background-color: #9f9; */
	width: 960px; 
	padding-top: 0px;
	height: 39px;
}
#wr_footer a:link, a:visited {
	color: #CCC;
	text-decoration: none;
}
#wr_footer a:hover, a:active, a:focus {
	color: #FFF;
	text-decoration: underline;
}
html > body #wr_footer {
	height: auto;
	min-height: 40px;
}
/** tooltip */
div#qTip {
 padding: 3px;
 border: 1px solid #999;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
/* Step Carousel Viewer v1.8 */
.stepcarousel{
position: relative; /*leave this value alone*/
float:right;
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 532px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
margin: 0px 20px 0px 0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: right; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 1px; margin around each panel*/
margin: 20px 10px 0px 2px;
width: 167px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 280px;
padding: 0px;
}