/* ....... reset ....... */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
* {margin: 0;padding:0;} 
/* ....... standard ........*/
@font-face {font-family: 'DroidSansRegular';src: url('fonts/DroidSans-webfont.eot');src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/DroidSans-webfont.woff') format('woff'),url('fonts/DroidSans-webfont.ttf') format('truetype'),url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');font-style: normal;font-weight: 400;}
html, body {background:url(images/bg-body.png) repeat;font: 16px/1.4em 'DroidSansRegular', Arial, Helvetica, sans-serif;color: #f6f6f6;}
#container {width: 960px;margin: 0 auto;}
#container .six.columns{ width: 360px;float:left;}
#container .ten.columns{ width: 580px;float:left;}
.divider{background:url(images/dividers.png) no-repeat;height:2px;width:920px;margin:0 auto;clear:both;padding-bottom:40px;}
.push { height: 60px;clear:both;}
/* ....... navigation ........ */
#header {height:100px;width: 960px;margin: 0 auto;z-index:1000;}
#header h1 a{font: 0/0 a;text-shadow: none;display:none;}
#header img {margin-top:40px;margin-left:15px;float:left;}

#menu, #menu ul {margin: 0;padding: 0;list-style: none;z-index:1000;}
#menu:before, #menu:after {content: '';display: table; }
#menu:after {clear: both;}

#menu { float:right;margin-top:40px;margin-right:40px;}

#menu li {display:inline;padding-right:15px;}
#menu a {font-family:'DroidSansRegular',sans-serif;font-size:16px;color:#f6f6f6;display:inline;}
#menu a:hover {color:#3dd5d2;}

#header ul ul {
	display: none;
}

	#header ul li:hover > ul {
		display: block;
		
	}
 #header ul li {
	float: left;}

	
	#header ul li a {
		display: block; 
		color: #f6f6f6; text-decoration: none;
	}
#header ul ul {
	padding: 0;
	position: absolute; z-index:1000;
}
	#header ul ul li {
		float: none; 
		padding:10px 0;
		position: relative;
	}
	
		
	

/* ....... slide ........ */
#slide {width:100%;height:270px;clear:both;}
.viewer {height:470px;	width: 100%;overflow: hidden;position: relative;background:#00162b;}
.cycle-slideshow{margin:0 auto;width:924px;position: relative;}
.cycle-slideshow img { position: absolute;left: 50%;top: 0;padding: 0; }
#alt-caption { position: absolute; color: white; left:50%; top: 70px; margin-left: -450px;width: 400px; z-index: 700;line-height:42px; font-size: 42px;font-family:'DroidSansRegular',sans-serif;}
#alt-caption span{color:#3dd5d2;font-weight:400;}
.right { float: right; }
#glow {background:url(images/blask.png) no-repeat;margin:0 auto;top:0px;height:149px;}
/* .......content ........ */
#article {height:350px;color:#3dd5d2;text-shadow:1px 1px 1px #000;font-size:0.8em;text-align:justify;}
.col-left {margin-right:25px;float:left;height:350px;width:300px;}
.col-center {float:left;width:300px;height:350px;}
.col-right {margin-left:25px;float:left;width:300px;height:350px;}
.col-right img {display:block;margin: 0 auto;border:4px solid #3dd5d2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-top:11px;}
#swiatlo-right{background:url(images/swiatlo.png) no-repeat;left:4px;width:220px;height:35px;position:relative;margin:0 auto;padding:0px;}
#article h2 {font-size:1.8em;text-align:center;padding-bottom:20px;}
#article h2 a{color:#f6f6f6;text-shadow:1px 1px 1px #000;}
#article p {color:#3dd5d2;text-shadow:1px 1px 1px #000;}
#article ul {list-style-type: circle;color:#3dd5d2;text-shadow:1px 1px 1px #000;padding-left:30px;}
/* ....... partners ........ */
#partners {color:#f6f6f6;text-shadow:1px 1px 1px #000;margin:30px 0;height:160px;}
#partners h2 {font-size:1.5em;text-align:center;color:#f6f6f6;text-shadow:1px 1px 1px #000;padding-bottom:10px;}
img.friends { margin-left:60px; width: 100%;padding: 30px 0;}
#partners ul {margin:18px auto;color:#3dd5d2;width:940px;}
#partners ul li {display:inline;margin:0 auto;}
.dividers {background:url(images/divider.png) no-repeat;margin:0 auto;height:2px;}
/* ....... footer ........ */
#footer {background:#00162b;border-top:1px solid #818181;height:60px;width:100%;}
#footer p {text-align:center;margin:0;padding:10px 0;}
#footer p a{color:#f6f6f6;}
/* ...... KONTAKT ....... */
#kontakt{position:relative;overflow:hidden;color:#000;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
.round {margin-bottom:40px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background-color:#00162b;}
.round p {margin:15px;}
.round h2 {font-size:30px;padding:20px;}
#mapka {margin:40px 0 0 40px;border:6px solid #3dd5d2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#swiatlo{background:url(images/swiatlo.png) no-repeat;left:45px;width:500px;height:53px;position:relative;margin:0;}
#kontakt h3 {margin-top:60px;font-size:28px;text-shadow:1px 1px 1px #000;color:#f6f6f6;text-align:center;line-height:30px;}
ul.personal {margin-top:60px;text-align:center;font-size:18px;text-shadow:1px 1px 1px #000;}
ul.personal li {padding:10px 0;color:#3dd5d2;}
ul.personal li a{padding:10px 0;color:#3dd5d2;}
ul.personal li a:hover{text-decoration:underline;}
span.name {font-size:26px;font-weight:bold;}
span.phone {font-size:28px;font-weight:bold;}
/* ....... CENNIK ....... */
#cennik{margin-bottom:30px;position:relative;overflow:hidden;color:#3dd5d2;text-shadow:1px 1px 1px #000;}
#cennik img{display:block;border:6px solid #3dd5d2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-top:55px;}
#swiatlo_cena{background:url(images/swiatlo_cena.png) no-repeat;left:6px;width:340px;height:63px;position:relative;margin:0px;padding:0px;}
table{width:88%;margin:40px 0 0 40px;border-collapse:collapse;text-align:center;}
thead, tbody{margin:0;padding:5px;}
th, td {padding:7px 10px;font-size:0.9em;border-bottom:1px solid #3dd5d2;text-align:center;}
thead th {font-size:1.1em;padding:10px 10px;border-bottom:1px solid #3dd5d2;color:#f6f6f6;}
tbody tr:hover {background-color:#16668b;color:#fff;cursor:pointer;}
tbody tr.last th, tbody tr.last td {border-bottom:0;}
td.tb {font-weight:bold;font-size:1em;padding:20px 0;}
/* ...... ZBIEGI ....... */
#zabiegi{margin:30px 0px;position:relative;overflow:hidden;color:#3dd5d2;text-shadow:1px 1px 1px #000;text-align:justify;}
#zabiegi img{display:block;border:6px solid #3dd5d2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-left:21px;float:left;}
#zabiegi h4{color:#f6f6f6;font-size:1.4em;padding-bottom:15px;padding-left:20px;}
#zabiegi p{margin-bottom:40px;margin-left:21px;float:left;clear:both;}
#zabiegi ul {list-style-type: circle;margin-left:40px;float:left;margin-bottom:20px;}
#swiatlo-zab{background:url(images/swiatlo_cena.png) no-repeat;left:23px;width:340px;height:63px;position:relative;margin:0px;padding:0px;float:left;}
/* ....... O MNIE ....... */
#omnie h3{color:#f6f6f6;text-shadow:1px 1px 1px #000;font-size:2em;margin:20px 0;}
#omnie .ten{padding:20px 0 0 10px;}
#omnie{margin-bottom:30px;position:relative;overflow:hidden;color:#3dd5d2;text-shadow:1px 1px 1px #000;text-align:justify;}
#omnie ul{list-style-type: circle;padding-left:30px;}
#omnie li{padding:5px 0;}
#omnie img{display:block;border:6px solid #3dd5d2;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin-top:35px;}
#swiatlo_omnie{background:url(images/swiatlo_cena.png) no-repeat;left:6px;width:340px;height:63px;position:relative;}
/* ....... GALERIA ....... */
figure{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:6px;background:#3dd5d2 url(../images/icon_magnify.gif) no-repeat center center;float:left;border:1px solid #3dd5d2;margin-bottom:20px;position:relative;}
figure img{float:left;}
figcaption{color:#f6f6f6;position:absolute;bottom:0px;margin-bottom:-25px;width:250px;}
.list{float:left;width:100%;margin-left:40px;padding:0;}
.list li{margin-right:44px;float:left;margin-bottom:17px;}
.list li.last{margin-right:0px;}
#galeria{margin-bottom:30px;position:relative;overflow:hidden;}

#like-box {position: fixed;z-index: 800;top: 150px;left: -296px;-webkit-transition: left 0.5s ease-out;-moz-transition: left 0.5s ease-out;-o-transition: left 0.5s ease-out;transition: left 0.5s ease-out;}
#like-box:hover {left: 0px;}
#like-box .outside {position: relative;z-index: 800;background: #3b5999;padding: 2px;min-width: 1px;float: left;}
#like-box .inside {position: relative;z-index: 800;background: #fff;}
#like-box .belt{	position:relative;z-index: 0;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);float: left;width: 100px;height: 40px;padding: 7px 0px 0px 20px;margin: 50px 0px 0px -55px;background: #3b5999;color: #fff;font-weight: bold;font-family: Verdana;font-size: 16px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
