html { height: 100%; }
body {
     background-image  : url('img/tlo.jpg');
     background-repeat : repeat-x;
     min-height        : 100%;
     height            : 100%;
     margin            : auto;
/*     _behavior          : url(csshover3.htc);*/
     }


#glowna {
    background-image  : url('img/tlo_obraz.png');
    background-repeat : no-repeat;
    background-position: center top;
    text-align        : center;
    min-height        : 100%;
    font              : 12px verdana, sans-serif ;
}

#srodek_gora {
    margin            : auto;
    background-image  : url('img/baner.png');
    background-repeat : no-repeat;
    width             : 900px;
    height            : 212px; /* tylko IE  */		
    min-height        : 212px;
    margin-top        : 0px; 
}
#logo {
    background-repeat : no-repeat;
    background-position: 610px 5px;
    width             : 900px;
    height            : 160px; /* tylko IE  */		
    min-height        : 160px;

}
#srodek_dol {
    margin            : auto;
    text-align        : left;
    width             : 900px;
    background-color  : #f4f4f4;  
    margin-bottom     : 0px;      		
}
#menu_gora {
    font-family       : Arial, Helvetica, sans-serif;
    font-size         : 10px;
    text-align        : left;
    width             : 900px;
    height            : 23px; /* tylko IE  */
    min-height        : 23px;
    background-color  : #31383e;
    margin-bottom     : 0px;
    border-bottom     : 1px solid #FFFFFF;
    background-image  : url('img/menu.jpg');
    background-repeat : no-repeat;
}
#sitemap {
    font-family       : Arial, Helvetica, sans-serif;
    font-size         : 10px;
    height            : 14px; /* tylko IE  */
    min-height        : 14px;
    border-top        : 1px solid #31383e;
    background-color  : #f4f4f4; 
    padding-left      : 10px; 
    color             : #9b9c9c; 	
}
#ramki {
    border-top        : 1px solid #c4cdd6;
    background-color  : #ebeff0;		
    height            : 144px; /* tylko IE  */
    min-height        : 144px;
    padding           : 3px 0px 0px 3px; 
    border-bottom     : 1px solid #31383e;  
    text-align        : center;     	
}
#ramka1, #ramka2, #ramka3, #ramka4
{

    float: left;
    background-repeat: no-repeat;
    background-position: center 5px;
    background-color: #c4cdd6;
    width: 222px;
    min-height: 139px;
    height: 139px; /* tylko IE  */
    border-right: 1px dashed #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font              : 12px Arial, Helvetica, sans-serif;
}
#ramka1 p, #ramka2 p, #ramka3 p, #ramka4 p {
    margin            : 108px 20px 1px 19px;
    padding           : 0px 0px 0px 0px;
    color             : #07182a;  
    text-decoration   : none;          	
}
#ramka1 a:link, #ramka1 a:visited, #ramka2 a:link, #ramka2 a:visited, #ramka3 a:link, #ramka3 a:visited, #ramka4 a:link, #ramka4 a:visited {
    text-decoration   : none;
    color             : #07182a;   
}
#ramka1 a:hover, #ramka2 a:hover, #ramka3 a:hover, #ramka4 a:hover {
    text-decoration   : none;
    color             : #cd0404;
}
#ramka1 {
    background-image  : url('img/ramka1.jpg');     
}
#ramka2 {
    background-image  : url('img/ramka2.jpg');
}
#ramka3 {
    background-image  : url('img/ramka3.jpg');
}
#ramka4 {
    background-image  : url('img/ramka4.jpg');
    border-right      : 1px solid #c4cdd6;    
}
#kreska {
    background-color  : #ebeff0;
    min-height        : 1px;
    height            : 1px; /* tylko IE  */
    border-bottom     : 2px solid #31383e;
    margin            : 0px 0px 5px 0px;
}

 *html #kreska {  /*IE6 - 1px height div  */
    line-height       : 1px;
    font-size         : 1px;
    height            : 1px; 
}
 
#menu {
/*    background-color  : #485158;*/
    float             : left;
    text-align        : left;
    width             : 200px;
    min-height        : 550px;
    height            : 550px; /* tylko IE  */
}

#menu a, #menu a:visited, #menu a:link
{
	font-family: Tahoma;
	font-size: small;
	text-decoration: none;
	text-align: left;
	color: #0066CC;
}

#text
{
	background-color: #f4f4f4;
	float: right;
	text-align: justify;
	width: 695px;
	/*min-height: 550px;
	height: 550px;  tylko IE  */
	border-left: 2px dotted #e3e3e3;
	font-family: Arial;
	font-size: medium;
	padding-bottom: 20px;
	padding-left: 2px;
}
#text p
{
	margin: 5px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	text-align: justify;
	vertical-align: middle;
	white-space: normal;
}

#text p a
{
    font-family: 'Courier New';
    font-size: medium;
    padding-left: 5px;
    padding-right: 5px;
    color: #0000FF;
}

#text h1
{
	padding: 10px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	font-family: Corbel;
	font-size: large;
	text-align: left;
	text-decoration: underline;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
}
#text h1,#text a:link,#text a:visited
{
	color: #000000;
	text-decoration: none;
}
#text h2
{
	padding: 10px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	font-family: Corbel;
	font-size: medium;
	text-align: left;
	text-decoration: underline;
	text-transform: uppercase;
	color: #800000;
	font-weight: bold;
}

#text h3
{
	padding: 10px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	font-family: Corbel;
	font-size: medium;
	text-align: left;
	text-decoration: underline;
	text-transform: uppercase;
	color: #999999;
	font-weight: bold;
}

#text h5
{
	padding: 0px;
	margin: 3px 0px 0px 0px;
	font-family: 'Courier New';
	font-size: small;
	text-align: center;
	text-decoration: underline;
	text-transform: none;
	color: #000000;
	font-weight: bolder;
}
#text table
{
	font-family: Tahoma;
	font-size: medium;
	color: #000000;
	vertical-align: middle;
	display: table;
	border-spacing: 2px;
	empty-cells: hide;
	float: none;
	clear: both;
	text-align: center;
}
#menu_lewe
{
	padding-top: 15px;
	padding-left: 15px;
	font-family: 'Arno Pro Caption';
	font-size: medium;
	font-style: oblique;
	text-decoration: none;
	color: #000000;
}

#menu_lewe img
{
	border-style: none;
}


#text li
{
    padding-right: 10px;
    padding-left: 10px;
}



p.article
{
	font-family: Tahoma;
	font-size: medium;
	font-weight: lighter;
	text-align: justify;
	margin: 5px;
	padding: 5px;
	line-height: 17px;
	word-spacing: 3px;
}

/**/
.zrodlo h4
{
    padding: 0px 5px 0px 0px;
    margin: 10px 0px 0px 0px;
    font-family: Corbel;
    font-size: medium;
    text-align: left;
    text-decoration: underline;
    text-transform: capitalize;
    color: #663300;
    font-weight: bold;
    font-style: italic;
}
.zrodlo ul
{
    padding: 0px;
    margin: 0px;
}
.zrodlo ul li
{
    list-style-type: none;
    margin-top: 1px;
    padding: 0px 10px 0px 0px;
    font-family: tahoma;
    font-size: small;
    color: #000000;
    text-align: left;
    margin-right: 10px;
}

/*dział oferta promocja*/
.oferta_promocja table
{
    clear: both;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.oferta_promocja td
{
	text-align: right;
	padding: 0 0.1px;
	border-bottom: 1px solid #DDD;
}
.oferta_promocja th
{
	text-align:left;
	font-family: Tahoma;
	font-size: medium;
	background-color: #C0C0C0;
}

.oferta_promocja thead th
{
	vertical-align:bottom;
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
}

/*dział Comarch cennik*/
.comarch_cennik table
{
    display: block;
    clear: both;
    vertical-align: middle;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border-bottom-style: double;
    border-bottom-width: medium;
}

.comarch_cennik td
{
	text-align: right;
	padding: 0 0.1px;
	border-bottom: 1px solid #DDD;
}
.comarch_cennik th
{
	text-align:left;
	font-family: Tahoma;
	font-size: medium;
	background-color: #C0C0C0;
}

.comarch_cennik thead th
{
	vertical-align:bottom;
	border: 1px solid gray;
	border-width: 0 1px 1px 0;
}

/*Certyfikaty */
.Certyfikaty_prezentacja
{
	margin: 5px 10px 10px 5px;
	float: left;
}
.Certyfikaty_prezentacja img
{
    float: left;
    border-top: 1px solid #c4cdd6;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    border: 1px double #000000;
    background-color: #C0C0C0;
    display: block;
}

.Certyfikaty_panel
{
	display: block;
	float: left;
	border: thin dotted #808080;
	margin: 1px 1px 1px 15px;
	background-color: #B5BCC3;
	clear: both;
}

div.news
{
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    margin-bottom: 15px;
}

span.wiecej
{
    float: right;
    clear: none;
    text-align: right;
    font: 11px verdana, sans-serif;
    color: #485158;
    font-weight: bold;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.tekstkontakt p
{
	font-family: 'Courier New';
	font-size: medium;
	margin-left: 40px;
}

.tekstkontakt h1
{
	font-family: 'Courier New';
	font-size: larger;
	padding-left: 20px;
	font-weight: bold;
}

.tekstkontakt td
{
	padding: 5px;
}


#cien-dol-kartki  {
    clear             : both;
    margin            : auto;
    background-repeat : no-repeat;
    width             : 900px;
    height            : 7px; /* tylko IE  */
    min-height        : 7px;
}
#kreska_dol {
    margin            : 5px 0px 0px 0px;
    float             : left;
    width             : 900px;
    height            : 30px; /* tylko IE  */
    border-top        : 2px dotted #e3e3e3;    
    border-bottom     : 2px solid #31383e;
}
#stopka {
    float             : left;
    clear             : both;    
    margin            : 2px 0px 0px 0px;
    width             : 880px;
    text-align        : right;
    border-top	      : 1px solid #31383e;		
    border-bottom     : 1px solid #31383e;
    background-color  : #f8f8f8;		
    height            : 22px; /* tylko IE  */
    min-height        : 22px;	
    padding           : 8px 10px 0px 10px;
    font	      : 10px verdana, sans-serif ;
    color	      : #485158;
    font-weight	      : bold;
}

div.MenuLeft
{
    float:left;
    width: 200px;
    background: #FDD;
}
div.MenuLeft ul
{
    list-style: none;    
    background: white;
    border: 1px solid;
    margin: 0;
    padding: 0;
    width: 200px;
}

di.MenuLeft li
{
    position: relative;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #CCC;
}

div.MenuLeft ul ul
{
    position: absolute;
    top: 0;    
    left: 200px;
    display: none;
}

div.MenuLeft ul.MenuLeftLevel1 li.MenuLeftSubMenu:hover ul.MenuLeftLevel2
{
    display:block;
}


 div.MenuLeft li.MenuLeftSubMenu
 {
     background: yellow;
 }
 
 div.MenuLeft li a
 {
     display:block;
     padding:0.25em 0 0.25em 0.5em;
     text-decoration: none;
     width: 6.5em;
    list-style: none;     
  }
 div.MenuLeft ul a
 {
     width: auto;
 }
 
 div.MenuLeft li:hover
 {
     background:#EBB
 }
 
 div.MenuLeftLevel1
 {
     
 }
 
 div.MenuLeftLevel2
 {
     
 }
 
 div.MenuLeft li.category, div.MenuLeft li.category:hover
{
    display: block;
    border-bottom: none;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    background-color: #000000;
    background:#000000;
}
 
 .accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

 
 #master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}