/*
CSS Credit: http://www.templatemo.com
*/

html {

	background: #fff;
}

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background: url(images/bg.jpg) #fff repeat-x;
}

a:link, a:visited {	color: #42ac1f; text-decoration:none; }
a:active, a:hover { color: #42ac1f; text-decoration: underline; }

p {
	font-family: Tahoma;
	font-size: 11px;
	margin: 0 0 10px 0;
	color: #5c5c5c;
	text-align: justify;
}

h2 {
	font-family: Tahoma;
	font-size: 12px;
	margin: 0 0 5px 0;
	color: #4f9e03;
}

h1 {
	font-family: Tahoma;
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #f69722;
	text-transform: uppercase;
}

.h_line {
	height: 4px;
	margin: 0 0 10px 0;
	background: url(images/h_line.jpg) top left no-repeat;
	border-bottom: 1px solid #f69a24;
}

.h_line_2 {
	height: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #f9c78b;
	border-top: 1px solid #fff;
}

#container {
	width: 900px;
	margin: auto;
	padding: 0;
}

#header {
	background: url(images/header.jpg);
	width: 900px;
	height: 325px;
}

#logo {
	float: left;
	width: 215px;
	height: 100px;
	margin: 40px 0 0 35px;
	font-weight: normal;
}

#logo h2 a {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 27px;
	font-size: 36px;
  font-variant:small-caps;
}

#logo h2 a:hover {
  text-decoration: none;
}


#logo span.green {
	color: #ebfcd8;
	margin: 0;
}

#logo p {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 0 0;
}

#header_right {
	float: right;
	width: 606px;
}

.loginup {
	float: right;
	width: 375px;
	height: 80px;
}

.loginup form {
  float: rgiht;
	width: 375px;
}

form {
  clear: both;
  padding-top: 10px;
}

.login {
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	float: right;
	margin: 0 5px 0 0;
}

.login a {color: #5c5c5c; text-align: right; float: right; padding-right: 5px; margin-top: 0px;}

.field {
	height: 19px;
	border: none;	
	background: #fff;
	border: 2px solid #e4bf77;
	padding: 2px;
	margin: 0 5px 0 5px;
	font-size: 12px;
}

.button {
	display: none;
}

.button2 {
	height: 25px;
	border: none;
	background: #F0B722;
	border: 1px solid #E29A2C;
	margin: 0;

}

#menu {
	float: right;
	width: 600px;
	height: 150px;
	margin: 75px 0 0 0;
}

#menu .menu_item {
	float: left;
	width: 150px;
	height: 150px;
	color: #fff;
	font-family: Tahoma;
}

.menu_item:hover {
	text-decoration: underline;
}

.menu_item .menu_text a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: right;
	margin: 78px 20px 0 0;
}

.menu_text a:hover {
	text-decoration: underline;
}

.menu_description {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: right;
	margin: 10px 20px 0 5px;
}

.menu_description:hover {
	text-decoration: none;
}

#menu .about {
	background: url(images/results.png) no-repeat;
	background-position: 55px 0;
}

#menu .organization {
	background: url(images/percent.png) no-repeat;
	background-position: 40px 0;
}

#menu .projects {
	background: url(images/number.png) no-repeat;
	background-position: 45px 0;
}

#menu .faq {
	background: url(images/question.png) no-repeat;
	background-position: 55px 0;
}

#content_area {
	width: 100%;
	background: #ffffff;
}

#left_section {
	float: left;
	width: 230px;
	background: url(images/left_bg.jpg) #fafafa bottom repeat-x;
	margin: 0 0 10px 3px;
	border:	1px solid #d0d0d0;
	border-top: none;
	padding: 0 15px ;
}

#right_section {
	float: right;
	width: 590px;
	margin: 0 0 10px 0;
	padding: 30px 25px 0 0;
}

#right_section img {
	float: left;
	border: 2px solid #e0e3ea;
	padding: 3px;
	margin: 0 7px 7px 0;
}

.category_list {
	margin: 0 20px;
	padding: 0px;
	list-style: none;
}

.category_list li { 
	display: inline-block;
	height: 17px;
	padding: 0 0 0 25px;
	margin: 0 0 30px 0;
	background: url(images/bullet.jpg) top left no-repeat;
}

.category_list li a { 
	color: #5c5c5c;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}

.category_list li a:hover { 
	color: #5c5c5c;
	text-decoration: none;
}

.category_list .last {
	margin: 0;
}

.section_1 {
	width: 100%;
}

.section_2 {
	width: 100%;
	height: 62px;	
	background: url(images/section_2_bg.jpg);
	margin: 0 0 10px 0;
}

.section_2 .section_2_left {
	float: left;
	width: 118px;
	height: 57px;	
	margin: 0 ;
	padding: 5px 0 0 0;
	border-right: 1px solid #fdc76d;
	color: #fff;
}

.section_2_left img {
	margin: 0 0 3px 40px;
}

.section_2_left:hover {
	color: #fff;
	text-decoration: underline;
}

.section_2_left a {
	float:left;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.section_2 .section_2_right {
	float: right;
	width: 108px;
	height: 52px;	
	margin: 0;
	padding: 10px 0 0 0;
	color: #fff;
}

.section_2_right img {
	border: none;
	margin: 0 0 5px 35px;
}

.section_2_right:hover {
	color: #fff;
	text-decoration: underline;
}

.section_2_right a {
	float:left;
	width: 100%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.readmore {
	float: left;
	background:url(images/readmore.jpg) repeat-x;
	margin: 0 0 10px 0;
	height: 18px;
	padding: 2px 10px;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
}

.readmore:hover {
	text-decoration: underline;
}

.readmore a {
	color: #fff;
	text-decoration: none;
}

.readmore a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer {
	width: 100%;
	background: #f7a027;
	padding: 10px 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

#footer a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

.red { 
  color: red;
  padding: 10px;
  border: 1px solid red;
}

.green { 
  color: #4f9e03;
  padding: 10px;
  border: 1px solid #4f9e03;
}

.orange{ 
  color: #f69a24;
  padding: 10px;
  border: 1px solid #f69a24;
}

#duzylotek .trafien3, #multimulti .trafien7 {font-size: 13px;}
#duzylotek .trafien4, expresslotek .trafien3, #multimulti .trafien8  {font-size: 16px; color: black;}
#duzylotek .trafien5, expresslotek .trafien4, #multimulti .trafien9  {font-size: 20px; color: orange}
#duzylotek .trafien6, expresslotek .trafien5, #multimulti .trafien10  {font-size: 24px; color: red;}

form#jump{display: inline-block; margin: 0px; padding: 0px 20px 0px 0px;}
#jump input {border: 2px solid #e4bf77; font-size: 12px;}
input#send {background: orange; border: 2px solid #e4bf77; color: white; margin-left: -4px;}

tr, td, th {padding: 5px 8px;}

p.ball {color: white;}
.ball strong {background: url(/images/ball.png) no-repeat; display: inline-block; width: 32px; height: 32px; padding: 6px 0 0 0px; text-align: center; font-size: 13px; color: #4c4c4c; }
.ball strong.plus {background: url(/images/ballplus.png) no-repeat;}
.section_1 p.ball strong {margin-top: -10px;}