/**
 * all tags
 */ 

* {
	margin: 0;
	padding: 0;
	border: none;
}

/**
 * general tags
 */ 

body {
	background: #096;
	color: #000;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 95%;
	text-align: center;
	line-height: 120%;
}

hr {
	display: none;
}

a {
	color: #096;
}

/**
 * page
 */

div#page {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(images/page-background.png) repeat-y;
}

/**
 * header
 */

div#header {
	position: relative;
	height: 97px;
	overflow: hidden;
}

div#header h1,
div#header p#title {
	position: absolute;
	width: 348px;
	height: 64px;
	margin: 17px 0 0 28px;
	overflow: hidden;
	font-size: 240%;
	font-weight: bold;
	line-height: 64px;
}

div#header p#title a {
	color: #000;
	text-decoration: none;
}

div#header p#title a:hover,
div#header p#title a:focus,
div#header p#title a:active {
	text-decoration: underline;
}

div#header h1 span,
div#header p#title a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/header-axec-logo.png) no-repeat;
}

div#header p#title a span {
	cursor: pointer;
}

div#header p#subtitle {
	position: absolute;
	width: 278px;
	height: 54px;
	margin: 23px 0 0 416px;
	overflow: hidden;
	font-size: 120%;
	font-weight: bold;
	line-height: 50px;
}

div#header p#subtitle span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(images/header-spojime-vase-myslenky.png) no-repeat;
}

div#header div#breadcrumbs {
	position: absolute;
	left: 388px;
	top: 1px;
	width: 596px;
	height: 95px;
	background: no-repeat 100% 0;
}

div#header div#breadcrumbs.wiredNetworks {
	background-image: url(images/breadcrumbs-wired-networks.jpg);
}

div#header div#breadcrumbs.wirelessNetworks {
	background-image: url(images/breadcrumbs-wireless-networks.jpg);
}

div#header div#breadcrumbs.dataCenters {
	background-image: url(images/breadcrumbs-datacenters.jpg);
}

div#header div#breadcrumbs.networkElements {
	background-image: url(images/breadcrumbs-network-elements.jpg);
}

div#header div#breadcrumbs.camcorders {
	background-image: url(images/breadcrumbs-camcorders.jpg);
}

div#header div#breadcrumbs.voipExchanges {
	background-image: url(images/breadcrumbs-voip-exchanges.jpg);
}

div#header div#breadcrumbs.callCenter {
	background-image: url(images/breadcrumbs-call-centre.jpg);
}

div#header div#breadcrumbs.powerSupplies {
	background-image: url(images/breadcrumbs-power-supplies.jpg);
}

div#header div#breadcrumbs p {
	position: absolute;
	left: -9999px;
	bottom: 15px;
	color: #999;
	font-size: 90%;
}

div#header div#breadcrumbs p a {
	color: #999;
}

div#header div#breadcrumbs p a:hover,
div#header div#breadcrumbs p a:focus,
div#header div#breadcrumbs p a:active {
	color: #666;
}

/**
 * accessibility
 */

div#accessibility a {
	position: absolute;
	left: -9999px;
}

div#accessibility a:focus,
div#accessibility a:active {
	display: block;
	position: absolute;
	left: 388px;
	top: 32px;
	color: #0c9;
}

/**
 * content
 */

div#content {
	float: left;
	display: inline;
	width: 720px;
	margin: 2em 0 0.8em 16px;
	text-align: justify;
}

div#content h1,
body#welcome div#content h2 {
	clear: both;
	margin: 0.8em 12px 8px 12px;
	color: #096;
	font-size: 140%;
	line-height: 135%;
}

div#content h2,
body#welcome div#content h3 {
	clear: both;
	margin: 0.6em 12px 0 12px;
	color: #096;
	font-size: 120%;
	line-height: 135%;
}

div#content h2 span {
	color: #999;
}

div#content h3,
body#welcome div#content h4 {
	margin: 0.6em 12px 0 12px;
	color: #063;
	font-size: 105%;
	line-height: 135%;
}

div#content div.newsEntry {
	clear: both;
}

div#content div.newsEntry h2 {
	padding-top: 0.4em;
	border-top: 1px solid #ccc;
}

div#content div.newsEntry img {
	float: right;
	margin: 0.6em 12px 0.6em 12px;
}

div#content p {
	margin: 0.4em 12px;
	line-height: 135%;
}

div#content p.image {
	margin: 0.8em 12px;
	text-align: center;
}

div#content p.image img {
	margin: 0 auto;
	border: 8px solid #ddd;
}

div#content p.image img.noBorder {
	border: none;
}

div#content address {
	margin: 0.4em 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 135%;
}

div#content ul {
	margin: 0.4em 12px;
	padding: 0;
	list-style-type: none;
	line-height: 135%;
}

div#content ul#products {
	position: relative;
	height: 480px;
	margin: 0.6em 120px 1.2em 120px;
	background: url(contents/welcome-technologies.jpg) no-repeat;
	list-style-type: none;
}

div#content ul.float {
	float: left;
	width: 336px;
	margin-bottom: 0.6em;
	text-align: left;
}

div#content ul li {
	padding: 0 24px 0.2em 24px;
	background: url(images/link-arrow-dark.png) no-repeat 12px 0.5em;
}

div#content ul#products li {
	background: none;
}

div#content ul#products li a {
	display: block;
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

div#content ul#products li a:focus,
div#content ul#products li a:active {
	left: 0px;
}

div#content ul#products li a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(contents/welcome-technologies.jpg) no-repeat;
	cursor: pointer;
}

div#content ul#products li#wirelessNetworks a:focus span,
div#content ul#products li#wirelessNetworks a:active span,
div#content ul#products li#callCenter a:focus span,
div#content ul#products li#callCenter a:active span {
	background: none;
}

div#content ul#products li#wiredNetworks a {
	left: 181px;
	top: 384px;
	width: 78px;
	height: 84px;
}

div#content ul#products li#wiredNetworks a span {
	background-position: -181px -384px;
}

div#content ul#products li#wiredNetworks a:hover span {
	background-position: -661px -384px;
}

div#content ul#products li#dataCenters a {
	left: 11px;
	top: 326px;
	width: 120px;
	height: 102px;
}

div#content ul#products li#dataCenters a span {
	background-position: -11px -326px;
}

div#content ul#products li#dataCenters a:hover span {
	background-position: -491px -326px;
}

div#content ul#products li#networkElements a {
	left: 224px;
	top: 270px;
	width: 58px;
	height: 58px;
}

div#content ul#products li#networkElements a span {
	background-position: -224px -270px;
}

div#content ul#products li#networkElements a:hover span {
	background-position: -704px -270px;
}

div#content ul#products li#camcorders a {
	left: 391px;
	top: 245px;
	width: 49px;
	height: 57px;
}

div#content ul#products li#camcorders a span {
	background-position: -391px -245px;
}

div#content ul#products li#camcorders a:hover span {
	background-position: -871px -245px;
}

div#content ul#products li#voipExchanges a {
	left: 296px;
	top: 346px;
	width: 163px;
	height: 115px;
}

div#content ul#products li#voipExchanges a span {
	background-position: -296px -346px;
}

div#content ul#products li#voipExchanges a:hover span {
	background-position: -776px -346px;
}

div#content ul#products li#voiceServices a {
	left: 202px;
	top: 0;
	width: 129px;
	height: 216px;
}

div#content ul#products li#voiceServices a span {
	background-position: -202px 0;
}

div#content ul#products li#voiceServices a:hover span {
	background-position: -682px 0;
}

div#content ul#products li#networkSecurity a {
	left: 26px;
	top: 205px;
	width: 57px;
	height: 83px;
}

div#content ul#products li#networkSecurity a span {
	background-position: -26px -205px;
}

div#content ul#products li#networkSecurity a:hover span {
	background-position: -506px -205px;
}

div#content ul#products li#powerSupplies a {
	left: 18px;
	top: 448px;
	width: 131px;
	height: 14px;
}

div#content ul#products li#powerSupplies a span {
	background-position: -18px -448px;
}

div#content ul#products li#powerSupplies a:hover span {
	background-position: -498px -448px;
}

div#content object {
	margin: 0.3em 12px;
}

div#content form {
	margin: 0.6em 12px;
	padding: 17px 0 12px 0;
	background: #ddd url(images/form-background.png) repeat-x;
	color: #666;
}

div#content form p {
	margin: 0 12px 0.4em 12px;
}

div#content form label {
	display: block;
}

div#content form p input {
	border: 1px solid #999;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 100%;
}

div#content form p.errorMessage,
div#content form p.successMessage {
	margin: -0.2em 12px 0.6em 12px;
	font-weight: bold;
}

div#content form p.errorMessage {
	color: #900;
}

div#content form p.buttons {
	margin-bottom: 0;
}

div#content form p.buttons input {
	width: 5em;
	color: #666;
	font-weight: bold;
	cursor: pointer;
}

div#content form p.buttons input:hover {
	border-color: #666;
	color: #333;
}

div#content form p textarea {
	border: 1px solid #999;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 100%;
}

div#content a:hover,
div#content a:focus,
div#content a:active {
	color: #0c9;
}

/**
 * news
 */

div#recentNews {
	float: left;
	width: 247px;
	margin: -1px 0 0.2em 1px;
	border-top: 1px solid #fff;
	background: #ddd url(images/recent-news-background.png) repeat-x;
	color: #666;
}

div#recentNews h3 {
	margin: 0.6em 12px -0.2em 12px;
	padding: 0;
	font-size: 120%;
	line-height: 135%;
}

div#recentNews h4 {
	margin: 0.6em 12px 0 12px;
	padding: 0.4em 0 0 0;
	border-top: 1px solid #eee;
	font-size: 100%;
	line-height: 135%;
}

div#recentNews p {
	margin: 0.2em 12px 0 12px;
	font-size: 85%;
	line-height: 135%;
}

div#recentNews p.link {
	margin-bottom: 0.8em;
}

/**
 * navigation
 */

div#navigation {
	position: absolute;
	z-index: 1;
	left: 16px;
	top: 97px;
	width: 720px;
	background: #ddd url(images/navigation-background.png) repeat-x;
}

div#navigation h3 {
	display: none;
}

div#navigation div {
	float: left;
	position: relative;
}

div#navigation div h4 {
	border-right: 1px solid #fff;
	font-size: 100%;
}

div#navigation div h4 a {
	display: inline-block;
	padding: 0.3em 12px 0.4em 12px;
	border-top: 4px solid #096;
	background: #ddd url(images/navigation-menu-background-dark.png) repeat-x;
}

div#navigation div h4 a:hover,
div#navigation div h4 a:focus,
div#navigation div h4 a:active,
div#navigation div h4.current a {
	background-color: #eee;
	background-image: url(images/navigation-menu-background-light.png);
}

div#navigation div h4.current a {
	border-top-color: #0c9;
}

div#navigation div ul {
	display: none;
	position: absolute;
	z-index: 1;
	left: -1px;
	border: 1px solid #fff;
	border-top: none;
	background: #ddd;
	list-style-type: none;
	font-size: 90%;
}

div#navigation div#menuProducts ul {
	width: 18em;
}

div#navigation div#menuSupport ul {
	width: 11em;
}

div#navigation div#menuAbout ul {
	width: 12em;
}

div#navigation div ul li {
	display: block;
	border-top: 1px solid #fff;
}

div#navigation div ul li a {
	display: block;
	height: 100%;
	padding: 0.4em 12px 0.5em 24px;
	background: #ddd url(images/link-arrow-light.png) no-repeat 12px 0.8em;
}

div#navigation div ul li a:hover,
div#navigation div ul li a:focus,
div#navigation div ul li a:active,
div#navigation div ul li.current a {
	background-color: #eee;
}

div#navigation div ul li.current a {
	background-image: url(images/link-arrow-dark.png);
}

/**
 * footer
 */

div#footer {
	position: relative;
	clear: both;
	margin: 0.4em 0 0 0;
	padding: 0 0 1px 0;
	text-align: center;
	font-size: 90%;
}

div#footer p {
	height: 100%;
	margin: 0 16px;
	padding: 16px 16px 32px 16px;
	border-top: 1px solid #fff;
	background: #ddd url(images/footer-background.png) repeat-x;
	color: #999;
}

div#footer p a {
	color: #999;
}

div#footer p a:hover,
div#footer p a:focus,
div#footer p a:active {
	color: #666;
}

div#footer p img {
	width: 1px;
	height: 1px;
	border: none;
}