/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #fff3d2
}
#wrapper {
 margin: 0 auto;
 width: 822px;
}
#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0px 10px;
 /* border: 1px solid #f60b2c; */
 height: 100px;
 margin: 20px 0px 0px 0px;
 background: url(nagl2.gif);
}
#navigation {
float: left;
 width: 800px;
 color: #333;
 padding: 10px;
/* border: 1px solid #f60b2c; */
 margin: 0px 0px 0px 0px;
 background: #fff3d2;
}
#leftcolumn {
 color: #333;
/* border: 1px solid #f60b2c; */
 background: #ffe076;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 200px;
 float: left;
}
#content {
 float: left;
 color: #333;
/* border: 1px solid #f60b2c; */
 background: #fff3d2;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 440px;
 display: inline;
}
#rightcolumn {
 color: #333;
/* border: 1px solid #f60b2c; */
 background: #ffe076;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 120px;
 float: left;
}
#footer {
 width: 800px;
 clear: both;
 color: #333;
/* border: 1px solid #f60b2c; */
 background: #f6c30b;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align:center
}

#menu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-width: 1px;
}

#menu ul {
	list-style: none;
}
	
#menu li a {
 	height: 32px;
 	/*voice-family: "\"}\""; 
 	voice-family: inherit;*/
 	height: 24px;
	text-decoration: none; /* bez dekoracji tekstu */
	outline: none; /* bez obwódki po kliknięciu */
	font-size: 16px;
}
	
#menu li a:link, #menu li a:visited {
	color: #9E3C02;
	display: block;
	background: url(images/menu4.gif);
	padding: 8px 0 0 30px;
}
	
#menu li a:hover {
	color: #fff;
	background: url(images/menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu li a:active {
	color: #fff;
	background: url(images/menu4.gif) 0 -64px;
	padding: 8px 0 0 30px;
}


            div.boxm {
                width:100%;
                height:auto;
                background: #ffd27c;
                /* margin-top:3px */
            }
            
            div.boxm div.title {            
                width:90%;
                /* border-bottom:1px solid #d9dfe9                */
            }

            div.boxm div.title { background:url(box_header_left.gif) top no-repeat #e1e6f1 }
            
            div.boxm-right div.title { background:url(box_header_right.gif) top no-repeat #e1e6f1 }
                
            div.boxm div.title p {
                width:135px;
                margin:0px;
                padding:7px 8px;
                overflow:hidden;
                font-weight:bold;
                font-size:12px;
                color:#283652
            }
            
            div.boxbody {                
                width:137px;
                padding:6px 6px 3px 8px;
                background:url(mk1.gif) repeat-x top;
                border-top:1px solid #fff;
                overflow:hidden;
            }
            


div.img
  {
  margin:5px;
  border:0px solid #ffffff;
  width:180px;
  height:150px;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:10px;
  border:0px solid #ffffff;
  }
div.img a
	{
  outline: none;	
	}
div.img a:hover img
  {
  border:1px solid #f6c30b;
  }




div.img1
  {
  margin:5px;
  border:0px solid #ffffff;
  width:180px;
  height:150px;
  float:left;
  text-align:center;
  }
div.img1 img
  {
  display:inline;
  margin:10px;
  border:0px solid #ffffff;
  }
div.img1 a
	{
  outline: none;	
	}
div.img1 a:hover img
  {
  border:1px solid #f6c30b;
  }
  
  
div.img2
  {
  margin:5px;
  border:0px solid #ffffff;
  width:150px;
  height:180px;
  float:left;
  text-align:center;
  }
div.img2 img
  {
  display:inline;
  margin:10px;
  border:0px solid #ffffff;
  }
div.img2 a
	{
  outline: none;	
	}
div.img2 a:hover img
  {
  border:1px solid #f6c30b;
  }  
  
  

div.opis
{
  margin:0px 0px 20px 0px;
  border:0px solid #ffffff;
  width:440px;
  height:auto;
  float:left;
        text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}

div.opis a { color: #CC6600; text-decoration: none; }
div.opis a:hover {
color: #f6c30b; text-decoration: underline;
background: none;
}