/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

23.11.2007                   
Kodowanie: Tomasz Piłat      

Sections:
GLOBAL STYLES
GLOBAL CLASSES

footer                              

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
 margin: 0;
 padding: 0;
 border: 0;
}
legend {
	display: none;
}
a {
 text-decoration: none;
 color: #1D1C1C;
 font-weight: normal;
}
a:hover {
 text-decoration: underline;
}
img, fieldset {
 border: none;
}
ul {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 1.2em;
 font-weight: bold;
 font-family: "Trebuchet MS", Arial, sans-serif;
}
body {
 padding: 0;
 background: #ffffff;
 color: #1D1C1C;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 11px;
 line-height: 1.3em;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#top_container
~~~~~~~~~~~~~~~~~~~~~~~*/
#top_container {
 padding: 12px 0 0 0;
 margin: 0 auto;
 width: 100%;
 clear: both;
 background: #ffffff;
}	
/*~~~~~~~~~~~~~~~~~~~~~
=#wrapper	
~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper {
 margin: 0 auto;
 width: 939px;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#top
~~~~~~~~~~~~~~~~~~~~~~~*/
#top {
 float: left;
 width: 939px;
 overflow: hidden;
 display: none;
}
ul#navi_menu {
 float: right;
 height: 40px;
 overflow: hidden;
}
ul#navi_menu li {
 float: left;
 padding: 0 0 10px 23px;
}
ul#navi_menu li a {
 float: left;
 padding: 0 0 0 18px;
 color: #A75A36;
 text-decortaion: underline;
}
ul#navi_menu li.homepage a {
 background: url(/_p/gfx/homepage_ico.gif) 0 1px no-repeat;
}
ul#navi_menu li.sitemap a {
 background: url(/_p/gfx/sitemap_ico.gif) 0 2px no-repeat;
}
#top h1 {
 float: left;
 width: 256px;
 height: 108px;
 padding: 2px 0 4px 0;
}
#top h1 a {
 display: block;
 height: 108px;
 background: url(/_p/gfx/logo.jpg) no-repeat;
 text-indent: -9999px;
 outline: none;
}
ul#main_menu {
 float: right;
 margin: 0;
 height: 35px;
 overflow: hidden;
 clear: right;
 width: 542px;
 padding: 24px 0 0 0;
}
ul#main_menu li {
 float: left;
 padding: 0 0 0 2px;
 margin: 0 0 0 -1px;
 background: url(/_p/gfx/menu_sep.gif) left 2px no-repeat;
}
ul#main_menu li a {
 float: left;
 height: 35px;
 text-indent: -9999px;
 outline: none;
}
ul#main_menu li.menu_item1 a {
 width: 106px;
 background: url(/_p/gfx/m_onas.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item2 a {
 width: 111px;
 background: url(/_p/gfx/m_szkolenia.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item3 a {
 width: 111px;
 background: url(/_p/gfx/m_metody.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item4 a {
 width: 110px;
 background: url(/_p/gfx/m_terapia.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item5 a {
 width: 99px;
 background: url(/_p/gfx/m_kontakt.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item1 a.active, ul#main_menu li.menu_item1 a:hover {
 background: url(/_p/gfx/mo_onas.jpg) center 0px no-repeat;
}
ul#main_menu li.menu_item2 a.active, ul#main_menu li.menu_item2 a:hover {
 background: url(/_p/gfx/mo_szkolenia.jpg) center 0px no-repeat;
}
ul#main_menu li.menu_item3 a.active, ul#main_menu li.menu_item3 a:hover {
 background: url(/_p/gfx/mo_metody.jpg) center 0px no-repeat;
}
ul#main_menu li.menu_item4 a.active, ul#main_menu li.menu_item4 a:hover {
 background: url(/_p/gfx/mo_terapia.jpg) center 0px no-repeat;
}
ul#main_menu li.menu_item5 a.active, ul#main_menu li.menu_item5 a:hover {
 background: url(/_p/gfx/mo_kontakt.jpg) center 0px no-repeat;
}
ul#site_navi {
 float: left;
 clear: both;
 width: 939px;
 overflow: hidden;
 border-top: 1px solid #651208;
 padding: 20px 0 17px 0;
 margin: 0 0 0 -3px;
 color: #D9BA7D;
}
ul#site_navi li {
 float: left;
 padding: 0 10px 0 15px;
 background: url(/_p/gfx/navi_sep.gif) 0 4px no-repeat;
}
ul#site_navi li a {
 color: #A75A36;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#content
~~~~~~~~~~~~~~~~~~~~~~~*/
#content {
 float: left;
 width: 939px;
 padding: 0 0 3px 0;
}
#content p {
 padding: 0 0 1em 0;
}
#content img {
 float: left;
 margin: 0 10px 10px 0;
}
#content strong {
 font-size: 1.0em;
 font-weight: bold;
}
#content small {
 font-size: 1.0em;
 font-weight: normal;
 font-style: normal;
}
#content em {
 font-size: 1.0em;
 font-style: italic;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#main
~~~~~~~~~~~~~~~~~~~~~~~*/
#flash_container {
 float: left;
 clear: both;
 width: 926px;
 height: 446px;
 padding: 7px;
 background: #651208;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#main
~~~~~~~~~~~~~~~~~~~~~~~*/
#main {
 float: left;
 width: 600px;
 min-height: 350px;
 padding: 15px 23px 30px 23px;
 margin: 1px 0 0 0;
 background: #FFF;
 font-size: 12px;
 line-height: 1.5em;
 text-align: justify; 
 position: relative;
}
#main ul {
 padding: 0 0 0px 0;
}
#main ul.left, #main ul.right { 
	margin-top: 1em;
	width: 270px; 
	text-align: left !important;
}
#main ul li {
 padding: 0 0 10px 25px;
 background: url(/_p/gfx/bullet.gif) 0 2px no-repeat;
}
#main ol { margin-left: 20px; }
#main li { margin-bottom: 1em; }
#main a { color: #0D6F6D; }
#main h3 { margin-bottom: 0.5em; }
#main a:hover { text-decoration: underline; }

#main h2 {
 font-size: 21px;
 padding: 0 0 10px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#sub
~~~~~~~~~~~~~~~~~~~~~~~*/
#sub {
 float: left;
 width: 217px;
 color: #FFF;
 display: none;
}
#sub ul {
 width: 217px;
 clear: both;
 margin: 0 0 1px 0;
}
#sub ul li {
 float: left;
 width: 217px;
 clear: both;
 margin: 1px 0 0 0;
}
#sub ul li a {
 display: block;
 padding: 10px 20px 10px 22px;
 width: 175px;
 color: #FCF1DD;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 font-family: Arial, Tahoma, sans-serif;
 background: url(/_p/gfx/menu_arrow.gif) 10px center no-repeat #611208;
}
#sub ul li a:hover {
 color: #D9BA7D;
 text-decoration: none;
 background: url(/_p/gfx/menu_arrow.gif) 10px center no-repeat #551007;
}
#sub ul li a.active { 
	color: #551007;
	background: url(/_p/gfx/menu_arrow.gif) 10px center no-repeat #EFE4D2;
	font-weight: bold;
}
#sub ul ul {
 margin: 0 !important;
}
#sub ul ul li a {
 padding: 10px 0 10px 35px !important;
 width: 182px !important;
 background: url(/_p/gfx/menu_arrow.gif) 23px center no-repeat #3B0D07 !important;
}
#sub ul ul li a:hover {
 background: url(/_p/gfx/menu_arrow.gif) 23px center no-repeat #2E0A06 !important;
}
#sub div {
 width: 116px;
 padding: 14px 6px 10px 95px;
 clear: both;
 float: left;
 margin: 1px 0 0 0;
 min-height: 70px;
 height: auto !important;
 line-height: 1.5em;
 height: 70px;
}
#kontakt_box {
 background: url(/_p/gfx/box_bg1.jpg) 0 bottom no-repeat #D9BA7D;
}
#kontakt_box h3 {
 background: url(/_p/gfx/h2_kontakt.gif) no-repeat;
}
#gabinet_box {
 background: url(/_p/gfx/box_bg2.jpg) 0 bottom no-repeat #D9BA7D;
}
#gabinet_box h3 {
 background: url(/_p/gfx/h2_gabinet.gif) no-repeat;
}
#metody_box {
 background: url(/_p/gfx/box_bg3.jpg) 0 bottom no-repeat #D9BA7D;
}
#metody_box h3 {
 background: url(/_p/gfx/h2_metody.gif) no-repeat;
}
#sub div h3 {
 text-indent: -9999px;
 height: 19px;
 padding: 0 0 10px 0;
}
#sub div a {
 color: #9F6F59;
}
#sub div a span {
 color: #FCF1DD;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#footer_container
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer_container {
 margin: 0 auto;
 width: 100%;
 clear: both;
 background: url(/_p/gfx/footer_bg.gif) repeat-x;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
 clear: both;
 overflow: hidden;
 padding: 10px 0 5px 0;
 width: 939px;
 margin: 0 auto;
 display: none;
}
#footer h2 {
 float: left;
 width: 100px;
 height: 60px;
 padding: 40px 20px 0 0;
 text-indent: -9999px;
 background: url(/_p/gfx/h2_zaufali.gif) 15px 40px no-repeat;
}
#footer ul {
 float: left;
 width: 819px;
}

#footer ul li {
 float: left;
 padding: 0 0 10px 25px;
}
#footer ul li a {
 float: left;
 height: 100px;
 outline: none;
}
#footer .footer-menu li { padding: 0 20px 10px 0; margin: 0; }
#footer .footer-menu a { height: auto !important; }

#footer div {
 background: #541F07;
 clear: both;
 width: 923px;
 padding: 8px;
 color: #6C4736;
}

div#logos 
{ 
	float: right;
	width: 805px;
	background: none;
	clear: none;
	padding: 0px;
}
#footer div a {
 color: #8C5F4A;
}
p#copyright {
 float: left;
 clear: both;
 width: 500px;
}
p#author {
 float: right;
  width: 150px;
}
/*~~~~~~~~~~~~~~~~~~~~~
=GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
.left {
 float: left;
}
.right{
 float: right;
}
img.left {
 float: left !important;
 margin: 0 0 10px 10px !important;
}
img.right {
 float: right !important;
 margin: 0 10px 10px 0 !important;
}
img.center {
 float: none !important;
 margin: 0 auto 10px auto !important;
}
.aright {
 text-align: right;
}
.acenter {
 text-align: center;
}
.txt { 
	border: 1px solid #D9BA7D; 
	padding: 2px; 
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	width: 230px;
}
#msg { width: 230px; height: 100px; }
.form label { float: left; width: 150px; }
.form div { margin: 5px 0; }
.sub { 
	background: #451905; 
	color: #ffffff; 
	font-size: 11px; 
	border: 1px solid #D9BA7D;
	padding: 5px 10px;
	text-transform: uppercase;
	font-family: Arial, Tahoma, sans-serif; 
}

.rightimg { 
	margin: 0 0px 0px 10px !important; 
	border: 3px solid #D9BA7D; 
	float: right !important; 
}

.sport, .ortopedia {
	height: 199px;
	width: 320px;
	margin: 0 0 1em 0;
	border: 3px solid #D9BA7D; 
	position: relative;
}

.sport h3, .ortopedia h3 { 
	background: #D9BA7D;
	width: 300px;
	padding: 10px;
	font-size: 20px;
	position: absolute;
	bottom: -13px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}
	
.sport { 
	float: right;
	background: url(/_p/gfx/sport.jpg) 0 0 no-repeat;
}

.ortopedia {
	float: left;
	background: url(/_p/gfx/ortopedia.jpg) 0 0 no-repeat;
}

.clear { display: block; clear: both; }

.box { background: #DFDAD1; padding: 0; margin-bottom: 0em; overflow: hidden; zoom: 1; }
.thumb { padding-left: 70px; background: #DFDAD1 url(/_p/gfx/thumb.gif) 8px 8px no-repeat; }
.info { padding-left: 70px; background: #DFDAD1 url(/_p/gfx/info.gif) 8px 8px no-repeat; }
.ok { padding-left: 70px; background: #DFDAD1 url(/_p/gfx/ok.gif) 3px 3px no-repeat; }
.contact { padding-left: 70px; background: #DFDAD1 url(/_p/gfx/contact.gif) 8px 8px no-repeat; }
.contact p { padding-bottom: 0.5em !important; }

.left-box { float: left; width: 320px;  }
.right-box { float: right; width: 320px; }

#print {
	position: absolute;	
	padding-left: 25px;
	background: url(/_p/gfx/printer.gif) 0 50% no-repeat;
	top: 20px;
	right: 24px;
}

ul#tools { 
	float: right;
	right: 0;
	margin: 0;
	padding: 0;
}
#tools li { display: inline; background: none !important; padding: 0; }
#tools a { padding: 4px 0 4px 23px; }
#tools a#back { background: url(/_p/gfx/back.gif) 0 50% no-repeat; }
#tools a#up { background: url(/_p/gfx/up.gif) 0 50% no-repeat; }
ul li { list-style: circle !important; }



