/* css reset by Eric A. and Kathryn S. Meyer http://meyerweb.com/eric/tools/css/reset/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;}
/* /css reset */
	body,
	html {
		color:#dbd1cd;
		font:13px/20px Tahoma, Verdana, Arial, sans-serif
	}
	html{
	   background:#1c0000 url(../images/bg.jpg) top center no-repeat;
  }
	body{
    background:url(../images/bg-top.jpg) top center no-repeat;
  }
	a, a:hover{
    text-decoration:underline;
    color:#e7aa24
  }
	.wrap {
		width:962px;
		clear:both;
		margin:0 auto;
	}
	#wrap-footer{
  	clear:both;
  	background:url(../images/bg-wrap2.gif) top repeat-x;
	}
	#flash {
	  height:282px
	}
	#header {
	   height:116px;
	}
	#header ul{
    float:right;
    margin-top:46px;
  }
  h1{
    float:left;
    display: block;
    width:120px;
    height:40px;
    margin-top:36px;
    background:url(../images/kancelaria-patentowa-radecki.gif) 0 0 no-repeat;
    cursor: hand;
    cursor: pointer;
  }
  h2{
    font:bold 42px Arial Narrow, Tahoma, Verdana, sans-serif;
    text-transform:uppercase;
    color:white;
    width:587px;
    margin-top:50px;
    float:right;
  }
  h3 span, h4 span, h5 span, h6 span, #h7 span{
    display:none;
  }
  h3, h4, h5, h6, #h7 {
    display:block;
    height:26px;
    width:170px;
    margin: 27px 0px 20px 30px;
    background-position:0px 0px;
  }
  h6{
    margin: 37px 0px 20px 20px;
    clear:both;
    float:left;
    width:942px;
  }
  #h7{
    width:540px;
    font:bold 17px Arial Narrow;
    color:#e7aa24
  }
  h3{background:url(../images/kim-jestesmy.gif) no-repeat}
  h3.h3offer{background:url(../images/h3offer.gif) no-repeat}
  h4{background:url(../images/jak-dzialamy.gif) no-repeat}
  h5{background:url(../images/dane-teleadresowe.gif) no-repeat}
  h6{background:url(../images/co-mozemy-dla-ciebie-zrobic.gif) no-repeat}
  #flash p{
    font:16px Arial Narrow, Tahoma, Verdana, sans-serif;
    color:white;
    width:480px;
    clear:both;
    float:right
  }
  #flash p#more{
    margin-top:20px;
    text-align:right
  }
  #flash p#more a{
    color:white;
  }
  #flash p#flash-info{
    width:800px;
  }
  #flash p#flash-info a{
    color:white;
  }
	#header a{
		display: block;
		float:left;
		height: 16px;
  }
  #header a span, h1 span{
      display: none;
  }
	a#wynalazki{
      background:url(../images/wynalazki.gif) 0px 0px no-repeat;
      width:91px
  }
	a#wzory-uzytkowe{
      background:url(../images/wzory-uzytkowe.gif) 0px 0px no-repeat;
      width:125px
  }
	a#wzory-przemyslowe{
      background:url(../images/wzory-przemyslowe.gif) 0px 0px no-repeat;
      width:146px
  }
	a#znaki-towarowe{
      background:url(../images/znaki-towarowe.gif) 0px 0px no-repeat;
      width:126px
  }
	a#oferta{
      background:url(../images/oferta.gif) 0px 0px no-repeat;
      width:69px
  }
	a#o-firmie{
      background:url(../images/o-firmie.gif) 0px 0px no-repeat;
      width:83px
  }
	a#kontakt{
      background:url(../images/kontakt.gif) 0px 0px no-repeat;
      width:78px
  }
	#header a:hover, #header a.active-element{
      background-position: 0px -16px
  }
	#header ul {
		list-style:none;
	}
	#header li {
		display:inline;
	}
	#main, #main-content {
		float:right;
		background:#e7aa24;
		color:#471104;
		width:312px;
		height:247px;
		margin:0;
		padding:0;
		border:0;
	}
	#main-content{
	   margin:0px;
	   float:left;
	   margin-top:12px;
	   height:auto;
	   padding-bottom:30px
  }
	#centers, #centers-content {
		float:left;
		background:#471104 url(../images/frame-one.jpg) 0 0 no-repeat;
		margin-left:13px;
		width:312px;
		height:247px
	}
	#centers-content{
	 float:right;
	 background:#471104 url(../images/bg-content.jpg) 0 0 no-repeat;
	 width:635px;
	 min-height:459px;
	 height:auto;
	 padding-bottom:40px;
	 margin:0px;
	 text-align:justify
	}
	#centers-content p, #centers-content ul, #centers-content ol{
	 margin-bottom:17px;
	}
	#sidebar, #sidebar-content, .sidebar-navigation {
		float:left;
		background:url(../images/frame-one.jpg) 0 0 no-repeat;
		width:312px;
		height:247px
	}
	.sidebar-navigation{
		height:auto;
		background:none;
  }
  .sidebar-navigation a, .toggle_container li{
	float:left;
	display:inline;
    clear:both; 
    padding:3px 20px 3px 10px;
	background:url(../images/frame-one-m.jpg) top right no-repeat;
    width:282px;  
  }
  .sidebar-navigation li.sing{
	  width:282px; 
	  cursor:pointer;
	  padding:3px 20px 3px 10px;
  }
  .sidebar-navigation .trigger{
	  margin-bottom:5px;
  }
  .sidebar-navigation li{
	  width:312px; 
	  margin:0px;
	  background:url(../images/frame-one-m.jpg) right top no-repeat;
	  margin-bottom:5px;
  }
  .toggle_container li{
	  padding:0px;  
  }
  .sidebar-navigation, .sidebar-navigation a{
    font-family:Arial Narrow;
    font-size:13px; 
	color:#f3efee;
	text-align:right;
	text-transform:uppercase;
    text-decoration:none;
	font-weight:bold;
  }
  .toggle_container li a{
    font-family:Arial Narrow;
    font-size:13px;  
	color:#f3efee;
	text-align:right;
	text-transform:uppercase;
    text-decoration:none;
	font-weight:bold;
	background:none
  }
  .toggle_container li a:hover, .sidebar-navigation a.trigger:hover{
  	color:#471104; 
  }
  .sidebar-navigation li:hover, .sidebar-navigation .active, .sidebar-navigation a.trigger:hover{
    background:url(../images/frame-two-m.jpg) right top no-repeat;
	color:#471104; 
  }
  .inside,  .inside li, .inside li:hover{
	  float:left;
	  clear:both;
	  background:none;
  }
  .inside{
	  display:none;
	  margin-top:10px
  }
  .inside li{
	  padding:0px 20px 0px 10px;
  }
  .sidebar-navigation .inside a{
	  background:none;
	  font-weight:normal;
	  text-transform:none;
	  font-size:15px;
	  padding:0px 20px 3px 10px;
  }
  .sidebar-navigation .inside a:hover, .sidebar-navigation .inside a.active{
	  color:#f3efee;
	  text-decoration:underline
  }
  #sidebar-content {
	 float:left;
	 margin:0px;
	 height:auto;
	 padding-bottom:30px
	}
  #main p, #centers p, #sidebar p, #main-content p, #centers-content p, #sidebar-content p{
    width:227px;
    margin-left:48px;
  }
  #centers-content p, #centers-content ul, #centers-content ol{
    width:540px;
  }
  #centers-content table.tabela-ceny{
    width:540px;
    margin-left:48px;
    text-align:left;
    margin-bottom:20px
  }
   #centers-content table.tabela-ceny td{
    padding:10px;
    border:3px #471104 solid;
    background:#4f251b
   }
   #centers-content table.tabela-ceny td.nagl{
    background:#704339;
    font-weight:bold;
    text-transform:uppercase
   }
  #centers-content ul, #centers-content ol{
    margin-left:48px;
  }
  #centers-content ul{
    list-style-type:disc;
  }
  #centers-content ol{
    list-style-type:decimal;
  }
  #centers-content li{
    margin-left:30px;
  }
  #sters{
    width:50px;
    float:right;
    clear:both;
  }
  #sters img{
  margin-left:1px
  }
  #offer{
    float:left;
    width:962px;
    height:220px;
    margin-top:50px
  }
  #offer a, #sidebar a, #sidebar-content a, #centers a{
    text-decoration:none;
    color:#dbd1cd;
  }
  #offer a:hover, #sidebar a:hover, #sidebar-content a:hover, #centers a:hover{
    text-decoration:underline;
    color:#e7aa24
  }
  #main a, #main-content a{
  	text-decoration:none;
    color:#471104;
  }
  #main a:hover, #main-content a:hover{
  	text-decoration:underline;
    color:#471104;
  }
  div.frame{
    float:left;
    width:239px;
    height:170px;
    border-left:1px solid #4a3f3e
  }
  div.frame img{
    margin-bottom:20px;
    margin-left:20px;
  }
  div.frame p{
    width:200px;
    margin-left:20px;
    font-size:11px;
    line-height:16px;

  } 
	#footer {
	  width:962px;
	  background:url(../images/bg-footer.gif) right top no-repeat;
	  height:80px
	}
	#kaczka{
	  float:left;
    margin-top:30px;
  }
	#footer ul {
	  margin-top:30px;
	  float:right
	}
	#footer ul li{
    float:left
  }