/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-image: url(/images/logos.gif);
}

#obal { 
  margin: 0 auto; 
  width: 800px; 
  background-color: white;
  text-align:left;} 

#logo{float:left; width:250px; height:190px;}
#topheader{float:right; width:800px; height:97px; background-image:url(/images/cihly3.jpg); background-position:top; background-repeat:repeat-x; position:relative}
#toplinks    { position: absolute; right: 10px; top: 10px; color: #800000 }
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:570px;margin-top: 25px;}
#leftpanel{float:left; width:230px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;margin-top: 25px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

#navigace {
	background-image: url(../images/pozadi-vpravo.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	padding-top: 8px;
	height: auto;
	margin-left: 0px;
	padding-left: 7px;
}

#navigace ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

#navigace ul li {
	margin-bottom: 1px;
	padding-bottom: 1px;
}

#navigace ul li a {
	text-decoration: none;
	display: block;
	height: 25px;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A7A7A7;
	padding-top: 5px;
}

#navigace ul li a:hover {
	color: #E10000;
	text-decoration: none;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:yellow;
	text-align:center;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}





ul#hlavniMenu 
{ 
width:220px;
  background-image:url("/menuo.jpg"); 
  background-repeat: no-repeat;
  background-position: center; 
} 

ul#hlavniMenu, ul 
{ 
padding:0; 
margin:0; 
list-style-type:none; 
} 

ul#hlavniMenu ul 
{ 
position:absolute; 
top:0; 
left:220px; 
visibility:hidden; 
  background-image:url("/menuo.jpg"); 
  background-repeat: no-repeat;
  background-position: center; 
} 

ul#hlavniMenu li 
{ 
position:relative; 
width:220px; 
} 

ul#hlavniMenu a 
{ 
color:#BBBBBB; 
display:block; 
font:13px Verdana,arial,sans-serif; 
text-decoration:none; 
display:block; 
width:100%; 
} 

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a 
{  
color:#E10000;
} 

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a 
{ 
  background-color:white;
  background-image:url("/menuog.jpg"); 
  background-repeat: no-repeat;
  background-position: center; 
color:#BBBBBB; 
} 

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover 
{ 
  background-color:white;
  background-image:url("/menuog.jpg"); 
  background-repeat: no-repeat;
  background-position: center;
color:#E10000; 
} 

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul 
{ 
visibility:visible; 
} 

ul#hlavniMenu li li 
{ 
border:none; 
padding:0;  
} 

ul#hlavniMenu li 
{ 
behavior: url(/hover.htc); 
} h2           { color: #800000 }
h2           { color: #800000 }
h3           { color: #808080 }