/*
	Style for Online Charity
*/

	@import 'behavior/behavior.css';
	@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */
	 	
	body {
	  	background: #fff;
		font-family: Tahoma, Arial, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
		font-size: 11px;
		color: #2a2a2a;		
 	}

	h1 { font-size: 29px; font-weight: bold; font-family: Arial; }
	h2 { font-size: 21px;  font-family: Arial; font-weight: normal; }
	h3 { font-size: 17px; }
	h4 { font-size: 16px; }	
	h5 { font-size: 15px; }
	h6 { font-size: 12px; }
	
	h1, h2, h3, h4, h5, h6 { padding: 0; position: relative; }
				
	p { line-height: 19px; }

 	a { text-decoration: none; cursor: pointer; outline: none; color: #999999; }
 	a:hover { text-decoration: none; }

/* 	Page
 ``````````````````````````````````````````````````````````````````````````` */

/* New styl */
	
	.styleBlue #menu ul li a:hover, .styleBlue #menu ul li.selected a { background: blue; color: #fff; }
	.styleBlue #center { background: blue; }	
	.styleBlue #center { background: blue; }	
	.styleBlue #right .box .right_top { background-color: blue; }	


	#page { width: 965px; margin: 0 auto 0 auto; position: relative; }

	#header { width: 100%; height: 120px; position: relative; }
	#header #logo { position: relative; top: 16px; left: 8px; }

	#header ul { display: block; position: absolute; top: 8px; right: 8px; }
	#header ul li { float: left; display: inline; border-right: 1px solid #74489c; margin: 0 0 0 0; padding: 0 8px 0 8px; }
	#header ul li.last { border: 0; }
		
	#header .advertisement { position: absolute; top: 40px; right: 8px; }	

	#menu { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menu ul { position: absolute; padding-left: 10px; }
	#menu ul li { float: left; display: block; position: relative; }
	#menu ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menu ul li a:hover, #menu ul li.selected a { background: #27c367; color: #fff; }
	
	#menugrey { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menugrey ul { position: absolute; padding-left: 10px; }
	#menugrey ul li { float: left; display: block; position: relative; }
	#menugrey ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menugrey ul li a:hover, #menugrey ul li.selected a { background: #a6a5a5; color: #fff; }
	
	#menured { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menured ul { position: absolute; padding-left: 10px; }
	#menured ul li { float: left; display: block; position: relative; }
	#menured ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menured ul li a:hover, #menured ul li.selected a { background: #fb5309; color: #fff; }
	
	#menubrown { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menubrown ul { position: absolute; padding-left: 10px; }
	#menubrown ul li { float: left; display: block; position: relative; }
	#menubrown ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menubrown ul li a:hover, #menubrown ul li.selected a { background: #66612f; color: #fff; }
	
	#menuyellow { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menuyellow ul { position: absolute; padding-left: 10px; }
	#menuyellow ul li { float: left; display: block; position: relative; }
	#menuyellow ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menuyellow ul li a:hover, #menuyellow ul li.selected a { background: #f7ea22; color: #fff; }
	
	#menupurple { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menupurple ul { position: absolute; padding-left: 10px; }
	#menupurple ul li { float: left; display: block; position: relative; }
	#menupurple ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menupurple ul li a:hover, #menupurple ul li.selected a { background: #b63ed9; color: #fff; }
	
	#menudark { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menudark ul { position: absolute; padding-left: 10px; }
	#menudark ul li { float: left; display: block; position: relative; }
	#menudark ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menudark ul li a:hover, #menudark ul li.selected a { background: #16056e; color: #fff; }
	
	#menublue { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menublue ul { position: absolute; padding-left: 10px; }
	#menublue ul li { float: left; display: block; position: relative; }
	#menublue ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menublue ul li a:hover, #menublue ul li.selected a { background: #0ac8de; color: #fff; }
	
	#menufawn { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menufawn ul { position: absolute; padding-left: 10px; }
	#menufawn ul li { float: left; display: block; position: relative; }
	#menufawn ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menufawn ul li a:hover, #menufawn ul li.selected a { background: #b0a203; color: #fff; }
	
	#menupink { width: 100%; height: 32px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
	#menupink ul { position: absolute; padding-left: 10px; }
	#menupink ul li { float: left; display: block; position: relative; }
	#menupink ul li a { float: left; display: block; height: 29px; font-size: 12px; padding: 10px 12px 0 12px; color: #15323b; font-weight: bold; }	
	#menupink ul li a:hover, #menupink ul li.selected a { background: #cca9a2; color: #fff; }
						
	#center { width: 965px; height: 100%; background: #27c367; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#center #container { width: 945px; margin: 0 auto 0 auto; }	
	
	#centergrey { width: 965px; height: 100%; background: #a6a5a5; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centergrey #container { width: 945px; margin: 0 auto 0 auto; }	
	
	#centerred { width: 965px; height: 100%; background: #fb5309; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerred #container { width: 945px; margin: 0 auto 0 auto; }	
	
	#centerbrown { width: 965px; height: 100%; background: #66612f; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerbrown #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centeryellow { width: 965px; height: 100%; background: #f7ea22; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centeryellow #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centerpurple { width: 965px; height: 100%; background: #b63ed9; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerpurple #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centerdark { width: 965px; height: 100%; background: #16056e; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerdark #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centerblue { width: 965px; height: 100%; background: #0ac8de; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerblue #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centerfawn { width: 965px; height: 100%; background: #b0a203; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerfawn #container { width: 945px; margin: 0 auto 0 auto; }
	
	#centerpink { width: 965px; height: 100%; background: #cca9a2; position: relative; top: 4px; margin-bottom: 4px; padding: 6px 0 6px 0; }	
	#centerpink #container { width: 945px; margin: 0 auto 0 auto; }

	#content { width: 765px; float: left; display: inline; }
	#content .text { width: 750px; background: #fff url("../images/background_width_box.jpg") repeat-x 0 1px; padding: 8px 17px 0 17px; }		
	#content .text p { margin: 8px 0 8px 0; }
	#content h1 { position: relative; top: 35px; margin-bottom: 45px; }	
	
	#content ul { margin: 10px 0 0 15px; }	
	#content ul li { display: block; min-height: 16px; height: auto!important; height: 16px; margin-bottom: 6px; background: url("../images/icon_blue.png") no-repeat; padding: 0 0 0 20px; font-weight: bold; color: #0051d3;  }			
	
	#content .bar { width: 100%; height: 1px; overflow: hidden; background: #b2b2b2; margin: 20px 0 25px 0; }
	
	#content .items { width: 100%; margin: 10px 0 15px -2px; }
	#content .item { width: 183px; min-height: 220px; height: auto!important; height: 220px; border: 1px solid #d9d9d9; float: left; display: inline; margin-left: 2px; padding: 8px 0 14px 0; text-align: center; }
	#content .item h3 { text-align: center; text-decoration: underline; }
	#content .item img { margin: 16px 0 8px 0; }
	#content .item p { width: 75%; margin: 0 auto 0 auto; font-size: 10px; }
	#content .item .buttonDonate { width: 135px; height: 23px; background: url("../images/button_donate_now.jpg") no-repeat; display: block; margin: 9px auto 0 auto; text-indent: -999999px; }
	#content .item .buttonMore { width: 135px; height: 23px; background: url("../images/button_more_info.jpg") no-repeat; display: block; margin: 9px auto 0 auto; text-indent: -999999px; }
	#content .item .buttonApply { width: 135px; height: 23px; background: url("../images/button_apply_now.jpg") no-repeat; display: block; margin: 9px auto 0 auto; text-indent: -999999px; }
	#content .item p.from { margin: 7px auto 5px auto; }
	#content .item p.from span { font-size: 20px; font-weight: bold; }	
	
	#content .itemright { width: 195px; min-height: 220px; height: auto!important; height: 220px; border: 1px solid #d9d9d9; float: right; display: inline; margin-left: 2px; padding: 8px 0 14px 0; text-align: center; }
	#content .itemright h3 { text-align: center; text-decoration: underline; }
	#content .itemright img { margin: 16px 0 8px 0; }
	#content .itemright p { width: 75%; margin: 0 auto 0 auto; font-size: 10px; }
	#content .itemright .buttonDonate { width: 135px; height: 23px; background: url("../images/button_donate_now.jpg") no-repeat; display: block; margin: 9px auto 0 auto; text-indent: -999999px; }
	#content .itemright .buttonApply { width: 135px; height: 23px; background: url("../images/button_apply_now.jpg") no-repeat; display: block; margin: 9px auto 0 auto; text-indent: -999999px; }
	#content .itemright p.from { margin: 7px auto 5px auto; }
	#content .itemright p.from span { font-size: 20px; font-weight: bold; }
	
	#content .news { width: 100%; height: 100%; margin-bottom: 0; }	
	#content .news dl { margin: 8px 0 10px 0; }	
	#content .news dl dt { width: 200px; float: left; display: inline; }		
	#content .news dl dd { width: 400px; float: left; display: inline; }		
	#content .news dl dd p { margin: 2px 0 0 0; }

/* 
 ``````````````````````````````````````````````````````````````````````````` */	
		
	.icon_blue { height: 16px; display: block; background: url("../images/icon_blue.png") no-repeat; padding: 0 0 0 22px; margin: 10px 0 0 0; }
		
	.title { height: 28px; background: transparent url("../images/header_left.png") no-repeat 0 0; padding: 11px 0 0 16px; position: relative; display: block; }
	.title span { width: 20px!important; height: 39px; display: block; float: left; background: url("../images/header_right.png") no-repeat 0 0; position: absolute; z-index: 1; top:0; right: -20px; }	


/* 	Right
 ``````````````````````````````````````````````````````````````````````````` */	
 
	#right { width: 153px; float: right; display: inline; }
	#right .title { width: 118px; }	
	#right .box { width: 100%; background: #fff; display: block; margin: 0 0 0 0; position: relative; padding-bottom: 8px; }
	#right .box h3 { position: relative; top: 12px; margin: 0 0 12px 25px; }
	#right .box fieldset { position: relative; top: 12px; left: 15px; margin: 0 15px 12px 0; display: block; }
	#right .box fieldset input { width: 182px; height: 22px; background: url("../images/input.png") no-repeat; padding: 10px 0 0 15px; float: left; display: inline; }
	#right .box fieldset img { float: left; display: block;  position: relative; z-index: 2; margin: -15px 0 0 25px; }
	#right .box .right_top { width: 25px; height: 23px; background: #27c367 url("../images/box_top_right.png") no-repeat; position: absolute; top: 0; right: 0; z-index: 4; }	
	#right .box_bottom { width: 154px; height: 24px; background: url("../images/box_bottom1.png") no-repeat; margin-left: -1px; margin-bottom: 15px; }	
	
	#right .shadow { background: #fff url("../images/background_width_box.jpg") repeat-x 0 1px; }

	#right .advert { margin-left:20px; }

	#right h4 { margin: 0 0 0 0; }					
	#right p { width: 90%; margin: 10px 0 0 15px; }
	#right ul { margin: 10px 0 0 15px; }	
	#right ul li { display: block; width: 80%; min-height: 16px; height: auto!important; height: 16px; margin-bottom: 6px; background: url("../images/icon_blue.png") no-repeat; padding: 0 0 0 20px; font-weight: bold; color: #0051d3;  }

	#right dl { margin: 7px auto 0 auto; width: 295px; }
	#right dl dt { width: 150px; float: left; display: inline; }	
	#right dl dd { width: 145px; float: left; display: inline; }	
	#right dl dd p { width: auto; margin: 5px 0 0 2px; }
	
/* 	Footer
 ``````````````````````````````````````````````````````````````````````````` */	

	#footer { width: 850px; clear: both; margin: 15px auto 15px auto; padding: 8px 0 0 0; position: relative; }
	#footer p a { color: #2a2a2a; font-weight: bold; font-size: 11px; }
	#footer p { font-size: 10px; width: 75%; }
	#footer .logos { position: absolute; top: 10px; right: 15px; }
				
/* 	Colors
 ``````````````````````````````````````````````````````````````````````````` */	
 
	.cBlue { color: #0051d3; }
	.cGray { color: #818181; }
	 	 
/* 	Formularze
 ``````````````````````````````````````````````````````````````````````````` */	
				
	input, textarea, select { font-size: 11px; font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif; border: 0; }