* { padding: 0; margin: 0;}


html, body {width: 100%; height: 100%;}

body {background: #fff; font: 12px normal Arial; font-family: Arial; line-height: 140%;	margin: auto; color: #383838;}

.clear {clear: both; font-size: 1px; height: 0;line-height: 0/* margin: 0px; padding: 0px;*/}

.strong {font-weight: bold !important;}
.italic {font-style: italic}

.letter_first {font-size: 115%; letter-spacing: 1px;}

.default { color: #383838 !important;} /* grafit */
.color1 {color: #018abe !important;} /* niebieski*/
.color2 {color: #8abf25 !important;} /* zielony*/

.color3 {color: #bebebe !important;} /* szary */
.color4 {color: #80c4de !important;} /* jasnoniebieski */

.color5 {color: #FF3838 !important;} /*czerwony*/

.color6 {color: #528411 !important;} /* ciemnozielony */
.color7 {color: #00649e !important;}  /* granat */

.color99 {color: #b3b2b2 !important;} /* ciemnoszary */
.color99 {color: #e3e3e3 !important;} /* jasnoszary */

/* style h1 */




.noBorder {border: 0 !important}
.inline {display: inline; border-bottom: solid 1px #e3e3e3}

.right {text-align: right !important;}
.left  {text-align: left !important;}
.center {text-align: center !important;}
.bottom {vertical-align: bottom !important;}

img {border: 0;}
.image {border: solid 2px #e3e3e3; margin: 0 30px 20px 0; padding:0; float: left; background: #fff}
.imageRight {border: solid 2px #e3e3e3; margin: 0 0 20px 30px; padding:0; float: right; background: #fff}
a img.image:hover {border: solid 2px #bebebe;}

.image1 {border: solid 2px #e3e3e3; margin: 4px 30px 10px 0; padding:0; float: left; background: #fff}
.image2 {border: solid 2px #e3e3e3; margin: 4px 0 10px 30px; padding: 0; float: right; background: #fff;}

p {margin: 0 0 15px 0; text-align: left; padding: 0;}    

a, a:hover, a:active, a:visited {color: #8abf25; text-decoration: none;}
a:hover {color: #528411;}
a.link:hover {color: #528411}
a.underline:hover {text-decoration:underline !important}

div {text-align: left}

th, td {vertical-align: top}


ul {display: block;}
	li {list-style: circle inside; line-height: 130%}

.article ul {}
	.article li {margin: 0 0 5px 0; list-style: url(../../design/img/icoLiDotGreen.gif) inside;}
	
ul.horiz {margin: 0px; }
	ul.horiz li {display: inline; background: url(../../design/img/icoLi.gif) no-repeat right; padding: 2px 15px 2px 0px; margin: 0 10px 0 0;}
	ul.horiz li.last {background: none;}
	
	
h1, h2, h3, h4 { font-weight: 600; font-style: normal; margin: 0 0 8px 0; line-height: 1;  }

h1 {font-size: 22px; text-align: left; color: #018abe}
h2 {font-size: 16px; text-align: left;  color: #00649e; }

h3 {font-size: 14px; text-align: left; color: #8abf25; }
h4 {font-size: 14px; text-align: left; color: #80c4de}
h5 {font-size: 13px; text-align: left; color: #018abe}

.article h2, .article h3, .article h4 {margin: 15px 0 5px 0}
/*.article h2 {color: #00649e !important; margin: 15px 0 5px 0}*/






.header {border-bottom: solid 1px #e4e4e4; padding: 0 0 5px 0; margin: 0 0 0 0; overflow: hidden; white-space: nowrap;}
.pageName {border-bottom: solid 1px #e4e4e4; padding: 0 0 5px 0; margin: 0 0 20px 0; overflow: hidden;}
.paragraphName {border-bottom: solid 1px #e4e4e4; padding: 10px 0 5px 0; margin: 25px 0 10px 0; overflow: hidden}

.seeMore {background: url('../../design/img/icoArrowRight.gif') no-repeat right !important;
text-align: right; color: #8abf25; font-weight: normal; line-height: inherit; white-space: nowrap; padding-right: 8px; min-width: 30px;}
.seeLess {background: url('../../design/img/icoArrowUp.gif') no-repeat right;
text-align: right; color: #8abf25; font-weight: normal; line-height: inherit; white-space: nowrap; padding-right: 8px; min-width: 30px;}

.seeMore:hover {color: #528411;}
.seeLess:hover {color: #528411;}

.seeMoreLeft {background: url('../../design/img/icoArrowLeft.gif') no-repeat left;
text-align: right; color: #8abf25; font-weight: normal; line-height: inherit; white-space: nowrap; padding-left: 8px; min-width: 30px;}
.seeMoreLeft:hover {color: #528411;}

.buttonMore {background: url(../../design/img/buttonMore.jpg) no-repeat top right; display:block; padding:0; clear:both; width: 94px; height: 17px; float: right; margin: 0 0 20px 0}
.buttonMore_en {background: url(../../design/img/buttonMore_en.jpg) no-repeat top right; display:block; padding:0; clear:both; width: 94px; height: 17px; float: right; margin: 0 0 20px 0}

.monitMessage {color: #CB0305; font-weight: bold; letter-spacing: 1px; font-size: 14px;;}
.monitMessage .monitError, .monitMessage .monitNotice, .monitMessage .monitHeader {}



/* ZACHOWANIE STRONY - MARGINESY, ROZCIAGANIE */
#top1, #top2, #container, #bottom {margin-left: 8%;}
#topBg, #contentBg, #bottomBg {min-width: 1024px; max-width: 85%}

#page {min-height: 100%;}
#topMenu {background: url(../../design/img/topBg.gif) repeat-x; height: 135px; position:absolute; top:0;  width:100%;}
#topBg {background: url(../../design/img/topBgA.gif) repeat-x; height: 135px; position: relative;}
	#top1 {background: url(../../design/img/topBgRight.gif) no-repeat top right; height: 82px;}
		#logo {float: left; margin: 3px 0 0 0; overflow:hidden}
			#logo img {position: relative; top: 2px}
		#register {float: right; text-align: right; margin: 15px 20px 0 0 }
			#register ul.horiz {padding: 10px 0; font-size: 11px;}
				#register ul li {margin: 10px 0 0 20px; padding: 0;}
				#register ul li a:hover {color: #018abd !important}
		
	#top2 {height: 53px; background: url(../../design/img/menuBgNoDecor.jpg) no-repeat right;}
	
		/* MENU - ROWNIEŻ DOLNE! */
		ul.menu {width: 700px; height: 20px; float: left; margin: 0; position: relative; top: 10px; }
			ul.menu li {background: url(../../design/img/icoSep.gif) no-repeat right; }
			ul.menu li.last {background: none}
			ul.menu a.li {position: relative; top: 7px; }
			
				
				
			#language {float: right; text-align: right; position: relative; top: 17px;}
				#language ul.horiz { padding: 0;}
					#language ul li {margin: 10px 0 0 0; padding: 0;}
					#language ul li a img {border: solid 2px #EDF1F5}
					#language ul li a:hover img {border: solid 2px #fff}
					
	#top3 {border: 0; position: absolute; right: 0;}
				#top3 a {float: right; color: #b3b2b2}
				#top3 a:hover {text-decoration: underline;}
				
#contentLayer { background: #f2f6f7 url(../../design/img/contentBg.jpg) repeat-x; margin-top:135px;}
#contentBg { }
	#container {min-height: 360px; padding-top: 30px; background: url(../../design/img/contentNoDecor.jpg) no-repeat top right;}
	
	
		/* STONA GLOWNA: DEKORACJA + ZAJAWKA */
		#mainCont {margin: 0 0 0 0; min-height: 325px;}
			#mainCont .article, .decorArt {margin-right: 550px; clear:both; float: left; color: #018abd;}			
				
		/* 3 KOLUMNY  - opcja dla divow oraz tabelki*/	
		#col3Cont {text-align: left;}
		
			#col3Cont div.col {float: left;  width: 33%;}
			table#col3Cont td.col {padding-right: 40px; width: 40%;}
			table#col3Cont td.last, #col3Cont div.last {padding: 0;}
			
				/* MENU USŁUGI */	
				ul#services {border: solid 1px #e1eef3; background: #fbfcfc; width: 235px;}
					ul#services li {list-style-type: none; border-bottom: solid 1px #ebebeb; background: url(../../design/img/icoLi.gif) no-repeat left; background-position: 15px; padding: 7px 0 7px 35px; margin: 0;}
						ul#services li a.li {color: #018abd;}	
						
			
			/* */
			.dataPresent { text-align: left;}
			
				.dataPresent td, .dataPresent th {border-bottom: solid 1px #e3e3e3;  margin:0;  padding: 4px 10px 4px 10px !important;}
				.dataPresent td.narrow, .dataPresent th.narrow {padding-right: 5px !important; padding-left: 5px !important;}
				.dataPresent td.right, .dataPresent th.right, .dataPresent td label.right, .dataPresent th label.right  {text-align: right !important;}
				.dataPresent label, .dataPresent label {width: 70px !important; text-align: left !important; display: block;}
				.dataPresent td {text-align: right; color: #b3b2b2;}
				.dataPresent td.strong {color: #8abf25; padding-right: 20px !important;}
					
				.dataPresent th {text-align: left !important; padding: 4px 20px 0 0 !important; color: #018abe; font-weight: normal;}
					.dataPresent th label {padding: 0 !important;}
					
					
			.special {background: #fff}
				.special td, .special th {padding-left: 15px !important;}
			
			/* galeria, cennik - to co po prawej */
			.context {float: right !important; width: 30%; margin: 0 0 20px 40px; }	
						
				#gallery, .gallery {width: 340px !important}
					#gallery a, .gallery a {display: block; float: left; width: 50%; margin: 0 0 10px 0; padding: 0;}
						#gallery a img.image, .gallery a img.image, #gallery a img.imageRight, .gallery a img.imageRight {margin:0; padding:0;}	
						#gallery a img.image, .gallery a img.image {float: left}
						#gallery a img.imageRight, .gallery a img.imageRight {floaT: right}
											
				#priceList {margin: 0 0 40px 0;}
					#priceList table {width: 100%; border-collapse: collapse; line-height:110%; }
						#priceList td, #priceList th { margin: 0; padding: 4px 0 4px 0; border-bottom: solid 1px #e4e4e4;}
						#priceList td {}
						#priceList th {text-align: right; color: #8abf25; vertical-align: bottom; width: 100px;}
				
				/* ARTYKUL */	
				.article { line-height: 180%;  color: #0071b2;}
				p.article, .article p { text-align: justify;}
		
						
						
				/* STONA GLOWNA */	
				#technology {min-width: 300px;}
					#technology a {color: inherit; display: block; font-size: 11px;}
					
						#technology .item {border-bottom: solid 1px #e4e4e4; padding: 10px 0 10px 0; position: relative;}
						
						/*#technology .item:hover  #technology a:hover div.item {background: #fff; cursor:pointer}*/
						 
						
							#technology img.image {margin: 0px 10px 0 0;}
							#technology h3, #technology h3 a:hover, #technology h3 a{color: #018abe !important; margin: 0 0 12px 0; line-height: 120%; font-size: 11px; background:none; }
							#technology .desc {word-spacing: 3px; line-height: 220%; display:block; margin-right: 40px; height: 45px; overflow: hidden; }
							#technology .seeMore {padding-left: 10px; position: absolute; right: 0; top: 60px; }
							#technology a:hover .seeMore {background-color: #fff}
				
				#promo {padding: 0 0 10px 0; border-bottom: solid 1px #e4e4e4; position: relative; }
					#promo .item {padding: 0 10px 0 10px;}
					.showField {display: none; padding-top: 10px;}
					.showTitle {width: 50px; text-align: right;  color: #8abf25; }
					#promo .seeMore {background: none; padding-right: 0; position: absolute; right: 0}
					#promo .image {margin: 0 20px 0 0}
					
				
				#news {position: relative;}
					#news div {color: inherit; display: block; font-size: 11px;}
						#news .item {border-bottom: solid 1px #e4e4e4; padding: 10px 0;}	
						/*#news div:hover , #news div:hover div.item {background: #fff; cursor: pointer}*/
							
							#news h3 {color: #018abe !important; margin: 0 5px 8px 0; line-height: 120%; font-size: 11px; display:inline;}
							#news .desc {word-spacing: 3px; line-height: 200%; display:block; margin-right: 40px;  }
							#news .seeMore {padding-left: 20px; position: absolute; right: 0;}
							#news .seeLess {padding-left: 20px; position: absolute; right: 0; }
							#news a:hover .seeMore {background-color: #fff}						
							#news .time {position: absolute; right: 0; }
			
					
				/* CENNIK */
				
				/* PERSONEL */
				#personnel {}
					#personnel .itemA, #personnel .itemB { width: 45%;}
						
					#personnel .itemA {float: left;}
					#personnel .itemB {float: right;}
					

					#personnel table {width: 100%;}
						#personnel table td, #personnel table th {margin: 0 0 5px 0; padding: 5px 0 3px 0; }
						#personnel table td.label {width: 80px; color: #b3b2b2;  border-bottom: solid 1px #e3e3e3}
						#personnel table th.desc {color: #018abe;  border-bottom: solid 1px #e3e3e3}
						#personnel table td.label, #personnel table th.desc {height: 20px}
						#personnel table td.thumb {width: 155px; }
						
					#personnel img.image {margin-right: 30px !important}
		
		

#footer { background: #f2f6f7; padding: 20px 0 0 0;}
#bottomBg {background: #fff url(../../design/img/schoolingBg.gif) repeat-x top;}
	#bottom {font-size: 11px;}
		#menuBottom * a:hover, #schooling a:hover {color: #8abf25 !important}
		#menuBottom {position: absolute; float: left}
			#menuBottom .menu {margin-top: 40px; font-size: 12px}
		#schooling {float: right; height: 125px; width: 432px; background: transparent url(../../design/img/schooling.gif) no-repeat bottom right; background-position: 103px; }
			#schooling p {margin: 10px 0 5px 0; width: 340px; }
				#schooling p a {font-weight: normal; color: #bebebe; border-bottom: dotted 1px; cursor:text}
			#schooling a {font-weight: bold; }

#footer h3, #footer h3 a {
	font-size: 10px; 
	color: #97B6D2; 
	display:inline;
}
.invisibleH1 h1 {
	font: 12px normal Arial; 
	font-family: Arial; 	
	margin: auto; 
	color: #383838;	
}
.nic {
	width:300px;
	height:500px;
	position:absolute;
	left:-800px;
}
.article .slogan{
	background:url(../img/slogan.gif) no-repeat;
	width:380px;
	height:37px;
	text-indent: -9999px;
	margin-bottom:20px;
}
.article .dzieci{
	background:url(../img/dla_dzieci.gif) no-repeat;
	width:157px;
	height:20px;
	text-indent: -9999px;
	margin-bottom:10px;
	margin-top:0;
}
.article .estetyka{
	background:url(../img/estetyczna.gif) no-repeat;
	width:204px;
	height:20px;
	text-indent: -9999px;
	margin-bottom:10px;
	margin-top:0;
}
.article .profilaktyka{
	background:url(../img/profilaktyka.gif) no-repeat;
	width:99px;
	height:20px;
	text-indent: -9999px;
	margin-bottom:10px;
	margin-top:0;
}
.article .nasze{
	background:url(../img/nasze_gabinety.gif) no-repeat;
	width:148px;
	height:20px;
	text-indent: -9999px;
	margin-bottom:10px;
	margin-top:0;
}
/* ----------- */
.startBox{
	margin-right:20px;
	font-size:12px;
	line-height:160%;
	text-align:justify;
}