body, html {
	height          : 100%;
	width           : 100%;
	min-height      : 100%;
	margin          : 0px;
	padding         : 0px;
	background-image: url(pic/bodyhatter.jpg);
	background-repeat: repeat;
}

div, td {
  font-family     : arial;
  font-size       : 11px;
  color           : #4b433d;
}

img {
  padding         : 0px;
  margin          : 0px;
}

#tablazat {
	padding         : 0px;
	margin          : 0px;
	border: 1px solid #CCCCCC;
}
.tabla {
	padding         : 0px;
	margin          : 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
td {
	border: 1px solid #CCCCCC;	
}

/* ######################### */
/* ###    Nyitólap      ### */
/* ######################### */

#nyitolap_felso {
	height          : 35%;
	width           : 100%;
	vertical-align  : bottom;
	background-color: #18489D;
}
#nyitolap_kozep {
	width           : 100%;
	;
	height          : 126px;
	vertical-align  : top;
	background-color: #CCCCCC;
	background-image: url(pic/kozepresz_loop.jpg);
	text-align: center;
}
#nyitolap_kozep_kepek {
	width           : 910px;
	;
	height          : 126px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#nyitolap_also {
	width           : 100%;
	;
	height          : 50%;
	vertical-align  : top;
	background-color: #E7A142;
}
#nyitolap_lablec {
	width           : 100%;
	height          : 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	bottom: 10px;
	font-weight: bold;
}
#petkuslogo {
	background-image: url(pic/petkus_logo.jpg);
	height: 120px;
	width: 120px;
	top: 7%;
	right: 7%;
	position: absolute;
	border: 2px solid #18489D;
}
#mepetlogo {
	background-image: url(pic/mepet_logo.jpg);
	height: 125px;
	width: 391px;
	top: 7%;
	left: 7%;
	position: absolute;
}
#meghivo {
	height: 50px;
	width: 50%;
	position: absolute;
	text-align: center;
	top: 24%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FF3300;
	font-weight: bold;
	right: 25%;
}
#egyeblogo {
	height: auto;
	width: 158px;
	top: 70%;
	position: absolute;
	background-color: #E7A142;
	right: 5%;
}
#szlogen {
	height: 33px;
	width: 100%;
	position: absolute;
	background-color: #E7A142;
	bottom: 40px;
	background-repeat: no-repeat;
	text-align: center;
}
#belepes {
	height: 33px;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	top: 60%;
	text-decoration: none;
}

#popup_szoveges {
	height: 90px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	margin-top: 50px;
}
#popup_kep_keret {
	height: 320px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	text-align: center;
	top: 16%;
}
#popup_kep {
	height: 320px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
	border: 4px solid #FFFFFF;
}
#popup_kep_close  {
	height: 16px;
	width: 390px;
	position: relative;
	text-align: right;
	padding-top: 0px;
	padding-right: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#popup_kep_close a {
	font-weight: bold;
	color: #18489D;
	text-decoration: none;
}
#popup_kep_close a:hover {
	color: #72C5E7;
	text-decoration: none;
}

/* ######################### */
/* ###   Nyitólap közép  ### */
/* ######################### */

#skyline {
	width: 910px;
	height: 126px;
	background: url(pic/kozepresz_kepek_LINKES.jpg);
	padding: 0;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
  
#skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  
#skyline li, #skyline a {
    height: 126px; display: block;}


  #panel1b {left: 0; width: 88px;}
  #panel2b {left: 89px; width: 116px;}
  #panel3b {left: 205px; width: 173px;}
  #panel4b {left: 378px; width: 97px;}
  #panel5b {left: 475px; width: 119px;}
  #panel6b {left: 594px; width: 111px;}
  #panel7b {left: 705px; width: 205px;}

#panel1b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    0 -126px no-repeat;}
  
#panel2b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -89px -126px no-repeat;}
  
#panel3b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -205px -126px no-repeat;}
  
#panel4b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -378px -126px no-repeat;}

#panel5b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -475px -126px no-repeat;}

#panel6b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -594px -126px no-repeat;}

#panel7b a:hover {
    background: transparent url(pic/kozepresz_kepek_LINKES.jpg)
    -705px -126px no-repeat;}
	
/* ######################### */
/* ###    Home	         ### */
/* ######################### */

#home_felso {
	background      : #17489E;
	height          : 145px;
	width           : 100%;
	vertical-align  : bottom;
	color: #FFFFFF;
}
#home_infosav {
	width           : 100%;
	;
	height          : 12px;
	background-color: #EDA841;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #999999;
	border-left-color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	text-indent: 10px;
}
#home_navmenu {
	width           : 100%;
	;
	height          : auto;
	vertical-align  : top;
	text-align: center;
	background-color: #f4f1e3;
	line-height: 15px;
}
#home_petkuslogo {
	background-image: url(pic/petkus_logo.jpg);
	height: 120px;
	width: 120px;
	top: 10px;
	right: 5%;
	position: absolute;
}
#home_admin_mod {
	height: 37px;
	width: 300px;
	top: 40px;
	position: absolute;
	left: 500px;
	background-color: #CC0000;
	border: 1px solid #EDA841;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFCC;
	text-align: center;
	padding-top: 10px;
	text-decoration: blink;
}
#home_mepetlogo {
	background-image: url(pic/mepet_logo.jpg);
	height: 125px;
	width: 391px;
	top: 10px;
	left: 10px;
	position: absolute;
}
.home_termeknev {
	;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	text-shadow: 2px 2px 2px #aaa;
}
.home_fenyujsag {
	;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	
}
#home_kontener {
	height: auto;
	width: 100%;
	position: relative;
}
#home_termekleiras {
	width           : 43%;
	;
	height          : auto;
	left: 220px;
	top: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	text-align: justify;
	padding-bottom: 20px;
}
.table home_termekleiras {
	border: 1px solid #000000;	
}
#admin_mod_felulete {
	width           : 350px;
	;
	height          : auto;
	vertical-align  : top;
	position: absolute;
	left: 300px;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 70px;
}
#home_termekkep {
	width           : auto;
	;
	height          : auto;
	position: absolute;
	left: 68%;
	top: 40px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#home_termekkep img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
#home_termekkep_ell {
	width           : 400px;
	height          : 200px;
	vertical-align  : top;
	position: absolute;
	left: 570px;
	top: 80px;
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	margin-top: 40px;
}
#home_termekkep_ell_dia {
	vertical-align  : top;
	background-color: #EDA841;
	padding: 2px;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#home_navkep {
	width           : auto;
	;
	height          : auto;
	vertical-align  : top;
	position: absolute;
	left: 550px;
	top: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 2px solid #CCCCCC;
}
#home_pdf {
	width           : 100px;
	;
	height          : 280;
	position: absolute;
	top: 220px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 10px;
	text-align: center;
	color: #666666;
	right: 5%;
}
#home_fomenu {
	width           : 200px;
	;
	height          : 1500px;
	vertical-align  : top;
	background-color: #F4F1E3;
	left: 0px;
	top: 0px;
	position: absolute;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#home_fomenu_admin {
	width           : 280px;
	;
	height          : 600px;
	vertical-align  : top;
	background-color: #F4F1E3;
}

#home_lablec {
	width           : 100%;
	height          : 20px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	background-color: #F4F1E3;
	position: fixed;
	padding-top: 6px;
	z-index: 10;
	left: 0px;
	top: 0px;
}
#navmenu {
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
	background-color: #F4F1E3;
}
#navmenu li a
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	margin-left: 0px;
	text-decoration: none;
	margin-bottom: 0px;
}



#navmenu li
{
	list-style: none;
	line-height: normal;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
}

#navmenu li a:link {
	color: #333333;
}
#navmenu li a:visited {
	color: #333333;
}

#navmenu li a:hover
{
	color: #EDA841;
}
#balmenu {
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: left;
	background-color: #F4F1E3;
	padding-top: 10px;
	padding-bottom: 10px;
}
#balmenu li a
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	margin-left: 0px;
	text-decoration: none;
}



#balmenu li
{
	list-style: none;
	line-height: normal;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#balmenu li a:link {
	color: #333333;
}
#balmenu li a:visited {
	color: #333333;
}

#balmenu li a:hover
{
	color: #EDA841;
}
.vekony
{
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	background-color: #EDA841;
	text-indent: 5px;
}
.meghivomenu
{
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	background-color: #EDA841;
	text-indent: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table
{
	background-color: #EDA841;
	text-align: center;	
}
.almenu
{
	font-size: 10px;
	font-weight: normal;
	list-style-type: none;
	padding-left: 0px;
	text-indent: 15px;
	background-color: #F4F1E3;
}
.almenu2
{
	font-size: 10px;
	font-weight: normal;
	list-style-type: none;
	padding-left: 0px;
	text-indent: 25px;
	background-color: #F4F1E3;
}
.almenu3
{
	font-size: 10px;
	font-weight: normal;
	list-style-type: none;
	padding-left: 0px;
	text-indent: 35px;
	background-color: #FFFFFF;
	font-style: italic;
}
#admin
{
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
}
.felkover
{
	font-weight: bold;
	font-size: 14px;
}

#termekeink
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}
.admin_cim
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-style: italic;
}
.admin_vastag
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-style: italic;
}

#kep
{
	border: 1px solid #999999;
}
#pdfikon
{
	line-height: 0px;
	height: 63px;
	width: 100px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	margin: 0px;
}
.hirek_cim
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #EDA841;
	padding-bottom: 5px;
}
.hirek_leiras
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
}
.hirek_datum
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#valaszto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	height: 250px;
	width: 170px;
	background-color: #F4F1E3;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px dotted #CCCCCC;
	margin-left: 10px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#login
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 200px;
	width: 300px;
	border: 1px dotted #CCCCCC;
	text-align: center;
	padding-top: 20px;
	margin-left: 37%;
	margin-top: 20px;
	background-color: #F4F1E3;
}
#valasztomenu {
	width           : 755px;
	;
	height          : auto;
	left: 220px;
	top: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	line-height: 20px;
}
#termekkep
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 130px;
	width: 150px;
	float: left;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin-left: 10px;
}

#termekszov
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	float: left;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	height: auto;
	width: 150px;
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
	
}
#idojaras
{
	height: auto;
	width: auto;
	text-align: center;
	margin-top: 20px;
}
#egyeb_lap
{
	height: 400px;
	width: 77%;
	text-align: left;
	margin-left: 220px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#dia
{
	height: 90px;
	width: 90px;
	padding: 10px;
	text-align: center;
	float: left;
	margin-left: 7px;
	margin-top: 7px;
	background-image: url(pic/dia_hatter.jpg);
}
.meghivo_tovabb
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.piros
{
	color: #FF0000;	
}
#valaszto img
{
	border: 1px solid #EDA841;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;

	
	-moz-box-shadow:  5px 5px  5px #888;
	-webkit-box-shadow:  5px 5px  5px#888;
	box-shadow:  5px 5px  5px #888;
}
#zaszlo
{
	float: left;
	margin-top: 1px;
}
#zaszlo img
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
#zaszlo a:hover
{
	margin: 0px;
	padding: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #18489D;
}
.home_termeknev a
{
	background-color: #F4F1E3;
	height: auto;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin-right: 5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	padding: 5px;
	text-shadow: none;
	border: 1px solid #CCCCCC;
	box-shadow:  5px 5px  5px #888;
}
.home_termeknev a:hover
{
	background-color: #EDA841;
	color: #000000;	
}
.valaszto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #F4F1E3;
	padding: 2px;
	width: 200px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.valaszto_frissit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #EDA841;
	padding: 2px;
	width: 80px;
	margin-left: 20px;
	box-shadow:  5px 5px  5px #888;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}