@import "player.css";



/* Font size chart

8px  : 0.5em

10px : 0.625em

11px : 0.6875em

12px : 0.75em

13px : 0.8125em

14px : 0.875em

16px : 1em

18px : 1.125em

20px : 1.25em

28px : 1.75em

*/



/* ------------------------- Generic ------------------------- */



html, body, .body {

  background: #15ab69;

  background-image: linear-gradient(bottom, #15ab69 0%, #097948 100%);

  background-image: -o-linear-gradient(bottom, #15ab69 0%, #097948 100%);

  background-image: -moz-linear-gradient(bottom, #15ab69 0%, #097948 100%);

  background-image: -webkit-linear-gradient(bottom, #15ab69 0%, #097948 100%);

  background-image: -ms-linear-gradient(bottom, #15ab69 0%, #097948 100%);

  background-image: -webkit-gradient(

    linear,

    left bottom,

    left top,

    color-stop(0, #15ab69),

    color-stop(1, #097948)

  );

  background-repeat: no-repeat;

  color: #097948;

  font-family: Arial Narrow;

  font-size: 16px;

  font-weight: bold;

  margin: 0;

  padding: 0;

  -webkit-user-select:none;

  -webkit-touch-callout:none;

  -webkit-text-size-adjust:none;

}



.body {

  visibility: hidden;

}





a {

  color: #097948;

  text-decoration: none;

}



a:hover {

  color: #e79e48;

}



*:focus {

  outline: none;

}



h1, h2, h3, h4, h5, p {

  margin: 0;

}



h1 {

  font-size: 1.375em;

}



h2 {

  font-size: 1.25em;

}



h3 {

  font-size: 1.125em;

}



dd ul,

p {
	font-family: Tahoma, Arial, _sans;
	font-size: 0.875em;
	font-weight: normal;
	padding: 6px 0;
	text-align: justify;
}



p.hasimage {

  text-align: left;

}



.hide { 

  display: none;

}



/* ------------------------- Base ------------------------- */



h1 {

  padding: 18px 0 0 20px;

}



h1 a {

  background:transparent url(../images/logo.png) no-repeat;

  display: block;

  height: 110px;

  width: 555px;

  overflow: hidden;

  text-indent: -9999px; 

}



.fr {

  float: right;

}



.fl {

  float: left;

}



.wrapper {

  margin: 0 auto;

  position: relative;

  width: 595px;

}



/* ------------------------- Pos ------------------------- */





#language {

  position: absolute;

  left: auto;

  right: 25px;

  top: 25px;

}



#language button {

  background: transparent url(../images/flags.png);

  border: 0;

  cursor: pointer;

  overflow: hidden;

  line-height: 400px;

  width: 32px;

  height: 16px;

  margin-left: 5px;

  padding: 0;

}



#language button.hu{

  background-position: 0 0;

}



#language button.bg{

  background-position: -32px 0;

}



#language button.en{

  background-position: -64px 0;

}



#language button.hu:hover {

  background-position: 0 -16px;

}



#language button.bg:hover {

  background-position: -32px -16px;

}



#language button.en:hover {

  background-position: -64px -16px;

}



/* ------------------------- Nav ------------------------- */



.starter {

  float: right;

}

#content {

  min-height: 460px;

}



#content h2 {

  clear: both;

}



#content ul.nav {

  float: left;

  list-style: none;

  margin: 0;

  padding: 10px 0 20px;

  text-transform: uppercase;

}



#footer ul.nav {

  font-size: 1em;

  list-style: none;

  margin: 0;

  padding: 10px 0 10px;

}



#footer ul.nav li {

  border-left: 1px solid #6c7a8f;

  float: left;

  padding: 0 3px 0 5px;

}



#footer ul.nav li:first-child {

  border-left: 0;

}



ul.nav li.current a {

  color: #e79e48;

}



/* ------------------------- Content ------------------------- */



#header {

 background: transparent url(../images/header_bg.png) no-repeat;

 height: 145px;

 margin: 0;

}



#content {

  background: transparent url(../images/content_bg.png) repeat-y;

  margin: 0;

  padding: 0 20px 0 115px;

  position: relative;

}



#content h2 {

  padding-top: 10px;

}



#content blockquote {

  margin: 0;

  padding: 5px 0;

  text-align: center;

}



#content h2,

#content h3,

#content dl,

#content p {

  margin-right: 10px;

}



#footer {

  background: transparent url(../images/footer_bg.png) no-repeat;

  height: 75px;

  font-family: Tahoma;

  font-size: 0.75em;

  font-weight: normal;

  margin: 0;

  padding: 0 10px 0 120px;

  text-align: center;

}



#footer span {

  clear: both;

  display: block;

  padding-top: 8px;

}



.placeholder {

  background: transparent url(../images/bg.png); 

  position: absolute;

  top: 0;

  left: 53px;

  width: 52px; 

}



.placeholder span {

  -webkit-transform: rotate(-90deg); 

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);

  color: #e79e48;

  display: block;

  font-size: 56px;

  font-family: Arial Narrow;

  font-weight: bold;

  height: 52px;

  line-height: 52px;

  letter-spacing: -2px;

  margin-top: 190px;

  margin-left: -203px;

  overflow: hidden;

  text-align: right;

  text-transform: uppercase;

  width: 460px;

}



.placeholder span div {

  display: inline-block;

}



dl#services_list {

  margin: 0;

  padding: 0 0 20px;

}



#services_list dd {

  border-bottom: 1px solid #e79e48;

  margin: 0;

  padding: 3px;

}



#services_list dd strong {

  color: #e79e48;

}



#services_list {

  border-top: 1px solid #e79e48;

}



#services_list dd ul {

  margin-left: 20px;

  list-style-type: square;

  text-align: left;

}



#services_list dd ul li {

  margin-bottom: 5px;

}



#services_list dt {

  border-bottom: 1px solid #e79e48;

  cursor: pointer;

  padding: 3px;

}



#services_list dt.active {

  border-bottom: 0;

  color: #e79e48;

  cursor: default;

}



#services_list dt span {

  display: block;

  float:left;

  width: 0;

  height: 0;

  border-width: 6px;

  border-style: solid;

  border-color: transparent transparent transparent #097948;

  margin-top: 4px;

}



#services_list dt.active span {

  border-width: 7px;

  border-color: #097948 transparent transparent transparent ;

  margin: 7px 5px 0 0;

}