/* ----- reset.css ----- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

html {
	height: 100%;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	height: 100%;
	font-size: 14px;
	line-height: 21px;
}

.newLine {
	clear: both;
}


img {
	border:0px;
}

.error {
	color:red;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

p {
	padding:0;
	margin:0;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #65605a;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight: bold;
} 

h1 {
	font-size: 20px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 15px;
}
.green {
	color:green;
}
.red {
	color:red;
}
div.main {
	margin: 0 auto;
	text-align: left;
	width:1000px;
	font-weight: normal;
}

div.top {
	background-repeat: no-repeat; 
	background-position: bottom right;
	margin-bottom:10px;
	padding-bottom:5px;
	height:200px;
}

div.top-content {
	height:100px;
}

div.menu {
	width:250px;
	float:left;
}


div.menu div.menu-item {
	font-family:"Arial Black", Arial;
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;	
	color:black;
	width:240px;
	padding-left: 10px;
	cursor: pointer;
}
div.menu div.menu-item:hover {
	background-image: url('../img/black50.png')
}

div.menu div.menu-item:hover div.linki {
	display: block;
}

div.menu div.linki {
	margin-left:250px;
	display: none;
}

div.menu a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:white;
	padding:10px 10px;	
}


div.submenu {
	margin-left:250px;
}

div.submenu div.submenu-item {
	background-image: url('../img/black50.png');
	padding:10px;
	display: none;
}

div.submenu div.submenu-item a {
	color:white;
	padding:5px 10px;
	line-height: 24px;
	font-size: 14px;
	
}

div.mini-menu {
	margin:0 auto;
	margin-top:50px;
	background-color: #333333;
	padding-bottom:20px;
	text-align: center;
}

div.mini-menu div.mini-menu-wrapper {
	width: 1000px;
	text-align: left;
	margin: 0 auto	
}



div.mini-menu div.mini-menu-wrapper {
	margin-top:-26px;
}

div.mini-menu div.mini-menu-item {
	float:left;
	margin-right: 40px;
}

div.mini-menu div.mini-menu-item h3 {
	margin-bottom:5px;
}

div.mini-menu div.linki a {
	color:white;
	font-size: 12px;
	margin-left:5px;
}

div.mini-menu div.linki a:hover {
	color: #ccc0b4;
}

div.mini-menu div.mini-menu-header {
	background-color: #7f7f7f;
	text-align: center;	
}

div.mini-menu	div.header{
	background-color: #7f7f7f;
	height:30px;
}

div.mini-menu div.mini-menu-header a {
	color:black;
	font-family: "Arial Black";
	font-size: 16px;
}

div.tresc-wrapper {
	background-image: url('../img/pattern.png');
	background-position: top left;	
	background-repeat: no-repeat;
	padding-left:250px;	
}

div.tresc {
	width:440px;
	font-weight: normal!important;	
}

div.profil {
	width:440px;
}

div.kalendarz-box {
	width:440px;
}


div.box {
	float: left;
	margin-bottom:15px;
}

div.box div.box-tresc {
	background-color: #ccc0b4;
	color:black;
	font-size:14px;
	padding:10px;
}

div.box div.box-tresc img {
	padding: 2px;
	background-color: #65605a;	
}

div.box div.header {
	background-color:black;
	color:white;
}

div.box div.header h1 {
	margin:0;
	font-size:20px; 
	letter-spacing: 0px;
	line-height: 26px;
	margin:0 10px;
}

div.box div.header h1 a {
	color:white;
}

div.prawa-kolumna {
	float: right;
	width:280px;
}

div.news-glowna {
	width:440px;
}

div.news-glowna div.slideshow { 
	height: 220px;
}

div.kalendarz-glowna {
	width:440px;
}

div.news h2 {
	font-size:16px;
	margin-bottom: 5px;
}

div.news div.data {
	font-size: 11px;
	margin-bottom:-3px;
}

div.news div.data h3 a {
	color:black;
}

div.news img.thumb {
	padding: 2px;
	background-color: #65605a;
}

div.news .nav {
	float:right;
	height:21px;
	overflow: hidden;
	margin-top:-31px;
	
}

div.news .nav a {
	display: block;
	float: left;
	font-family: Helvetica, Arial;
	font-size: 11px;
	padding:2px 6px;
	margin:0 4px;
	background-color: black;
	text-align: center;
	text-decoration: none;
	color:white;	
}

div.news .nav a.activeSlide {
	background-color: #ccc0b4;
	color:black;
}

div.news div.more {
	text-align: right;
}

div.film {
	margin-bottom: 10px;
	margin-top:5px;
}

div.film div.video-wrapper {
	color:white;
	background-color: #65605a;
	padding:10px;
	width:390px;
	margin:0 auto;
	padding-bottom:0;
}

div.box div.box-tresc div.film img {
	padding:0;
}

div.film div.player-controls {
	background-color: #65605a; 	 
	width:390px;
	padding:0 10px;	
	margin:0 auto;	
	height: 23px;
}

div.film div.player-controls a{
 float: left;
 display: block;
}

div.film h3 {
	font-size: 16px;
	margin-bottom:5px;
	line-height: 22px;
}

div.aktualnosc {
	margin-bottom:20px;
	padding-bottom:30px;
}

div.aktualnosc div.naglowek {
	margin-bottom: 3px;
}

div.path {
	color: #65605a; 
	font-size: 12px;
}

a.youtube {
	margin-top:5px;
}

img.youtube-thumb {
	width: 300px;
	height:215px;
	background-position: center;
	background-repeat: no-repeat;
	border:5px solid #65605a;
}

div.logotypy {
	width:750px;
}

div.logotypy div.box-tresc {
	background-color: #7f7f7f;
	color:white;
}

div.logotypy div.box-tresc a {
	margin:0 10px;
	margin-bottom:10px;
	color:white;	
}

div.pages {
	padding:3px 7px;
	padding-bottom: 5px;
	background-color:black;
}

div.pages a {
	color:white;
	padding:2px 5px;
	padding-top:4px;
	margin:3px;
}

div.pages a:hover {
	background-color: #65605a;	
}

div.pages .current {
	padding:1px 5px;
	padding-top:5px;
	margin:3px;
	background-color: #ccc0b4;
}

div.more {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

div.welcome {
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
}

div.welcome strong {
	font-size:18px;
	line-height: 24px;
}

div.kalendarz {
	margin: 0 auto;
	width:225px;
	margin-bottom:15px;
	
}

div.kalendarz div.kalendarz-nav {
}

div.kalendarz div.kalendarz-nav h3 {
	text-align: center;
}

div.kalendarz table tr td a {
	padding:3px 5px;
	border: 2px solid white;
	display: block;
}

div.kalendarz table tr.naglowek td{
	background-color: black;
	padding:3px 5px;
	border: 2px solid black;
	color:white;
}


div.kalendarz table tr td a.items {
	background-color: #7f7f7f;
	color: white;
}

div.kalendarz table tr td a.today {
	border: 2px solid red;	
}

div.kalendarz table tr td a.sel {
	background-color: #333333;
	color: white;
}

div.kalendarz table tr td a.sel {
	background-color: #333333;
	color: white;
}
div.wydarzenia p.empty-kalendarz {
	font-size: 16px;
	padding: 0 15px;
	padding-top: 20px;
	padding-bottom: 80px;
}

div.wydarzenia h3 {
	margin-bottom: 15px;
}

div.wydarzenia h3 .gray{
	color: #333333;
	font-weight: normal;
}

div.video-list-item {
	margin-bottom: 15px;
}

div.video-list-item h3 {
	margin-bottom: 3px;
}

div.video p.opis {
	margin-bottom: 5px;
}

#player-pause, #player-unmute {
	display:none;
}

#player-unmute, #player-mute {
	margin-left: 320px;
}

div.polec {
	margin-bottom: 50px;
	background-color: black;
	color: white;
}

div.polec_send {
	margin:10px;
	margin-bottom: 0;
}

div.polec div.pole {
	margin-bottom: 10px;
}

div.polec div.pole div.label {
	float: left;
	margin-left:5px;
}

div.polec form {
	padding:5px;
}

div.polec div.pole input {
	border:none;
	font-size:12px;
	padding:2px;
	width:200px;
	margin-left:5px;
	background-color: white;
}

div.polec a {
	padding:3px 8px;
	border:1px solid white;
	color:white;
	margin-right: 10px;
	font-size: 12px;
}

div.polec a:hover {
	color:black;
	background-color: white;
}

div.polec div.button {
	text-align: right;
	margin-bottom:8px;
}

div.dark-box {
	margin-bottom:15px;
}

div.dark-box header {
	color:black;
	background-color: #7f7f7f;
}

div.dark-box div.header h1 {
	margin:0;
	font-size:20px; 
	letter-spacing: 0px;
	line-height: 30px;
	margin:0 10px;
}

div.dark-box div.box-tresc {
	background-color: #333333;
	color:white;
	font-size:14px;
	padding:10px;
}

div.login form.login {
	display: block;
	height:80px;
}

div.login a {
	color: white;
}

div.login form.logout div.button {
	text-align: right;
}

div.login div.pole {
	margin-bottom:5px;
}

div.login div.pole div.label {
	float: left;
	margin-left:5px;
	width:50px;
}

div.login div.button a{
	color: white;
	font-size: 12px;
	margin-right: 10px;
}

div.login div.pole input {
	border:none;
	font-size:12px;
	padding:2px;
	width:180px;
	margin-left:5px;
	background-color: white;
}


div.video-list-item {
	padding:5px;
	margin-bottom: 30px;
}

div.video-list-item h6 {
	margin-bottom: 5px;
	font-size:16px;
}


div.aktualnosci {
	padding-bottom: 30px;
}

div.aktualnosci div.more {
	margin-top:10px;
	text-align: right;
}

div.tresc-pytania {
	padding:5px;
	font-style: italic;
	font-size: 16px;
	margin-bottom: 5px;
}

div.pytanie div.more {
	text-align: right;
	margin-bottom: 10px;
}

div.konkurs div.pytanie {
	margin-bottom: 35px;
}

div.konkurs div.pytanie div.punkty {
	padding:3px 6px;
	color:white;
	width:135px;
	background-color: #65605a;	
	margin-bottom: 5px;
}

div.konkurs div.pytanie div.odpowiedz-button a {
	padding:3px 6px;
	color: white;
	background-color: #333333;
}



div.subtext {
	margin-bottom: 30px;
}

div.subtext img {
	padding:5px 10px;
}

div.rejestracja form div.pole {
	background-color: #65605a;
	padding:4px;
	margin-top: 5px;
	margin-bottom: 10px;
	color:white;
}

div.rejestracja form {
	margin-bottom: 30px;
	margin-top:20px;
	display: block;
}

div.rejestracja form h3 {
	margin-bottom: 5px;
}

div.rejestracja form div.pole-hidden {
	background-color: transparent!important;
	padding:0px!important;
	margin-bottom: 0px!important;
}

div.rejestracja form div.pole div.label {
	float: left;
	width: 140px;
	margin-left: 5px;
}

div.rejestracja form div.pole input{
	width: 240px;
	border: none;
	font-size: 14px;
	padding:5px;
}

div.rejestracja div.coment {
	font-size: 12px;
	float: left;
}

div.rejestracja div.button {
	text-align: right;
	margin-top:10px;
}

div.rejestracja div.button a {
	padding:5px 10px;
	background-color: #65605a;
	color:white;
}

div.rejestracja div.button a:hover {
	background-color: #333333;
}

div.rejestracja div.form_send {
	padding-top:10px;
	padding-bottom:90px;
}

div.rejestracja div.form_send h4 {
	margin-bottom: 15px;
}

div.rejestracja div.confirm {
	padding-top:10px;
	padding-bottom:90px;
}

div.rejestracja div.confirm h4 {
	margin-bottom: 15px;
}

div.galerie {
	margin-bottom: 20px;
}

div.galerie h3 {
	margin-bottom: 10px;
}

div.galerie div.galeria div.more {
	text-align: right;
}

div.galerie div.galeria {
	margin-bottom: 30px;
}

div.galerie div.galeria-users {
	margin-bottom: 20px;
}

div.galerie div.images a {
	margin:10px 5px;
}

div.galerie h4 {
	margin-bottom: 5px;
}

div.error_message {
	margin-left:145px;
	color: red;
	font-weight: bold;
	font-size: 12px;
}

div.login div.error_message {
	margin-left:85px;
}

div.twoje-punkty {
	margin-top: 5px;
	font-size: 16px;
}

div.twoje-punkty .punkty {
	font-size: 18px;
	font-weight: bold;
}

div.twoje-punkty-all {
	margin-top: 5px;
	border-top:none;
	font-size: 16px;
	margin-bottom: 10px;
}

div.twoje-punkty-all .punkty {
	font-size: 17px;
	font-weight: bold;
}

div.tabela-wynikow {
	padding-top: 10px;
	padding-bottom: 60px;
}

div.tabela-wynikow div.wynik {
	background-color: #65605a;
	margin-bottom: 5px;
	padding:10px;
	color:white;
	padding-left: 40px;
}

div.tabela-wynikow div.punkty {
	width:135px;
	color:white;	
	background-color: #333333;
	padding:10px;	
}

div.tabela-wynikow div.pozycja {
	text-align: center;
	width:30px;
	color:white;	
	background-color: #333333;
	padding:10px 0;	
}

div.pole-radio {
	padding: 3px;
}

div.button-vote {
	margin:15px 0;
}

div.button-vote a {
	padding: 5px 10px;
	color: white;	
	background-color: #333333;	
}

div.button-vote div.punkty {
	margin-left:10px;
}

div.wydarzenie {
	margin-bottom:30px;
}

div.wydarzenie img.kalendarz-image {
	margin: 6px 0px;
	padding: 2px;
	background-color: #65605a;
}

div.wydarzenie-old {
	color:gray;
}

div.wydarzenie-old a {
	color:gray;
}

div.wydarzenie-old a:hover {
	color:#333333;
}

div.text-list {
	margin-top:20px;
	margin-bottom:50px;
}

div.text-item {
	margin-bottom: 30px;
}

div.stopka {
	color:#cfcfcf;
	padding:10px 0px;
	font-size: 11px;
	background-color: black;
	text-align: center;	
}

div.stopka a {
	color:#cfcfcf;
}

div.stopka div.stopka-content {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	font-weight: normal!important;
}

div.odpowiedz-result {
	font-size:15px;
	margin-top:10px;
	margin-bottom: 20px;
}

div.pytanie-next {
	margin-top:15px;
	margin-bottom: 15px;
	font-weight: bold;
}

div.pytanie-result {
	margin-top: 25px;
	margin-bottom: 40px;
}

div.pytanie-result div.odp {
	margin-top: 5px;
	padding: 0 15px;
	color:red;
}

div.pytanie-result div.corect {
	color:green;
	font-weight: bold;
}

div.flashLink {
	height:120px;
	margin-top: 20px;
	text-align: center;
}

div.flashLink a {
	color: white;
}

div.flashLink a img {
	margin-top:15px;
}


div.komentarze {
	margin-top: 10px;
	margin-bottom:20px;
}

a.komentarze-form {
	padding-top:15px;
}

div.komentarze div.komentarz {
	margin-top: 4px;
	margin-bottom: 15px;
}

div.komentarze div.komentarz div.autor strong {
	font-weight: normal;
	color: #333333;
	padding:3px 10px;
	background-color: #989087;
}

div.komentarze div.komentarz div.txt {
	color:white;
	background-color: #65605a;	
	border:5px solid #989087;

	padding:5px 10px; 
	font-size: 12px;
	
}

div.komentarze div.komentarz div.data {
	margin-right: 5px;
	margin-top:3px;
}

div.komentarze div.komentarze_form{
	margin-top:20px;
}

div.komentarze form div.pole {
	background-color: #65605a;
	padding:4px;
	margin-top: 5px;
	margin-bottom: 10px;
	color:white;
}

div.komentarze form {
	margin-bottom: 30px;
	margin-top:20px;
	display: block;
}

div.komentarze form h3 {
	margin-bottom: 5px;
}

div.komentarze form div.pole-hidden {
	background-color: transparent!important;
	padding:0px!important;
	margin-bottom: 0px!important;
}

div.komentarze form div.pole div.label {
	float: left;
	width: 90px;
	margin-left: 5px;
}

div.komentarze form div.pole textarea {
	width: 305px;
	border: none;
	font-size: 14px;
	padding:5px;
}

div.komentarze form div.button {
	text-align: right;
}

div.komentarze form div.button a {
	padding:3px 6px;
	color: white;
	background-color: #333333;
}

/* --- formularz foto --- */

div.images-form {
	padding-top: 40px;
	padding-bottom:20px;
}

div.images-form h5 {
	padding-bottom: 5px;
}

div.images-form h4 {
	padding: 15px;
	color: green;
	border:1px solid green;
}

a.images-form {
	padding-top:15px;
}

div.images-form form{
	margin-top:20px;
}

div.images-form form div.pole {
	background-color: #65605a;
	padding:4px;
	margin-top: 5px;
	margin-bottom: 10px;
	color:white;
}

div.images-form form {
	margin-bottom: 30px;
	margin-top:20px;
	display: block;
}

div.images-form form h3 {
	margin-bottom: 5px;
}

div.images-form form div.pole-hidden {
	background-color: transparent!important;
	padding:0px!important;
	margin-bottom: 0px!important;
}

div.images-form form div.pole div.label {
	float: left;
	width: 90px;
	margin-left: 5px;
}


div.images-form form div.pole input {
	width: 300px;
	font-size: 14px;
	padding:5px;
}

div.images-form form div.pole select {
	width: 300px;
	font-size: 14px;
	padding:5px;
}

div.images-form form div.pole textarea {
	width: 305px;
	border: none;
	font-size: 14px;
	padding:5px;
}

div.images-form form div.button {
	text-align: right;
}

div.images-form form div.button a {
	padding:3px 6px;
	color: white;
	background-color: #333333;
}

div.images div.thumb {
	text-align: center;
	font-size: 11px;
}

div.images div.thumb a.komenarze {
	display: block;
	margin-top: -5px;
}

div.profil div.box-tresc {
	padding-top:10px;
	padding-bottom: 60px;
}

div.profil h2 {
	margin-bottom: 5px;
}

div.profil strong {
	margin-bottom: 5px;
}
div.profil div.historia {
	margin-top:20px;
}

div.profil div.historia div.pytanie {
	margin-bottom: 15px;
}

div.profil h2.profil_no_login {
	margin-top:20px;
	margin-bottom: 80px;
}

a.profil-link {
	padding:5px 10px;
	background-color: black;
}

div.twoje-punkty {
	margin: 5px;
	width:80px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	border:1px solid gray;
}

div.twoje-punkty div.text-punkty {
	padding:6px 3px;
	color: white;
	background-color: #7f7f7f;	
}

div.twoje-punkty div.punkty {
	background-color: white;
	padding:5px 0;
	color:black;
	
}
div.twoje-punkty-wrapper {
	margin-bottom:5px;
	height:80px;
}

div.login h3, div.login h6 {
	padding:0 10px;
	margin-bottom: 10px;
}


div.etapy div.etap{
	margin-top:3px;
	padding:6px 8px;
	color: white;
	background-color: #7f7f7f;	
}

div.files {
	margin-top: 15px;
	margin-bottom: 25px;
} 
 
div.file {
	height: 50px;
}
div.box div.box-tresc div.file a img {
	background-color: transparent;
	padding: 0;	
	border: none;
	margin-right: 10px;
}

div.file p strong {
	display: block;
}

div.file p a {
	font-size: 12px;
}

div.alert {
	font-size: 16px;
	font-weight: bold;
	color: red;
	padding-top:20px;
	text-align: center;
	padding-bottom:40px;
}

div.kalendarz-list {
	padding: 10px 5px;
	padding-bottom: 15px;
	
}

div.kalendarz-list p.data {
	font-size: 12px;
	padding: 2px 4px;
	float: left;
	margin-right: 5px;
	background-color: #65605A;
	color:white;
	
}

div.kalendarz-list a {
	display: block;
	line-height:25px;
	margin-bottom: 7px;
}

ul {
	padding:0;
	margin: 0;
	padding-left: 15px;
}

ul li {
	padding:0;
	margin: 0;
	padding-bottom: 10px;
}


div.polecamy div.polecamy-content {
	padding:0 10px;
	width: 400px;
	text-align: left;
}

div.nk {
	margin-top:10px;
}

div.wyniki-box, div.box-video {
	width:440px;
}

div.polecamy {
	width:440px;
}

div.youtube-wrapper {
	text-align: center;
}

div.polecamy div.polecamy-content a.polecamy-image-wrapper {
	display: block;
	text-align: center;
}

div.polecamy .nav {
	float:right;
	height:21px;
	overflow: hidden;
	margin-top:-31px;
	
}

div.polecamy .nav a {
	display: block;
	float: left;
	font-family: Helvetica, Arial;
	font-size: 11px;
	padding:2px 6px;
	margin:0 4px;
	background-color: black;
	text-align: center;
	text-decoration: none;
	color:white;	
}

div.polecamy .nav a.activeSlide {
	background-color: #ccc0b4;
	color:black;
}

div.polecamy div.slideshow {
	height:330px;
}

div.news-facebook {
	width: 400px;
	overflow: hidden;
}

div.news-image-wrapper {
	text-align: center;
}