/*
	Style for Creditcard Marketplace
*/

/* 	All
 ``````````````````````````````````````````````````````````````````````````` */

 	form { display: inline; }
 	
	body, img, p, dl, dt, dd, th, ul, li, fieldset { margin: 0; padding: 0; text-align: left; border: 0; }

	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; text-align: left; font-family: Arial; color: #000c2e; font-weight: bold; }	
	ul, li { list-style: none; }
 	p { line-height: 17px; }
	table { border-collapse: collapse; }

	.clear { clear: both; margin: 0!important; padding: 0!important; background: none!important; width: auto!important; float: none!important; height:0!important; overflow: hidden!important; line-height: 0!important; }

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

 	a { text-decoration: underline; cursor: pointer; }
 	a:hover { text-decoration: none; }

	.blue, a { color: #008fff; }
	.red { color: #bf0000; }
	
	h1 { font-size: 17px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	h4 { font-size: 13px; }
	
/* 	Page
 ``````````````````````````````````````````````````````````````````````````` */	

	#top { display: block; background: #000; padding: 6px 0 6px 0; text-align: center; color: #FFFFFF; width: 100%; }
	#AllBackground { width: auto; min-height: 600px; height: auto!important; height: 600px; margin: 0 auto 0px 0; background: #2c2c2c url("images/background_h.jpg") repeat-x; }
	
	#container { width: 965px; margin: 0 auto 10px auto;  }
	#header { width: 965px; height: 312px; background: url("images/Broadband_podstrona_04-06.jpg") no-repeat; }
	#header #logo { width: 325px; height: 95px; position: absolute; text-indent: -99999px; display: block; overflow: hidden; margin: 10px 0 0 10px; }
	#header #advert { display: block; overflow: hidden; margin: 0px 0 0 490px; }

	#center { width: 965px; background: #fff; }
	#center #left { width: 314px; float: left; display: inline; }	 
	#center #left #leftMenu { width: 314px; height: auto; background: url("images/Left_background_h.jpg") repeat-y 0 0; }	
	#center #left #leftMenuFotter { width: 314px; height: auto; padding-bottom: 12px; margin-bottom: 0; background: url("images/Left_fotter.jpg") no-repeat 100% 100%; }	

	/* 	Level 1
 	 ``````````````````````````````````````````````````````````````````````````` */	
 	 
	#center #left #leftMenu ul { margin: 15px 0 0 20px!important; }		
	#center #left #leftMenu ul li { margin-bottom: 1px; }		
	#center #left #leftMenu ul li a { color: #5b5b5b; font-weight: bold; text-decoration: none; font-size: 13px; }		
	#center #left #leftMenu ul li a { height: 20px; padding: 6px 0 0 45px; background: url("images/Left_back_noactive.jpg") no-repeat; display: block; }	
	#center #left #leftMenu ul li a:hover, #center #left #leftMenu ul li#active a { background: url("images/Left_back_active-17.jpg") no-repeat; color: #cdcdcd; }	

	#center #left #leftMenu ul li.notactive a { background: url("images/Left_back_notactive.jpg") no-repeat!important; display: block; }	

	#center #left #leftMenu ul li.no { margin-top: 5px!important; }	
	#center #left #leftMenu ul li.no a { font-size: 11px; color: #4a9bdc!important; width: 85%; height: auto!important; overflow: hidden; padding-left: 30px!important; background: none!important; display: block; }	

	/* 	Level 2
 	 ``````````````````````````````````````````````````````````````````````````` */	
	  	
	#center #left #leftMenu ul li ul { margin: 10px 0 10px 50px!important; }		
	#center #left #leftMenu ul li ul li { width: 100%; display: block; background: url("images/kratka.jpg") no-repeat 0 50%; margin: 0 0 5px 0; }		
	#center #left #leftMenu ul li ul li a { color: #5b5b5b!important; font-weight: normal; text-decoration: none; font-size: 11px; }	
	#center #left #leftMenu ul li ul li a { background: none!important; padding: 0 0 0 10px!important; height: auto!important; }		
	#center #left #leftMenu ul li ul li a:hover, #center #left #leftMenu ul li.notactive a:hover { color: #5b5b5b; text-decoration: underline; }	
	
	#center #left h3 { margin: 10px 0 0 50px; }
	#center #left ul { margin: 15px 0 15px 50px; display: block; }
	#center #left ul li { margin-bottom: 3px; }			
	#center #left ul li a { color: #545454; text-decoration: none; }	
	#center #left ul li a:hover { text-decoration: underline; }	

/* 	Content
 ``````````````````````````````````````````````````````````````````````````` */	
	
	#center #wrapper { width: 625px; float: left; display: inline; padding: 10px 0 0 15px; }
	#center #wrapper .content { margin: 10px 0 0 10px; width: 94%; }
	#center #wrapper .content .limg { float: left; margin: 0 10px 0 0; }		
	#center #wrapper h1 { margin: 0 0 10px 0; }
	#center #wrapper h2 { margin: 0.8em 0 8px 0; }
		
	#center #wrapper p { display: block; margin-top: 5px; }

	#center #wrapper ul { margin-top: 10px; }
	#center #wrapper ul li { margin-bottom: 4px; }
	#center #wrapper ul li a { color: #333232; }	
	
	#center #wrapper form fieldset { margin-top: 15px; padding: 2px; }
	#center #wrapper form fieldset select { padding: 1px; width: 200px; }
	
	#wrapper #main ul { margin: 0 0 5px 5px; }
	#wrapper #main ul li { background: url("images/strzlka.gif") no-repeat 0 60%; padding-left: 15px; font-size: 10px; }

	#wrapper .BoxtableTop { width: 612px; min-height: 200px; height: auto!important; height: 200px; background: url("images/TableShadow1_header.jpg") no-repeat top left; margin-bottom: 15px; }
	#wrapper .BoxtableHeight { width: 612px; background: url("images/TableShadow1_background_h.jpg") repeat-y; margin: 15px 0 10px 0; }
	#wrapper .BoxtableBottom { width: 612px; overflow: hidden; background: url("images/TableShadow1_fotter.jpg") no-repeat bottom left;}

	#wrapper .noshadowTop { background: url("images/TableNoShadow1_header.jpg") no-repeat; }
	#wrapper .noshadowHeight { background: url("images/TableNoShadow1_background_h.jpg") repeat-y; }
	#wrapper .noshadowBottom { background: url("images/TableNoShadow1_fotter.jpg") no-repeat bottom; }
	
	#wrapper .Boxtable { width: 612px; padding-top: 15px; margin-bottom: 20px; }
	#wrapper .Boxtable h1 { font-weight: bold; text-align: center; margin: 0 0 15px 0; }

	#wrapper .table1 table { margin-left: 1px; }
	#wrapper .table1 table th, #wrapper .table1 table td { color: #008fff; text-align: center; width: 13%; border: 2px solid #d9d9d9; border-right: 0; font-size: 12px; padding: 5px; }	
	#wrapper .table1 table td { font-size: 11px; color: #333232; }
	#wrapper .table1 table .first { width: 23%; border-left: 0; padding: 8px; }
	#wrapper .table1 table .second { width: 23%; border-left: 0;  border-bottom:none; padding: 4px; }
	#wrapper .table1 table .third { width: 23%; border-left: 0; border-top:none; padding: 4px; }
	#wrapper .table1 table .last { width: 12%; padding: 0; }	
	#wrapper .table1 table .last a { font-weight: bold; }

	#wrapper .table2 { width: 96%!important; margin: 0 auto 0 auto; }
	#wrapper .table2 table { border-color: #d9d9d9; width: 100%; }		
	#wrapper .table2 table td { border-color: #d9d9d9; width: 33%; vertical-align: top; padding: 10px 10px 10px 10px; text-align: center; }
	#wrapper .table2 table td .img, .table3 table td .img { min-height: 65px; height: auto!important; height: 65px; }
	#wrapper .table2 table td h4, .table3 table td h4 { text-align: center; margin: 5px 0 10px 0;  }
	#wrapper .table2 table td p, .table3 table td p { padding: 5px 5px 0 5px; font-size: 10px; }	
	#wrapper .table2 table td ul, .table3 table td ul { margin: 0 0 5px 5px; }
	#wrapper .table2 table td ul li, .table3 table td ul li { background: url("images/strzlka.gif") no-repeat 0 60%; padding-left: 15px; font-size: 10px; }
	#wrapper .table2 table td .click, .table3 table td .click { font-size: 11px; font-weight: bold; margin-top: 20px; display: block; }
		
	#wrapper .table3 table { margin-left: 1px; }
	#wrapper .table3 table td { vertical-align: top; text-align: center; width: 33%; border: 2px solid #d9d9d9; border-right: 0; padding: 10px 12px 10px 12px; }	
	#wrapper .table3 table .first { border-left: 0; }

			
/* 	Fotter
 ``````````````````````````````````````````````````````````````````````````` */	
		
	#fotter { width: 945px; height: 69px; margin: 15px auto 10px auto; background: #4f4f4f url("images/logo_fotter.jpg") no-repeat 100% 1px; }
	#fotter .ftop { padding: 12px 0 0 0; color: #909090; }
	#fotter p { color: #fff; text-align: center; }
	#fotter a { color: #fff; margin: 0 2px 0 2px; font-size: 10px; text-decoration: none; }