/* let's go  czyli zaczynamy -------------------------------------*/

html { height: 100%; }
body { 
	margin: 0; 
	padding: 0; 
	background: #fff;
	font: normal 12px Arial, Georgia, Tahoma, sans-serif;
	}

body, td, input, textarea, select {color: #555; font: normal 12px Arial, Tahoma, sans-serif; line-height: 18px; }


p { margin:0; padding: 0 0 11px 0; }
img { border:0}

ul { margin:0 0 10px 10px; padding: 0 0 0 15px }

.clear { clear: both; }
.fll { float: left;}
.flr { float: right; }

form { padding:0; margin:0; }

hr {  
	height: 1px; 
	border: 0; 
	color: #e9e8e5; 
	background: #e9e8e5;  
	margin-top: 3px!important; 
	margin-bottom: 8px!important;
	margin-top: -4px; 
	margin-bottom: 0px;
	}

/* div layout  -------------------------------------*/

.type1 #homeWrapper { background: url(../../html/img/bg-t1-root.gif) repeat-x }
.type2 #homeWrapper { background: url(../../html/img/bg-t2-root.gif) repeat-x }
#pageWrapper { background: url(../../html/img/bg-t2-page.gif) repeat-x }

   #homeContainer {
		width: 970px;
		height: 555px;		
		}
      
   .type1 #homeContainer{background: url(../../html/img/root-01.jpg) no-repeat;}
   .type2 #homeContainer{background: url(../../html/img/root-02.jpg) no-repeat;}
   
   
   #pageContainer {
		width: 970px;
		height: 367px;
		background: url(../../html/img/page-02.jpg) no-repeat;
		}
		
		#pageTextWrapper {
			width: 820px;
			background: url(../../html/img/arrow-page.gif) no-repeat;
			overflow: hidden;
			border-bottom: solid 1px #eeeeee;
			min-height: 180px;
			}
			
			#txtHeader {
				margin: 20px 0 20px 173px;
				}
				
			#pageFlip {
				margin: 0px 0 20px 173px;
				text-align: right;
				font-size: 10px;
				text-transform: uppercase;
				}
			
			#columnWrapper { 
				width: 645px;
				margin: 0 0 30px auto;
				background: url(../../html/img/bg-column.gif) repeat-y; 
				overflow: hidden;
				}
				
			#pageColumnA { 
				float: left;
				width: 320px;
				}
				
				#pageColumnA div.t1 {
					padding: 0 50px 0 0;
					}
				
				#pageColumnA div.tA {
					padding: 0 30px 0 0;
					}
			
			#pageColumnB {
				float: right;
				width: 320px;
				}
				
				#pageColumnB div.t2 {
					padding: 0 0 0 47px;
					}
				
				#pageColumnB div.tB {
					padding: 0 0 0 27px;
					}
					
					div.t1 img, div.t2 img { border: dashed 1px #ddd; padding: 8px }
					div.t1 blockquote, div.t2 blockquote { padding: 0 0 0 9px; margin:0 0 25px 0; }
					div.t1 strong, div.t2 strong { font-size: 13px; color:#31507e }
		
		#topLogo { height: 76px}
		
		
		.type1 #topMenu {
			margin-left: 34px;
			width: 570px;
			height: 29px;
			background: url(../../html/img/bg-topmenu-1.gif);
			}
			
		.type2 #topMenu {
			margin-left: 34px;
			width: 570px;
			height: 29px;
			background: url(../../html/img/bg-topmenu-2.gif);
			}
			
		#topMenu {
			margin-left: 34px;
			width: 570px;
			height: 29px;
			background: url(../../html/img/bg-topmenu-2.gif);
			}
					
		#teaserWrapper {
			width: 970px;
			margin-top: 220px;
			}
			
			#teaserImage { 
				position: absolute;
				left: 215px;
				width: 264px;
				}
				
				#teaserImage img { border: solid 5px #fff; }
				
			#teaserTxtWrapper {
				position: absolute;
				left: 479px;
				width: 472px;
				height: 174px;
				margin: 0 0 0 5px;
							
				}
            
         .type1 #teaserTxtWrapper{background: url(../../html/img/bg1-trans.png);}
         .type2 #teaserTxtWrapper{background: url(../../html/img/bg2-trans.png);}
				
				#teaserTxtWrapper div {
					padding: 14px 32px 14px 32px;
					color: #fcf1f9;			
					}
		
	.type1 #bottomContainer {
		height: 200px;
		background: url(../../html/img/arrow-1.gif) no-repeat;
		color: #fff;
		}
	
	.type2 #bottomContainer {
		height: 200px;
		background: url(../../html/img/arrow-2.gif) no-repeat;
		color: #fff;
		}
		
		#bottomWrapper { padding: 30px; }
			
			.type1 #txtA { position: absolute; left: 150px; width: 300px; padding-right: 25px; border-right: solid 1px #5acfd6 }
			.type2 #txtA { position: absolute; left: 150px; width: 300px; padding-right: 25px; border-right: solid 1px #e571c6 }
			#txtB { position: absolute; left: 520px; width: 410px; }

	#footer { 
	color: #888;
	font-size: 10px;
	text-transform: uppercase;
	padding: 11px 0 20px 34px;
	}
	
		#footer span { color: #cfcfcf }

	
/* A -------------------------------------*/

.type1 a { font-weight: normal; color: #12bac4; text-decoration: none; }
.type1 a:hover { color: #12bac4; text-decoration: underline; }

.type1 p.read  a, .type1 p.go  a { 
	font: normal 10px Arial, sans-serif;
	text-transform: uppercase;
	color: #fff; 
	text-decoration: none; 
	border: solid 1px #efa6dd;
	padding: 2px 7px;
	} 
.type1 p.read  a:hover, .type1 p.go  a:hover { 
	text-decoration: none; 
	border: solid 1px #fff;
	padding: 2px 7px;
	color: #fff;
	} 
	
.type1 p.read a { border: solid 1px #71d6dc }

a { font-weight: normal; color: #da33ad; text-decoration: none; }
a:hover { color: #da33ad; text-decoration: underline; }

.type2 a { font-weight: normal; color: #da33ad; text-decoration: none; }
.type2 a:hover { color: #da33ad; text-decoration: underline; }

.type2 p.read  a, .type2 p.go  a { 
	font: normal 10px Arial, sans-serif;
	text-transform: uppercase;
	color: #fff; 
	text-decoration: none; 
	border: solid 1px #aaa;
	padding: 2px 7px;
	} 
.type2 p.read  a:hover, .type2 p.go  a:hover { 
	text-decoration: none; 
	border: solid 1px #fff;
	padding: 2px 7px;
	color: #fff;
	} 
	
.type2 p.read a { border: solid 1px #e985ce }


#pageFlip  a, #pageFlip  a.on { 
	font: normal 10px Arial, sans-serif;
	text-transform: uppercase;
	color: #db33ac; 
	text-decoration: none; 
	border: solid 1px #db33ac;
	padding: 2px 6px;
	margin-right: 3px;
	} 
#pageFlip  a:hover { 
	text-decoration: none; 
	border: solid 1px #000;
	padding: 2px 6px;
	color: #000;
	}
	
#pageFlip  a.on { 
	background: #db33ac;
	color: #fff;
	} 
	
#pageFlip  a.on:hover { 
	border: solid 1px #db33ac;
	} 
	
/* nawigacja -------------------------------------*/


#topMenu ul {
	list-style: none;
	margin:0 0 0 9px;
	padding:5px 0 0 0;
	
	}
	
#topMenu ul li {
	display: inline;
	}
	
#topMenu ul li  a {
	text-decoration:none;
	padding: 6px 9px 0px 12px;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	background: url(../../html/img/menu-spacer.gif) no-repeat 0px 9px;
	}
	
.type1 #topMenu ul li  a:hover, #topMenu ul li  a.on { color: #12c0be; }
.type2 #topMenu ul li  a:hover, #topMenu ul li  a.on { color: #fdc503; }

#topMenu ul li  a:hover { color: #fdc503; }
#topMenu ul li  a.first { background: none; }


/* naglowki -------------------------------------*/


#teaserTxtWrapper h1 {
	font: normal 26px Arial, sans-serif;
 	margin: 0;
	padding-bottom: 8px!important;
	padding:0 0 10px 0;
	color: #fff;
	display: block
	}
	
#bottomWrapper h2 {
	font: normal 20px Arial, sans-serif;
 	margin: 0;
	padding-bottom: 11px!important;
	padding:0 0 13px 0;
	color: #000;
	display: block
	}
	
#pageTextWrapper h1 {
	font: normal 26px Arial, sans-serif;
 	margin: 0;
	padding: 0;
	color: #da33ad;
	display: block
	}
	
/* inne -------------------------------------*/


p.read { padding: 4px 0 4px 0; }
p.go { padding: 2px 0 0 0; }
p.read  img, p.go img { display: block; }

div.errors { 
	padding: 10px; 
	margin-bottom: 20px;
	font-weight: bold; 
	color: #000;
	border: solid 1px #d2c4ac ;
	}

#sspro { 
	text-align: center;
	margin-top: 20px
	}

#windowBg { background: #000; }
	
	
#kontaktForm { border: none; }

#kontaktForm legend { display: none; }

#kontaktForm div { 
	padding: 7px 0 7px 0;

	}

#kontaktForm div label { 
	float: left; 
	width: 150px;  
	}

#kontaktForm div input,
#kontaktForm div textarea { 
	width: 260px;
	padding: 3px 5px; 
	border: 1px solid #ccc; 
	overflow: hidden; 
	}

#kontaktForm div input:hover,
#kontaktForm div textarea:hover { background: #fff; }

#kontaktForm div input:focus,
#kontaktForm div textarea:focus { background: #f8f3e9; }

#kontaktForm span { color: #F5441B; }

#kontaktForm div.zgoda input { 
	border: none; 
	vertical-align: middle; 
	width: auto; 
	margin: 0px 5px 0px 0px; 
	}

#kontaktForm div.zgoda label { float: none; }

#kontaktForm div.submit { border: none }
#kontaktForm div.submit input { 
	width: 100px; 
	margin: 0px 0px 0px 180px;  
	padding:0 0 2px 0; 
	border: solid 1px #b1a591; 
	background: #c6baa5; 
	color: #fff; 
	font-weight: bold; 
	}


/* THICKBOX STYLE
------------------------------------------- */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666; }
#TB_window a: link { color: #666666; }
#TB_window a: visited { color: #666666; }
#TB_window a: hover { color: #000; }
#TB_window a: active { color: #666666; }
#TB_window a: focus{ color: #666666; }

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png); }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #000; z-index: 102; color: #000000; display: none; border: 4px solid #000; text-align: left; top: 50%; left: 50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border: 1px solid #ccc; border-color: #666 #ccc #ccc #666; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow{ height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #da32ac; height: 27px; color: #fff; }
#TB_title a { color: #fff }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0 5px 0; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }