/* KOLORY NA STRONIE */

COLORS {
    #808080  light szary
          
    #0968F8  light blue
             
    #1767cc  dark blue
    
    #91A7FF blueLinks

}




* {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
	font-style: normal;
}



.hiddenSpan {
	visibility: hidden;
}

h1, #footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-style: italic;
	color: #fff;
	font-size: 140%;
}

h2, h3 {
	padding: 10px 0 0 0;
	font-size: 120%;
}

a {
	color: #91A7FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 300;
	font-size: 100%;
	color:#f6fad5;
}

acronym {
	cursor: help;
	font-weight: 200;
	color:#808080;
	}
	
p {
	font-family: Arial, sans-serif;
	font-style: normal;
	line-height: 1.3em;
	color: #808080;
}

dl {

}

dt {	
	font-size: 120%;
	font-weight: 100;
	padding: 2px 0;
	list-style: circle;
	
	
}

dt a {
	cursor: pointer;
	color: #1767cc;
}

dd {
	padding: 5px 0;
	font-family: Arial, sans-serif;
	font-style: normal;
	display: none;
}


/* SEKCJE DIV */

html {
	background: #fff url(img/bgPage.png) left top repeat-x;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
	float: left;
	width: 900px;
	margin: 0 auto;

}

#logo {
	float: left;
	margin: 10px 0 0 0;
	width: 219px;
	height: 68px;
}

body#index #logo {
	background: url(img/logo.png) left bottom no-repeat;
}

#logo a img {
	border: none;
}

#menu {
	float: right;
	padding: 50px 0 10px 0;
	

}

#menu ul {
	list-style: none;
}

#menu ul li {
	display: inline;
	float: left;
	padding-left: 10px;
}

#menu ul li a {
	color: #808080;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-style: normal;
	padding: 3px 5px;
	
}

body#onas #t-onas a, body#oferta #t-oferta a, body#kontakt #t-kontakt a {
	background-color: #0968F8;
	color: #fff;
	text-shadow: #000 1px 1px 0px;
} 

#menu ul li a:hover {
	background-color: #1767cc;
	color: #fff;
}

#content {
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 465px;
	clear: both;
	
}

#content  h1{
	font-size: 160%;
}

body#index #content {
	background: black url(img/bgContent.jpg) top left no-repeat;
	height: 381px;
}

body#onas #content {
	background: #000 url(img/bgOnas.jpg) top left no-repeat;
	

}

body#oferta #content {
	background: #000 url(img/bgOferta.jpg) top left no-repeat;
	overflow-y: scroll;	
}

body#oferta #content h2 {
	color: #fff;
}

body#oferta #content h3 {
	font-weight: 100;
	font-size: 110%;
	font-style: normal;
	color: #fff;
}

body#oferta #content #sidebar ul {
	color: #fff;
	list-style: circle;
}

body#oferta #content #sidebar ul li {
	margin: 0 0 0 20px;
}

body#nota #content {
	background: black url(img/bgNota.jpg) top left no-repeat;
}

body#nota #sidebar{
	float: left;
}

body#nota #content  {
	color: #000;
}

body#nota #content p {
	color: #000;
}

body#mapa #content {
	background: black url(img/bgMapa.jpg) top left no-repeat;	
}

body#mapa #sidebar{
	float: right;
}

body#mapa #content h1, body#nota #content h1 {
	color: #000;
	margin: 10px 0;
}

body#mapa ul {
	list-style: none;
	margin: 0 0 0 20px;
}

body#mapa ul li {
	line-height: 1.8em ;
}

body#mapa #content ul li a {
	color: #1767cc;
	font-family: Arial, sans-serif;
	font-style: normal;
}

body#pomoc #content {
	background: black url(img/bgFAQ.jpg) top left no-repeat;
	overflow-y: scroll;
	
}

body#pomoc #content #sidebar {
	width: 500px;
}

#sidebar {
	float: right;
	margin: 15px;
	padding: 15px;
	width: 400px;
	background-color: #fff;
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;

}


body#pomoc #sidebar h1{
	color: #000;
}


body#dostep #content {
	background: black url(img/bgOswiadczenie.jpg) top left no-repeat;	
	overflow-y: scroll;
}

body#dostep #sidebar {
	float: left;
}

body#dostep #sidebar h1, body#dostep #sidebar p{
	color: #000;
}

body#dostep #sidebar ul{
	margin: 10px 0 0 15px
}



body#oferta #sidebar {
	float: left;
	margin: 10px;
	padding: 15px;
	width: 400px;
	background-color: #000;
}


body#onas #sidebar {
	float: right;
	margin: 10px;
	padding: 15px;
	width: 400px;
	background-color: #000;
}


#sidebar p{
	color: #fff;
	padding-top: 10px; 
}



#contentMenu {
	float:left;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 84px;
	background: #fff url(img/bgContMenu.jpg) top right no-repeat;
	clear:both;
}

#contentMenu a img {
	border: none;
}

/* Menu galerii */

#galeriaMenu {
	float: left;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;	
	width: 100%;
	color: #d5c6b6;
	border-bottom: 1px solid #999;
	background-color: #ebebeb;
	
	
}

body#przyg #t-przyg a, body#cerem #t-cerem a, body#zaba #t-zaba a, body#plen #t-plen a {
	color: #0968F8;
	text-decoration: underline;
} 


#galeriaMenu p {
	color: #808080;
}

#galeriaMenu ul li a {
	color: #808080;
	font-family: Arial, Verdana, sans-serif;
	font-weight: 100;
	text-decoration: none;
	padding: 0 0 0 5px;
}

#galeriaMenu a:hover {
	color: #0968F8;
}


#galeriaMenu ul {
	list-style: none;
	width: 100%;
	
	
}

#galeriaMenu ul li {
	display: block;
	float: left;
	margin-right: 5px;
	
	
}



/* STOPKA */
#footer {
	float: left;
	clear: both;
	width: 900px;
	margin: 10px auto;
	text-align: right;
	color: #e6e6e6;
	font-size: 100%;
	
	

}

#footer p {
	color: #808080;
}

#footer a {
	color: #7f7f7f;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #0968F8;
}

#footerMenu {
	float: left;
	clear: both;
	margin: 0 auto;	
	color: #d5c6b6;
	
}

#footerMenu ul {
	list-style: none;
	width: 100%;
	
	
}

#footerMenu ul li {
	display: block;
	float: left;
	
	
}

#footerMenu ul li a {
	padding: 0 5px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999999;	
	font-size: 90%;
	font-weight: 100;
}

#footerSidebar {
	float:right;	
	width: 300px;
	
}

.validateSite {
	padding:0 0 10px 0;
}

/* FORMULARZ KONTAKTOWY */

body#kontakt h1, body#kontakt h2, body#kontakt .przycisk, body#kontakt label, body#kontakt .tel {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 100;

}

body#kontakt #content {
	float: left;
	background: #000 url(img/bgKontakt.jpg) top right no-repeat;

}

body#kontakt #sidebar {
	margin: 180px 50px 20px 0;
	color: #000;
	
}

body#kontakt #sidebar p {
	color: #808080;
}

#formularz {
	margin: 50px 0 0 0;
}

form {
	margin: 20px;
}

body#kontakt h1 {
	display: block;
	margin: 0;
	color: #fff;
	position: relative;
	left: 20px;
	top: 5px;
	font-size: 220%;
	}
	
body#kontakt h2 {
	font-size: 130%;
	font-weight: 300;
}

.przycisk {
	
	margin: 5px 0;
	padding: 3px;
	background:#0066CC;
	border: none;
	color: #FFF;
	cursor: pointer;
	}
	
.przycisk:hover {
	background-color: #001d83;
}
	
form label {
	display: block;
	color:#fff;
	padding: 5px 0;
	}
	
body#kontakt span {
	display: block;
	margin: 5px 0;
}

.tel {
	color: #0968F8;
	font-size: 130%;
	
}

.email {

}

.gg {

}

p.uwaga {
	color: #fff;
	font-size: 80%;
}

#message {
	background: #ffe73b url(img/x.gif) top right no-repeat;
	margin: 0 auto;
	padding: 10px;
	font-size: 150%;
	color: #000;
	font-weight: bolder;
	text-align:center;
	z-index: 1;
	position: fixed;
	top: 50%;
	border: 5px solid #000;
	width: 400px;
	
	}
	
#message onclick {
	display: none;
	
	}


/* @KLASA CLEAR FIX */
.clearFix:after {
 content: ".";
 visibility: hidden;
 clear: both;
 display: block;
 height: 0;
}
.clearFix {display: inline-table;}
/* lewy ukośnik ukrywa kod przed przeglądarką IE dla komputerów MAC \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
element { color: white; }
/* KONIEC KLASY CLEAR FIX */