html {
  background: #f7f7ee;  
  background-image: url(images/tlopowielane.jpg);
background-repeat: repeat-x;
color: #5F6248;
} 

div#top div#nav {
float : left;
clear : both;
width : 269px;
height : 52px;
}
div#top div#nav ul {
float : left;
width : 269px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 269px;
margin : -1px 0 0;
}
div#header div.wrap {
height: 288px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 269px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width: 259px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom: 0px;
width : 269px;
padding-top: 11px;

display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
margin: 0;
padding: 0;
background : url(images/back.png) ;
color : #fff;
padding-left:10px;
padding-right: 10px;
width: 240px;
display : inline;
font-size : 10px;
line-height: 13px;
text-transform : uppercase;
}

div#header div#slide-holder div#slide-desc p.text {
float : left;
margin: 0;
padding: 0;
color : #fff;
padding-left:10px;
padding-right: 10px;
padding-bottom: 4px;
width: 260px;
display : inline;
font-size : 10px;
line-height : 16px;
text-transform : uppercase;
}

div#header div#slide-holder div#slide-controls p#slide-nav {
float: left;
height : 24px;
display : inline;
 margin: 11px 10px 10px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}




body {

  padding: 0;
  margin: 0;
  font: 11px Tahoma, Arial, sans-serif;
  text-align: center;
  
}

ul, li, img, p, dl, dt, dd {
  padding: 0;
  border: 0;
}

#firma {
float: left;
position: relative;
padding-top: 10px;
margin-left:60px;
margin-top: 10px;
margin-bottom: 20px;
height: 77px;
}

#wrap {
overflow:auto;
margin: 0 auto;
width: 973px;
background-image: url(images/avocado_11.jpg);
background-repeat: repeat-y;
}



a.marketing_link:link{
background: url(images/marketing01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.marketing_link:visited, a.marketing_link:active {
background: url(images/marketing01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.marketing_link:hover{  
background: url(images/marketing1.jpg) no-repeat;
width: 110px;
height: 70px;
}


a.stronywww_link:link{
background: url(images/stronywww01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.stronywww_link:visited, a.stronywww_link:active {
background: url(images/stronywww01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.stronywww_link:hover{  
background: url(images/stronywww1.jpg) no-repeat;
width: 110px;
height: 70px;
}


#srodek2 {
	
position: relative;
float: left;
text-align: left;
padding-left: 10px;
width: 800px;
	
}





a.drukowanie_link:link{
background: url(images/drukowanie01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.drukowanie_link:visited, a.marketing_link_link:active {
background: url(images/drukowanie01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.drukowanie_link:hover{  
background: url(images/drukowanie1.jpg) no-repeat;
width: 110px;
height: 70px;
}


a.outdoor_link:link{
background: url(images/outdoor01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.outdoor_link:visited, a.outdoor_link:active {
background: url(images/outdoor01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.outdoor_link:hover{  
background: url(images/outdoor1.jpg) no-repeat;
width: 110px;
height: 70px;
}


a.gadzety_link:link{
background: url(images/gadzety01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.gadzety_link:visited, a.gadzety_link:active {
background: url(images/gadzety01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.gadzety_link:hover{  
background: url(images/gadzety1.jpg) no-repeat;
width: 110px;
height: 70px;
}

a.grafika_link:link{
background: url(images/grafika01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.grafika_link:visited, a.grafika_link:active {
background: url(images/grafika01.jpg) no-repeat;
width: 110px;
height: 70px;
}
a.grafika_link:hover{  
background: url(images/grafika1.jpg) no-repeat;
width: 110px;
height: 70px;
}



















#puzzle {
margin-top: 6px;
width: 722px;
height: 310px;
position: relative;
float: left;
}

#ostatnie {
margin-top: 6px;
width: 223px;
height: 310px;
position: relative;
float: left;
}

#wlasciwoscitabela1
{

border-bottom: 1px #4b8d21 solid;
padding: 5px;
font-size: 11px;

}

#wlasciwoscitabela2
{

border-bottom: 1px #ccceb3 solid;
padding: 5px;
font-size: 11px;

}


#head {

  width: 973px;
  height: 142px;
  position: relative;
  background: url(images/header3.jpg) no-repeat;
  padding: 0px;
}


#pasek {
margin-top: 58px;
width: 973px;
height: 6px;
position: relative;
background: url(images/paspodmenu.jpg) no-repeat;
}

#pasek2 {
margin-top: 58px;
width: 973px;
height: 6px;
background: url(images/paspodmenu2.jpg) no-repeat;
}

container-2 {
posotion:relative;
float:left;
height:45px;
width:722px;
}

.linkglowny {  
 padding: 10px;
 padding-left: 15px;
 color: #e8c439;
  }


#main {
margin-top: 8px;
width: 973px;
position: relative;
text-align: left;
display: block;
}

#foot {
  clear: both;
  margin: 0 auto;
  width: 730px;
  height: 50px;
  background: url(../i/bg-bottom.jpg) repeat-y 0 0;
  padding: 0 10px;
}

/* Text layers
====================================================*/
h1
{
color: #246201;
font-size: 16px;

}

h5
{
padding: 0px;
margin: 0px;
color: #246201;
font-size: 22px;
}

.odstep {
font-size: 11px;
}

.linkglowny {
font-size: 11px;
}


h6
{
color: #246201;
font-size: 16px;
padding: 0px;
margin: 10px 0px;

}

#top_tlo {
  position: absolute;
  top: 90px;
  left: 10px;
}

#content {
  text-align: left;
  padding: 10px 0;
}

#content h1 {
  color: #2049AE;
  font-size: 11px;
  text-transform: uppercase;
}

#content h1 span {
  border-left: 3px solid #ff0200;
  padding-left: 3px;  
}

#content p {
  padding: 0.25em 1em;
}

#content ul {
  list-style: none;
  padding-left: 1em;
}

#content ul.tbimages {
  margin-top: 2em;
}

#content ul.tbimages li {
  display: inline;
  padding-left: 2.25em;
}

#content dt {
  padding-left: 1em;
  font-weight: bold;
  color: #444;
}

#content dd {
  padding-left: 1.25em;
}

#content address {
  display: block;
  margin: 0.75em 1em;
  font-style: normal;
}

#ofirmie {
  float: left;
  margin: 0.5em 0.5em 0 1.5em;
}

#address {
  padding-right: 70px;
  float: right;
}

#side {
  float: right;
  width: 240px;
  height: 200px;
  background: #fff;
}


#head address {
  display: block;
  position: absolute;
  top: 170px;
  left: 500px;
  width: 230px;
  padding-top: 5px;
  font-style: normal;
  color: #fff;
  text-align: left;
  line-height: 120%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul {
	list-style: none;
}

#naglowek {
width: 495px;
float: left;
}

#wycena {
width: 112px;
float: left;
margin-top: 8px;
}

#kategoria {
float: left;
width: 610px;	
	
}




#stopka {
  position: relative;
  width: 973px;
  height: 18px;
  background: url(images/avocado_17.jpg) no-repeat 0 0;
  margin: 0 auto;
  padding: 0 0px;
  display: block;
  }
  #stopkalinki {
  text-align: left;
  float: left;
  padding-bottom: 10px;
  width: 730px;
  line-height: 18px;
  height: 28px;
  color: #5f6248;
    position: relative;
  margin-left: 23px;
  margin-top: 25px;
  }
  #stopkacopyright {
   float: left;
  position: relative;
  margin-left: 30px;
  color: #5f6248;
  height: 28px;
  margin-top: 30px;
  }
  
  wybierzprzyciski {
  
  margin-top: 20px;
  }


a {
  color: #194f1a;
  text-decoration:none;
  font-weight: bold;
}
a:visited {
  color: #194f1a;
  text-decoration:none;
  font-weight: bold;
}
a:hover {
  color: #308132;
  text-decoration:none;
  font-weight: bold;
}

a.p_link {
  font: 11px Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; color:#000; text-decoration:none;
  }
  
a.drugi:link{color:#ffcc2e;
text-decoration:none;
font-weight: bold;}
a.drugi:visited{color:#ffcc2e;
text-decoration:none;
font-weight: bold;}
a.drugi:hover{  color: #ffe42e;
  text-decoration:none;
  font-weight: bold;
}

#nav {
  position: relative;
  top: 30px;
  float: left;
  list-style: none;
  width: 738px;
  font: 10px Arial, Helvetica, sans-serif;
}

#nav li {
  float: left;
  background: #ffffff;
  margin-top: 1px;
}

#nav a, #nav a:visited {
  float: left;
  height: 62px;
  font-weight: bold;
  
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

#srodek {
position: relative;
float: left;
text-align: left;
}


#bokprawy {
position: relative;
float: right;
width: 660px;
margin-right: 16px;
valign: top;
}

#boklewy {
position: relative;
float: left;
margin-left: 12px;
width: 275px;
}

#boklewy2 {
position: relative;
float: left;
margin-left: 12px;
width: 250px;
}


#kontakt {
float: right;
background-image: url(images/danekontaktowe.jpg);
background-repeat: no-repeat;
width: 275px;
height: 31px;
}

#najnowsze {
float: left;
margin-top: 70px;
background-image: url(images/najnowsze_03.jpg);
background-repeat: no-repeat;
width: 650px;
height: 32px;
}



#wybierz {
float: left;
position: relative;
background-image: url(images/wybierz.jpg);
background-repeat: no-repeat;
width: 722px;
height: 32px;
}

#wybierzpas {
float: left;
background-image: url(images/wybierz_05.jpg);
background-repeat: no-repeat;
width: 722px;
height: 9px;
}

#wybierztlo {
float: left;
background-image: url(images/wybierz_07.jpg);
background-repeat:repeat-y;
width: 721px;

}

#podstronatlo {
float: left;
margin-top: 4px;
background-image: url(images/wybierz_07.jpg);
background-repeat:repeat-y;
width: 721px;
}

#najnowszetlo {
float: left;
width: 660px;
}

#najnowszetlo2 {
background-image: url(images/tlocontent.jpg);
background-repeat:repeat-x;
float: left;
}

#kontakttlo {
font-size:12px;
float: right;
background-image: url(images/kontakt_05.jpg);
background-repeat: no-repeat;
width: 275px;
height: 250px;
}
#kontaktdane {
margin-top: 15px;
padding-left: 44px;
color: #5f6248;
margin-right: 15px;
text-align: left;
line-height: 130%;
}
#kontaktdane2 {
margin-top: 127px;
margin-left: 48px;
color: #5f6248;
margin-right: 15px;
text-align: left;
line-height: 130%;
}
#kontaktlinki {
color: #5F6248;
    line-height: 280%;
    margin-left: 70px;
    margin-right: 15px;
    margin-top: 10px;
    text-align: left;
}


#h1 {
position: relative;
float: left;
width: 660px;
height: 32px;
background-image: url(images/naglowekh1.jpg);
background-repeat: no-repeat;
display: inline;
}

#h11 {
position: relative;
float: left;
width: 680px;
height: 32px;
background-image: url(images/naglowekh11.jpg);
background-repeat: no-repeat;
display: inline;
}

#h2 {
float: left;
position: relative;
background-image: url(images/naglowekh2.jpg);
background-repeat: no-repeat;
width: 275px;
height: 31px;
display: inline;
}


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

}


h2

{
	font-family: 'MyriadProSemibold';
	color: #f2ffe9;
	font-size: 16px;
	width: 230px;
	float: left;
	padding-top: 7px;
	padding-left: 3px;
	margin: 0;
}


h1

{
	font-family: 'MyriadProSemibold';
	color: #f2ffe9;
	font-size: 16px;

	width: 500px;
	float: left;
	padding-top: 7px;
	padding-left: 3px;
	margin: 0;
}

h11

{
	font-family: 'MyriadProSemibold';
	color: #f2ffe9;
	font-size: 16px;

	width: 500px;
	float: left;
	padding-top: 7px;
	padding-left: 3px;
	margin: 0;
}

h3

{
	font-family: 'MyriadProSemibold';
	color: #735b05;
	font-size: 14px;
	width: 30px;
	float: left;
	padding-top: 8px;
	padding-left: 6px;
	margin: 0;
	
}
























#polecamy1 {
float: left;
position: relative;
background-image: url(images/polecamy.jpg);
background-repeat: no-repeat;
width: 275px;
height: 31px;
}

#polecamy2 {
float: left;
position: relative;
background-image: url(images/polecamy22.jpg);
background-repeat: no-repeat;
width: 275px;
height: 31px;
}

#mapa {
float: left;
position: relative;
background-image: url(images/mapa.jpg);
background-repeat: no-repeat;
width: 275px;
height: 31px;
}


#mapatlo {
float: left;
background-image: url(images/aktualnosci_05.jpg);
background-repeat: repeat x;
width: 275px;
margin-bottom: 6px;
}


#polecamytlo {
float: left;
background-image: url(images/aktualnosci_05.jpg);
background-repeat: repeat x;
width: 275px;
margin-bottom: 6px;
}

#polecamytlo .odstep{ 
border-bottom: 1px solid #e0dfc1;
text-align: left;
valign: middle;
height: 8px;
font: 11px, Tahoma, Verdana, sans-serif;
padding: 6px 2px 12px 30px;

}

#nav a:hover, #nav a:focus {

-moz-opacity : 0.7;
opacity : 0.7;
filter : alpha(opacity=70);
color: #ffffff;

}


#nav li.btn1 a {
   width: 238px;
   background-image: url(images/avocado_13.jpg);
}

#nav li.btn2 a {
   width: 244px;
   background-image: url(images/avocado_14.jpg);
}

#nav li.btn3 a {
   width: 256px;
   background-image: url(images/avocado_15.jpg);
}

#nav li.btn4 a {
   width: 93px;
   background-image: url(images/avocado_07.jpg);

}


/* Flash
====================================================*/

#flash-top {
  position: absolute;
  top: 91px;
  left: 10px;
}

/* Other
====================================================*/

.clearfx {
  clear: both;
  line-height: 0px;
}

.h_menu_gora {font: 10px Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;display:inline;color:#fff}
.h_menu_dol {font: 11px Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;display:inline;color:#fff}

#header3 {
font: 9px Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; color: rgb(200,200,200); position: absolute; z-index: 11; top: 10px; left: 185px; border: 0px solid black; width: 300px; height: 75px; text-align: justify;
}





#tab-container-1{ 
width: 200px;


}
ul#tab-container-1-nav li{ 

float: left;
width: 100px;
margin-left: 25px;
margin-top: 20px; 
display: inline;}
ul#tab-container-1-nav li a{ 
display: inline;}

.tab{ float: left;}
#tab1{ 
 }
#tab2{  }
#pozycjazakladek
{ 
margin-top: 0px;
float: left;
margin-left: 220px;
width: 323px;
height: auto;
border: 1px solid #c1c2a9;
}

#pozycjazakladek2
{ 
float: right;
margin-top: 0px;
margin-left: 220px;
width: 323px;
height: auto;
border: 1px solid #c1c2a9;
}


#tresc2 {
margin-left: 20px;
margin-top: 20px;

}

#tresc1 {
margin: 20px 20px 20px 28px;

}

#tresc111 {
margin-top: 10px;
margin-bottom: 20px;

}
#podstronatekst {
margin-left: 30px;
margin-top: 20px;
}

#srodek01
{ 
float: left;
width: 502px;
border: 1px solid #c1c2a9;
}

#menu01
{ 
float: left;
width: 200px;
border: 1px solid #c1c2a9;
}
#menu02
{ 
float: left;
width: 300px;
clear:both;
display: block;
border: 1px solid #c1c2a9;
}

p
{
color: #4b4c44;
font-size: 11px;
line-height: 150%;

}


.myinputstyle {
	border: 1px solid #c1c2a9;
	/** remember to change image path **/
	background: url(images/tlosubmit.png) repeat-y #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	width:400px;
	font-size: 14px;
	color: #10100e;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #82983e;
}
.myinputstyle:hover {
	border: 1px solid #8b8c74;
	/** remember to change image path **/
	background: url(none) no-repeat #fafaf6;
	color: #10100e;
}