* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: url("img/bg-main.jpg") 0 0 no-repeat; }
	
#top-logo {
        padding: 98px 0 0 157px;
/* 	padding-top: 98px; */
/* 	margin-left: 194px; */
	width: 770px;
    }

a img { border: 0; }

input, textarea {
	background-color: #ebe6e0;
	margin-bottom: 3px;
	margin-left: 3px; }

table td {
	vertical-align: top;
	font-size: 12px; }

h1 {	font-family: Arial, sans-serif;
	font-size: 40px;
	text-align: left; }
h2 {	font-family: Arial, sans-serif;
	font-size: 28px;
	line-height: 30px; }
h3 {	font-family: Arial, sans-serif;
	font-size: 22px;
	line-height: 25px;
	}
h4 {	margin: 15px 0 5px 0;
        padding-left: 2px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2px; 
	color: #b50a37;
	font-family: Arial, sans-serif;
	text-transform: uppercase; }
h5 {
	font-size: 13px;
	margin: 20px 0 0 0;
	color: #7f7261;
	font-family: Arial, sans-serif; }

/* --------------------------------------------------- */

#left {
        left: 0;
        top: 210px;
        position: absolute;
	width: 134px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
	font-size: 12px; }
#left-menu a {
	color: black;
	text-decoration: none;
	display: block;
	background: url("img/arrow-w.gif") left 5px no-repeat;
	padding-left: 12px;
	margin: 4px 6px; }

#left-menu a + a {
    border-top: 1px solid #b50a37;
}

#left-menu a.selected {
	color: #b50a37;
	margin-left: 10px; }
#left-menu a:hover { color: #b50a37; }
#left-menu .stronger {
	font-weight: bold;
	}
#left-menu .maxi {
	font-weight: bold;
	border-bottom: 1px solid #b50a37;
	color: #b50a37;
	margin-bottom: 5px; }
#submenu { margin-left: 15px; }
img.okladka { margin: 10px 10px 0 10px; }

/* --------------------------------------------------- */

#right {
	position: absolute;
	left: 925px;
	top: 550px;
	width: 125px;
	text-align: center;
	font-size: 11px; }
#right input { width: 100px; }
#right .submit {
	width: 8px;
	height: 8px; }
#right span { margin-right: 11px; }

/* --------------------------------------------------- */

#main-menu {
	margin-top: 12px;
	height: 27px;
	line-height: 25px;
	font-weight: bold;
	font-size: 15px;
	width: 760px;
	font-family: Arial, sans-serif; }
#content a.main-menu, #content a.main-menu-selected {
	display: block;
	float: left;
	text-align: center;
	width: 150px;
	background-color: #a89982;
	margin-right: 1px;
	text-decoration: none;
	color: white; }
#content a.main-menu-selected {	background-color: #b50a37; }
#content a.main-menu:hover { background-color: #b50a37; text-decoration: none;}

/* --------------------------------------------------- */

#content {
	padding-top: 20px;
	margin-left: 160px;
	width: 755px;
	font-size: 12px; }
.article {
	text-align: left;
	padding: 15px 0;
	font-size: 12px; }
#article-right a, .article a, .ma {
	color: #b50a37;
	text-decoration: underline; }
#content a.main-menu, #content a.main-menu-selected { color: white; }
#content a.main-menu:hover, #content a.main-menu-selected:hover { text-decoration: none; }
#content p { margin-bottom: 8px; line-height: 18px; }
#content a:hover { text-decoration: underline; }

#content a.tytul {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#content a.tytul:hover {
	color: #7f7261;
	text-decoration: none;
}

.separate { margin: 16px 0; }

/* --------------------------------------------------- */

#article-right {
	float: right;
	display: inline;
	width: 284px;
	margin-left: 5px;
	margin-top: 25px;
	padding: 0 6px 0 5px;
	font-size: 10px;
}

.article-right-text {
/* 	width: 278px; */
	margin-bottom: 12px;
	background-color: #eae6dd;
	font-size: 10px;
}

.article-right-text2 {
/* 	width: 278px; */
	margin-top: 40px;
	border: 1px solid #a89982;
	font-size: 10px;
}

#article-right h1 {
	background-color: #a89982;
	width: 97px;
	font-size: 16px;
	line-height: 25px;
	color: white;
	padding-left: 8px;
	margin-bottom: 16px;
	font-family: Arial, sans-serif;
}

#article-right h2 {
	margin-left: 3px;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 2px;
}

#article-right table {
	font-size: 12px;
}

/* --------------------------------------------------- */

.separator {
	height: 65px;
	line-height: 55px;
	background: url("img/separator-bg.gif") no-repeat;
	text-align: left;
}

.separator span {
	width: 150px;
	margin-left: 1px;
	margin-top: 10px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, sans-serif;
	text-align: center;
}

#content .separator a {
	padding-left: 50px;
	padding-right: 12px;
	margin-top: 10px;
	text-decoration: none;
	color: black;
	font-size: 11px;
	background: url("img/arrow-g.gif") right center no-repeat;
}

.separator * {
	display: block;
	float: left;
}

#max {
	width: 760px;
	text-align: center;
}

#max-small {
	text-align: right
}

/* --------------------------------------------------- */

.sonda {
	margin-left: 5px;
	width: 120px;
	margin-top: 40px;
	font-size: 11px;
	text-align: left;
}

.sonda td { font-size: 11px; }

.sonda h3 {
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	margin: 0 0 12px 0;
	color: black;
}

.sonda img { margin: 0 0 0 0; }

.pasek {
	width: 120px;
	height: 6px;
	font-size: 1px;
	background-color: #cec6b1;
}

.pasek-wynik {
	height: 6px;
	font-size: 1px;
	background-color: #b50a37;
}

/* .sonda-ile { float: right; position: relative; bottom: 8px; } */
.sonda-ile { text-align: right;}
.sonda-pyt { float: left; width: 100px; }

/* --------------------------------------------------- */
#strony { text-align: center; }
#strony a {
	color: #666666;
}
#strony a:hover, #strony a.sel {
	color: #b50a37;
}

#footer {
	margin: 30px 0 10px 230px;
	text-align: center;
	width: 630px;
	font-size: 11px;
	color: #B1B1B1;
}
#footer-links {
	border-bottom: 1px solid #cec6b1;
}
#footer a, #footer-links a {
	text-decoration: none;
	color: #666666;
}

#footer a:hover, #footer-links a:hover {
	color: #b50a37;
}

#cover {
  display: none;
  position: absolute;
  z-index: 50;
}

span.autor {
	font-style: italic;
}

#whereiam a {
	text-decoration: none;
	font-weight: bold;
	color: #888;
	font-size: 11px;
}

.zdjecie {
	display: block;
	float: left;
	width: 450px;
	margin-right: 20px;
}

img.zdjecie-m {
	margin-right: 15px;
}

img.zdjecie-s {
	width: 90px;
	margin-right: 4px;
	margin-left: 3px;
}
.error { color: red; font-size: 10px; }

.center { text-align: center; }

.clear { clear: both; font-size: 1px; height: 1px;}

#content .light, #content .light a { color: #888; text-decoration: none; }

#galeria {
	height: 86px;
	font-size: 1px;
}

#galeria td {
	padding: 0 3px;
}

#galeria td img {
	width: 78px;
	height: 78px;
	border: 1px solid black;
	margin: 1px;
}

#galeria td img.sel {
        border: 2px solid #b50a37;
        margin: 0;
}

img.ikona {
	display: block;
	float: right;
}

.hline {
	margin: 20px 0 35px 0;
	font-size: 1px;
	border-bottom: 1px solid #a89982;
}

#prenform {
    margin:5px 5px 15px 0pt;
    width: 400px;
}
#prenform label {
    display:block;
    float:left;
    text-align:right;
    width:150px;
}
#prenform input {
/*     border:1px solid #666666; */
}
fieldset#periodset {
    clear:left;
    margin-left:150px;
    margin-top:5px;
    width:120px;
}
fieldset#periodset input {
    border:0pt none;
}

.belka-mala {   
    background-color: #b50a37;
    line-height: 17px;
    height: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-family: Arial, sans-serif;
    padding: 2px 8px;
}

.belka-duza {
    margin-top: 10px;
    background-color: #b50a37;
    line-height: 27px;
    height: 27px;
    letter-spacing: 1px;
    color: white;
    font-size: 22px;
    font-family: Arial, sans-serif;
    padding: 0 5px;
}

.frame-left {
    margin-top: 25px;
    margin-right: 15px;
    float: left;
    border: 1px solid #a29785;
    width: 120px;
    padding: 5px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    font-weight: bold;
    color: #888;
    background-color: white;
}

* html * .frame-left {
width: 132px; 
w\idth: 120px;
}

#kluby div {
    margin: 30px 0 0 0;
}

#kluby div + div {
    border-top: 1px solid black;
    padding-top: 30px;
}

span.tytul {
    display: block;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.red {
    color: #b50a37;
}
