@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

html {
	height: 100%;
	overflow-y: scroll !important;
}

body {
	background-color: #ffffff;
	height: 100%;
	width: 100%;
  font-family:  Tahoma, Verdana, Arial, Hevlvetica, sans-serif;
  font-size: 12px;
  color: #464646;
  margin: 0px; 
  padding: 0px;
  background-image: url('images/body_bg.jpg');
  background-repeat: repeat-x;
  line-height: 140%;
}


img {
	border: 0px;
}

.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0em;
  padding: 0em;
  font-size:0px;
  overflow: hidden;
}

a:link, a:visited {
	color: #930000;
	text-decoration: none;
}

a:hover, a:active {
	color: #e74444;
	text-decoration: none;
}

.szlogen {color: #930000; padding-top: 3px;}



a.menu_top:link, a.menu_top:visited {
	color: #f2cccc;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
}

a.menu_top:hover, a.menu_top:active  {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
}

.flash_bg {
	width: 975px;
	background: url('images/bg_slider.jpg') no-repeat;
	height: 286px;
}

.menu2 {
	width: 975px;
	background: url('images/bg_fekete.jpg') repeat-x;
	height: 34px;
}

.keresett {
	background: #ffffff;
	color: #777777;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 165px;
	border: none;
}

.keresett_input {
	width: 177px;
	height: 22px;
	background: url('images/kereses_input.jpg') no-repeat;
}

.skeresett {
	background: #ffffff;
	color: #777777;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 205px;
	border: none;
}

.skeresett_input {
	width: 217px;
	height: 22px;
	background: url('images/kereses_input.jpg') no-repeat;
}

.boxes {
	padding: 10px;
	background-color: #FFFFFF;
}

.clear {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	margin: 0em;
  padding: 0em;
  font-size:0px;
  overflow: hidden;
}

.horizontal_sep {
	width: 0px;
	height: 15px;
	line-height: 0px;
	margin: 0em;
  padding: 0em;
  font-size:0px;
  overflow: hidden;
}

.bottom_box {
	width: 305px;
	height: 79px;
}

.cim {
	color: #930000;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
}

a.cim:link, a.cim:visited {
	color: #930000;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.cim:hover, a.cim:active {
	color: #e74444;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.cim_nagy {
	color: #930000;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
}

a.cim_nagy:link, a.cim_nagy:visited {
	color: #930000;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a.cim_nagy:hover, a.cim_nagy:active {
	color: #e74444;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.konyv_szerzo {
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	font-family: Georgia;
	color: #6c6c6c;
}

.konyv_cim {
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia;
}

.hir_datum {
	font-size: 12px;
	font-weight: bold;
}

.szerzo_kiadvany {
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.top_szerzo {
	font-family: Georgia;
	font-weight: bold;
	text-transform: uppercase;
}

.felso_cim {
	font-family: Georgia;
	font-weight: bold;
	color: #000000;
	font-size: 20px;
}

.felso_szerzo {
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}

.felso_szerzo_kicsi {
	font-family: Georgia;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 25px;
}

.felso_cim_kicsi {
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	padding-top: 3px;
}

.main_szerzo {
	font-family: Georgia;
	color: #5e5e5e;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}


/* COMBOBOX */
/* Layout hacks
---------------------------------------------------------------------------------------------------- */
.clearfix:after {   /* fixes FF (applies background color regardless of height of left content or sidebar) */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.dropdown {
	
	margin-right: 30px;
	white-space: nowrap;
}

.dropdown,
.dropdownitem {
	width: 145px;
	white-space: nowrap;
	background-color: #FFFFFF;
}

.dropdown .arrow {
	background: transparent url('images/select/bg_dropdown_arrow.jpg') no-repeat right top;
	display: inline;
	float: left;
	width: 100%;
	padding-right: 19px;
	cursor: pointer;
	white-space: nowrap;
}

.dropdown .list {
	background: transparent url('images/select/bg_dropdown.jpg') no-repeat left top;
	height: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdown .list p {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem {
	position: absolute;
	z-index: 20;
	/* border: 1px solid #427cd9; */
	border: 1px solid #c6c6c6;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem p {
	background-color: #FFFFFF;
	margin: 0;
	font-family: Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
	padding-right: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem p.selected {
	background-image: url('images/select/bg_selected.gif');
	white-space: nowrap;
	cursor: pointer;
}

/************* 2 *************/
.dropdown2 {
	
	margin-right: 30px;
	white-space: nowrap;
}

.dropdown2,
.dropdownitem2 {
	width: 30px;
	white-space: nowrap;
}

.dropdown2 .arrow {
	background: transparent url('images/select/bg_dropdown_arrow.jpg') no-repeat right top;
	display: inline;
	float: left;
	width: 100%;
	padding-right: 20px;
	cursor: pointer;
	white-space: nowrap;
}

.dropdown2 .list {
	background: transparent url('images/select/bg_dropdown.jpg') no-repeat left top;
	height: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdown2 .list p {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
	line-height: 19px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem2 {
	position: absolute;
	z-index: 20;
	border: 1px solid #c6c6c6;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem2 p {
	background-color: #FFFFFF;
	margin: 0;
	font-family: Arial, 'Lucida Grande', sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-left: 5px;
	padding-right: 20px;
	white-space: nowrap;
	cursor: pointer;
}

.dropdownitem2 p.selected {
	background-image: url('images/select/bg_selected.gif');
	white-space: nowrap;
	cursor: pointer;
}

div.tamogatok
{
	/*border: black solid 1px;*/
	max-width: 300px;
}
div.tamogatok p
{
	font-family: 'Bebas Neue', cursive;
	/*font-weight: 600;*/
	margin: 5px;
	font-size: 18pt;
	background-color: #282828;
	color: white;
	padding: 5px;
	text-align: center;
}
div.tamogatok img
{
	max-width: 90px;
	margin: 2px;
}