@charset "UTF-8";
/* CSS Document */

p,h1,h2,h3,h4,h5,div,img,ul,li,body, form { margin:0px; padding:0px; }
img { border:0px; }
li { list-style:none; }

h1, h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }

#page { width:962px; margin:0px auto; margin-top:10px; font-size:12px; font-family:'trebuchet ms'; }

#footer img { float:left; margin:5px 0px; }
#footer p { float:right; margin:5px 0px; line-height:30px; }

a:link, a:visited { color:red; }

/* HEADER */

#header { height:106px; }

#logo { position:absolute; margin-left:0px; margin-top:0px; }
#logo a:link, #logo a:visited { background-image:url(img/logocz.jpg); width:225px; height:96px; display:block; }

#topmenu { position:absolute; margin-left:300px; }

#searchform { position:absolute; margin-top:36px; width:135px; height:25px; margin-left:527px; }
.searchfield { position:absolute; margin-left:0px; width:100px; }
.searchbutton { position:absolute; margin-left:110px; }

#topbuttons { position:absolute; margin-top:71px; width:662px; height:25px; }

#topbuttons li { float:right; display:inline; }

#topbuttons li a:link, #topbuttons li a:visited { background-image:url(img/buttontop.jpg); width:120px; height:25px; display:block; background-position:left; margin-left:10px; line-height:25px; color:black; text-align:center; text-decoration:none; }
#topbuttons li a:hover, #topbuttons li a:active { background-position:right; }

/* MULTIMEDIA */

#multimedia a:link, #multimedia a:visited { width:962px; height:200px; background-color:black; display:block; background-position: 50% 50%; }

/* RED NAV */

#rednav { background-image:url(img/redgrad.jpg); background-repeat:repeat-x; height:53px; width:962px; }
#rednav h2 { position:absolute; line-height:53px; color:white; margin-left:20px; }
#redbuttons { position:absolute; margin-left:300px; width:662px; height:53px; margin-top:9px; }

#redbuttons li { float:right; display:inline; }
#redbuttons li a:link, #redbuttons li a:visited { background-image:url(img/buttonbot.jpg); width:160px; height:35px; margin-right:10px; background-position:left; display:block; line-height:35px; text-align:center; text-decoration:none; color:white; }
#redbuttons li a:hover, #redbuttons li a:active { background-position:right; }

/* MAIN */

#main { background-image:url(img/greygrad.jpg);  background-repeat:repeat-x; background-color:#c2c2c2;  }

#mainseznam { width:260px; float:left; display:inline; background-image:url(img/greygrad.jpg); min-height:340px; background-repeat:repeat-x; padding:30px; }
#mainmap { width:642px; height:400px; background-color:grey; float:left; display:inline;  }

/* CONTENT */

.content p, .content h1, .content h2, .content h3,.content ul,
#content p, #content h1, #content h2, #content h3, #content ul, 
#content2 p, #content2 h1, #content2 h2, #content2 h3, #content2 ul { padding:0px 0px 16px 0px; }

.content li,
#content li, 
#content2 li { list-style: circle; margin-left: 20px; }

#content h1, #content2 h1, .content h1 { border-bottom:1px solid #333; margin-bottom:10px; padding-bottom:5px; }
#content h2, #content2 h2, .content h2 {  }
#content h3, #content2 h3, .content h3 {  }
#content h4, #content2 h4, .content h4 {  }

/* ZAZNAM */

#left { width:600px; float:left; display:inline; }
#right { width:362px; float:left; display:inline; }

#smallmap { width:322px; height:322px; margin:20px; background-color:grey; }

/* VR */

#vr { width:962px; height: 481px; display: block; }
#vrviewer { width:722px; height: 481px; float: left; display: inline; }
#vrthumbs { width:240px; height: 481px; float: left; display: inline; background-image:url(img/greygrad.jpg);  background-repeat:repeat-x; background-color:#c2c2c2; }
#vrthumbsinner { margin: 10px; width:220px; height: 461px; overflow: auto; }

#vrthumbsinner a:link, #vrthumbsinner a:visited { display: block; width:200px; }
.thumb { height: 200px; height:70px; display:block; background-position: 50% 50%; }
.thumbtext { height: 25px; line-height: 25px; text-align: center; text-decoration: none; overflow:hidden; display:block; }


/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */