/* 	Reset
 ``````````````````````````````````````````````````````````````````````````` */

@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */

body {
    background: #fff url("../images/bg.png") repeat-x;
    font-family: Tahoma, Verdana, Arial,  "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 11px;
    color: #686868;
}

h4 { font-size: 11px; }

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

p { line-height: 17px; text-align: left; }

.fright { float: right; display: inline; }
.frightblock { float: right; display: block; }
.fleft { float: left; display: inline; }
.nomargin { margin: 0!important; }
.underline { text-decoration: underline; }
.acenter { text-align: center; }


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

#page { width: 415px; margin: 0 auto; position: relative; }
 #header { height: 208px; background: url("../images/bg_top_2.gif") no-repeat 74% 100%; position: relative; z-index: 10; }
 #header h1 { width: 94px; height: 68px; background: url("../images/logo.gif") no-repeat; text-indent: -7777em; float: left; margin: 40px 0 0 45px; }
 #header h1 a { width: 94px; height: 68px; display: block; }
 #header p.login { margin: 20px 0 0 0; }


 #center { width: 415px; background: url("../images/bg_login_middle.gif") repeat-y; margin-top: -23px; position: relative; }
  #center .ctop {  background: url("../images/bg_login.gif") no-repeat; }
  #center .cbottom {  background: url("../images/bg_login_bottom.gif") no-repeat left bottom; padding: 14px 18px 16px 20px; }

  #center .content { background: #f3f3f3; border: 1px solid #e6e6e6; padding: 10px; }

/* colors
 ``````````````````````````````````````````````````````````````````````````` */

.cred { color: #a10104; }
.cgreen { color: #0f8406; }
.cblue { color: #2e9be0; }
.cblack { color: #0a0d0e; }

/* inputs, forms -special
 ``````````````````````````````````````````````````````````````````````````` */

form ul { width: 94%; margin: 0 auto; }
form ul li { overflow: hidden; height: 100%; margin-bottom: 15px; }
form ul li label { display: block; margin: 5px 0 5px 0; font-weight: bold; color: #939393; }
form ul li input[type="text"] { width:93%; background: #eeeeee; border: 1px solid #cecece; padding: 6px 10px 6px 10px; }
form ul li input[type="password"] { width:93%; background: #eeeeee; border: 1px solid #cecece; padding: 6px 10px 6px 10px; }
form ul li input[type="image"] { margin: 10px 2px 0 0; }
form ul li .select { width: 152px; height: 24px; float: left; padding: 2px 0 0 10px;  background: url("../images/input_1.gif") no-repeat;  }
form ul li .select select { background: none; width: 95%; }

form ul li .rejestracja { margin: 10px 0 0 10px; display: block; }
form ul li .mtop { margin: 10px 0px 0 0; }


form ul li.radio { margin-left: 0px; margin-top: 4px; }
form ul li.radio input { float: left; display: inline; margin: 1px 0px 0; }
form ul li.radio label { float: left; display: inline; margin: 1px 10px 0; }

.bar { height: 1px; overflow: hidden; background: #c5c5c5; margin: 15px auto; width: 95%; }

/* inputs, forms - all
 ``````````````````````````````````````````````````````````````````````````` */

input, textarea { border: 0px solid #bababa; padding: 0px; background: #f3f3f3; font-size: 11px; font-family: Arial; color: #6d6d6d; }
select { border: 0px solid #bababa; padding: 3px 2px; background: #f6f6f6; font-size: 11px; font-family: Arial; color: #6d6d6d; }
select option { margin-right: 5px; padding-right: 5px; }
.button { border: 0; padding: 0!important; background: none; width: auto!important; height: auto!important; }