/* CSS soubor s definicí stylů */
/* ----------------------------*/

body	{
	background: #F6F5F2 url(../obrazky/pozadi-telo.jpg) 100% 0px no-repeat;
	margin: 0px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #5E5A54;
	overflow: hidden;
}

body a	{ color: #267DD7; font-weight: bold; text-decoration: none; }
body a:hover { color: #267DD7; font-weight: bold; text-decoration: underline; }

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 26pt; font-weight: normal; color: #C3BCB2;
	margin-top: 0px; margin-bottom: 20px; padding-bottom: 0px;
}
h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 22pt; font-weight: normal; color: #C3BCB2;
	margin-top: -20px; margin-bottom: 20px; padding-bottom: 0px;
}

p { margin-top: 5px; margin-bottom: 8px; }
.pmensi { margin-top: 2px; margin-bottom: 2px; }

.clr { clear: both; }

.tbold { font-weight: bold; padding-top: 5px; }
.tboldi { font-weight: bold; font-style: italic; }

#horni-pruh { position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; z-index: 4; background: #DFDBD6; }
#dolni-pruh { position: relative; top: 0px; left: 0px; width: 100%; height: 20px; z-index: 4; background: #DFDBD6; }

.akce { font-size: 22pt; font-weight: normal; color: #5E5A54; padding: 20px 0px 15px 0px; }


/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */

.stredstranky {
	position: relative; top: 0px; z-index: 4;
	width: 1200px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------ */


#rolovani { position: fixed; top: 20px; left: 0; right: 0; bottom: 135px; padding-bottom: 20px; overflow-x: hidden; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
#nerolovani { position: absolute; bottom: 0px; left: 0; width: 100%; height: 135px; overflow: hidden; }
* html body { /*IE6 hack*/ padding: 0 0 130px 0; }
* html #rolovani { /*IE6 hack*/ height: 100%; width: 100%; }


/* ----------- definice tela ----------- */
#logo-solna { position: absolute; top: 50px; left: 0px; width: 125px; height: 126px; z-index: 5; background: url(../obrazky/logo-solna.png) 0px 0px no-repeat; }
#nadpis { position: absolute; top: 72px; left: 169px; width: 430px; height: 75px; z-index: 5; background: url(../obrazky/nadpis.png) 0px 0px no-repeat; }
#prelepka { position: absolute; top: 20px; right: 15px; width: 225px; height: 225px; z-index: 5; background: url(../obrazky/prelepka-relaxcentrum.gif) 0px 0px no-repeat; }
#prelepkaIE6 { position: absolute; top: 20px; right: 0px; width: 225px; height: 225px; z-index: 5; background: url(../obrazky/prelepka-relaxcentrum.gif) 0px 0px no-repeat; }

#obsah { position: relative; top: 0px; left: 0px; width: 890px; z-index: 6; padding-top: 210px; padding-right: 310px; }

ul { margin-top: 0px; padding-top: 0px; }

.foto a img { margin-bottom: 10px; margin-left: 10px; border: 1px solid #267DD7; filter: alpha(opacity=70, style=0);-moz-opacity:0.7; }
.foto a:hover img { filter:alpha(opacity=100, style=0);-moz-opacity:1; }
/* ----------------------------------------- */


/* ----------- definice paticky ----------- */
#pozadi-pata { position: relative; top: 0px; left: 0px; width: 100%; height: 115px; margin: auto; z-index: 5; background: #267DD7 url(../obrazky/pozadi-menu.jpg) 0px 0px repeat-x; }

#pata { position: relative; top: 0px; left: 0px; width: 1200px; height: 20px; margin: auto; z-index: 6; text-align: center; }

#copyright {
	position: relative; top: 0px; right: 0px; width: 1200px; height: 20px; z-index: 7;
	font-size: 9pt; color: #74ADEA; text-align: center;
}

#copyright a { font-weight: normal; color: #74ADEA; text-decoration: none; }
#copyright a:hover { font-weight: normal; color: #74ADEA; text-decoration: underline; }
/* ---------------------------------------- */



/* ----------- definice menu ----------- */
#menu { position: relative; top: 0px; left: 0px; width: 1260px; height: 95px; margin: auto; z-index: 7; }

#menu ul { margin: 0px; padding: 0px; list-style: none; text-align: left; }

#menu ul li { float: left; }

#menu ul li a { 
	color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../obrazky/tlacitko.jpg) 0px 0px no-repeat;
	display: block; width: 95px; height: 80px;
	line-height: 18px; padding: 15px 15px 0px 29px; margin-top: 0px;
}

#menu ul li#aktivni a { 
	color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../obrazky/tlacitko.jpg) 0px 0px no-repeat;
	display: block; width: 95px; height: 80px;
	line-height: 18px; padding: 15px 15px 0px 29px; margin-top: -10px;
}

#menu ul li a:hover { 
	color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../obrazky/tlacitko.jpg) 0px 0px no-repeat;
	display: block; width: 95px; height: 80px;
	line-height: 18px; padding: 15px 15px 0px 29px; margin-top: -10px;
}
/* ------------------------------------- */



/* ----------- definice tabulek ----------- */
.tabulka-cenik {
	position: relative; left: 0px; width: 650px; 
	border-style: solid; border-width: 2px; border-color: #267DD7; border-spacing: 0px; border-collapse: collapse;
	margin-top: 30px;
}

.tabulka-cenik th { border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #267DD7; padding: 6px 12px 10px 12px; text-align: center; }
.tabulka-cenik td { border-style: solid; border-width: 1px; border-color: #267DD7; padding: 3px 10px 3px 10px; }
.td-stred { text-align: center; }
.td-vpravo { text-align: right; padding-right: 30px; }

.tabulka-doba {
	position: relative; left: 0px; width: 350px; 
	border-style: solid; border-width: 2px; border-color: #267DD7; border-spacing: 0px; border-collapse: collapse;
	margin-top: 30px;
}

.tabulka-doba th { border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #267DD7; padding: 6px 15px 10px 15px; text-align: center; }
.tabulka-doba td { border-style: solid; border-width: 1px; border-color: #267DD7; padding: 3px 0px 3px 5px; }
/* ---------------------------------------- */



/* ----------- definice okna galerie s velkym obrazkem ----------- */
#stredstranky-galerie { position: relative; width: 780px; margin: auto; }
#galerie-velky-obrazek { position: relative; top: 20px; left: 0px; z-index: 1; width: 780px; height: 600px; text-align: center; }
#velky-obrazek { border:3px solid #267DD7; }

#stredstranky-galerie a { color: #267DD7; font-weight: bold; text-decoration: none; }
#stredstranky-galerie a:hover { color: #267DD7; font-weight: bold; text-decoration: none; }
/* --------------------------------------------------------------- */



#cvicne-oramovani { border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: white; }
#cvicne-oramovani2 { border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: green; }
#cvicne-oramovani3 { border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: blue; }

/* ----------- Kajikuv vymysl ----------- */