body{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-Serif;
  background: #66a8ba url(../images/bg.gif) top left repeat-x;
  color: #333;
  overflow-y: scroll;
  font-size: 12px;
  }
a{ color:#ddd; text-decoration:underline; background-color:inherit; }
a:hover{ text-decoration:none; }

h1, h2, h3, h4, h5{color: #eee}
.box h1, h2, h3, h4, h5{color: #467080}
h1, h2, h3, h4, h5, #menu a{ font-family: "Trebuchet MS", Geneva, "Times New Roman", Sans-Serif; font-weight:bold;}
h1, h2, h3, h4, h5, p{ margin:5px 0px; }

h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4{font-size: 14px;}
h4{font-size: 12px;}
h5{font-size: 10px;}

.bold{ font-weight:bold; }
.greyed-out{ opacity:0.25; position: relative; z-index: 1; cursor: pointer;}
.spinner{ position: absolute; left: 45%; top: 10%;}
.clearme{clear:both !important;width:0px !important;line-height:0px !important; height:0px !important; margin:0 !important; padding:0 !important; float:none !important;}
.debug{border:1px solid red;}

.text{text-align: justify !important}
.text p{margin: 0 !important; line-height: 16px;}
.text *{font-family: Arial, Helvetica, Sans-Serif !important}

form .radio{ margin: 10px 0;}
form .radio input{ margin: 0 5px;}
form .radio *{vertical-align: top}

h1#page-title{display:none; text-indent: -4000px; position: absolute; top: -4000px; left: -4000px;}

#containter{
    background-image:url(../images/bialy-slad-tlo.png);
    background-position:  top left;
    background-repeat: no-repeat;
    width:800px;
    margin:0 auto;
    position:relative;
    min-height:600px;
    text-align:center;
  }
#canvas{
    width:700px;
    margin:0 auto;
    position:relative;
    min-height: 500px;
    padding-bottom: 15px;
  }
#top{
    width:100%;
    height:250px;
    margin:0;
    padding:0;
  }
#top *{ color: #eee !important; background: inherit;}
#address{
  position:absolute;
  top:15px;
  right:0px;
  font-size:20px;
  text-align:right;
}
#address h3{ padding:5px 0 0 0; margin:0; font-size:24px; letter-spacing:3px; line-height:28px;}
#address h5{ padding:0; margin:0; font-size:20px; line-height:28px;}

#title{
  position:absolute;
  top:110px;
  left:-50px;
  font-size:26px;
  text-align:center;
  width:350px;
}
#title h2{ padding:5px 0; margin:0; font-size:44px; letter-spacing:3px;}
#title h4{ padding:0; margin:0; font-size:30px;}

.box{margin:0 auto;}
.box-top{background-image:url(../images/box.png); background-position: top center; background-repeat: no-repeat; width:700px; height:20px;}
.box-bot{background-image:url(../images/box.png); background-position: bottom center; background-repeat: no-repeat; width:700px; height:20px;}
.box-mid{background-image:url(../images/box-mid.png); background-position: top center; background-repeat: repeat-y; width:700px;}
#box .box-mid{position: relative;}

#content{margin:0 25px; padding:10px 0; font-size:12px; color:#467080; background-color:inherit; text-align: left;}
#content a{color:#467080; background-color:inherit;}

#menu{width:100%; margin:0; padding:0; height: 60px;}
#menu ul{margin:-10px 0; padding:0;}
#menu li{
    list-style-type:none;
    float:left;
    position: relative;
    padding:0;
    margin:0 0 -30px 0;
    width:175px !important;
    text-align:center;
    height: 50px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../images/menu-dot.png);
  }
#menu li.active{background-image: url(../images/menu-dot-active.png); background-repeat: no-repeat; background-position: bottom center;}
#menu li img{position: absolute; bottom: -10px; left: 140px;}
#menu a{color: #467080; font-size:16px; font-weight:bold; text-decoration:none; background-color:inherit;}
#menu a:hover{color:#66a8ba; background-color:inherit; text-decoration: underline;}
#menu li.active a{color: #EFA515;}

#content .col-1{float:left; width: 55%; text-align: justify;}
#content .col-2{float:left; width: 44%; text-align: center;}

#footer{background-color: transparent; background-image: url(../images/footer.png); background-repeat: repeat-x; background-position: top center; padding:80px 0 0 10px; }
#footer #info_notes{border-top:#83B8C7 1px solid; margin: 0 50px; padding:10px 0; color:#F1EFE2; font-size: 12px;}
#footer #copyright_info{float:left}
#footer #login_info{float:right}

#galeria h2{margin: 0 0 10px 0; padding: 3px 10px; border-bottom: 1px solid #EFA515; }
.galeria{margin-bottom: 20px;}

.for-info{
    text-align:center;
    margin:0;
    padding:0;
}
.info{
  margin: 0 auto 10px auto;
  padding: 5px;
  font-weight :bold;
  width:50%;
  text-align:center;
  font-size: 12px;
}
.notice{
  border:1px solid green;
  color:green;
  background-color:inherit;
}
.error{
  border:1px solid #c00;
  color:#c00;
  background-color:inherit;
}
.warning{
  border:1px solid yellow;
  color:yellow;
  background-color:inherit;
}
.fieldWithErrors input {
  border:1px solid #c00;
}
.fieldWithErrors span{
  color:#c00;
  font-weight:bold;
  letter-spacing:1px;
  font-size:12px;
  padding-left:5px;
  background-color:inherit;
}
#map{
    color:black;
    height:400px;
    width:100%;
    border:1px solid #000;
    background-color:inherit;
    margin: 20px auto 10px auto;
}

#galeria a.thumbnail img{ width: 70px; height: 70px;}
a.thumbnail{margin: 10px;}
a.thumbnail img, .thumbnails a img{border:3px solid #ccc; margin:0; padding:0; cursor:pointer}
a.thumbnail:hover img, .thumbnails a:hover img{border:3px solid #efa515}
hr.separator{height:1px; background:transparent !important;margin:3px 0px;padding:0px; color:#999;}
hr.separator{border-bottom:1px solid #999 !important;border-top:none;}
hr.dotted{border-bottom:2px dotted #efa515 !important;border-top:none;}

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }