html {
	width: 100%;
}
body {
	font-family: Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	height: 100%;
	padding: 0px;
	width: 100%;
	text-align: left;
	font-size: 14px;	
	background: #f2f2f2 url('../images/bg.jpg') top center no-repeat;
}

#page {
	float: left;
	background: url('../images/header/header_bg.jpg') repeat-x;	
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

a { 
    outline: none; 
    text-decoration: none; 
}

img {
	border: 0px solid;
	padding: 0px;
	margin: 0px;
}

table {
	border-collapse: collapse;
}

table tr td {
    padding : 0;
}

td.warning {
    color: #cd1212;
}

span.warning {
    color: #cd1212;
}

span.ok {
    color: #398f1f;
}



/***** HEADER 1 *****/
#header1_base {
    margin-top: 0px;
    float: left;
    width: 100%;
    min-width: 984px;	
}

#header1_center {
    margin: 0px auto;
    width: 984px;
}

#header1_content {
    float: left;
    width: 984px;
}

#header1_content .title {
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: #444;
}

#lang {
	float: right;
    height: 44px;
}

#lang .zmien_jezyk {
	float: left;
    height: 44px;
	line-height: 44px;
    font-size: 13px;
    color: #444;
/*    width: 100px;*/
}

#lang a {
	float: left;
	display: block;
	height: 44px;
	line-height: 44px;
    font-size: 13px;
    color: #909090;
	padding-left: 19px;
	margin-left: 12px;
	background-position: left -44px;
	background-repeat: no-repeat;
}

#lang a.selected, #lang a:hover{
	background-position: left 0px;
	color: #009ee0;
}

#lang a.flag_pl {
	background-image: url('../images/flags/pl.png');
}

#lang a.flag_en {
	background-image: url('../images/flags/en.png');
}


/***** HEADER 2 *****/
#header2_base {
/*    margin-top: 20px;*/
    float: left;
    width: 100%;
}

#header2_center {
    margin: 0px auto;
    width: 984px;
}

#header2_content {
    float: left;
    width: 984px;
}

#top {
	float: left;
    width: 982px;
    height: 132px;
    background: url('../images/header/header.jpg') center;
	border: 1px solid #d3d3d3;	
}


/***** MIDDLE *****/
#middle_base {
    float: left;
    width: 100%;
}

#middle_center {
    margin: 0px auto;
    width: 557px;
}

#middle_content {
	margin-top: 50px;
    float: left;
    width: 557px;
}


/***** LOGIN BOX *****/
.box_top {
	display: none;
    float: left;
    width: 557px;
    height: 10px;
    background: url('../images/login/bg_header.png') no-repeat;
}

.box_middle {
    float: left;
    width: 557px;
    //background: url('../images/login/bg_content.png') repeat-y;
	background: #fff;
	border: 1px solid #d3d3d3;
	padding: 15px 0px;
}

.box_bottom {
	display: none;
    float: left;
    width: 557px;
    height: 10px;
    background: url('../images/login/bg_footer.png') no-repeat;
}


/***** LOGOWANIE *****/
.login_left {
    float: left;
    width: 277px;
    min-height: 208px;
    padding: 0px 0px 15px 0px;    
}

.login_ver_sep {
    float: left;
    width: 3px;
    min-height: 223px;
    background: url('../images/login/sep_vertical.png')
}

.login_right {
    float: left;
    width: 277px;
    min-height: 208px;
    padding-bottom: 15px;
}

.login_left .title {
    padding-left: 45px;
    vertical-align: middle;
    font-family: 'Calibri';
    font-size: 22px;
    color: #444444;
    height: 35px;
    line-height: 35px;
    background: url('../images/login/ico_login.png') no-repeat 15px 4px;
}

.login_right .title {
    padding-left: 45px;
    vertical-align: middle;
    font-family: 'Calibri';
    font-size: 24px;
	font-weight: bold;
    color: #444444;
    height: 35px;
    line-height: 35px;
    background: url('../images/login/ico_registration.png') no-repeat 15px 4px;
}

.login_right strong.blue {
	color: #1991c8;
}

.login_hor_sep {
    float: left;
    width: 247px;
    height: 3px;
    margin: 0px 15px 10px 15px;
    background: url('../images/login/sep_horizontal.png') repeat-x;
}

.login_content {
    float: left;
    width: 247px;
    margin: 0px 15px;
    font-family: 'Calibri';
    font-size: 14px;
    color: #444444;
}

.login_content td {
    padding-top: 5px;
    padding-left: 11px;
}

.login_content td.name {
	color: #666;
}

.login_content td.input {
	color: #444;
}

.login_content tr.last td {
    padding-top: 12px;
}

.login_content input.text_input {
    width: 215px;
    height: 25px;
    padding: 0px 5px;
    //background: url('../images/login/text_area.png');
    /*border: none 0px;*/
	border: 1px solid #DCDDDE;
    line-height: 25px;
    font-family: 'Calibri';
    font-size: 14px;
    color: #444444;    
}

/*.login_content input.do_login {
    height: 23px; 
    width: 76px;
    background: url('../images/login/button_login.png');
    border: none 0px;
    float: right;
    cursor: pointer;    
}*/
.login_content input.do_login {
    height: 27px;
    line-height: 25px;
    color: #5d5d5d;
    font-size: 13px;
    font-family: Arial;    
    padding: 0px 10px;
    background: url('../images/content/button_grey.jpg') repeat-x;
    border: solid 1px #c2c2c2;
    float: right;
    cursor: pointer;    
}

.login_content a.zapomnialem_hasla {
    color: #444444;
}

.text_lower {
    padding-top: 5px;
}

a.button {
    display: block;
    height: 23px;
    cursor: pointer;
}

a.zaloz_konto {
    display: inline-block;
    margin: 5px 0px 15px 0px;

    height: 25px;
    line-height: 25px;
    color: #5d5d5d;
    font-size: 13px;
    font-family: Arial;
    padding: 0px 10px;
    background: url('../images/content/button_grey.jpg') repeat-x;
    border: solid 1px #c2c2c2;
    cursor: pointer;     
}

a.zaloz_konto_grupowe {
	line-height: 20px;
	color: #444444;
	font-weight: bold;
}

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


/***** ODZYSKIWANIE HASŁA *****/
.odzyskiwanie .title {
    padding-left: 25px;
    vertical-align: middle;
    font-family: 'Calibri';
    font-size: 22px;
    color: #444444;
    height: 35px;
    line-height: 35px;
}

.odzyskiwanie_hor_sep {
    float: left;
    width: 507px;
    height: 3px;
    margin: 0px 25px 10px 25px;
    background: url('../images/login/sep_horizontal.png') repeat-x;    
}

.odzyskiwanie_form {
    float: left;
    width: 507px;
    margin: 0px 25px 10px 25px;
    font-family: 'Calibri';
    color: #444444;
}

.odzyskiwanie_form td {
    width: 50%;
}

.odzyskiwanie_form td.warning {
    width: 225px;
    padding-left: 29px
}

.odzyskiwanie_form input.text_input {
    float: right;
    width: 215px;
    height: 25px;
    padding: 0px 5px;
    border: none 0px;
    line-height: 25px;
    font-family: 'Calibri';
    font-size: 14px;
    color: #444444;  
	border: 1px solid #DCDDDE;		
}

.odzyskiwanie_form input.do_recover {
	height: 27px;
	line-height: 25px;
	color: #5d5d5d;
	font-size: 13px;
	font-family: Arial;
	padding: 0px 10px;
	background: url('../images/content/button_grey.jpg') repeat-x;
	border: solid 1px #c2c2c2;
	float: right;
	cursor: pointer;
	margin-top: 12px; 
}

.odzyskiwanie_form input.do_cancel {
	height: 27px;
	line-height: 25px;
	color: #5d5d5d;
	font-size: 13px;
	font-family: Arial;
	padding: 0px 10px;
	background: url('../images/content/button_grey.jpg') repeat-x;
	border: solid 1px #c2c2c2;
	float: right;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 12px; 
}

.odzyskiwanie_form tr.email td {
    padding-top: 10px;
}

.odzyskiwanie_form .przyciski {
    padding-top: 5px;
}


/***** RESETOWANIE HASŁA *****/
.resetowanie_form {
    float: left;
    width: 507px;
    margin: 0px 25px 10px 25px;
    font-family: 'Calibri';
    color: #444444;
}

.resetowanie_form td {
    width: 50%;
    padding-top: 5px;
}

.resetowanie_form td.name {
    text-align: left;
    width: 125px;
    padding-left: 129px;
}

.resetowanie_form td.center {
    text-align: center;
}

.resetowanie_form input.text_input {
    float: left;
    width: 215px;
    height: 25px;
    padding: 0px 5px;
    line-height: 25px;
    font-family: 'Calibri';
    font-size: 14px;
    color: #444444;
	border: 1px solid #DCDDDE;	
}

.resetowanie_form input.do_reset {
	height: 27px;
	line-height: 25px;
	color: #5d5d5d;
	font-size: 13px;
	font-family: Arial;
	padding: 0px 10px;
	background: url('../images/content/button_grey.jpg') repeat-x;
	border: solid 1px #c2c2c2;
	float: right;
	cursor: pointer;
	margin-right: 27px;
	margin-top: 12px;
}

.resetowanie_form input.do_cancel {
	height: 27px;
	line-height: 25px;
	color: #5d5d5d;
	font-size: 13px;
	font-family: Arial;
	padding: 0px 10px;
	background: url('../images/content/button_grey.jpg') repeat-x;
	border: solid 1px #c2c2c2;
	float: right;
	cursor: pointer;
	margin-right: 10px;
	margin-top: 12px;
}

.resetowanie_form .przyciski {
    padding-top: 5px;
}


a.do_powrot {
	height: 27px;
	line-height: 25px;
	color: #5d5d5d;
	font-size: 13px;
	font-family: Arial;
	padding: 0px 10px;
	background: url('../images/content/button_grey.jpg') repeat-x;
	border: solid 1px #c2c2c2;
	float: right;
	cursor: pointer;
	margin-right: 25px;
	margin-top: 12px;
}


/***** COMMON *****/
.confirm {
    text-align: left;
    width: 507px;
    padding: 0px 25px 10px 25px;  
    font-family: 'Calibri';
    font-size: 14px;
    color: #444444;    
}

a.powrot {
    float: right;
    width: 76px;
    background: url('../images/login/button_back.png');
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 25px; 
    margin: 0px 25px 25px 0px;
}

input.cancel {
    height: 23px; 
    width: 76px;
    background: url('../images/login/button_cancel.png');
    border: none 0px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

input.save {
    height: 23px; 
    width: 75px;
    background: url('../images/login/button_save.png');
    border: none 0px;
    float: right;
    margin-top: 5px;
    margin-right: 52px;
    cursor: pointer;
}



/*.flags_sep {
    float: left;
    width: 557px;
    height: 6px;
    background: url('../images/login/flag_line.jpg') center no-repeat;
}

.flags_bottom {
    margin-top: 10px;
    float: left;
    width: 557px;
}

.flags_bottom table {
    width: 100%;
}

.flags_bottom table td {
    text-align: center;
}*/


/***** FOOTER 3 *****/
#footer3_base {
    float: left;
    width: 100%;
    min-width: 984px; 
}

#footer3_center {
    margin: 0px auto;
    width: 984px;
}

#footer3_content {
    float: left;
    width: 984px;
	height: 70px;
	text-align: center;
}

a.designer {
	display: inline-block;
	padding: 20px 0px 20px 0px;
	color: #676767;
	text-align: center;
}

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

a.designer p {
	font-size: 13px;
	margin: 0px;
	padding: 5px 0px;
}

a.designer img {
	
}