body { background-image: url(../images/wellness_hetvege_hatter_1.jpg);  background-position: top-left; background-repeat: no-repeat; margin: 0; padding: 0;  }


#logo { padding-right: 20px; padding-top: 5px; font: normal 12px arial, sans-serif, black; text-align: right; }

#bal_doboz_szc_kulfold {  background-image: url(http://www.szallodacentrum.hu/site_skins/szallodacentrum/skin_images/szc_kulfold_hatter_1.jpg); width: 183px; height:90px;  padding: 10px; font: normal 12px georgia, #403f3c; padding-top: 110px; border: solid  1px #8e9d98; margin-top: 4px;}
 #bal_doboz_szc_kufold_box { text-align: center; line-height: 20px;}
 #bal_doboz_szc_kulfold_box a { font: normal 12px georgia, white; color: black; line-height: 20px;  padding: 0px; text-decoration: none; }
  #bal_doboz_szc_kulfold_box a:link { font: normal 12px georgia, white; color: black; line-height: 20px;  padding: 0px; margin-top: 0px; text-decoration: none; }
  #bal_doboz_szc_kulfold_box a:hover { font: normal 12px georgia, black; color: #a6802d; line-height: 20px;  padding: 0px; margin-top: 0px; text-decoration: none; }



#fejlec_doboz1 {  margin-top:22px; padding: 20px; background-color: black; width: 470px; height: 157px; font: normal 12px arial, white; color: white;	filter:alpha(opacity=80);	-moz-opacity: 0.8; 	opacity: 0.8; line-height: 20px;}
  #fejlec_doboz1 h1 { font: normal 18px arial; color: white; margin: 0;}
  #fejlec_doboz1 h2 { font: normal 18px arial; color: white; margin: 0;}
#fejlec_doboz2 {  padding: 20px; background-color: white; width: 470px; height: 100px; font: normal, 12px, arial, black; filter:alpha(opacity=98);	-moz-opacity: 0.95; 	opacity: 0.95;  line-height: 20px;}
  #fejlec_doboz2 h2 { font: normal 18px arial; color: #4199ad; margin: 0;}

div.doboz1{  background-color: #d4d4d4; margin: 2px; height: auto; width: auto; float: left; text-align: justify;  width: 205px;  margin-left:20px;  margin-right: 20px;  margin-top: 15px;    }	
div.doboz1 h2 { background-image: url(../images/wellness_hetvege_box_hatter_1.jpg); background-position: top; background-repeat: repeat-x; margin: 0; font: bold 14px arial; color: black; text-align: center; width: 205px; padding-top:10px; padding-bottom: 10px; border-bottom: medium solid white;  }
div.doboz1 p { font: normal 12px arial, black; color: black; line-height: 20px;  padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }
div.doboz1 a:link { font: bold 12px arial, black; color: #008aae; line-height: 20px;  padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }
div.doboz1 a:hover { font: bold 12px arial, black; color: black; line-height: 20px;  padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }

div.doboz2{  background-color: #d4d4d4; margin: 2px; height: auto; width: auto; float: left; text-align: justify;  width: 205px;  margin-left:20px;  margin-right: 20px;  margin-top: 15px;    }	
div.doboz2 h2 { background-image: url(../images/wellness_hetvege_box_hatter_1.jpg); background-position: top; background-repeat: repeat-x; margin: 0; font: bold 14px arial; color: black; text-align: center; width: 205px; padding-top:10px; padding-bottom: 10px; border-bottom: medium solid white;  }
div.doboz2 p { background-image: url(../images/wellness_hetvege_box_hatter_3.jpg); background-position: top; background-repeat: repeat-x; margin: 0;  font: normal 12px arial, white; color: white; line-height: 20px; 5px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; margin-top: 0px;  }
div.doboz2 h3 { background-image: url(../images/wellness_hetvege_box_hatter_3.jpg); background-position: top; background-repeat: repeat-x; margin: 0;  font: normal 12px arial, white; color: white; line-height: 10px; 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px;  }

div.doboz2 a:link {  font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
div.doboz2 a { text-decoration : none; font: normal 12px arial, white; color: white; line-height: 20px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
div.doboz2 a:hover { font: normal 12px arial, silver; color: silver; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}

div.doboz3{  background-color: #d4d4d4; margin: 2px; height: auto; width: auto; float: left; text-align: justify;  width: 670px;  margin-left:20px;  margin-right: 20px;  margin-top: 15px;    margin-left: 0px;  padding: 25px; font: normal 12px arial; line-height: 20px; text-align: justify;  }	
div.doboz3 h1 { background-image: none; margin: 0; font: bold 14px arial; color: black; text-align: left; width: 670px; padding-top:10px; padding-bottom: 10px; border-bottom: medium solid #fcb53f;  }
div.doboz3 img {  border: 0; padding: 0px;  padding-left:20px;   }


#doboz7 {   height: auto; float: left; clear:both; position: absolute; width: 670px;  background-color: #d4d4d4; margin-left: 0px;  padding: 25px; font: normal 12px arial; line-height: 20px; text-align: justify; }
  #doboz7 h1 { background-image: none; margin: 0; font: bold 14px arial; color: black; text-align: left; width: 670px; padding-top:10px; padding-bottom: 10px; border-bottom: medium solid #fcb53f;  }
 

#kiemelt { font: normal 12px arial, black; color: black; line-height: 14px; padding: 0px; }
  #kiemelt p { font: normal 12px arial, black; color: black; line-height: 14px; padding: 0px; }
  #kiemelt a { font: bold 12px arial, black; color: #008aae; line-height: 14px;  padding: 0px; }
  #kiemelt a:link { font: bold 12px arial, black; color: #008aae; line-height: 14px;  padding: 0px; margin-top: 0px; }
  #kiemelt a:hover { font: bold 12px arial, black; color: black; line-height: 14px;  padding: 0px; margin-top: 0px; }



#szalloda_dobozok {  clear:both; position: absolute; width: 998px; margin-top: 10px;  }
  #szalloda_dobozok p { font: normal 12px arial, black; color: black; line-height: 20px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 10px; margin-top: 0px; }
  #szalloda_dobozok a { font: bold 12px arial, black; color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }
  #szalloda_dobozok a:link { font: bold 12px arial, black; color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }
  #szalloda_dobozok a:hover { font: bold 12px arial, black; color: black; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; }


#szalloda_baloldali_dobozok { width:  225px; position: absolute; }

#doboz_banner { height: 100px; width: 205px;   margin-left: 20px; color: white;  }
  
#doboz5 { clear:both;   background-image: url(../images/wellness_hetvege_box_hatter_4.jpg); background-position: top; background-repeat: repeat-x; width: 205px; display: block;   margin-left: 20px; color: white;  }
  #doboz5 h2 { background-image: url(../images/wellness_hetvege_box_hatter_2.jpg); background-position: top; background-repeat: repeat-x; margin: 0; font: bold 14px arial; color: black; text-align: center; width: 205px; padding-top:10px; padding-bottom: 10px; border-bottom: medium solid white;  }
  #doboz5 p { margin: 0;  font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 0px;  }
  #doboz5 a:link {  font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #doboz5 a { text-decoration : none; font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #doboz5 a:hover { font: normal 12px arial, silver; color: silver; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}

#doboz6 {clear:both;   width: 205px;   margin-left: 20px;   }
  #doboz6 p { background-image: url(../images/wellness_hetvege_box_hatter_3.jpg); background-position: top; background-repeat: repeat-x; margin: 0;  font: normal 12px arial, white; color: white; line-height: 20px; 5px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; border-top: medium solid white;  }
  #doboz6 a:link {  font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #doboz6 a { text-decoration : none; font: normal 12px arial, white; color: white; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #doboz6 a:hover { font: normal 12px arial, silver; color: silver; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}

#szallodak {  clear:both; position: absolute; width: 695px;   margin-left: 265px;  }
  #szallodak h3 { margin: 0; font: bold 14px arial; color: black; text-align: left; width: 695px; padding-bottom: 10px; border-bottom: medium solid #fcb53f;  }
  #szallodak h1 { margin: 0; font: bold 14px arial; color: red; text-align: left; width: 605px; padding-top:5px; padding-bottom: 5px;   }
  #szallodak a:link {  font-weight: bold; font-size: 14px; font-family: arial;  color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #szallodak a { text-decoration: none; font-weight: bold; font-size: 14px; font-family: arial;  color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #szallodak a:hover { font: bold 14px arial, silver; color: black; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}


#szallodak_almenu {  width: 695px;  }
  #szallodak_almenu a:link {  font-weight: bold; font-size: 12px; font-family: arial;  color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #szallodak_almenu a { text-decoration: none; font-weight: bold; font-size: 12px; font-family: arial;  color: #008aae; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #szallodak_almenu a:hover { font: bold 12px arial, silver; color: black; line-height: 20px;  padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}


#lablec {  clear:both; display: block; position:absolute; left: -265px;  background-image: url(../images/wellness_hetvege_lablec_hatter_1.jpg); width:972px; height: 42px; font: normal 12px arial; padding: 14px; text-align: center;  color: white; z-index: 13; }
  #lablec a { text-decoration: none; font: normal 12px arial #fcb53f; color: #fcb53f; line-height: 20px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #lablec a:hover { font: normal; font-size: 12px; color: black; line-height: 20px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
  #lablec a:link { font: normal; font-size: 12px; color: #fcb53f; line-height: 20px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; line-height: 25px;}
   



.clear{clear:both;}
  
.egy_szalloda { border-bottom: medium solid #fcb53f;  width: 695px; text-align: left; margin-bottom: 10px;  }
.egy_szalloda td { vertical-align: top; }

 
.galeria img { width: 90px; height: 75px; border: 0; padding: 1px; border: solid 1px #8e9d98; }
.sz_header { height: 20px; padding: 8px; border-bottom: solid 1px #d2dbe2; background-color: #eaebeb; }
.sz_bal { width: 150px; border-right: solid 1px #d2dbe2; padding: 5px; }
	.sz_bal img { width: 150px; height: 113px; border: 1; }
.sz_jobb { padding: 10px; }
	.sz_adatok { font: normal 14px arial; width: 100%; }
		.sz_adatok p { font: normal 13px arial; }
		.ertek { color: #841702; }
			.ertek ul { margin: 0; padding-left: 10px; }
			.ertek li  { font-size: 12px; list-style-image: url(../images/arrow.gif); font: normal 12px arial; }
		.sz_adatok td { border-bottom: solid 1px #8e9d98; line-height: 20px; font-size: 12px; }

#arak table { border-right: solid 1px #8e9d98; border-bottom: solid 1px #8e9d98; }
#arak th { font: normal 11px arial; text-align: center; border-left: solid 1px #8e9d98; border-top: solid 1px #8e9d98; padding: 4px; color: #841702; }
#arak td { text-align: center; border-left: solid 1px #8e9d98; border-top: solid 1px #8e9d98; padding: 4px; font: bold 11px arial, sans-serif; vertical-align: middle; }
#tart { text-align: left; background-color: #e4e4d3; padding: 10px; font: normal 14px arial, sans-serif; color: #8e8e6b; }
#lem { width: 640px; text-align: left; background-color: #efefef; padding: 10px; font: normal 11px arial, sans-serif; color: #black; }
.vissza { font: normal 12px arial, sans-serif; margin: 6px 0 6px; 0; color: #7c7c7c; text-align: center; }
#tovabb { margin: 0px; padding: 0px; font: normal 10px arial, sans-serif; }
#oldalak { text-align: center; font: normal 16px arial, sans-serif; padding: 4px; background-color: #e4e4d3; }
#szobaar, #vissza_doboz { border: solid 2px #d6d6d6; background-color: white; padding: 6px; margin-bottom: 6px; }
	#szobaar ul { margin: 0; padding: 8px 2px 0 22px; }
	#szobaar li { font: normal 14px arial; color: #7e7e7e; list-style-image: url(../images/tart_ikon.gif); padding-bottom: 4px; }
#tartalmazza { width: 680px; font: normal 14px arial, sans-serif; color: #032f54; }
#szamlalo { font: normal 16px arial; text-align: center; }



#flags { display: block; position: absolute; right: 4px; top: 80px; }
#jobbmenu { background-image: url(../images/design_08.gif); background-position: top; background-repeat: no-repeat; height: 710px; vertical-align: top; }
	#jobbmenu li { font: normal 13px arial, sans-serif; list-style-image: url(../images/0001_arrow.gif); line-height: 20px; }
#osszefog {	width: 1000px; }
#fejlec_menu {width: 270px; height: 100px; font: normal 12px arial, sans-serif, black; padding: 0 0 0 0px; color: #5a5646; }



#balcim { font: normal 12px arial, sans-serif, black; margin-top: 15px; color: #5a5646; line-height: 20px; }
#full { display: block; width: 100%; height: 100%; font: normal 12px arial, sans-serif, black; background-color: black; line-height: 20px; }
#test {display: block;  width: 100%; height: 100%; font: normal 12px arial, sans-serif, black; line-height: 20px;}
#jobb_lista {display: block; position: absolute;  background-image: url(../images/design_14.gif); left: 650px; top: 0px; width: 270px; height: 600px; font: normal 12px arial, sans-serif, black; z-index: 2; line-height: 20px; }

	#jobb_lista li { font: normal 13px arial, sans-serif; list-style-image: url(../images/0001_arrow.gif); line-height: 20px; line-height: 20px;}

#tartalom { display: block; padding-top: 20px; padding-left: 20px; top: 300px; width: 600px; font: normal 12px arial, sans-serif, black; line-height: 20px;}
#csik { border-top: solid  1px #8e9d98; margin-bottom: 20px; padding-top: 6px; font: normal 10px arial, sans-serif; line-height: 20px;}

#rendezes_1 { display: inline; padding-left: 5px;}
#rendezes_2 { display: inline; margin-right: 5px;}

a.jmlink { color: #a70000; text-decoration: underline;  }
a.jmlink:link { color: #a70000; text-decoration: underline;  }
a.jmlink:visited { color: #a70000; text-decoration : underline;  }
a.jmlink:active { color: #3e4f1c; text-decoration : none;   }
a.jmlink:hover { color: #3e4f1c; text-decoration : none; }

a:link { color: #3c4959; text-decoration: underline; font: normal 12px arial, sans-serif; }
a:visited { color: #3c4959; text-decoration : underline; font: normal 12px arial, sans-serif; }
a:active { color: #a70000; text-decoration : none; font: normal 12px arial, sans-serif;  }
a:hover { color: #a70000; text-decoration : none; font: normal 12px arial, sans-serif; }

#main { padding: 20px; }

#banner_510x140{
  position: absolute;
  top: 268px;
  left: 1px;
  height: 100px;
}


/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */


DIV.base-layer {
  color: #000000; background-color: #eaebeb; text-align: center; width: 695px;
   border-bottom: medium solid #fcb53f; margin-bottom: 10px; padding-top:5px;
}

DIV.base-layer2 {
  color: #000000; text-align: center; width: 695px;
   border-bottom: medium solid #fcb53f; margin-bottom: 10px; padding-top:5px;
}

DIV.table-row {
  background-color: white; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: left; width: 100%;
}

DIV.table-row2 {
  background-color: white; color: #000000; border-bottom: solid 1px #d2dbe2; border-top: solid 1px #d2dbe2;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 5px; text-align: left; width: 95%;
}

DIV.table-row3 {
  color: #000000; border-bottom: solid 1px #8e9d98; 
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 5px; text-align: left; width: 95%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container1 {
  border: none; float: right; margin: 0; padding: 10px; width: 100%; background-color: #eaebeb;  
}

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 5px; width: 73%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 24%;
}

DIV.left-container3 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container3 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}


DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* End of layer specific style rule set */