body { 	background-color:#827753;
	scrollbar-face-color: #D2D0A6;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D2D0A6;
	scrollbar-arrow-color:  #827753;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #827753;
	   	background-image: url(../images/tlo-main.png);
		background-repeat: repeat-x;
		padding: 0px;
		margin: 0px;

}

img {border: none;}

.image_05
{
	background-image: url(../images/05.gif);

}
.image_09
{
	background-image: url(../images/09-tlo.gif);
}
font	{ 	font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size : 11px;	color : #7F9457; padding: 5px; margin: 5px; }
.header {background-image: url(/images/ioh_header.jpg); width: 698px; height: 192px; display: block; margin: 0 auto 0 auto; position: relative;}

h1 {padding: 0px; margin: 0px;}

H1	{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #C57B2C; font-size : 16px; font-weight: bold; }

a:link		{ text-decoration: none; font-size : 11px; color: #8D733D;}
a:visited	{ text-decoration: none; font-size : 11px;  color: #8D733D;}
a:hover	{ text-decoration: underline; font-size : 11px;  color: #8D733D;}

ul {margin-top: 0px; padding-left: 20px}
li {list-style-image: url(../images/punktor.gif); margin: 0px; margin-bottom: 5px;}

#menu {position: absolute; top: 167px; left: 130px;}
.menu	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #111A06;
	line-height: 140%;

}

.center {text-align: center}

.naglowek, .naglowek_dlugi, .naglowek_bardzo_dlugi
{
	background-image: url(../images/naglowek.png);
	background-position: left top;
	height: 24px;
	padding-left: 10px;
	padding-top: 5px;
	vertical-align: middle;	
}

.naglowek_dlugi {background-image: url(../images/naglowek_dlugi.png); margin-bottom: 5px;}
.naglowek_bardzo_dlugi {background-image: url(../images/naglowek_bardzo_dlugi.png); margin-bottom: 5px;}

.gradient
{
 	font-size: 11px;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	min-height:  38px;
}

.right {text-align: right;}

a.menu:link		{ text-decoration: none; font-size : 11px; color : #111A06;}
a.menu:visited	{ text-decoration: none; font-size : 11px; color : #111A06;}
a.menu:hover	{ text-decoration: none; font-size : 11px; 	color : #663300;}

a.news:link		{ text-decoration: none; font-size : 11px; color: #E8E0B3;}
a.news:visited	{ text-decoration: none; font-size : 11px; color: #E8E0B3;}
a.news:hover	{ text-decoration: underline; font-size : 11px; color: #E8E0B3;}

a.dzial:link, h1.dzial		{
	text-decoration: none;
	font-size : 12px;
	color: #846D15;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.dzial:visited	{ 
	text-decoration: none;
	font-size : 12px;
	color: #846D15;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.dzial:hover	{ 
	text-decoration: none;
	font-size : 12px;
	color: #846D15;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.serwis_item {width: 180px; padding-top: 4px; line-height: 13px; height: 50px;}

a.serwis:link		{
	text-decoration: none;
	font-size : 12px;
	color: #5E593F;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.serwis:visited	{ 
	text-decoration: none;
	font-size : 12px;
	color: #5E593F;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.serwis:hover	{ 
	text-decoration: none;
	font-size : 12px;
	color: #5E593F;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.iko
{
	padding-left: 5px;
	padding-right: 5px;
	width: 44px;
	height: 44px;
	float: left;
}
a.serwis1:link, .serwis1		{
	text-decoration: none;
	font-size : 8px;
	line-height: 5px;
	color: #BFAB4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.serwis1:visited	{ 
	text-decoration: none;
	font-size : 8px;
	color: #BFAB4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.serwis1:hover	{ 
	text-decoration: none;
	font-size : 8px;
	color: #BFAB4D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.zwykly:link		{
	text-decoration: none;
	font-size : 10px;
	color: #846D15;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
a.zwykly:visited	{ 
	text-decoration: none;
	font-size : 10px;
	color: #846D15;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
a.zwykly:hover	{ 
	text-decoration: underline;
	font-size : 10px;
	color: #5E593F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
        width:900px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin: 0 auto 0 auto;
		background-color: #DDD8B3;
	}
	/* holy grail 3 column settings */
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-190px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#E7E5CC;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:380px;         	/* Left column width + right column width */
        background:#DDD8B3;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:190px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        background-color: #DDD8B3;
    }
    
.ramka
{
	border: 1px solid #BFB66F;
	background-color: #DDD8B3;
}

.submit
{
	border: 1px #BFB66F;
	background-color: #CCC48C;
	text-decoration: none;
	font-size : 10px;
	color: 	#846D15;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.nowe_tyt
{
	text-decoration: none;
	font-size : 11px;
	color: #C5A434;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
}
.text
{
	text-decoration: none;
	font-size : 10px;
	color: #111B06;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: justify;
}

.text h2 {font-size: 12px;}

.aktualnosci img {max-width: 500px; margin-top: 10px;}
.ioh_numer {width: 165px; float: left; text-align: center; height: 225px;}
.ioh_numer img {width: 140px; height: 192px;}

.ioh_artykul {width: 650px; min-height: 80px;}
.ioh_artykul img {float: left; margin-right: 15px; width: 80px; height: 80px}

.footer {width: 900px; display: block; float: right; margin-top: 15px; background-image: url(/images/016-stopka.gif); text-align: center; line-height: 44px;}
.footer img {float: right;}

.male	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #5C6A42;
	padding: 3px;
}