/* CSS DOCUMENT */

/*-------------------------------------- GENERAL --------------------------------------*/
body{
	padding:0;
	margin:0;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#151515;
	background-color:#458F42;
	}
div, img, p, a, ul, h1, h2, h3, h4, form, input, label{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
        color: #89C557; 
	}
ul{ list-style-type:none;}
h1.home { display:none;} 

.clear{
	clear:both;
	}
	
*{
	margin:0;
	padding:0;
}

/*-------------------------------------- HEADER PART --------------------------------------*/
div#headerArea{
	width:971px;
	margin:0 auto;
	background:url(../images/banner.jpg) 0 0 no-repeat;
	height:188px;
	padding-top:101px; 
	}
div#headerArea img{
	cursor:pointer;
	}

/*-------------------------------------- MAIN BODY CONTAINER --------------------------------------*/
div#main{
	width:971px;
	margin:0 auto;
	background:url(../images/body-content-end-bg.gif) 0 0 no-repeat;
	padding-top:8px;
	}
div#main div#bodyContent{
	background:url(../images/dragon-bg.jpg) no-repeat 733px 21px #fff;
	padding:7px 15px 30px;
	height:100%;
	overflow:hidden;
	}
div#main div.bodyContainerEndBg{
	background:url(../images/body-content-end-bg.gif) 0 100% no-repeat;
	height:8px;
	font-size:0;
	line-height:0;
	}

/*-------------------------------------- MAIN BODY CONTAINER - LEFT PANEL --------------------------------------*/
div#leftPanel{
	width:253px;
	float:left;
	}
	
/*--------------------------------------left navigation start--------------------------------------*/
div#leftPanel div#leftNav{
	position:relative;
	width:253px;
	}
	
div#leftPanel div#leftNav #ribbon{
	position:absolute;
	top:0;
	left:216px;
	background:url(../images/menu-red-ribbon.gif) no-repeat 0 0;
	width:48px;
	height:266px;
	}
	
div#leftPanel div#leftNav div#navtop{
	width:253px;
	height:7px;
	overflow:hidden;
	background:url(../images/leftmenu-top.jpg) no-repeat 0 0;
	}
	
	
div#leftPanel div#leftNav div#navbody{
	width:253px;
	background:url(../images/leftmenu-bg.jpg) #72AA41 no-repeat 0 0;
	}
	
div#leftPanel div#leftNav div#navbody ul{
	margin:0;
	padding:0;
	}
	

div#leftPanel div#leftNav div#navbody ul li{
	background:url(../images/bullet-nav.gif) no-repeat 16px 50%;
	height:37px;
	line-height:37px;
	font-size:15px;
	font-weight:bold;
	padding:0 0 0 35px;
	border-bottom:1px dashed #89AD80;
	}
	
div#leftPanel div#leftNav div#navbody ul li a{
	color:#fff;
	background-color:inherit;
	}
div#leftPanel div#leftNav div#navbody ul li a:hover {
	color:#A4EA92;
	}
	
div#leftPanel div#leftNav div#navbody ul li.noborder{
	border:none;
	}
	
div#leftPanel div#leftNav div#navbody div#menu-heading{
	width:225px;
	height:35px;
	line-height:35px;
	padding-left:14px;
	margin:0 0 0 7px;
	font-size:20px;
	color:#fff;
	background-color:inherit;
	background:url(../images/menu-heading.gif) no-repeat 0 0;
	}
div#leftPanel div#leftNav div#navbody div#menu-heading a { 
	color: #fff; 
	}
	
div#leftPanel div#leftNav div#navbottom{
	width:253px;
	height:7px;
	background:url(../images/leftmenu-bottom.jpg) no-repeat 0 0;
	}
	
	
/*--------------------------------------left navigation end--------------------------------------*/

div#leftPanel div#stawnych-ludzi a, div#leftPanel div#Komentarze a, div#leftPanel div#przyszlosc a {
	height:94px;
	text-indent:-9999px;
	display: block;
	}
div#leftPanel div#stawnych-ludzi{
	width:253px;
	height: 94px;
	background:url(../images/stawnych-ludgi.jpg) no-repeat 0 0;
	margin:15px 0;
	}
	
div#leftPanel div#Komentarze{
	width:253px;
	height: 94px;
	background:url(../images/komentarze.jpg) no-repeat 0 0;
	}
div#leftPanel div#przyszlosc{
        width:253px;
        height: 94px;
        background:url(../images/moja-przyszlosc.jpg) no-repeat 0 0;
        }



/*-------------------------------------- MAIN BODY CONTAINER - LEFT PANEL end --------------------------------------*/




/*-----------------------------------right panel start----------------------------------------*/

div#rightPanel{
	float:left;
	width:662px;
	margin:0 0 0 23px;
}
div#rightPanel p {
	padding: 10px 0px;
	}
div#rightPanel p.home { 
	padding:0px;
	}
div#rightPanel p.numbers { 	
	text-align: center; 
	font: bold 13px/18px 'trebuchet ms';
	}

div#rightPanel h1 {
	font:normal 24px tahoma, Verdana, sans-serif;
	color:#3B802E;
	margin-bottom:9px;
}

div#rightPanel h2{
	font:normal 20px tahoma, Verdana, sans-serif;
	color:#3B802E;
	margin-bottom:9px;
	margin-top:15px; 
	}
div#rightPanel h2.home {	
	margin-top:0px; 
	} 
div#rightPanel h3{
	font:bold 15px tahoma, Verdana, sans-serif;
	color:#3B802E;
	margin-bottom:19px;
}

div#rightPanel .section1{
	width:662px;
}

div#rightPanel .section1 .section1-left{
	float:left;
	width:406px;
}

div#rightPanel .section1 .section1-right{
	float:right;
	width:234px;
}

div#rightPanel .section1 .section1-right label{
	float:left;
	font:bold 11px tahoma, Verdana, sans-serif;
}

div#rightPanel .section1 .section1-right label.none{
	float:none;
	
}

div#rightPanel .section1 .section1-right .menu1{
	width:40px;
	margin:5px 0 0;
	font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
div#rightPanel .section1 .section1-right .menu2{
	width:80px;
	margin:5px 0 0;
	font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
div#rightPanel .section1 .section1-right .menu3{
	width:53px;
	margin:5px 0 0;
	font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}

div#rightPanel .section1 .section1-right label.mid-menu{
	margin:0 20px 0 30px;
	}
	
div#rightPanel .section1 .section1-right .submit-btn-section1{
	background:url(../images/submit_btn-section1.jpg)  no-repeat 0 0;
	width:195px;
	height:25px;
	border:none;
	cursor:pointer;
	}
div#rightPanel .section1 .section1-right .submit-btn-znak1{
        background:url(../images/submit_btn-znak1.jpg)  no-repeat 0 0;
        width:195px;
        height:25px;
        border:none;
        cursor:pointer;
        }

div#rightPanel .section1 .section1-right .submit-btn-przyszlosc{
    background:url(/images/submit_btn-przyszlosc.jpg) no-repeat 0 0;
    width:195px;
    height:25px;
    border:none;
    cursor:pointer;
    }

div#rightPanel .submit-btn-drawcookie{
    background:url(/images/submit_btn-drawcookie.jpg) no-repeat 0 0;
    width:195px;
    height:25px;
    border:none;
    cursor:pointer;
    }





div#rightPanel #login2{
	background:url(../images/login-section2-bg.jpg) no-repeat;
	margin:43px 0 0 0;
	padding:5px 0 0 0;
	width:664px;
	height:213px;
	}
	
div#rightPanel #login2 form{
	margin:0 0 0 374px;
	width:287px;
	}

div#rightPanel #login2 label{
	float:left;
	font:bold 11px thoma, Verdana, sans-serif;
	}

div#rightPanel #login2 .menu1{
	width:40px;
	margin:5px 0 0;
        font:normal 11px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
	
div#rightPanel #login2 .menu2{
	width:80px;
	margin:5px 0 0;
        font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
	
div#rightPanel #login2 .menu3{
	width:53px;
	margin:5px 0 0;
        font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
	
div#rightPanel #login2 .submit-btn-login2{
	background:url(../images/login2-submit-btn.jpg)  no-repeat 0 0;
	width:195px;
	height:25px;
	border:none;
	cursor:pointer;
	}
	
div#rightPanel #login2 .mid-menu{
	margin:0 20px 0 30px;
	}
	
div#rightPanel #login2 p.pinkTxt{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#B70E51;
        padding: 0px;
	}
	

	
div#rightPanel #login2 .submit-btn-login2 .none{
	float:none;
	
}



div#rightPanel #rosection label{
	font:bold 11px thoma, Verdana, sans-serif;
}

div#rightPanel #rosection .menu3{
	width:53px;
	height:17px;
	margin:5px 0 0;
        font:normal 11px/15px Arial, Georgia, "Times New Roman", Times, serif;
	}
	
div#rightPanel #rosection .submit-btn-rokosobisty{
    background:url(/images/submit_btn-rokosob1.jpg) no-repeat 0 0;
    width:195px;
    height:25px;
    border:none;
    cursor:pointer;
    }

/*-----------------------------------right panel end----------------------------------------*/





/*-----------------------------------------bottom add secttion------------------------------*/

div#bottomAdd{
	width:940px;
	padding:15px 0 0 0;
}


div#bottomAdd #add1{
	float:left;
	background:url(../images/opysy.jpg) no-repeat 0 0;
	width:306px;
	height:94px;
	overflow:hidden;
}

div#bottomAdd #add1 a, div#bottomAdd #add2 a, div#bottomAdd #add3 a {
	height:94px;
	width:306px;
	text-indent:-9999px;
	display:block;
	}

div#bottomAdd #add2{
	float:left;
	background:url(../images/sprawdz.jpg) no-repeat 0 0;
	width:306px;
	height:94px;
	margin:0 10px;
}

div#bottomAdd #add3{
	float:left;
	background:url(../images/miloscia.jpg) no-repeat 0 0;
	width:306px;
	height:94px;
}


/*-----------------------------------------bottom add secttion end------------------------------*/



ul#fengShui { margin-left:30px; padding-bottom:10px; }
ul#fengShui li { list-style-type: decimal; }

ul.listing { margin-left:30px; padding-bottom:10px; }
ul.listing li { list-style-type: circle; }




/*-------------------------------------- FOOTER PART --------------------------------------*/
div#footerArea{
	width:971px;
	height:56px;
	padding-top:28px;
	background:url(../images/footer-bg.jpg) 0 0 no-repeat #458F42;
	color:#fff;
	font-size:11px;
	line-height:13px;
	margin:0 auto;
	}
div#footerArea p{
	text-align:center;
	padding-bottom:9px;
	}
div#footerArea p a {
        color: #fff; 
        }

div#rightPanel td.marked { 
    background-color: #ebf2ea;
    }

ul.drogiZycia { list-style-type: none; }
ul.drogiZycia li { background: url(images/bulDz.jpg) 2px 5px no-repeat; padding-left: 21px; }
ul.drogiZycia li a { color: #222; }
ul.drogiZycia li a:hover { color: #ccc; }
ul.drogiZycia li a:visited { color: #aaa; text-decoration: none; }


ul.znani-ludzie { list-style-type: none; }
ul.znani-ludzie li { background: url(/images/bulZnani.jpg) 3px 6px no-repeat; padding-left: 21px; line-height: 25px; font-size: 12px; }
ul.znani-ludzie li a { color: #333; }
ul.znani-ludzie li a:hover { color: #fff; }

.smsInfo { font: normal 10px verdana; color: #f3f3f3; }

.errormsg {
    color: red;
}

/***** kwadraty milosne ***/

.leftsquare {
    float: left; width: 220px;
}

.rightsquare {
    float: left; width: 220px;
}

.floatright {
        float: right;
        margin: 5px 20px 15px 20px;
        font-size: 9px;
        font-style: italic;
        text-align: center;
} 

span.magicNo { font: normal 29px/18px Georgia; } 


div#rightPanel table {
border:1px solid #EEEEEE;
}
table.sofT {
border:1px solid #6699CC;
border-collapse:collapse;
border-spacing:0;
color:#333;
font-family:Verdana;
font-size:11px;
font-weight:normal;
text-align:center;
width:520px;
}

div#rightPanel td {
border:2px solid #CCCCCC;
font-size:11px;
height:22px;
text-align:center;
width:50px;
}
td.helpHed {
background-color:#f5f5f5;
border-bottom:2px solid #6699CC;
border-left:1px solid #6699CC;
color:#7ab552;
font-family:Verdana;
font-size:11px;
font-weight:bold;
text-align:left;
text-indent:5px;
width:370px;
}
div#rightPanel td.helpHed2 {
background-color:#f5f5f5;
color:#7ab552;
font-family:Verdana;
font-size:11px;
font-weight:bold;
text-align:center;
text-indent:5px;
}


h2.kartkaSw a { 
    background:url(images/kliknijButton.jpg) no-repeat right;
    text-indent:-9999px;
    height: 26px; width:117px;
    float:right; 
    margin-right:220px;
    margin-top:20px;
    } 
h2.kartkaSw a:hover {   
    background:url(images/kliknjiButtonHov.jpg) no-repeat right;
    }
    
div#rightPanel .submit-btn-kartka{
    background:url(../images/wyslijKartkeButton.jpg)  no-repeat 0 0;
    width:195px;
    height:25px;
    text-indent:-9990px;
    border:none;
    cursor:pointer;
    }

div#rightPanel .submit-btn-zaklecie{
    background:url(../images/wyslijZaklecieButton.jpg)  no-repeat 0 0;
    width:195px;
    height:25px;
    text-indent:-9990px;
    border:none;
    cursor:pointer;
    }


select {
    border:1px solid #BDC7D8;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    padding:2px;
}

/* ---- */

#contact_right fieldset select { float:right; width : 220px; border : 1px solid #ccc; font-size: 11px; padding-left:2px; }
#contact_right fieldset select :hover { border:none; }

#contact_right fieldset select.feedback option { padding-left:20px; } 
#contact_right fieldset select option.typeos { 
    color: #000; 
    font-style: italic;
    font-weight: bold;
    margin-left: -18px;
}

#contact_form fieldset input { float : right; width : 61%; border : 1px solid #ccc; font-size: 11px; padding-left:2px;  }
#contact_form fieldset input.submit:hover { border-color: #1C5A22; border-width:2px;  }
#contact_form fieldset input:active, input:focus { border-color : #000; }
#contact_form fieldset textarea { float : right; width : 99%; border : 1px solid #ccc; }
#contact_form fieldset textarea:hover { border-color : #000; }
#contact_form fieldset textarea:active, textarea:focus { border-color : #000; }
#contact_form label, label span { display : block; padding-bottom : .25em; }
#contact_form label { float : left; width : 100%; }
#contact_form label span { float : left; width : 29%; text-align : right; color: #aaa; font-style:normal; }
#contact_form form div { 
    float:right; 
    margin-bottom : 0px; 
    text-align : center;
    margin-top:-17px;
    padding:0px 0px;
}
#contact_form form div input:hover { background-color: #fff;} 

/* =fieldset */

#contact_form fieldset { 
    float : left; 
    width : 299px; 
    margin : 0 10px 10px 0; 
    padding : 10px;
    border : 1px solid #1C5A22; 
    overflow : hidden;
    padding-bottom: 10px;  
}

#contact_form fieldset.faq  { width:655px; } 

#contact_form p.gold { color: #986418; text-decoration:underline; font-size:14px; font-weight:bold; padding-bottom:3px; text-align:center;  }

#contact_form fieldset:hover { border-color: #FFFF00; border-color: #ccc; }

#contact_form form { margin-left: 0px; } 
#contact_form form div input { 
    padding : 0 .25em; 
    margin: 0px; 
    background-color: #A42327; 
    border : 1px double #1C5A22; 
    font : bold 11px Tahoma, Verdana, Arial, sans-serif; 
    color : #fff;
    text-transform:capitalize;
}

#contact_form .phone2 { width:52px; padding-right:3px; padding-left:3px; margin-right: 2px; } 
#contact_form .phone {  width:104px; padding-right:3px; padding-left:3px; } 

.inputbutton, .inputsubmit { 
    background-color:#3e3d43;
    border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    padding:2px 15px 3px;
    text-align:center;
    cursor: pointer; float:right;
}


div#rightPanel h4 { font-size:13px; } 
div#rightPanel ul.list {
    margin-top: 5px;
    -x-system-font:none;
    color:#545454;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:14px;
}
div#rightPanel ul.list li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    /*background:transparent url(/images/bull2.gif) no-repeat scroll 0 1px;*/
    padding:0 0 12px 20px;
}

div#rightPanel ul.list li input {
    padding-top: 5px; 
    margin-top: 5px;
    } 
