/* global */
html{height: 100%;}

body
{ font-family:Arial, Helvetica, sans-serif;
  padding: 1px;
  margin-top: 0px;
  font-size: .82em;
}

p
{ margin: 0px;
  padding: 0px 0px 10px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 104%;
}


img{border: 0px;}

a{outline: none;}

/* umieszczenie grafiki: po lewej po prawej i w srodku */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* cytaty*/
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 10px outset;
	border-right: 10px inset;
}


/* listy numerowane*/
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}




/* margin lefts / margin rights - to centre content */
#main,#background,#background1, #background2,#background3, #background4, #background5,  #background6,#footer, #menu, #content
{ 	
	margin-left: auto; 
  margin-right: auto;
	width: 95%;
}

#background {width:840px; height:230px; background:url(noweLogo3.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background1 {width:840px; height:230px; background:url(noweLogo4.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background2 {width:840px; height:230px; background:url(noweLogo5.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background3 {width:840px; height:230px; background:url(noweLogo6.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background4 {width:840px; height:230px; background:url(noweLogo7.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background5 {width:840px; height:230px; background:url(noweLogo8.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
#background6 {width:840px; height:230px; background:url(noweLogo9.jpg); background-repeat: no-repeat;  padding: 10px 0px 0px 0px;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop11.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(tab.png);}
.preload2 {background: url(tabb_on.png);}

.menu2 {text-align: left;padding:0 0 0 22px; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:maroon; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; background: url(tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:acqua; background: url(tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#fff; background: url(tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#fff; background: url(tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.top_link b {color:#191970; background: url(tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#fff; background: url(tabdown_on.png) no-repeat;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */<img src="noweLogo.jpg" width="1004" height="200" border="0" alt=""><img src="noweLogo2.jpg" width="1004" height="341" border="0" alt="">

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:120px; font-weight:normal; background: url(submid.png);}
.menu2 :hover ul.sub li.fly {background: url(submid_r.png);}

.menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:10px; color:	maroon; text-decoration:none;background:url(trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#fff;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(subtop.png);}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(subtop_r.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(subbottom.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(subbottom_r.png);}

/*nawigacja po galerii*/

.lata {font-family: arial, sans-serif; width:106px; height:auto; margin:0; font-size:11px; margin:80px 0;}
.lata ul li a, .lata ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:50px; text-align:center; padding-left: 5px; border:1px solid maroon; border-width:1px 1px 0px 0px; background:white; line-height:19px; font-size:11px;}
.lata ul {padding:0;  margin:0;list-style-type: none; }
.lata ul li {float:left;  margin-right:1px; position:relative;}
.lata li ul {display: none;}

/* nie dla IE*/
.lata  ul li:hover a {color:#fff; background:white;}
.lata  ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.lata  ul li:hover ul li a.hide {background:white; color:#000;}
.lata  ul li:hover ul li:hover a.hide {width:150px;}
.lata  ul li:hover ul li ul {display: none;}
.lata  ul li:hover ul li a {display:block; background:white; color:#000; width:150px;}
.lata  ul li:hover ul li a:hover {background:white; color:#000;}
.lata  ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.lata  ul li:hover ul li:hover ul li a {display:block; width:200px; background:white; color:#000;}
.lata  ul li:hover ul li:hover ul li a:hover {background:white; color:#fff;}


/* main content */
#content
{ 
  overflow: hidden;
	background: #FFFFFF;
} 

/* column 1 - contains sidebar items */


#column1
{ width: 140px;
  margin: 2px 0px 0px 0px;
  float: left;
 
  padding: 2px 5px 5px 5px;
}
/* column 2 - page content */

#column2
{ text-align: left;
  width: 74%;
	height: auto;
  float: right;
  padding: 2px 15px 15px 5px;
	font-weight: normal;
}

#column1 h1, #column2 h1
{ font-family: arial, sans-serif;
  padding: 10px 0px 5px 0px; 
  margin: 10px 0px 12px 0px;   
  font-weight: normal;
	color:#8B0000;
}

#column2 h1,#column1 h1
{
  
	font-size: 105%;
	text-transform: uppercase;
}

#column2 h2,#column1 h2

{
 font-size: 100%;
 padding: 20px 0px 5px 0px;	
 color: #800000;
}

/* okno g3ówne- linki podkreslone*/
#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: underline;
	font-size:100%;
}

#column2 a,#column1 a
{
color: #D2691E;
}

#column2 a:hover, #column1 a:hover
{
color: #800000;
text-decoration:none;
}


.sidebaritem
{ text-align: left;
  width: 150px;
	border-width: 1px; 
	border-style: outset;
	border-color: orange; 
  float: left;
  margin: 2px 0px 5px 0px;

  padding: 6px 12px 6px 6px;
}

.sidebaritemFlaga
{ text-align:left;
  width: 154px;
  float: left;
  margin: 0px 0px 5px 0px; 
  padding: 4px 8px 4px 0px;
}


.sidebaritem h1
{
	margin: 0px;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	text-transform: uppercase;
	color:#8B0000;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.sidebaritem a, .sidebaritem a:hover
{ 
  text-decoration: none;
}

.sbilinks{padding: 0px}

.sbilinks ul{margin: 0px auto;} 

.sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  height: 16px;
  text-decoration: none; 
  padding: 5px 0px 4px 19px;
  width: 149px;
} 



/* contact page - form layout */

div.row
{ clear: both;
  width: auto;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 259px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  margin: 2px;
}

.submit
{ font-family: verdana, arial, sans-serif;
  font-size: 100%; 
  border: 1px solid;
  width: auto;
  height: 22px;
  cursor: pointer;
}

#footer
{ 
  height: 24px;
  font-size:80%;
  padding: 12px 21px 0px 19px;
  border-top: 1px solid;  
	border-color:#8B0000;
	text-align:center;
}