BODY {
z-index:10;
FONT-SIZE: 100%; 
FONT-FAMILY: arial, tahoma, sans-serif; 
TEXT-ALIGN: CENTER;
BACKGROUND: url('body_bg.jpg');
background-position: left top;
background-repeat:repeat-x;
}


#rescue {
z-index:10;
BACKGROUND: #000000;
float:none; 
margin:0px auto;
padding:0px 0px 0px 0px; 
position:relative; 
width:1004px;
height:194px;
left:auto; 
top:0px;
}



/* definice konteineru */
#stranka {
z-index:10;
BACKGROUND: none;
float:none; 
margin:0px auto; 
padding:0px 0px 0px 0px; 
position:relative; 
width:1004px;
left:auto; 
top:0px;
}




/* definice horní části stránky*/
#horni {
z-index:10;
BACKGROUND: white;
background-repeat:no-repeat; 
float:none; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:1004px; 
height:83px; 
position:relative; 
left:0px; 
top:0px;
}

#logo_top {
z-index:100;
BACKGROUND: url('logo_top.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:366px; 
height:83px; 
position:relative; 
left:0px; 
top:0px;
}

#spacer {
z-index:10;
BACKGROUND: url('spacer.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:638px; 
height:37px; 
position:relative; 
left:0px; 
top:0px;
}

#menu {
z-index:100;
background: none; 
background-repeat:no-repeat;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:auto;
position:relative; 
top:0px;
left:0px;
}

#menu p{
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:140px;
position:relative; 
top:0px;
left:10px;
font-size:0.8em;
color:#ffffff;
}

#menu A:link {
color:#ffffff;
text-decoration:none;
font-family: arial;
font-weight:bold;
}

#menu A:active {
color:#ff9900;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#menu A:visited {
color:#ffffff;
text-decoration:none;
font-family: arial;
font-weight:bold;
}

#menu A:hover {
color:#ff9900;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#menu ul{
z-index:90;
list-style:none;
background: none; 
background-repeat:no-repeat;
float:left; 
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
top:0px;
left:10px;
}

#menu ul li{
z-index:90;
text-align:left;
color:#ffffff;
font-weight:normal;
float:left; 
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:145px;
}


/* definice spodní části loga, části s videem a úvodní obrázek*/

#top_bg {
z-index:100;
BACKGROUND: url('top_bg.jpg');
background-repeat:repeat-x; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:445px; 
height:386px; 
position:relative; 
left:0px; 
top:0px;
}

#logo_bottom {
z-index:100;
BACKGROUND: url('logo_bottom.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:445px; 
height:48px; 
position:relative; 
left:0px; 
top:0px;
}

#video {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:none; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:auto; 
height:auto; 
position:relative; 
left:10px; 
top:20px;
}

#top_right {
z-index:100;
BACKGROUND: url('top_right.jpg');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:559px; 
height:386px; 
position:relative; 
left:0px; 
top:0px;
}

#top_right p {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #ffffff;
float:left;
font-style: oblique;
font-family: arial CE;
font-size: 1.5em;
line-height: 120%;
text-align:left;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:400px; 
height:auto; 
position:relative; 
left:50px; 
top:300px;
}


/* střední světlá část stránky*/

#middle {
z-index:100;
BACKGROUND: url('middle.jpg') #ffffff;
background-repeat:repeat-x; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:1004px; 
position:relative; 
left:0px; 
top:0px;
}

#middle_left_top {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:559px; 
height: auto; 
position:relative; 
left:0px; 
top:0px;
}

#middle_left_top p{
BACKGROUND: none;
color: #3a3a3a;
float:left;
font-style: normal;
font-family: arial CE;
font-size: 1.3em;
line-height: 110%;
text-align:left;
width:auto;
height: auto; 
float:left; 
margin:30px 0px 10px 20px;
padding:0px 0px 0px 0px; 
position:relative; 
left:0px; 
top:0px;
}

#middle_right_top {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:445px; 
height: auto; 
position:relative; 
left:0px; 
top:0px;
}

#middle_right_top p{
BACKGROUND: none;
width:auto;
height: auto; 
float:left; 
margin:50px 10px 10px 30px;
padding:0px 0px 0px 0px; 
position:relative; 
left:0px; 
top:0px;
}

#middle_bottom {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 30px 0px; 
padding:0px 0px 0px 0px; 
width:1004px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#middle_bottom p{
BACKGROUND: none;
color: #ba1e0f;
font-style: normal;
font-family: arial CE;
font-size: 1.1em;
line-height: 110%;
text-align:left;
width:auto; 
height:auto;
float:left; 
margin:30px 0px 10px 20px;
padding:0px 0px 0px 0px; 
position:relative; 
left:0px; 
top:0px;
}

/* spodní tmavá část stránky*/

#bottom {
z-index:100;
BACKGROUND: #161616;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:1004px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#bottom_left {
z-index:100;
BACKGROUND: #161616 url('divider.jpg');
background-repeat:repeat-y;
background-position: right; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:560px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botleup {
z-index:100;
BACKGROUND: url('bottom_h.jpg');
background-repeat:repeat-x; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:540px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botleup H1{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #ffffff;
font-style: normal;
font-family: arial, courier, comic sans ms, arial CE;
font-size: 1.5em;
line-height: 110%;
text-align:left;
font-weight: 900;
float:left; 
margin:0px 0px 0px 0px; 
padding:28px 0px 0px 50px; 
width:540px; 
height:68px; 
position:relative; 
left:0px; 
top:0px;
}

#botleup H2{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #e7a836;
font-style: normal;
font-family: arial, courier, comic sans ms, arial CE;
font-size: 0.9em;
line-height: 110%;
text-align:left;
font-weight: 600;
float:left; 
margin:0px 0px 0px 0px; 
padding:5px 0px 0px 40px; 
width:540px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#botleup P{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #c3c3c3;
font-style: normal;
font-family: arial CE;
font-size: 0.8em;
line-height: 150%;
text-align:left;
font-weight: normal;
float:left; 
margin:0px 0px 0px 0px; 
padding:5px 10px 20px 40px; 
width:auto; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botleup A:link{
color:#e7a836;
text-decoration:none;
font-family: arial;
font-weight:normal;
}

#botleup A:hover{
color:#ffffff;
text-decoration:none;
font-family: arial;
font-weight:normal;
}




#botlebot {
z-index:100;
BACKGROUND: url('bottom_h.jpg');
background-repeat:repeat-x; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:540px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botlebot H1{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #ffffff;
font-style: normal;
font-family: arial, courier, comic sans ms, arial CE;
font-size: 1.5em;
line-height: 110%;
text-align:left;
font-weight: 900;
float:left; 
margin:0px 0px 0px 0px; 
padding:28px 0px 0px 50px; 
width:540px; 
height:68px; 
position:relative; 
left:0px; 
top:0px;
}

#botlebot H2{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #e7a836;
font-style: normal;
font-family: arial, courier, comic sans ms, arial CE;
font-size: 0.9em;
line-height: 110%;
text-align:left;
font-weight: 600;
float:left; 
margin:0px 0px 0px 0px; 
padding:5px 0px 0px 40px; 
width:540px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#botlebot P{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #c3c3c3;
font-style: normal;
font-family: arial CE;
font-size: 0.8em;
line-height: 150%;
text-align:left;
font-weight: normal;
float:left; 
margin:0px 0px 0px 0px; 
padding:5px 10px 20px 40px; 
width:auto; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botlebot A{
color:#e7a836;
text-decoration:underline;
}

#botlebot A:hover{
color:#ffffff;
}







#bottom_right {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:444px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botriup {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
background-position:center;
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:444px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}

#botriup P{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat;
color: #c3c3c3;
font-style: normal;
font-family: arial CE;
font-size: 0.8em;
line-height: 150%;
text-align:left;
font-weight: normal;
float:left; 
margin:0px 0px 0px 0px; 
padding:5px 10px 20px 40px; 
width:auto; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}





#botribot {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:444px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}






/* vlastní patička stránek s obsahem - zpětnými odkazy atd. co se nikam jinam nevešlo */
#foot {
z-index:90;
background: url('foot.jpg'); 
background-repeat:repeat-x;
background-position:top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:1004px;
height: 59px;
position:relative; 
top:0px;
left:0px;
}


#foot p.left{
BACKGROUND: none;
color:#92a1bc;
text-indent:0px;
font-weight:normal;
font-size: 0.8em;
text-align:left;
width:250px; 
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
left:25px; 
top:20px;
}


#foot p.right{
BACKGROUND: none;
color:#92a1bc;
text-indent:0px;
font-weight:normal;
font-size: 0.8em;
text-align:right;
width:auto; 
float:right; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
right:25px; 
top:20px;
}


#foot A{
color:#92a1bc;
text-decoration:none;
}

#foot A:hover{
color:#ffffff;
}







#foot_odkazy {
z-index:90;
background: #ece9d8; 
background-repeat:repeat-x;
background-position:top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:1004px;
height:auto;
position:relative; 
top:0px;
left:0px;
}

#foot_odkazy p{
BACKGROUND: none;
color:#333333;
text-indent:0px;
font-weight:normal;
font-size: 0.6em;
text-align:justify;
width:964px; 
float:left; 
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
left:20px; 
top:0px;
}


#foot_odkazy A:link {
color:#666666;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot_odkazy A:active {
color:#666666;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot_odkazy A:visited {
color:#666666;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot_odkazy A:hover {
color:#e7a836;
text-decoration:none;
font-family: arial;
font-weight:normal;
}




/* grafické zakončení stránky */
#foot_down {
z-index:90;
background: url('foot_down.png'); 
background-repeat:no-repeat;
background-position:top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:930px;
height:25px;
position:relative; 
top:0px;
left:0px;
}














/* definice highslide fotografií */
.highslide {
	cursor: url(res/graphics/zoomin.cur), pointer;
    outline: none;

}

.highslide img {
	border: 2px solid #888888;
	float:right;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px; 
	z-index:100;
}
    
.highslide:hover img {
	border: 2px solid #ff9900;
	float:right;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px; 
		z-index:100;
}

.highslide-image {
    border: 2px solid #888888;
}

.highslide-image-blur {
}
.highslide-caption {
    display: none;
    color: Black;
    border: 2px solid #B7D853;
    border-top: none;
    font-family: Arial, Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #EEFBD0;
}

.highslide-caption a {color: #2E8B57;}

.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: black;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover {
    color: black;
    background-color: #B7D853;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(res/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(res/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

.highslide-dimming {
background: #000000;
position: absolute;
visibility: hidden;
} 

a.highslide-full-expand {
	background: url(res/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 45px;
	height: 44px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}





/* definice highslide fotografii pro reference*/
.dvahighslide {
	cursor: url(res/graphics/zoomin.cur), pointer;
    outline: none;
}
.dvahighslide img {
	border: 2px solid #888888;
	float:left;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px; 
	z-index:100;
}

.dvahighslide:hover img {
	border: 2px solid #ff9900;
	float:left;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px; 
		z-index:10;
}
