html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
}

body {
	font-size: 60%;
	text-align: center;
	color: #333;
  background: #fff url(images/bg-body.gif) repeat-x;
	font-family: Arial;
}

#content {
	position: relative;
	width: 988px;
	background: url(images/bg-content.gif) repeat-y;
	text-align: left;
	margin: 15px auto;
	padding-left: 2px;
}
#reference #content {
	background: url(images/bg-content2.gif) repeat-y;
}
#main p, #main a{
font-size: 120%;
}
#main p a{
font-size: 100%;
}
#homepage #main h1, #en #main h1 {
display: none;
}
#main{
width: 700px;
padding-bottom: 10px;

}
#homepage #main .item {
  position: relative;
  left:-20px;
  top:32px;
  width: 300px;
  height: 200px;
  display: block;
  padding: 35px 30px 30px 30px;
  font-size: 120%;
  line-height: 2em;
  background: #ececec;
}
#homepage #main .item a{
background: url(images/bg-schranka.gif) no-repeat left center;
padding-left: 44px;
color: #c5ab00;
font-size: 210%;
text-decoration: none;
}
#homepage #main .item .hotline{
font-size: 210%;
}
#homepage #main .item .hotline strong{
color: #0ca305;
}
 #en #main .item {
  position: relative;
  left:-20px;
  width: 300px;
  height: 250px;
  display: block;
  padding: 0 30px 30px 30px;
  font-size: 120%;
  line-height: 2em;
  background: #ececec;
}


#homepage #main h2 a {
text-decoration: none;
}

#homepage #main h2 a:hover {
text-decoration: underline;
}
#side {
background:#ECECEC none repeat scroll 0 0;
float:left;
font-size:120%;
line-height:2em;
margin-bottom:-4px;
padding:0;
position:relative;
right:0;
top:-7px;
width:265px;
}
#side p{
padding-left: 30px;
padding-right: 20px;
}
#side ul{
padding-left: 30px;

}
#side p a{
text-decoration: none;
font-size: 120%;
font-weight: bold;
}
#side p a strong{
color: #0da406;
}
#side h2 {
  font-size: 120%;
  margin-top: 20px;
  margin-bottom: 20px;
}

#side h2 a {
  text-decoration: none;
}

#side h2 a:hover {
  text-decoration: underline;
  color: #666;
}

#side img {
margin:44px 0px;
}
#side .novinky-telefony{
background: url(images/bg-novinky-telefony.jpg) no-repeat left top;
width: 264px;
padding: 190px 0 20px 0;
display: block;
}
#side .novinky-telefony p{
padding-right: 40px;
}

table.side {
margin-left:25px;
margin-top:20px;
width:90%;
}

table.side td.lefttd {
  width: 45%;
}

#flash {
position: absolute;
top: 146px;
left:2px;
width: 720px;
height: 290px;
background: #484848 
}

#flash1 {
position: absolute;
top: 146px;
left:2px;
width: 720px;
height: 290px;
}

#header {
	position: relative;
	background:  url(images/bg-header.png) no-repeat left top;
	height: 108px;
	overflow: hidden;
	margin-left: -2px;
	padding-bottom: 80px;
}

#en #header {
	
}
#main {
float:left;
height:auto !important;
min-height:295px;
padding-left:20px;
padding-top:278px;
position:relative;
}
#menu {
  position: absolute;
 height: 38px;
   width: 988px;
  text-align: left;
  top: 108px;
  left: 2px;
background:#434343 none repeat scroll 0 0;
}
#menu h2 {
display:none;
}
#menu ul{
padding-top: 8px; 
}
#menu ul li {
  display: inline;
  border-left: solid #333 2px;
}

#menu ul li.o-nas, #menu ul li.von-uns, #menu ul li.about-us {
  border: none;
}

#menu ul li a {
  text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding: 0 1em;
	color: #FFF;
	text-decoration: none;
	font-size: 140%;
	font-weight: bold;
	z-index: 100;
}

#menu ul li a:hover {
  text-decoration: underline;
	color: #666;
}
#menu2 {
  position: absolute;
  height: 25px;
  width: 720px;
  text-align: left;
  top: 436px;
  left: 2px;
  background-color: #ccc;
  padding-top: 9px;
}
#menu2 ul li{
padding-left: 20px;
}
#menu2 ul li.kamerove-systemy {
margin-right: 170px;
}
#menu2 ul li a{
  text-decoration: none;
	height: 20px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	font-size: 180%;
	font-weight: bold;
    padding-left: 20px;
  width: 300px;
  background:  url(images/bg-menu2.gif) no-repeat left top;
}
#breadcrumb {
  position: absolute;
	top: 146px;
	left:2px;
  width: 888px;
  background-color: #6f6f6f;
  padding-top: 10px;
  height: 25px;
}
#breadcrumb ul{
padding-left: 50px;
}
#breadcrumb li {

  display: inline;
}
#breadcrumb li a{
  color: #bdbdbd;
}

#header a strong {
	display: none;
}

#current a {
  position: absolute;
	display: block;
	width: 0;
	height: 95px;
	top: 0px;
	left: 0px;
	padding-left: 330px;
	overflow: hidden;
}

a#menujump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

#other {
	position: absolute;
	top: 146px;
	right: 0px;
	width: 100px;
	height: 25px;
	padding-top: 10px;
	z-index: 100;
	background-color: #6f6f6f;
	display: block;
}

#other li {
  display: block;
  float: left;
}

#other li a {
	display: block;
  height: 11px;
	width: 0;
	padding:0;
	padding-left: 16px;
	overflow: hidden;
	z-index:100;
}

#other li.cz a {
  background: red url(images/cz.jpg) no-repeat;
}

#other li.en a {
  margin-left: 15px;
  background: blue url(images/en.jpg) no-repeat;
}
#other li.de a {
  margin-left: 15px;
  background: blue url(images/de.jpg) no-repeat;
}


form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}

form {
	font-size: 110%;
	width: 80%;
	margin: 0 auto;
}

fieldset {
	margin: 0.5em 0;
}

fieldset legend {
	font-size: 150%;
	font-weight: bold;
	color: #333;
}

fieldset fieldset legend {
	font-size: 130%;
}

form label {
	text-align: right;
	display: block;
}

form input, form select {
	width: 98%;
}

form label input {
	width: 2em;
}

#footer {
	background: url(images/bg-footer.jpg);
	height: 45px;
	clear: both;
	margin-left: -2px;
}

#footer p {
  height: 49px;
  line-height: 49px;
  padding-left: 15px;
  text-align: center;
  font-size: 110%;
}

#footer a, a {
  text-decoration: underline;
  color: #333;
}

#footer a:hover, a:hover {
  text-decoration: none;
  color: #666;
}

#footer li {
	display: inline;
}

#footer br {
	display: none;
}
#footer .prihlasovani{
width: 400px;
position: absolute;
bottom: 100px;
left:337px;
}
#footer .prihlasovani h2{
padding-left: 0px;
padding-bottom: 20px;
font-size: 180%;
font-weight: normal;
}
#footer .prihlasovani form{
width: 270px;
position: static;
border-bottom: 1px #e0e0e0 solid;
padding-bottom: 30px;
background: url(images/bg-prihlasovani.gif) no-repeat right top;
padding-right: 61px;
padding-left: 15px;
}
#footer .prihlasovani form label{
float: left;
width: 112px;
text-align: left;

}
#footer .prihlasovani form input{
width: 150px;
background-color: #f3f3f3;
border: 1px #8a8a8a solid;
margin-bottom: 5px;
}
#footer .prihlasovani ul{
background: url(images/bg-karta.gif) no-repeat left top;
padding-left: 80px;
padding-top: 20px;
height: 28px ;
display: block;
position: relative;
top:15px;
left:40px;
}
#footer .prihlasovani ul li{
background: url(images/bg-prihlasovani-li.gif) no-repeat left center;
padding: 20px 10px 10px 20px;
margin-top: 50px;

}
#footer .prihlasovani ul li a{
color: #c5ab00;
font-weight: bolder;
text-decoration: none;
}
#footer .prihlasovani form button{
background-color: #fde020;
margin-left: 179px;
border: 1px #e6c90b solid;
}
#lista {
	clear: both;
  display: block;
  height: 40px;
  padding: 20px;
  background: none;
  position: absolute;
  bottom: -70px;
}

.searchform {
  position: absolute;
  right: 20px;
  top: 45px;
  width: 230px;
  height: 22px;
}

.searchform input {
  width: 150px;
  border: solid #003366 1px;
}

.searchform button {
  width: 55px;
  border: solid #003366 1px;
  margin-left: 15px;
}
.searchform label{
color: #ffffff;
font-weight: bold;
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
margin-left: 30px;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
margin-left: 0px;
padding: 10px 0 10px 0;
}
#main h2{
	font-size: 150%;
}
#main h3{
	font-size: 130%;
}
h2 {
	font-size: 130%;
}

#side h2 {

}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

#main ul, #main ol {
	padding: 2em 0;
	position: relative;
}

#main ul li, #main ol li {
	list-style: disc url();
	margin-left: 3em;
	font-size: 120%;
}

#main ol li {
	list-style: decimal url();
}

#main li li {
	font-size: 100%;
}

#main table {
	font-size: 120%;
	background: #fff;
	border-collapse: collapse;
border: solid #ccc 1px;
}
#main .seo-text{
position: absolute;
top:-250px;
}
#homepage #main table {
	background: #fff
}


#main table th {
	text-align: right;
}

#main table th, #main table td {
	vertical-align: middle;
}

#main table thead th, #main table th.right, #main table th.left {
	text-align: center;
	float: none;
}

#main table td.right {
	text-align: right;
	float: none;
}

#main table td.left {
	text-align: left;
	float: none;
}

#main table thead th, #main table thead td {
	border-bottom: #ddd solid 1px;
}

#main table tfoot th, #main table tfoot td {
	border-top: #ddd solid 1px;
}

#main table tbody th {
	border-right: #ddd solid 1px;
}

#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}

.hidden {
	display: none;
}

a img {
	border: none;
}

.left {
	float: left
}

.right {
	float: right;
}

.center {
  text-align: center;
}

img.left {
  margin-right: 1em;
}

img.right {
  margin-left: 1em;
}

.linklove {
  display: none !important;
}
.items{
padding-top: 20px;
}
#edit{
position: absolute;
top:0px;
right:0px;
}
#edit a{
color: #fcdd0b;
}

#main h1 {
background:#FCDD0B none repeat scroll 0;
font-size:180%;
height:35px;
line-height:38px;
margin: -30px -24px 10px -22px;
padding:0 30px;
}
#main h2, #main h3, #main h4, #main h5, #main h6 {
margin-left:-20px;
padding:5px 20px;
}
td {
display:table-cell;
padding:1px;
text-align:inherit;
vertical-align:inherit;
}
#main table td {
border:1px solid #CCCCCC;
padding:0px;
}

td {
display:table-cell;
padding:1px;
text-align:inherit;
vertical-align:inherit;
}
td strong {
background-color:#FCDD0B;
display:block;
padding:2px;
font-weight:bold;
}
#menu2 {
display: none;
}
#homepage #menu2 {
display: block;
}
#homepage #main {
padding-top: 300px;
}
#main table {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
border-collapse:collapse;
font-size:120%;
margin:20px auto;
width:95%;
}
table {
-moz-box-sizing:border-box;
border-collapse:separate;
border-spacing:2px;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
}
#kontakt #main h2 {
width:295px;
height:170px;
display:block;
background:#ECECEC;
position:relative;
}
#kontakt #main p {
position:relative;
top:-167px;
}
#kontakt #main p strong {
position:relative;
top:22px;
}
#kontakt #main ul {
position:relative;
top:-150px;
}
#kontakt #main table {
left:-21px;
position:relative;
top:-149px;
width:103%;
}
#kontakt #main {
margin-bottom:-130px;
}
#kontakt #main td a {
font-size:100%;
}
#menu ul li.digitalni-pc-systemy {
display: none;
}
#reference #main .item1, #reference #main .item2 {
background:#ECECEC none repeat scroll 0 0;
float:left;
margin:0 0 0 -20px;
padding:20px 30px 30px;
position:relative;
width:295px;
}
#reference #main .item2 {
background:#FFFFFF none repeat scroll 0 0;
float:right;
}
#side #news_box {
height:auto !important;
min-height:245px;
}
#header h1 {
  color:#FFFFFF;
  font-size:250%;
  font-weight:normal;
  left:329px;
  position:relative;
  top:60px;
}