﻿
/*--------------->> Basic 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1.4;font-family: inherit;text-align: left;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
* :focus { outline: 0; }

/*--------------->> Layout <<---------------------------*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

body {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px; }

body {min-height:100%;}

.box_gradient {
  background-image: -moz-linear-gradient(top, #ffffff, #AACEF7); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AACEF7),color-stop(1, #ffffff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AACEF7', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AACEF7', EndColorStr='#ffffff')"; /* IE8 */
}
  


#container {
	-moz-box-shadow: 0px 1px 17px #333; 
	-webkit-box-shadow: 0px 1px 17px #333;  
	box-shadow: 0px 1px 17px #333;  
	
	
}

#header {
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;

background:url("../images/header.png") repeat-x scroll 0 0 transparent;
height:144px;
margin-top:15px;
position:relative;
top:-6px;
}

#header .image  {
background:url("../images/logo.gif") no-repeat scroll 0 0 transparent;
display:inline;
float:left;
height:79px;
width:149px;
left:17px;
position:relative;
top:20px;
}

.sitename  {
display:inline;

width:785px;
position: relative;
top: 10px;
}

.sitename h1 {margin-bottom:0;}

#content {background: #fff; position: relative;}

#main {width: 700px; background: #fff; border-top: 5px solid #254166; padding:1em 0;}

#main {

}

#main .inner {padding: 1em;

}

#sub {position: absolute; *position: relative; top:0; height: 100%;}

#sub {width:260px; background: #254166; /*color: #fff;*/}


#sub p, #sub h3 {margin-bottom:5px;}

#sub .external {display: block;}

#box1 {
-moz-border-radius:10px 0 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}

#box6 {
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
}

#sub .box {
margin: 5px;
background: #fff;
padding: 5px 0 8px 6px;

box-shadow:inset 0 0 10px #444;
-moz-box-shadow:inset 0 0 10px #444;
-webkit-box-shadow:inset 0 0 10px #444;

filter:progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=5, offY=5, positive=true);
}

#sub a, .backtotop {text-decoration: none; color: #FF6600;}
#sub a:hover, .backtotop {text-decoration: underline;}

.backtotop {display: block; margin-top: 5px;}

#sub h3 {color: #000; font-weight: bold; font-size: 22px; text-align: center;}
#sub h3.important {color: red; text-transform: uppercase;}

#sub #box1, #sub #box2  {
padding: 10px 0;
text-align: center;
}

#sub #box4 {padding: 10px 0;}

#sub #box4 a {text-align: center;}
#sub #box3 p {text-align: center;}

#sub li {margin-left: 16px;}
#sub ul {list-style: disc; }

.big {
 font-size: 17px;
 font-weight: normal;
}

#main .super_big { font-size: 18px;}

#footer {

}

/*------------------>> Layout inside <<-----------------------*/
#logo {}


#logo a {
color:#FFFFFF;
font-size:20px;
font-weight:normal;
line-height:30px;
text-decoration: none;
text-transform:uppercase;
}

#tagline  {
text-align:center;

}

#tagline {
color:#FFFFFF;
text-transform:none;
}

#banner {background:url('../images/banner2.jpg') no-repeat;width:960px;height:391px; margin-top:-12px;}

#main img {border: 1px solid #ccc; background: #fff; padding: 2px;
  -moz-box-shadow: 0px 0px 7px #ccc; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 7px #ccc; /* Saf3.0+, Chrome */
   box-shadow: 0px 0px 7px #ccc; /* Opera 10.5, IE 9.0 */
}

/*------------------>> classes <<-----------------------*/

.left {float:left;}
.right {float:right;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col {float:left;border-right: 1px solid #D9D9D9;padding:0 0.7em;}

div.hr {border-top: 1px solid #C7C7C7;height: 1px;width: 100%;margin: 10px 0px;clear:both;}
.box {}
#main .txt_left {text-align: left !important;}
.center {text-align: center; display: block; margin-bottom: 10px;}
.center p {text-align: center;}
.bold {font-weight: bold;}
.important, h3 {color: #FF0000; font-weight: bold;}
.important2 {color: #FF6600;}

img.left {margin-right:  10px;}

/*------------------>> Tekst <<-----------------------*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:17px}h3{font-size:17px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

#main h3 {}	
#main ul li {text-align: center;}
strong {font-weight: bold;}

#main .black {color: #000;}

.promocja {background: red; color: #fff; padding: 5px 0;}

#sub .count {
padding: 15px 0;
font-size:15px;
}


#box6 ul {
list-style: none;
width:239px;
margin: 0;
background:url(http://www.masaz-kregoslupa-poznan.pl/wp-content/themes/3diamenty/library/media/images/sidebar-bg.gif) repeat-x scroll 0 0 #6091C7;
}

#box6 li {
margin-left: 5px;
border-bottom:1px solid #EEEEEE;
}

#box6 ul a {
display:block;
padding:3px;
color: #fff;

}

#box6 ul li:last-child {
border-bottom:0;
}

#box6 ul a:hover {
text-decoration: none;
background: #293E52;
}

#sub li.important {}
#sub li.important a {
background: #254166;
font-size:17px;
}


#sub li.important a:hover {
background: #416182;
}

.patronat { color: #305987;
    font-weight: bold;}
