/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/

* { margin: 0; padding:0; border: 0;}

html { width: 100%; height: 100%;}

body { font: normal 18px/1.2em Georgia, "New Century Schoolbook", "Book Antiqua", "Lucida Fax", "Times New Roman", Times, Garamond, serif;  color: #a29662;background: #2f1308 url(img/bg.jpg);}

.fl { float: left;}
.fr { float: right;}

br.clear { clear: both; height: 1%;}


/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-size: 1.4em; font-weight: normal;}

h1 { line-height: 2em; margin: 10px 4px; color: #b8a556;}

h2 { font-size: 1.1em; color: #e48418; margin: 10px 0 5px 20px;}

h3 { font-size: 1em; color: #726c10;}

h4 { font-size: 0.8em;}

h5 { font-size: 0.6em;}

h6 { font-size: 0.4em;}


/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { font-size: 0.8em; line-height: 1.4em;	margin: 2em; background-color: transparent; z-index: 1;}

a, a:hover { text-decoration: none; color: #bfae62;}

ul { margin: 0 2.5em; padding: 0; }

ul li {	list-style-type: none; font-size: 0.8em;}
	
/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/
#bg { width: 100%; height: 167px; position: absolute; top: 0; z-index: 1;background: url(img/bg-top.png) 0 0 repeat-x;}

#logo { width: 900px; height: 147px; z-index: 12; background: transparent url(img/logo.png) 50% 50% no-repeat; position:absolute;right:12%;left:12%;top:0;}

#kontener { width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; background-color: transparent;}

#glowny { width: 900px; height: auto; margin: 0 auto; padding-bottom: 2em; position: relative; }

#naglowek { width: 900px; height: 146px; z-index: 1; }

#baner { width: 900px; height: 220px; margin: -24px auto 0; z-index: 1; background: transparent url(img/slajd.jpg) 50% 50% no-repeat;}

#baner .menu { width: 280px; height: 210px; margin: 0 auto; padding: 5px 0;}

#baner .slajd { width: 620px; height: 220px; }

#rotator { overflow: hidden; margin: 0 auto; width: 620px; height: 220px;}

#rotator img { width: 620px; height: 220px;}

#tresc { width: 900px; height: 100%; margin: 0 auto; padding: 0 0 20px;}

.wzor {  margin: 0 auto;  position:relative; width: 200px; height: 54px; background: transparent url(img/sep.png) 50% 0% no-repeat;}

#tresc .stgl { width: 290px; height: 100%; padding: 10px; color: #b8a556;}
#tresc .stgl.fl span { font-size: 1.4em; line-height: 1.2em; margin: 0px 0 20px; color: #e48418;}

#tresc .prawa { width: 620px; height: 100%; padding: 10px;}

#tresc .lewa { width: 235px; height: 100%;}

#stopka { width: 900px; height: auto; background-color: transparent; border-top: 1px solid #644e37; }

/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/

.menu ul { width: 280px; margin: 0 auto;}

.menu li { width: 280px; height: 0.8em; margin: 10px auto; text-align: center; font-size:0.8em;}

.menu li a { line-height: 1em; color: #bfae62;}

.menu li a:hover { color: #fff;}

.menu li.hrmenu { width: 250px; height: 10px; margin: 0 auto; background: transparent url(img/hrmenu.gif) 50% 50% no-repeat;}


div.boks.braz ul { width: 100%; margin: 0 auto; padding: 0; font-size: 1em; text-align: center;}

div.boks.braz ul li { margin: 0 10%; padding: 0 0.5em; background-image: none; border-bottom: 1px solid #55351b; text-align: left;}

div.boks.braz ul, div.boks.braz ul li a { color: #bfae62; }

div.boks.braz ul li a.on, div.boks.braz ul li a:hover { color: #fff;}

div.boks.braz strong.katmenu { margin-left: 10px; padding-left: 20px; line-height: 3em; background: transparent url(img/li-menu.gif) 0% 50% no-repeat; color: #e48418; text-align: left;}

/*
---------------------------------------------
 UKŁAD
---------------------------------------------
*/

blockquote { display: block; width: 460px; height: 112px; margin: 0.5em auto;  padding: 20px; line-height: 1.4em; background-color: #e2deca; color: #E6385B; background: transparent url(img/blockquote.png) 0 0 no-repeat; font-size: 1.2em; }

blockquote em { display: block; font-size: 0.6em;}

hr { margin: 1px auto; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; border: none;}

.sep { margin: 0 auto; text-align: center;}

hr.linia { width: 200px; height: 1px; background-color: #b8a556; color: #b8a556; margin: 8px auto;}


/*
---------------------------------------------
 BOKS
---------------------------------------------
*/

div.boks { width: 235px; height: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 0.8em; line-height: 1.6em;}

div.boks p { font-size: 1em; margin: 0 1em; padding: 0;}

div.boks em { display: block; font-size: 0.6em; margin: 0.5em 2em; line-height: 1.4em;}

div.boks strong { display: block; font-size: 1em; line-height: 1.2em;}

div.boks p strong { font-size: 1.5em;}

div.boks .top, div.boks .bottom, div.boks .bg { width: 235px; height: 20px; display: block; margin: 0; background-color: transparent; background-position: 0% 0%; background-repeat: no-repeat;}

div.boks .bg { margin: 0; height: 100%; background-repeat: repeat-y;}

div.boks.ziel { color: #b8a556;}
div.boks.ziel .top { background-image: url(img/boks-ziel-top.gif);}
div.boks.ziel .bottom { background-image: url(img/boks-ziel-bottom.gif);}
div.boks.ziel .bg { background-image: url(img/boks-ziel-bg.gif);}

div.boks.bez .top { background-image: url(img/boks-bez-top.gif);}
div.boks.bez .bottom { background-image: url(img/boks-bez-bottom.gif);}
div.boks.bez .bg { background-image: url(img/boks-bez-bg.gif);}

div.boks.bez a { color: #3d0c05;}
div.boks.bez a:hover {color: #8e2309;}

div.boks.braz .top { background-image: url(img/boks-braz-top.gif);}
div.boks.braz .bottom { background-image: url(img/boks-braz-bottom.gif);}
div.boks.braz .bg { background-image: url(img/boks-braz-bg.gif);}

div.boks .top { width: 235px; height: 20px; display: block; margin: 0; background-color: transparent; background-position: 0% 0%;}



#tresc .prawa li { padding-left: 20px; background: transparent url(img/li.gif) 0 0.8em no-repeat; line-height: 2em;}

#tresc .stgl ul li { padding-right: 20px; background: transparent url(img/li-ofe.gif) 100% 50% no-repeat; line-height: 2.5em; border-bottom: 1px solid #55351b; text-align: right;}
#tresc li h3 { text-transform: uppercase; color: #726c10; font-weight: bold;}

#tresc .stgl p { margin: 0 30px; color: #b8a556;}

#tresc .stgl a { display: block; padding: 20px; text-align: right; font-size: 0.6em; color: #b8a556;}

#tresc .stgl a:hover { color: #e4640d;}

#map { width: 350px; height: 320px; border: 2px solid #a29662;}

#kon { width: 250px; height: auto; }


#galeria a img { border: 5px solid #b8a556;}

#galeria a img { margin: 15px 5px;}

.foto { border: 5px solid #b8a556;  margin: 0px 15px;}

#stopka p { padding: 0 10px; font-size: 0.6em; color: #644e37; text-align: center;}

#stopka a, #stopka a:hover { margin: 0 2em; color: #644e37;}

/*
---------------------------------------------
 TABELE
---------------------------------------------
*/


table {	width: 90%;	margin: 1em auto;	border-collapse: collapse; font-size: 0.8em; color: #b8a556;}

td { color: #b8a556; padding: 1em 0.5em; text-align:center;}	
			
th { color: #b8a556; text-align:left;	padding: 1em; font-size: 0.8em;}	
						
thead th { text-align: center; font-size: 0.8em; color: #dbd6bf; border-bottom: 1px solid #6f644a;}	

tfoot th { text-align: center; font-size: 0.8em;}	

tr em { font-size: 0.8em; margin: 00; color: #dbd6bf; display: block; font-weight: normal;}

tr span { font-size: 0.8em; margin: 0 0.2em; height: 4em; color: #c59449; float:left;}