body {
	font-family: arial, sans-serif;
  font-size: 9pt;
  color: #000000;
  background: #ffffff;
	border: 0px solid black;
	margin:0px;
	height:100%;
}

img {
  border: 0px;
  vertical-align:middle;
  &vertical-align:baseline;
}


a {
  color: #c30;
	text-decoration: none;
}

a:link {
color: #c30;
text-decoration:none;
}

a:visited {
}

a:hover {
	text-decoration: underline;
}

h1{
	font-weight: normal;
	font-size: 20pt;
	letter-spacing: .1em;
	margin: 0 0 .8em 0;
	
}
h2{
	font-weight: bold;
	font-size: 11pt;
	color: #555;
	margin: 1em 0 .2em 0;
}
h3{
	font-weight: bold;
	font-size: 10pt;
	margin: 1em 0 0;
	color: #999;

}

.red{
color:#c30;

}

p{
	line-height: 1.5em;
	margin-top:0px;
}

.list ul{
	list-style-type: none;
	margin: 0 0em 1em 1em;
	padding: 0;
}



.list ul li{
	padding-left: 15px;
	background: url("../img/bullet-grey.gif") 0% .3em no-repeat transparent;
}

.alfalist ul{
list-style-type: lower-alpha;
margin: 0 0 1em 0;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
#top_ledge{
background: #000000 url("../img/update_bg.gif") 25% 0%;
height: 150px;
}

#logo{
  border:1px solid red;
  position: absolute;
	top: 0px;
	left: 30px;
	width: auto;
	height: 150px;
	background: url("../img/logo_bg.gif") 0% 100% no-repeat transparent;
	z-index: 10;
	border: 0px solid red;
	text-align:center;

}

#logo a{
	display: block;
	height: 100px;
	width: 170px;
}

#logo img{
	width: 1px;
	height: 1px;
	position: absolute;
	top: -500px;
	left: -10000px;
}

#site{
  position: absolute;
	top: 25px;
	right: 0px;
	background: url("../img/stripe.gif") 100% 20px no-repeat transparent;
	height: 90px;
	width: 486px;
	text-align: right;
	padding: 0 10px 0 0;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

#main{
border:0px solid green;
float:left;
background: #ffffff url("../img/content_bg.gif") 30px top repeat-y;
min-height:543px;
width:100%;

}

#content{
border:0px solid red;
float:left;
width:46%;

/*width:585px;*/
padding-top:30px;
padding-left:43px;
}

#content p{
line-height:1.4em;
}

.intro{
	font-size: 1.2em;
}



#news{
float:left;
padding-top:30px;
padding-left:60px;
width:30%;

}

#news h3{
  background: url("../img/spotlight_icon.gif") no-repeat;
  padding-left: 25px;
  line-height: 20px;

}

#news h3{
  margin:0px;
}

#news p{
  margin:0px;
  font-size:.9em 
}

#newsdate{
  margin-bottom: 1em;
  color: #999;
  font-size: .9em;
  border-bottom: 1px solid #eee;

}

#list_of_news ul{
	list-style-type: none;
	margin: 0 0 1.4em 0;
	padding: 0;
}
#list_of_news ul li{
	padding-left: 15px;
	background: url("../img/bullet_grey.gif") 0% .3em no-repeat transparent;
}


.slitem{
  border: 1px solid #ddd;
  margin-top:4px;
  margin-left:3px;
  background-color: #eee;
  padding:1em;
}





/*list---------------------------------------------------------------------*/

#menu{
border:0px solid red;
float:left;
width:170px;
font-size:8pt;
font-weight:bold;
margin-left:17px;
line-height:2.5em;
}

#menu ul{
margin-top:2px;
}


#menu li{
list-style-image:url("../img/bullet_white.gif")

}

#menu .withoutmark {
list-style-type:none;
list-style-image:none;
}


#menu a{
	color: #555;
	vertical-align: sub;
	*vertical-align: super;
}

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

#menu .active{
	color: #000;
}
/*------------------------------------------------------------------------------*/


/*list-down---------------------------------------------------------------------*/
#menu .listdown{
border:0px solid red;
font-weight:normal;
line-height:1.6em;
margin-bottom:1em;
&margin-top:-1em;
margin-left:-3.5em;
&margin-left:0px;
}



#menu .listdown li{
list-style-image:none;
list-style-type:none;
border-bottom: 1px solid #bbb;
}

#menu .listdown a{
	color: #000000;
  
}

#menu .listdown a:hover{
	text-decoration: none;
	color: #c30;
}

#menu .listdown a.active{
	color: #c30;
}

/*------------------------------------------------------------------------------*/


.alignright{
	float: right;
	clear: right;
	margin: 0 0 10px 20px;
}
.alignleft{
	float: left;
	clear: left;
	margin: 10px 20px 10px 0;
}

.img_margin{
  margin-top:3px;  
  &margin-top:0px;
  margin-bottom:3px;  
  &margin-bottom:0px;
}

.product{
	border-bottom: 2px solid #f90;
	float: left;
	width: 100%;
	margin-bottom:10px;
}

.bottom{
margin-top: 80px;

}


.popis_funkce{

border-bottom: 2px solid #f90;
margin-bottom:30px;

}

#default_list li{

margin-bottom:10pt;

}


.img_funkce{
float:right;
margin-bottom:10px;

}


.likehr{
border-bottom:1px solid #666666;
margin-bottom:1em;
width:23em;
}

.img_logo{
margin-top:50px;

}

.clear{
clear:both;
}

#foot{
background-color:black;
height:55px;
text-align:right;
font-size:8pt;
color: #ccc;
padding-top:5px;
padding-right:5px;

}

/*//////////////////Tabulka leonova/////////////////////////////////////////////////////////*/

.table_lines{
  border-collapse:collapse;
}

.table_lines td{

  border-bottom:1px solid #999;

}


.td_width{
width:160px;

}




/*/////////////////end/////////////////////////////////////////////*/



/*//////////////////Prava tabulka - related /////////////////////////////////////////////////////////*/
#related{
	position: absolute;
	top: 180px;
	right: 30px;
	width: 175px;
	font-size: .9em;
}
#related h2{
	background: url("../img/related-top-bg2.gif") no-repeat #f90;
	color: black;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: .4em 10px .4em 20px;
	text-align: center;
	margin: 0;
}
#related ul{
	padding: 10px;
	background-color: #eee;
	margin: 0;
	list-style-type: none;
  border-top: 1px solid #ccc;
	margin-bottom: 20px;
	background: url("../img/related-bottom-bg2.gif") no-repeat left bottom #eee;
}

#related ul li{
	background: url("../img/bullet-white-grey.gif") 0em .3em no-repeat transparent;
	margin-bottom: .2em;
	padding-left:15px;
}


#zacatek a{
color: #cccccc;
}

#zacatek a{
text-decoration:none
}



/*/////////////////end/////////////////////////////////////////////*/