html, body  {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 82%;	
	color: #000;
	background-color: #28303E;
}

img {
	border: 0;
}


a, a.link, a.visited, a.active {
	text-decoration: none;
	color: #1051B4;
	text-decoration: underline;
}

a:hover {
	color: #E1680E;
	text-decoration: underline;
}


h1 {
	font-size: 150%;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 130%;
	padding: 0px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 110%;

}



#header {
	width: 758px;
	height: 104px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;
}

#logo {
	padding: 23px 0 0 25px;
	float: left;
}


.alert {
	font-weight: bold;
	color: #BB0000;
}


/*------ menu ----------*/

#menu {
	margin: 36px 0px 0px 0px;
	width: 558px;
	height: 20px;
	float: right;
}


/*------- menu vysouvaci */
.menuBlok {
	position: relative;
}

.menuBlok .menuSubs {
	display: none;
}

.display {
	position: relative;
	z-index: 100;
}

.menuBlok1, .menuBlok1Hover {
	position: absolute;
	left: 0px;
	z-index: 0;
	width: 85px;
	}
	
a.menuBlok1:hover, .menuBlok1Hover {
	z-index: 100;
	}
	
	
.menuBlok2, .menuBlok2Hover {
	position: absolute;
	left: 85px;
	z-index: 0;
	width: 82px;
	}
	
a.menuBlok2:hover, .menuBlok2Hover {
	z-index: 100;
	}
	
	
.menuBlok3, .menuBlok3Hover {
	position: absolute;
	left: 167px;
	z-index: 0;
	width: 90px;
	}
	
a.menuBlok3:hover, .menuBlok3Hover {
	z-index: 100;
	}
	

.menuBlok4, .menuBlok4Hover {
	position: absolute;
	left: 257px;
	z-index: 0;
	width: 76px;
	}
	
a.menuBlok4:hover, .menuBlok4Hover {
	z-index: 100;
	}
	
	
.menuBlok5, .menuBlok5Hover {
	position: absolute;
	left: 333px;
	z-index: 0;
	width: 103px;
	}
	
a.menuBlok5:hover, .menuBlok5Hover {
	z-index: 100;
	}
	
	
.menuBlok6, .menuBlok6Hover {
	position: absolute;
	left: 436px;
	z-index: 0;
	width: 96px;
	}
	
a.menuBlok6:hover, .menuBlok6Hover {
	z-index: 100;
	}

.menuBlok6: a {
	background-image: none;
}

.menuBlok a, .menuBlok a:link, .menuBlok a:active, .menuBlok a:visited, .display a {
	display: block;
	padding: 8px 0px 5px 0px;
	text-align: center;
	height: 20px;
	float:left;
	
	background-image: url(../img/menu_separator.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	
}

.menuBlok a:hover, .display a:hover, .display a:link, .display a:active, .display a:visited {
	text-decoration: none;
	color: #AEC431;
	text-decoration: underline;
}

	
.menuSubs {
	position: absolute;
	background-color: #000;	
	top: 30px;
}

#ms1 {
	left: 0px;
}
#ms2 {
	left: 85px;
}
#ms3 {
	left: 167px;
}
#ms4 {
	left: 282px;
}
#ms5 {
	left: 358px;
}
#ms6 {
	left: 461px;
}

a.submenu, a.submenu:visited, a.submenu:link, a.submenu:active {
	display: block;
	height: 15px;
	color: white;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 2px 2px 12px;	
	background-color: #F3F3F3;
	background-image: url(../img/submenu_bgr.jpg);
	background-repeat: repeat-x;
	border-top: 1px #CACACA solid;
	color: #000;
	float: none;
}

a.submenu:hover {
	color: #000;
	background-image: url(../img/submenu_hover_bgr.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}

#s1 {
	width: 85px;
}

#s2 {
	width: 140px;
}
#s3 {
	width: 145px;
}
#s4 {
	width: 110px;
}
#s5 {
	width: 103px;
}
#s6 {
	width: 96px;
}

/* lang selector */

#langselector {
	float: right;
	width: 136px;
	height: 24px;
	padding-top:3px;
	background-image: url(../img/langselector_bgr.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#langselector_noshow {
	float: right;
	width: 136px;
	height: 24px;
	padding-top:3px;
}

#flag_sa {
	float: left;
	background-image: url(../img/flag_sa.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 21px;
	padding-left: 22px;
	padding-top: 2px;
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

#flag_en {
	float: left;
	background-image: url(../img/flag_en.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 21px;
	padding-left: 22px;
	padding-top: 2px;
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	text-decoration: none;
}


#pgheader {
	width: 758px;
	height: 22px;
	margin: 0 auto;
	background-color: #BACD50;
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;
}


/* homepage css */


#welcomebox {
	width: 758px;
	height: 250px;
	margin: 0 auto;
	background-image: url(../img/welcomebox_bgr.jpg);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left;
	
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;
	
}

#welcometext {
	width: 276px;
	height: 170px;
	padding: 25px;
	color: #fff;
	line-height: 150%;
	background-repeat: no-repeat;
}


#ilustpic {
	width: 432px;
	height: 242px;
	position: absolute;
	margin-top: -22px;
	margin-left: 326px;
	background-repeat: no-repeat;
}

#pgfooter {
	background-color: #AEC431;
	height: 7px;
	font-size: 1px;
	width: 758px;
	margin: 0 auto;
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;	
}

#topproducts {
	width: 758px;
	background-color: #C6D66F;
	margin: 0 auto;
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;
}

.productbox {
	width: 150px;
	xheight: 171px;
	height: 131px;
	background-color: #fff;
	float: left;
	margin-right: 2px;
	margin-bottom: 5px;
}

.productbox h2 {
	display: block;
	height: 22px;
	font-size: 96%;
	margin: 0px;
	color: #fff;
	background-color: #6B6B6B;
	padding: 11px 0px 0px 5px;
	/*vertical-align: 50%;*/
}

.productbox ul {
	margin: 38px 0 0 0;
	padding: 0px;
	list-style: none;
}

.productbox li a, #leftmenu li a {
	width: 128px;
	height: 16px;
	display: block;
	font-size: 10px;
	padding: 4px 0px 0px 22px;
	text-decoration: none;
	background-image: url(../img/prod_li_bgr.gif);
	background-repeat: no-repeat;
	color: #000;
}

.productbox li a:hover, #leftmenu li a:hover {
	background-image: url(../img/prod_li_hover_bgr.gif);
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}


#leftmenu ul ul li a {
	width: 120px;
	height: 16px;
	display: block;
	font-size: 10px;
	padding: 4px 0px 0px 30px;
	text-decoration: none;
	background-image: url(../img/subsubmenu_bgr.gif);
	background-repeat: no-repeat;
	color: #000;
}
#leftmenu ul ul li a:hover {
	background-image: url(../img/subsubmenu_hover_bgr.gif);
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}


#prod_wimax {
	background-image: url(../img/prod_wimax.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}

#prod_gsmgateways {
	background-image: url(../img/prod_gsmgateways.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}
#prod_pbx {
	background-image: url(../img/prod_pbx.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}
#prod_voip {
	background-image: url(../img/prod_voip.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}
#prod_ippbx {
	background-image: url(../img/prod_ippbx.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}
#prod_moboffice {
	background-image: url(../img/prod_moboffice.jpg);
	background-repeat: no-repeat;
	background-position: 0px 33px;
}





/* normal page css */

#pg {
	width: 758px;
	margin: 0 auto;
	background-image: url(../img/pg_bgr.gif);
	background-repeat: repeat-y;
	border-left: 1px #696868 solid;
	border-right: 1px #696868 solid;	
}

#leftmenu {
	width: 150px;
	float: left;
}

#leftmenu h2 {
	display: block;
	height: 22px;
	font-size: 100%;
	margin: 0px;
	color: #fff;
	background-color: #6B6B6B;
	padding: 11px 11px 0 21px;
}

#leftmenu ul {
	margin: 0px 0 0 0;
	padding: 0px;
	list-style: none;
}

#pgcontent {
	width: 408px;
	float: left;
}

#pgcontentheader {
	background-color: #ccc;
	height: 26px;
	width: 403px;
	text-align: right;
	padding: 7px 5px 0px 0px;
}

.icons  {
	background-image: url(../img/separer.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding: 5px;
	float: right;
}

#content {
	padding: 20px;
}

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


#content table th {
	text-align: left;
	padding: 10px 0px;
	background-color: #fff;
}
#content table tr {
	background-color: #EDEDED;
}
#content table td {
	padding: 4px;
}

#rightcol {
	width: 200px;
	float: left;
	padding-top: 100px;
}

#rightcol ul {
	padding: 5px 20px 5px 25px;
}

#rightcol ul li {
	margin-bottom: 10px;
}

#ilustpic_s {
	width: 199px;
	height: 124px;
	position: absolute;
	margin-top: -122px;
	margin-left: 1px;
	background-repeat: no-repeat;
}

#rightcol h2 {
	display: block;
	height: 22px;
	font-size: 100%;
	margin: 0px;
	color: #fff;
	background-color: #6B6B6B;
	padding: 11px 11px 0px 11px;
}

#rightcol p {
	padding: 10px;
}



/* footer promo */

#footerpromo {
	width: 758px;
	height: 132px;
	background-color: #fff;
	margin: 0 auto;
	border: 1px #696868 solid;
	border-top: none;
	
}

/* footer */

#footer {
	width: 758px;
	height: 15px;
	margin: 4px auto;
	text-align: right;
	font-size: 10px;
	color: #A9ACB2;
}


.cleaner, #cleaner {
	clear: both;
	height: 1px;
	font-size:1px;
}