body { 
	position:relative;
  margin:0;           
  padding:0;
	font-family:Arial;
  text-align:left;
  background:#060606;
  background-position:center top;
  background-repeat:no-repeat; 
}
body.bg1 {background-image:url(../images/bg1.jpg);}
body.bg2 {background-image:url(../images/bg2.jpg);}
body.bg3 {background-image:url(../images/bg3.jpg);}

a {text-decoration:underline;}
a:hover {text-decoration:underline;}
a img {border:none;}

.clear {clear:both;}
.hidden {display:none;}
.fleft {float:left;}
.fright {float:right;}

#head {
	position:relative;
	margin:auto;
	width:956px;
	height:99px;
}
#navigation {
	position:relative;
	margin:auto;
	width:956px;
	height:34px;
	background:url(../images/menu-bg.jpg) no-repeat right top;
}
#lcd {
	position:relative;
	margin:10px auto 0 auto;
	padding:12px 0 0 15px;
	width:941px;
	height:210px;
	background:#1e1e1e url(../images/lcd.jpg) no-repeat right top;
}
#lcd ul {
  border:0; margin:0; padding:0;
  background-color:#000;
}
#lcd li {
  display:none;
  line-height:0;
  background-color:#000;
  position:relative;
}
#lcd li a.show {
display:block;
position:absolute;
left:747px;
top:153px; 
padding:0 0 0 10px;
width:142px;
height:24px;
line-height:24px;
font-size:0.7em; 
color:#aeaeae;
text-decoration:none;
}

#page {
	position:relative;
	margin:auto;
	padding-top:22px;
	padding-bottom:20px;
	width:956px;
}
#page.lcd1 {padding:0;background:url(../images/lcd1.jpg) no-repeat right top;}
#page.lcd2 {padding:40px 0 0 0;background:url(../images/lcd2.jpg) no-repeat right top;}
#page.lcd3 {padding:40px 0 0 0;background:url(../images/lcd3.jpg) no-repeat right top;}

.box1 {
	float:left;
	width:590px;
}
.box2 {
	float:right;
	width:341px;
}

.box2 .pocty .pocet1 {
  float:left;
  width:95px;
  height:120px;
  line-height:120px;
  font-size:1.8em;
  text-align:center;
}
.box2 .pocty .pocet2 {
  float:left;
  width:100px;
  
  font-size:1.0em;
  padding-left:20px;
  margin-top:67px;
  font-weight:bold;
}
#foot {
	margin:0;
	width:100%;
	height:237px;
	background:#1a1a1a url(../images/foot-bg.png) repeat-x left top;
}
#foot div.cnt {
	position:relative;
	margin:auto;
	width:956px;
}

/*logo*/
#logo {
    position:absolute;
    top:26px;
    left:4px;
    margin:0; 
    padding:0;
    width:106px; 
    height:51px;
    font-size:0.8em;
    overflow:hidden;
}
#logo a {
	display:block;
    width:106px; 
    height:21px;
	text-decoration:none;
	color:#000;
    text-align:center;
	font-size:10px;
}
#head #logo a:hover {
	color:#000;
}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    width:106px; 
    height:51px;
    cursor:pointer;
    background-position:center top;
    background-repeat:no-repeat;
}


#menu {
	margin:0;
	padding:0;
	height:34px;
	list-style:none;
}
#menu li {float:left;}
#menu li a {
	position:relative;
	float:left;
	display:block;
	height:34px;
	line-height:34px;
	text-decoration:none;
	text-align:center;
	color:#fff;
}
#menu li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:34px;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
}
#menu li a:hover span,#menu li a.active span {background-position:right top;}
#menu li.item1 a,#menu li.item1 a span {width:89px;}
#menu li.item2 a,#menu li.item2 a span {width:81px;}
#menu li.item3 a,#menu li.item3 a span {width:92px;}
#menu li.item4 a,#menu li.item4 a span {width:115px;}
#menu li.item5 a,#menu li.item5 a span {width:90px;}
#menu li.item6 a,#menu li.item6 a span {width:116px;}

#colorpoint {
	position:absolute;
	left:772px;
	top:12px;
	height:15px;
}
#colorpoint a {
	display:block;
	float:left;
	position:relative;
	margin:0 5px 0 0;
	width:15px;
	height:15px;
	overflow:hidden;
}
#colorpoint a:hover img, #colorpoint a.active img {
	position:relative;
	left:-15px;
}


#lang {
	position:absolute;
	right:11px;
	top:6px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	width:50px;
	height:19px;
	background:url(../images/lang-bg.png) no-repeat left top;
}
#lang a {
	display:block;
	float:left;
	color:#fff;
	font-size:0.75em;
	text-decoration:none;
}
#lang a.item1 {float:left;background:none;}
#lang a.item2 {float:right;}
#lang a:hover,#lang a.active {
	color:#848484;
}

#lcd a.arrow {
	display:block;
	position:absolute;
	top:93px;
	padding:0;
	width:34px;
	height:34px;
	line-height:34px;
	color:#fff;
	background:#000;
	text-decoration:none;
	text-align:center;
}
#lcd a.arrow:hover {color:#ff0000;}
#lcd a.arrow.left {
	left:0;
}
#lcd a.arrow.right {
	right:0;
}
#lcd a.arrow span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:34px;
	height:34px;
	cursor:pointer;
    background-position:left top;
    background-repeat:no-repeat;
}
#lcd a.arrow:hover span,#lcd a.arrow.active span {background-position:right top;}


#info {
	float:left;
	padding:35px 0 0 49px;
	width:533px;
	height:200px;
	background:url(../images/signature.png) no-repeat 352px 171px;
}
#info p {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.75em;
	color:#bcbcbc;
	line-height:1.4;
}
#info p.short {width:300px;}
#info p strong {
	color:#fff;
}
#submenu {
	float:right;
	position:relative;
	right:42px;
	top:19px;
	margin:0;
	padding:0;
	width:261px;
	list-style:none;
}
#submenu li a {
	display:block;
	position:relative;
	padding:0 0 0 40px;
	width:221px;
	height:51px;
	line-height:51px;
	color:#fff;
	background-color:#0c0c0c;
	text-decoration:none;
}
#submenu li a span {
	position:absolute;
	left:0;
	top:0;
	width:261px;
	height:51px;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
}
#submenu li a:hover span,#submenu li a.active span {background-position:right top;}

.box {position:relative;}
.box1 h2.title {
	position:relative;
	margin:0;
	padding:0 0 0 20px;
	width:562px;
	height:54px;
	line-height:54px;
	color:#adadad;
	background-color:#191919;
}
.box1 h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:582px;
	height:54px;
}
.box1 h2.title2 {height:51px;line-height:52px;}
.box1 h2.title span {height:51px;}
.box2 h2.title {
	position:relative;
	margin:0;
	padding:0 0 0 20px;
	width:321px;
	height:51px;
	line-height:51px;
	color:#adadad;
	background-color:#191919;
}

.box1 table {
  margin-left:7px;
}
.box1 table tr td {
  font-size:0.8em;
  color:#fff;
  vertical-align:top;
}
.box1 table tr th {
  font-size:0.8em;
  color:#fff;
  text-align:left;
  vertical-align:top;
}
.box1 table input {
  background-color:#ccc;
  border:1px solid #bbb;
  font-size:0.8em;
  
}

.box1 table textarea {
  background-color:#ccc;
  border:1px solid #bbb;
}

.box2 h2.title span {
	position:absolute;
	left:0;
	top:0;
	width:341px;
	height:51px;
}
#title1 {background:url(../images/title1.png) no-repeat left top;}
#title2 {background:url(../images/title2.png) no-repeat left top;}
#title3 {background:url(../images/title3.png) no-repeat left top;}
#title4 {background:url(../images/title4.png) no-repeat left top;}
#title5 {background:url(../images/title5.png) no-repeat left top;}
#title6 {background:url(../images/title6.png) no-repeat left top;}
#title7 {background:url(../images/title7.png) no-repeat left top;}
#title8 {background:url(../images/title8.png) no-repeat left top;}
#title9 {background:url(../images/title9.png) no-repeat left top;}
#title10 {background:url(../images/title10.png) no-repeat left top;}
#title11 {background:url(../images/title11.png) no-repeat left top;}
#title12 {background:url(../images/title12.png) no-repeat left top;}
#title13 {background:url(../images/title13.png) no-repeat left top;}
#title14 {background:url(../images/title14.png) no-repeat left top;}
#title15 {background:url(../images/title15.png) no-repeat left top;}
#title16 {background:url(../images/title16.png) no-repeat left top;}
#title17 {background:url(../images/title17.png) no-repeat left top;}
#title18 {background:url(../images/title18.png) no-repeat left top;}
#title19 {background:url(../images/title19.png) no-repeat left top;}
#title20 {background:url(../images/title20.png) no-repeat left top;}
#title21 {background:url(../images/title21.png) no-repeat left top;}
#title22 {background:url(../images/title22.png) no-repeat left top;}

a.more {
	position:absolute;
	left:205px;
	top:-36px;
	display:block;
	padding:0 0 0 15px;
	width:112px;
	height:25px;
	line-height:25px;
	font-size:0.7em;
	color:#747474;
	text-decoration:none;
	background:url(../images/more-bg2.png) no-repeat left top;
}
.nitem {
	position:relative;
	padding:5px 0;
	width:341px;
	background:#060606 url(../images/nitem-bg.png) repeat-x left top;
  padding-bottom:10px;
}
.nitem.last {padding-bottom:30px;}
.nitem div.line {
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	width:341px;
	height:2px;
	font-size:0;
	background:url(../images/box2-line.png) no-repeat left top;
}
.nitem span.date {
	display:block;
	margin:0 0 0 14px;
	padding:0 0 0 16px;
	color:#5b5b5b;
	font-size:0.65em;
	background:url(../images/date-icon.png) no-repeat left center;
}
.nitem p {
	margin:0;
	padding:5px 12px 5px 16px;
	color:#bcbcbc;
	font-size:0.75em;
	line-height:1.4;
	text-align:justify;
}
.nitem p a.title {
	display:block;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
}
.nitem p a.next {
	padding:0 0 0 10px;
	text-decoration:none;
    background-position:left center;
    background-repeat:no-repeat;
}
.nitem p a.next:hover {text-decoration:underline;}
.nitem p strong {
  color:#fff;
}
#subsubmenu {
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
	width:341px;
	background-color:#131313;
}
#subsubmenu li a {
	position:relative;
	display:block;
	padding:0 0 0 20px;
	width:321px;
	height:32px;
	line-height:32px;
	color:#fff;
	text-decoration:none;
} 
#subsubmenu li a span {
	position:absolute;
	left:0;
	top:0;
	width:341px;
	height:32px;
	cursor:pointer;
    background-position:left top;
    background-repeat:no-repeat;
}
#subsubmenu li a:hover span,#subsubmenu li a.active span {background-position:right top;}

.witem {
	position:relative;
	float:left;
	padding:13px 0 0 0;
	height:234px;
}

.witem.left {
	padding-left:16px;
	width:275px;
	background:url(../images/item-box1.jpg) no-repeat left center;
}
.witem.right {
	padding-left:14px;
	width:277px;
	background:url(../images/item-box2.jpg) no-repeat left center;
}
.witem p {
	color:#fff;
	font-size:0.75em;
}
.witem p a {text-decoration:none;}
.witem p a:hover {text-decoration:underline;}
.witem a.arrow {
	display:block;
	position:absolute;
	left:255px;
	top:185px;
	width:21px;
	height:21px;
	text-align:center;
	text-decoration:none;
}
.witem a.arrow:hover {text-decoration:underline;}
.witem a.arrow span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:21px;
	height:21px;
    background-position:left top;
    background-repeat:no-repeat;
}
.witem a.arrow:hover span {
    background-position:right top;
}


#footmenu {
	position:absolute;
	left:0;
	top:10px;
	margin:0;
	padding:0;
	height:81px;
	list-style:none;
}
#footmenu li {
	float:left;
	padding-right:2px;
}
#footmenu li a {
	display:block;
	position:relative;
	width:144px;
	height:81px;
	line-height:81px;
	background-color:#191919;
	color:#fff;
}
#footmenu li a span {
	position:absolute;
	left:0;
	top:0;
	width:144px;
	height:81px;
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
}
#footmenu li a:hover span,#foot ul li a.active span {
    background-position:right top;
}
#foot p.fright {
	color:#6e6e6e;
	font-size:0.8em;
	line-height:81px;
}
#foot p.fright a {color:#fff;font-weight:bold;}

#foot div.content {
	position:absolute;
	left:12px;
	top:107px;
	width:932px;
	height:110px;
	background:url(../images/foot-cnt-bg.png) no-repeat left top;
}
#foot div.content ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	color:#fff;
	font-size:0.75em;
}
#foot div.content ul li {display:inline;}
#foot div.content ul li a {
	color:#fff;
	text-decoration:none;
}
#foot div.content p {
	color:#3c3c3c;
	font-size:0.75em;
	line-height:18px;
}
#foot div.content p a {color:#3c3c3c;}
#icons {
	position:absolute;
	left:836px;
	top:46px;
}

.lwitem {
	position:relative;
	width:582px;
	height:204px;
}
.lwitem.item {background:url(../images/lwitem-bg3.jpg) no-repeat left top;}
.lwitem.item1 {background:url(../images/lwitem-bg1.jpg) no-repeat left top;}
.lwitem.item2 {background:url(../images/lwitem-bg2.jpg) no-repeat left top;}
.lwitem a.image {
	position:absolute;
	left:16px;
	top:16px;
	height:160px;
	width:260px;
text-align:center;
}
.lwitem p {
	position:relative;
	left:308px;
	margin:0;
	padding:0;
	width:260px;
}
.lwitem p.title {
	padding:10px 0 15px 0;
	color:#fff;
	font-size:0.8em;
}
.lwitem p.title a {font-size:0.85em;}
.lwitem p.content {
	padding:0 0 10px 0;
	color:#fff;
	font-size:0.75em;
	color:#bcbcbc;
	text-align:justify;
}
.lwitem p.content strong {color:#fff;}
.lwitem span.date {
	display:block;
	position:relative;
	left:308px;
	margin:0;
	padding:0 0 0 16px;
	color:#5b5b5b;
	font-size:0.65em;
	background:url(../images/date-icon.png) no-repeat left center;
}
.lwitem a.arrow {
	display:block;
	position:absolute;
	left:550px;
	top:15px;
	width:21px;
	height:21px;
	text-align:center;
	text-decoration:none;
}
.lwitem a.arrow:hover {text-decoration:underline;}
.lwitem a.arrow span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:21px;
	height:21px;
    background-position:left top;
    background-repeat:no-repeat;
}
.lwitem a.arrow:hover span {
    background-position:right top;
}


#costumers {
	position:relative;
	margin:0 0 50px 0;
	padding:0;
	background:#060606 url(../images/nitem-bg.png) repeat-x left top;
}
#alfabet {
	padding:10px 0 0 16px;
}
#alfabet a {
	display:block;
	float:left;
	margin:0 5px 4px 0;
	width:26px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#bcbcbc;
	text-decoration:none;
	font-size:0.75em;
	background:url(../images/point-icon-transparent.png) no-repeat left top;
}
#alfabet a:hover,#alfabet a.active {
	background-position:right top;
}
#costumers ul {
	margin:10px 0 0 27px;
	padding:0;
	list-style:none;
}
#costumers ul li {
	padding-left:7px;
	color:#fff;
	font-size:0.75em;
	line-height:1.4;
}
.paginator {
	position:absolute;
	float:right;
}
.paginator.top {
	left:444px;
	top:-30px;
}
.paginator.bottom {
	left:444px;
	top:14px;
}
.paginator a.icon {
	display:block;
	float:left;
	margin-right:2px;
	padding:0;
	width:15px;
	height:16px;
}
.paginator a.nmb {
	display:block;
	float:left;	
	margin-right:2px;
	width:15px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-size:0.7em;
	color:#747474;
	text-decoration:none;
	background:url(../images/icon-point1.png) no-repeat left top;
}
.paginator.bottom a.nmb {background:url(../images/icon-point1b.png) no-repeat left top;}
.paginator span {
	display:block;
	float:left;	
	margin-right:2px;
	width:19px;
	height:19px;
	line-height:19px;
	font-size:0.7em;
	text-align:center;
	background:url(../images/icon-point2.png) no-repeat left top;
}
.paginator.bottom span {background:url(../images/icon-point2b.png) no-repeat left top;}


#paginator-bottom {
	position:relative;
	margin:10px 0 20px 0; 
	width:592px;
	height:65px;
	background:url(../images/paginator-bottom-bg.jpg) no-repeat left top;
}

.tiskovina {
	position:relative;
	margin:0 0 0 2px;
	padding:14px 0 0 13px;
	width:566px;
	height:320px;
	background:url(../images/tiskoviny-bg.jpg) no-repeat left top;
	color:#fff;
}

.tiskovina .log {
  width:553px;
  height:249px;
}

.tiskovina p {
  padding-top:0px;
  margin-top:6px;
  font-size:0.8em;
	font-weight:bold;
}


.logotyp {
	position:relative;
	margin:0 0 0 3px;
	padding:15px 0 0 13px;
	width:566px;
	height:207px;
	background:url(../images/logotyp-bg.jpg) no-repeat left top;
	color:#fff;
}

.logotyp .log {
  width:553px;
  height:160px;
}

.logotyp p {
  padding-top:0px;
  margin-top:6px;
  font-size:0.8em;
	font-weight:bold;
}
.logotyp a.title {
	float:left;
	margin:10px 0 0 10px;
	font-weight:bold;
	color:#fff;
	font-size:0.8em;
}
.logotyp a.arrow {
	display:block;
	position:absolute;
	left:540px;
	top:180px;
	width:21px;
	height:21px;
	text-align:center;
	text-decoration:none;
}
.logotyp a.arrow:hover {text-decoration:underline;}
.logotyp a.arrow span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:21px;
	height:21px;
  background-position:left top;
  background-repeat:no-repeat;
  cursor:pointer;
}
.logotyp a.arrow:hover span {
  background-position:right top;
}
.label {
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:57px;
	height:57px;
	color:#fff;
	background:url(../images/label.png) no-repeat left top;
}
.lwitem a.image .label {
	top:-12px;
	right:-12px;
}
.box.text h3 {
	margin:20px 0 20px 12px;
	padding:0;
	color:#fff;
	font-size:0.8em;
}
.box.text h4 {
	margin:20px 0 20px 12px;
	padding:0;
	color:#fff;
	font-size:0.75em;
}
.box.text p {
	margin:0 20px 10px 12px;
	font-size:0.75em;
	color:#bcbcbc;
	text-align:justify;
}
.box.text p.white {color:#fff;}
.box.text ul {
	margin:0 40px 20px 38px;
	padding:0;
	list-style:none;
	font-size:0.75em;
	color:#bcbcbc;
	text-align:justify;
}
.box.text ul li {padding:0 0 0 10px;
  line-height:1.4;
}
.box.text strong {
  color:#fff;
}
.cara {
  border-bottom:1px solid #141414;
}
.mezera {
  height:8px;
}

.doleva {
  float:left;
  width:260px;
}

.doprava {
  float:left;
  width:290px;
}
