html, body {
	padding: 0px;
	margin: 0px;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
}

#vypocetni-technika-container {
	width: 770px;
}

#pocitace-header {
	width: 770px;
	height: 75px;
	background: url(/img/pocitace-header.png);
}

#pocitace-header h1 span {
	display: none;
}

#pocitace-header h2 span {
	display: none;
}

#jcscomp-body {
}
	
#jcs-levy {
	float: left;
	width: 160px;
	margin: 8px 0px 8px 0px;
	padding: 0px;
	background: url(/img/jcs-levy.png);
}

#jcs-levy a img {
	border: 0px;
}

#searchbox {
	width: 197px;
	height: 36px;
	background: url(/img/jcscomp-hledat.png);
}

#polehledat {
	width: 90px;
	margin: 0px 0px 0px 8px;
}

#poleprihlasit, #polehlidat {
	width: 125px;
}

#tlacitkohledat {
	width: 60px;
	margin: 0px 0px 0px 8px;
}

.center {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#jcs-pravy {
	float: right;
	width: 160px;
}

#jcs-pravy .box {
	margin: 0px 0px 16px 0px;
	background: #acb6cc url(/img/pravy-box-bottom.png) bottom left no-repeat;
}

#jcs-pravy .box h1 {
	margin: 0px 0px 8px 0px;
	padding: 2px 8px 2px 8px;
	background: url(/img/pravy-box-h1.png);
	font-size: 16px;
}

.box h2 {
	margin: 0px;
	font-size: 14px;
}

.box h3 {
	margin: 8px 0px 0px 0px;
	font-size: 12px;
}

.boxint {
	padding: 2px 20px 12px 8px;
	font-size: 12px;
}

#stred {
	margin: 0px 176px 0px 176px;
}

#stred2 {
	margin: 0px 0px 0px 176px;
}

.whitebox {
	background: url(/img/whitebox-bottom.png) bottom left no-repeat;
}

.whitebox h1 {
	margin: 0px 0px 16px 0px;
	padding: 2px 8px 2px 8px;
	background: url(/img/whitebox-h1.png) top left no-repeat;
	font-size: 18px;
}

.whitebox2 {
	margin: 0px 0px 16px 0px;
	background: url(/img/whitebox2-bck.png) top left repeat-y;
}

.whitebox2 h1 {
	padding: 2px 8px 0px 8px;
	margin: 0px;
	background: url(/img/whitebox2-top.png) top left no-repeat;
	font-size: 16px;
}

.whitebox2int {
	width: 400px;
	max-height: 400px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	font-size: 12px;
	overflow: hidden;
}

.whitebox2bottom {
	padding: 0px;
	margin: 0px;
	height: 16px;
	background: url(/img/whitebox2-bottom.png) bottom left no-repeat;
}

.whiteboxint {
	padding: 2px 20px 12px 8px;
	font-size: 12px;
}

.whitepage {
	background: url(/img/whitepage-bck.png) top left;
}

.whitepage h1 {
	margin: 0px 0px 16px 0px;
	padding: 2px 8px 2px 8px;
	background: url(/img/whitepage-h1.png) top left no-repeat;
	font-size: 18px;
}

.whitepageint {
	width: 564px;
	padding: 2px 20px 12px 8px;
	min-height: 300px;
	font-size: 12px;
	overflow: hidden;
}

.whitepagebottom {
	height: 16px;
	background: url(/img/whitepage-bottom.png) bottom left no-repeat;
}

/* ---------------------------- */¨

/* -- upmenu -- */
#upmenu {
	margin: 0;
	padding: 0;
	height: 27px;
}

#upmenu ul {
	width: 770px;
	height: 27px;
	background: url(/img/topmenu-header.png) no-repeat;
}

#upmenu ul,#upmenu li {
	margin: 0;
	padding: 0;
}

#cl {
	clear: both;
}

#upmenu ul.mainmenu li {
	list-style-type: none;
}

#jcs-novinky {
	float: left;
	width: 75px;
	height: 27px;
}

#jcs-novinky a {
	display: block;
	width: 75px;
	height: 27px;
	background: url("/img/novinky.png") no-repeat;
}

#jcs-novinky a:hover {
	background: url("/img/novinky-.png") no-repeat;
}

#jcs-novinky span {
	display: none;
}

#eshop {
	float: left;
	width: 75px;
	height: 27px;
}

#eshop a {
	display: block;
	width: 75px;
	height: 27px;
	background: url("/img/eshop.png") no-repeat;
}

#eshop a:hover {
	background: url("/img/eshop-.png") no-repeat;
}

#eshop span {
	display: none;
}

#historie {
	float: left;
	width: 75px;
	height: 27px;
}

#historie a {
	display: block;
	width: 75px;
	height: 27px;
	background: url("/img/historie.png") no-repeat;
}

#historie a:hover {
	background: url("/img/historie-.png") no-repeat;
}

#historie span {
	display: none;
}

#co-nabizime {
	float: left;
	width: 108px;
	height: 27px;
}

#co-nabizime a {
	display: block;
	width: 108px;
	height: 27px;
	background: url("/img/co-nabizime.png") no-repeat;
}

#co-nabizime a:hover {
	background: url("/img/co-nabizime-.png") no-repeat;
}

#co-nabizime span {
	display: none;
}

#sluzby {
	float: left;
	width: 108px;
	height: 27px;
}

#sluzby a {
	display: block;
	width: 108px;
	height: 27px;
	background: url("/img/sluzby.png") no-repeat;
}

#sluzby a:hover {
	background: url("/img/sluzby-.png") no-repeat;
}

#sluzby span {
	display: none;
}

#reference {
	float: left;
	width: 108px;
	height: 27px;
}

#reference a {
	display: block;
	width: 108px;
	height: 27px;
	background: url("/img/reference.png") no-repeat;
}

#reference a:hover {
	background: url("/img/reference-.png") no-repeat;
}

#reference span {
	display: none;
}

#kontakty {
	float: left;
	width: 108px;
	height: 27px;
}

#kontakty a {
	display: block;
	width: 108px;
	height: 27px;
	background: url("/img/kontakty.png") no-repeat;
}

#kontakty a:hover {
	background: url("/img/kontakty-.png") no-repeat;
}

#kontakty span {
	display: none;
}

#reklamacni-rad {
	float: left;
	width: 108px;
	height: 27px;
}

#reklamacni-rad a {
	display: block;
	width: 108px;
	height: 27px;
	background: url("/img/reklamace.png") no-repeat;
}

#reklamacni-rad a:hover {
	background: url("/img/reklamace-.png") no-repeat;
}

#reklamacni-rad span {
	display: none;
}

.clear {
	clear: both;
}

#paticka {
	margin: 16px 0px 0px 0px;
	padding: 8px 24px 0px 24px;
	width: 770px;
	height: 50px;
	background: url("/img/paticka.png") no-repeat;
	font-size: 12px;
}

#paticka img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}