body{
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: rgb(74,84,88);
  background-color: rgb(255,201,0);
  background-image: url(bg.jpg);
  background-repeat: repeat-x;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: default;
  overflow: auto;}

body a{
  font-weight: bold;
  color: rgb(240,180,0);
  cursor: pointer;
  text-decoration: none;}

body a:hover{
  text-decoration: underline;}

div.center{
  position: relative;
  left: 50%;
  width: 782px;
  margin-left: -390px;
  overflow: hidden;}

div.header{
  position: relative;
  width: 780px;
  height: 370px;
 }

#rejtett {
  visibility: hidden;
  }

div.header img{
  margin-top: 60px;
   border: 1px solid #fee01a;}

body#visitors{
  background-color: rgb(74,84,88);
  background-image: none;}

div.counter{
  position: absolute;
  top: 16px;
  left: 40px;}
  
div.sharing {
  position: absolute;
  top: 35px;
  left: 650px;
	}
	
div.ikonok {
  position: absolute;
  top: -25px;
  left: 720px;
	}
	
div.ikonok img{
   border: 0px solid #fee01a;}	

div.counter a:hover{
  text-decoration: none;}

div.counter h3{
  margin: 0;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: white;}

div.counter h3 i{
  font-style: normal;
 /* color: rgb(255,201,0);*/
  color: #610000;}
  
div.counter p, div.sharing p{
  float: left;
  margin: 0 2px 0 0;
  text-align: right;
  color: rgb(214,224,228);}

div.counter b, div.sharing b{
  display: block;
  margin-top: 1px;
  font-weight: normal;}

div.counter iframe{
  width: 40px;
  height: 16px;}

div.sign a{
	z-index: 10;
	position: absolute;
	top: 6px;
	left: 464px;
	width: 200px;
	height: 60px;
}

div.menu {
	border-left: 1px solid #fee01a;
	border-right: 1px solid #fee01a;
}
div.menu, div.submenu{
  position: absolute;
  top: 330px;
  width: 780px;
  height: 40px;
  overflow: hidden;
    background-color: rgb(129,90,0);
  background-image: url(menu-back.jpg);
 }

div.menu ul, div.submenu ul{
  margin: 0;
  padding: 10px;
  list-style-type: none;}
  
 div.menu li, div.submenu li {
 padding-right:8px;
  float:left;}

div.menu li a, div.submenu li a{
font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight:normal;
  color: #fee01a;
  top: 0;
  height: 40px;
  
 }

div.menu li a:hover, div.submenu li a:hover{
	color: #ffffff;
	text-decoration: none;
  }


div.submenu{
  top: 78px;
  right: 0;
  width: 272px;
 }


div.menu li a b, div.submenu li a b{
  visibility: hidden;}


div.quote{
  position: absolute;
  bottom: 56px;
  left: 1px;
}

div.quote p{
  margin: 0;
  padding: 8px 38px 10px 14px;
  text-align: right;
  color: white;}

div.quote p i{
  font-style: normal;}

div.content{
  position: relative;
  width: 780px;
  padding: 28px 0 24px 0;
  background-color: #fffff7;
	border: 1px solid #fee01a;
}

div.content h2, div.box h3{
  margin: 0;
  padding: 0 40px 20px 40px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  color: rgb(74,84,88);
  text-align: center;}

div.content p.content{
  margin: -20px 0 0 0;
  padding: 0 40px 14px 40px;
  text-align: center;}

div.box{
  position: relative;
  width: 700px;
  margin: 0 40px 28px 40px;
  background-image: url(box-line.gif);}

div.box span.box-top, div.box span.box-bottom{
  position: absolute;
  width: 700px;
  height: 40px;
  background-image: url(box-top.gif);
  background-repeat: no-repeat;}

div.box span.box-bottom{
  height: 16px;
  background-image: url(box-bottom.gif);}

div.box h3, div.box p, div.box ul{
  z-index: 10;
  position: relative;}

div.box h3{
  padding: 28px 28px 20px 28px;
  text-align: justify;}

div.box p{
  margin: 0;
  padding: 0 28px 14px 28px;
  line-height: 14px;
  text-align: justify;}

div.box p.subtitle{
  margin-top: -20px;
  padding-bottom: 20px;}

div.box ul{
  margin: 0;
  padding: 0 28px 14px 28px;
  list-style-type: none;
  text-align: justify;}

div.box li{
  padding-left: 12px;
  line-height: 14px;
  background-image: url(list-gray.gif);
  background-position: 0 6px;
  background-repeat: no-repeat;}

div.books{
  width: 644px;
  height: 286px;
  margin: 8px 0 0 28px;}

div.books ul{
  float: left;
  width: 160px;
  margin-right: 14px;
  padding: 0;}

div.books ul li{
  padding: 0;
  background-image: none;}

div.books ul span.border{
  display: block;
  width: 160px;
  height: 210px;
  margin-bottom: 4px;
  border: 1px solid rgb(214,224,228);}

div.books ul span.border img{
  width: 154px;
  height: 204px;
  margin: 3px;}

div.box b.title{
  text-transform: uppercase;}

div.box p.depo{
  padding: 0 0 14px 28px;}

div.box p.depo i{
  display: block;
  margin-right: 196px;
  font-style: normal;}

div.box p.depo img{
  position: absolute;
  margin: -244px 0 0 502px;}

div#gallery{
  position: relative;
  top: 28px;
  left: 28px;
  width: 604px;
  height: 454px;
  overflow: hidden;}

div#gallery div.belt{
  position: absolute;}

div.panel{
  float: left;
  width: 604px;
  height: 454px;
  margin-right: 14px;
  background-color: rgb(240,180,0);}

div.panel img{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 600px;
  height: 450px;}

div.title{
  position: absolute;
  right: 2px;
  bottom: 16px;
  height: 28px;
  background-color: rgb(74,84,88);}

div.title p{
  float: left;
  margin: 0;
  padding: 7px 40px 7px 0;
  color: rgb(214,224,228);}

div.title p.number{
  margin-right: 8px;
  padding: 7px 12px 7px 14px;
  background-image: url(list-blue.gif);
  background-position: right 11px;
  background-repeat: no-repeat;}

div#video{
  position: relative;
  top: 28px;
  left: 28px;
  width: 444px;
  height: 364px;
  background-color: rgb(240,180,0);}

div#video object{
  position: absolute;
  top: 2px;
  left: 2px;}

div#lyrics p.intro{
  width: 320px;
  margin-left: 28px;
  padding: 0 0 14px 0;}

div#lyrics ul{
  position: absolute;
  top: 70px;
  padding: 0;}

div#lyrics ul.hu{
  left: 100px;}

div#lyrics ul.en{
  right: 200px;}

div#lyrics ul li{
  padding: 0;
  background-image: none;}

body#form{
  background-color: white;
  background-image: none;}

body#form div.box{
  width: 336px;
  margin: 28px;
  overflow: hidden;
  background-image: url(form-line.gif);}

body#form div.box span.box-top{
  background-image: url(form-top.gif);}

body#form div.box span.box-bottom{
  bottom: 0;
  background-image: url(form-bottom.gif);}

div.box form{
  margin: 0;}

div.box form b{
  display: block;
  margin-bottom: 2px;}

div.box form input, div.box form textarea{
  width: 280px;
  height: 20px;
  padding: 2px;
  border: 1px solid rgb(114,124,128);
  background-color: transparent;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;}

div.box form input.small{
  width: 46px;}

div.box form input.middle{
  width: 226px;
  margin-left: 4px;}

div.box form input.submit{
  width: 60px;
  margin-left: -2px;
  padding: 0;
  border: 0;
  font-weight: bold;
  color: rgb(240,180,0);
  cursor: pointer;}

div.box form textarea{
  height: 72px;
  overflow: auto;}

div.box form i{
  color: rgb(240,180,0);}

div.top{
  z-index: 10;
  position: absolute;
  bottom: 16px;
  right: 42px;}

div.top p{
  margin: 0;
  padding: 0;}

div.footer{
  position: relative;
  width: 780px;
  background-image: url(content-vert.gif);
  background-repeat: no-repeat;}

div.footer p{
  margin: 0;
  padding: 16px 0 14px 40px;
  font-size: 10px;
  line-height: 14px;
  color: rgb(129,90,0);}

div.footer p a{
  font-weight: normal;
  color: rgb(129,90,0);}
