@charset "iso-8859-2";
/* some parts of this CSS file are coppied from tutorials from  A List Apart  Magazine  - http://alistapart.com*/

	
img	{
	display: block;
	border: 0;
	}

img.referencje {
	display: block;
	margin: 0px;
	border: solid #bbb;
	border-width: 1px ;
}

img.insidetext {
 	float: left;
	display:block;
  	padding: 0;
	margin:  5px 8px 1px 0;
	border: solid #555;
	border-width: 1px ;
}

#sidebar img {
	margin: 5px 0;
	border: 1px solid #333;
	}

#stopka img {
	vertical-align: middle;
	border: 0;
	}
		
div.spacer {
	clear: both;
}	
	

	/*  podstawy */

body	{
	background: #f5f5f5;
	color: #222;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 5px solid #eee;
	text-align: center;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", arial, verdana, helvetica, sans-serif;
	padding-bottom: 25px;
	}
	
#calosc	{
	background: #fff url(layout/kropeczki.gif) repeat;
	color: #333;
	margin: 15px auto;
	padding: 0;
	border: 1px solid #526968;
	border-bottom: 1px solid #526968;
	width: 702px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 700px;	 
	}

html>#calosc	{
	width: 700px;
	} 

#header	{
	background: #fff;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
	}

#maincontent	{
	float: left;
	margin: 0;
	padding: 10px 15px 10px  10px;
	width: 500px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 485px;	 
	}

html>#maincontent 	{
	width: 485px;
	} 


#maincontent ol, #maincontent ul	{
	margin: 0.5em, 0;
	padding-left: 10px;
	margin-left: 10px;
	}
	
#maincontent li	{
	line-height: 1.4;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc url(/i/listblack.gif) inside;
	vertical-align: top;
	}
	
#maincontent ul ul li {
	margin-top: 10px;
	list-style: disc url(/i/innerlistblack.gif) inside;
	vertical-align: top;
	}

#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}	
	
#prawe	{
	padding: 2px 8px 5px 0px;
	margin: 0 0 0 500px;
	color: #666;
	background: transparent; 
	}	

#logo {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	} 

/* STOPKA */

#stopka {
	border: 0;
	border-bottom: 5px solid #fff;
	border-top: 1px solid #ccc;
	color: #666;
	background: #eee;
	padding: 4px 7px 7px  6px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

html>#stopka	{
	font-size: x-small;
	} 

#stopka A {
	color: #666;
	text-decoration: none;
	font-weight: normal;
	}
	
#stopka A:hover {
	text-decoration: none;
	}
#stopka A:visited {
	color: #666; 
	}

#subnav	{
	margin: 0 0 25px 0;
	padding: 5px;
	border: 0;
	}

#subnav ul	{
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	}
	
#subnav ul li	{
	list-style: disc url(/i/listmark.gif) inside;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
        font-size:    xx-small;      
        voice-family: "\"}\"";   
        voice-family: inherit;   
        font-size:    x-small;      
	}	

html>#subnav ul li	{
	font-size: x-small;
	} 

#subnav ul li a {
	font-weight: normal;
	}

#subnav dl	{
	margin: 0;
	padding: 0;
	}
	
#subnav dt 	{
	font-weight: normal;
	font-size:    x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    small;  
	}   
	
html>#subnav dt 	{
	font-size: small;
	} 

#subnav dd 	{
	padding: 0;
	margin: 2px 0 10px 0;
	}   	

	/*  Typography */
	
h1, h2, h3, h4, h5, h6	{
	font-family: "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 2px;
	color: #666;
	}
	
#pagebody h1	{
    margin-top: 0;
	font-weight: bold;
    font-size: small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:  medium;       
    }

html>#pagebody h1 	{
	font-size:  medium;  
	} 
	
#pagebody h1.bezbold	{
	font-weight: normal;
	margin: 0;
}
#pagebody h2	{
    margin-top: 1.5em; 
	font-weight: bold;
    font-size:    small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    medium;       
    }

html>#pagebody h2 	{
	font-size:  medium; 
	} 

#sidebar h2	{
	font-size: 16px;
	margin: 5px 0 0 0 ;
	}

h3	{
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;  
	}

html>h3 	{
	font-size:  medium;  
	} 

#sidebar h3	{
	font-size: 13px;
	margin: 0;
	}
	
h3.byline 	{
	font-size: 12px;
	padding: 0;
	margin: 7px 0;
	text-transform: uppercase;
	}
	

p	{
	line-height: 130%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}


	
#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
     font-size:    x-small;      
             /* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small;         
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }

#pagebody p.fineprint	{
	font-size: 11px;
	}

#pagebody .trans		{
	margin: 25px 0;
	padding-top: 0;
	}
	
#pagebody .trans dt  {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size:  medium;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:  large;  
	}

html>#pagebody .trans dt  {
	font-size: large;
	} 

#prawe p	{
	font-size: 11px;
	text-align: left;

	}
#prawe p.flash {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

#maincontent p.certyfikaty	{
	font-size:11px;
	line-height: 120%;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	}

	/* LINKS */
	
a:link, a:visited {
	font-weight: bold; 
	text-decoration: none;
	color: #c30;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #999;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
	}

#maincontent p.certyfikaty a:link, 
#maincontent p.certyfikaty a:visited, 
#maincontent p.certyfikaty a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #333;
	background: transparent; 
	}

#maincontent p.certyfikaty a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #999;
	background: transparent; 
	}

	/*  Horizontal nav */

#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	width: 138px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #c30;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small;   
	}
/* 138 x 4 = 552. Dodatkowo 1px na border z lewej = 556. Do wykorzystanie jest 700. 700-556 = 144. Czyli 5 musi miec 143. */

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#five a	{
	width: 143px;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #000;
	background: #ccc;
	}

#menu a:active	{
	background: #ccc;
	color: #fff;
	}

body#jeden #menu li#one a, 
body#dwa #menu li#two a,
body#trzy #menu li#three a,
body#cztery #menu li#four a,
body#piec #menu li#five a {
	background: #c30;
	border-top: 1px solid #ccc;
	border-left: 1px solid #c30;
	color: #fff;
	font-weight: bold;
	}

/* Forms */

div.formularz {
	margin: 0 0  0 10px;
	font-size: 12px;
	color: #222;
	}

div.row {
	float: left;
	padding: 0;
	margin: 5px 0 2px 0;
	clear: both;
  }

div.row span.label {
	margin: 0;
  }

div.row INPUT {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", arial, verdana, helvetica, sans-serif;
	border-right: 1px solid gray; 
	border-top: 1px solid black;  
	border-left: 1px solid black; 
	border-bottom: 1px solid gray;
	background-color: #fff;
	font-size: 12px;
 	float: left;
 	width: 250px;
  } 
 
div.row INPUT.bot {
	margin-top: 3px;
	border-right: 1px solid black; 
	border-top: 1px solid white;  
	border-left: 1px solid white; 
	border-bottom: 1px solid black;
	background-color: #ddd;
	width: 100px;
	}


div.row TEXTAREA {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", arial, verdana, helvetica, sans-serif;
	font-size: 12px;
 	float: left;
 	width: 250px;
	height: 5em;
	
	border-right: 1px solid gray; 
	border-top: 1px solid black;  
	border-left: 1px solid black; 
	border-bottom: 1px solid gray;
	background-color: #fff;
  } 
a.nodec {
	text-decoration: none;
	font-weight: inherit;
	color: #444;
	cursor: text;
}
a.nodec:hover {
	text-decoration: none;
	font-weight: inherit;
	color: #444;
	cursor: text;
}
a.nodec:visited {
	text-decoration: none;
	font-weight: inherit;
	color: #444;
	cursor: text;
}

a.nodec2 {
	text-decoration: none;
	font-weight: normal;
	color: #444;
	cursor: text;
}
a.nodec2:hover {
	text-decoration: none;
	font-weight: normal;
	color: #444;
	cursor: text;
}
a.nodec2:visited {
	text-decoration: none;
	font-weight: normal;
	color: #444;
	cursor: text;
}