body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	background:#ccc url(images/gbyrepeat.jpg) repeat-y center;
}
.wrapper{
width:800px;
margin:0 auto;
background:#fff;
border-right:3px solid #ededed;
border-left:3px solid #ededed;
}
.navbg {
	background:url(images/navbg_02.gif) repeat-x;
	width:100%;
	height:54px;
	border-bottom:2px solid #fff;
	}
#navcontainer ul
{
	margin:0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top:19px;
	padding-bottom:22px;
	display:block;
	width:95%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
font-size: 12px;
font-weight:bold;
padding-right: 10px;
padding-top:19px;
padding-bottom:21px;
padding-left: 10px;
color: #FDFDFD;
width: 100%;
border-right:thin  #333 solid;
border-left:thin  #333 solid;
}

#navcontainer ul li a:hover
{
background:url(images/navhover_02.gif) repeat-x top;
font-size: 12px;
font-weight:bold;
text-decoration:none;
margin-top:8px;
width: 100%;
height:28px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.banner{
background:url(images/bannerbg_13.gif) repeat-x;
height:130px;
width:100%;
border-bottom:3px solid #1553B9;
}
.bannerontop{
background:url(images/bannerontop.png) no-repeat center;
height:96px;
padding-top:35px;
text-align:center;
}
.content{
width:100%;
padding-top:10px;
}
.leftcolumn{
width:150px;
padding-left:9px;
background: #F1F1F1;
float:left;
}
.rightcolumn{
width:630px;
float:right;
text-align:left;
}
h2{
background:url(images/leftcolumnheader_21.gif) center no-repeat;
font-weight:bold;
text-align:center;
color: #FDFDFD;
font-size:11px;
margin:0;
padding-top:14px;
padding-bottom:14px;
}
.clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}

/* Menu Zakladne styly */
* {margin:0; padding: 0;}
#menu {float: left;  width: 120px; margin-left:10%; margin-top:5px;}
#menu ul {list-style-type: none;}
#menu li {float: left; position: relative; width: 120px;}
#menu li a {display: block;  width: 119px; background:url(images/leftnav.jpg) repeat-x #ededed; color: #000; line-height: 2.3em; text-decoration: none; text-align: center; font-weight: normal;}
* html #menu li a {width: 120px; position: relative; overflow: hidden;}
#menu li ul {position: absolute; display: none; width: 120px; top: 0; left: 120px;}
* html #menu li ul {display: block; margin-top: -1px;}

/*Menu Hover efekty */

#menu li a:hover, #menu li:hover a {background: #FFF; color: #000; overflow: visible; font-weight: bold;}
#menu li:hover ul {display: block;}
#menu li li a, #menu li:hover li a {font-weight: normal; background:url(images/leftnav.jpg) repeat-x #ededed; color: #000;}
#menu li li a:hover, #menu li:hover li a:hover {background: #fff; color:#000; font-weight: bold;}

h3{
font-size:17px;
color:#39629F;
font-weight:bold;
text-align:center;
margin:0;
width:100%;
border-bottom:1px solid #ededed;
}
.info{
padding-top:5px;
padding-bottom:5px;
background:url(images/inforepeat_25.gif) repeat-y left;
padding-left:20px;
margin:0;
color:#666;
font-size:10px;
margin-bottom:5px;
}
.maincontevt{
padding-left:5px;
padding-right:5px;
}
a:link {
	color: #39629F;
	text-decoration: none;
}
a:visited {
	color: #39629F;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	text-decoration: none;
}
a:active {
	color: #39629F;
	text-decoration: none;
}
a {
	font-weight: bold;
}
.span style2 {
font-weight:bold;
}
.h1 {
font-size: 24px;
}
div.footer {
padding-top:1px;
vertical-align: bottom;
clear: both;
text-align:center;
padding-bottom:7px;
background:url(images/navbg_02_foot.jpg) repeat-x;
color:#FFF;
font-weight:bold;
}
.img-border {
padding-bottom:4px;
border:0;
}
a#pocitace {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/pocitace.jpg") no-repeat;
margin-right:2cm;
margin-top:2em;
}

a#pocitace:hover {
background-position: -150px 0;
}

a#monitory {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/monitory.jpg") no-repeat;
margin-right:2cm;
margin-top:2em;
}

a#monitory:hover {
background-position: -150px 0;
}

a#notebooky {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/notebooky.jpg") no-repeat;
margin-top:2em;
}

a#notebooky:hover {
background-position: -150px 0;
}

a#tlaciarne {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/tlaciarne.jpg") no-repeat;
margin-right:2cm;
margin-top:1cm;
}

a#tlaciarne:hover {
background-position: -150px 0;
}

a#siete {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/siete.jpg") no-repeat;
margin-right:2cm;
margin-top:1cm;
}

a#siete:hover {
background-position: -150px 0;
}

a#prislusenstvo {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/prislus.jpg") no-repeat;
margin-right:2cm;
margin-top:1cm;
}

a#prislusenstvo:hover {
background-position: -150px 0;
}

a#domacnost {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/doma.jpg") no-repeat;
margin-top:1cm;
}

a#domacnost:hover {
background-position: -150px 0;
}

a#software {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/software.jpg") no-repeat;
margin-right:2cm;
margin-top:1cm;
}

a#software:hover {
background-position: -150px 0;
}

a#pokladne {
float:left;
display: block;
width: 150px;
height: 170px;
text-decoration: none;
background: url("images/pokladne.jpg") no-repeat;
margin-top:1cm;
}

a#pokladne:hover {
background-position: -150px 0;
}

.displace {
position: absolute;
left: -5000px;
}
p.padding {
padding-left:2em;
padding-right:2em;
font-size:13px;
text-align:justify;
}
.padding-top {
padding-top:2cm;
padding-left:2cm;
padding-bottom:0.5cm;
}
p.email {
font-size:13px;
text-align:center;
}