/* INIT-----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}
a, a:visited {
	text-decoration: none;
	color:#F27801;
}

ol, ul {
	list-style: none;
}
legend {
	display: none;
}
body, input, textarea, select, option, optgroup, button {
	font-family: Verdana;
	text-align: left;
}
input, textarea, select, option, optgroup, button {
	font-size: 11px;
}
/*      LAYOUT
-------------------------------------------------------*/

body {
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;
	background-color: #000;
}
#wrap{
	width: 828px;
	margin: 0 auto;
}
#cien {
	background-position: center top;
	width: 828px;
	float: left;
	background-image: url(../images/cien.png);
	background-repeat: repeat-y;
	background-color: none;
}
#page {
	background-position: center top;
	width: 800px;
	margin: 0 auto;
	
}
/*      HEADER
-------------------------------------------------------*/

#header {
	background-image: url(../images/top.jpg);
	height: 276px;
}
/*      MENU 
-------------------------------------------------------*/
#navi {
	background-image: url(../images/menu-ul-bg.gif);
	height: 34px;
	background-repeat: repeat-x;
}
#navi ul {
	height: 34px;
	padding: 0px 0px 0px 12px;
}
#navi li {
	float: left;
	height: 34px;
	padding: 0 8px;
	border-width: 0 1px 0 1px;
	border-style: solid ;
	border-color: transparent;
}

#navi li.active{
	background: url(../images/active.gif) repeat-x 0 0px;
	border-width: 0 1px 0 1px;
	border-style:solid;
	border-color: #4c4f59;
}

#navi li a {
	float: left;
	height: 15px;
	margin-top: 11px;

}
#navi li a:hover {
	background-position: 0 -15px;
}

/*----- menu linki ------*/
a.onas{
	width: 38px;
	background: url(../images/menu/menu-01.png) no-repeat 0 0;	
}
a.certyfikaty{
	width: 77px;
	background: url(../images/menu/menu-02.png) no-repeat 0 0;	
}
a.oferta{
	width: 43px;
	background: url(../images/menu/menu-03.png) no-repeat 0 0;	
}
a.e-zamowienia{
	width: 100px;
	background: url(../images/menu/menu-04.png) no-repeat 0 0;	
}
a.kontakt{
	width: 55px;
	background: url(../images/menu/menu-05.png) no-repeat 0 0;	
}
a.poczta{
	width: 46px;
	background: url(../images/menu/menu-poczta.png) no-repeat 0 0;
}
a.praca{
	width: 40px;
	background: url(../images/menu/menu-06.png) no-repeat 0 0;
}
a.promocje{
	width: 67px;
	background: url(../images/menu/promocje.png) no-repeat 0 0;	
}
li#poczta{
	float: right;
	width: 58px;
	padding-left: 38px;	
	background: url(../images/menu-poczta-bg.gif) no-repeat 0 0; 
}

/*      CONTENT
-------------------------------------------------------*/
#content {
	background-image: url(../images/content-bg.gif);
	background-repeat: repeat-x;
	background-color: #cdcdcd;
	height: 100%;
	float: left;
}

h1 {
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
	border-bottom-width: 1px;
	margin-bottom: 20px;
	padding:15px 0 0px 0px;
	float: left;
	width: 100%;
	height: 24px;
}

#col-small h1 img, h1 img{
	float: left;
	padding-left: 10px;
	border: 0;
}

#main {
	margin-top: 20px;
	padding: 0px 17px 0 15px;
	float: left;
	width: 768px;
}
#main-top {
	background-image: url(../images/main-header.gif);
	background-repeat: no-repeat;
	height: 9px;
	float: left;
	width: 768px;
}
#main-body {
	background-image: url(../images/main-body.png);
	background-repeat: repeat-y;
	height: 100%;
	float: left;
	padding: 0 6px;
	width: 756px;
}
#main-content {
	background-image: url(../images/main-gradient.gif);
	background-repeat: repeat-x;
	height: 100%;
	float: left;
	width: 710px;
	padding: 0 23px 30px 23px;
	background-color: #dddddd;
}
#main-tresc {
	float: left;
	padding: 0px 15px;
}
.loga {
	float: left;
	background-image: url(../images/logo_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;

	width: 130px;
	margin-right: 6px;
	margin-bottom: 15px;
	padding-top: 2px;
}
.loga img{
	margin-bottom: 22px;
}

#col-big {
	float: left;
	width: 394px;
	
}

#col-small {
	float: right;
	width: 270px;
}

#col-small img{
	border: 1px solid #828282;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
p{
	font-size: 11px;
	margin-bottom: 15px;
	padding: 0 10px;
	text-align: justify;
	color: #404040;
	
}

p.intro{
	color: #101010;
	font-size: 12px;
	text-align: left;
}


#certyfikaty img{
	border: 1px solid #828282;
	margin: 5px;
}
#dane ul{
	font-size: 11px;
	padding: 0 0 10px 10px;
	text-indent: 7px; 
}
#dane ul li{
	text-align: left;
	font-size: 11px;
	color: #F27801;
	padding-left: 40px;
}
#col-big iframe{
	margin-left: 10px;
	border: 1px solid #828282;
	opacity: 0.8;
	
}

/*      FOOTER
-------------------------------------------------------*/

#footer {
	padding: 12px 55px 80px 55px;
	height: 34px;
	width: 718px;
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	background-color: none;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #212121;
}
#foot-nav{
	float: left;
}
#foot-nav a {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #212121;
	text-align: left;
	margin-right: 10px;
}
#footer a:hover {
	color: #7c7b7b;
}
.kambit {
	float: right;
}
.kambit a{
	float: right;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/*   FORM
-----------------------------------------------*/
.adres{
	float: left;
	text-align: left;
}

#form2{
	padding-left: 10px;
	float: left;
	text-align: left;
	font-size: 11px;
}
input.form {
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #A7B5C1;
	width: 165px;
	height: 16px;
	font-size: 12px;
}
input.form:focus, textarea.form:focus {
	border: 1px solid #7fb4d5;
}
textarea.form {
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #A7B5C1;
	width: 165px;
	font-size: 12px;
}
input.btn {
	margin: 10px 0 0 55px;
	background-color: #fff;
	border: 1px solid #A7B5C1;
	color: #4B4B4B;
	height: 20px;
	padding-bottom: 4px;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
}
input.btn:active {
	background-color: #A7B5C1;
	color: #fff;
}