* {
  margin:0;
  padding:0;
}

body {
  color: darkred;
  font-size: 13px;
  font-family: 'Comic Sans MS';
  background: url(images/bg_1280.jpg) #f8c2da fixed no-repeat;
}

#container {
  width: 1015px;
  margin: 0 auto;
  overflow:hidden;
}

#left {
  width: 150px;
  display:inline;
  float: left;
  z-index: 67;
}

#menu_top {
  background: url(images/meniu_sus.gif) no-repeat;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  width: 150px;
  height:20px;
}

#menu {
  width: 150px;
  z-index: 45;
  position:relative;
  overflow:hidden;
}

#logo {
  width:120px;
  height:144px;
  background:url("images/logo.gif") center center no-repeat;
  float:left;
  margin-top:10px;
  margin-left:15px;
  margin-right:15px;
}

.inside {
  width:140px;
  padding:5px;
  z-index:11;
}

.inside span {
  display:block;
  margin:5px;
  color:#FFF;
  font-weight:bold;
  margin:5px 8px;
}

.inside hr {
  margin:0 8px;
}

.inside div {
  color:#000;
  margin:5px 8px;
}

.inside a {
  color:blue;
  text-decoration:none;
  display:block;
  height:25px;
  line-height:25px;
  vertical-align:middle;
  margin:0 8px;
  font-weight:bold;
}

.inside a:hover {
  color:#fff;
  background:red;
}

.menu_alpha {
  background: url(images/meniu_mijloc.gif) repeat-y;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index:-1;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height:100%;
}

.menu_bottom {
  background: url(images/meniu_jos.gif) no-repeat;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  width: 150px;
  height:20px;
}

#right {
  width: 540px;
  float:left;
  margin-left:5px;
}

#sus {
  position: relative;
  width: 540px;
  height:180px;
  z-index: 56;
}

.text {
  padding:5px;
  z-index:12;
}

.alpha {
  background: url(images/content_header.gif) no-repeat top;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index:-1;
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
  height:180px;
}

h1 {
  margin: 20px 30px 7px 30px;
  font-weight:bold;
  font-size:35px;
  color:#ffcc33;
}

h2 {
  margin: 0px 30px 10px 30px;
  font-size:15px;
  letter-spacing:1px;
  font-weight:bold;
  color:yellowgreen;
}

#nav {
  margin: 30px 0 0 30px;
  color:blue;
}

#mijloc {
  position: relative;
  width: 540px;
  z-index: 88;
  overflow:hidden;
}

.textul {
  padding:5px;
  z-index:12;
  overflow:hidden;
}

.alpha2 {
  background: url(images/content_body.gif) repeat-y;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index:-1;
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
  height:100%;
}

.content_box {
  width: 500px;
  margin:10px 0 30px 14px;
  color:red;
  font-weight:bold;
  font-size:14px;
  font-family:Verdana;
}

.content_box_large {
  width: 340px;
  margin:10px 0 30px 14px;
  float: left;
  color:red;
  font-weight:bold;
  font-size:14px;
  font-family:Verdana;
}

.content_box_small {
  width: 140px;
  margin:10px 0 30px 14px;
  float: right;
  color:#016001;
}

.content_box p,pre {
  margin: 10px 30px 10px 15px !important;
  margin: 10px 30px 10px 5px;
}

.content_box_large p {
  margin: 10px 30px 10px 15px !important;
  margin: 10px 30px 10px 5px;
}

.content_box_small p {
  margin: 10px 30px 10px 0px;
}

#jos {
  position: relative;
  height: 35px;
  width: 540px;
  z-index: 87;
}

.copy {
  padding:5px;
  z-index:12;
  text-align:center;
}

.alpha3 {
  background: url(images/content_footer.gif) no-repeat;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index:-1;
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
  height:35px;
}

#photos {
  width: 140px;
  float:right;
  margin-left:5px;
  margin-top:5px;
}

a {
  text-decoration: none;
  color: #DFBD02;
}

a:hover {
  color:black;
}

img.left,img.center,img.right {
  padding: 4px;
  border: 1px solid #a0a0a0;
}

img.left {
  float: left;
  margin: 0px 12px 5px 0px;
}

img.right {
  float: right;
  margin: 0px 30px 5px 0px;
}

#poza {
  float:left;
  width:145px;
  margin-right:10px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:200;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	z-index:200;
	}	
#lightboxCaption{ float: left;}
#keyboardMsg{ float: right;}
#closeButton{ top: 5px; right: 5px;}

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none;}

#overlay{ background-image: url(images/overlay.png);}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}