/* Start of CMSMS style sheet 'Podstawowy' */
/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
	* {margin: 0; padding: 0; border: 0;}	

	a {text-decoration: none; color: #e9ccdd; font-weight: bold; outline: none;}
	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;}

	body {padding: 0; background: #af7196; color: #e9ccdd; font-family: Tahoma, Verdana, sans-serif; font-size: x-small;}
	body.startpage {background: url(img/startpage_bg1.jpg) 0 0 repeat-x #d5aac5;}
	body.startpage.blue_bg {background: url(img/startpage_bg2.jpg) 0 0 repeat-x #9bc3e5;}

			.subpage h4 {font-size: 130% !important; font-weight: normal !important;}
.subpage h3 {padding-top: 15px;}
        .center {text-align:center;}
.none { font-weight: normal;}

#ggWidgetMainWindow #ggWidgetAutoAd {display: none; font-color: #B1CEEC; height: 0;}

.center {text-align:center;}
.center img {float:none !important;}
.center img:hover {cursor:Pointer;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#wrapper	
~~~~~~~~~~~~~~~~~~~~~~~*/
#bg_container {display: block; margin: 0; width: 100%; background: url(img/site_bg.jpg) repeat-x #d5aac5; position: relative; z-index: 10;}
#bg_container2 {display: block; margin: 0; width: 100%; background: url(img/footer_bg.gif) 0 bottom repeat-x;}
	#wrapper {margin: 0 auto; width: 987px; font-size: 110%;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#top
~~~~~~~~~~~~~~~~~~~~~~~*/
	#top_bg {float: left; width: 987px; position: relative; z-index: 20; background: url(img/top_bottom_bg.jpg) 0 bottom no-repeat;}
	#top {float: left; height: 437px; width: 987px;}
	body.startpage #top {height: auto; position: relative;}
		.top1 {background: url(img/top1_bg.jpg) 0px 0px no-repeat;}
		.top2 {background: url(img/top2_bg.jpg) 0px 0px no-repeat;}
		.top3 {background: url(img/top3_bg.jpg) 0px 0px no-repeat;}
		.top4 {background: url(img/top4_bg.jpg) 0px 0px no-repeat;}
		.top5 {background: url(img/top5_bg.jpg) 0px 0px no-repeat;}
		.top6 {background: url(img/top6_bg.jpg) 0px 0px no-repeat;}
		.top7 {background: url(img/top7_bg.jpg) 0px 0px no-repeat;}
		#top h1 {float: left; width: 403px; height: 221px; overflow: hidden; padding: 0 0 0 13px; }
			#top h1 a {display: block; width: 403px; height: 221px; background: url(img/logo.png) no-repeat; cursor: pointer;}
			#top h1 a span {display: none;}
		#top h2 {float: left; clear: both; width: 442px; height: 121px; background: url(img/top_slogan.png) no-repeat; overflow: hidden; margin: 0 0 31px 0;}
			#top h2 span {display: none;}
		
		body.startpage #top h1 {position: absolute; top: 85px; right: 10px;}
		#startpage_banner {float: left; width: 608px; height: 820px; position: relative;}
#startpage_banner h2 a {height:250px; width:530px; display:block;}
			#startpage_banner h2 {position: absolute; width: 527px; height: 237px; background: url(img/startpage_slogan.png) no-repeat; top: 417px; left: 0px;}
		#sidebar {float: left; width: 340px; overflow: hidden; padding: 231px 0 10px 0; color: #731f78; line-height: 1.4em;}

#sidebar .box_container a {position:relative; z-index:10; font-weight:normal;}

			#sidebar a {color: #731f78;}
			.box_top {float: left; clear: both; width: 322px; height: 46px; padding: 7px 0 0 18px; overflow: hidden; background: url(img/box_top_bg.png) no-repeat;}
				#top .box_top h2 {float: none; display: block; width: auto; height: auto; background: url(img/top_slogan.png) no-repeat; padding: 0 0 15px 0; margin: 0; overflow: hidden; zoom: 1; background: none; font-size: 26px; line-height: 28px; font-weight: normal; font-family: Monotype Corsiva, Georgia, Times, serif; font-style: italic;}
					#top .box_top h2 img {float: left; margin: 0 !important;}
			.box_middle {float: left; width: 304px; padding: 0 18px 0 18px; clear: both; background: url(img/box_middle_bg.png) no-repeat;}
				.box_middle p {padding: 0 0 10px 0;}
				.box_middle .box_container {position: relative; width: 304px; float: left;}
				.box_middle .bg_pic_promocje {position: absolute !important; bottom: -9px; right: -15px; width: 138px; height: 161px; background: url(img/bg_promocje.png) no-repeat; z-index: 1 !important;}
				.box_middle .bg_pic_zabiegi {position: absolute !important; bottom: -9px; right: -15px; width: 193px; height: 132px; background: url(img/bg_zabiegi.png) no-repeat; z-index: 1 !important;}
				.box_middle .bg_pic_kontakt {position: absolute !important; top: -51px; right: -15px; width: 153px; height: 148px; background: url(img/bg_kontakt.png) no-repeat; z-index: 1 !important;}
				.box_middle .bg_pic_kontakt_glowna {position: absolute !important; top: -51px; right: -15px; width: 153px; height: 148px; background: url(img/bg_kontakt_glowna.png) no-repeat; z-index: 1 !important;}

			.box_bottom {float: left; width: 340px; clear: both; height: 13px; background: url(img/box_bottom_bg.png) no-repeat; margin: 0 0 10px 0;}

#menu-main {position: relative; top: 14px;}

	ul#primary-nav li ul li a span {display:block !important;}		
	ul#primary-nav {float: left; clear: both; width: 845px; background: url(img/menu_bg.png) no-repeat; padding: 0 0 0 142px;}

		ul#primary-nav li {float: left; position: relative; }
			ul#primary-nav li a {float: left; height: 64px; cursor: pointer; color:#fefafe; }
				ul#primary-nav li#Salon a {width: 129px; background: url(img/menu-salon.png) no-repeat;}
					ul#primary-nav li#Salon ul, ul#primary-nav li#Salon ul li {width: 129px;}
					ul#primary-nav li#Salon ul {padding-top: 14px; top: 50px;}
					ul#primary-nav li#Salon ul ul {left: 129px;}
				ul#primary-nav li#Promocje a {width: 154px; background: url(img/menu-promocje.png) no-repeat;}
					ul#primary-nav li#Promocje ul, ul#primary-nav li#Promocje ul li {width: 154px;}
					ul#primary-nav li#Promocje ul ul {left: 154px;}
				ul#primary-nav li#Zabiegi a {width: 140px; background: url(img/menu-zabiegi.png) no-repeat;}
					ul#primary-nav li#Zabiegi ul, ul#primary-nav li#Zabiegi ul li {width: 140px; visibility:hidden;}
					ul#primary-nav li#Zabiegi ul ul {left: 140px;}
				ul#primary-nav li#Cennik a {width: 130px; background: url(img/menu-cennik.png) no-repeat;}
					ul#primary-nav li#Cennik ul, ul#primary-nav li#Cennikul li {width: 130px;}
					ul#primary-nav li#Cennik ul ul {left: 130px;}
				ul#primary-nav li#Kontakt a {width: 138px; background: url(img/menu-kontakt.png) no-repeat;}
					ul#primary-nav li#Kontakt ul, ul#primary-nav li#Kontakt ul li {width: 138px;}
					ul#primary-nav li#Kontakt ul {padding-top: 14px; top: 50px;}
					ul#primary-nav li#Kontakt ul ul {left: 138px;}
					
    ul#primary-nav li a:hover, ul#primary-nav li a.active, #primary-nav li:hover a {background-position: 0px -64px !important;}

			ul#primary-nav li a span {display: none;}
			
				ul#primary-nav li ul {position: absolute; float: left; top: 54px; left: 0; padding-top: 10px; background: #ABCCEA;}
					ul#primary-nav li ul li {float: left; clear: left;}
						ul#primary-nav li ul li a {background: none !important; float: none !important; height: auto !important; display: block; width: auto !important; line-height: 1.1em; padding: 4px 10px; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; zoom: 1; text-align: center; border-top: 1px solid #ABCCEA; border-bottom: 1px solid #ABCCEA;}
							ul#primary-nav li ul li a.active, ul#primary-nav li ul li a:hover {background: #95b9da !important; text-decoration: none; font-weight: bold; border-top: 1px solid #84acd0; border-bottom: 1px solid #84acd0;}
					ul#primary-nav li ul li ul {top: 0; padding-top: 0 !important;}
				ul#primary-nav li ul, ul#primary-nav li:hover ul ul, ul#primary-nav li.menuparenth ul ul, ul#primary-nav li ul li ul {display: none;}
				ul#primary-nav li.menuparenth ul, ul#primary-nav li:hover ul, ul#primary-nav li ul li:hover ul , ul#primary-nav li ul li.menuparenth ul{display: block;}
		
		
/*~~~~~~~~~~~~~~~~~~~~~
    =#content
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content {float: left; width: 987px; background: url(img/content_shadow.gif) repeat-y; overflow: hidden; position: relative; z-index: 10; line-height: 1.4em;}
		#content_bg {float: left; width: 960px; background: url(img/content_bottom_shadow.jpg) 0 bottom no-repeat; overflow: hidden; padding: 0 14px 13px 13px;}
		#content p {padding: 0 0 15px 0;}
		#content img {float: left; margin: 0 10px 10px 0;}
                .img img {background-color:#FBFFFF; border:1px solid #B1759B; margin:0 12px 12px 0 !important; padding:5px !important;}
		#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;}
		#sidebar ul, #content ul {padding: 0 0 10px 0;}
			#sidebar ul li, #content ul li {padding: 0 0 5px 25px; background: url(img/bullet.gif) 8px 5px no-repeat; overflow: hidden; zoom: 1;}
				#sidebar ul li, #content #sub ul li {padding: 0 0 0 18px; background: url(img/bullet2.gif) 4px 5px no-repeat;}
			#content ul ul {padding: 0;}
		#content ul.gallery {clear: both; width: 100%; overflow: hidden;}
			#content ul.gallery li {background: none; padding: 0 7px 7px 0; float: left;}
			#content ul.gallery li img {margin: 0;}
		#content h2 {padding: 0 0 15px; display: block; overflow: hidden; zoom: 1; background: url(img/h2_bg1.jpg) 0 bottom no-repeat; font-size: 20px; line-height: 28px; font-weight: normal; font-family: Georgia, Times, serif; font-style: italic;}
			#content h2 img {float: left; margin: 0 !important;}
			#content h2 a {font-weight: normal !important;}
			#content #sub h2 {background: none;}
			#content #sub h2 a {font-weight: normal !important;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#main
~~~~~~~~~~~~~~~~~~~~~~~*/
	#main {float: right; width: 616px; padding: 16px 26px 16px 26px; color: #8b2051; font-size:12px;}
		#main a {color: #8b2051 !important;}
                #main h2 { padding-left: 10px; margin-left: -10px; }
		#main h3 { padding: 0 0 17px 10px; margin-left: -10px; margin-bottom:8px; margin-top:10px; display: block; overflow: hidden; zoom: 1; background: url(img/h3_bg1.jpg) 0 bottom no-repeat; font-size: 17px; line-height: 1.1em; font-family: Georgia, Times, serif; font-style: italic; font-weight: normal;}

		#main h3.right {text-align: right; background: url(img/h3_bg1_right.jpg) right bottom no-repeat !important; width:100%;}

.tujestes {font-size: 9px; position: relative; margin-bottom: 4px;}

#body p.right {text-align: right !important;}
		.cols_container {display: block; clear: both; overflow: hidden; width: 100%; background: url(img/cols_separator.jpg) center center no-repeat;}
			.cols_container .col1 {float: left; width: 301px; }
			.cols_container .col2 {float: right; width: 280px; margin: 0;}

	#main table.cennik { padding-bottom: 10px; width: 508px; margin: 0 auto; }
        #main table.cennik h2 { padding-left: 10px; padding-top: 20px; margin-left: -30px; position: relative; z-index: 1000; }
        #main table.cennik h3 { text-align: center; background-position: center bottom; }
        #main table.cennik tr.item { margin-top: 100%; }
        #main table.cennik tr.item { width: 100%; }
        #main table.cennik td { margin: 0; padding: 0; vertical-align: middle; }
        #main table.cennik td p { line-height: 18px; }
        #main table.cennik td.td-left p {padding-left:20px; padding-right:6px; float: left;}
        #main table.cennik td.td-right p { padding-right: 20px; text-align: right; }

/*~~~~~~~~~~~~~~~~~~~~~
    =#sub
~~~~~~~~~~~~~~~~~~~~~~~*/
	#sub {float: left; width: 266px; padding: 7px 12px 0 14px; color: #731f78;}
		#sub a {color: #731f78;}
		#sub li a {font-weight: normal !important;}
		.subbox {width: 266px; clear: both; overflow: hidden; margin: 0 0 10px 0; background: url(img/subbox_middle.jpg) repeat-y;}
		.subbox .bg1 {width: 266px; float: left; background: url(img/subbox_bottom.jpg) 0 bottom no-repeat;}
		.subbox .bg1 .bg2 {width: 230px; padding: 6px 18px 0 18px; float: left; background: url(img/subbox_top.jpg) 0 0 no-repeat; position: relative; min-height:162px; height:auto !important; height:162px;}
			.subbox .bg1 .bg2 * {position: relative; z-index: 2;}
			.box_middle h3, .subbox .bg1 .bg2 h3 {padding: 15px 0 10px 0; font-size: 220%; line-height: 1.1em; letter-spacing: 2px;}
			.box_middle h4 a, .subbox .bg1 .bg2 h4 {font-size: 145%; font-weight: bold; line-height: 1.2em;}

				.box_middle h4 a, .subbox .bg1 .bg2 h4 a {font-weight: bold; display: block; text-align: center;}
			.subbox .bg_pic_promocje {position: absolute !important; bottom: 4px; right: 4px; width: 138px; height: 161px; background: url(img/bg_promocje.png) no-repeat; z-index: 1 !important;}
			.subbox .bg_pic_zabiegi {position: absolute !important; bottom: 4px; right: 4px; width: 193px; height: 132px; background: url(img/bg_zabiegi.png) no-repeat; z-index: 1 !important;}
			.subbox .bg_pic_kontakt {position: absolute !important; top: 2px; right: 4px; width: 110px; height: 106px; background: url(img/bg_kontakt.png) no-repeat; z-index: 1 !important;}
		ul.submenu {margin: 0 -12px 0 -16px; width: 260px; overflow: hidden;}
			ul.submenu li {float: left; clear: both; width: 260px; padding: 2px 0 0 0 !important; background: url(img/submenu_line.gif) 0 0 repeat-x !important;}
			ul.submenu li.first {padding: 0 !important; background: none !important;}
				ul.submenu li a, ul.submenu li strong {float: left; width: 230px; padding: 3px 0 4px 30px; background: url(img/bullet3.gif) 12px 6px no-repeat #c7dff6;}
					ul.submenu li a:hover, ul.submenu li a.active {background: url(img/bullet3_o.gif) 12px 6px #c7dff6 !important; text-decoration: none; color: #ffffff !important;}
			ul.submenu ul {clear: left; zoom: 1;}
				ul.submenu ul li a {width: 220px; padding: 3px 0 4px 40px; background: url(img/bullet2.gif) 24px 10px no-repeat #b1cfec; font-weight: normal;}
					ul.submenu ul li a.active, ul.submenu ul li a:hover {background: url(img/bullet2_o.gif) 28px 10px #b1cfec !important; text-decoration: none; color: #fff !important;}

table p {padding-bottom:0px !important;}

/*~~~~~~~~~~~~~~~~~~~~~
    =#footer	
~~~~~~~~~~~~~~~~~~~~~~~*/
#footer_container {clear: both; display: block; margin: 0; width: 100%; /*border-top: 1px solid #93567b;*/ padding: 0 0 30px 0; position: relative; z-index: 1;}
	#footer {clear: both; overflow: hidden; width: 930px; margin: 0 auto; font-size: 110%; color: #F8F1F0;}
		#footer ul {float: left; overflow: hidden; display: inline;}
			#footer ul li {float: left; border-right: 1px solid #e9ccdd; margin: 0 -1px 0 0; padding: 0 10px; line-height: 1.2em;}
				#footer ul li a {font-weight: normal;}
				#footer ul li a:hover {color: #c9ddf2;}

#footer a {color: #F8F1F0;}
/*~~~~~~~~~~~~~~~~~~~~~
    =GLOBAL CLASSES	
~~~~~~~~~~~~~~~~~~~~~~~*/
	.clear {clear: both; display: block; margin: 0 auto; height: 0; line-height: 0; font-size: 0;}
	
	.left {float: left;}
	.right{float: right;}
	img.left {float: left !important; margin: 0 10px 10px 0 !important;}
	img.right {float: right !important; margin: 0 0 10px 10px !important;}
	img.center {float: none !important; margin: 0 auto 10px auto !important; display: block !important;}

	.aright {text-align: right;}
	.acenter {text-align: center;}
	
	a.more {display: block; width: 93px; height: 22px; background: url(img/more_bg.gif) no-repeat; text-align: center; line-height: 22px; margin: 10px 0 15px 0;}

.clearb {clear: both !important;}
	ul.ok {padding-left: 140px !important; background: url(img/zalety-zabiegu.jpg) no-repeat 15px center; }
body#tinymce {width: 636px; padding: 16px 16px 0 16px; background-color: #E4EEF6 !important; color: #8b2051 !important; font-family: Tahoma, Verdana, sans-serif; font-size:12px;}
body#tinymce  a {color: #8b2051;}
body#tinymce h3.clearb {clear: both !important;}
body#tinymce  h3 {padding: 0 0 17px 0; display: block; overflow: hidden; zoom: 1; background: url(img/h3_bg1.jpg) 0 bottom no-repeat; font-size: 100%; line-height: 1.1em;}
body#tinymce a {color: #8b2051;}
body#tinymce h3 {padding: 0 0 17px 0; margin-bottom:8px; display: block; overflow: hidden; zoom: 1; background: url(img/h3_bg1.jpg) 0 bottom no-repeat; font-size: 17px; line-height: 1.1em; font-family: Georgia, Times, serif; font-style: italic; font-weight: normal;}
body#tinymce p {padding: 0 0 15px 0;}
body#tinymce img {float: left; margin: 0 10px 10px 0;}
body#tinymce strong {font-size: 1.0em; font-weight: bold;}
body#tinymce small {font-size: 1.0em; font-weight: normal; font-style: normal;}
body#tinymce em {font-size: 1.0em; font-style: italic;}
body#tinymce sidebar ul, body#tinymce ul {padding: 0 0 10px 0;}
body#tinymce sidebar ul li, body#tinymce ul li {padding: 0 0 5px 25px; background: url(/img/bullet.gif) 8px 5px no-repeat; overflow: hidden; zoom: 1;}
body#tinymce sidebar ul li, body#tinymce #sub ul li {padding: 0 0 0 18px; background: url(/img/bullet2.gif) 4px 5px no-repeat;}
body#tinymce ul ul {padding: 0;}
body#tinymce ul.gallery {clear: both; width: 100%; overflow: hidden;}
body#tinymce ul.gallery li {background: none; padding: 0 7px 7px 0; float: left;}
body#tinymce ul.gallery li img {margin: 0;}
body#tinymce h2 {padding: 0 0 15px 0; display: block; overflow: hidden; zoom: 1; background: url(/img/h2_bg1.jpg) 0 bottom no-repeat; font-size: 20px; line-height: 28px; font-weight: normal; font-family: Georgia, Times, serif; font-style: italic;}
body#tinymce h2 img {float: left; margin: 0 !important;}
body#tinymce h3.right {text-align: right; background: url(img/h3_bg1_right.jpg) right bottom no-repeat !important; width:100%;}
body#tinymce #sub h2 {background: none;}
body#tinymce p.right {text-align: right !important;}
body#tinymce h2 a {font-weight: normal !important;}
img.webiso {height: 19px; width: 69px;}

h2.wypisz {padding-top: 10px; color: #ffffff; text-align: center;}
p.clock  { background:url("img/clock.jpg") no-repeat scroll 0px center transparent; padding-left:36px !important; padding-top:15px !important;}
/* End of 'Podstawowy' */