/* PODSTAWOWE */
html { padding: 0; margin: 0; background: #FFFFFF; }
body { font-family: Tahoma, "Times New Roman", sans-serif; text-align: justify; }
a { font-family: Tahoma, "Times New Roman", sans-serif; text-decoration: underline; }
a:hover { text-decoration: underline; }
div { vertical-align: top; padding: 0; margin: 0; }
img { border: 0; }
.clear { margin: 0; padding: 0; }

div#container {
	background: url(img/background.jpg) #353535; top: 2px; left: 50%; margin-left: -450px; width: 900px; 
	position: absolute;
}
div#logo { background: url(img/logoAndFooter.jpg) transparent no-repeat 0 0; width: 900px; height: 272px; }
/* Tytul */
div#logo h1 {
	font-size: 140%; letter-spacing: 0.2em; padding: 210px 0 0 10px;
	width: 625px; text-align: center; font-family: "Segoe UI", "Dejavu Sans";
}
/* Linki w logo */
div#logo a#home {
	float: left; display: block; background: url(img/links.jpg) transparent no-repeat 0 -47px;
	width: 43px; height: 42px; text-decoration: none; margin: 153px 0 0 10px;
}
div#logo a#home:hover { background-position: 0 0; height: 46px; }
div#logo a#zasadyWspolpracy {
	float: left; display: block; background: url(img/links.jpg) transparent no-repeat -44px -47px;
	width: 78px; height: 42px; text-decoration: none; margin: 153px 0 0 0;
}
div#logo a#zasadyWspolpracy:hover { background-position: -44px 0; height: 46px; }
div#logo a#oFirmie {
	float: left; display: block; background: url(img/links.jpg) transparent no-repeat -123px -47px;
	width: 78px; height: 42px; text-decoration: none; margin: 153px 0 0 0;
}
div#logo a#oFirmie:hover { background-position: -123px 0; height: 46px; }
div#logo a#kontakt {
	float: left; display: block; background: url(img/links.jpg) transparent no-repeat -202px -47px;
	width: 79px; height: 42px; text-decoration: none; margin: 153px 0 0 0;
}
div#logo a#kontakt:hover { background-position: -202px 0; height: 46px; }

/* Stopka */
div#footer {
	background: url(img/logoAndFooter.jpg) transparent no-repeat 0 -272px; width: 900px;
	height: 52px; padding-top: 26px; clear: both;
}
div#footer p.sign { float: right; margin-right: 37px; clear: right; font-size: 70%; color: #747474; }
div#footer p.sign a { color: #000000; }
div#footer a.doGory {
	background: url(img/links.jpg) transparent no-repeat -282px -34px; display: block; width: 113px; height: 29px;
	float: left; margin-left: 90px; text-decoration: none;
}
div#footer a.doGory:hover { margin-top: -4px; background-position: -282px 0; height: 33px; }
/* Glowna czesc */
div#body { background: url(img/text.jpg) repeat-y; width: 889px; margin: -20px 0 0px 11px; }
div#text { width: 615px; padding: 10px 0 0 0; margin: -15px 0; float: left; }
.moreGray { background: #F7F7F7; }
p.moduleText { margin: 20px 0 10px 25px; }
p.kontaktText { margin: 3px 0 10px 25px; }
p.mainPageText { margin: 3px 0 30px 15px; padding: 0 0 10px 0; border-bottom: 1px dotted #747474; }
/* Wyniki wyszukiwania */
ul.search { list-style-type: decimal; margin: 0 0 0 20px; padding: 0; }
li.searchEntry { margin: 0 0 0 20px; border-bottom: 1px dotted #747474; }
li.lastSearchEntry { margin: 0; }
li.searchEntry h2 { font-size: 110%; padding: 10px 0; margin: 0; }
li.searchEntry h2 a { color: #27247C; }
li.searchEntry h2 a:hover { text-decoration: none; }
/* Wiadomosci */
div.news { width: 599px; padding: 10px 15px; border-bottom: 1px dotted #747474; }
div.news h2 { font-size: 125%; margin: 0 0 5px 0; padding: 0; color: #27247c; }
div.news p { margin: 3px 3px 3px 10px; padding: 0; }
div.news span.authorAndDate { float: right; font-size: 80%; margin-right: 5px; color: #747474; }
h1.newsTitle { font-size: 130%; letter-spacing: 0.1em; font-weight: bold; text-align: center; }
/* Pager */
p.pager { text-align: right; margin: 0 15px 2px 0; }
p.pager span.selected { font-size: 130%; color: #27247C; margin: 0 3px; }
p.pager a { text-decoration: none; color: #27247C; }
p.pager a:hover { text-decoration: underline; }
p.pager a.next { font-size: 110%; margin-left: 5px; }
p.pager a.previous { font-size: 110%; margin-right: 5px; }
/* Menu boczne */
div#menu { width: 250px; margin: 30px 0 -17px 0; padding: 0; float: right; }
div#menu ul { list-style-type: none; width: 100%; margin: 0; padding: 0; text-align: right; }
div#menu li span { margin: 0 3px 0 0; }
div#menu li.level1 { float: right; clear: right; margin: 0 10px 0 0; }
div#menu li.level2 { float: right; clear: right; margin: 0; }
div#menu li.level3 { float: right; clear: right; margin: 0; }
div#menu li.level1 a {
	width: 234px; height: 26px; color: #FFFFFF; font-size: 110%; font-weight: bold; display: block;
	background: url(img/menuLinks.png) transparent no-repeat 0 0; text-align: right; padding: 5px 0 0 0;
	text-decoration: none; margin: 0 0 5px 0;
}
div#menu li.level1 a:hover { text-decoration: underline; }
div#menu li.level1 a.selected { letter-spacing: 0.2em; }
div#menu li.level2 a {
	height: 22px; color: #FFFFFF; font-size: 100%; font-weight: normal; display: block;
	background: url(img/menuLinks.png) transparent no-repeat 27px -32px; padding: 3px 0 0 0;
	text-decoration: none; margin: 0 0 5px 0;
}
div#menu li.level2 a:hover { text-decoration: underline; }
div#menu li.level2 a.selected { text-decoration: none; font-weight: bold; letter-spacing: 0.15em; }
div#menu li.level3 a {
	font-size: 90%; background: none; font-weight: normal; padding: 0; text-decoration: underline; margin: 0;
	height: auto;
}
div#menu li.level3 a:hover { font-weight: bold; }
div#menu li.level3 a.selected { text-decoration: none; font-weight: bold; letter-spacing: 0; }
/* Szukaj i newsletter */
div#searchNewsletter {
	background: url(img/searchNewsletterBackground.png) transparent; width: 246px;
	height: 122px; clear: both; padding: 30px 0 0 0;
}
div#searchNewsletter form.search { margin: 0 0 23px 30px; width: 165px; height: 20px; }
div#searchNewsletter form.search input { border: 0; color: #565656; margin: 2px 0 1px 2px; }
div#searchNewsletter form.search button.submit { font-size: 70%; width: 70px; }
div#searchNewsletter form.search a { font-size: 75%; color: #eaeaea; }
div#searchNewsletter form.newsletter { margin: 0 0 0 30px; width: 160px; height: 20px; }
div#searchNewsletter form.newsletter input.email { border: 0; color: #565656; margin: 2px 0 1px 2px; }
div#searchNewsletter form.newsletter button.submit { font-size: 70%;  width: 160px; }
/* Prezentacje */
table#presentationsList { border: 0; width: 600px; padding: 10px 15px; margin-left: 15px; }
table#presentationsList td.presentation { border: 1px solid #f2f2f2; width: 290px; height: 50px; padding: 3px 5px; }
table#presentationsList td.presentation .imgContainer { display: inline-block; float: left; }
table#presentationsList td.presentation a {
	color: #27247C; text-decoration: none; font-size: 100%; float: left; margin: 7px 0 0 5px;
	display: block; width: 200px; height: 30px; text-align: left;
}
table#presentationsList td.presentation a:hover { text-decoration: underline; }
/* Pojedyncze prezentacje */
h2.presentationTitle { color: #27247C; margin: 0 0 0 20px; letter-spacing: 0.1em; }
div.presentationData { margin: 0 0 0 35px; float: left; }
div.presentationData p.alkohol span { color: #27247C; font-weight: bold; }
div.presentationData p.kraj span { color: #27247C; font-weight: bold; }
div.presentationData p.gatunek span { color: #27247C; font-weight: bold; }
div.presentationData p.opakowanie ul { list-style-type: disc; }
div.presentationData p.opakowanie li { color: #27247C; font-weight: bold; }
div.presentationImage { float: right; }
div.presentationText { clear: both; margin: 4px 0 4px 25px; width: 590px; padding: 4px 0; }
a.presentationBack { text-decoration: none; color: #27247C; margin-left: 20px; }
a.presentationBack:hover { text-decoration: underline; }
p.presentationAuthorAndData { float: right; font-size: 80%; margin-right: 5px; color: #747474; }
/* Formularze */
p#fieldsNeeded { margin: 5px; font-size: 90%; color: #FF0000; text-align: center; }
.form { margin: 5px 10px; padding: 5px; }
.form p { margin: 2px 0 0 20px; }
.form label { display: block; font-size: 110%; }
.form textarea { clear: left; width: 555px; }
.form .hint { background: #fffad4; color: #000000; font-weight: normal; border: 1px solid #ffd2ad;
	   padding: 1px 5px; width: 528px; }
.form .formField input { clear: left; width: 555px; }
.form .error { color: #FF0000; }
.form .error input { clear: left; width: 555px; }
.form .error p.error { background: #ff7777; border: 1px dashed #b80000; color: #FFFFFF;
		padding: 1px 5px; margin-top: 5px; font-weight: bold; width: 525px; }
.form input.checkbox { width: 20px; clear: both; }

input { border: 1px solid #4C4C4C; background-color: #fefefe; margin: 3px; }
textarea { border: 1px solid #4C4C4C; background-color: #fefefe; width: 500px; height: 200px; margin: 3px; }

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */