/*Author: Suresh maharjan*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	
}
body {
	background:url(../img/pagebg.png) repeat;
	text-align: center;
	font-family: arial, tahoma, veradna, sans-serif;
	color: #585858;
	
}
a {
	color: #000;
	text-decoration: none;
}
ul{ position:relative}
/* ---------------------------- divy pro hlavni backgorund ----------------- */
#main-envelope {
	width: 770px;
	background: url(../img/main_bkg.png) no-repeat;
	margin:0 auto;
	text-align:left;
	padding:0;
	overflow: hidden;
}
#main-envelope-top {
	text-align: left;/****************************/
	padding-top: 5px;
	margin: 10px auto 0px auto;
	height:115px;
	width: 770px;
	overflow: hidden;
}

#main-envelope-top .inner{
	background: url(../img/main_bkg_top.png) no-repeat;
	height:115px;
	width: 770px;
}

#main-envelope-top .inner a, #main-envelope-top .inner img{
 position: relative;
 z-index:1;
}

#main-envelope-bottom {
	width: 770px;
	height:42px;	
	margin:0 auto;
	padding:0;
	overflow: hidden;
}

#main-envelope-bottom .inner{
	width: 770px;
	background: url(../img/main_bkg_bottom.png) no-repeat;
	height:42px;	
}

#main-envelope-bottom .inner a, #main-envelope-bottom .inner img{
 	position: relative;
 	z-index:1;
}

#main-envelope-bottom img {
	margin:25px 0 0 620px;
}

#main-envelope-content {
	padding:0 8px 0 11px;
	height:auto;
	background:#FFFFFF;
	
}
/* ************************************************************************* */

#main {
	margin-left: 11px;
	margin-right: 8px;
}
/*------------------------menu ----------*/

#menu, #menu a {

}

#menu {
	font-size: 95%;
	color: white;
	font-size: 11px;
	line-height: 180%;
	float:left;
	padding-left: 8px;
	width:210px;
}

#menu ul {
	text-align: left;
	margin:1px;
	padding:0;
	display:block;
	list-style:none;
}
#menu li {
	display: block;
	margin:0 0 1px 0;
}
#menu a {
	display:block;
	color: #40403F;
	width:193px;
	height:37px;
	padding:13px 0 0 18px;
	font:bold 11px Tahoma;
}
#menu a span {
	font:normal 10px Tahoma;
	color:#8E8E8D;
}
#menu li.info a {
	background:url(../img/info_link_bg_double.jpg) no-repeat top left #E1E1E1;
}
#menu li.info a:hover, #menu li.info a.active {
	background-position: -209px 0; cursor: pointer;
}
#menu li.demo a {
	background:url(../img/demo_link_bg_double.jpg) no-repeat top left #E1E1E1;
}
#menu li.demo a:hover, #menu li.demo a.active {
	background-position: -209px 0; cursor: pointer;
}
#menu li.contact a {
	background:url(../img/contact_link_bg_double.jpg) no-repeat top left #ededed;
}
#menu li.contact a:hover, #menu li.contact a.active {
	background-position: -209px 0; cursor: pointer;
}
#menu li.posledni {
	float: right;
	margin-right: 25px;
	font-weight: bold;
}
#menu img{display: block; margin: 0; _margin-left: 3px; padding: 0;}
/* ----------------------------- */


#mainContent {
	position:relative;
	float:left;
	width:500px;
	border-left:1px solid #E1E1E1;
	background:#FFFFFF;
	
}


ul.features {
	position:absolute;
	text-align:left;
	list-style:none;
	top:285px;
	left:50px;
}
ul.features li {
	padding:0 0 0 15px;
	background:url(../img/yellowBullet.png) no-repeat 0 55%;
	font:bold 11px/1.5em Tahoma;
	color:#353B4D
}

ul.features li h1, ul.features li h2{
 font:bold 11px/1.5em Tahoma;
}




#mainContent .contactText {
	/*width:45%;*/
	width: 200px;
	min-height: 380px;
	_height: 380px;
	padding:0 0 0 25px;
	margin-top: 30px;
	margin-left: 130px; _margin-left: 55px; /* tento radek smazat az bude i novy vyhradni prodejce */
	text-align: center;
}

#mainContent .contactText p{
	text-align: center;
}

#mainContent .contactText h2 {
	font: bold 12px/1.5em Tahoma;
	margin:5px 0;
	color:#AEAEAE;
	padding:0;
	height: auto;
}
#mainContent .contactText p {
	font:normal 11px/1.2em Tahoma;
	margin:5px 0;
	color:#585858;
	padding:0;
}
#mainContent .infoText {
	margin:0 10px 0 20px;
	padding:0;
}
#mainContent .infoText p {
	font:normal 11px/1.2em Tahoma;
	margin: 0;
	color:#585858;
	text-align:justify;
	padding:0;
}

#mainContent .infoText h2{
  color: #353B4D;
  font: normal 11px/1.2em Tahoma;
  font-weight: bold;
  margin: 13px 0 0 0;
}



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

#flashBanner {
	padding:0 9px 0 10px;
	margin:0;
	height: 204px;
}
/* ----------------------------- */

#grayBox {
	margin:0 9px 0 8px;
	background:url(../img/gray_box_bg.gif) no-repeat 50% 0;
	height:23px;
	clear:both;
}
#logo {
  width: 163px;
  position: absolute;
  top: 50px;
  left: 20px;
    
	/*margin-right: 550px;
	margin-bottom: -85px;*/
}
.cistic, .cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
}
.home {
	background: url(../img/bottom.png) no-repeat bottom left;
	height: 422px;
	padding: 10px;
	position: relative;
}
.kontakt {
	background: url(../img/kontakt.png) no-repeat bottom left;
	height: 400px;
	padding: 10px;
	text-align: left;
}
address {
	font-style: normal;
	font-size: 10pt;
	position: relative;
	left: 50px;
	top: 35px;
}
address a {
	text-decoration: underline;
}
.informace {
	padding: 20px 30px 30px;
}
#info_text {
	float: left;
	width: 430px;
}
#panel {
	float: right;
	margin-top: 20px;
}
#panel img {
	display: block;
	margin-bottom: 20px;
}
p {
	font-size: 10pt;
	text-align: justify;
	margin: 1em 0;
}
p strong {
	color: #353B4D;
}

div.language-version {
position: relative;
top: 40px;
left: 700px;
width: 50px;

/*
	text-align: right;
	float: right;
	margin-right: 25px;
	margin-top: 80px;
	margin-left: 300px;*/
	font-size: 11px;
}
#case-netreal {
	position: absolute;
	left: 557px;
	top: 47px;
	margin-right: 11px;
	border: 0;
	height: 329px;
	width: 151px;
}
.alternativni-text {
	display: none;
}

#foo{
  margin-top: 2em;
  /*margin-bottom: 2em;*/
  margin-left: 2em;
  border-top: 1px solid #E1E1E1;
  color: #E1E1E1;
  font-size: 70%; 
  text-align: center;
}

/*@author : Suresh Maharjan*/

#index-obal{margin: 0px 0px 0px 20px;}