html, body {
  height: 100%;
  min-width:769px;
}

body {
 padding:0;
 margin:0;
 text-align:center;
 font-family:"trebuchet ms", trebuchnet, verdana, tahoma, arial, geneva, sans-serif;
 font-size:100%;
 background-color:#5C2F03;
 background-image:url("images/bg.gif");
 background-repeat:repeat-y;
 background-position:center top;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, p, ol, ul, address{
 padding:0;
 margin:0;
}


a {
 text-decoration:none;
 position:relative;
 font-weight:normal;
 text-decoration:underline;
 color:#BB2D20;
 /* outline:0; */
}

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

a:visited {
 color:#000;
}

blockquote {
 margin:0 18px 12px 18px;
 padding:0 10px 0 10px;
 border-left:5px solid #D8B481;
 font-size:1.1em;
 font-style:italic;
 color:#4B3F2D;
}

address {
 display:block;
 padding-bottom:12px;
 font-style:normal;
}

table {
 font-size:1em;
 margin-bottom:18px;
 color:#64533C;
 border-width:2px;
 border-style:solid;
 border-color:#FFE1A1 #F6D99B #F6D99B #FFE1A1;

}

acronym {
 cursor: help;
 text-decoration:none;
 border-bottom:1px dotted #333333;
 font-style:italic;
 letter-spacing:2px;
}


hr.cleaner {
 clear:both;
 height:1px;
 margin: -1px 0 0 0; padding:0;
 border:none;
 visibility: hidden;
}

.clear {
 clear:both;
}


#main  {
 text-align:left;
 position:relative;
 min-height:100%;
 margin:0 auto;
 background-color:#FFE1A1;
 background-image:url("images/bg.gif");
 background-repeat:repeat-y;
 background-position:center top;
 width:769px;
 font-size:.8em;
 /* color:#575F48; */
 color:#64533C;
}

h1 {
 font-size:1.2em;
}


/* BEGIN header styles */
#header, #header h1, #header h1 a {
 background-repeat:no-repeat;
 height:161px;
 margin:0;
 padding:0;
 display:block;
}

#header {
 background-image:url("images/header-bg.jpg");
}

#header h1 {
 background-image:url("images/header.jpg");
}

#header h1 a {
 background-image:url("images/logo.gif");
 background-position:24px 10px;
 text-indent:-999em;
 overflow:hidden;
}

#header h1 a span {
 position:absolute;
 left:-999em;
}
/* END header styles */


/* BEGIN footer styles */
#footer {
 width:100%;
 position: absolute;
 bottom: 0;
 clear:both;
 font-size:.85em;
 letter-spacing:2px;
 text-align:left;
 color:#A99265;
 padding-top:24px;
 background-image:url("images/footer.png");
 background-repeat:no-repeat;
 background-position:bottom left;
}

#footer a {
 color:#BB2D20;
 text-decoration:none;
}

#footer a:hover {
 color:#000;
}

#footer p {
 margin:0;
 padding:6px 8px 4px 24px;
}

#footer span.print {
 display:none;
}
/* END footer styles */



/* BEGIN menu styles */
#menu {
 float:left;
 width:176px;
}

#menu ul, #menu li {
 list-style-type:none;
 padding:0;
 margin:0;
 border:0;
 width:158px;
}

#menu li {
 float:left;
}

#menu li, #menu li a {
 height:22px;
 width:100%;
}

#menu li a {
 display:block;
 text-indent:-999em;
 overflow:hidden;
}

#menu li, #menu li a  {
 background-image:url("images/menu07.gif");
 background-repeat:no-repeat;
 background-position:-200px -400px;
}

#menu li a:hover {
 background-image:none;
}


li#nowosci {background-position:-158px 0;}
li#nowosci a {background-position:0 0;}
li#nowosci a.active  {background-position:-316px 0;}

li#ofederacji {background-position:-158px -22px;}
li#ofederacji a  {background-position:0 -22px;}
li#ofederacji a.active {background-position:-316px -22px;}

li#historia {background-position:-158px -44px;}
li#historia a {background-position:0 -44px;}
li#historia a.active {background-position:-316px -44px;}

li#kata {background-position:-158px -66px;}
li#kata a {background-position:0 -66px;}
li#kata a.active {background-position:-316px -66px;}

li#treningi {background-position:-158px -88px;}
li#treningi a {background-position:0 -88px;}
li#treningi a.active {background-position:-316px -88px;}

li#iogkf {background-position:-158px -110px;}
li#iogkf a {background-position:0 -110px;}
li#iogkf a.active {background-position:-316px -110px;}

li#galeria {background-position:-158px -132px;}
li#galeria a {background-position:0 -132px;}
li#galeria a.active {background-position:-316px -132px;}

li#linki {background-position:-158px -154px;}
li#linki a {background-position:0 -154px;}
li#linki a.active {background-position:-316px -154px;}

li#kontakt {background-position:-158px -176px;}
li#kontakt a {background-position:0 -176px;}
li#kontakt a.active {background-position:-316px -176px;}

li#terminarz {background-position:-158px -198px;}
li#terminarz a {background-position:0 -198px;}
li#terminarz a.active {background-position:-316px -198px;}

li#joga {background-position:-158px -220px;}
li#joga a {background-position:0 -220px;}
li#joga a.active {background-position:-316px -220px;}

li#przyjaciele {background-position:-158px -242px;}
li#przyjaciele a {background-position:0 -242px;}
li#przyjaciele a.active {background-position:-316px -242px;}

li#englishinfo {background-position:-158px -264px;}
li#englishinfo a {background-position:0 -264px;}
li#englishinfo a.active {background-position:-316px -264px;}

li#dziennik-budowy {background-position:-158px -286px;}
li#dziennik-budowy a {background-position:0 -286px;}
li#dziennik-budowy a.active {background-position:-316px -286px;}




li#znaczenie, li#znaczenie a, li#znaczenie a:hover {
 background-image:url("images/japansign01.gif");
 height:394px;
 background-repeat:no-repeat;
 background-position:48px 28px;
}
/* END menu styles */


#content {
 padding-bottom:36px;
 width:564px;
 float:left;
}

#content p {
 text-align: justify;
 padding:0;
 margin:0;
}

#content dl {
 padding-bottom:12px;
 list-style-type:square;
}

#content dt {
 font-family:verdana, "trebuchet ms", trebuchnet, tahoma, arial, geneva, sans-serif;
 color:#BD9E71;
 font-weight:bold;
 width:200px;
}

#content dl dd {
 display:block;
 padding:0 0 9px 12px;
}

#content dl.floated {
 float:left;
 width:280px;
}

#content h2, #content .news h2 {
 color:#BB2D20;
 font-family:verdana, "trebuchet ms", trebuchnet, tahoma, arial, geneva, sans-serif;
 font-size:1.1em;
 letter-spacing:1px;
 font-weight:bold;
 padding:2px 0 8px 0;
}

#content .news h2 {
 padding:2px 0 0 0;
}


#content .news h3, #content h3, #content .news h4, #content h4  {
 letter-spacing:1px;
 color:#BB2D20;
 font-size:1em;
 padding:0 0 8px 0;
}

#content .news h3 {
 color:#BD9E71;
 font-size:.9em;
}


#content .news h3, #content .news h4 {
 font-weight:normal;
 padding:0;
}

#content p {
 padding-bottom:10px;
}

#content div.news {
 clear:both;
}

#content div.news .last-element, #content .fancy {
 padding-bottom:54px;
 background-image:url("images/japansign02.gif");
 background-repeat:no-repeat;
 background-position:bottom center;
}

#content ul, #content ol {
 margin-left:16px;
 padding-left:16px;
 padding-bottom:12px;
}

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

#content ul li {
 background-image:url("images/bullet01.gif");
 background-repeat:no-repeat;
 background-position:0 4px;
 padding-left:16px;
}

#content a img {
 border:0;
}

#content a.plain {
 text-decoration:none;
}

#content img.fleft {
 float:left;
 margin:0 12px 12px 0;
}

#content img.fleft2 {
 float:left;
 margin:0 12px 32px 0;
}

#par10 {
 clear:both;
 text-align:center;
}

#par11 {
 margin-top:12px;
}

#par12 {
 padding-top:24px;
 text-align:center;
}


/* BEGIN Tables styles */
#content table {
 width:80%;
 margin:6px auto 18px auto;
 background-color:#BEA472;
}

#content table tbody td {
 background-color:#FFE1A1;
}

#content th, #content table .thead th {
 text-align:center;
 padding:1px 3px 1px 3px;
 font-size:.9em;
 border-width:1px;
 border-style:solid;
 border-color:#FFE8B6 #E7CC92 #E7CC92 #FFE8B6;
 letter-spacing:2px;
 background-color:#ECD095;
}

#content table tbody th {
 text-align:right;
 border:0;
 background-color:#FFE1A1;
 letter-spacing:normal;
}

#content table.t2 {
 width:93%;
}

#content table.t3 {
 margin-left:0;
 margin-right:0;
 width:568px;
}

#content table.t2 td {
 text-align:center;
}

#content table.t3 td {
 text-align:center;
 vertical-align:top;
 padding:5px 5px 12px 5px; 
}

#content table td.nowrap {
 white-space:nowrap;
}

#content table.t2 thead th {
 line-height:1em;
 padding:2px 3px 2px 3px;
}

#content tr.yellow td {
 background-color:#FFE610;
 color:#483C2B;
}

#content tr.green td {
 background-color:#0A8E4B;
 color:#322A1E;
}

#content tr.red td {
 background-color:#BB2D20;
 color:#000;
}
/* END Tables styles */

#content dl.dl2 dd {
 padding:0 0 4px 32px;
 margin:0;
 background-image:url("images/bullet01.gif");
 background-repeat:no-repeat;
 background-position:16px 4px;
}

#content dl.dl2 dt {
 padding-top:6px;
}

#content dl.dl3 dt {
 padding-bottom:4px;
}

#content dl.dl4 {
 padding-bottom:0;
 margin-bottom:0;
}

#content .welcome {
 text-align:center;
 font-size:1.4em;
}

#content dl.dl4 dd {
 padding:0;
 margin:0;
}

#content ul.col1, #content dl.col1 {
 float:left;
 width:280px;
}

#x56alpha {
 position:relative;
 top:3px;
}


/* BEGIN contact form styles */

#contactform,#contactform form, #contactform legend, #contactform p, #contactform fieldset, #contactform label {
 padding:0;
 margin:0;
 border:0;
}

#contactform fieldset {
 border:1px solid #BEA472;
}

#contactform legend {
 font-weight:bold;
 letter-spacing:2px;
 color:#64533C;
 margin:0 0 0 12px;
 padding:3px;

}

#contactform .text {
 margin:0;
 border:1px solid #BEA472;
 padding:4px 4px 4px 4px;
 background-color:#FFF6C4;
 background-position:right;
 color:#64533C;
}


#contactform .text:focus, #contactform .error .focus, .focus {
 margin:0;
 border:1px solid #000;
 background-image:none;
 background-color:#FFFF9B;
 background-color:#FFFAAC;
 background-color:#F3F3F3;
 padding:4px 4px 4px 4px;
 color:#000;
}

#contactform .error .text {
 border:1px solid #DD0000;
}

#contactform .error label, #content .error-info em {
 position:relative;
 font-weight:normal;
 font-style:normal;
 color:#BB2D20;
 border-left:11px solid #BB2D20;
 padding:3px;
}

#contactform, #info-box {
 width:470px;
}

#contactform p {
 padding:11px 11px 2px 11px;
}

#contactform label {
 padding:3px;
 float:left;
}

#contactform input {
 display:block;
 clear:both;
}

#contactform fieldset fieldset {
 margin:11px;
 padding:0 0 11px 0;
}

#contactform textarea {
 width:436px;
 height:300px;
 font-family:verdana, sans-serif;
 font-size:1em;
}

input#subject {
 width:436px;
}

input#name, input#email {
 width:300px;
}

#contactform p.submit {
 padding:0 0 8px 0;
 clear:both;
 text-align:center;
}
 
input#submit {
 display:inline;
 clear:none;
 width:160px;
 height:17px;
 background-image:url("images/send02.gif");
 background-repeat:no-repeat;
 background-position:0 0;
 border:0;
 cursor:pointer;
 font-size:1px;
 text-align:left;
 color:#FFE1A1;
}

input#submit:hover {
 background-position:-161px 0;
}

#info-box p, #info-box2 p  {
 border:1px solid #BB2D20;
 padding:12px;
 background-image:url("images/tbg.gif");
 background-repeat:repeat-y;
 margin:12px 0 16px 0;
}

#info-box2 p {
 margin-top:0;
}

#info-box.info p {
 border:1px solid #BEA472;
}

#info-box.info {
 width:auto;
}

#contactform {
 margin-bottom:18px;
}

/* END contact form styles */

/* BEGIN Image gallery styles */
#conent ul.gallery {
 width:500px;
 text-align:left;
}

#content ul.gallery, #content ul.gallery li {
 margin:0;
 padding:0;
 border:0;
 list-style-type:none;
}

#content ul.gallery li, #content ul.gallery li a {
 background-repeat:no-repeat;
}

#content ul.gallery li {
 float:left;
 width:125px;
 height:125px;
 background-position:center center;
 background-image:none;
}

#content ul.gallery li a {
 outline:0;
 display:block;
 width:125px;
 height:125px;
 text-indent:-999em;
 background-position:-125px 0;
 background-image:url("images/gall.gif");
}

#content ul.gallery li a:hover {
 background-position:0 0;
}

#content ul.gallery  {
 margin-left:32px;
}
/* END Image gallery styles */


a.min01 {
 display:block;
 height:132px;
 width:105px;
 background-repeat:no-repeat;
 background-position:-105px 0;
 background-image:url("images/min01.gif");
}


a.min01:hover {
 background-position:0 0;
}

#opinia {
 text-align:center;
 font-size:.9em;
}

#opinia a {
 margin:0 auto;
}

#content .t4 td {
 width:280px;
}

#content .em1 {
 font-weight:bold;
 font-size:1.2em;
 text-align:center;
 padding-bottom:24px;
 padding-top:16px;
}

blockquote.top {
 margin-top:12px;
}

blockquote.bottom {
 margin-bottom:0;
 padding-bottom:0;
}


#content blockquote p.citeauthor {
 text-align:right;
 padding-top:0;
 margin-top:0;
 font-weight:bold;
}

.center {
 text-align:center;
}

#popup {
	position: absolute;
	top: 180px;
	left: 72px;
	z-index: 90;
 width: 620px;
 border:1px solid #F3F3F3; 
	background-color: #D8B481;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;

	}


#popup div {
 background-image:url("images/popup.jpg");
 background-repeat:no-repeat;
 background-position:top right;
 font-weight:bold;
 padding:22px 62px 12px 32px;
 border:10px solid #FFF;
 color:#3F3426;
 font-size:1.2em;
}

#popup p {
 text-align:left;
}

#popup .close {
 padding:12px 0; 
 margin:0;
 text-align:center;
}

#popup .close a {
 font-weight:bold;
 font-size:1.2em;
}

#popup .close a:visited {
 color:#BB2D20;
}

#popup h3 {
 display:none;
}
.news #popup p.last-element {
 padding-bottom:0;
 background-image:none;
}

#popup1 .close {
 display:none;
} 


#content p.em2 {
 font-weight:bold;
 padding:12px;
 border:3px solid #FFF;
 color:#3F3426;
 background-color: #D8B481;
 text-align:left;
}


#content .news dl.last-element {
 padding-bottom:28px;
}

#content .spec1 {
 border:1px solid #BB2D20;
 padding:12px;
 background-image:url("images/tbg.gif");
 background-repeat:repeat-y;
 margin:12px 0 16px 0; 
 
}

#content dl.image {
 padding:0;
 margin:0;  
}

#content dl.left {
 float:left;
}



#content dl.image *, #content ul.image1 * {
 padding:0;
 margin:0;
 width:auto;
}

#content ul.image, #content ul.image li  {
 background-image:none;
}

#content ul.image li  {
 float:left;
 padding:8px 8px 12px 0;   
}

#content ul.image li img {
 display:block;
}


#content dl.image dt {
 text-align:center;
}

#content dl.image dd {
 text-align:center;
 font-size:11px;
 font-weight:bold;
 position:relative;
 top:-7px;
}


#content #image1 {
 padding:0 26px 12px 120px;
 width:150px;
}

#content #image2 {
 width:150px;
}



#content #image-container1 li.first, #content #image-container3 li.first {
 padding-left:48px;  
}


#content #image-container2 li.first {
 padding-left:124px;  
}


#content #image-container2  li  {
 padding:0px 8px 12px 0;   
}


#link1 {
 float:left;
 position:relative;
 top:-4px;  
}

#link1 img {
 margin:12px 0 0 12px;
}

a.mini {
 display:block;
 background-repeat:no-repeat;
}

a.min03 {
 width:87px;
 height:107px;
 background-position:-87px 0;
 background-image:url("images/min03.gif");
}

a.min04 {
 width:87px;
 height:87px;
 background-position:-87px 0;
 background-image:url("images/min04.gif");
}

a.min06 {
 width:342px;
 height:99px;
 background-position:-342px 0;
 background-image:url("images/min06.gif");
}

a.min07 {
 width:157px;
 height:101px;
 background-position:-157px 0;
 background-image:url("images/min07.gif");
}

a.min08 {
 width:101px;
 height:101px;
 background-position:-101px 0;
 background-image:url("images/min08.gif");
}

a.mini:hover {
 background-position:0 0;
}


#content #image3 {
 padding:0 8px 12px 140px;
 width:140px;
}

#content #image4 {
 width:140px;
}


#content ul.gallery img {
 width:1px;
 height:1px;
}
  
#content #par13 {
 padding-top:12px;
}


#par14 a {
 text-align:center;
 margin:0 auto;
}

#content #par10, #content #par12 {
 text-align:center;
}

#content #par10 {
 padding-bottom:24px;
}

iframe {
 border:1px solid #BEA472;
}



#par15 a, #par16 a {
 text-align:center;
 margin:0 auto;
}

#content #par17 {
 width:500px;
 margin:0 auto;
}

#par17 a {
 float:left;
 margin-left:80px;
 margin-bottom:32px;
}


#content ul.gallery li#ruyzo-fukuhara001 {
 background-position:-15px 10px;
 background-image:url("galeria/warsztaty/ruyzo-fukuhara/ruyzo-fukuhara001tn.jpg");
}
#content ul.gallery li#ruyzo-fukuhara002 {
 background-position:-14px 16px;
 background-image:url("galeria/warsztaty/ruyzo-fukuhara/ruyzo-fukuhara002tn.jpg");
}

#content #ul3 {
 margin-left:154px;
}


#par15 a {
 text-align:center;
 margin:0 auto;
}

#content div.gallery-navigation {
 position:relative;
 padding:0;
 margin:0 0 10px 0;
 border:1px solid #BEA472;
 height:1.5em; 
 border-color:#FFE8B6 #E7CC92 #E7CC92 #FFE8B6;
 background-color:#ECD095;
}

#content div.gallery-navigation ul {
 margin:0;
 padding:0;

}

#content div.gallery-navigation li {
 background-image:none;
 margin:0;
 padding:0;
 float:left;
 width:50%;
 text-align:right;
}

#content div.gallery-navigation li a {
 padding:0px 5px;
 text-decoration:none;
}

#content div.gallery-navigation li.first {
 text-align:left;
}

#content ul.gallery-list {
 margin-top:12px;
}
            
#content ul.gallery-list li.active a {
 font-weight:bold;
}            

#content div.gallery-navigation p {
 position:absolute;
 width:100px;
 text-align:center;
 top:0px;
 left:230px;
}

#page_galeria h3 {
 padding-bottom:0;
 padding-top:6px;
}