/* CSS Document */

/* HTML Tags */
body {
	font:14px Verdana, Arial,Tahoma,Sans-serif;
	margin:0px;
	color:#666666;
	background:#E2E2E2;
}


/* Layout */
#wrapper {
	width:100%;
	position:relative;
	z-index:1;
	margin:0 auto 0 auto;
}
#bg_main {
	width:100%;
	position:relative;
	background:transparent url("images/bg_main.jpg") repeat-y top center;
	z-index:3;
}
#bg_top {
	width:100%;
	position:absolute;
	height:433px;
	background:transparent url("images/bg_top2.jpg") no-repeat top center;	
	z-index:4;
	margin-left:0px;
}
#bg_bottom {
	width:100%;
	position:relative;
	background:transparent url("images/bg_bottom.jpg") no-repeat bottom center;
	height:58px;
	z-index:2;
}

#container {
	width:824px;
	position:relative;	
	margin:0px auto;	
	padding-bottom:50px;
	z-index:5;
}

#footer {
	background-color:#E2E2E2;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

#footer a{
 text-decoration:none;
 color:#666666;
}



/** Header **/
#header {
	width:823px;
	height:160px;
	position:relative;
	top:0px;
	left:0px;
}

#header img{
border:none;
}

#properties {
	height:160px;
	background:#1884C2;
	width:823px;
	position:relative;
	left:0px;
	top:0px;
	float:left;
	text-align:center;
	z-index:6;
}
#module_header {
	position:relative;
	top:10px;
	text-align:center;
	z-index:7;
}

#module_header img{
border:none;
}

#module_header td {
	text-align:center !important;		
	width: 170px!important;
}
#module_header table {
	width:680px;
	margin:0px auto;
	position:relative;
	left:1px;
	border:none;
}

#module_header  img {
	border:5px solid #E1DA00 !important; 	
}

.clear {
	clear:both;
}


h2, h2 a, h2 a:visited {
  color:#beba5c;
  font: 20px Verdana,'Helvetica-Narrow', Arial, Sans-serif;

  }
h2 em {
  font-style:normal;
  color:#722;
  }
h4 {
  color:#3C6B91;
  font: 16px Verdana,'Helvetica-Narrow', Arial, Sans-serif;
  font-weight: bold;
  margin:0 auto;
  text-align:center;

  }
h5 {
  color:#666F6F;
  font: 13px Verdana,'Helvetica-Narrow', Arial, Sans-serif;
  font-weight: bold;
  margin-bottom: -10px;

  }
  h6 {
  color:#68663a;
  font: 13px Verdana,'Helvetica-Narrow', Arial, Sans-serif;
  font-weight: bold;
  margin-bottom: -10px;
  margin:0 auto;
  text-align:center;

  }


a:visited {
	color:#000099;
}



/* Content */

#content {
	width: 820px;
	
}

#colOne {
	float: left;
	width: 190px;
	margin-top: 20px;
	padding: 0 10px 0 20px;
}

#colTwo {
	float: right;
	margin-top: 20px;
	width: 560px;
	padding: 0 20px 0 20px;
	text-align:left;
}

#infoBox  {
	width:50%;
	text-align:center;
	margin-left:280px;
	margin-bottom:0px;
	margin-top:100px;
	font:12px Verdana, Arial,Tahoma,Sans-serif;
	color:#1F1919;
}

#infoBox a{
color:#1F1919;
}

#infoBox a:visited{
color:#1F1919;
}

#footer p {
	text-align: center;
	padding: 0;
	font-size: 10px;
}

#footer table{
border:none;
text-align:center;
margin:0 auto;
padding:0;
}
/*kontakt*/
#contactarea {
 width:330px;
 margin:0px auto;
 text-align:left;
 padding:15px;
 border:1px solid #333;
 background-color:#e4e9ed;
 font-family: Verdana, Arial;
 font-size: 12px;
}

#inputbox1, #inputbox2, #inputbox3 {
 border: 1px solid #000;
 width: 98%;
 padding: 2px;
 font-weight: bold;
 font-family: Verdana, Arial;
 font-size: 12px;
 color: black;
 float: right;
}

#inputlabel1, #inputlabel2, #inputlabel3, #inputlabel4 {
 font-weight: bold;
 font-family: Verdana, Arial;
 font-size: 12px;
}

#textarea {
 border: 1px solid #000;
 padding: 2px;
 font-family: Verdana, Arial;
 font-size: 10pt;
 width: 330px;
 color: black;
}

#submitbutton {
 border: 1px solid #000;
 background-color: #eee;

}


img.pic{

display:block;
margin: 0 auto 0 auto;
border:2px #E1DA00 solid;
margin-top:20px;
margin-bottom:20px;
}

img.mapa{
display:block;
margin: 0 auto 0 auto;
margin-top:20px;
margin-bottom:20px;
border:none;	
}

img.intext{
display:block;
margin: 0px 10px 0px 10px;
border:none;	
float:right;
}

img.inpic{
display:block;
border:none;
float:left;
}

ul.italic{
margin-top:0px;
margin-left:165px;
font-style:italic;
list-style:none;
}


img.tab{
margin:0 0 0 0;
border:0;
}

.blue{
color:#4f80f6;
}

.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.label{
font-style:italic;
font-size:11px;
margin:0 auto 0 auto;
text-align: center;

}

.center{
 text-align: center;
 margin: 0 auto 0 auto; 
}

.boldcenter{
text-align: center;
 margin: 0 auto 0 auto;
font-weight:bold; 
}

.blok_galeria {
	border:1px solid #1C618B;
	margin-bottom:20px;
	background-color:#D2DCDE;
}

img.gal{
	margin:3px 8px 3px 8px;
	border:3px solid #1884C2;
}

/*Moje menu*/

.menu {
z-index:1000;
font-size:12px;
letter-spacing:0.05mm;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-weight:bold;
text-align:center;
margin:25px 0 50px 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;

}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#E4E9ED;
height:26px;
border:2px solid #1884C2;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:26px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; width:149px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#80ad77;}

.menu :hover > a {
color:#fff; 
background:#1884C2;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/*<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->
*/
.menu li {float:left;}


.button{
border:none;
font-size:90%;
letter-spacing:0.05mm;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-weight:bold;
padding:10px; /* elementy oddalone o 10px od brzegów “pudełeczka” */
float:left;
}

.button a { /* odwołujemy się do wszystkich selektorów a */
padding: 10px;
margin: 5px; /* odległości między linkami */
background-color: #FFFFFF;
border-style: solid; /* styl obramowania */
outline: none; /* bez obwódki po kliknięciu */
text-decoration:none; /* bez dekoracji tekstu */
color: #666666;
display:block; /* linki są obok siebie */
}

.button a:link, .button a:visited{ /* link zwykły i odwiedzony */
border-color: #e4e9ed; /* kolor obramowania */
}

.button a:hover{ /* link po najechaniu myszką */
color:#000518;
border-color: #1884c2;
}
