/* (c)ss 2010 Coding by PIXEYE - pixeye dot pl */

* { margin: 0; padding: 0; }

body { font: 12px 'trebuchet ms', arial, helvetica, sans-serif; background: url(../images/body_bg.png) top center repeat-x; }
ul { list-style: none; }
img { border: none; }
.clr { clear: both; }
.clrl { clear: left; }
.red { color: #f00; }
.toR { text-align: right; }
.toL { text-align: left; }
.ctr { text-align: center; }
.pdf { padding-left: 20px; background: url(../images/pdf.gif) no-repeat; }
.doc { padding-left: 20px; background: url(../images/doc.gif) no-repeat; }
a.lnk { text-decoration: none; color: #666; }
a.lnk:hover { text-decoration: underline; color: #000; }

/* layout */
#pageWrapper { min-height: 600px; background: url(../images/page_wrapper.jpg) top center no-repeat; }
#header { position: relative; width: 960px; height: 323px; margin: auto; }
#content { width: 910px; margin: auto; }

/* header */
h1#home { float: left; margin-top: 29px; margin-left: 225px; width: 238px; height: 57px; text-indent: -9999px; overflow: hidden; cursor: pointer; background: url(../images/hydro-hurt.png) no-repeat; }
ul#mainNav { float: right; margin-top: 52px; width: 482px; height: 32px; background-color: #fff; background-image: url(../images/main_nav_bg.png); background-repeat: no-repeat; }
	ul.mn1 { background-position: 0    0;   }
	ul.mn2 { background-position: 0  -25px; }
	ul.mn3 { background-position: 0  -50px; }
	ul.mn4 { background-position: 0  -75px; }
	ul.mn5 { background-position: 0 -100px; }
	ul#mainNav li { float: left; }
	ul#mainNav li:first-child { margin-left: 15px; }
	#mainNav li a { display: block; float: left; height: 16px; margin-left: 15px; text-indent: -9999px; overflow: hidden; background-image: url(../images/main_nav.png); background-repeat: no-repeat; }
	li#mn1 a { width: 103px; background-position:  -30px 0; } li#mn1 a:hover { background-position:  -30px -16px; } li#mn1 a.current { width: 103px; background-position:  -30px -16px; }
	li#mn2 a { width:  70px; background-position: -148px 0; } li#mn2 a:hover { background-position: -148px -16px; } li#mn2 a.current { width:  70px; background-position: -148px -16px; }
	li#mn3 a { width:  48px; background-position: -233px 0; } li#mn3 a:hover { background-position: -233px -16px; } li#mn3 a.current { width:  48px; background-position: -233px -16px; }
	li#mn4 a { width:  86px; background-position: -296px 0; } li#mn4 a:hover { background-position: -296px -16px; } li#mn4 a.current { width:  86px; background-position: -296px -16px; }
	li#mn5 a { width:  55px; background-position: -397px 0; } li#mn5 a:hover { background-position: -397px -16px; } li#mn5 a.current { width:  55px; background-position: -397px -16px; }
	div#splash { float: right; width: 430px; height: 64px; margin-top: 130px; margin-right: 40px; }
	div.pageTitle { position: absolute; bottom: 0; left: 62px; }
		h2.mn5 { width: 112px; height: 35px; text-indent: -9999px; background: url(../images/contact_title.png) no-repeat; }
		h2.mn4 { width: 93px; height: 35px; text-indent: -9999px; background: url(../images/pricelists_title.png) no-repeat; }
		h2.mn3 { width: 112px; height: 35px; text-indent: -9999px; background: url(../images/offer_title.png) no-repeat; }
		h2.mn2 { width: 130px; height: 35px; text-indent: -9999px; background: url(../images/partners_title.png) no-repeat; }
		ul#subNav { width: 226px; height: 35px; background-image: url(../images/sub_nav_bg.png); background-repeat: no-repeat; }
			ul.sn1 { background-position: 0    0;   }
			ul.sn2 { background-position: 0  -35px; }
			ul#subNav li { float: left; }
			#subNav li a { display: block; float: left; height: 14px; margin-top: 13px; text-indent: -9999px; overflow: hidden; background-image: url(../images/sub_nav.png); background-repeat: no-repeat; }
			li#sn1 a { margin-left: 17px; width: 55px; background-position:   0   0; } li#sn1 a:hover { background-position:   0   -14px; } li#sn1 a.current { background-position:   0   -28px; }
			li#sn2 a { margin-left: 37px; width: 86px; background-position: -92px 0; } li#sn2 a:hover { background-position: -92px -14px; } li#sn2 a.current { background-position: -92px -28px; }

/* content */
ul#categoryList, ul#categoryNav { padding-top: 14px; }
	#categoryList li, #categoryNav li { float: left; margin: 0 0 14px 14px; }
	#categoryList li a, #categoryNav li a { display: block; width: 196px; height: 196px; border: 7px solid #d4d4d4; }
	#categoryList li a:hover, #categoryNav li a:hover { border-color: #9cf; }
	#categoryNav li .goto-offer { width: 867px; height: 196px; overflow: hidden; }
	#categoryNav li .goto-offer img { transition: all .3s; transform: scale(1); }
	#categoryNav li .goto-offer:hover img { transition: all .3s; transform: scale(1.2); }
	#categoryNav li .goto-studio, #categoryNav li .goto-salon { width: 867px; height: 196px; overflow: hidden; }
	#categoryNav li .goto-studio img, #categoryNav li .goto-salon img { transition: transform .25s; transform: translateY(0); }
	#categoryNav li .goto-studio:hover img, #categoryNav li .goto-salon:hover img { transition: transform .25s; transform: translateY(-196px); }
	#categoryNav li .goto-studio img, #categoryNav li .goto-salon img { display: block; }
div#leftCol { float: left; width: 200px; margin: 34px 10px 0 0; text-align: right; }
	#leftCol h2 { margin-bottom: 10px; padding-bottom: 16px; font: 400 18px 'BenchNine', sans-serif; line-height: 1.1em; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.5); color: #fff; background: url(../images/leftcol_title.jpg) bottom right no-repeat; }
	#leftCol h2 span { display: block; margin-left: 10px; padding: 5px 10px;  background: #1b75bb; }
	#leftCol p { margin-bottom: 10px; }
div#rightCol { float: left; width: 670px; margin: 14px 14px 14px 0; padding-left: 10px; border-left: 1px solid #ccc; }
	#rightCol h4 { clear: left; margin-top: 10px; margin-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc; }
	#rightCol a.logo { display: block; float: left; width: 220px; height: 146px; }
	#rightCol a.logo:hover { opacity: .5; }
	#rightCol p { margin-bottom: 5px; }
	#rightCol p.gallery img { margin: 3px; }

ul#partnerList { margin-left: 15px; padding-top: 15px; }
	#partnerList li { float: left; width: 220px; height: 146px; }
	#partnerList li.pozTL { background: url(../images/poz_tl.gif) no-repeat; }
	#partnerList li.pozT { background: url(../images/poz_t.gif) no-repeat; }
	#partnerList li.pozR { background: url(../images/poz_r.gif) no-repeat; }
	#partnerList li.pozL { background: url(../images/poz_l.gif) no-repeat; }
	#partnerList li.pozC { background: url(../images/poz_c.gif) no-repeat; }
	#partnerList li.pozB { background: url(../images/poz_b.gif) no-repeat; }
	#partnerList li a { display: block; width: 220px; height: 146px; }
	#partnerList li a:hover { background: url(../images/logo_over_bg.gif) no-repeat; }
p#partners { width: 904px; margin: 0 auto; padding: 3px 0; }
	#partners a { float: left; display: block; width: 220px; height: 146px; margin: 2px; border: 1px solid #e5e5e5; }
	#partners a:hover { border-color: #999; }

#specWrapper { min-height: 300px; }
#specWrapper, #contactWrapper { margin: 14px; padding: 14px; background: url(../images/spec_wrapper_bg.png) repeat-x; box-sizing: border-box; }
	#contactWrapper { font-size: 13px; }
	.col-1-3 p + p { margin-top: 30px; }
	#contactWrapper .tel { text-decoration: none; }
	h3.title { clear: left; padding-bottom: 3px; text-indent: -9999px; border-bottom: 1px solid #ccc; }
	h3#wannyvictoryspa { background: url(../images/title_wanny_victoryspa.gif) no-repeat; }
	h3#kabinyvictoryspa { background: url(../images/title_kabiny_victoryspa.gif) no-repeat; }
	h3#portablespavictoryspa { background: url(../images/title_portablespa_victoryspa.gif) no-repeat; }
	h3#prezentacjavictoryspa { background: url(../images/title_prezentacja_victoryspa.gif) no-repeat; }
	ul.col { float: left; width: 280px; margin: 14px 0; padding: 10px 0; line-height: 1.7em; border-left: 1px solid #ccc; }
	ul.first { border: none; }
	.col li { margin-left: 20px; font-size: 13px; }
	.col li a { text-decoration: none; color: #666; }
	.col li a.su { padding-right: 25px; background: url(../images/su.gif) right no-repeat; }
	.col li a:hover { text-decoration: underline; color: #000; }
	.col-1-2 { width: 50%; float: left; padding: 15px; box-sizing: border-box; }
	.col-1-3 { width: 33.33%; float: left; padding: 15px; box-sizing: border-box; }
	.border-right { border-right: 1px solid #92def8; }
	.separator { clear: both; margin-bottom: 21px; padding-top: 20px; width: 100%; border: none; border-bottom: 1px solid #92def8; }

form#contactForm, div#mailConfirm { clear: left; padding: 20px 0; font-size: 13px; border-top: 1px solid #92def8; border-bottom: 1px solid #92def8;}
	#contactForm input.field, #contactForm textarea.field { margin-bottom: 10px; padding: 2px; }
	#contactForm label.fieldDesc { display: block; float: left; width: 180px; margin-right: 10px; padding-top: 5px; padding-right: 10px; text-align: right; border-right: 1px dotted #999; }
	input#submitBtn { margin-left: 200px; padding: 0 10px; }
#mailConfirm p { text-align: center; color: #666; }
#mailConfirm p a { text-decoration: none; font-weight: bold; color: #09f; }
#mailConfirm p a:hover { color: #000; }

#gMap { width: 882px; height: 450px; margin: 14px; border: none; }

/* footer */
#footer { clear: both; color: #666; background-color: #000; }
	#footer div.content { width: 960px; margin: 0 auto; padding: 10px; }
	#footer div.content ul { float: left; line-height: 1.25em; }
	#footer div.content strong { font-size: 13px; color: #999; }
	#footer div.content span { color: #ccc; }
	#footer div.content a { text-decoration: none; color: #999; }
	#footer div.content a:hover { color: #fff; }
	#footer div.content a.mail { text-decoration: underline; }
	ul#copy { width: 300px; margin-left: 130px; text-align: right; padding-top: 10px; }
	ul#address { width: 500px; margin-left: 10px; padding: 10px 0 10px 10px; border-left: 1px solid #333; }