body {font-family: 'Open Sans', sans-serif;font-size:14px;color:#000000;margin:0;padding:0 0 0;background:#181818;font-weight:400}
#all {background:#606060;padding:0 0 20px;color:#202020;position:relative}
div {font-family: 'Open Sans', sans-serif;font-size:14px;color:#303030;}
table, input, textarea, select {font-family: 'Open Sans', sans-serif;font-size:14px;color:#000;}

#login_container {margin:30px auto;text-align:center;width:240px;background:url(../images/logo.png) no-repeat center 20px #d8d8d8;padding:170px 15px 25px 15px;line-height:25px;border:0px solid #c0c0c0;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.7);}
#login_container h2 {font-size:22px;padding:5px 0 5px 40px;color:#202020;display:inline-block;background:url(../images/klodka.png) no-repeat left top;border:0;margin:0 auto 20px;}
#login_container form {margin:0 auto;display:inline-block}
#login_container label {float:left;clear:both;width:60px;font-weight:700;text-transform:uppercase;font-size:14px;color:#303030;margin:0 0 10px 0}
#login_container .text1,#login_container .password1 {float:left;border:1px solid #c0c0c0;padding:3px 6px;text-align:center;float:left;font-size:14px;color:#606060;border-radius:4px;margin:0 0 10px 0;width:100px}
#login_container .button1 {border-radius:5px;float:left;clear:left;border:0;background:#1b458f;margin-left:60px;cursor:pointer;font-size:12px;font-weight:700;color:#fff;padding:5px 10px;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,0.3);text-shadow:0 1px 1px rgba(0,0,0,0.3);}
#login_container .button1:hover {background:#cc2200;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.sep {clear:both;line-height:1px;font-size:1px;height:1px}

#login_container .text1:hover, #login_container .password1:hover {border-color:#808080}
#login_container .text1:focus, #login_container .password1:focus {border-color:#808080}

a {color:#c02010;text-decoration:none}
a:hover {color:#004499;text-decoration:none}

#footer {padding:10px 18px 6px;text-align:center;border-radius:8px 8px 0 0;background:#363636;font-size:12px;width:150px;margin:20px auto -20px}
#footer {color:#fff;}
#footer a {color:#5fcdf5;}

#top {z-index:10000;background:#c4c4c4;height:63px;position:absolute;top:0;left:0;right:0;padding:7px 20px;}

div.box_info {padding:10px 8px 10px 48px;min-height:20px;text-align:center;width:200px;margin:20px auto 15px;color:#202020;border-radius:5px;background:#fff url(../images/info.png) no-repeat 12px center;box-shadow:0 2px 7px rgba(0,0,0,0.6);}
div.box_warning {padding:10px 8px 10px 48px;min-height:24px;line-height:24px;text-align:center;width:200px;margin:20px auto 15px;color:#f00000;border-radius:5px;background:#e0e0e0 url(../images/alert.png) no-repeat 12px center;box-shadow:0 2px 7px rgba(0,0,0,0.6)}
#logo {background:url(../images/logomenu.png) no-repeat left center;width:557px;height:63px;float:left;margin-left:30px}
#menu {;z-index:10000;font-size:15px;line-height:32px;margin:0 auto 25px;border:0px solid #c0c0c0;text-align:left;padding:20px 0 20px 0;background:#4a4a4a;box-shadow:0 2px 8px rgba(0,0,0,0.2);position:fixed;left:-135px;top:20px;border-radius:0 15px 15px 0;width:180px;transition:left 0.2s ease-out}
#menu:hover {transition:left 0.3s ease-in-out;left:0}
#menu a:first-child {border-top:1px solid #909090}
#menu a {padding:6px 35px 6px 30px;line-height:20px;display:block;color:#fff;background-repeat:no-repeat;background-position:145px 5px;background-size:24px 24px;margin:0;border-radius:0;border-bottom:1px solid #909090}
#menu a.selected {color:#ffcc22;background-color:#808080;text-shadow:none}
#menu:hover a {padding:6px 40px 6px 20px;background-position:140px 5px;}
#menu a:hover {color:#000;background-color:#fff;text-decoration:none;}

#content {margin:0 auto;text-align:center;padding:90px 20px 30px 50px;float:none;background:#eeeeee;min-height:400px;z-index:1}

#logininfo {border-radius:0 0 15px 15px;background:#fff;float:right;padding:10px 20px 15px;position:fixed;top:0;right:20px;box-shadow:0 3px 5px rgba(0,0,0,0.1)}
#logged {float:left;text-align:center;padding-left:40px;background:url(../images/klodka.png) no-repeat left center;font-size:12px;margin-right:8px}
#logged h3 {margin:5px 0 0 0}
#logininfo a {margin-left:15px;float:left;font-size:10px;padding-top:30px}
#edytujdane {background:url(../images/tools.png) center top no-repeat}
#logout {background:url(../images/logout.png) center top no-repeat}

a.menu-start {background-image:url(../images/start.png)}
a.menu-podstrony {background-image:url(../images/podstrony.png)}
a.menu-asortyment {background-image:url(../images/asortyment.png)}
a.menu-grupy {background-image:url(../images/grupy.png)}
a.menu-wyposazenie {background-image:url(../images/wyposazenie.png)}
a.menu-producenci {background-image:url(../images/producenci.png)}
a.menu-rozliczenia {background-image:url(../images/rozliczenia.png)}
a.menu-zamowienia {background-image:url(../images/zamowienia.png)}
a.menu-zlecenia {background-image:url(../images/zlecenia.png)}
a.menu-kontrahenci {background-image:url(../images/kontrahenci.png)}
a.menu-szef {background-image:url(../images/szef.png)}
a.menu-ksiegowosc {background-image:url(../images/ksiegowosc.png)}
a.menu-oferty {background-image:url(../images/oferty.png)}
a.menu-przewoznicy {background-image:url(../images/przewoznicy.png)}
a.menu-wsamochody {background-image:url(../images/wsamochody.png)}
a.menu-uzytkownicy {background-image:url(../images/uzytkownicy.png)}
a.menu-kontrahenci {background-image:url(../images/kontrahenci.png)}
a.menu-pisma {background-image:url(../images/pisma.png)}
a.menu-newsletter {background-image:url(../images/newsletter.png)}
a.menu-konta {background-image:url(../images/konta.png)}
a.menu-konto {background-image:url(../images/konto.png)}
a.menu-logout {background-image:url(../images/logout.png)}
a.menu-config {background-image:url(../images/config.png)}
a.menu-dokumenty {background-image:url(../images/download.png)}
a.menu-aktualnosci {background-image:url(../images/news.png)}
a.menu-tlumaczenia {background-image:url(../images/tlumaczenia.png)}
a.menu-galerie {background-image:url(../images/galerie.png)}
a.menu-artykuly {background-image:url(../images/artykuly.png)}
a.menu-szkolenia {background-image:url(../images/artykuly.png)}
a.menu-kluby2 {background-image:url(../images/artykuly.png)}
a.menu-staze {background-image:url(../images/staze.png)}
a.menu-kluby {background-image:url(../images/kluby.png)}
a.menu-legitymacje {background-image:url(../images/legitymacje.png)}
a.menu-egzaminy {background-image:url(../images/egzaminy.png)}
a.menu-egzaminy2 {background-image:url(../images/egzaminy.png)}
a.menu-stopnie {background-image:url(../images/stopnie.png)}
a.menu-zarzad {background-image:url(../images/zarzad.png)}
a.menu-rada {background-image:url(../images/rada.png)}

h1.title {padding:10px 15px 10px 48px;background-repeat:no-repeat;background-position:8px center}
#title-start {background-image:url(../images/start.png)}
#title-podstrony {background-image:url(../images/podstrony.png)}
#title-szef {background-image:url(../images/szef.png)}
#title-rozliczenia {background-image:url(../images/rozliczenia.png)}
#title-asortyment {background-image:url(../images/asortyment.png)}
#title-wyposazenie {background-image:url(../images/wyposazenie.png)}
#title-warianty {background-image:url(../images/modele.png)}
#title-producenci {background-image:url(../images/producenci.png)}
#title-kontrahenci {background-image:url(../images/kontrahenci.png)}
#title-grupy {background-image:url(../images/grupy.png)}
#title-zamowienia {background-image:url(../images/zamowienia.png)}
#title-przewoznicy {background-image:url(../images/przewoznicy.png)}
#title-wsamochody {background-image:url(../images/wsamochody.png)}
#title-uzytkownicy {background-image:url(../images/uzytkownicy.png)}
#title-kontrahenci {background-image:url(../images/kontrahenci.png)}
#title-pisma {background-image:url(../images/pisma.png)}
#title-newsletter {background-image:url(../images/newsletter.png)}
#title-konta {background-image:url(../images/konta.png)}
#title-konto {background-image:url(../images/konto.png)}
#title-config {background-image:url(../images/config.png)}
#title-dokumenty {background-image:url(../images/download.png)}
#title-aktualnosci {background-image:url(../images/news.png)}
#title-tlumaczenia {background-image:url(../images/tlumaczenia.png)}
#title-staze {background-image:url(../images/staze.png)}
#title-artykuly {background-image:url(../images/artykuly.png)}
#title-szkolenia {background-image:url(../images/artykuly.png)}
#title-kluby2 {background-image:url(../images/artykuly.png)}
#title-galerie {background-image:url(../images/galerie.png)}
#title-kluby {background-image:url(../images/kluby.png)}
#title-legitymacje {background-image:url(../images/legitymacje.png)}
#title-egzaminy {background-image:url(../images/egzaminy.png)}
#title-egzaminy2 {background-image:url(../images/egzaminy.png)}
#title-stopnie {background-image:url(../images/stopnie.png)}
#title-zarzad {background-image:url(../images/zarzad.png)}
#title-rada {background-image:url(../images/rada.png)}


#crud_formularz {margin:0 auto;padding:10px}
#crud_formularz label {font-size:14px;display:block;margin:8px 0 6px;font-weight:700}
#crud_formularz h4 {font-size:13px;margin:0 0 5px}
table.crud_formtable {border:0;border-collapse:collapse;margin:0 auto;border-spacing:0;max-width:1400px}
table.crud_formtable  tr.separator td {color:#802000;background:#101010;border:1px solid #101010}
table.crud_formtable .crud_info {border-top:2px solid #eeeeee;background:#d3d3d3;padding:4px 8px;font-size:14px;color:#303030;border-left:0;border-right:0;line-height:1.5em;text-align:left}
table.crud_formtable .crud_formdesc {border-top:2px solid #eeeeee;font-weight:700;background:#d3d3d3;text-align:right;padding:0px 8px;font-size:14px;color:#303030;border-left:0;border-right:0;line-height:2.5em;vertical-align:top}
table.crud_formtable .crud_forminput {border-top:2px solid #eeeeee;text-align:left;padding:4px 8px;line-height:2.5em;color:#fff;background:#d3d3d3;color:#303030;border-left:0;border-right:0;}
table.crud_formtable tr:nth-of-type(2n) .crud_formdesc {background:#b4b4b4}
table.crud_formtable tr:nth-of-type(2n) .crud_forminput {background:#b4b4b4}
table.crud_formtable tr:nth-of-type(2n) .crud_info {background:#b4b4b4}
table.crud_formtable tr:nth-of-type(1) .crud_info {border-top:0}
table.crud_formtable tr:nth-of-type(1) .crud_formdesc {border-top:0}
table.crud_formtable tr:nth-of-type(1) .crud_forminput {border-top:0}
table.crud_formtable tr:hover .crud_info {background:#e0e0e0;}
table.crud_formtable tr:hover .crud_formdesc {background:#e0e0e0;}
table.crud_formtable tr:hover .crud_forminput {background:#e0e0e0;}
#crud_formularz table.crud_formtable  tr.inputleft input {text-align:left}

#crud_formularz input {border:0;padding:2px 6px;text-align:center;font-size:14px;color:#404040;background:#fff;}
#crud_formularz textarea {border:0;padding:2px 6px;text-align:left;font-size:14px;color:#404040;background:#fff;}
#crud_formularz input:focus {box-shadow:none;color:#000;background:#fff;} 
#crud_formularz textarea:focus {box-shadow:none;color:#000;background:#fff} 
#crud_formularz table.crud_formtable input:focus {box-shadow:none;color:#000;background:#fff;padding:0px 4px;border:2px solid #fa0} 
#crud_formularz table.crud_formtable textarea:focus {box-shadow:none;color:#000;background:#fff;padding:0px 4px;border:2px solid #fa0} 
#crud_formularz input[type="file"] {background:none;color:#602000;padding:0;box-shadow:none}
#crud_formularz input.button {border-radius:4px;border:0;background:#c02010;cursor:pointer;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;padding:1px 5px;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,0.3);text-shadow:0 1px 1px rgba(0,0,0,0.3);}
#crud_formularz input.button:hover {background:#cc5500;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.5)}

table#crud_lista {border:0;border-collapse:collapse;margin:0 auto}
#crud_lista td {border:1px solid #c0c0c0;padding:5px 5px;text-align:left;color:#101010;border-top:0;border-bottom:0}
#crud_lista th {border:1px solid #f0f0f0;font-weight:700;background:#1b458f;padding:8px 8px;font-size:13px;text-align:left;color:#fff;border-top:0;border-bottom:0}
#crud_lista .centeruj {text-align:center;}
table#crud_lista tr {background-color:#e2e2e2}
table#crud_lista tr:hover {background-color:#d8d8d8;border:1px solid #c0c0c0;border-top:0;border-bottom:0}
table#crud_lista tr:hover td {background-color:#d8d8d8;border:1px solid #c0c0c0;border-top:0;border-bottom:0}
table#crud_lista tr.nieparzyste {background-color:#fff}
table#crud_lista tr.nieparzyste:hover td {background-color:#f5f5f5;border:1px solid #c0c0c0;border-top:0;border-bottom:0}

table#crud_lista a {color:#2f84ca}
table#crud_lista a:hover {color:#d02010;text-decoration:none}

#pager {margin:0 20px 0 0;color:#202020;font-size:14px}
#pager a {padding:3px 8px;border-radius:0;font-weight:700;font-size:14px;display:inline-block;background:#ffffff;margin:0 1px 0 5px;box-shadow:0 1px 2px rgba(255,255,255,0.1)}
#pager a:hover {background:#202020;text-decoration:none;color:#c02010;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
#pager a.selected {background:#174789;color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.4)}
.operacje {margin:0 4px;line-height:24px}
.operacje img {border:0;display:inline-block;vertical-align:middle;margin:0 3px 0 0}

#crud_lista td.wciecie20 {padding:3px 5px 3px 20px}
#crud_lista td.wciecie40 {padding:3px 5px 3px 40px}
table#crud_lista tr.crud_marked td {color:#cc2211;font-weight:700}
table#crud_lista tr.crud_marked td {background-color:#fff}
table#crud_lista tr.crud_marked.nieparzyste td {color:#cc2211;background-color:#f8fce8}
#crud_lista tr.crud_marked td a {color:#446600}
#crud_lista tr.crud_marked td a:hover {color:#000}
#crud_lista td.marked {font-weight:700}

h1 {font-size:18px;color:#2288cc;padding:5px 30px 5px;display:inline-block;border-radius:5px;background:#c5c5c5}
h2 {font-size:16px;color:#2288cc;border-bottom:1px solid #303030;padding:0 30px 3px;display:inline-block}
h3 {font-size:14px;color:#2288cc}

.acenter {text-align:center}
.aleft {text-align:left}
.aright {text-align:right}

.fleft {float:left}
.fright {float:right}

.clear {clear:both}
.cleft {clear:left}
.cright {clear:right}

a img {border:0}
.img {border:0}
.imgl {float:left;border:1px solid #808080}
.imgr {float:right;border:1px solid #808080}
.imgb {border:1px solid #808080}

.box4print {width:610px;padding:30px;border:1px solid #606060;box-shadow:0 3px 6px rgba(0,0,0,0.2);background:#ffffff;margin:10px auto 20px}
.important {color:#cc2200}

#engine-info {color:#fff;text-align:center;font-size:11px;clear:both;padding-top:10px}
#engine-info b {color:#f0f0f0;background:#404040;border-radius:4px;padding:3px 6px;display:inline-block;margin-right:5px}

form {font-size:14px;line-height:2em}

form input {border:1px solid #000;padding:3px 6px;text-align:center;font-size:14px;color:#606060;background:#fff;border-radius:0}
form input.button {border-radius:4px;border:0;background:#c02010;cursor:pointer;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;padding:1px 5px;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,0.3)}
form input.button:hover {background:#cc5500}
form select {font-size:14px}
.topscroll {margin:0 10px 10px;display:none}
.box {background:#303030;border-radius:5px;padding:5px 10px;margin:10px auto;display:inline-block;max-width:320px;}
.hidden {display:none}