@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Sacramento|Open+Sans+Condensed:700,300&subset=latin,latin-ext);

body {
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #001548 !important;
	background-image: url(../gfx/tlo.jpg) !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

h1 {
	font-weight: bold;
	color: #001548;
	font-size: 44px;
	font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
	font-weight: bold;
	font-size: 34px;
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 12px 0px 12px 0px
}

h2.smaller {
	font-weight: bold;
	font-size: 22px;
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 12px 0px 12px 0px
}

h3 {
	font-weight: normal; display: inline; font-size: 9px; padding: 0px; margin: 0px; color: silver
}

.podpis {float: right; text-align: right; margin-top: 10px; font-style:italic}
.podpis strong {font-size: 18px;}


.MPodtytul {
	color: teal;
	font-size: 34px;
	font-family: 	
'Sacramento', cursive;
}

a:link, a:visited {
	color: #001548;
	text-decoration: none
}

a:hover {
	color: teal;
	text-decoration: none
}

#MNavyHeader {
	width: 100%;
	background-color: #001548; 
	float: left;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif
}

#MNavyHeader .MCenter {
	text-align: right;
	color: lightblue
}

.MCenter {
	margin: auto;
	width: 980px
}

#MMain {
	width: 980px;
	float: left;
	min-height: 650px;
	position: relative;
}

#MLogo {
	position: absolute;
	top: 0px;
	left: 205px
}

#MBottle {
	width: 220px;
	height: 768px;
	position: absolute;
	right: 0px;
	top: 50px;
	z-index: 105
}

.Thier {
	position: absolute;
	right: 65px;
	top: 725px;
	z-index: 106
}

#MMenu {
	background-image: url(../gfx/ghost.png);
	width: 711px;
	border: 1px solid #dedede;
	border-radius: 10px;
	position: absolute;
	left: 0px;
	top: 590px;
	font-size: 16px;
	padding: 10px;
	text-align: center
}

#MMenuPod {
	background-image: url(../gfx/ghost.png);
	width: 711px;
	border: 1px solid #dedede;
	border-radius: 10px;
	position: absolute;
	left: 0px;
	top: 460px;
	font-size: 16px;
	padding: 10px;
	text-align: center
}

#MBoxes {
	width: 980px;
	float: left;
	margin-top: 670px
}

.MBox {
	
	width: 190px;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 15px;
	margin-right: 33px;
	text-align: center;
	float: left
}

.MBox2 {	
	width: 700px;
	border: 1px solid #dedede;
	border-radius: 10px;
	padding: 0 15px 15px 15px;
	margin-right: 33px;
	margin-top: 10px;
	text-align: left;
	float: left;
	background-color: #eff4ff
}

img {border: 0px}

.B1 {background-image: url(../gfx/wlasciwosci.png); background-position: top center}
.B1:hover {background-image: url(../gfx/wlasciwosci.png); background-position: center -360px ; color: white}

.B2 {background-image: url(../gfx/produkty.png); background-position: top center}
.B2:hover {background-image: url(../gfx/produkty.png); background-position: center -360px ; color: white}

.B3 {background-image: url(../gfx/horeca.png); background-position: top center}
.B3:hover{background-image: url(../gfx/horeca.png); background-position: center -360px ; color: white}

.B1:hover a, .B2:hover a, .B3:hover a {color: white}

.B4 {
	float: left;
	margin-top: 145px
}

.B5 {
	float: left;
	margin-top: 810px !important
}

.B6 {
	float: left;
	}


#MFooter {
	width: 100%;
	float: left;
	background-image: url(../gfx/woda.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 300px;
	padding-top: 120px;
}

.MFooterLeft {
	width: 630px;
	float: left;
	font-size: 14px;
	line-height: 150%;
	padding-left: 20px
}

.MFooterRight {
	width: 200px;
	float: left;
	margin-left: 100px;
	font-size: 14px;
}

.MFooterRight ul {
	list-style: none;
	padding-left: 0px
}

.email {
	background-image: url(../gfx/kontakt-icon3.png);
	background-repeat:no-repeat;
	padding-left: 35px;
	background-position: 0px 0px;
}

.adres {
	background-image: url(../gfx/kontakt-icon1.png);
	background-repeat:no-repeat;
	padding-left: 35px;
	background-position: 0px 0px;
}

.tel {
	background-image: url(../gfx/kontakt-icon2.png);
	background-repeat:no-repeat;
	padding-left: 35px;
	background-position: 0px 0px;
}


.art-postheader {visibility: hidden}

.MFooterDown2 {
	width: 940px;
	float: left;

	font-size: 9px;
	margin-left: 25px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;


font-weight: normal; display: inline; padding: 0px; margin-top: 20px; color: silver; line-height: normal}


.MFooterDown {
	width: 980px;
	float: left;
	border-top: 1px solid #dedede;
	font-size: 9px;
	color: silver;
	margin-top: 35px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif
}

.MFooterDown img { margin-bottom: 15px }

#MHeader {
	width: 978px;
	height:400px;
	border-radius: 10px;
	background-image: url(../gfx/slider.jpg);
	margin-top: 70px;
	border: 1px solid #dedede;
}

#MContent {
	width: 690px;
	float: left;
	margin-right: 38px;
	font-size: 14px;
	line-height: 150%;
	background-image: url(../gfx/ghost.png);
	padding: 20px;
	border: 1px solid #dedede;
	border-radius: 10px;
	margin-top: 625px
	
}

.hasTip {visibility: hidden}
.art-hmenu {float: left; display: inline; list-style: none; margin: 0px; padding: 0px}
.art-hmenu li {float: left; display: inline; list-style: none; margin: 0px 6px 0px 6px}






.MWody span {font-size: 20px; font-weight: bold}

.MGazowana {width: 225px; padding: 5px; text-align: center; background-color:#06F; color: white; border-radius: 10px}
.MLekkoGazowana {width: 225px; padding: 5px; text-align: center; background-color:#39F; color: white; border-radius: 10px}
.MNieGazowana {width: 225px; padding: 5px; text-align: center; background-color:#390; color: white; border-radius: 10px}
.MNieGazowana2 {width: 320px; padding: 5px; text-align: center; background-color:#390; color: white; border-radius: 10px}

.Gazowana  {width: 225px; padding: 5px; text-align: center; background-color:#9CF; color: white; border-radius: 10px}
.LekkoGazowana{width: 225px; padding: 5px; text-align: center; background-color:#c1eceb; color: white; border-radius: 10px}
.NieGazowana{width: 225px; padding: 5px; text-align: center; background-color:#3C6; color: white; border-radius: 10px}
.NieGazowana2{width: 320px; padding: 5px; text-align: center; background-color:#3C6; color: white; border-radius: 10px}

.MWodyOfert td {width: 340px; padding: 5px; text-align: center; background-color:#06F; color: white; border-radius: 10px}

.MWodyOfert td a:link, .MWodyOfert td a:visited {color: white}
.MWodyOfert td a:hover {color: red}

.wlasciwosci td {padding: 0px 5px; line-height: normal !important}
.Kationy {background-color: #0185c2; color: white; font-weight: bold; border-radius: 5px}
.Aniony  {background-color: #db1477; color: white; font-weight: bold; border-radius: 5px}
.Skladnik  {background-color: #efefef; color: black; font-weight: bold; border-radius: 5px}



.Mineral {text-align: center; font-weight: bold; 	font-family: 'Open Sans Condensed', sans-serif;padding: 15px 15px 15px 0px; border-top: 1px solid silver}
.Mineral h3 {padding: 0px; margin: 0px; font-size: 30px !important; 	color: #001548 !important;font-weight: bold !important}
.MineralDescription {padding: 15px 0px 15px 0px; border-top: 1px solid silver}