a{
    text-decoration: none; color: inherit;
}
img{
    border: none;
}
strong {
font-weight: 700; font-weight: 800;
}

body{
    margin: 0;
    padding: 0;	
    background: url('../img/bg.jpg') no-repeat center top #ECECEC;

  	text-align: center;
  	color: #999;
    font-family: 'PT Sans','Source Sans Pro', 'Cambria','Tahoma';
}

#page{
/*	width: 970px; */

	clear: both;
	margin: 0 auto;
	min-height: 800px;
  position: relative;
	text-align: left;
}

#page #top{
	width: 940px;
height: 152px;
clear: both;
margin: 15px 15px 0px 15px; margin: 15px auto 0px auto;
position: relative;
z-index: 11;
padding: 0px;
/*float: left;*/
}

#page #top #logo{
	float: left;
width: 266px;
margin: 14px 10px 0px 7px;
z-index: 12; position: relative;
height: 152px;
background: url('../img/logo.png') no-repeat left top;
}

#page #top #logo a {
display: block;
width: inherit;
height: inherit;
}

#page #top #mail {
width: 650px; height: 34px; margin: 12px 0px 5px 0px;
float: right;
}
#page #top #mail > div{
float: left; height: inherit;
margin: 0px -35px 0px 46px; margin: 0px -1px 0px 0px;
}
#page #top #mail .mail {
width: 336px;
background:url('../img/mail.png') no-repeat right top;
}
#page #top #mail .tel {
width: 254px; width:314px;
background:url('../img/phone.png') no-repeat right top;
}
#page #top #mail a { 
display: block;
width: inherit;
height: inherit;
}

#page #top #mainmenu {
width: 650px; height: 39px; margin: 15px 1px 4px 0px;
float: right; background:url('../img/menu.png') repeat-x right top;

}

#page #top #mainmenu #menu {
 width: auto; height: inherit; float: right; margin: 0px; padding: 0px;
}

#page #top #mainmenu #menu li {
width: 128px;
list-style: none;
/* min-width: 100px; */
float: left;
margin: 0px 0px;
/* padding: 0px 0px 0px 1px; */
font-size: 16px;
/* text-transform: uppercase; */
font-family: 'PT Sans';
font-weight: 400;
letter-spacing: 0px;
/* min-width: 100px; */
border-left: 1px solid #1F1F1F;
border-right: 1px solid #393939;
text-align: center;
height: inherit;
width: 128px; border-top: 1px solid #3A3A3A;
background: url('../img/menu.png') repeat-x center 2px;
}
#page #top #mainmenu #menu li:last-child {

}
#page #top #mainmenu #menu li:first-child {

}
#page #top #mainmenu #menu a {
display: block; color: #fff; height: inherit; /*margin: 2px 36px 6px 36px;*/
/*padding: 8px 0px;*/ line-height: 35px;
font-weight: 700;
/*letter-spacing: 0.03em;*/
}
#page #top #mainmenu #menu li:hover,#page #top #mainmenu #menu li.actual {
background:url('../img/li.png') repeat-x center bottom;
border-left: 1px solid #70B61F; border-top: 1px solid #70B61F;
border-right: 1px solid #70B61F;
}
#page #slid_cont {
width: 1366px; height: 337px; margin: -25px auto 65px auto;
/*background: rgba(0,0,0,0.5);*/
position: relative; /*top: -25px;*/
}

#page #slid_cont #slider {
margin: 0px -52px;
/*float: left;*/
width: inherit;
}

#page #content {
width: 970px; height: auto; margin: 0px auto;
overflow: hidden;
}
#page #content #submenu {
float: left; margin: 0px 13px 10px 14px; width: 384px; 
background: #3F3F3F;
}
#page #content #submenu li {
list-style: none; display: block; width: 100%;
float: left; height: 53px; 

}
#page #content #submenu ul {
margin: 0px; padding: 0px;
float: left; width: 100%;
}
#page #content #submenu li.act, #page #content #submenu li:hover {
background:url('../img/sli.png') no-repeat 0px 0px;
}
#page #content #submenu li a {
display: block; font-weight: 700;
color: #fff; text-align: left; text-indent: 67px;
background:url('../img/other.png') no-repeat 18px 11px;
line-height: 50px;
font-size: 20px; font-size: 18px;
width: 100%;
height: inherit;
<!--[if gte IE 9 ]>
font-size: 16px;
<![endif]-->
}

#page #content #submenu li a.tiny_130, #page #content #submenu li a.tiny_135 {
background:url('../img/auto.png') no-repeat 14px 9px;
}
#page #content #submenu li a.tiny_131 {
background:url('../img/tir.png') no-repeat 9px 12px;
}


#text-box, .text-box {
float: right; width: 500px; min-height: 149px; min-height: 202px;
padding: 5px 9px 5px 14px; color: #7D7D7D; font-size: 14px; text-align: left;
background: #fff; box-shadow: 1px 2px 1px #C7C7C7; margin: 0px 36px 10px 0px;
}
#text-box p, .text-box p {
text-shadow: 1px 0px #CFCFCF; line-height: 18px; text-align: left;
}

#oferta {
float: left; background:url('../img/linia.png') repeat-x top left;
overflow: hidden;
/*width: 100%;*/ padding: 10px 0px;
margin: 1px 36px 0px 14px; border-top: 1px solid #ddd;

}

#oferta div.produkt {
margin: 14px 9px 3px 9px; margin: 12px 9px 5px 9px;
}

#photo-box { 
float: left;
width: 100%;
margin: 1px 0px;
}
#photo-box img {
width: 150px;
height: 110px;
margin: 5px 12px 5px 0px;
float: left;
border: 2px solid #fff;
box-shadow: 1px 1px 3px #ccc;
}

h1 {
color: #3F3F3F; font-size: 22px; margin: 5px 0px;
}
h2 {
color: #3F3F3F; font-size: 18px; margin: 5px 0px;
}

a.more, a.btn, #sendbutton, input[type=submit] {
display: block;
width: 82px;
height: 33px;
color: #fff;
background:url('../img/btn.png') no-repeat;
text-align: center;
line-height: 28px; /*line-height: 5px;*/
font-size: 16px; font-weight: 700;
margin: 0px -5px;
float: right;
cursor: pointer; border: none;
font-family: 'Source Sans Pro';
}

#panel {
margin: 10px auto; width: 970px; height: 260px;
background:url('../img/produkty.png') no-repeat;
overflow: hidden;
}
#panel.one {
float: left;
margin: 79px 0px 10px -1px; margin: 79px 0px 10px 13px;
width: 398px;
background:url('../img/prod.png') no-repeat;
}
#panel.one div.produkt{
margin: 12px 79px; margin: 
}

#panel #produkty {
width: 100%; float: left; margin: 40px 15px 15px 15px;

}



div.produkt {
width: 212px; height: 196px; float: left; margin: 14px 9px 3px 9px; position: relative;
background:url('../img/one.png') no-repeat;
margin: 14px 7px 3px 15px;
}
div.produkt:hover {
opacity: 0.9;
}

div.produkt img {
margin: 23px auto;
max-width: 180px;
max-height: 130px;
display: block;
}
div.produkt h3 {
color: #fff;
float: left;
text-align: left;
text-indent: 12px;
font-size: 14px;
font-weight: 700;
position: absolute;
top: 147px; width: 100%;
}

#kontakt {
float: left; width: 38%; color: #414141;
}
#kontakt h1{
color: inherit;
}

#mapa {
float: left;
width: 60%;
}



#mapa iframe {
border: 2px solid #fff; box-shadow: 2px 2px 2px #ddd; margin: 7px 0 10px 0;
}

#form {
float:left; text-align:left; width:100%;
}

#form div {
float:left; text-align:left; width:50%;
}

input[type=text], input[type=email], textarea {
float: left;
clear: both;
width: 87%;
height: 19px;
padding: 5px 12px;
border: 0px solid #ddd;
margin: 6px 0px;
color: #303030;
box-shadow: inset 0px 0px 6px #C8C8C8;
font-family: 'PT Sans';
}

textarea {
height: 150px; width: 89%;
}

#sendbutton {
margin: 2px 4px; line-height: 5px;
}


#footer {
width: 900px;
margin: 10px auto 0px auto;
height: inherit;
}
#footer span {
display: block; float: left; width: 50%; text-align: left; color: #E7E7E7;
font-size: 14px;
font-family: Source Sans Pro;
line-height: 25px;
}
#footer span a {
color: #fff; font-size: inherit; font-weight: 700;
}

#lower {
width: auto; max-width: 2000px; margin: 10px auto 0 auto;
background:url('../img/lower.png'); height: 28px;
}

/*   scrollable */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
width: 940px;
height: 210px; z-index: 11;
}

/*
root element for scrollable items. Must be absolutely
positioned and it should have a extremely large width
to accommodate scrollable items. it's enough that you
set width and height for the root element and not for
this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.items div {
	float:left;
}

a.browse {
display: block;
position: absolute;
margin-top: 90px;
width: 20px;
height: 30px;
color: #000;
cursor: pointer; z-index: 12;
}

a.prev {
margin-left: -20px;
}

a.right {
margin-left: 940px;
margin-top: -120px; 
}

a.disabled {
background: #ECECEC; cursor: default;
}