@charset "iso-8859-2";


html, body {
    margin            : 0;
    padding           : 0;
    color             : #000000;
    font-family       : verdana, arial, tahoma, helvetica;
    font-size         : 11px;
    height            : 100%;
    background-image  : url('img/bg.jpg');
    background-repeat : repeat-x;
    background-color  : #0887ca;
    
}

#wrapper {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0;
}

#wrapper_1024 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0;
}

#header_top {
  clear: both;
  float: left;
  width: 780px;
  height: 68px;
  padding: 0;
  margin: 0;
  background-image  : url('img/header_top.jpg');
  background-repeat : no-repeat;
  color: #70d7f8;
  border-top: 4px solid #02dfff; 
}

#header_top_1024 {
  clear: both;
  float: left;
  width: 1000px;
  height: 68px;
  padding: 0;
  margin: 0;
  background-image  : url('img/header_top_1024.jpg');
  background-repeat : no-repeat;
  background-color: #010e16;
  color: #70d7f8;
  border-top: 4px solid #02dfff; 
}

#header_pic {
  clear: both;
  float: left;
  width: 770px;
  height: 190px;
  padding: 5px;
  margin: 0;
  background-repeat : no-repeat;
  color: #70d7f8;
  text-align: right;
}

#col_1 {
    float: left;
    text-align: left;
    padding: 0;
    margin:0;
    width: 259px;
    
}

#col_2 {
    float: left;
    top: 0px;
    text-align: left;
    padding: 10px;
    width: 495px;
}

#progcol_1 {
    float: left;
    text-align: left;
    padding-right: 17px;
    margin:0;
    width: 490px;
    text-align: justify;
}

#progcol_2 {
    float: left;
    text-align: justify;
    padding: 0;
    width: 243px;
}

#fejlec_kinyit {
    float: left;
    text-align: left;
    padding-top: 12px;
    margin: 0;
    height: 26px;
    width: 20px;
    background-color: #024064;
}

#folap_bodybox {
  clear: both;
  float: left;
  width: 100%;
  text-align: justify;
  padding: 10px 0 10px 0;
  margin: 0;
  color: #0f2847;
  
}

#update_pic a {
    clear: both;
    float: left;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 45px;
    width: 496px;
    background-image  : url('img/update_download.png');
    background-repeat : no-repeat;
}

#update_pic a:hover {
    background-image  : url('img/update_download_href.png');
    background-repeat : no-repeat;
}

#login  {
  float: right;
  padding-top: 15px;
  text-align: right;
}

.loginmezo {
	  font-size: 9px;
    border: 0;
    height: 15px;
    width: 150px;
    color: #ff0000;
    padding-top: 2px;
    font-weight: bold;
    border: solid 1px #ababaa;
}

.loginmezo2 {
	  font-size: 9px;
    border: 0;
    height: 15px;
    width: 80px;
    color: #ff0000;
    padding-top: 2px;
    font-weight: bold;
    border: solid 1px #ababaa;
}

#footer {
  clear: both;
  float: left;
  width: 780px;
  margin: 0;
  background-image  : url('img/footer_bg.jpg');
  background-repeat : repeat-x;
  background-color  : #122140;
  border-bottom: 4px solid #02dfff; 
}

#footer_1024 {
  clear: both;
  float: left;
  width: 1000px;
  margin: 0;
  background-image  : url('img/footer_bg.jpg');
  background-repeat : repeat-x;
  background-color  : #122140;
  border-bottom: 4px solid #02dfff; 
}

#footer_col {
    float: left;
    top: 0px;
    text-align: justify;
    padding: 10px;
    width: 222px;
    color: #ffffff;
    margin: 8px;
}

#footer_col a {
    color: #ffffff;
}

#footer_col a:hover {
    color: #ffa302;
}

td {
  color            : #000000;
  font-family      : verdana, arial, tahoma, helvetica;
}

.lepes_text {
  color            : #02dfff;
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration  : none;
  text-align       : center;
}

.lepes_programnev {
  color            : #024064;
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration  : none;
  text-align       : center;
}

.text_cim {
  color            : #0887ca;
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration  : none;
}

.text_cim a {
  color            : #0887ca;
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration  : none;
}

.text_cim a:hover {
  color            : #fca102;
  
}

.text_cim_athuz {
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration:line-through; 
  color: #ff0000;
}

.text_cim_athuz a {
  font-family      : impact;
  font-size        : 24px;
  font-weight:     : normal;
  text-decoration:line-through; 
  color: #ff0000;
}

.text_cim_athuz a:hover {
  color            : #fca102;
  
}

.verzioinfo {
  clear: both;
  float: left;
  display: block;
  width: 478px;
  font-size        : 10px;
  font-weight:     : normal;
  text-decoration  : none;
  text-align       : justify;
  padding   : 6px;
}

.verzioinfo_cim {
  color            : #045CC0;
  font-family      : georgia;
  font-size        : 16px;
  font-weight:     : normal;
  text-decoration  : none;
  text-align       : left;
}

.velemeny {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  font-size        : 10px;
  font-weight:     : normal;
  text-decoration  : none;
  text-align       : justify;
  border-bottom    : 1px dotted #02dfff;
  padding   : 10px 0 10px 0;
  color : #255794;
}

.nyilcursor {
    cursor: default;
}

.red  {
    color: #FF0000;
}

.cyan  {
    color: #02dfff;
}

.cyan  {
    color: #02dfff;
}

.orange  {
    color: #fca102;
}

.elfelejtett_jelszo a  {
    color: #02dfff;
}

.elfelejtett_jelszo a:hover  {
    color: #fff;
    text-decoration: underline;
}

.ok_box {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px;
    background-color : #CCFFCC;
    border: 1px solid #155902; 
 
}

.error_box {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px;
    background-color : #FFCEC1;
    border: 1px solid #f90701; 
 
}

.callback_box {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px;
    background-color : #FFF;
    border: 2px solid #f90701; 
 
}

.frissites_div  {
   text-align: justify;
}

.frissites_div a  {
   color: #fe1a02;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.frissites_div a:hover  {
   color: #024064;
   font-weight: bold;
   text-decoration: underline;
}

#programblock { 
display: block;
width: 255px; 
height: 74px;
}

#programblock a { 
display: block;
width: 255px; 
height: 74px;
background: #FFFFFF;
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
opacity: 0.7; 
}

#programblock a:hover { 
display: block;
width: 255px; 
height: 74px;
border-right: 4px solid #02dfff;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity: 1; 
}

#container-page { 
    width: 100%; 
    background: #FFFFFF; 
    position: relative; 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
} 

#top {
    width: 100%;
    height: 135px;
    background-image: url(konyvelo_ugyvitel_img/ujdesign/blue_bg.png);

}

#header {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    width: 780px;
    padding: 0px;
 
}

#globophone {
    position: relative; 
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family      : verdana, arial, tahoma, helvetica;
    font-size        : 10px;
    width: 520px;
    height: 500px;
    padding: 15px;
    background-image: url(konyvelo_ugyvitel_img/globophone.jpg);
 
}

#topbox1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 365px;
    height: 135px;
    background-image: url(konyvelo_ugyvitel_img/ujdesign/top1.png);
    background-repeat: no-repeat;
    border: 0px;
}

#topbox2 {
    position: absolute;
    left: 365px;
    top: 0px;
    width: 415px;
    height: 135px;
    background-image: url(konyvelo_ugyvitel_img/ujdesign/top2.png);
    background-repeat: no-repeat;
    border: 0px;
}

#topbox2_christmas {
    position: absolute;
    left: 365px;
    top: 0px;
    width: 415px;
    height: 135px;
    background-image: url(konyvelo_ugyvitel_img/ujdesign/top2_christmas.png);
    background-repeat: no-repeat;
    border: 0px;
}


#content {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow:auto;
    text-align: justify;
}

#content2 {
    margin: 0;
    padding: 15px;
    width: 750px;
    overflow:auto;
    text-align: center;
}


#content_1024 {
    margin: 0;
    padding: 15px;
    width: 970px;
    overflow:auto;
    text-align: center;
}

#teljesoldal {
    text-align: left;
    width: 760px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 220px;
    overflow: hidden;
    float: left;

}


.cim {
  color            : #FA8903;
  padding          : 0px;
  font-family      : impact, verdana;
  font-size        : 24px;
  margin-left      : 0px;
  font-weight      : normal;
 
}

.upa {
  color            : #0145B2;
  padding          : 0px;
  font-family      : impact, verdana;
  font-size        : 24px;
  margin_left      : 00px;
  font-weight      : normal;

}

.mezo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	margin:0px;
	width:180px;
}


.tb_aktkod {
	font-family: Impact;
	text-transform:uppercase;
	font-size: 40px;
	font-weight: normal;
	color: #FA8903;
	margin:0px;
	width:140px;
	height:45px;
}


h1 {
  color            : #FA8903;
  padding          : 0px;
  font-family      : impact, verdana;
  font-weight      : normal;
  font-size        : 24px;
  margin-left      : 0px;
  font-weight      : normal;
 
}


h2 {
  color            : #035CC1;
  padding          : 0px;
  font-family      : impact, verdana;
  font-weight      : normal;
  font-size        : 24px;
 
}

h3 {
  color            : #FA8903;
  padding          : 0px;
  font-family      : impact, verdana;
  font-weight      : normal;
  font-size        : 24px;
 
}


#css_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 20px;

}
#css_menu a {
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #024064;
	background-color: #f4f4f4;
	border: 0;
	border-left: 5px solid #055cc0;
	border-right: 1px solid #eae9e9;
	border-bottom: 1px solid #eae9e9;
	width: 450px;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
}
#css_menu a:hover {
	display: block;
	color: #000000;
	background-color: #02dfff;
	border: 0;
	border-left: 5px solid #055cc0;
	border-right: 1px solid #055cc0;
	border-bottom: 1px solid #055cc0;
	width: 450px;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
}


.elfjelszo {
  color            : #FA8903;
  font-family      : verdana, arial;
  font-size        : 9px;
  font-weight      : bold;
  text-decoration  : none;
 
}

.elfjelszo a {
  color            : #FA8903;
  font-family      : verdana, arial;
  font-size        : 9px;
  font-weight      : bold;
  text-decoration  : none;
 
}

.elfjelszo a:hover {
  color            : #035CC1;
  font-family      : verdana, arial;
  font-size        : 9px;
  font-weight      : bold;
  text-decoration  : underline;
 
}

.submit {
background-color : #02dfff;
font-weight      : bold;
color            : #000000;
font-size        : 9px;
height           : 18px;
}

table
{
border-collapse:collapse;
}

.big_table td  {
border: 1px solid #dddddd;
padding: 2px;
}

#csapatunkblock { 
width: 150px; 
height: 161px;
}

#csapatunkblock a { 
width: 150px; 
height: 161px;
background-color: #FFFFFF;
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
opacity: 0.6; 
}

#csapatunkblock a:hover { 
width: 150px; 
height: 161px;
filter:alpha(opacity=100);
-moz-opacity:1; 
opacity: 1; 
}

#ikonblock { 
width: 50px; 
height: 51px;
}

#ikonblock a { 
width: 50px; 
height: 51px;
background: #045cc0;
filter:alpha(opacity=50); 
-moz-opacity:0.6; 
opacity: 0.6; 
}

#ikonblock a:hover { 
width: 50px; 
height: 51px;
filter:alpha(opacity=100); 
-moz-opacity:1; 
opacity: 1; 
}

.ervkod_div {
clear: both; 
float:left; 
display: block; 
width: 97%; 
margin: 10px 0 0 2px; 
padding: 5px; 
border: 2px solid #4ac640;
}


.nagybetu {
  color            : #035CC1;
  font-family      : verdana, arial;
  font-size        : 18px;
  font-weight      : bold;
  text-decoration  : none;
 
}

.nagybetu a {
  color            : #035CC1;
  font-family      : verdana, arial;
  font-size        : 18px;
  font-weight      : bold;
  text-decoration  : none;
 
}

.nagybetu a:hover {
  color            : #FA8903;
  font-family      : verdana, arial;
  font-size        : 18px;
  font-weight      : bold;
  text-decoration  : underline;
 
}

.kisbetu {
  color            : #000000;
  font-family      : verdana, arial;
  font-size        : 11px;
  font-weight      : normal;
  text-decoration  : none;
 
}

#mraketa_green {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 550px;
    padding: 10px;
    background-color : #CCFFCC;
    border: 2px solid #000000; 
 
}

#mraketa_red {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 550px;
    padding: 10px;
    background-color : #FFCEC1;
    border: 2px solid #000000; 
 
}

a {
text-decoration: none; /* definition for the link that will display the layer */
color            : #fd8c02;
}
a:hover {
background: none; /* correction for an IE bug*/
color            : #018e09;
}

a span { /* definition of <span> tag included in <a> */
display: none;
text-decoration  : none;
}
a:hover span { /* definition of <span> tag when hovering */
display: block;
position: absolute;
z-index: 1;
width: 200px;
background-color: #fdf7d8;
text-align: left;
padding: 5px;
margin-right: 10px;
margin-left: -80px;
border-color: black;
border: 1px groove; 
color: black;
font-family: verdana, arial, helvetica, tahoma;
font-size: 10px;
text-decoration  : none;
}