* { margin: 0; padding: 0; }

body, html {
 
   background: #000000;
  color: #8e9eaa;
  font-family: "Verdana CE", "Verdana","Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

a:link { color: #8e9eaa; text-decoration: underline; }
a:visited { color: #8e9eaa; text-decoration: underline; }
a:active { color: #8e9eaa; text-decoration: underline; }
a:hover { color: #AAAAAA; text-decoration: none; }

.menudivleft { padding-right:35px; }
.menudivleft a:link { color: #8e9eaa; text-decoration: none; }
.menudivleft a:visited { color: #8e9eaa; text-decoration: none; }
.menudivleft a:active { color: #8e9eaa; text-decoration: none; }
.menudivleft a:hover { color: #aaaaaa; text-decoration: underline; }

.menusw { padding-right:27px; padding-left:18px; }
.tdsw { background-image:url(design/l_mswbg.gif); }

.menudivright { padding-right:21px; padding-left:26px; }
.menudivright a:link { color: #8e9eaa; text-decoration: none; }
.menudivright a:visited { color: #8e9eaa; text-decoration: none; }
.menudivright a:active { color: #8e9eaa; text-decoration: none; }
.menudivright a:hover { color: #aaaaaa; text-decoration: underline; }

.obsahdiv { 
padding-left:26px;
padding-right:28px;
}

.menu {
font-style: normal;
font-weight: bold;
text-align:right;
background-image:url(design/l_rbg.gif);
}

.commentarea {
width:394px;
height:128px;
background-color:#363d42;
border: 1px dashed #d6d6d6;
}
.commentbutton {
color:#8e9eaa;
width:125px;
height:20px;
background-color:#56595b;
border: 1px dotted #56595b;
}
.commentbox {
color:#8e9eaa;
width:125px;
height:20px;
background-color:#363d42;
border: 1px solid #56595b;
}

.nadpis {
  font-family: "Verdana CE", "Verdana","Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size: 14px;
  color:#a1a5a6;
  background: url('design/nadpis.jpg');
  text-align: left;
  width: 396px;
  height: 25px;
  clear: both;
  font-weight:bold;
  margin-bottom: 5px;
}
.npadding {
padding-top:4px;
padding-left:17px;
}

ul li {
	list-style-image: url('design/helix.gif');
	list-style-type: circle; 
}
ul {
	margin: 6px 0 6px 20px;
}
a.pupucediff2, span.pupucediff2 {
	display: block ;
	font-weight: bold;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	margin-left:2px;
	text-indent: 21px;
	background: url(http://www.heroes-france.com/images/portal/photo.png) no-repeat;}	
	
a.pupucediff, span.pupucediff {
	display: block ;
	font-weight: bold;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	margin-left:2px;
	text-indent: 21px;
	background: url(http://www.heroes-france.com/images/portal/nbc.gif) no-repeat;} .menu3 {
font-style: normal;font-size: 11px;color: #8e9eaa; text-decoration: none;
background-color: #484c4f;
}

.skryvaci
{
 display: none;
}

.rampouch
{
position: fixed;
z-index:3;
}    

.rampouch2
{
position: fixed;
bottom: 0px;
right: 0px;
z-index:1;
}