﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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: #361404;
 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: url(/_p/gfx/top_bg.gif) repeat-x #451905;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#wrapper
~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper {
 margin: 0 auto;
 width: 939px;
 overflow: hidden;
}
/*~~~~~~~~~~~~~~~~~~~~~
=#top
~~~~~~~~~~~~~~~~~~~~~~~*/
#top {
 float: left;
 width: 939px;
 overflow: hidden;
 position: relative;
}
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: 654px;
 padding: 24px 0 0 0;
 overflow: hidden;
}
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: 81px;
 background: url(/_p/gfx/m_onas.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item2 a {
 width: 76px;
 background: url(/_p/gfx/m_szkolenia.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item3 a {
 width: 76px;
 background: url(/_p/gfx/m_metody.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item4 a {
 width: 76px;
 background: url(/_p/gfx/m_terapia.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item5 a {
 width: 74px;
 background: url(/_p/gfx/m_kontakt.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item7 a {
 width: 74px;
 background: url(/_p/gfx/m_pilates.jpg) center 8px no-repeat;
}
ul#main_menu li.menu_item8 a {
 width: 99px;
 background: url(/_p/gfx/m_neurologia.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#main_menu li.menu_item6 a.active, ul#main_menu li.menu_item6 a:hover {
 background: url(/_p/gfx/mo_forum.jpg) center 0px no-repeat;
}

ul#main_menu li.menu_item7 a.active, ul#main_menu li.menu_item7 a:hover {
 background: url(/_p/gfx/mo_pilates.jpg) center 0px no-repeat;
}

ul#main_menu li.menu_item8 a.active, ul#main_menu li.menu_item8 a:hover {
 background: url(/_p/gfx/mo_neurologia.jpg) center 0px no-repeat;
}

ul#main_menu li.menu_item6 a {
 width: 86px;
 background: url(/_p/gfx/m_forum.jpg) center 8px 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;
 overflow: hidden;
 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: right;
 width: 675px;
 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 5px 25px;
 background: url(/_p/gfx/bullet.gif) 0 2px no-repeat;
 zoom: 1;
}
#main ul ul {
 margin-top: 15px;
}
#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;
 overflow: hidden;
}
#sub ul {
 width: 217px;
 overflow: hidden;
 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;
}
#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;
 overflow: hidden;
 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: 10px 10px 5px 10px; margin-bottom: 1em; 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; }

.photo-left {
	background: #FFEFCF;
	overflow: hidden;
	zoom: 1;
	padding: 5px;
	font-size: 11px;
	margin: 0 10px 2px 0;
	width: 400px;
	float: left;
}

.three-photos { overflow: hidden; zoom: 1; margin-bottom: 1em; padding: 0 50px; }
.three-photos div {
	width: 150px;
	float: left;
	margin: 0 10px;
	background: #FFEFCF;
	padding: 5px;
	text-align: center;
}
.three-photos img { display: block; margin: 0 auto !important; float: none !important; }
#photo {
	display: block;
	position: relative;
	margin: 15px 0;
	text-align: center;
	clear: both;
	height: 400px;
}
#photo img { float: none; }
#photo img.gallery-photo { border: 3px solid #D9BA7D; }
#loading { 	display: none; position: absolute; top: 30%; left: 50%; margin-left: -20px; padding-top: 40px; }
.nav-gallery { width: 190px; margin: 0 auto; }

.slide { position: relative; margin-bottom: 20px; }
.slide-left {
	position: absolute;
	left: 0;
	top: 5px;
	width: 28px;
	height: 113px;
	text-indent: -9999px;
	background: url(/_p/gfx/left.gif) 0 0 no-repeat;
}
.slide-right {
	position: absolute;
	right: 0;
	top: 5px;
	width: 28px;
	height: 113px;
	text-indent: -9999px;
	background: url(/_p/gfx/right.gif) 0 0 no-repeat;
}
* html .slide-right { right: 20px; }
.mask { overflow: hidden; width: 600px; margin: 0 auto; }
.mask li { display: inline; background: none !important; padding: 0 !important; }
.mask li a img { border: 3px solid #D9BA7D; zoom: 1; }
.mask li a:hover img { border: 3px solid #2E0A06; zoom: 1; }

.table-info td { background: #bad532; text-align: center; font-weight: bold; padding: 3px; }
.table-info td.empty { background: none; }
.foto { border: 3px solid #D9BA7D; }
.clearli { overflow: hidden; zoom: 1; }

#banner_fly {
    position: absolute;
    margin-top: -207px;
    top: 50%;
    left: 50%;
    margin-left: -218px;
    z-index: 200;
    padding: 10px 10px 10px 10px;
    background: #541F07;
    width: 437px;
    height: 413px;
}
#banner_fly a { clear: both; display: block; color: #FCF1DD; }
.banner_zamknij { text-align: right; padding-bottom: 8px; }

.pilates-site { overflow: hidden; zoom: 1; background: #ffffff; }
.pilates-site .left-side { float: left; width: 430px; padding: 10px; }
.pilates-site .right-side { float: right; width: 449px; padding: 10px; }

.instruktorki { background: #BAD532 url("/_p/gfx/odpierwszego.jpg") right 20px no-repeat; overflow: hidden; zoom: 1; padding-bottom: 20px; }
.instruktorki cite { font-size: 12px; padding: 10px; display: block; line-height: 1.5em; }
.instruktorki em { clear: both; display: block; width: 400px; text-align: right;  }
.instruktorki img { margin: 0 !important; }

strong.green { color: #bad532; }
strong.orange { color: #faa01c; }

.cennik { background: #bad532 url(/_p/gfx/pierwsze.jpg) right 25px no-repeat; padding: 10px; line-height: 2em; margin-top: 15px; }
.cennik h3 { color: #ffffff; }
h3.green { color: #bad532; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; }

.osoby li { overflow: hidden; zoom: 1; }


#lekarze_container { clear: both; margin-bottom: 10px; overflow: hidden; zoom: 1; margin-top: 10px; padding-top: 10px; }
#lekarze_container h2 {
    float: left !important; margin-right: 20px !important; position: relative; top: 45px; color: #9f6f59;
    font-family: Arial;
    font-size: 18px;
    margin-left: 15px;
}
.lekarz { float: left; width: 370px; padding: 10px; background: #D9BA7D; margin-right: 4px;  }
.lekarz strong { color: #fff; font-size: 14px !important; margin: 0 0 1em 0 !important; color: #361404; display: block; }
.lekarz a { color: #FFFAEF; }
#nowosc {
    position: absolute;
    top:39px;
    right:275px;
    background: url('/_p/gfx/nowosc.gif') 0 0 no-repeat;
    width: 51px;
    height: 26px;
}

.withstrong strong { display: block; clear: both; margin-bottom: 0.5em; }
.withstrong em { display: block; height: 55px; float: left; margin-right: 20px; }