* {/*vypusteni vsech marginu a paddingu*/
margin: 0;
padding: 0;
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #9d5c15;
	width: 100%;
	background-color:#FFFFFF;}
#page {
	margin: auto;
	text-align: left;
	width: 770px;
	/*min-height: 517px;*/
	background-image:url(obrazky/header3.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	
	
	}
#nadpis {overflow: hidden;
	text-indent: -2000px;
	}
#logo a{display: block;
	width: 450px;
	height: 220px;
	position: absolute;
	top: 0px;
	left:400px;
	}
h1, h2 {
	
	}
h1 {margin-top: -3px;
	}
h2 {font-size: 100%;
background-image: url(obrazky/seznam_listek.gif);
background-position: left;
background-repeat:no-repeat;
color:#61aecb;
text-indent: 20px;
line-height: 27px;
font-weight:600;
	
}
h3 { 
	
}
h4 {color:#44a1c4;
font-size: 90%;
font-weight:normal;
padding-bottom: 10px;
	}
p {background-image: url(obrazky/cara.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:20px;
padding-top: 2px;
font-size: 90%;
	}

.bez_cary 
{background-image: none;
padding-bottom:10px;
padding-top: 2px;
	}
.oranzovy
{background-image: url(obrazky/.gif);
background-repeat: repeat-y;
margin-left: -5px;
padding-left: 5px;}

li {
	}

a { color: #61AECB; 
		} 
	
a:hover {
color: #F8B771;	}

.fotka  {float: left;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 5px;
	}
	
.fotka_vpravo  {float: right;
margin-left: 15px;
margin-bottom: 10px;
margin-top: 5px;
	}
/*content*/
#content_obal {
width: 770px;
margin-top: 240px;
position:relative;
}

#content {
margin-left: 65px;
margin-top: 0px;
width: 450px;
}
#text {
padding-left:60px;
}

#text ul {
	list-style-image: url(obrazky/seznam_modra.gif);
	list-style-position:outside;
	text-indent: 0px;
	padding-left: 18px;
	background-image: url(obrazky/cara.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-top: 2px;
		}
#text li {
		padding-bottom: 3px;
		}
/*navigace */

#navigace {
float: right;
width: 200px;
margin-right:25px;
/*margin-top: 205px;
margin-right:25px;*/
}
#co_nabizim {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/co_nabizim.gif);
text-indent: -200px;}

#o_mne {
position: relative;
overflow: hidden;
font-size: 14px;
display: block;
width: 170px;
height: 30px;
background-image: url(obrazky/o_mne.gif);
text-indent: -200px;}


#domu {
position: relative;
overflow: hidden;
margin-left: 280px;
margin-top: -40px;
font-size: 14px;
}

#domu, #domu a, #domu span {
display: block;
width: 104px;
height: 40px;
background-image: url(obrazky/domu_1.gif);
}


#domu span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#domu a:hover span {
background-image: url(obrazky/domu_2.gif) }

#zpet {
position: relative;
overflow: hidden;
margin-left: 232px;
margin-top: -40px;
font-size: 14px;
}

#zpet, #zpet a, #zpet span {
display: block;
width: 66px;
height: 40px;
background-image: url(obrazky/zpet_1.gif);
}


#zpet span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#zpet a:hover span {
background-image: url(obrazky/zpet_2.gif) }
#z_clanky {
position: relative;
overflow: hidden;
margin-left: 300px;
margin-top: -40px;
font-size: 14px;
text-indent: 400px;
}

#z_clanky, #z_clanky a, #z_clanky span {
display: block;
width: 66px;
height: 40px;
background-image: url(obrazky/clanky_1.gif);
}


#z_clanky span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#z_clanky a:hover span {
background-image: url(obrazky/clanky_2.gif) }

#z_kontakt {
position: relative;
overflow: hidden;
margin-left: 300px;
margin-top: -40px;
font-size: 14px;
text-indent: 400px;
}

#z_kontakt, #z_kontakt a, #z_kontakt span {
display: block;
width: 66px;
height: 40px;
background-image: url(obrazky/kontakt_1.gif);
}


#z_kontakt span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#z_kontakt a:hover span {
background-image: url(obrazky/kontakt_2.gif) }

#z_profil {
position: relative;
overflow: hidden;
margin-left: 320px;
margin-top: -40px;
font-size: 14px;
text-indent: 400px;
}

#z_profil, #z_profil a, #z_profil span {
display: block;
width: 66px;
height: 40px;
background-image: url(obrazky/profil_2.gif);
}


#z_profil span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#z_profil a:hover span {
background-image: url(obrazky/profil_1.gif) }





#vzdelani {
position: relative;
overflow: hidden;
margin-left: 245px;
margin-top: -40px;
font-size: 14px;
text-indent: 400px;
}

#vzdelani, #vzdelani a, #vzdelani span {
display: block;
width: 70px;
height: 40px;
background-image: url(obrazky/vzdelani_1.gif);
}


#vzdelani span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#vzdelani a:hover span {
background-image: url(obrazky/vzdelani_2.gif) }




#nahoru {
position: relative;
overflow: hidden;
margin-left: 280px;
margin-top: -40px;
font-size: 14px;
text-indent: 400px;
}

#nahoru, #nahoru a, #nahoru span {
display: block;
width: 90px;
height: 40px;
background-image: url(obrazky/nahoru_2.gif);
}


#nahoru span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#nahoru a:hover span {
background-image: url(obrazky/nahoru_1.gif) }




#z_psychoterapie {
position: relative;
overflow: hidden;
margin-left: 270px;
margin-top: -40px;
font-size: 14px;
}

#z_psychoterapie, #z_psychoterapie a, #z_psychoterapie span {
display: block;
width: 105px;
height: 40px;
background-image: url(obrazky/psychoterapie_2.gif);
}


#z_psychoterapie span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#z_psychoterapie a:hover span {
background-image: url(obrazky/psychoterapie_1.gif) }




#profil {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#profil, #profil a, #profil span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/profil.gif);
}
#profil span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#profil a:hover span {
background-image: url(obrazky/m_profil.gif);}



#psychoterapie {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}

#psychoterapie, #psychoterapie a, #psychoterapie span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/m_psychoterapie.gif);
}


#psychoterapie span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
background-image: url(obrazky/psychoterapie.gif);
}

#psychoterapie a:hover span {
background-image: url(obrazky/m_psychoterapie.gif); }

#koucink {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}

#koucink, #koucink a, #koucink span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/koucink.gif);
}


#koucink span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#koucink a:hover span {
background-image: url(obrazky/m_koucink.gif); }

#osobni_rozvoj {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}

#osobni_rozvoj, #osobni_rozvoj a, #osobni_rozvoj span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/osobni_rozvoj.gif);
}


#osobni_rozvoj span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#osobni_rozvoj a:hover span {
background-image: url(obrazky/m_osobni_rozvoj.gif); }

#relaxace {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}

#relaxace, #relaxace a, #relaxace span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/relaxace.gif);
}


#relaxace span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#relaxace a:hover span {
background-image: url(obrazky/m_relaxace.gif);}

#supervize {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}

#supervize, #supervize a, #supervize span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/supervize.gif);
}


#supervize span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}

#supervize a:hover span {
background-image: url(obrazky/m_supervize.gif); }

#cenik_sluzeb {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#cenik_sluzeb, #cenik_sluzeb a, #cenik_sluzeb span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/cenik_sluzeb.gif);
}
#cenik_sluzeb span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#cenik_sluzeb a:hover span {
background-image: url(obrazky/m_cenik_sluzeb.gif); }

#kontakt {
position: relative;
overflow: hidden;
margin: 0px;
padding: 0;
text-indent: 200px;
font-size: 14px;
text-indent: 200px;
}
#kontakt, #kontakt a, #kontakt span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/kontakt.gif);
}
#kontakt span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#kontakt a:hover span {
background-image: url(obrazky/m_kontakt.gif);}


#clanky {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#clanky, #clanky a, #clanky span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/clanky.gif);
}
#clanky span {
position:absolute;
left: 0;
top: 0px;
_cursor: hand;
}
#clanky a:hover span {
background-image: url(obrazky/m_clanky.gif) }


#publikace {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#publikace, #publikace a, #publikace span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/publikace.gif);
}
#publikace span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#publikace a:hover span {
background-image: url(obrazky/m_publikace.gif); }


#kontakt {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#kontakt, #kontakt a, #kontakt span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/kontakt.gif);
}
#kontakt span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#kontakt a:hover span {
background-image: url(obrazky/m_kontakt.gif); }



#odkazy {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
text-indent: 200px;
}
#odkazy, #odkazy a, #odkazy span {
display: block;
width: 170px;
height: 27px;
background-image: url(obrazky/odkazy.gif);
}
#odkazy span {
position:absolute;
left: 0;
top: 0;
_cursor: hand;
}
#odkazy a:hover span {
background-image: url(obrazky/m_odkazy.gif); }



/*nadpisy*/
.nadpis {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 14px;
display: block;
width: 350px;
height: 40px;
;
background-position: top left;
background-repeat:no-repeat;
text-indent: -350px;
}

.bok {
position: absolute;
display: block;
width: 27px;
height: 200px;
background-position: top left;
background-repeat:no-repeat;
}




#clear {clear: both;}