* {
  padding: 0;
  margin: 0;
} 

body { 
  font: 9pt "Verdana", Arial, Sans-Serif; 
  background: #393939;
 
<script type="text/javascript">
/* <![CDATA[ */ 

function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}


function openWindow() {
window.open("","JSL",'toolbar=0,location=0,scrollbars=1,width=800,height=600,resizable=1,top=20,left=20');
}
/* ]]> */
</script>

}


a {
  text-decoration: none;
  color: #301C15;
}
a:hover { color: #000; }

#wrap 
{
  margin: 20px auto;
  width: 900px;
  height: 673px;
  padding: 10px;
  background-color: #fff;
}


#header 
{
  height : 118px;
  background-color : #000;
  background: url(images/back.jpg);
}
#header h1 { padding-left: 14px; padding-top: 82px; font-size: 20px; color: #FFF; }

#menu {
  text-align: center;
  margin-top: 1px;
  height: 20px;
  font-size : 12px;
  padding: 6px 0px 0px 0px;
  border: none;
  background-color : #000;
  background: url('images/menu.jpg')
}

#menu a {
  color : #fff;
  text-decoration : none;
  padding: 0px 14px 0px 14px;

}

.menu ul li.right {
float:right;
height:3em;
line-height:3em;
}

#menu a:hover {
  color : #C9C9C9;
}


#sidebar_right {
		 margin-top: 1px;
		 background: #000000 url("images/Stavba.jpg") no-repeat left top;
         float: right;
         background-color: #E3E3E3;
         width: 179px;
         height: 455px;
}
.sidebar_right_text {
	padding: 220px 7px 0 13px;
}
#sidebar_right h2 { padding-bottom: 6px; font-size: 12px; color: #000000; }

#sidebar_left {
		 margin-top: 1px;
         float: left;
         background-color: #E9E9E9;
         width: 179px;
         height: 436px;
         padding: 10px;
}
#sidebar_left h2 { padding-bottom: 6px; font-size: 12px; color: #000000; }

#content { 
  float: left;
  text-align: left;
  width: 495px;
  margin-top: 10px;
  padding: 0 7px 0 13px;
  font-size: 9pt;
}

#content h2 { padding-bottom: 6px; font-size: 15px; color :#444; }
#content h3 [ color: #fff; background: #370F00; font-size: 86%; padding: 3px 6px;}

.study {
	padding: 12px 15px 15px 15px;
	background: #D6DEE5;
	font-size: 93%;
	font-family: arial, sans-serif;
}

.bulletin {
	padding: 12px 15px 15px 15px;
	background: #ffc;
	font-size: 8pt;
	font-face: arial, verdana;
}

#footer { 
  position: absolute;
  top: 622px;
  margin-top: 20px; 
  width: 900px;
  height: 60px;
  background-color: #A7C1E0;

}
.footer_text {
	text-align: center; 
	padding: 18px;
	color: #777;
}

#content_in {
float: left;
  text-align: left;
  margin-top: 10px;
  padding: 0 7px 0 13px;
  font-size: 9pt;
 
width: 495px; 
height: 450px;
overflow: auto;
}

#content_in h2 { padding-bottom: 6px; font-size: 15px; color :#444; }


.napis {color:#000080;}





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
font-size:0.85em;
padding-bottom:0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none; 
height:3em; 
background:#3b567a;}

/* style the sub-level lists */
.menu ul ul {
width:15em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:3em;
line-height:3em;
}

/* style the sub level list items */
.menu ul ul li {
display:block;
width:12em;
height:auto;
position:relative;
line-height:1em;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-size:1em;
text-decoration:none;
color:#ffffff;
background:#3b567a;
padding:0 3em 0 1em;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
background:#a7c1e0; 
color:#ffffff;
width:12em;
height:100%;
line-height:1em; 
padding:0.5em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ffffff;}

/* style the level hovers */
/* first */
.menu a:hover {color:#000;background:#a7c1e0;}
.menu :hover > a {color:#000;background:#a7c1e0;}
/* second */

.menu ul ul a:hover{
color:#000;
background:#e3eaf0;
}
.menu ul ul :hover > a {
color:#000;
background:#e3eaf0;
}

/* third */
.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:3em;
left:0;
width:14em;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:14em;
top:0;
width:14em;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-14em;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



.photo {padding:20px; background:#3b567a; width:600px; height:330px; text-align:left;}

.photo h1 {font-size:14px; font-weight:normal; color:#04162f; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#a7c1e0; border:1px solid #000; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(pics/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#000;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#000;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

/*obrazky vertikalne a horizonalne*/
.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#a7c1e0; position:absolute; left:260px; top:0; width:240px; height:320px; border:1px solid #000; padding:5px 45px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#a7c1e0; position:absolute; left:260px; top:0; width:320px; height:240px; border:1px solid #000; padding:45px 5px;}

/*blok kam se vypisuje text k obrazku*/
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:150px; border:1px solid #666; top:165px; left:0; color:#fff; font-weight:normal; padding:6px;}