a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: top;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

mark {
  background-color: transparent;
}

a, ins, del {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  content: "";
}


*, *:before, *:after {
	-webkit-box-sizing: border-box;  
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
}

body {
	color: #04283c;
	font-family: Ubuntu,'Trebuchet MS',arial,sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	background: #00698a;
	position: relative;
}

strong {font-weight: 700;}

.wrapper {width: 80%; min-width: 990px; margin: 0 auto; text-align: left; padding: 0 15px;}
header, section, main, footer {width: 100%}

.main-ie { background: #f0f0f0; padding-top:15px; padding-bottom:30px; }
.main-background-color  {background: #f0f0f0;}


#login {background: #f0f0f0;}
#login ul {position: relative; right: 0; text-align: right;}
#login li {display: inline-block; }
#login li a{height: 30px; display: block; padding: 6px 18px 6px 32px; color: #04283c; text-align: left;}
#login li a:hover {text-decoration: underline;}
#uzytkownik {background: url(images/sprzedawca.png) no-repeat 0 0;}
#zmianahasla {background: url(images/zmianahasla.png) no-repeat 0 0;}
#wyloguj {background: url(images/wyloguj.png) no-repeat 0 0;}

#logo {background: #00698a; border-bottom: 2px solid #fff; font-weight: 700; font-size: 24px; line-height: 30px; color: #fff;}
#logo .wrapper {position: relative;}
#logo a, #logo p {display: inline-block;}
#logo p {padding: 15px 30px; width: 460px;}
/*p#wersjaszkoleniowa {position: absolute; right: 0; text-align: right; padding-right: 18px; text-transform: uppercase;}*/
p#program-wersja {position: absolute; right: 0; text-align: right; padding-right: 18px;}

nav {background: #fff; border-top: 10px solid #04283c;}
nav a:hover {background: #00698a; color: #fff;}
nav ul {margin-left: -12px;}
nav ul li {display: inline-block; position: relative;}
nav ul li a {display: block; padding: 12px 45px 12px 12px;}
nav ul li ul {display: none; position: absolute; margin-left: 0;}
nav ul li:hover ul {display: block; z-index: 100;}
nav ul li ul li {display: block; width: 256px; background: #fff; border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;}
nav ul li.more:hover > a  {font-weight: 700; text-decoration: none;}

main {min-height: 300px; background: #f0f0f0; padding: 30px 0; }
main h1 {font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom:30px; text-transform: uppercase;}
main h1 span {font-size: 24px; line-height: 30px; font-weight: 700; padding: 0 15px; text-transform: none; }
/*main #logowanie {padding: 60px 0 60px 249px; width: 700px;}*/
main #logowanie {padding: 60px 0 30px 249px; width: 700px;}
main #form-logowanie label {display:block; margin-bottom: 18px;}
main #form-logowanie label > span{display: inline-block; float: left; width: 160px; margin-right: 6px; font-size: 16px;}
main #form-logowanie input[type=text]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: transparent; border: none; border-bottom: 1.1px dotted #04283c; width: 250px; outline: none;  padding: 0px 0px 0px 0px; color: #00698a; }
main #form-logowanie input[type=password]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: transparent; border: none; border-bottom: 1.1px dotted #04283c; width: 250px; outline: none;  padding: 0px 0px 0px 0px; color: #00698a; }
main #form-logowanie input[type=submit]{background: #00698a; border: none; padding: 8px 10px 8px 10px; border-radius: 0px; color: #fff; margin-top: 1em;cursor: pointer; font-weight: 700; }
main #form-logowanie input[type=submit]:hover{background: #04283c;}
main #form-logowanie input[type=checkbox] {margin: 0;}
main #form-logowanie input {font-family: Ubuntu,'Trebuchet MS',arial,sans-serif; font-size: 16px;}


main #programy ul {width: 33%; padding: 0 24px 24px 0; display: inline-block; }
main #programy li {background: #fff; margin-bottom: 6px; position: relative; width: 100%;}
main #programy li a {position: relative; top: 0; left: 50px; display: block; font-size: 18px; line-height: 18px; font-weight: 700; padding: 6px; padding-bottom: 0; min-height: 54px; width: 70%;}
/*main #programy li a:hover {color: #df0024;}*/
a.dostepny:hover {color: #df0024;}
main #programy li a span {font-size: 14px; line-height: 18px; font-weight: 400;}
main #programy li.naglowek {padding: 12px 12px; font-size: 24px; line-height: 30px; background: #04283c; color: #fff; font-weight: 700;}
main #programy li div.opis {position: absolute; top: 0; left: 0; display: inline-block; width: 50px; height: 100%; background: url(images/opis.png) no-repeat 50% 12px;}
main #programy li div.opis {border: 1px solid; }
main #programy li div.opis div.tresc {display: none; }
/*main #programy li div.opis:hover div.tresc {display: block;}*/
main #programy li div.opis:hover {background-image: url(images/opis-hover.png); border: 2px solid #df0024;}


main #programy li div.cena {position: absolute; top: 0; right: 0; display: block; width: 50px; height: 100%; background: #04283c url(images/cena.png) no-repeat 50% 50%;}
main #programy li div.cena div.tresc {display: none;}
/*main #programy li div.cena:hover div.tresc {display: block;}*/
main #programy li div.cena:hover {background-color: #df0024;}

main #programy div.tresc {background: #fff; padding: 14px; border: 1px solid #aaa; position: absolute; top: 24px; left: 36px; z-index: 2;}
main #programy div.tresc table{background: #f0f0f0; width: 100% !important;}

.opis-cena th {background: #00698a; font-weight: 700; color: #fff; white-space:nowrap; text-align:center;vertical-align:middle}
/*.opis-cena td, .opis-cena th {padding: 12px; border: 2px solid #fff; min-width: 130px; text-align:center}*/
.opis-cena td, .opis-cena th {padding: 6px; border: 2px solid #fff; min-width: 130px; text-align:center;}
.cena td, .cena th {white-space:nowrap}
th.table-tytul {font-weight: 400; color: #fff; background: #04283c; font-size: 24px; line-height: 30px; border-right:none;text-align:left}
th.table-druk {background: #04283c; text-align: right; border-left:none;}

main #arkusz #arkusz-sekcja1 { display: inline-block; padding-right: 30px;}
/*main #arkusz legend {font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 6px; cursor: pointer;}*/
main #arkusz legend {font-size: 18px; line-height: 24px; margin-bottom: 6px; cursor: pointer;}
main #arkusz legend img {width:11px; height:10px; vertical-align: middle;}
main #arkusz fieldset {margin-bottom: 18px; margin-right: 36px; display: inline-block;}
/*main #arkusz label {display:block; width: 100%; margin-bottom: 6px; display: none;}*/
main #arkusz label {display:block; width: 100%; margin-bottom: 6px;}
main #arkusz label > span{display: inline-block; float: left; width: 45%; margin-right: 3px; font-size: 14px; clear: both;}
main #arkusz select{width: 47%; outline: none;  padding: 2px; color: #00698a; }
main #arkusz label > select{float: right; margin-bottom: 6px; }
main #arkusz label > select.left{float: left;}
main #arkusz label > input{float: right; width: 47%; margin-bottom: 6px; }
main #arkusz label > input[type=text]{float: right; width: 47%; }
main #arkusz input[type=submit]{background: #00698a; border: none; padding: 3px 10px 3px 10px; border-radius: 0px; color: #fff; margin-top: 0;cursor: pointer; font-weight: 700; }


main #arkusz-browse table {width: 100%; display: block; font-size: 11px; line-height: 18px;}
main #arkusz-browse table th {color: #fff; font-weight: 700; background: #00698a; padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; white-space:nowrap;}
/*main #arkusz-browse table td {border-top: 2px solid #f0f0f0; background: #fff; padding: 12px; }*/
main #arkusz-browse table td {border-top: 2px solid #f0f0f0; padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; white-space:nowrap;}
main #arkusz-browse table td.main-background-color  {background: #f0f0f0;}
main #arkusz-browse a.suwaki  {font-size: 130%;}



main #arkusz-rec table {padding-left:100px; width: 100%; display: block; font-size: 14px; line-height: 18px;}
main #arkusz-rec table th {color: #fff; font-weight: 700; background: #00698a; padding: 6px;}
main #arkusz-rec table td {border-top: 2px solid #f0f0f0; background: #fff; padding: 6px; }
main #arkusz-rec table td.klawisz-rec {background: #f0f0f0; text-align:right}
main #arkusz-rec input[type=submit]{background: #00698a; border: none; padding: 3px 10px 3px 10px; border-radius: 0px; color: #fff; margin-top: 0;cursor: pointer; font-weight: 700; }
main #arkusz-rec input[type=button]{background: #00698a; border: none; padding: 3px 10px 3px 10px; border-radius: 0px; color: #fff; margin-top: 0;cursor: pointer; font-weight: 700; }
main #arkusz-rec div.error { color:red; white-space:nowrap;}

main #arkusz-rec input.wartoscpojazdu { width:80px; }
main #arkusz-rec input.przebiegpojazdu { width:80px; }


main #komunikat .komunikat {display: inline-block; width: 40%; margin-right: 5%}
main #komunikat .komunikat p {margin-bottom: 9px;}
#marketing {background: #fff;font-size: 18px; line-height: 24px;}
/*#marketing .wrapper {background: url(images/car-marketing.png) no-repeat 100% 100%;}*/
#marketing .wrapper {background: url(images/car-marketing.jpg) no-repeat 100% 100%;}
#marketing-content {display: inline-block; width: 50%; padding-bottom:15px;}
#marketing-header {font-size: 24px; line-height: 30px; margin-top: 30px; margin-bottom: 18px; color: #00698a;}
/*#tarcza {float: left; margin-right: 30px;}*/

footer {background: #00698a; color: #fff;}
/*footer .wrapper {background: url(images/car-footer.jpg) no-repeat 100% 0; min-height: 213px;}*/
footer .wrapper {min-height: 213px;}
footer p {width: 40%; padding-left: 75px;}
#kontakt-header {color: #8bdff9; text-transform: uppercase; border-bottom: 1px solid #8bdff9; background: url(images/helpdesk.png) no-repeat 0 15px; padding: 26px 0 11px 75px; margin-bottom: 15px; line-height: 18px; font-size: 18px;  }