html {
	margin: 0;
	padding:0;
	background: url(images/ciao-mario_hatter.gif) top left repeat;

}

body {
	margin: 0;
	padding:0;
	background: url(images/ciao-mario_hatter1.gif) top left repeat-x;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 950px;
	overflow: hidden;
}

/* fej */
#header {
	margin: 0 auto;
	padding:0;
	height: 280px;
	width: 950px;
}

.fej {
	height: 80px;
	text-align:center;
}

.felsomenu {
	height: 168px;
	margin:0;
	padding:0;
}

.kdatumido {
	height: 27px;
	margin:0;
	padding:0;
	background: url(images/ciao_mario_restaurant_datum.png) top left no-repeat;
}

.kdatumido_m {
	height: 27px;
	margin:0;
	padding:0;
	background: url(images/ciao_mario_motel_datum.png) top left no-repeat;
}

.kedvenc {
	margin:0;
	padding:5px 0 0 95px;
	text-align:left;
	font-family: Verdana;
	font-size: 10px;
	float:left;
	line-height: normal;
	color: #bab6a7;
}

.kedvenc A {
	TEXT-DECORATION: none;
	color: #bab6a7;
}

.kedvenc A:hover{
	TEXT-DECORATION: none;
	color: #9b000e;
}

.ido {
	margin:0;
	padding:5px 95px 0 0;
	text-align:right;
	font-family: Verdana;
	font-size: 10px;
	float:right;
	line-height: normal;
	color: #bab6a7;
}

/* belso */

#page {
	width: 950px;
	margin: 0;
	padding: 0;

}

form {
	text-align:right;
	margin:0;
	padding: 5px 0 0 0;
}

#container {
	margin: 0 69px 0 69px;
	padding: 0;
	border:0;
	width:812px;
		clear:both;
		overflow:hidden;
	background:  url(images/kozep_hatter.png) top center repeat-y;
}

#baloldal {
    margin: 0;
	padding: 0;
	float: left;
	overflow:hidden;
	width: 496px;
}

.belsobal {
    margin: 0;
	padding: 0 40px 0 30px;
}

#jobboldal {
   	margin: 0;
	padding: 0;
	float: right;
	width: 316px;
}

.belsojobb {
    margin: 0;
	padding: 0 30px 0 0;
}

/* lab */
#footer {
    margin: 0 69px 0 69px;
	padding: 0 0 20px 0;
	clear:both;
	overflow:hidden;
	width: 812px;
	background: url(images/ciao_mario_restaurant_alsomenu.png) top center no-repeat;
}

.webdesign {
	margin:0;
	padding: 3px 12px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	line-height: normal;
	text-align:right;
	color: #ffffff;
}

.webdesign A {
	TEXT-DECORATION: none;
	color: #dcb3b7;
}

.webdesign A:hover{
	TEXT-DECORATION: underline;
	color: #ffffff;
}

.honlap {
	text-align: center;
	margin:0;
	padding: 4px 0 0 0;
	font-family: Verdana;
	font-size: 11px;
	line-height: normal;
	color: #c3c0b0;
}

.honlap A {
	TEXT-DECORATION: none;
	color: #c3c0b0;
}

.honlap A:hover{
	TEXT-DECORATION: none;
	color: #9b000e;
}

.alsomenu {
	margin:12px auto 0 auto;
	padding:4px 0 0 0;
	border-top: #dfdbc8 1px solid;
	width:480px;
	text-align:center;
	font-family: Verdana;
	font-size: 10px;
	line-height: normal;
	color: #bab6a7;
}

.alsomenu A {
	TEXT-DECORATION: none;
	color: #bab6a7;
}

.alsomenu A:hover{
	TEXT-DECORATION: none;
	color: #9b000e;
}

p, div {
	margin: 0;
	padding: 0 0 5px 0;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 12px;
	line-height: 1.2;
	text-align:justify;
	color: #5b5615;
}

.cim {
	margin:0;
	padding: 10px 0 5px 0;
	border-bottom: #c7aa8d dashed 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
	text-align:left;
	color: #752c01;
}

.szoveg {
	margin:0;
	padding: 5px 0 0 0;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 12px;
	line-height: 1.2;
	text-align:justify;
	color: #5b5615;
}

.etelitalszoveg {
	margin:0;
	padding: 3px 0 0 0;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 12px;
	line-height: 1.2;
	text-align:left;
	color: #5b5615;
	clear:both;
}

.albumkepek {
	float:left;
}

.albumcim {
	margin:0;
	padding: 10px 0 2px 0;
	border-bottom: #c9c8c5 dashed 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	text-align:left;
	color: #752c01;
}

.galeriakiskep {
	 margin:3px 3px 3px 0;
	 padding:0;
	 border: #c9c8c5 3px solid;
}

.galeriakiskep:hover {
	border: #9b000e 3px solid;
}

.kepdarab {
	margin: 14px 0 0 0;
	padding: 6px 3px 3px 3px;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 12px;
	line-height: 1.2;
	width: 40px;
	height:40px;
	overflow:hidden;
	background: transparent url(images/fotodbhatter.gif) top center no-repeat;
	text-align:center;
	color: #000000;
	float:right;
}

.etelitalcim {
	margin:0;
	padding: 5px 0 0 0;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 12px;
	line-height: 1.2;
	text-align:center;
	font-weight: bold;
	text-transform:uppercase;
	color: #5b5615;
}

.etelital {
	margin:0;
	padding: 1px 0 1px 0;
	float: left;
	border-bottom: #e3dec8 1px solid;
	width: 330px;
}

.szdatum {
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 11px;
	line-height: 1.2;
	font-weight:bold;
	text-align:left;
	color: #000000;
}

.szcim {
	font-size: 13px;
	line-height: 1.3;
	font-weight: bold;
	color: #5b5615;
}

.gcim {
	margin:0;
	padding: 3px 5px 0 5px;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	text-align:center;
	color: #000000;
}

.kep {
	 margin:0;
	 padding:0;
	 border: #c9c8c5 5px solid;

}

.kepdiv {
	 margin:0;
	 padding:0;
}

.esemenyfokep {
	 margin:3px 0 3px 0;
	 padding:0;
	 border: #c9c8c5 2px solid;

}

.galeriacim {
	margin: 15px 0 0 0;
	padding:0;
	width: 283px;
	height: 20px;
	background: #c9c8c5 url(images/fotofelsokeret.gif) top center no-repeat;
}

.kepalairas {
	margin:0;
	padding:0;
	width: 283px;
	height: 20px;
	background: #c9c8c5 url(images/fotoalsokeret.gif) bottom center no-repeat;
}

.gszoveg {
	margin:0;
	padding: 0 5px 2px 5px;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
	text-align:center;
	color: #000000;
}

.linkkep {
	margin:0 3px 0 7px;
	padding:0;
	border:0;
}

.link {
	margin:0;
	padding: 5px 0 0 0;
	font-family: "Trebuchet MS",verdana,arial;
	font-size: 11px;
	line-height: 1.2;
	text-align:right;
	color: #9b000e;
}

.link A {
	TEXT-DECORATION: none;
	color: #9b000e;
}

.link A:hover{
	TEXT-DECORATION: none;
	color: #000000;
}

A {
	TEXT-DECORATION: none;
	color: #777b7e;
}

A:hover{
	TEXT-DECORATION: none;
	color: #9b000e;
}

.clearer {
  clear: both;
}


.oldalszamok {
 font-size:11px;
 font-family: "Trebuchet MS",verdana,arial;
 color: #000000;
 line-height:normal;
 font-weight: bold;
 padding: 3px;
 margin: 0px;
 text-align:right;
}

.oldalszamok A {
	TEXT-DECORATION: none;
	font-weight: normal;
	color: #9b000e;
}

.oldalszamok A:hover{
	TEXT-DECORATION: underline;
	font-weight: normal;
	color: #9b000e;
}

.lista {
	height: 20px;
	color: #000000;
	font-size:11px;
 	font-family: Verdana, sans-serif;
	font-weight:normal;
	line-height: 1.1;
	padding: 0;
	margin:0;
	border: #abaaa6 1px solid;
	background: #ebe7d2;
}

.editbe {
	height: 16px;
	width: 170px;
	color: #000000;
	font-size:11px;
 	font-family: Verdana, sans-serif;
	font-weight:normal;
	line-height: 1.1;
	padding: 2px;
	margin:0;
	border: #abaaa6 1px solid;
	background: #ebe7d2;
}

.boxbe {
	height: 50px;
	width: 170px;
	color: #000000;
	font-size:11px;
 	font-family: Verdana, sans-serif;
	font-weight:normal;
	line-height: 1.1;
	padding: 2px;
	margin:0;
	border: #abaaa6 1px solid;
	background: #ebe7d2;
}

.gomb {
	border: #9b9b9b 1px solid; 
	color: #000000; 
	height: 22px; 
    font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #c1c1c1;
	margin: 10px 0 10px 0;
}

.szoveg_fekete {
	color: #000000;
	font-weight: bold;
}