* {
margin: 0;
padding: 0;
border: none;
}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

body {
margin: 0;
padding: 0;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 13px;
text-align: center;
color: Black;
background: #C7DCEF url(layout/bg_body.gif) repeat-x top;
height: 100%; /* Required */
}

a:link, a:visited, a:active { 
color: Red; 
}
a:hover, a:visited:hover
{
color: #78A1CD;
}
hr
{
 height: 1px;
 border-bottom: 1px solid Silver;
 margin-top: 10px;
}

#screen
{	
min-height:100%;
height:auto;
width:100%;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
position:relative;
text-align:center;
background: url(layout/bg_container.jpg) repeat-y center;
}

* html #screen{
height:100%;
}

#container
{	
width:800px;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
position:relative;
text-align:left;
}

* html #container{
width:800px;/* box model hack for ie5.+*/
w\idth:798px
}

.topa
{
display: none;
}

#head
{
min-height: 172px;
height: 172px;
width: 800px;
background: url(layout/bg_head.jpg) no-repeat top;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
right: 0px;
clear: right;
}


#logo a, #logo a:hover, #logo a:active, #logo a:visited {
float: left;
width: 240px;
height: 75px;
margin-top: 45px;
margin-left: 22px;
text-align: center;
line-height: 90%;
z-index: 3;
position: relative;
font-size: 0;
background: none;
}

#lang
{
float: left;
width: 240px;
margin-top: -60px;
margin-left: 50px;
_margin-left: 13px;
text-align: center;
z-index: 3;
position: relative;
font-size: .8em;
}

#lang .active
{
text-decoration: none;
font-weight: bold;
color: Gray;
padding: 2px;
display: inline;
margin: 0 10px 0 10px;
 width: 70px;
 float: left;
 border: 1px solid #a9a9a9;
background: #eff6fe none;
}

#lang a:link, #lang a:visited
{
text-decoration: none;
font-weight: bold;
color: #404096;
padding: 2px;
display: block;
margin: 0 10px 0 10px;
 border: 1px solid #78a1cd;
 width: 70px;
 float: left;
 background: #c6e0f4;
}

#lang a:hover, #lang a:visited:hover
{
text-decoration: none;
font-weight: bold;
color: Red;
}
#navig {
width: 800px;
min-height: 27px;
float: right;
position: relative;
background: url(layout/bg_navig.jpg) no-repeat top;
}

* html #navig{
height:25px;
}

#main 
{ 
width: 800px;
float: left;
min-height: 350px;
_height: 350px;
background: url(layout/bg_main.jpg) no-repeat top;
margin: 0;
}

#stlpec 
{ 
line-height: 120%;
padding-bottom: 10px;
margin: 3px 15px 10px 26px;
_margin: 0 15px 10px 13px;
float: left;
width: 242px;
min-height: 390px;
_height: 390px;
text-align: center;
padding: 3px;
}

#stlpec img {
border:1px solid #53711B;
margin-bottom: 5px;
}

#stlpec img:hover {
border:1px solid Red;
}

#stlpec h3 
{
font-size: 1.1em;
color: #78a1cd;
font-weight: bold;
margin: 15px 0 10px 0;
text-align: left;
padding: 5px 10px;
clear: both;
 border-bottom: 2px solid #376ba7;
}
	
#stlpec h4 {
text-align: left;
	font-size: .9em; 
	font-weight:bold;
	color: #03438D;
	margin: 10px 0 0px 0;
	padding: 0 0 0 10px;
	}
	
#stlpec h4 a {
	color: #03438D;
	text-decoration: underline;
	}
	
#stlpec h4 a:hover {
	color: #5E83AF;
	text-decoration: underline;
	}

#stlpec p 
{
font-size: .9em;
margin: 0;
text-align: justify;
padding: 5px 10px 5px 10px;
 line-height: 120%;
 color: #696969;
	border-bottom: 1px dotted #D3D3D3;
}

#stlpec p a
{
font-size: .8em;
text-align: left;
}

#main strong, #main b {
	font-weight: bold;
	color: Black;
	}
	
#main em, #main i {
	font-weight: normal;
	color: #304098;
	}

#main ul
{
line-height: 120%;
padding: 0px 15px 10px 20px;
margin: 0px 40px 0 15px;
text-align: justify;
 list-style-type: none;
font-size: .9em;
}

#main li
{
padding: 0px 0 0px 0px;
 list-style-type: square;
 margin-top: 2px;
}
	
#main ul, li {
	font-weight: normal;
	list-style: none url(layout/li.gif);
	color: #515151;
	}

#obsah 
{ 
padding-bottom: 10px;
margin: 0 27px 10px 0;
_margin: 0 14px 10px 0;
float: left;
width: 480px;
}

#obsah h1
{
font-size: 1.4em;
color: #3E4395;
font-weight: bold;
margin: 10px 0 10px 0;
text-align: left;
padding: 5px 0 13px 35px;
clear: both;
text-transform: uppercase;
}

#obsah h2
{
font-size: 1.3em;
color: #3E4395;
font-weight: bold;
margin: 10px 0 10px 0;
text-align: left;
padding: 5px 0 13px 35px;
clear: both;
background: url(layout/bg_h2.gif) no-repeat 10px 11px;
}

#obsah h3
{
font-size: 1.1em;
color: Red;
font-weight: bold;
margin: 15px 0 15px 0;
text-align: left;
padding-left: 35px;
background: url(layout/bg_h3.gif) no-repeat 10px 3px;
	border-bottom: 1px dotted #D3D3D3;
}
	
#obsah h4 {
	font-size:1.0em; 
	font-weight:bold;
	color: Black;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted #D3D3D3;
	padding: 0 0 0 15px;
	background: url(layout/sipka.gif) no-repeat left;
	}

#obsah p
{
font-size: .9em;
line-height: 130%;
margin: 10px 0 0 0;
color: #4C4C4C;
text-align: justify;
}

#obsah #entry
{
	border-bottom: 1px dotted Gray;
	padding-bottom: 10px;
}

#footclear {
clear:both;
height:60px;
width:100%;
}

#foot {
width: 100%;
position:absolute;
bottom:0;
left:0px;
height:60px;
color: #000000;
padding-top: 0px;
margin-bottom: 0px;
background: url(layout/bg_foot.jpg) no-repeat center;
}
#foot_end
{
min-height: 60px;
height: 60px;
width: 800px;
position: relative;
margin: 0 auto;
text-align: center;
}

#foot a, #foot a:link, #foot a:visited  {
color: #404390;
font-weight: bold;
text-decoration: none;
}

#foot a:hover, #foot a:visited:hover  {
color: Red;
font-weight: bold;
text-decoration: underline;
}

#foot .fleft {
margin: 32px 15px 0 0px;
font-size: .8em;
font-weight: bold;
text-align: center;
padding: 0px;
width: 510px;
float: right;
clear: right;
}

#foot .fright {
margin: 32px 0px 0 18px;
font-size: .8em;
font-weight: bold;
text-align: center;
padding: 0px;
width: 250px;
float: left;
}


#nav { /* all lists */
padding: 0;
margin: -5px 0 0 15px;
list-style: none;
text-align: left;
}

#nav a {
display: block;
text-decoration: none;
color: Yellow;
padding: 10px 10px 6px 10px;
 width: 108px;
 text-align: center;
}

#nav a:hover {
background-color: #c7dcef;
 color: #04428d;
}

#nav #active a {
color: #03499C;
 background-color: #fafafc;
}

#nav li { /* all list items */
float: left;
display: block;
}

#nav li li{ 
padding: 0px;
width: 150px;
}

#nav li ul { /* second-level lists */
position: absolute;
width: 150px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin: 0 0 0 -1px;
border: 1px solid #03438D;
border-bottom: 0px;
border-top: 1px;
background: url(layout/1.png);
}

#nav li ul li { 
border-bottom: 1px solid #03438D;
border-top: 1px solid #03438D;
padding: 0;
 padding: 0;
 margin-top: -1px;
}

#nav #active li a { 
border: 0;
 background: none;
}

#nav li ul li a, #nav #active li a { 
width: 130px;
color: #03438D;
font-size: .9em;
padding: 2px 10px;
border: 0;
 text-align: left;
}

#nav li ul li a:hover, #nav #active li a:hover { 
background: white none;
 color: #3d74b5;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

.rightimg {
float:right;
 border: 1px solid #81A6D0;
 margin-left: 20px;
 margin-bottom: 10px;
}

.rightimg2 {
float:right;
 border: none;
 margin-left: 20px;
 margin-bottom: 10px;
}

.leftimg {
float:left;
 border: 1px solid #81A6D0;
 margin-right: 20px;
 margin-bottom: 10px;
}
	
fieldset {
	margin: 15px 10px 0 10px;
	padding-bottom: 10px;
	color: Black;
	font-weight: bold;
	background: White url(layout/bg_stlpform.jpg) repeat-x bottom;
	border: none;
	padding: 3px;
  }
	
fieldset p {
	margin: 0;
	padding-top: 10px;
  }
  
fieldset input {
	border-top: 1px solid #03499C; 
	border-left: 1px solid #03499C;
	border-bottom: 1px double #DCDCDC; 
	border-right: 1px solid #DCDCDC;
	padding-left: 3px;
	margin: 3px 0 0 5px;
	_margin: 0 0 0 10px;
	background: White;
}
label {
  float:left;
  margin-left:5px;
  _margin-left:10px;
  padding-top:5px;
  _padding-top:0px;
  text-align:left;
  font-weight:bold;
  color: Black;
  width: 60px;
  }
  
  legend {
  padding: 2px 5px;
  border:none;
  color: Red;
  text-align:left; 
  font-weight: bold;
	margin-left: 3px;
  }  

.button { 
	border-top: 1px solid White; 
	border-left: 1px solid White;
	border-bottom: 1px solid #767676; 
	border-right: 1px solid #767676;
	margin-top: 5px;
	background: url(layout/bg_button.gif) repeat-x bottom;
	color: #03438D;
}
	
	#stlpec .register
	{
	background: #F5F5F5;
	border-bottom: 1px solid #DEE5EF;
	}
	
	.user
	{
	margin: 5px 0 0 0;
	padding: 2px 5px 2px 22px;
	_padding: 2px 5px 2px 15px;
	background:  url(layout/ico_panac.gif) no-repeat left;
	color: #483D8B;
	font-weight: bold;
	font-size: 1.1em;
	}
	
	#obsah .ico_pdf, .ico_pdf
	{
	background: url(layout/ico_pdf.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_ppt, .ico_ppt
	{
	background: url(layout/ico_ppt.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_zip, .ico_zip
	{
	background: url(layout/ico_zip.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_doc, .ico_doc
	{
	background: url(layout/ico_doc.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_xls, .ico_xls
	{
	background: url(layout/ico_xls.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_mp3, .ico_mp3
	{
	background: url(layout/ico_mp3.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_vid, .ico_vid
	{
	background: url(layout/ico_vid.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_swf, .ico_swf
	{
	background: url(layout/ico_swf.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_txt, .ico_txt
	{
	background: url(layout/ico_txt.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_htm, .ico_htm
	{
	background: url(layout/ico_htm.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_bmp, .ico_bmp
	{
	background: url(layout/ico_bmp.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_ddd, .ico_ddd
	{
	background: url(layout/ico_ddd.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}


#obsah .fotobox 
{
float: left;
width: 140px;
min-height: 180px;
_height: 150px;
margin: 10px 15px 5px 0px;
padding: 20px 3px 3px 3px;
text-align: center;
background: white;
border: 1px solid #bbd0e6;
 clear: right;
}

#obsah .fotobox img 
{
margin: 2px;
padding: 2px;
border: 1px solid #78A1CD;
background: White none;
}

#obsah .fotobox p 
{
margin: 4px;
text-align: center;
line-height: 110%;
color: #757575;
}

#obsah .fotobox h4 
{
margin: 0px;
text-align: left;
color: #474747;
background-color: #E5EFF7;
padding: 3px 3px 3px 6px;
font-size: 1.1em;
}


#obsah .introbox 
{
float: left;
width: 227px;
margin: 5px 5px 15px 0px;
padding: 3px;
text-align: center;
background: #F4F8FB url(layout/bg_introbox.jpg) no-repeat top;
 clear: right;
font-size: 1em;
 border: 1px solid #bed5e8;
}

#obsah .text 
{
min-height: 150px;
_height: 150px;
}

#obsah .introbox p 
{
margin: 4px;
line-height: 140%;
color: #414141;
}

#obsah .introbox h2 
{
margin: 0px;
text-align: left;
color: #03438D;
background: none;
padding: 3px 3px 3px 6px;
font-size: 1.1em;
}

#obsah .introbox a 
{
margin: 0px;
text-align: left;
background: #DDEAF4 none;
padding: 3px 3px 3px 6px;
font-size: 1em;
 display: block;
}

#obsah .introbox ul
{
line-height: 120%;
padding: 0px 15px 10px 20px;
margin: 0px 10px 0 15px;
text-align: justify;
 list-style-type: none;
font-size: .9em;
}

#obsah .descript
{
font-size: .9em;
	color: #3d74b5;
	margin: 0;
	padding: 0 0 0 35px;
}

.cleaner
{
	clear: both;
}

#stlpec .newe
{
	border: 1px solid red;
	background-color: #ffffe0;
	border-right: 1px solid #c1cfe9;
	border-left: 1px solid #c1cfe9;
}