/* ----- main styles ----- */
@import url("content.css");

* { margin: 0px; padding: 0px; }
html { width: 100%; height: 100%; }
body { font-family: tahoma; font-size: 0.8em; height: 100%; width: 100%; color: #5f5f5f; background-color: #ffffff;}

a { outline: none; -moz-outline: 0; border: none; border-width: 0px; }
a:active { outline: none; -moz-outline: 0; }
a:focus { outline: none; -moz-outline: 0; }
a { color: #f34500; text-decoration: underline; font-style: italic; font-family: Arial; }
a:hover { text-decoration: none; }

a.top-line {font-style: normal;}

img { border: none; border-width: 0px; }
h1, h2, h3, h4, h5, h6 { color: #6b6b6b; font-size: 1.2em; padding: 0px 0px 0px 0px; font-weight: normal; }
h3, h2, h1 { color: #dc19bf; font-size: 0.8em; font-style: italic; padding: 0px 0px 3px 0px; }
h1{font-size: 1.8em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}


h4{color:#0091D4; font-style: normal;}

p { padding: 0px 0px 15px 0px; }
ol { margin: 0px 0px 10px 10px; }
ul { margin: 0px 0px 10px 10px; }
li { margin: 5px 0px 10px 15px; }
table { border-collapse: collapse; }
input, select, textarea { font-family: tahoma; font-size: 0.7em; color: #000000; }
.clear { clear: both; font-size: 0em; line-height: 0px; height: 0px; }
.rel { position: relative; }
.w100pr { width: 100%; }
.va-top { vertical-align: top; }
.t-right { text-align: right; }



/* ----- panel ----- */
#panel { width: 100%; height: 23px; padding: 12px 0 0 0; left: 0; top: 0px; position: fixed; z-index: 99999; background: #000; min-width: 1000px; 
			font-family: georgia; font-size: 0.9em; color: #fff; text-align: center; }
*html #panel { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); }
*html #panel { width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ?
				(document.documentElement.clientWidth < 1000 ? "1000px" : "100%") :
				(document.body.clientWidth < 1000 ? "1000px" : "100%")); }
#panel a { color: #fff; }
#panel .h-navi { right: 56px; top: 12px; position: absolute;  }
#panel .h-navi a { float: right; margin: 0 0 0 18px; }
#panel .h-puzl { background: url("../images/h-puzl.gif") no-repeat; padding: 8px 0 5px 32px; }


/* ----- special classes styles ----- */
.main { position: relative; min-width: 1000px; max-width: 1500px; min-height: 100%; background: url("../images/h-l.jpg") 0 35px no-repeat; }
*html .main { height: 100%; }
*html .main { width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ?
                 (document.documentElement.clientWidth < 1000 ? "1000px" : 
				 (document.documentElement.clientWidth > 1500 ? "1500px" : "100%" )) :
                 (document.body.clientWidth < 1000 ? "1000px" : 
				 (document.body.clientWidth > 1500 ? "1500px" : "100%" ))); }
.main-r { padding: 0 50px 0 0; }


/* ----- header ----- */
.header { padding: 35px 0 0 0; background: url("../images/h-c.png") 0 35px repeat-x; min-width: 1000px; max-width: 1320px; position: relative; }
.h-l { background: url("../images/h-l.jpg") 0 0px no-repeat; }
.h-r { background: url("../images/h-r.jpg") right 0px no-repeat; height: 121px; position: relative; }
*html .header { width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ?
                 (document.documentElement.clientWidth < 1000 ? "1000px" : 
				 (document.documentElement.clientWidth > 1320 ? "1320px" : "100%" )) :
                 (document.body.clientWidth < 1000 ? "1000px" : 
				 (document.body.clientWidth > 1320 ? "1320px" : "100%" ))); }

/* ----- logo ----- */
.logo { left: 53px; top: 11px; position: absolute; }

/* ----- h-menu ----- */
.h-menu { padding: 1px 125px 0 343px; height: 1%; }
.h-menu table { width: 100%; }
.h-menu td { vertical-align: top; }
.h-menu a { display: block; cursor: pointer; }
.h-aero { width: 62px; height: 42px; background: url("../images/top-menu/aero.png") no-repeat; margin: 49px 0 0 0; }
.h-fight { width: 58px; height: 58px; background: url("../images/top-menu/fight.png") no-repeat; margin: 15px 0 0 25px; }
.h-salon { width: 54px; height: 73px; background: url("../images/top-menu/salon.png") no-repeat; margin: 0px 5px 0 0; }
.h-jim { width: 73px; height: 56px; background: url("../images/top-menu/jim.png") no-repeat; margin: 15px 0 0 0; }
.h-sauna { width: 72px; height: 60px; background: url("../images/top-menu/sauna.png") no-repeat; margin: 0px 0 0 5px; }
.h-pool { width: 50px; height: 60px; background: url("../images/top-menu/pool.png") no-repeat; margin: 14px 0 0 0; }
.h-dance { width: 40px; height: 61px; background: url("../images/top-menu/dance.png") no-repeat; margin: 4px 0px 0 0; }
.h-joga { width: 33px; height: 49px; background: url("../images/top-menu/joga.png") no-repeat; float: right; margin: 12px 0 0 10px; }


.h-aero:hover { background: url("../images/top-menu/aero-hov.png") no-repeat; }
.h-fight:hover { background: url("../images/top-menu/fight-hov.png") no-repeat; }
.h-salon:hover { background: url("../images/top-menu/salon-hov.png") no-repeat; }
.h-jim:hover { background: url("../images/top-menu/jim-hov.png") no-repeat; }
.h-sauna:hover { background: url("../images/top-menu/sauna-hov.png") no-repeat; }
.h-pool:hover { background: url("../images/top-menu/pool-hov.png") no-repeat; }
.h-dance:hover { background: url("../images/top-menu/dance-hov.png") no-repeat; }
.h-joga:hover { background: url("../images/top-menu/joga-hov.png") no-repeat; }

*html .h-aero-hov { background: url("../images/top-menu/aero-hov.png") no-repeat; }
*html .h-fight-hov { background: url("../images/top-menu/fight-hov.png") no-repeat; }
*html .h-salon-hov { background: url("../images/top-menu/salon-hov.png") no-repeat; }
*html .h-jim-hov { background: url("../images/top-menu/jim-hov.png") no-repeat; }
*html .h-sauna-hov { background: url("../images/top-menu/sauna-hov.png") no-repeat; }
*html .h-pool-hov { background: url("../images/top-menu/pool-hov.png") no-repeat; }
*html .h-dance-hov { background: url("../images/top-menu/dance-hov.png") no-repeat; }
*html .h-joga-hov { background: url("../images/top-menu/joga-hov.png") no-repeat; }





/* ----- content styles ----- */
.content { position: relative; padding: 0px 0px 135px 50px; }
*html .content { height: 1%; }

.t-l { vertical-align: top; width: 380px; }
.t-l-in { position: relative; padding: 380px 0 40px 0px; height: 1%; width: 380px; }
.t-r { vertical-align: top; }
.t-r-in { padding: 0 0 40px 28px; height: 1%; }


/* ----- t-l-in ----- */
.t-l-in { font-size: 1.1em; color: #000; line-height: 19px; font-family: Georgia; }
.t-l-in .t-l-menu { width: 168px; padding: 0 10px 0 0; float: left; font-size: 1em; }
.t-l-in .t-l-menu ul { margin: 0; list-style: none; }
.t-l-in .t-l-menu li { margin: 0; background: url("../images/t-l-li.gif") 0 5px no-repeat; font-family: Georgia; padding: 0 0 15px 7px; }
.t-l-in .t-l-menu a { color: #f34500; text-decoration: none; font-family: Georgia; }
.t-l-in .t-l-menu a:hover { text-decoration: underline; }
.t-l-in .t-l-menu li li { margin: 0; font-family: Arial; font-style: normal; font-size: 0.85em; background: none; padding: 0 0 0 3px; line-height: 17px; }
.t-l-in .t-l-menu li li a { color: #786757; font-style: normal; font-family: Arial; }
.t-l-in .t-l-menu .t-l-photo { background: url("../images/t-l-photo.png") right 0 no-repeat;  padding: 13px 45px 15px 0; height: 1%; }
.t-l-in .t-l-menu .t-l-photo span { padding: 0 0 1px 0; text-decoration: none; }
.t-l-in .t-l-menu .t-l-photo:hover span { text-decoration: underline; border: none; }
.t-l-in .t-l-menu .t-l-photo:hover { text-decoration: none; border: none; }
.t-l-in .t-l-menu .t-l-photo:hover span { background: none; }
.t-list { background: url("../images/t-l-list.gif") right 7px no-repeat; padding: 0 19px 0 0; font-size: 0.85em; }
.t-list a {text-decoration: none; border-bottom: 1px dashed;} 
.t-list a:hover {text-decoration: none; border-bottom: 0;} 

.galle { display: block; background: url("../images/galle.png") no-repeat; width: 177px; height: 142px; cursor: pointer; left: 14px; top: -1px; position: absolute; }
.galle:hover { background-position: 0 -142px }

.timer { width: 191px; height: 131px; left: -20px; top: 161px; position: absolute;}



/* ----- t-menu ----- */
.t-menu0 { max-width: 850px; height: 1%; padding: 0 0 41px 0; }

.t-menu { max-width: 710px; margin: 0 auto; height: 1%; }

.t-logos { border: 1px solid #d0c7b5; font-family: Georgia; padding: 8px 0 6px 0; font-size: 0.85em; text-align: center; background: #fff; height: 1%; margin: 0 0 6px 0; }
.t-logos td { vertical-align: top; padding: 0 0 4px 0; }
.t-logos a { color: #454545; font-style: normal; font-family: Georgia; }
.t-navi a { color: #dc19bf; font-style: normal; }





/* ----- footer styles ----- */
.footer { position: relative; font-size: 0.85em; font-family: Arial; color: #fff; line-height: 14px; 
		min-width: 1000px; margin-top: -91px; background: url("../images/f-bk.png") repeat-x; height: 91px; }
.f-l { background: url("../images/f-l.gif") no-repeat; height: 91px; }
.f-r { height: 60px; padding: 26px 340px 5px 57px; position: relative; background: url("../images/f-r.gif") right 0 no-repeat; }
.f-r-in { right: 58px; top: 20px; position: absolute; text-align: center; }
.f-r-in td { padding: 0 11px 0 0; }
.f-logo { width: 36px; height: 33px; display: block; cursor: pointer; background: url("../images/f-logo.png") no-repeat; margin: 0 0 6px 0; }
.footer a { color: #929292; font-style: normal; }
div#logo { text-align:center;}
object#logo { display:inline; }

*html .footer { width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ?
				(document.documentElement.clientWidth < 1000 ? "1000px" : "100%") :
				(document.body.clientWidth < 1000 ? "1000px" : "100%")); }

				
.noOutline {outline:none;}


/* -----
.field, x:-moz-any-link {  }
*html .field {  }
*:first-child+html .field {  }
  ----- */