html, body{margin:0; padding:0;color:#fff}
body {background: url(images/bg.jpg) center 0 repeat;}
a {color: white;}
img {border: none}
h2, h3 {font-style: normal}

div.center {text-align: center}

div#wrapper {margin: auto}
div#menu {margin-bottom: 13px; padding-top: 15px; height: 112px; width: 896px; margin: auto}
ul#menu {margin: 0px; padding-left: 0px;}
ul#menu li {display: inline;}
ul#menu li a {font-weight: normal; font-variant: small-caps; color: #FFB442; padding-top: 50px; display: inline-table; margin-right: 12px}
div.woodLine {background: url(images/bg_top.png) center 0 repeat-x; height: 15px; position: absolute; width: 100%; left: 0px;}
div#content {background: url(images/bg_top_img.jpg) center 0 repeat; margin-top: 20px; }
div#content > div > div{width: 896px; margin: auto; padding-top: 50px;}
div#contentWrapper {padding-bottom: 30px}

img#logo {position: absolute; height: 210px; margin-top: 70px; margin-left: 650px;}
img#facebook {position: absolute; height: 80px; margin-top: 100px; margin-left: 600px;}
img#certi {position: absolute; height: 80px; margin-top: 100px; margin-left: 510px;}
img#iska {position: absolute; height: 80px; margin-top: 100px; margin-left: 380px;}

.photo {width: 350px;}

div#footer {padding-top: 40px; text-align: right; padding-right: 50px; width: 896px; margin: auto}
div.awards {position: absolute; width: 776px; margin: auto; top: 109px}

.fotogalerie .ui-widget-content {background-color: rgba(254, 238, 189, 0.6)}
.fotogalerie img {border-radius: 10px}

/* INDEX */
div#index {background: url(images/bg_img.jpg) center top no-repeat; padding-top: 80px;}
div#index.welcome {background: url(images/welcome.jpg) center top no-repeat; padding-top: 80px;}

a.beerDetail {
	float: left; 
	width: 218px;
	margin-right: 10px;
	height: 250px;
	border: 1px solid #6d4932;
	border-radius: 5px;
	box-shadow: 0 0 18px rgba(147, 48, 13, .56);
	margin-bottom: 10px;
}
a.beerDetail:hover {
	border-color: #93300d;
	background: url(images/beer_active.jpg) 0 0 #5a1c05;
	box-shadow: 0 0 18px rgba(147, 48, 13, .56);
}
a.beerDetail:first-child  {margin-left: 50px;}
a.beerDetail:nth-child(4) {margin-left: 180px;}
a.beerDetail h3 {margin-bottom: 170px; margin-top: 5px; text-align: center}

a.beerDetail.desitka {background: url(images/10.jpg) center top no-repeat;}
a.beerDetail.jedenactka{background: url(images/11.jpg) center top no-repeat;}
a.beerDetail.dvanactka {background: url(images/12.jpg) center top no-repeat;}
a.beerDetail.trinactka {background: url(images/13.jpg) center top no-repeat;}
a.beerDetail.special {background: url(images/special.jpg) center top no-repeat;}

a.beerDetail.desitka:hover, div.beerDetailImage.desitka  {background: url(images/10_hover.jpg) center top no-repeat;}
a.beerDetail.jedenactka:hover, div.beerDetailImage.jedenactka {background: url(images/11_hover.jpg) center top no-repeat;}
a.beerDetail.dvanactka:hover, div.beerDetailImage.dvanactka{background: url(images/12_hover.jpg) center top no-repeat;}
a.beerDetail.trinactka:hover, div.beerDetailImage.trinactka{background: url(images/13_hover.jpg) center top no-repeat;}
a.beerDetail.special:hover, div.beerDetailImage.special {background: url(images/special_hover.jpg) center top no-repeat;}

div.beersWrapper {height: 420px;}

ul#menu.pivo-menu li h1 {display: inline}
div.beerDetailWrapper {width: 500px;}
div.beerDetailImage {box-shadow: 0 0 18px rgba(147, 48, 13, .56); height: 254px; width: 210px; background: url(images/beer.jpg) no-repeat -20px 0px; float: right; margin-right: 80px;}

table.cenik {width: 100%}
table.cenik td{text-align: center}

div.alert {border: 1px solid #6d4932; box-shadow: 0 0 18px rgba(147, 48, 13, .56); padding: 10px; padding-left: 50px;}

table.kontaktTable {width:100%;}
table.kontaktTable td {width:50}

.sberatelPhoto {width: 200px}
.sberatelPhotoEtiketa {height: 150px;}
.sberatele ul li {list-style: none}