/* -------------------------------------------------------------- */
/* -------------------------- Global style ---------------------- */
/* -------------------------------------------------------------- */

html {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    font-family: 'Tahoma', 'Arial','Verdana', 'Helvetica', sans-serif;
    font-size: 11px;
    color: #313131;
	background: #fff url(../images/bg.jpg) top no-repeat;
}

a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-decoration: none;
    color: #313131;
}

p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #313131;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #ff4800;
	font-weight: normal;
	font-size: 11px;
}

img {
    border: none;
}

fieldset {
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.clear {
    clear: both;
}

/* -------------------------------------------------------------- */
/* -------------------- End Global style ------------------------ */
/* -------------------------------------------------------------- */

#wrapper {
	width: 960px;
	margin: 0 auto;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	line-height: 32px;
	border-bottom: solid 1px #bfbfbf;
  font-family: 'open_sansregular', sans-serif;
	background: url(../images/title-bg.png) left 9px no-repeat;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold/opensans-bold.eot');
    src: url('../fonts/opensans-bold/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold/opensans-bold.svg#open_sansbold') format('svg'),
         url('../fonts/opensans-bold/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold/opensans-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -------------------------------------------------------------- */
/* --------------------------- Header --------------------------- */
/* -------------------------------------------------------------- */

#top {
	height: 165px;
}

#logo {
	top: 18px;
	left: 0;
	width: 197px;
	height: 167px;
}

#menu {
	overflow: hidden;
	top: 90px;
	left: 230px;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li { float: left }

ul.menu li a { 
	display: block; 
	padding: 0 20px;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
  font-family: 'open_sansregular', sans-serif;
	background: url(../images/menu-item.png) right center no-repeat;
}

ul.menu li a.last {
	background: none;
}

/* -------------------------------------------------------------- */
/* ------------------------ End Header -------------------------- */
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* ------------------------- Content ---------------------------- */
/* -------------------------------------------------------------- */

#center {
	overflow: hidden;
	margin: 65px 0 0 0;
  font-size: 12px;
  line-height: 18px;
}

#welcome {
	width: 460px;
	height: 190px;
	text-align: justify;
}

#welcome2 {
  margin: 110px 0 0 0;
}

#welcome2 h2 {
  margin: 0 0 20px 200px;
  width: 100px;
}

#welcome2 p {
  padding: 0 50px;s
  text-align: justify;
  line-height: 22px;
  font-size: 16px;
  font-family: 'open_sansbold', sans-serif;
  letter-spacing: 1px;
}

#welcome2 p span.color {
  color: #ff4800;
}

#welcome h2 {
	width: 260px;
}

#contact {

	margin: 20px 0 0 0;
}

#contact h2 {
	width: 130px;
	float: left;
  margin: 0 0 20px 0;
}

#contact ul {
	margin: 0;
	padding: 0;
	height: 25px;
	list-style: none;
}

#contact ul li {
	float: left;
	line-height: 25px;
	color: 3d3d3d;
	font-weight: bold;
	font-size: 19px;
  font-family: 'open_sansbold', sans-serif;
	margin: 0 20px 0 0;
}

#contact ul li.phone {
	padding: 0 0 0 21px;
	background: url(../images/phone-item.jpg) left no-repeat;
}
#contact ul li.mail {
	padding: 0 0 0 39px;
	background: url(../images/mail-item.jpg) left no-repeat;
}

#content {
	margin: 30px 0 0 0;
  line-height: 18px;
  font-size: 12px;
}

#content h2 {
	width: 120px;
}

#images {
  width: 800px;
  margin: 0 auto;
}

/* ------------ carousel --------------- */

/*Class to set the width for the whole Carousel. You can set the width and height as you want */

.widget {
  width:800px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

/*Class to set the styling option for the scroller part of the Carousel */

.widget_style {
  width: 800px;
  margin: 0 auto;
}

.widget_style ul {
  height: 72px;
  margin:0;
  padding:0;
}

/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/

.widget_style li {
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  list-style:none;
  margin:0 20px 0 0;
  padding: 0;
}

/*This here actually sets the size of the scrolling images */

.widget_style img {}

/* ------------------------- /widget ---------------------------- */

#content-left {
  float: left;
  width: 450px;
  padding: 0 30px 0 0;
  border-right: 1px solid #BFBFBF;
}

#content-left ul li {
  margin: 0 0 0 30px;
}

#content-left ul li.bez {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

#content h3 {
  font-size: 16px;
  font-family: 'open_sansbold', sans-serif;
}

.line {
  overflow: hidden;
  width: 450px;
  line-height: 26px;
  border-top: #FF4800 solid 1px;
}

.line.color-line {
  background: #eee;
}

.line span.first {
  float: left;
  width: 130px;
  padding: 0 0 0 10px;
}

.line span.second {
  float: right;
  width: 290px;
}

#content-right {
  float: right;
  width: 450px;
}

#content-right ul {
  list-style: none;
}

ul.bez-kropek {
  list-style: none;
}

#tables {
  text-align: center;
  margin: 20px 0 0 0;
}

#tables img {
  margin: 0 35px;
  padding: 5px;
  border: 1px solid #BFBFBF;
}

#tables img:hover {
  border: #FF4800 solid 1px;
}

#bottom-button { 
    /*ANIMACJA PRZYCIKSU*/ 
    -moz-transition: 0.3s ease-in;  
    -webkit-transition: 0.3s ease-in;  
    -o-transition: 0.3s ease-in;  
    transition: 0.3s ease-in; 
    /*KONIEC ANIMACJI*/ 
 
    width: 40px;  
    height: 40px;  
    position: fixed;  
    bottom: 20px;  
    right: 20px;
    opacity: 0.5;  
    background: url('../images/icon_top.png'); 
} 
#bottom-button:hover { 
    opacity: 1.0; 
}

/* -------------------------------------------------------------- */
/* ----------------------- End Content -------------------------- */
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* --------------------------- Footer --------------------------- */
/* -------------------------------------------------------------- */

#bottom {
	height: 51px;
	margin: 20px 0 0 0;
	line-height: 51px;
	border-top: #bfbfbf solid 1px;
}

#copy {
	float: left;
}

#author {
	float: right;
}

#copy, #copy a, #author, #author a {
	color: #141414;
}

/* -------------------------------------------------------------- */
/* ----------------------- End Footer --------------------------- */
/* -------------------------------------------------------------- */