body {
	background-image:url("g/bg.jpg");
	background-repeat: y;
	margin: 0px auto;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

img { border: 0; }
p, h1, h2, h3, h4 { margin: 0; }
ul { list-style-type: none; margin: 0px; }

#width {
	width: 786px;
	margin: 0px auto;
}

.top {
	padding: 25px;
}

.logo {
	width: 290px;
}

.top ul {
	float: right;
	margin: 15px 80px 0px 0px;
}

.top ul li {
	font-size: 18px;
	color: #68696a;
	display: inline;
	padding-left: 20px;
}

.top ul li a {
	text-decoration: none;
	color: #68696a;
}

.top ul li a:hover {
	color: #000;
}

#promocja {
	background-color: #fafafa;
	width: 700px;
	height: 172px;
	padding: 10px;
	padding-bottom: 0px !important; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: #e5e8e9 1px solid;
	position:relative; 
	clear:both;
}

#promocja span {
	float: left;
	width: 400px;
}

#promocja span p, #promocja span h1 {
	margin: 10px 0px 0px 15px;
}

#promocja span h1 {
	font-size: 32px;
	color: #435158;
	line-height: 34px;
	font-weight: normal;
}

#promocja span h2 {
	padding-left: 15px;	
}

#promocja span p.lead {
	color: #5d666b;
	width: 350px;
	font-family: Verdana, Geneva, sans-serif;
}

#promocja span img {
	float: right;
}


#promocja img.comarch_ico {
	padding: 35px 10px;
}

#promocja img.termianl_ico {
	padding: 15px;
}

#promocja img.medyczne_ico {
	padding: 40px 5px 10px 40px;
}

#content .left {
	float: left;
	width: 270px;
	padding: 5px 0px 0px 20px;
}

#content .right {
    float: right;
    width: 410px;
	margin: 5px 45px 0px 0px;
}

#content .right p span {
	font-size: 10px;
	color: #c0c2c4;
}

#content .right span p.wiecej {
	float: right;
	margin-right: 35px;
	}
	
#content .right span p.wiecej a {
	text-decoration: none;
	color: #555555;
	padding: 3px;
}	

#content .right span p.wiecej a:hover {
	background:  #f15a24;
	color: #fff;
	}

#content .left span {
	margin-top: 10px;
	float: left;
	width: 220px;
}

#content .left span h2 {
	color: #f15a24;
	font-size: 14px;
}

#content .left span .firstp {
	margin-top: 10px;
}

#content .left span .mail {
	margin-top: 10px;
	}

#content .left span p a {
	text-decoration: none;
	color: #555555;
}

#content .left span p a:hover {
	color: #000;
	}

#content .left h1, #content .right h1 {
	font-size: 14px;
	color: #435158;
	margin: 15px 0px 15px 0px;
}

#content .left p {
	text-align: justify;
	color: #555555;
}

#content .left img:first-child {
	margin: 10px 0px 5px 0px;	
}

.elzab, .ibm {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: #e5e8e9 1px solid;
	background: #fff;
	}

.right .elzab {
	float: left;
	width: 190px;
}

.right .elzab img {
	margin: 5px 0px 0px 15px;
}

.right .ibm img {
	margin: 10px 0px 0px 15px;
}

.right .elzab p, .right .ibm p {
	padding: 10px;
}

.right .ibm {
	float: right;
	width: 190px; 
}

/* FOOTER */

#footer {
	width: 100%;
	height: 180px;
	margin-top: 40px;
	background-color: #fff;
	border-top: 1px #dce0e3 solid;
}

#footer img:first-child {
	margin-left: 0px;
}

#footer img {
	vertical-align: middle;
	padding-left: 35px;
}

#footer img:first-child {
	padding-left: 15px;
}


#footer span {
	padding-bottom: 5px;
}

#footer span a img.comarch_banner {
	float: left;
	margin-top: 4px;
}

#footer span p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #c0c2c4;
	text-align: right;
	margin-right: 35px;
}

#footer span p a {
	text-decoration: none;
	color: #c0c2c4;
}

#footer span p a:hover {
	text-decoration: inherit;
	color: #666666;
}

#footer .footer_width {
	width: 786px;
	margin: 0 auto;
}

/* O FIRMIE */

#firma, #uslugi, #xl {
	width: 586px;
	margin: 10px 0px 0px 25px;
}

#optima .lewa {
	width: 486px;
}

#firma p, #uslugi p, #optima .lewa p, #xl p {
	text-align: justify;
	margin-bottom: 10px;
}

#firma h1, #uslugi h1, #optima .lewa h1, #xl h1 {
	font-size: 14px;
	margin: 15px 0px;
	color: #435158;
}

/* END O FIRMIE */
/* KONTAKT */

#kontakt {
	width: 686px;
	margin: 10px 0px 0px 25px;
}

#kontakt ul {
	padding-left: 0px;
}

.adres {
	float: left;
	width: 260px;
}

.formularz {
	float: right;
	width: 220px;
	padding-right: 65px;
	margin-top: 10px;
}

.formularz form input, .formularz form textarea {
	border: 1px #c0c2c4 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.formularz form input.submit {
	margin-top: 5px;
}

.formularz form label {
   width: 150px;
}

.formularz label, input, textarea {
   float: left;
}

#kontakt .adres p {
	margin-top: 10px;
}

/* END KONTAKT */
/* USŁUGI */

#uslugi {
	margin-bottom: 50px;
}

#uslugi ul, #optima .lewa ul, #xl ul { 
	padding-left: 15px;	
}

#uslugi ul li, #optima .lewa ul li, #xl ul li {
	margin-bottom: 5px;
	list-style-type: circle;
	color: #555555;
}

#uslugi p img {
	display: inline;
	margin: 10px 25px 0px 0px;
}

/* OPTIMA */

#optima .lewa img {
	margin: 15px 0px 25px 40px;
}

#xl img {
	margin: 15px 0px 25px 90px;
}

#optima .lewa {
	float: left
}

#optima .prawa {
	float: right;
}

#optima .prawa img {
	margin: 25px 50px 0px 0px;
}

#optima h1 a, #xl h1 a {
	float: right;
	font-size: 11px;
	color: #555555;
	text-decoration: none;

}

/* XL */

#xl p a {
	text-decoration: none;
	color: #555555;
}

#xl p a:hover {
	text-decoration: underline;
}

/* END FOOTER */  
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}

/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}

/* End hide from IE-mac */