body { background-color: black; 
	font-family: 'Verdana', 'Verdana', 'Arial CE';
	font-size: 14px;
}
a {text-decoration: none}
a:link    {color: inherit} /* unvisited links */
a:visited {color: inherit} /* visited links   */
a:hover   {color: inherit} /* user hovers     */
a:active  {color: inherit} /* active links    */
a:hover img   { filter: gray}


#hlavni {
	position: absolute; left: 50%; top: 50%;
	margin-left: -49px; margin-top:  -57px;
	text-align: center;
	color: #6bc7ce;
	background-color: black;
	font-size: 14px;
}
#hlavni img {border: 0px; color: #6bc7ce}
#hlavni a {color: #6bc7ce}
#info {
	position: relative; left: 160px; top: 620px; 
}


#iveta-info span { color: white}
#iveta-info h2 {color: white; font-size: 100%; padding: 0; margin: 0; font-weight: normal;}
#iveta-info .vpravo {text-align: right}
#iveta-info .adr {
	position: absolute; left: 51%; top: 55%; 
	margin: 100px 0 0 20px;
	padding: 5px 10px 5px 10px;
	border: 2px solid #8db6cc;
	width: 350px;
}
#iveta-info .adr p {margin: 0;}
#iveta-info .jmeno {
	position: absolute; left: 43%; top: 44%; 
	margin: -180px 0 0 80px;
	padding: 10px 10px 10px 10px;
	font-size: 200%; font-weight: bold; /* letter-spacing: 0.5em; */
	color: #88C76E;
/*	background-color: #ff9e00;*/
/*	border: 2px solid #8db6cc;*/
}


#iveta-info .curicculum {
	position: absolute; left: 45%; top: 55%;
	margin: -220px 0 0 -400px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #8db6cc;
	width: 100px;
	font-size: 100%;
	text-align: center;
}
#iveta-info .curicculum  a:link    {color: #ffee9b}
#iveta-info .curicculum  a:visited    {color: #ffee9b}
#iveta-info .curicculum a:hover   {color: #8db6cc}
#iveta-info .curicculum a:active  {color: #ffee9b}

#iveta-info .artwork {
	position: absolute; left: 45%; top: 50%;
	margin: -60px 0 0 -400px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #8db6cc;
	width: 180px;
	text-align: center;
	font-size: 180%;
}
#iveta-info .artwork a:link    {color: #ffee9b}
#iveta-info .artwork  a:visited    {color: #ffee9b}
#iveta-info .artwork a:hover   {color: #8db6cc}
#iveta-info .artwork a:active  {color: #ffee9b}
#iveta-info .odkazy {
	position: absolute; left: 45%; top: 70%;
	margin: -80px 0 0 -400px;
	padding: 5px 10px 5px 10px;
	border: 2px solid #8db6cc;
	width: 100px;
	font-size: 100%;
	text-align: center;
}
#iveta-info .odkazy a:link    {color: #ffee9b}
#iveta-info .odkazy a:visited    {color: #ffee9b}
#iveta-info .odkazy a:hover   {color: #8db6cc}
#iveta-info .odkazy a:active  {color: #ffee9b}

#iveta-info .grafika {
	position: absolute; left: 45%; top: 60%;
	margin: -50px 0 0 -400px;
	text-align: center;
	border: 2px solid #8db6cc;
	width: 100px;
	font-size: 100%;
	padding: 5px 10px 5px 10px;
}
#iveta-info .grafika a:link    {color: #ffee9b}
#iveta-info .grafika a:visited    {color: #ffee9b}
#iveta-info .grafika a:hover   {color: #8db6cc}
#iveta-info .grafika a:active  {color: #ffee9b}

#iveta-info .portretovani {
	position: absolute; left: 45%; top: 70%;
	margin: -50px 0 0 -400px;
	text-align: center;
	border: 2px solid #8db6cc;
	width: 100px;
	font-size: 100%;
	padding: 5px 10px 5px 10px;
}
#iveta-info .portretovani a:link    {color: #ffee9b}
#iveta-info .portretovani a:visited    {color: #ffee9b}
#iveta-info .portretovani a:hover   {color: #8db6cc}
#iveta-info .portretovani a:active  {color: #ffee9b}



#iveta-info .prodej {
	position: absolute; left: 45%; top: 85%;
	margin: -50px 0 0 -400px;
	text-align: left;
	border: 2px solid #8db6cc;
	width: 400px;
	font-size: 100%;
	padding: 5px 10px 5px 10px;
}
#iveta-info .prodej a:link    {color: #ffee9b}
#iveta-info .prodej a:visited    {color: #ffee9b}
#iveta-info .prodej a:hover   {color: #8db6cc}
#iveta-info .prodej a:active  {color: #ffee9b}


#odkazy {
	position: absolute; left: 35%; top: 15%;
	text-align: center;
	
}
#odkazy a:link    {color: #8db6cc} /* unvisited links */
#odkazy a:visited {color:#8db6cc} /* visited links   */
#odkazy a:hover   {color: #ffee9b} /* user hovers     */
#odkazy a:active  {color: #ffee9b} /* active links    */

#iveta-info a {color: #ffee9b}
#vlajky {
	position: absolute; left: 0; top: 68%;
	margin: 40px 0 0 350px;
	font-weight: bold;
}
#vlajky a{color: #88C76E;
}

#iveta-info .zivotopis {
	position: absolute; left: 0; top: 0;
	margin: 20px 0 0 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #8db6cc;
	width: 400px;
	color: white;
}
#iveta-info .zivotopis span {color: white}
#iveta-info .zivotopis em {color: #ffee9b; font-weight: normal; font-style: normal}
#iveta-info .zivotopis h1 {font-size: 100%; padding: 0; margin: 0; color: #ffee9b; font-weight: normal;}
#iveta-info .zivotopis h2 {font-size: 100%; padding: 20px 0 0 0; margin: 0; color: #8db6cc}
#iveta-info .zivotopis ul {font-size: 100%; padding: 0 0 0 20px; margin: 0; list-style-type: disc; color: #8db6cc}
#iveta-info .zivotopis table {font-size: 80%; padding: 0 0 10px 0}
#iveta-info .zivotopis table td {vertical-align: top}
#iveta-info .zivotopis p {padding: 0px 0 0 0}
#prace {
	font-family: 'Verdana', 'Verdana', 'Arial CE';
	font-size: 200%; font-weight: bold; /* letter-spacing: 0.5em; */
	text-align: center;
}

#prace .objekty {
	position: absolute; left: 50%; top: 50%;
	width: 150px;
	margin: 90px 0 0 -75px;
	padding: 30px 0 30px 0;
	border: 1px solid #8db6cc;
	color: white;
	background-image: url('../obrazky/prechod.png');

}
#objekty {
	position: relative;
	left: 0; top: 50px;
	font-size: 100%;
	text-align: center; padding: 20px 0px 20px 0px;
	background-image: url("../obrazky/tecka.png"); /*123x100*/
	background-repeat: repeat-x;
	background-position: center center;
	
}

#objekty .home {padding: 1px 0px 1px 0px; margin: 0 5px 0 0; float: right; width: 50px; background: #55566e; color: #ffffff}
#objekty .home a {color: #ffffff}
#objekty .or-mod {padding: 1px 0px 1px 0px; margin: 0 5px 0 0; float: right; width: 50px; background: black; color: #ffffff}
#objekty .or-mod a {color: #ffffff}
#objekty .mod-or {padding: 1px 0px 1px 0px; margin: 0 5px 0 0; float: right; width: 50px; background: black; color: #ffffff}
#objekty .mod-or a {color: #ffffff}
#objekty .vybrany{padding: 1px 0px 1px 0px; margin: 0 5px 0 0; float: right; width: 50px; background: #ffee9b; color: #000000}
#objekty .vybrany a {color: #000000}

#objekty table {width: 100%}



#projekty { 
	position: absolute;
	left: 30px; 
	top: 135px;
	font-size: 100%;
	color: white;
	border: 1px solid #8db6cc;
	padding: 5px 20px 5px 10px;
}
#projekty a{color: white;}
#projekty a:hover {color: #8db6cc;}
#projekty .home a {color: #ffee9b}

#grafika {
	position: absolute;
	left: 50px; top: 30px;

}
#grafika table {color: white; width: 100%; padding: 5px 5px 5px 5px;}
#grafika a{color: white;}
#grafika .odkaz a:link    {color: #ffee9b} /* unvisited links */
#grafika .odkaz a:visited {color: #ffee9b} /* visited links   */
#grafika .odkaz a:hover   {color: #8db6cc} /* user hovers     */
#grafika .odkaz a:active  {color: #ffee9b} /* active links    */
#grafika .odkaz a {color: #ffee9b; font-weight: bold;}





#tabule {
	
	left: 0; top: 25px;

}
#tabule table {width: 100%; text-align: center}


#portretovani {
	position: relative;
	left: 0; top: 70px;

}
#portretovani table {width: 100%; text-align: center}
#portretovani table td img {border: 2px solid #8db6cc}



#text p {width: 100%; text-align: center; color: #8db6cc}
#text {
	position: relative;
	left: 0; top: 30px;
}

#obrazky {
	position: relative;
	left: 0; top: 180px;
}
#obrazky table {width: 100%; text-align: center}
#obrazky table td img {border: 1px solid #ffffff}
#obrazky table td {font-size: 75%}

#fotky { position: relative; left: 0; top: 50%; margin: -130px 0 0 0}
#fotky img {border: 1px solid #ffee9b}
#fotky table {margin: 0 0 0 20px; border-left: 2px solid #ffee9b; border-collapse: collapse;}
#fotky table td { border-top: 2px solid #ffee9b; padding: 10px}
#obrazek img {border: 1px solid #ffee9b}
#obrazek { position: absolute; right: 0; top: 50%; margin: -130px 100px 0 0}
#obrazek ul {font-size: 100%; padding: 0 0 0 20px; margin: 0; list-style-type: disc; color: #8db6cc}
#obrazek em {color: white; font-weight: normal; font-style: normal}
/*
 pozadi       #21284a
 oranzova     #ff9e00
 svetle-modra #8db6cc
 tmave-modra  #00208c
 fialova      #de82c6
 ruzova       #e69cc5
 zluta				#ffee9b
*/
/* padding margin: TOP RIGHT BOTTOM LEFT */