@charset "UTF-8";
@import url("./allmedia.css");

/* mainstyles ---*/
body {
	margin: 0;
	padding: 0;
	font: 0.8em sans-serif;
	color: #555;
	background: white url('../img/design/bg_body.gif') repeat-x top;
}

* html body {
	text-align: center;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 485px 0 0;
	width: 996px;
}

* html #container {
	text-align: left;
}

/* general ---*/
a {
	color: black;
}

a:hover {
	text-decoration: none;
}

/* header ---*/
h1, h1 a, h1 a span {
	display: block;
	position: absolute;
	font-size: 10pt;
	margin: 0;
	width: 234px;
	height: 93px;
	top: 57px;
	right: 36px;
	cursor: pointer;
}

h1 a, h1 a span {
	top: 0;
	right: 0;
	text-decoration: none;
}

h1 a span {
	background: url('../img/design/logo_bubenik.gif') no-repeat top left;
}

#topmenu {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 57px;
	left: 0;
	height: 47px;
}

#topmenu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 47px;
}

#item1 {
	width: 78px;
}

#item2 {
	width: 84px;
}

#item3 {
	width: 102px;
}

#item4 {
	width: 142px;
}

#item5 {
	width: 98px;
}

#item6 {
	width: 84px;
}

#topmenu li a {
	display: block;
	height: 47px;
	margin: 0 2px 0 0;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#item1 a {
	background-image: url('../img/design/bg_topmenuitem1.gif');
}

#item2 a {
	background-image: url('../img/design/bg_topmenuitem2.gif');
}

#item3 a {
	background-image: url('../img/design/bg_topmenuitem3.gif');
}

#item4 a {
	background-image: url('../img/design/bg_topmenuitem4.gif');
}

#item5 a {
	background-image: url('../img/design/bg_topmenuitem5.gif');
}

#item6 a {
	background-image: url('../img/design/bg_topmenuitem6.gif');
}

#topmenu li a:hover, #topmenu .on a {
	background-position: left top;
}

#topmenu li a span {
	display: none;
}

#eshopbox, #menubox {
	position: absolute;
	overflow: hidden;
	top: 122px;
	left: 0;
	height: 310px;
	width: 654px;
	background: white url('../img/design/bg_eshopbox.gif') no-repeat top left;
}

#eshopbox h2, #menubox h2 {
	margin: 0 435px 0 25px;
	font-size: 140%;
	padding: 30px 0 20px 0;
	color: #A42927;
}

#eshopbox h2:first-letter, #menubox h2:first-letter {
	text-transform: uppercase;
}

#eshopbox h2 a {
	text-decoration: none;
	color: #A42927;
}

#eshopbox p {
	margin: 0 435px 15px 25px;
}

#eshopbox h2 a:hover {
	color: black;
}

#eshopimglink {
	display: block;
	position: absolute;
	top: 39px;
	right: 55px;
	width: 327px;
	height: 241px;
	background: url('../img/design/bg_eshopimglink.gif') no-repeat left top;
}	

#eshoplink {
	display: block;
	margin: 0 0 0 40px;
	height: 30px;
	background: url('../img/design/bg_eshoplink.gif') no-repeat left top;
}	

#eshoplink:hover, #eshopimglink:hover {
	background-position: left bottom;
}

#eshopimglink span, #eshoplink span {
	display: none;
}

#menubox img {
	position: absolute;
	top: 38px;
	right: 55px;
}

#menubox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menubox li {
	padding: 8px 0 8px 25px;
	margin: 0 0 1px;
	background: url('../img/design/bg_menuli.png') repeat-x top;
}

#menubox li a {
	display: block;
	padding: 0 0 0 20px;
	background: url('../img/design/bg_menua.gif') no-repeat left center;
	text-decoration: none;
	color: #234570;
}	

#menubox .on a {
	color: #0e0e0e;
}

#menubox li a:hover {
	color: #A42927;
}

#kontaktbox {
	position: absolute;
	width: 185px;
	top: 169px;
	right: 67px;
}

#kontaktbox a {
	text-decoration: none;
}

#kontaktbox img {
	margin: 10px 0 35px;
	border: none;
}	

#kontaktbox address {
	font-size: 120%;
	font-style: normal;
	text-align: center;
	color: white;
	margin: 0 0 10px;
}

#kontaktbox address span {
	display: none;
}

/* Imglinks ---*/
#prodejna, #emontaze, #kuchyne {
	position: relative;
	float: left;
	width: 342px;
	padding: 61px 0 71px;
}

#prodejna h2, #emontaze h2, #kuchyne h2 {
	display: none;
}

#prodejna p, #emontaze p, #kuchyne p {
	height: 5em;
	margin: 0;
	overflow: hidden;
	padding: 0 209px 0 15px;
}
	
#prodejna {
	background: url('../img/design/bg_prodejna.jpg') no-repeat top left;
}

#emontaze {
	background: url('../img/design/bg_montaze.jpg') no-repeat top left;
}

#kuchyne {
	width: 312px;
	background: url('../img/design/bg_kuchyne.jpg') no-repeat top left;
}

#kuchyne p {
	padding-right: 179px;
}

#prodejna a, #emontaze a, #kuchyne a {
	display: block;
	position: absolute;
	top: 131px;
	left: 85px;
	width: 49px;
	height: 18px;
	background: url('../img/design/bg_more.gif') no-repeat top left;
}

#prodejna a:hover, #emontaze a:hover, #kuchyne a:hover {
	background-position: bottom left;
}

#prodejna a span, #emontaze a span, #kuchyne a span {
	display: none;
}

/* Content and section ---*/
#content {
	float: left;
	width: 654px;
	padding: 0 0 25px;
}

#content h3 {
	margin: 0 0 15px;
	font-size: 140%;
	color: #33527A;
}

#content ul {
	margin: 0;
	padding: 0;
	list-style-image: url('../img/design/bg_li.gif');
}

#content ul li {
	margin: 0 0 0 15px;
}	

#section {
	float: right;
	width: 308px;
	background: #E7E7E7;
}

#section .margin {
	padding: 20px;
	text-align: center;
}

#section a img, .imagebox a img {
	border: none;
}

.imagebox {
	float: left;
	width: 218px;
	height: 180px;
	text-align: center;
}

.imagebox img {
	margin-top: 30px;
}

/* Footer ---*/
#footer {
	margin: 25px 0 0;
	border-top: 1px dotted #acacac;
	clear: both;
	padding: 10px 0 30px;
}

#bottommenu {
	float: right;
	width: 70%;
	margin: 0;
	padding: 0;
	text-align: right;
}

#bottommenu li {
	display: inline;
	border-right: 1px solid #bfbfbf;
	padding: 0 10px;
}

#bottommenu .last {
	padding-right: 0;
	border: none;
}

#bottommenu li a {
	color: #244671;
}

#bottommenu li a:hover {
	color: black;
}

#copyrightbox {
	margin: 0;
	font-size: 80%;
	color: #bfbfbf;
}

#copyrightbox a {
	color: #bfbfbf;
}

#copyrightbox a:hover {
	color: #244671;
}

/* Others ---*/
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textblock {
	text-align: justify;
}

.centerimg {
	display: block;
	text-align: center;
	margin: 5px auto;
}

.rightimg {
	float: right;
	margin: 0 0 5px 10px;
}

.leftimg {
	float: left;
	margin: 0 10px 5px 0;
}