/* BODY */
/* definice pozadi pro kazdou stranku */

BODY#homepage {
	background-image: url(../img/common/page_bg_homepage.gif);
	background-repeat: repeat-x;
}
BODY#gsm_gateways {
	background-image: url(../img/common/page_bg_gsmgateways.gif);
	background-repeat: repeat-x;
}
BODY#umts_gateways {
	background-image: url(../img/common/page_bg_umtsgateways.gif);
	background-repeat: repeat-x;
}
BODY#door_lift_communicators {
	background-image: url(../img/common/page_bg_doorlift.gif);
	background-repeat: repeat-x;
}
BODY#pbx {
	background-image: url(../img/common/page_bg_pbx.gif);
	background-repeat: repeat-x;
}
BODY#other {
	background-image: url(../img/common/page_bg_other.gif);
	background-repeat: repeat-x;
}
BODY#accessories {
	background-image: url(../img/common/page_bg_accessories.gif);
	background-repeat: repeat-x;
}
BODY#software {
	background-image: url(../img/common/page_bg_software.gif);
	background-repeat: repeat-x;
}
BODY#downloads {
	background-image: url(../img/common/page_bg_downloads.gif);
	background-repeat: repeat-x;
}

#issue {
	margin:0;
	margin-top:1px;
	width:100%;
	height:70px;
	overflow:hidden;
}

/* DESIGN */
/* hlavni box */
#main {
	width: 900px;
	height: auto;
}
/* header - navigace, logo holder */
#header {
	width: 100%;
	height: 73px;
	background-color: #839199;
	overflow: hidden;
}
#logotype {
	width:113px;
	height:73px;
	background-image: url(../img/common/logotype.gif);
	background-repeat: no-repeat;
	position: absolute;
}
/* NAVIGACE */
/* hlavni box */
#navigation {
	width: 787px;
	height: 22px;
	background-image: url(../img/common/bg_navigation.gif);
	background-repeat: no-repeat;	
	background-color: Black;
	position: relative;
	left: 113px;
	top: 0;
}
/* tlacitko - normalni */
.navbutton {
	dwidth: 78px;
	height: 21px;
	border:0;
}
/* tlacitko - home */
.navhome {
	width: 26px;
	height: 21px;
	border:0;
	margin-left:1px;
}
#login {
	position: absolute;
	left: 631px;
	top:0px;
}
/* language box */
#language {
	width: 102px;
	height: 44px;
	background-image: url(../img/common/bg_language.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 685px;
}
/* lang select box */
SELECT.language {
	font-size:10px;
	width: 70px;
	margin: 25px 0 0 14px;
}

/* search box */
#search {
	width: 110px;
	height:44px;
	background-image: url(../img/common/bg_search.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 781px;
	top:22px;
}
/* search input box */
INPUT.search {
	font-size:10px;
	width: 70px;
	margin: 24px 0 0 13px;
}
/* search submit button */
INPUT.searchbt {
	position: relative;
	top:4px;
	left:3px;
}

/* PRODUCT ANIMATION */
#product_animation.homepage {
	width: 100%;
	height: 170px;
	margin-top:1px;
	background-color: white;
	overflow: hidden;
}
#product_animation.homepage .akce {
	width:188px;
	height:170px;
	border:0;
	position: absolute;
	top: 74px;
	left: 712px;
}
#product_animation {
	width: 100%;
	height: 70px;
	margin-top:1px;
	background-color: white;	
}
/* homepage - BOXY S KATEGORIEMA */
.box {
	width: 177px;
	height: auto;
	float:left;
	margin-right:1px;
}
.box .cathdr {
	height:32px;
	width:177px;
	overflow:hidden;
}
.box .cathdr img {
	width:177px;
	height:32px;
	border:0;
}
.box .catpic {
	height:44px;
	width:177px;
	overflow:hidden;
}
.box .catpic img {
	width: 177px;
	height:44px;
	border: 0;
}
.box .menu {
	width: 177px;
	height: 96px;
}
.box .menu A:hover {
	color:#333333;
}
.row {
	float:left;
}
#subleft .menu {
	width: 184px;
	height: auto;
	border-bottom: 1px solid white;
	padding-left: 0px;
}
.menu A SPAN {
	position: relative;
	top:3px;
	left:8px;
	display:block;
}
.menu A {
	background: url(../img/pages/homepage/bt_cat.gif) 0 0 no-repeat;
	display: block;
	width:100%;
	height:18px;
	overflow: hidden;
	text-decoration: none;
	font-size:10px;
	color:#333333;
}
.menu A:hover {
	background-position: -177px 0;
	text-decoration: none;
}
/* box navigace */
#subleft .menu A{
	width: 183px;
	height: auto;
	overflow: visible;
	border-top: 1px solid white;
	padding-bottom: 4px;
	cursor: hand;
}
#subleft .menu A {
	background: url(../img/common/bt_sub_bg.gif) 0 0 repeat-y;
}
#subleft .menu A:hover {
	color: #333333 !important;
}
#subleft .menu A.l2 {
	background: url(../img/common/bt_sub_bg_l2.gif) 0 0 repeat-y;
}
#subleft .menu A.l2-50{
	background: url(../img/common/bt_sub_bg_l2-50.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A.l2-51{
	background: url(../img/common/bt_sub_bg_l2-51.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A.l2-52{
	background: url(../img/common/bt_sub_bg_l2-52.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A.l2-54{
	background: url(../img/common/bt_sub_bg_l2-54.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A.l2-53{
	background: url(../img/common/bt_sub_bg_l2-53.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A.l2-2582{
	background: url(../img/common/bt_sub_bg_l2-2694.gif) 0 0 repeat-y;
	color: white;
}
#subleft .menu A:hover.l2-50, #subleft .menu A:hover.l2-51,#subleft .menu A:hover.l2-52,#subleft .menu A:hover.l2-54,#subleft .menu A:hover.l2-53{
	color: white !important;
}
#subleft .menu A.l3 {
	background: url(../img/common/bt_sub_bg_l3.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-50{
	background: url(../img/common/bt_sub_bg_l3-50.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-2582{
	background: url(../img/common/bt_sub_bg_l3-2694.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-51{
	background: url(../img/common/bt_sub_bg_l3-51.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-52{
	background: url(../img/common/bt_sub_bg_l3-52.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-54{
	background: url(../img/common/bt_sub_bg_l3-54.gif) 0 0 repeat-y;
}
#subleft .menu A.l3-53{
	background: url(../img/common/bt_sub_bg_l3-53.gif) 0 0 repeat-y;
}
#subleft .menu A.l4 {
	background: url(../img/common/bt_sub_bg_l4.gif) 0 0 repeat-y;
}
#subleft .menu A.l4-50{
	background: url(../img/common/bt_sub_bg_l4-50.gif) 0 0 repeat-y;
}
#subleft .menu A.l4-2582{
	background: url(../img/common/bt_sub_bg_l4-2694.gif) 0 0 repeat-y;
}
#subleft .menu A.l4-51{
	background: url(../img/common/bt_sub_bg_l4-51.gif) 0 0 repeat-y;
}
#subleft .menu A.l5 {
	background: url(../img/common/bt_sub_bg_l5.gif) 0 0 repeat-y;
}
#subleft .menu A:hover {
	background-position: -185px 0;
}
#subleft .menu A.l2 SPAN, #subleft .menu A.l2-50 SPAN, #subleft .menu A.l2-2582 SPAN, #subleft .menu A.l2-51 SPAN, #subleft .menu A.l2-52 SPAN, #subleft .menu A.l2-54 SPAN, #subleft .menu A.l2-53 SPAN {
	left: 15px;
	width: 168px;
}
#subleft .menu A.l3 SPAN,#subleft .menu A.l3-50 SPAN, #subleft .menu A.l3-2582 SPAN, #subleft .menu A.l3-51 SPAN, #subleft .menu A.l3-52 SPAN, #subleft .menu A.l3-54 SPAN, #subleft .menu A.l3-53 SPAN {
	left: 20px;
	width: 163px;
}
#subleft .menu A.l4 SPAN, #subleft .menu A.l4-50 SPAN, #subleft .menu A.l4-2582 SPAN, #subleft .menu A.l4-51 SPAN,#subleft .menu A.l4-52 SPAN {
	left: 25px;
	width: 158px;
}
#subleft .menu A.l5 SPAN {
	left: 30px;
	width: 153px;
}
/* special offers */
.specialoffers {
	width: 177px;
	height: 172px;
	float:left;
	overflow: hidden;
}
/* CONTENT */
#content {
	width: 100%;
	height: auto;
	margin-top: 0px;
	float:left;
	background-image: url(../img/common/bg_contentpage.gif);
	background-repeat: repeat-y;	
}
#content.homepage {
	background-color: White;
	background-image: none;
	width: 100%;
	height: auto;
	margin-top: 1px;
	float:left;
}
#subleft {
	width:188px;
	height:auto;
	float:left;
}

#content.homepage #subright{
	background-image: url(../img/common/bg_subcontent.gif);
	width:188px;
	height:auto;
	float:left;
}
#content #subright{
	width:187px;
	height:auto;
	float:left;
}
#subright *,#subleft * {
	margin-left:1px;
}
#maincenter.homepage {
	width: 711px;
	height: auto;
	float:left;
	margin-right: 1px;
}
#maincenter {
	width: 523px;
	height: auto;
	float:left;
	margin-right: 1px;	
}
/* FOOTER */
#footer {
	height: 16px;
	width: 100%;
	background-color: Black;
	margin-top: 1px;
	color: white;
	font-size: 10px;
	padding-top:2px;
	text-align: right;
	float:left;
}
#footer A {
	color: white;
	text-decoration: underline;
}
#footer A:hover {
	text-decoration: none;
}
#tools {
	position: absolute;
	top:117px;
	left:650px;
}
#tools img{
	width:53px;
	height:19px;
}