BODY {
z-index:10;
FONT-SIZE: 100%; 
FONT-FAMILY: arial, tahoma, sans-serif; 
TEXT-ALIGN: CENTER;
BACKGROUND: #deeff6;
background-repeat:no-repeat; 
}

/* definice stranky centrovane v okne prohlizece */
#stranka {
z-index:20;
BACKGROUND: none;
float:none; 
margin:0px auto; 
padding:0px; 
position:relative; 
width:900px;
left:auto; 
top:0px;
}

/* definice grafického záhlaví */
#head {
z-index:90;
BACKGROUND: url('head.jpg');
float:none; 
margin:0px auto; 
padding:0px 0px 0px 0px; 
position:relative; 
width:900px;
height: 150px;
left:auto; 
top:0px;
}

#head H1{
z-index:100;
color: #ffaa00;
font-size: 26px;
font-style: normal; 
float:left; 
margin:10px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:300px;
height:40px;
position:relative; 
left: 260px;
top: 72px;
}


#stin{
font-size: 26px;
font-style: normal;
font-weight: bold; 
float:left; 
margin:10px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:300px;
height:40px;
z-index:80;
color: #222222;
position:relative; 
left:-38px; 
top:74px;
}


/* definice sloganu v záhlaví vlevo*/
#head_left {
z-index:100;
BACKGROUND: url('head_left.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:400px; 
height:80px; 
position:relative; 
left:0px; 
top:0px;
}

#slogan p{
z-index:100;
BACKGROUND: none;
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
color: white;
text-align: left;
font-family: arial;
font-weight: bold;
font-size: 1.8em;
font-style: italic; 
width:400px; 
height:35px; 
position:relative; 
left:0px; 
top:35px;
}

#slogan p.stin {
z-index:80;
color: #222222;
position:relative; 
left:2px; 
top:2px;
}


/* definice prave casti zahlavni grafiky */
#head_right {
z-index:100;
BACKGROUND: url('head_right.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:500px; 
height:80px; 
position:relative; 
left:0px; 
top:0px;
}

/* definice casti vlevo od kontaktu */
#kontakt_left {
z-index:100;
BACKGROUND: url('kontakt_left.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:400px; 
height:120px; 
position:relative; 
left:0px; 
top:0px;
}

/* definice casti s kontakty */
#kontakt_right {
z-index:100;
BACKGROUND: url('kontakt_right.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:500px; 
height:120px; 
position:relative; 
left:0px; 
top:0px;
}

#kontakt_right p {
BACKGROUND:none;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:left;
text-indent:0px;
font-size:0.9em; 
font-weight:normal; 
font-family:arial; 
line-height:150%;
color:#555555;
float:left; 
width:300px; 
height:80px;
position:relative; 
left:35px; 
top:25px; 
}

#kontakt_right p.nadpis {
BACKGROUND:none;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:left;
text-indent:0px;
font-size:1em; 
font-weight:bold; 
font-family:arial; 
line-height:150%;
color:#333333;
float:left; 
width:350px; 
height:auto;
position:relative; 
left:30px; 
top:25px; 
}

#kontakt_right a {
background: none; 
background-repeat:no-repeat;
text-decoration:none;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:left;
font-size:0.9em; 
font-weight:bold; 
font-family:arial; 
color:#333333;
}

#kontakt_right a:hover {
text-decoration:underline;
color:#555555;
}



/* definice sloupců -------------------------------------------------------*/


#hlavni {
z-index:80;
BACKGROUND: url('bg.jpg');
background-repeat:repeat-y; 
float:left; 
margin:auto; 
width:900px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

/* definice levého sloupce */
#left {
z-index:80;
BACKGROUND: none;
background-repeat:no-repeat; 
background-position: left top; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:400px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#hlavni_left {
z-index:80;
BACKGROUND: url('hlavni_left.jpg');
background-repeat:no-repeat; 
background-position: left top; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:400px; 
height:60px; 
position:relative; 
left:0px; 
top:0px;
}

#hlavni_left_text {
z-index:100;
BACKGROUND: #888888;
background-repeat:no-repeat; 
background-position: left top; 
text-align: center;
float:left; 
margin:10px 0px 0px 0px; 
padding:0px 0px 20px 0px; 
width:300px; 
height:auto; 
position:relative; 
left:100px; 
top:0px;
}

#hlavni_left_text H2{
z-index:100;
color: #ffffff;
font-size: 1.1em;
float:left; 
margin:10px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:300px; 
}


#hlavni_left_text p {
BACKGROUND:none;
margin: 10px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:left;
text-indent:0px;
font-size:0.9em; 
font-weight:normal; 
font-family:arial; 
line-height:150%;
color:#000033;
float:left; 
width:250px; 
height:auto;
position:relative; 
left:60px; 
top:0px; 
}


#hlavni_left_text p.poznamka {
font-style: italic; 
left:30px; 
}

#hlavni_left_text a {
font-size:0.9em; 
font-weight:bold; 
color:#000033;
text-decoration:underline;
}

#hlavni_left_text a:hover {
text-decoration:none;
color:#eeeeee;
}





/* definice pravého sloupce */
#right {
z-index:80;
BACKGROUND: none;
background-repeat:no-repeat; 
background-position: left top; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:500px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#hlavni_right {
z-index:90;
BACKGROUND: url('hlavni_right.jpg');
background-repeat:no-repeat;
background-position: left top;  
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:500px; 
height:60px; 
position:relative; 
left:0px; 
top:0px;
}

#hlavni_right_text {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
text-align: center;
margin:0px 0px 0px 0px; 
padding:0px; 
width:360px; 
height:auto; 
position:relative; 
left:30px; 
top:-40px;
}


#hlavni_right_text H2{
z-index:100;
color: #86bf30;
font-size: 1.4em;
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:360px; 
}

#hlavni_right_text H3{
z-index:100;
color: #0cb9f1;
font-size: 1.2em;
font-weight:bold;
text-align:left;
float:left; 
margin:10px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:360px; 
}


#hlavni_right_text p {
BACKGROUND:none;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:justify;
text-indent:0px;
font-size:0.9em; 
font-weight:normal; 
font-family:arial; 
line-height:150%;
color:#000033;
float:left; 
width:330px; 
height:auto;
position:relative; 
left:20px; 
top:0px; 
}


#hlavni_right_text p.poznamka {
font-style: italic; 
left:30px; 
}




#hlavni_right_text p.reklama {
BACKGROUND:#86bf30;
padding:0px 0px 10px 10px; 
}





/* definice spodku hlavni casti - prechod do paty */


#spodek {
z-index:80;
BACKGROUND: none;
background-repeat:repeat-y; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:900px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


/* definice paty - horni cast - stred pro obsah*/


#foot_up {
z-index:80;
BACKGROUND: url('foot_up.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:900px; 
height:20px; 
position:relative; 
left:0px; 
top:0px;
}


/* definice zapati*/

#foot {
z-index:90;
BACKGROUND: url('foot_bg.jpg');
background-repeat:repeat-y; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:900px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#foot p {
BACKGROUND:none;
margin: 0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
text-align:justify;
text-indent:0px;
font-size:0.7em; 
font-weight:600; 
font-family:arial; 
color:#e4e9ef;
float:left; 
width:700px; 
height:auto;
position:relative; 
left:100px; 
top:0px; 
}

#foot p.right {
margin: 0px 0px 10px 0px; 
padding:0px 0px 0px 0px;
text-align:center;
font-size:0.9em; 
}


#foot a {
font-weight:normal; 
color:#e4e9ef;
text-decoration:none;

}

#foot a:hover {
text-decoration:underline;
}


#foot_bot {
z-index:90;
BACKGROUND: url('foot_bot.jpg');
background-repeat:no-repeat; 
background-position:top; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:900px; 
height:20px; 
position:relative; 
left:0px; 
top:0px;
}

