@charset "utf-8";

@import "reset.css";
@import "predefined.css";

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

html, body, iframe, fieldset
{
	font-family: Verdana, serif;
	font-size: 10pt;
	text-align: center;
	background: white;
}

html{
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #84c1f2;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #62a0d7;
	scrollbar-highlight-color: #DBDBDB;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #cddce9;
}


#triviumkiado
{
	width: 955px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#fejlec #konyv_flash
{
	position: absolute;
	margin: 12px 0px 0px 631px;
}

#menu{

	height: 31px;
}

#menu .menuelem
{
	float: left;
}

#menu .menuelem .spacer1
{
	float: left;
	width: 3px;
	height: 31px;
	border: none;
	padding:0px;
	margin:0px;
	background: url("../images/menu_spacer1.gif") no-repeat;
}

#menu .menuelem .spacer2
{
	float: left;
	width: 8px;
	height: 31px;
	border: none;
	padding:0px;
	margin:0px;
	background: url("../images/menu_spacer2.gif") no-repeat;
}

#menu .menuelem .spacer3
{
	float: right;
	width: 3px;
	height: 31px;
	border: none;
	padding:0px;
	margin:0px;
	background: url("../images/menu_spacer1.gif") no-repeat;
}

#kereso_form
{	
margin-left: 10px;
}

.kereso_hatter
{
	width: 955px;
	height: 36px;
	padding:0px;
	margin:0px;

	background: url("../images/kereso_sav_spacer.gif") repeat-x;
}

#kozep{
float:left;
}

#balsav{
margin-top: 20px;
width:194px;
float:left;
padding-right: 5px;
}

#kozepsav{
margin-top: 20px;
width:560px;
float:left;
}

#jobbsav{
margin-top: 20px;
width:194px;
float:left;
}

#bal_fomenu{
width: 193px;
height: 372px;
margin-bottom: 25px;
background: white url("../images/fomenu.jpg");
}

#bal_fomenu_elemek{
position: relative;
top:100px;
left:35px;
height:265px;
width:165px;
line-height:28px;
}

#bal_fomenu_elemek a{
font-size: 13pt;
font-family: Times New Roman;
text-transform: uppercase;
color:#b1c8de;
}

#bal_fomenu_elemek a:hover{
color:#ffffff;
text-decoration: none;
}

#bal_kosar{
width: 193px;
margin-bottom: 25px;
background: url('../images/kosarhatter.gif');
}

#kosartartalom{
margin: 5px 0px 0px 6px;
width: 180px;

}

.bal_egykonyv{
width: 185px;
height:80px;
float:left;
margin-top: 10px;
font-size: 0.8em;
}

#balkosar_fejlec{
height:40px;
background: url('../images/kosarfejlec.jpg');
}

#balkosar_lablec{
height:23px;
background: white url('../images/kosarlablec.jpg') no-repeat;
}

img.bal_egykonyv_kep{
float:left;
}

.bal_egykonyv_szov{
position: relative;
left:8px;
top:10px;
margin-right: 8px;
}

#kosargombok{
float: left;
margin-left:4px;
xmargin-top: -10px;
width: 178px;
}

#bal_olvas{
margin-bottom: 25px;
}

#bal_sajto{
margin-bottom: 25px;
}

#bal_szav{
height: 220px;
background: white url("../images/szavazas.jpg");
}

#bal_szav_belso{
font-size: 0.8em;
width:178px;
height: 175px;
position: relative;
top:35px;
left:6px;
}

#szav_kerdes
{
color: #00599d;
font-weight: bold;
}


#kozep_banner{
margin: 0px 2px 20px 2px;
width:547px;
height:174px;
}

#kozep_szov{
margin: 10px 8px 0px 3px;
background: #edf6fd;
width: 547px;
overflow: auto;
line-height: 1.2;
}

#k_sz_fejlec{
padding: 10px;
padding-bottom:0px;
color: white;
font-family: Times New Roman;
font-size: 16pt;
background: url("../images/kozep_fejlec.gif") repeat-x top left;
height: 41px;
}

#k_sz_tartalom{
padding:20px;
padding-top:10px;
margin: 10px 10px 10px 10px;
//line-height: 18pt;
font-family: Verdana;
font-size: 12pt;
text-align: justify;
background:white;
}

#k_sz_tartalom .kenyerszoveg
{
	padding-top: 30px;
}

#k_sz_tartalom p
{
	margin-bottom: 1em;
	font-size: 11pt;
}

.kozep_egykonyv{
width:254px;
xheight:210px;
float:left;
background: url("../images/egyhatter2_hatter.jpg");
margin: 5px;
margin-top:25px;
}

/**/

#kozep_szov2{
margin: 0px 8px 0px 0px;
background: #edf6fd;
width: 550px;
overflow: auto;
line-height: 1.2;
}

#k_sz_fejlec2{
padding: 15px 0px 0px 25px;
background: url("../images/reszletes_fejleccsik.jpg") repeat-x top left;
height: 30px;
}

#k_sz_tartalom2{
width: 460px;
padding:20px;
padding-top:0px;
margin: 0px 25px 25px 25px;
//line-height: 18pt;
font-family: Verdana;
font-size: 10pt;
text-align: justify;
background: url("../images/reszletes_sarok.jpg") no-repeat top left;
background-color: white;
}

.kat
{
font-weight: bold;
color: #003a80;
}


.reszletes_egykonyv
{
	float:left;
	margin-top: 8px;
}

img.reszletes_egykonyv_kep{
float:left;
}

.reszletes_egykonyv_szov{
font-size: 12pt;
position: relative;
left:8px;
}

#reszletes_egykonyv_lablec{
xmargin-bottom: 10px;
xheight:34px;
xbackground: white url("../images/reszletes_sarok2.jpg") no-repeat bottom right;
}

/**/

.kozep_egykonyv .egykep{
margin-top: 15px;
margin-left: 10px;
margin-right: 8px;
float:left;
}
.kozep_egykonyv .egyszoveg{
margin-top: 15px;
margin-left: 10px;
font-size: 10pt;
}

.konyvar{
color: #00599d;
}

.akciosar{
color: #fd0410;
}

.konyvkosar{
margin-left: 10px;
margin-top: 0px;
xbackground: white url("../images/egyhatter2_lablec.jpg") no-repeat;
xbackground-position: center center;
}

#kozep_konyvek{
margin: 0px 10px 0px 3px;
background: #edf6fd;
}

.clearboth{
clear: both;
}

#kozep_lepteto{
clear: both;
margin: 0px 10px 0px 3px;
height: 50px;
background: #edf6fd;
}

#lepteto_belso
{
position: relative;
top:20px;
margin: 0px 0px 10px 0px;
background-color: white;
font-size: 7pt;
text-decoration: none;
}

#lepteto_belso .navlink A:link, A:visited
{
	text-decoration: none;
}

#lepteto_belso .navlink A:link, A:visited
{
	text-decoration: underline;
}

#jobb_login{
margin-bottom: 10px;
width: 193px;
height:163px;
background: white url("../images/bejelent.jpg");
}

#login_belso{
font-size: 0.8em;
position: relative;
top:44px;
left:8px;
}

#login_belso a{
color: #000;
}

#jobb_banner{
margin-bottom: 10px;
width: 194px;
height: 194px;
}

#jobb_top{
margin-top: 25px;
margin-bottom: 25px;
width: 194px;
background: white url("../images/jobdobozhatter.jpg");
}
#jobb_top_fejlec{
height:43px;
background: white url("../images/toplista_fejlec.jpg");
}

#jobb_top_lablec{
height:11px;
overflow: hidden;
background: white url("../images/jobbdobozlablec.jpg");
}

#kozep_egykonyv_fejlec{
height:145px;
xmargin-top: -30px;
margin-bottom: -145px;
background: white url("../images/egyhatter2_fejlec.jpg") no-repeat;
}
#kozep_egykonyv_lablec{
xmargin-bottom: 10px;
xheight:34px;
height:34px;
background: white url("../images/egyhatter2_lablec.jpg") no-repeat;
background-position: bottom center;
}

#jobb_kiem{
margin-bottom: 25px;
width: 194px;
background: white url("../images/jobdobozhatter.jpg");
}
#jobb_kiem_fejlec{
height:43px;
background: white url("../images/kiem_fejlec.jpg");
}

#jobb_kiem_lablec{
height:11px;
overflow: hidden;
background: white url("../images/jobbdobozlablec.jpg");
}

#jobb_akcio{
margin-bottom: 25px;
width: 194px;
background: white url("../images/jobdobozhatter.jpg");
}
#jobb_akcio_fejlec{
height:43px;
background: white url("../images/akciok_fejlec.jpg");
}

#jobb_akcio_lablec{
height:11px;
overflow: hidden;
background: white url("../images/jobbdobozlablec.jpg");
}

.jobb_konyveg_wrap{
position: relative;
left:6px;
width: 180px;

}

.jobb_egykonyv{
float:left;
margin-top: 8px;
width:180px;
}

img.jobb_egykonyv_kep{
float:left;
}

.jobb_egykonyv_szov{
position: relative;
left:8px;
}

#lablec{
float:left;
width:945px;
border: 5px solid #00479d;
font-weight: bold;
font-size: 7pt;
line-height: 10pt;
margin-top: 15px;
}

A:link, A:visited
{
	text-decoration: none;
	font-weight: bolder;
	color: black;
}

A:hover
{
	text-decoration: underline;
}

a.egykonyvlink{
color: #215086;
}

a.egykonyvtovabb, .egykonyvtovabb{
color: #00599d;
font-size: 1em;
float: right;
margin-right: 5px;
}

a.lableclink{
text-align: center;
color: #00599d;
font-size: 0.8em;
}

a.fomenulink{
font-size: 13pt;
font-family: Times New Roman;
text-transform: uppercase;
color:#b1c8de;
}

a.fomenulink:hover{
color:#ffffff;
text-decoration: none;
}

br.fomenusor{
}

h2.kozep{
font-family: Verdana;
font-size: 14pt;
font-weight: bold;
color:#00599d;
}

img.noborder{
border:none;
}

img.res{
position: relative;
top:8px;
}


input.okgomb{
position: relative;
top:5px;
left: 20px;
}


img.keresesgomb{
position: relative;
bottom: -6px;
}

img.hirlevelgomb{
position: relative;
bottom: -6px;
}

img.kuldgomb{
position: relative;
bottom: 0px;
right: -110px;
}

DIV#keppreload
{
	display: none;
}


a.tocart
{
  background: transparent url('../images/kosar.gif') 0px 0px no-repeat;
  line-height: 28px;
  vertical-align: middle;
  padding-left: 37px;
  display: inline;
  float: left;
  height: 28px;
  margin-left: 0px;
  margin-right: 3px;
}

a.toback
{
  background: transparent url('../images/btn_vissza.jpg') 0px 0px no-repeat;
  line-height: 28px;
  vertical-align: middle;
  padding-left: 37px;
  display: inline;
  float: left;
  height: 28px;
  margin-left: 0px;
  margin-right: 3px;
}

a.tobookshelf
{
  background: transparent url('../images/konyvespolcra.jpg') 0px 0px no-repeat;
  line-height: 28px;
  vertical-align: middle;
  padding-left: 37px;
  display: inline;
  float: left;
  height: 28px;
  margin-left: 0px;
  margin-right: 3px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}