/* GLOBAL */

@font-face {
	font-family: springsteel;
        font-style:  normal;
        font-weight: normal;
		src: url('../_assets/springsteel-lig.eot'); /* IE */
        src: local("springsteel"), url('../_assets/springsteel-lig.otf') format("truetype"); /* normal */
}

ul#menu, h2, div.quote, #twitter, legend, #header.home div#breadcrumb, #container.oferta div#box { font-family: springsteel, "Arial Narrow", sans-serif; font-weight: normal;}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	background: #3a3a3b;
	color: #000000;
}

div, h1, h2, h3, h4 { margin: 0; padding: 0;}
ul, ol, li { margin: 0; padding: 0; list-style: none; }
a { color: inherit; }
address {font-style: normal;}
img { border:0; }
img.bordered { padding: 3px; border: 1px solid #c7c7c7; background: #ffffff; }
br.clear { clear:both; }

/* FRAMEWORK */

#header { background: #3b3b3b url("../_img/header_home_bg.png") repeat-x; color: #dbdbdb; }
#container { background: #f0f0f0 url("../_img/container_bg.png") repeat-x; border-bottom: 1px solid #b1b1b1; }
#twitter { background: #e3e3e3; border-top: 1px solid #ffffff; border-bottom: 1px solid #b1b1b1; }
#footer { background: #3a3a3a; color: #b0b0b0; border-top: 1px solid #ffffff; }
div.main { width: 965px; margin: 0 auto; }

h1 {
	display: block;
	float: left;
	height: 120px;
	width: 297px;
	background: url("../_img/logo_bg.png") no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 14px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
}

div#box {
    text-align: center;
    width: 250px; height: 272px;
    padding: 20px 20px 68px 20px;
    background: url("../_img/box.png") no-repeat;
}

/* breadcrumb s*/

div#breadcrumb {
    clear: left; background: url("../_img/bread_bg.png") no-repeat top right;
    width: 963px; line-height: 26px; padding: 0;
    font-size: 8pt; font-weight: bold;
    border: 1px solid #41464a; border-bottom: 0;
}

div#breadcrumb span {
    display: block;
    padding: 0 15px;
    background: url("../_img/trans14.png");
}

/* menu */

ul#menu {
	display: block;
	float: left;
	height: 28px;
	width: 500px;
	font-size: 16pt;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}
ul#menu li { display: block; float: left; margin: 0 10px; }
ul#menu li a { color: #f0f0f0; text-decoration: none; padding: 0 8px; }
ul#menu li a.checked {
	background: #0f171d;
	border-left: 1px solid #000;
	border-right: 1px solid #31373b;
	border-bottom: 1px solid #31373b;
	border-top: 1px solid #000;
	border-radius: 4px;
	-moz-border-radius: 4px;
}



/* container */

#container div.main { padding: 50px 0 80px 0; }

#container h2 {
	font-size: 19pt;
	display: block;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	background-repeat: repeat-x;
	background-position: bottom;
}

#container p { text-align: justify; line-height: 1.5em; }

/* twitter */

#twitter p { line-height: 53px; margin: 0; padding-right: 30px;}

#twitter .main #twitter_div { font-size: 13pt; width: 500px; float: left; line-height: 53px; margin: 0;  }
#twitter p span { color: #236380; }

#twitterbox {
    width: 280px;
	padding: 0 0 0 60px;
    float: right;
    background: url("../_img/twitter.png") no-repeat; color: #e3e3e3;
    font-size: 11pt;
    position: relative;  top: 25px;
}

#twitterbox a{
	text-decoration: none;
}


/* footer */

#footer { padding: 70px 0; font-size: 9pt; }

#footer ul {
	display: block;
	float: right;
	width: 250px;
	margin-top: 0;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
}

#footer ul li { line-height: 24px; border-top: 1px solid #4e4e4e; }
#footer ul li:first-child { border: 0; }

#footer address {
	display: block;
	float: right;
	width: 200px;
	line-height: 1.5em;
	font-style: normal;
}

#footer address span.email { display: block; margin-top: 0.4em; }

/* HOME */

#header.home { height: 437px; }

#header.home div#breadcrumb {
    padding: 0; line-height: 64px;
    font-size: 13pt; font-weight: normal;
    border: 1px solid #41464a;
}

#header.home div#breadcrumb span { padding-left: 40px; }
 
#header.home div#top_image {
	position: relative;
	width: 959px;
	top: 21px;
	background: #1b2329;
	height: 258px;
	}
#header.home div#top_image div#pracuj {
	width: 310px;
	padding: 30px 0 0 50px;
}

#header.home div#top_image div#pracuj h2 {
    display: inline;
    font-size: 24pt; color: #d8e722;
    -moz-text-shadow: 2px 2px 1px #000;
    -webkit-text-shadow: 2px 2px 1px #000;
    text-shadow: 2px 2px 1px #000;
}
#header.home div#top_image div#pracuj h2 span { color: #7bbdd9; }

#header.home div#top_image div#pracuj p {
    line-height: 1.4em;
    text-align: justify;
    color: #84cded;
    -moz-text-shadow: 1px 1px 1px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
    font-size:9pt;
}

#header.home div.shadow {
    width: 965px; height: 30px;
    position: relative; top: 21px;
    background: url("../_img/image_top_shadow.png") no-repeat top;
}

div#container.home div.main { padding: 80px 0 20px 0; }

div#container.home div.element {
    width: 285px;
    float: left;
    margin-left: 35px;
    font-size:9pt;    
}
div#container.home div.element:first-child { margin-left: 0; }
div#container.home div.element img.bordered { padding: 2px; margin-top: 1em;}
div#container.home div.element p {
	line-height: 1.4em;
	text-shadow: 1px 1px 0px #FFF;
}
div#container.home div.element ol {
    border-top: 1px solid #cacaca;
    font-size: 9pt; color: #08678f;
}
div#container.home div.element ol li {
    border-top: 1px solid #ffffff; border-bottom: 1px solid #cacaca;
    background: #e0e0e0 url("../_img/star.png") no-repeat 14px 8px;
    padding-left: 32px;
    line-height: 25px;
}

div#container.home div.element ol li.dwa, div#container.home div.element ol li.cztery { background: #ebebeb url("../_img/star.png") no-repeat 14px 8px; }
div#container.home div.element ol li.cztery { border-bottom: 0; }
div#container.home div.element > div {
    min-height: 240px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #d5d5d5;
}

/* OFERTA */

#container.oferta div#left { float: left; width: 292px; }
#container.oferta div#content {
	float: right;
	width: 963px;
}

#container.oferta div#left ol { margin-left: 15px; color: #075373; }
#container.oferta div#left ol li { line-height: 25px; padding-left: 20px; background: url("../_img/star.png") no-repeat left; }
#container.oferta div#box {
    width: 220px; height: 272px;
    margin: 20px 0 0 0; padding: 20px 35px 68px 35px;
}

#container.oferta div#box div.text {
    height: 245px;
    display: table-cell;
    vertical-align: middle;
}
#container.oferta div#box div.text blockquote p { line-height: inherit; text-align: inherit; margin: inherit; }

#container.oferta div#box div.rest {
    height: 61px;
	float: left;
}

#container.oferta div#box .rest .dots {
	float: right;
}


#container.oferta div#box div.rest img { float:left; position:relative; left:-40px; }

#container.oferta div#box blockquote {
    margin: 0; padding: 0 0 0.8em 0;
    font-style: normal; font-size: 19pt;
    text-align: left;
}

#container.oferta div#box span {
    display: block;
    margin: 0.5em 0 0 0;
    font-size: 14pt;
    text-align: right;
}

#container.oferta p { margin: 1em 8px; }

/* REFERENCJE */

#container.referencje div#content { width: 638px; float: left; }
#content table {
	font-size: 8pt;
	line-height: 28px;
	background: #FFF;
	text-align: left;
	width: 100%;
	margin-top: 40px;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
}
#content table th {
	font-size: 10pt;
	font-weight: bold;
	color: #42484D;
	background: #E6E6E6;
	padding-left: 19px;
}
#content table tr {
	border-top: 1px solid #E2E2E2;
}
#content table td {
	background: url(../_img/table_bg.png) repeat-y left center;
	padding-left: 20px;
}



#container.referencje div#box { float: right; margin: 20px 0; }
#content table td.nazwa {
	background: url(none);
	color: #4186C2;
}
#content table td.zakres {
	color: #40AF2D;
}
#content table td.cena {
	color: #DAA423;
}



#container.referencje div#box div.inner {
    height: inherit; width: inherit;
    display: table-cell; vertical-align: middle;
}

#container.referencje ul#logos {
    margin-top: 20px; padding: 25px 0;
    background: url("../_img/h2_bg.png") repeat-x top;
}
#container.referencje ul#logos li {
    display: table-cell; float: left;
    width: 25%;
    text-align: center;
}

#container.referencje div#content h3 { font-size: 10pt; font-weight: bold; margin: 20px 0 0 0; }
#container.referencje div#content h4 { font-size: 10pt; font-weight: bold; margin: 20px 0; }
#container.referencje div#content li { line-height: 1.5em; }
#container.referencje div#content img.zobacz { margin: 10px 0 15px 0; }
#container.referencje div#content a.referencje { text-decoration: none; font-style: italic; }

/* KONTAKT */

#container.kontakt div#left { float: left; width: 292px; }
#container.kontakt div#content { float: right; width: 643px; }

#container.kontakt p { line-height: 1.4em; }
#container.kontakt address { margin-top: 1em; line-height: 1.4em; }
#container.kontakt div#left ul { line-height: 1.4em; }

#container.kontakt li.mapka {
    margin: 15px 0 15px 20px; padding: 0 0 0 20px;
    background: url("../_img/ico_flag.png") no-repeat left;
}

#container.kontakt li.mapka a { font-style: italic; text-decoration: none; }
#container.kontakt li.kapital { margin-top: 1em; }
#container.kontakt ul#kontakt { margin-left: 10px; }
#container.kontakt ul#kontakt li { padding-left: 25px; line-height: 25px; }
#container.kontakt ul#kontakt li.email { background: url("../_img/ico_email.png") no-repeat left; }
#container.kontakt ul#kontakt li.infolinia { background: url("../_img/ico_infolinia.png") no-repeat left; }
#container.kontakt ul#kontakt li.helpdesk { background: url("../_img/ico_helpdesk.png") no-repeat left; }
#container.kontakt ul#kontakt li.skype { background: url("../_img/ico_skype.png") no-repeat left; }
#form {
	background: url(../_img/minidots.png) repeat-x center top;
	margin-top: 20px;
	padding-top: 20px;
}
#form1 fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
#form1 fieldset legend {
	font-size: 19pt;
	margin: 0px;
	padding: 0px 0px 20px 322px;
}
#form1 fieldset ul li {
	display: block;
	padding: 10px 0px;
	height: 30px;
}
#form1 fieldset ul li label, .formLeft {
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	display: block;
	padding: 0px 10px 0px 0px;
	float: left;
	width: 312px;
}
#form1 fieldset ul li input, .formRight {
	display: block;
	padding: 0px 5px;
	float: left;
	height: 30px;
	width: 260px;
	border: none;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	background-color: #CEFAFF;
}


#form1 fieldset ul li input#wyslij {
	background: url(../_img/wyslij.png) no-repeat 0px 0px;
	float: right;
	height: 25px;
	width: 75px;
	margin-top: 10px;
	cursor: pointer;
}


#form1 fieldset ul li textarea {
	display: block;
	padding: 5px;
	float: left;
	width: 633px;
	border: none;
	margin: 0;
}
#container .main #form #form1 fieldset ul li #sprycheckbox1 label {
	margin-left: -90px;
	margin-top: 3px;
}
#container .main #form #form1 fieldset ul li #sprycheckbox1 #polityka {
	width: 20px;
	margin-left: 320px;
}a.out {
	background: url(../_img/out.png) no-repeat left center;
	display: block;
	padding-left: 15px;
	text-decoration: none;
}
p.dziekujemy {
	font-size: 200%;
	font-weight: bold;
	color: #0C0;
	padding-left: 320px;
}
#box .dots img {
	cursor: pointer;
}