html,
body {
   height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

body
{
	background-color: #fff;
	text-align: center;

	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;

	margin: 0px;
	background-image: url('images/bg-top.png');
	background-repeat: repeat-x;
}

#vsecko {
	position: relative;
	width: 1024px;
	text-align: left; /*zru�enie vycentrovania textu*/
	margin: 0 auto; /*vycentrovanie v ostatn�ch prehliada�och*/
	padding-bottom: 150px;

}

#push {height: 150px; /* .push must be the same height as .footer */}

#dolni-gradient{
	width: 100%;
	background-color: #C71543;
	background-image: url('images/bg-footer.png');
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;

clear:both;
height:150px;   /* Height of the footer */


}


img
{
   border: 0px;
}
a { color: #fff; text-decoration: none; margin: 0px;}
a:visited {	color: #fff;}
a:hover {text-decoration: underline; color: #B9BFBE;}
h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 3px;
	//color: #F5050D;
	color: #A52B87;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	color: #A52B87;
	margin-top: -20px;
	padding-top: 0px;
}
p {
	margin-bottom: 5px;
}



#obsah
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1024px;
	margin: 0;
}

#topbar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 990px;
	height: 129px;
	z-index: 2000;
}

#logo {
	position: absolute;
	top: 15px;
	left: 7px;
}
#osmicka {
	position: absolute;
	top: -1px;
	left: 800px;
}

#menubar {
	position: absolute;
	top: 84px;
	left: 7px;
	height: 44px;

}
#menubar ul {
	margin: 0;
	padding: 0;
}
#menubar ul li {
	position: absolute;
	display: inline;
	margin-right: 8px;
	!margin-right: 0px;
}
#menubar ul ul li {
	position: relative;
	display: inline;
	margin-right: 8px;
	!margin-right: 0px;
}
.cls { clear: both}
#menubar ul li a{
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	outline: none;
}
#menubar ul li a span {
	display: none;
	position: absolute;
}
.story {
	width: 106px;
	height: 44px;
	background-image: url('images/story.png');
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}
.story:hover {
	background-image: url('images/story-R.png');
	background-repeat: no-repeat;
}
.story-active {
	background-image: url('images/story-R.png');
	background-repeat: no-repeat;
}
.soutez {
	width: 107px;
	height: 44px;
	background-image: url('images/fotosmile.png');
	background-repeat: no-repeat;
	left: 116px;
	top: 0px;
}
.soutez:hover {
	background-image: url('images/fotosmile-R.png');
	background-repeat: no-repeat;
}
.soutez-active {
	background-image: url('images/fotosmile-R.png');
	background-repeat: no-repeat;
}


/*
.iphone-app {
	width: 120px;
	height: 44px;
	background-image: url('images/iphone-app.png');
	background-repeat: no-repeat;
	left: 233px;
	top: 0px;
}
.iphone-app:hover {
	background-image: url('images/iphone-app-R.png');
	background-repeat: no-repeat;
}
.iphone-app-active {
	background-image: url('images/iphone-app-R.png');
	background-repeat: no-repeat;
}*/

.kup-vyhraj {
	width: 120px;
	height: 44px;
	background-image: url('images/kup-vyhraj.png');
	background-repeat: no-repeat;
	left: 463px;
	top: 0px;
}
.kup-vyhraj:hover {
	background-image: url('images/kup-vyhraj-R.png');
	background-repeat: no-repeat;
}
.kup-vyhraj-active {
	background-image: url('images/kup-vyhraj-R.png');
	background-repeat: no-repeat;
}








.produkt {
	width: 106px;
	height: 44px;
	background-image: url('images/produkt.png');
	background-repeat: no-repeat;
	left: 237px;
	top: 0px;
}
.produkt:hover {
	background-image: url('images/produkt-R.png');
	background-repeat: no-repeat;
}
.produkt-active {
	background-image: url('images/produkt-R.png');
	background-repeat: no-repeat;
}

/*
.podporujeme {
	width: 163px;
	height: 44px;
	background-image: url('images/podporujeme.png');
	background-repeat: no-repeat;
	left: 506px;
	top: 0px;
}
.podporujeme:hover {
	background-image: url('images/podporujeme-R.png');
	background-repeat: no-repeat;
}
.podporujeme-active {
	background-image: url('images/podporujeme-R.png');
	background-repeat: no-repeat;
}*/
.kontakt {
	width: 107px;
	height: 44px;
	background-image: url('images/kontakt.png');
	background-repeat: no-repeat;
	left: 348px;
	top: 0px;
}
.kontakt:hover {
	background-image: url('images/kontakt-R.png');
	background-repeat: no-repeat;
}
.kontakt-active {
	background-image: url('images/kontakt-R.png');
	background-repeat: no-repeat;
}
.eshop {
	width: 151px;
	height: 44px;
	background-image: url('images/eshop.png');
	background-repeat: no-repeat;
	left: 596px;
	top: 0px;
}
.eshop:hover {
	background-image: url('images/eshop-R.png');
	background-repeat: no-repeat;
}
.eshop-active {
	background-image: url('images/eshop-R.png');
	background-repeat: no-repeat;
}


#menubar ul li a.highlighted{
	text-decoration: underline;
}
#menubar ul li a.highlighted:hover{
	color: #fff;
}


#superstory {
	margin-top: 26px;
	margin-left: 7px;
	margin-bottom: 22px;
	width: 990px;
	height: 488px;
	z-index: 50;
}


#content-main {
	position: relative;
	margin-left: 7px;
	width: 990px;

}
#content-main a {
	color: #a52b87;
}

#content-main-data {
	position: relative;
	left: 0px;
	top: 0px;
	padding-left: 26px;
	padding-right: 26px;

	margin-top: 26px;
	margin-bottom: 22px;

}

#content-main-data div.rightfloat {
	width: 440px;

}
#content-main-data div.leftfloat {
	width: 440px;

}


#footer {
	height: 136px;
	width: 990px;
	text-align: left;
	color: #fff;
	margin: 0 auto; /*vycentrovanie v ostatn�ch prehliada�och*/
	position: relative;

}
#footer ul {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	float: left;
	margin: 0;
	padding: 0;

	margin-top: 7px;
	margin-right: 15px;

}
#footer ul li {
	font-size: 10px;
	list-style-type: none;
	color: #fff;
	font-weight: normal;
	display: block;

}

#footer ul li.more{
	font-size: 11px;
	margin-left: 0px;
	list-style-type: none;

}
#footer ul li.more a{
	color: #B9BFBE;
}


.copyright {
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	margin-top: 150px;
	padding-right: 15px;
	color: #fff;
}

#copyimg {
	position: absolute;
	top: 115px;
	left: 605px;
}
#facebook a {
	width: 133px;
	height: 115px;
	background-image: url('images/facebook.png');
	background-repeat: no-repeat;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}
#facebook a:hover {
	background-image: url('images/facebook-R.png');
	background-repeat: no-repeat;
}
#facebook  span{
	display: none;
}

.appstore {
	width: 220px;
	height: 110px;
	background-image: url('images/appstore.png');
	background-repeat: no-repeat;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}
.appstore:hover {
	background-image: url('images/appstore_hover.png');
	background-repeat: no-repeat;
}
.appstore span{
	display: none;
}
#novinky {
	width: 230px;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin: 0px;
	padding: 0px;
}
#novinky ul li {
	margin-bottom: 7px;
}

.clearer {
	clear: both;
}

.appstoreI { position: absolute; right: 23px; margin-top: 50px}
.appstoreI:hover img {filter: alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}

.leftfloat {
	float: left;
	margin: 10px;
	margin-top: 20px;
	_margin-top: 10px;

}
.rightfloat {
	float: right;
	margin: 10px;
	margin-top: 20px;
	_margin-top: 10px;
}


.galerie-content {


}
.galerie-description {
	width: 400px;
	float: left;
	margin-right: 30px;

}

table {
	text-align: left;
}

th {
	background-color: #B9BFBE;
	text-align: left;
	padding-left: 10px;
	padding-right: -10px;
}

tr {

}

td {
	width: 150px;
	padding-left: 10px;
}

tr.odd {
	background-color: #E3E4E4;
}
.rightalign {
	text-align: right;
	padding-right: 10px;
	width: 80px;
}
.siroka {
	margin: 0;
}
table.siroka tr td {
	width: 500px;
}
table.siroka tr td a {
	color: #A52B87;
}
table.siroka tr td.rightalign {
	width: 100px;
}

hr {
	border: 1px solid #A52B87;
	color: #A52B87;
	width: 80%;
	text-align: center;
	height: 1px;

}




#menubar ul ul{
	position: absolute;
	z-index: 1000;
	width: 200px;
	min-height: 100px;
	background-color: #A52B87;
	border: 2px solid #4E216E;
	display: none;

}
#menubar ul ul.submenu-produkt{
	position: absolute;
	left: 237px;
	top: 42px;
	display: none;

}#menubar ul ul.submenu-soutez{
	position: absolute;
	left: 116px;
	top: 42px;
	display: none;

}
#menubar ul ul.submenu-kontakt{
	position: absolute;
	left: 347px;
	top: 42px;
	display: none;

}

#menubar ul ul.submenu-kup-vyhraj{
	position: absolute;
	left: 463px;
	top: 42px;
	display: none;

}


#menubar ul li:hover ul{
	display: block;

}
#menubar ul ul li{
	display: block;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	!padding-bottom: 0px;
	margin-bottom: 10px;

}
#menubar ul ul li a{
	margin: 0px;
	padding: 0px;

}

#menubar ul ul.submenu-eshop{
	display: none;
}
#menubar ul li:hover ul.submenu-eshop{
	display: none;
}

.slideshow { overflow: hidden; height: 488px; width: 981px;}