body {  margin-top: 0px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

#obal1 { width: 1200px; height: 650px; margin: 0 auto; }

#obal2 { width: 600px; height: 386px; margin: 0 auto; }

#zahlavi1 { width: 1200px; height: 100px; float: left; }

#menu { width: 300px; height: 550px; float: left; }

#obsah1 { width: 520px; height: 470px; float: left; text-align: justify; color: #999999; overflow: auto; padding: 40px; font-size: 10pt; background: #222222; }

#obsah2 { width: 520px; height: 470px; float: left; text-align: justify; color: #999999; overflow: auto; padding: 40px; font-size: 10pt; background: #222222 url("../ost/pozadi1.jpg") center bottom no-repeat; }

#obsah3 { width: 520px; height: 470px; float: left; text-align: justify; color: #999999; overflow: auto; padding: 40px; font-size: 10pt; background: #222222 url("../ost/pozadi2.jpg") left top no-repeat; }

#obrazek1 { width: 300px; height: 550px; float: left; }

#zapati1 { width: 1200px; height: 20px; text-align: right; font-weight: normal; color: #999999; font-size: 8pt; padding: 5pt 0; margin: 0 auto; }

hr { height: 1px; border: none; border-bottom: 1px dotted #999999; }

.nadpis1 { font-size: 14pt; font-weight: bold; color: white; }

.nadpis2 { font-size: 12pt; font-weight: bold; }

.nadpis3 { font-size: 12pt; font-weight: bold; color: white; }

.nadpis4 { font-size: 10pt; font-weight: bold; color: white; }

.nadpis5 { font-size: 8pt; float: right; }

.bold { font-weight: bold; }

.bold-red { font-weight: bold; color: red; }

.obr-v { margin: 10px 0px 10px 20px; float: right; }



/* odkaz */

a:link {color: #999999; text-decoration: underline; }

a:visited {color: #999999; text-decoration: underline; }

a:active {color: #999999; text-decoration: underline; }

a:hover {color: #999999; text-decoration: underline; color: white; }

/* odkaz - konec */



/* odkaz zapati */

#zapati1 a:link {color: #999999; text-decoration: underline; }

#zapati1 a:visited {color: #999999; text-decoration: underline; }

#zapati1 a:active {color: #999999; text-decoration: underline; }

#zapati1 a:hover {color: #999999; text-decoration: underline; color: black; }

/* odkaz zapati - konec */



/* navigace */
	#nav1 ul {
		list-style-type: none;
                color: #222222;
                margin: 0; padding: 0;
                border-top: 1px dotted #222222;
                border-left: 5px solid #222222;
		z-index: 1;
	}
	#nav1 ul li{
		position: relative;
		background: url("../ost/sipka1.gif") #DDDDDD left no-repeat; background-position: 5px center;
		border-bottom: 1px dotted #222222;   
	}
	#nav1 ul ul {
		position: absolute;
		left: 270px; top: 2px;
		visibility: hidden;
		border-left: 5px solid #222222;  
		color: black;
		z-index: 100;
	}
	#nav1 ul li:hover ul {
		visibility: visible;

  	}
	#nav1 ul li a{
		display: block;
		width: 270px;
		padding: 3px 0px 3px 25px;
                font-weight: bold; font-size: 12pt;
		color: #222222;
		text-decoration: none;
        }
	#nav1 ul li a:hover {
                color: white;
	        background: url("../ost/sipka2.gif") #BBBBBB left no-repeat; background-position: 5px center;
	} 


	#nav2 ul {
                list-style-type: none;
                margin: 0; padding: 0;
                border-top: 1px dotted #222222;
                border-left: 5px solid #222222;
		z-index: 1;
	}
	#nav2 ul li{
		position: relative;
		background: url("../ost/sipka1.gif") #EEEEEE left no-repeat; background-position: 5px center;
		border-bottom: 1px dotted #222222;   
	}
	#nav2 ul ul {
		position: absolute;
		left: 200px; top: 2px;
		visibility: hidden;
		border-left: 5px solid #222222;  
		z-index: 100;
	}
	#nav2 ul li:hover ul {
		visibility: visible;

  	}
	#nav2 ul li a{
		display: block;
		width: 270px;
		padding: 3px 0px 3px 25px;
                font-weight: bold; font-size: 10pt;
		color: black;
		text-decoration: none;
        }
	#nav2 ul li a:hover {
                color: white;
	        background: url("../ost/sipka2.gif") #BBBBBB left no-repeat; background-position: 5px center;
	} 

/* navigace - konec */


/* galerie */

div.fotogalerie { width: 100%; height: 125px; overflow: auto; background: #444444; }

div.obal-foto { width: 20000px; height: auto; }

div.fotogalerie img { float: left; margin: 5px 0px 5px 5px; }

/* galerie - konec */



/* galerie2 */

div.fotogalerie2 { width: 100%; height: 175px; overflow: auto; background: #444444; }

div.obal-foto2 { width: 20000px; height: auto; }

div.fotogalerie2 img { float: left; margin: 5px 0px 5px 5px; }

/* galerie2 - konec */



/* galerie/retuse */

.body2 { background: #222222; color: white; margin-top: 40px; }

#text1 { width: 600px; font-size: 10pt; color: #bbbbbb; padding: 0pt 0pt 10pt 0pt; }



.blik1 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/01a.jpg) no-repeat; border: 5px solid white; }

.blik1 a:hover {background: url(../galerie/retuse/01b.jpg); }


.blik2 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/02a.jpg) no-repeat; border: 5px solid white; }

.blik2 a:hover {background: url(../galerie/retuse/02b.jpg); }


.blik3 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/03a.jpg) no-repeat; border: 5px solid white; }

.blik3 a:hover {background: url(../galerie/retuse/03b.jpg); }


.blik4 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/04a.jpg) no-repeat; border: 5px solid white; }

.blik4 a:hover {background: url(../galerie/retuse/04b.jpg); }


.blik5 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/05a.jpg) no-repeat; border: 5px solid white; }

.blik5 a:hover {background: url(../galerie/retuse/05b.jpg); }


.blik6 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/06a.jpg) no-repeat; border: 5px solid white; }

.blik6 a:hover {background: url(../galerie/retuse/06b.jpg); }


.blik7 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/07a.jpg) no-repeat; border: 5px solid white; }

.blik7 a:hover {background: url(../galerie/retuse/07b.jpg); }


.blik8 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/08a.jpg) no-repeat; border: 5px solid white; }

.blik8 a:hover {background: url(../galerie/retuse/08b.jpg); }


.blik9 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/09a.jpg) no-repeat; border: 5px solid white; }

.blik9 a:hover {background: url(../galerie/retuse/09b.jpg); }


.blik10 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/10a.jpg) no-repeat; border: 5px solid white; }

.blik10 a:hover {background: url(../galerie/retuse/10b.jpg); }


.blik11 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/11a.jpg) no-repeat; border: 5px solid white; }

.blik11 a:hover {background: url(../galerie/retuse/11b.jpg); }


.blik12 a { display: block; width: 600px; height: 386px; background: url(../galerie/retuse/12a.jpg) no-repeat; border: 5px solid white; }

.blik12 a:hover {background: url(../galerie/retuse/12b.jpg); }

/* galerie/retuse - konec */