﻿body {
	background-image:url("theme/bg.png");
	background-repeat:repeat-x;
	background-color:#1372af;
	font-family: Verdana, Sans-serif;
	font-size:10px;
	line-height:18px;
	padding-top:50px;
	font-weight:bold;
	color:#fff;
}
div#main{
	background-image:url("theme/logo.png");
	background-repeat:no-repeat;
	background-position:100px 20px;
	margin:auto;
	width:1000px;
	min-height:830px;
	overflow:hidden;
	position:relative;
}
#sun{ 
	float:right;
	margin-right:100px;
	margin-top:100px;
 }
#content{
	position:absolute;
	top:250px;
	width:995px;
	height:550px;
	background-image:url("theme/main.png");
	background-repeat:no-repeat;	
	background-position:center 19px;
}
h1{
	font-size:12px;
	margin:350px auto 10px auto;
	width:200px;
}
h2 {
	font-size:20px;
	letter-spacing:-1px;
	margin-bottom:10px;
}
#content p{
	text-align:center;
	margin:13px auto;
	width:350px;
}
#content div{
	margin:auto;
	width:600px;
	height:50px;
}
#content div p:first-child{
	float:left;
	margin:5px;
	padding-left:40px;
	width:120px;
	text-align:right;
}
#content div p{
	float:left;
	margin:5px;
	width:140px;
	text-align:left;
}
#content div div{
	float:left;
	height:30px;
	width:230px;
	border:3px solid #50a43f;
	background-image:url("theme/mail.png");
	background-repeat:no-repeat;	
	background-position:10px 5px;
	background-color:#56aa40;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	padding-left:20px;
}
span{ color:#96e37e;}
#content div div:hover{
	background-color:#50a43f;
}
#cloud1{ position:absolute; top:20px; left: 450px; z-index:2; }
#cloud2{ position:absolute; top:90px; left: 530px; z-index:2; }
#cloud3{ position:absolute; top:20px; left: 700px; z-index:1; }
#cloud4{ position:absolute; top:70px; left: 430px; z-index:3; }
#grzyb{ position:absolute; top:254px; left: 750px; z-index:3; }
#kolo{ position:absolute; top:298px; left: 746px; z-index:2; }
#grzyb2{ position:absolute; top:208px; left: 46px; z-index:2; }
#bottle{ position:absolute; top:258px; left: 150px; z-index:2; }
#balon{ position:absolute; top:28px; left: 150px; z-index:3; }
#button{ 
	position:absolute; 
	top:0px; 
	left: 420px; 
	z-index:3; 
	width:150px;
	padding-top:35px;
	background-image:url("theme/button.png");
	background-repeat:no-repeat;	
	background-position:0px 0px;	
}
#button:hover{
	background-position:0px -85px;	
}

/* box */

#main_box {
	width:570px;
	position:absolute;
	z-index:10;
	left:220px;
	display:none;
}
.box_area {
	border:1px solid #0c6096;
	background-color:#1372af;
	padding:8px;	
}
ul.tabs {
	margin:0px; 
	padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs a.tabclose {
	margin-left:22px;
}
ul.tabs li a {
	color:#fff;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #1a5581;
	background-image:url(theme/off.jpg);
	background-repeat:repeat-x;
	background-position:top;		
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
	color:#000;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(theme/on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:5px 0px;
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
.content img{
	background-color:#f7f7f7;
	border:1px solid #e4e5e6;
	margin:0px 0px;
	width:530px;
	height:80px;
	padding:5px;
}
.content img:hover{
	background-color:#82be36;
}

#content2, #content3 ,#content4,#content5{ display:none; }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#000;
	font-size:12px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#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(theme/overlay.png); 
}
#lightbox a{
	color:#00598d;
	font-size:14px;
	padding:5px;
	text-decoration:none;
}
#lightbox #keyboardMsg a:hover{
	color:#fff;
	background-color:#00598d;
}