@font-face {
    font-family: 'titanone';
    src: url('fonty/titanone-regular-webfont.eot');
    src: url('fonty/titanone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/titanone-regular-webfont.woff') format('woff'),
         url('fonty/titanone-regular-webfont.ttf') format('truetype'),
         url('fonty/titanone-regular-webfont.svg#titan_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*body, div, p, cite, a, table, tbody, th, tr, td, h1, h2, h3, h4, h5, h6, ul, li*/
* {
	font-family: Arial, Verdana, sans-serif;
	color: #5c2700;
	}

body {
	background-image: url(simbatlo.png);
	background-repeat: repeat;	
	}
	
body {
		margin-left: auto;
		margin-right: auto;
	}

p {
	text-align: justify;
	}

hr {
	border: none;
	background-color:#5c2700;
	color:#5c2700;
	height: 2px;
	width: 80%;
	}

h1.jak_h3 {
	font-size: 1.2em;
	padding-top: 0.1em;
}

h1.jak_h2 {
	font-size: 1.5em;
	padding-top: 0.3em;	
}
	
a {
	text-decoration: none;
	color: #5c2700;	
	}	

a:link a:visited {
	border: none;
	text-decoration: none;
	color: #5c2700;	
	}
	
	
a:hover{
	border-bottom: 1px dotted;
	text-decoration: none;
	}
	
ul li a:hover {
	border-bottom: 1px dotted;
	text-decoration: none;	
	}
	


.wciecie {
	padding-left: 2em;
	}
	
.wciecie2 {
	padding-left: 4em;
	}

.wciecie3 {
	margin-left: auto;
	margin-right: auto;
}

.male {
	font-size: 90%;
	}
	
.pogrub {
	font-weight: bold;	
	}
	
.podkresl {
	text-decoration: underline;
}
.pochyl {
	font-style: italic;
}
	
.centruj {
	text-align: center;	
	}
.prawa {
	text-align: right;	
	}
	
.z_prawej {
	float: right;
}
	
.poziomy {
	margin-top: 3em;
}

.czerwony {
	color: #d00000;	
	}

.czerwony_pogrub {
	color: #d00000;
	font-weight: bold;
	}
	
.zielony {
	color: #006600;	
	}
	
.zielony_pogrub {
	color: #006600;
	font-weight: bold;	
	}	
	
.zolty {
	color: yellow;	
	}
	
.zolty_pogrub {
	color: yellow;
	font-weight: bold;	
	}
	
.kontakt {
	background-image: url(kontakt.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.oferta {
	background-image: url(oferta.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.home {
	background-image: url(home.png);
	background-position: top left;
	background-repeat: repeat-y;
}	

.aktualnosci {
	background-image: url(aktualnosci.png);
	background-position: top left;
	background-repeat: repeat-y;
}	

.cennik {
	background-image: url(cennik.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.formularz {
	background-image: url(formularz.png);
	background-position: top left;
	background-repeat: repeat-y;
}

td.korki {
	width: 50%;
}

caption.duzyopis {
padding-top: 10px;
padding-bottom: 10px;

}

.simba, .simba span {
    font-family: titanone;
}

.licznik {
	font-size: 150%;
	font-weight: bold;
	padding-top: 10px;	
	padding-bottom: 10px;}


#tresc_strony {
	position: relative;
	width: 863px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	background-color: transparent;
	color: #000000;
	padding: 0;
	text-align: left;	
	}


#naglowek {
	position: absolute;
	top: 10px;
	left: 0px;
	height: 156px;
	width: 850px;
	border: 1px solid #ffffff;
	background-color: #f7bd1e;
	padding: 20px 25px 20px 0px;	
	}

#naglowek img {
    position:absolute;
    top:20px;
    left:0;
}

#naglowek h1 span, #naglowek h2  {
    font-family: titanone;
    color: #060;
}

#naglowek h1 {
    font-size: 100px;
    text-shadow: 3px 3px 3px #5c2700; 
    padding:0 0 0 340px;
    margin: -10px 0 0 0;
    letter-spacing:5px;
}

#naglowek h2 {
    font-size: 40px;
    text-shadow: 2px 2px 2px #ff6;
    padding:20px 0 0 210px;
    margin: -20px 0 0 0;
}

	
#notka {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 200px;
	top: 197px;
	}
	
#notka p {
	font-size: 75%;
	color: #ffffff;
	}

#nawigacja {
	position: absolute;
	top: 226px;
	left: 0px;
	width: 160px;
	/*height: 650px;*/	
	border: 1px solid #ffffff;
	background-color: #f7bd1e;;
	padding: 0px 20px 0px 20px;	
	}
	
#nawigacja ul {
	list-style: none;
	margin: 0;
	padding: 10px;
		
	}
	
#nawigacja ul li a {
	padding-top: 10px;
	font-weight: bold;
	display: block;
	color: #006600;
	}

#nawigacja ul li a img {
	border: none;
	}
	
#nawigacja ul ul {
	list-style-image:url(palma.png);
	margin-left: 10px;
	font-size: 90%;
}

#nawigacja ul ul ul {
	list-style-image:none;
	list-style-type: disc;
	margin:0 0 0 5px;
	padding:0;
}
	
#nawigacja ul ul li a:hover {
	border-bottom: 2px dotted #006600;
}

#nawi_obraz {
	position: relative;
	bottom: 0;
	left: -7px;
	margin-bottom: 2px;	
	}
	
#stopka {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: auto;
	background-color: transparent;
}

#stopka p {
	padding: 1px;
	margin: 0;
	font-family: "Courier New", courier;
	font-size: 0.8em;
	text-align: center;
	color: #5c2700;
}

#stopka p span#data {
	font-family: "Courier New", courier;
	font-size: 0.8em;
	color: #5c2700;	
}	


#zawartosc {
	position: absolute;
	top: 226px;
	left: 220px;
	width: 600px;
	/*height: 650px;*/
	border: 1px solid #ffffff;
	background-color: #f7bd1e;
	padding: 0px 20px 0px 35px;
	overflow: auto;	
	}
	
#zawartosc p a {
	color: #d00000;
}
	
	
#zawartosc ul {
	text-align: left;
	padding-left: 50px;
	margin-left: 0;
	}

#galeria h1 {
	clear: both;
}

#galeria ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}

#galeria ul li {
	display: inline;
	/*float: left;*/
	
}

#galeria {
	color: #ffffff;
}

#galeria a {
	text-decoration: none;
	border: none;
	}

#galeria a:link img, #galeria a:visited img {
	border:3px solid white;	
	margin:0 5px 5px 0;	
	}

#galeria a:hover img, #galeria a:active img {
	border:3px solid yellowgreen;;	
	}

	
#zawartosc table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

#zawartosc table caption {
	font-weight: bold;
	background-color:#5c2700;
	color: #f7bd1e;
}
	
#zawartosc table td, #zawartosc table th {
	text-align: justify;
	padding: 10px;
	border: 1px dotted #5c2700;
}

#zawartosc table td a.pobierz {
	border-bottom: none;
}

#zawartosc table td a:link img, #zawartosc table td a:visited img {
	border:2px solid transparent;
}

#zawartosc table td a:hover img {
	border:2px solid yellowgreen;
}

#zawartosc table th {
	text-align: center;
} 
	
#zawartosc table.cenniki {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

#zawartosc table.cenniki caption {
	font-weight: bold;
	/*font-size: 120%;*/
	background-color:#5c2700;
	padding: 3px;
	color: #f7bd1e;
}

#zawartosc table.cenniki td {
	text-align: center;
	padding: 10px;
	border: 1px dotted #5c2700;
}

#zawartosc table.lekcje td, #zawartosc table.lekcje th {
	text-align: center;
	padding: 2px;
	border: 1px dotted #5c2700;
	font-size: 0.8em
}

#zawartosc form table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

#zawartosc form table td {
	width: 50%;
	text-align: right;
	padding: 4px 10px 0px 10px;
	border: none;
}

#zawartosc form table td input, #zawartosc form table td textarea, #zawartosc form table td select {
	background-color: #f7bd1e;
	border: 1px dotted #5c2700;
}

#zawartosc form table td input:focus, #zawartosc form table td textarea:focus {background:yellow}

#zawartosc form table td input.guzik {
	background-color: #bbbbbb;
	border: 1px dotted #000000;
}

#zawartosc form table td.prkol {
	text-align: left;
}

#zawartosc form table td.dwkol {
	text-align: center;
}

#zawartosc form table td.drobny {
	font-size: 80%;
}