html, body { height: 100%; }
body {
	margin: 0;
	background: #e2f1ff;
}
#top {
  width: 100%; height: 147px; 
	background: #cbeaff url('../images/bg_top.gif') repeat-x bottom;
}
 
#top {	width: 100%;	height: 147px;	background: url('../images/bg_top.gif') repeat-x scroll center bottom rgb(203, 234, 255);}
#header { width: 900px; height: 147px; margin-left: auto; margin-right: auto; vertical-align: bottom; background: url('../images/bg_header.jpg') no-repeat scroll right bottom transparent; 	position: relative; }
  #logo {
   width: 16px; height: 73px;
    position: absolute;
    left: 50%; margin-left: -420px;
    top: 17px;
    /*background: url('../images/logo.gif') no-repeat bottom right;*/
  }
  #logo {
   width: 16px; height: 73px;
    position: absolute;
    left: 50%; margin-left: -420px;
    top: 17px;
    /*background: url('../images/logo.gif') no-repeat bottom right;*/
  }
  #login {
    position: absolute;
    /*display:none;*/
    left: 50%; margin-left: -105px;
    top: 72px;
    
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    color: #09070a;	
  }
  #login a:active, #login a:link, #login a:visited {color: #09070a;	text-decoration: none;}
  #login a:hover {text-decoration: underline;}

#container {
  position: relative;
  width: 100%;
  background: #f3f7f8;  
  border-bottom: #f3f7f8 1px solid;
}

#slogan {
  width: 100%; height: 125px; 
	background: url('../images/bg_slogan.jpg') no-repeat top center;
}
#slogan p, #slogan h1 {
  position: absolute;
  padding:0;
  margin-top: 50px;
  left: 50%; margin-left: -135px;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 24px;
	color: #d6dcdf;
}


#main {
  margin: 30px 0 30px 0;
  width: 900px;
	margin-left: auto; margin-right: auto;	
  background: #dfe3e4 url('../images/bg_main.gif') repeat-y top;
}

  .p1, .p2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #171618;
  }
  .p1 img, .p2 img {border: none;}

  .p1 a:active, .p2 a:active, .p1 a:link, .p2 a:link, .p1 a:visited, .p2 a:visited {color: #2a5684; text-decoration: underline;}
  .p1 a:hover, .p2 a:hover {color: #3976b5; text-decoration: underline;}

	.p1 {
		display: inline;
		float: left;
		width: 240px;	
		margin: 0; padding: 0 30px;	
	}
	.p2 {
		display: inline;
		width: 240px;
		float: right;	
		margin: 0; padding: 0 30px;	
	}
	
  h1, h2 {    
    margin: 0 0 15px 0;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #193a5c;
    font-weight: normal;
  }
	
  .clear {
		height: 1px;
		clear: both;
		font-size: 0;
	}

#bottom {
  position: relative;
  width: 100%;
  background: #e2f1ff url('../images/bg_bottom.gif') repeat-x top;
}

#footer {
  width: 900px; height: 41px;
	margin-left: auto; margin-right: auto;
	background: url('../images/bg_footer.gif');
	
}

  #contacts{
    float: left;
    margin: 12px 30px;
    font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
  }
  #contacts a:link, #contacts a:visited {
    font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
  }
  #contacts a:hover {
	text-decoration: underline;
  }
  #copy {
    float: right;
    margin: 12px 30px;
    font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
  }
  #copy img {border:none;}


/* -- MAIN MENU -- */

ul.menu {
  float: right;
  padding-right: 60px;
	padding-top: 115px;
	margin: 0;
	list-style: none;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #fff;	
}

ul.menu li , ul.menu li a{
  float:left;
  display: block;
}

ul.menu li {
  margin-right: 3px;
}

ul.menu li a {
	display: block;
	color: #fff;
	padding: 0 15px 0 15px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #010101;
}

ul.menu li.home a { background: #193a5c;}
ul.menu li.home a img { border: none; margin-top: 9px;}

ul.menu li a:hover, ul.menu li a.active {
	color: #fff;
	background: #43344a;
	background-position: left;	
}
ul.menu li a:active, ul.menu li a:link, ul.menu li a:visited {text-decoration: none}
ul.menu li a:hover {text-decoration: underline;}


/* -- SUBMENU -- */

#submenu ul {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #fff;

  /* list-style: disc url('../images/li.gif') inside; */
  list-style: none;
	padding: 30px;
	margin: 0;
}

#submenu ul li {
  margin-top: -5px;
  background: url('../images/bg_li.gif') repeat-x bottom;
}

#submenu ul li a , #submenu ul li {
	color: #080808;
	height: 32px;
	line-height: 32px;
}

#submenu ul li.current a, #submenu ul li a:hover {
	color: #fff;
	background: #5d6d77;
	background-position: left;	
}

#submenu ul li a:active, #submenu ul li a:link, #submenu ul li a:visited {text-decoration: none}
#submenu ul li a:hover {text-decoration: none;}


/* -- FOOTER MENU -- */

#footer ul {
  padding: 3px 20px;
	margin: 0;
	list-style: none;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
}

#footer ul li, #footer ul li a {
  float:left;
  display: block;
}

#footer ul li a , #footer ul li {
	display: block;
	color: #fff;
	padding: 0 3px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

#footer ul li a:active, #footer ul li a:link, #footer ul li a:visited {text-decoration: none}
#footer ul li a:hover {text-decoration: underline;}

#top-menu1{	position: absolute;	top: 0px;	right: 236px;	width: 201px;	height: 31px;}
#top-menu2{	position: absolute;	top: 0px;	right: 118px;	width: 116px;	height: 32px;}
#top-menu3{	position: absolute;	top: 0px;	right: 0px;	width: 116px;	height: 32px;}
#top-menu1 a{	width: 201px;	height: 24px;	display: block;	background: transparent url(../images/meniu-1.png) no-repeat scroll bottom;	font: 12px Tahoma,Arial,sans-serif;	color: White;	text-decoration: none;	padding: 7px 0px 0px 0px;	text-align: center;}
#top-menu1 a:hover, #top-menu1 a.active{	width: 201px;	height: 24px;	display: block;	background: transparent url(../images/meniu-1-2.png) no-repeat scroll bottom;	font: 12px Tahoma,Arial,sans-serif;	color: White;	text-decoration: none;	padding: 7px 0px 0px 0px;	text-align: center;}
#top-menu2 a, #top-menu3 a{	width: 116px;	height: 24px;	display: block;	background: transparent url(../images/meniu-2.png) no-repeat scroll bottom;	font: 12px Tahoma,Arial,sans-serif;	color: White;	text-decoration: none;	padding: 7px 0px 0px 0px;	text-align: center;}
#top-menu2 a:hover, #top-menu3 a:hover, #top-menu2 a.active, #top-menu3 a.active{	width: 116px;	height: 24px;	display: block;	background: transparent url(../images/meniu-2-2.png) no-repeat scroll bottom;	font: 12px Tahoma,Arial,sans-serif;	color: White;	text-decoration: none;	padding: 7px 0px 0px 0px;	text-align: center;}