* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body, select, input, textarea {
	font: 11px/1.2 arial, helvetica, sans-serif;
}

body {
	background-color: #c4e9ff;	
}
a, a:link, a:visited {
	color: #0AF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	text-decoration: none;
}
#container_960 {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
	background: url(../glib/layout/bg960.png) repeat-y top left;
}

* html #container_960 {
	height: 100%;
}

#container_spacer {
	padding: 10px 20px;
}

#header {
	height: 130px;
	display: block;
}

#header #logo {
	float: left;
	height: 130px;
	width: 485px;
	display: block;
	background: url(../glib/layout/logo.jpg) no-repeat top left;
}

#logo span {
	display: none;
}

#header #login {
	float: right;
	height: 130px;
	width: 359px;
	display: block;
	background: url(../glib/layout/login.png) no-repeat top left;
}

#login #login_spacer {
	padding: 25px 20px 30px 20px;
}

#login td.user, #login td.password {
	border-right: 1px solid #a0bec6;
	padding: 8px 0 8px 25px;
}

#login td.user {
	background: url(../glib/layout/user.png) no-repeat left center;
}

#login td.password {
	background: url(../glib/layout/password.png) no-repeat left center;
}

#search-left {
	float: left;
	height: 43px;
	width: 224px;
	display: block;
	margin: 5px 0;
	background: url(../glib/layout/search-left.png) no-repeat top left;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
	color: #838383;
}

#search-right {
	float: right;
	height: 43px;
	width: 691px;
	display: block;
	margin: 5px 0;
	background: url(../glib/layout/search-right.png) no-repeat top left;
}

#menu-container {
	float: left;	
	margin: 0; padding: 0;
}

#menu {	
	height: 210px;
	width: 224px;
	display: block;
	background: url(../glib/layout/menu.png) no-repeat top left;
}

#menu.logged {	
	height: auto;
	width: 222px;
	display: inherit;
	border: 1px solid #cccccc;
	margin: 1px 0 10px 0;
	background: none;
	background-color: #d9d9d9;
}

#menu-top {
	width: 222px;
	display: block;
	background: url(../glib/layout/menu-top.png) no-repeat top center;
}

#vertical-menu {
	float: left;
	height: 65px;
	width: 918px;
	display: block;
	margin: 5px 0;
	border: 1px solid #cccccc;
	line-height: 43px;
	background: #f1f1f1 url(../glib/layout/vertical-menu.png) repeat-x top left;
	font-size: 11px;
	font-weight: bold;
}

#menu ul,
#vertical-menu ul {
	list-style: none;
	padding: 20px 0 0 30px;
}

#menu.logged ul {
	padding: 20px 0 20px 30px;
}

#vertical-menu ul {
	padding: 10px 30px;
}

#menu ul li,
#vertical-menu ul li {
	height: 25px;
	margin-right: 12px;
	display: block;
	vertical-align: middle;
	line-height: 24px;
	background: url(../glib/layout/arrow.png) no-repeat left center;
}

#vertical-menu ul li {
	float: left;
	background: none;
}

#vertical-menu ul li.title {
	background: url(../glib/layout/arrow.png) no-repeat left center;
	font-size: 11px;
}

#menu ul li a {
	padding: 0 0 0 18px;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#vertical-menu ul li a {
	padding: 0;
	color: #2b6cc9;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;	
}

#vertical-menu ul li a.title {
	padding: 0 0 0 18px;
	color: black;
}

#menu ul li a:hover,
#vertical-menu ul li a:hover,
#vertical-menu ul li a.selected {
	text-decoration: underline;
}

#vertical-menu ul li a.important {
	color: #cc2626;
}

#infobox-header {
	height: 43px;
	width: 224px;
	display: block;
	margin: 0;
	margin-bottom: 2px;
	background: url(../glib/layout/search-left.png) no-repeat top left;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
	color:  black;
	text-transform: uppercase;
}

#infobox {
	border: 1px solid #cccccc;
	width: 222px;
	display: block;
	background-color: #f7f7f7;
	margin-top: 2px;
	margin-bottom: 10px;
}



#motiv {
	float: right;
	height: 210px;
	width: 691px;
	display: block;
	background: url(../glib/layout/motiv.jpg) no-repeat top left;
}

#motiv-logged {
	float: right;
	width: 691px;
}

#news-header {
	/*float: left;*/
	height: 49px;
	width: 224px;
	margin-top: 5px;
	
	display: block;
	background: url(../glib/layout/news-header.png) no-repeat top left;	
	text-align: center;
	font-weight: bold;
	line-height: 48px;
	font-size: 14px;
	color: black;
}

#main-container {
	width: 463px;
	float:left;
	width: 463px;
	margin-right: 5px
}
#main-container-wide {
	
}
#main-header {
	float: left;
	height: 49px;
	width: 463px;
	margin-top: 5px;
	display: block;
	background: url(../glib/layout/main-header.png) no-repeat top left;	
}
#article-container {
	float: left;
	width: 223px;
}
#article-header {
	float: left;
	height: 49px;
	width: 223px;
	margin-top: 5px;
	display: block;
	background: url(../glib/layout/article-header.png) no-repeat top left;	
	text-align: center;
	font-weight: bold;
	line-height: 48px;
	font-size: 14px;
	color: white;
}
#news-container {
	float:left;
	width: 224px;
	margin-right: 5px;
}
#news {
/*	float: left;*/
	width: 224px;
	background-color: #d4d4d4;	
	color: black;
}

#news-inner {
	padding: 14px;
	text-align: justify;	
}

#main {
	float: left;

}

#articles {
	float: left;
	width: 223px;
}

.article {
	margin: 5px 0;
}

.arthead {
	width: 223px;
	height: 4px;
	background: url(../glib/layout/arthead.png) no-repeat top left;
	margin: 0; padding: 0; font-size: 0;
}

.artbody1 {
	width: 223px;
	background: #b2f0ff url(../glib/layout/artbody1.png) no-repeat top left;
}

.artbody2 {
	width: 223px;
	background: url(../glib/layout/artbody2.png) no-repeat bottom right;	
}

.artinner {
	padding: 10px 14px;
	text-align: justify;
}

.artfoot {
	width: 223px;
	height: 4px;
	background: url(../glib/layout/artfoot.png) no-repeat top left;
	margin: 0; padding: 0; font-size: 0;
}

#footer {
	margin: 180px 10px 0 10px;
}

#footer-inner {
	padding: 10px;
	background-color: #c4c4c4;
}

#footer-inner table {
	height: 50px;
}

#footer-inner table td {
	vertical-align: middle;
	border: none;
}








h1 {
	font-size: 14px;
	margin: 10px 5px;
	font-weight: bold;
	color: #1cb9ff;
}

.nbl {
	border-left: none;
}

.nbt {
	border-top: none;
}

.bl {
	border: none;
	border-left: 1px solid white;
}

.blt {
	border: none;
	border-left: 1px solid white;
	border-top: 1px solid white;
}

.bt {
	border: none;
	border-top: 1px solid white;
}

.blb {
	border: none;
	border-left: 1px solid white;
	border-bottom: 1px solid gray;
}

.br {
	border: none;
	border-right: 1px solid gray;	
}

.brt {
	border: none;
	border-right: 1px solid gray;	
	border-top: 1px solid white;
}

.brb {
	border: none;
	border-right: 1px solid gray;	
	border-bottom: 1px solid gray;
}

.bb {
	border: none;
	border-bottom: 1px solid gray;
}

.btb {
	border: none;
	border-top: 1px solid white;
	border-bottom: 1px solid gray;
}

.brl {
	border: none;
	border-right: 1px solid gray;	
	border-left: 1px solid white;
}

.nbr {
	border-right: none;
}

.nb {
	border: none;
}



tr.orange td, td.orange {
	background-color: #ffdfa1;
}

tr.red td, td.red {
	background-color: #fcb2a2;
}

tr.green td, td.green {
	background-color: #dcffa8;
}

tr.black td {
	background-color: black;
	color: white;
}

tr.center td {
	text-align: center;
}

table.noborder td {
	border: none;
}



/* ---------- LAYOUT CLASSES ---------- */

input.nowidth,
select.nowidth {
	width: auto;
}


div.click {
	margin-top: 2px;
}

table.prodList {
	border: 1px solid #cacaca;
	border-collapse: collapse;
}

table.prodList tr {
	margin: 2px 0;
}

table.prodList th {
	background-color: #daf1ff;
	padding: 4px;
	border-bottom: 1px solid #cacaca;
}

table.prodList td {
	background: url(../glib/layout/prodListTD.png) repeat-x left center;
	padding: 4px;
	border-bottom: 1px solid #cacaca;
}

table.prodList td span {
	font-size: 9px;
	color: #8c8c8c;
}

table.prodList td span.fcred {
	color: #db0000;
}

table.prodList td span.cenaD {
	font-size: 11px;
	color: #cc2626;
	font-weight: bold;
}

table.prodList td a {
	font-size: 11px;
	font-weight: bold;
	color: #2b6cc9;
	text-decoration: none;
}

table.prodList tr.shopcart td {
	background: none;
	background-color: #e2f4fe;
}

table.prodList tr.toggle td {
	background: #e2f4fe;
	padding: 0;
}


table.prodList td a:hover {
	text-decoration: underline;
}

/* ----- TABLE-SHOPCART ----- */

table.shopCart {
	border: 1px solid #cacaca;
	border-collapse: collapse;
}

table.shopCart tr.top td {
	padding: 4px 4px 0 4px;
}

table.shopCart tr.bot td {
	padding: 0 4px 4px 4px;
	border-bottom: 1px solid #cacaca;
}

table.shopCart th {
	background-color: #daf1ff;
	padding: 4px;
	border-bottom: 1px solid #cacaca;
	vertical-align: middle;
}

table.shopCart td {
	vertical-align: middle;
	border-bottom: none;
}

table.shopCart td.bot {
	border-bottom: 1px solid #cacaca;
}	

table.shopCart td span {
	font-size: 9px;
	color: #8c8c8c;
}

table.shopCart td span.fcred {
	color: #db0000;
}

/* ----- END TABLE-SHOPCART ----- */

/* ----- TABLE-SHOPCART-MINI ----- */

#shopcart-mini {
  width: 100%;
}

#shopcart-mini thead tr th {
  background-color: #00ccff;
  border-bottom: 1px solid #000000;
}

#shopcart-mini tbody tr td {
	padding: 3px 0;
	border-bottom: none;
}

#shopcart-mini tbody tr td.border {
	border-bottom: 3px double #9a9a9a;
	border-top: 3px double #9a9a9a;	
}

#shopcart-mini tbody tr td.borderbot {
	border-bottom: 3px double #9a9a9a;
}

#shopcart-mini tbody tr td.bordertop {
	border-top: 3px double #9a9a9a;	
}

#shopcart-mini tbody tr td a {
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#shopcart-mini tbody tr td a:hover {
	text-decoration: underline;
}

#shopcart-mini tbody tr td input[type=text] {
  border: 1px solid #000000;
}

/* ----- END TABLE-SHOPCART-MINI ----- */

/* ----- TABLE-ORDER-SUMARY ----- */

table.orderSumary {
	border: 1px solid #cacaca;
	border-collapse: collapse;
}

table.orderSumary th {
	background-color: #daf1ff;
	padding: 6px;
	border-bottom: 1px solid #cacaca;	
}

table.orderSumary td {
	padding: 8px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #cacaca;
}

table.orderSumary td.bb {
	border-right: 1px solid #cacaca;
}

/* ----- END TABLE-ORDER-SUMARY ----- */

/* ----- TABLE-CLIENT-VIEW ----- */

table.clientView {
	border: 1px solid #cacaca;
	border-collapse: collapse;
}

table.clientView th {
	background-color: #daf1ff;
	vertical-align: middle;
	padding: 4px;
	border-bottom: 1px solid #cacaca;	
}

table.clientView th.nbb {
	border-bottom: none;
}

table.clientView td {
	padding: 4px;
	vertical-align: middle;
	border-bottom: 1px solid #cacaca;
}

table.clientView th.br, table.clientView td.br {
	border-right: 1px solid #cacaca;
}

/* ----- END TABLE-CLIENT-VIEW ----- */

/* ----- TABLE-FILTER-CRITERIA ----- */

table.filterCriteria {
	background-color: #f6fbff;
	color: #0a81cc;
	border: 1px solid #3cacf4;
	border-collapse: collapse;
}


table.filterCriteria td {
	padding: 6px;
	vertical-align: middle;
	border-bottom: 1px solid #3cacf4;
}

table.filterCriteria td input[type=submit] {
	padding: 0 25px;
}

table.filterCriteria td input[type=text] {
	border: 1px solid #3cacf4;
	text-align: center;
	padding: 2px 0;
}

/* ----- END TABLE-FILTER-CRITERIA ----- */

div.prodSelect {
	display: none;
	padding: 4px;
}

div.prodSelect select {
	width: 60px;
	margin: 0 5px;
}

h2.aktNadpis {
	font-weight: bold;
	color: black;
	text-align: justify;
}

 
/* ---------- GLOBAL CLASSES ---------- */

.cleaner {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 0px; clear: both;
}
.hidden {
	display: none;
}

.fn {
	font-weight: normal;
}

.fb {
	font-weight: bold;
}

.fcred {
	color: #db0000;
}

.fcgreen {
	color: green;
}

.fcblue {
	color: #2b6cc9;
}

.fcgray {
	color: gray;
}

.fcorange {
	color: orange;
}

.bgblue {
	background-color: #f0f8ff;
}

.pointer {
	cursor: pointer;
}


.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.middle,
tr.middle td {
	vertical-align: middle;
}
.top {
	vertical-align: top;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.m5 {
	margin: 5px 0;
}
.m10 {
	margin: 10px 0;
}
.m20 {
	margin: 20px 0;
}
.m30 {
	margin: 30px 0;
}
.m35 {
	margin: 35px 0;
}
.mb10 {
	margin-bottom: 10px;
}

.mb30 {
	margin-bottom: 30px;
}

.errorMessage, .successMessage, .infoMessage {
	margin: 5px 0 5px 0;
	padding: 10px;
	font: bold 11px "Arial", sans-serif;
	text-align: center;
	text-transform: uppercase;

}

.errorMessage {
	background-color: #fee4de;
	border: 2px solid #db0000;
	color: #db0000;
}

	.errorMessage span {
		font: normal 9px "Arial", sans-serif;
	}

.successMessage {
	background-color: #eef7ff;
	border: 2px solid green;
	color: green;
}

.infoMessage {
	background-color: #fff8cc;
	border: 2px solid #f69605;
	color: #f69605;
}

.nbb,
tr.nbb td {
	border-bottom: none;
}

/* -------------- Logged Introduction -------------- */
.gadget-2 {
	width: 345px;
	height: 210px;
	float: right;
	
}
.gadget-2 {
	background: #FFF url(../glib/layout/gadget-border4.png) 0 0 no-repeat;
}
.gadget-2 .inner {
	margin: 1px 4px 6px 3px;
}
#user-information-pane .gadget-2 .inner {

}
.gadget-2 h4 {
	background-color: #00CCFF;
	color: #FFF;
	font-size: 1.1em;
	padding: .3em .5em .3em .5em;
	text-align: center;
}
.gadget-2 table {
	width: 100%;
}
.gadget-2 h4 a, .gadget-2 h4 a:hover, .gadget-2 h4 a:link, .gadget-2 h4 a:visited {
	text-decoration: none;
	color: #FFF;
}
.gadget-2 .info {
	font-size: 1.1em;
	text-align: right;
}
.gadget-2 .info div {
	float: left;
}
.gadget-2 .info .label {
	width: 75%;
}
.gadget-2 .info .value {
	width: 20%;
    text-align: left;
	font-weight: bold;
	padding-left: .5em;
}
.gadget-2 table {
	margin: .5em 0;
	height: 70px;
}
.gadget-2 .bigger {
	font-size: 1.1em;
}
.gadget-2 a, .gadget-2 a:link, .gadget-2 a:visited {
	color: #0AF;
	text-decoration: underline;
}
.gadget-2 table a, .gadget-2 table a:link {
	color: #000;
}
.gadget-2 table a:visited {
	color: #555;
}
.gadget-2 a:hover {
	text-decoration: none;
}
/* ----------------- gadgets ------------- */

#objednavky-gadget, #faktury-gadget {
	margin: 0 7px 15px 7px;
}
.gadget-menu {
	width: 50%;
	float: left;
}
.gadget-menu ul li {
	padding: .5em .5em 0 .5em;
	background:url(../glib/layout/arrow.png) right  bottom no-repeat;
}

#kosik thead tr {
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

#kosik tbody tr {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

#kosik-sum tbody tr.kosik-suma {
  border-top: 2px solid #000000;
}

#kosik thead tr th {
  background-color: #00ccff;
  border-bottom: 1px solid #000000;
}

#kosik tbody tr td input[type=text] {
  border: 1px solid #000000;
}






/* ----- NEW-GADGETS ----- */
#contUserPane {
	margin-top: 1px;
	width:690px;
	float:right;
}

.contLeftPane	{
	width:340px;
	float:left;
}

.contRightPane	{
	width:340px;
	float:right;
}

.paneHeader {
	color:#fff;
	margin:0 3px 0 3px;
	height:25px;
	line-height: 25px;
	overflow:hidden;
	background-color: #b9deee;
}

.paneHeaderInner {
	padding: 0 10px;
}

.paneHeaderInner h2 {
	font-weight: bold;
	font-size: 14px;
	float: left;
}

.paneBorder {
	width:340px;
	background-image: url("../glib/layout/userPaneBorder.png");
}

.paneBody {
	margin:0 5px;
	position:relative;
	clear:both;
}

.paneBodyInner {
	padding: 10px;
}

.paneBodyInner h3 {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #009de6;
}

.paneFooter {
	width:340px;
	height: 8px;
	line-height: 0;
	font-size: 0;
	background-image: url("../glib/layout/userPaneFooter.png");
	background-repeat: no-repeat;
}

/* ----- TABLE-GADGET-PANE ----- */

table.gadgetPane {
	border: none;
}

table.gadgetPane th {
	background-color: #daf1ff;
	vertical-align: middle;
	padding: 4px;
}

table.gadgetPane td {
	padding: 4px;
	vertical-align: middle;
}

/* ----- END TABLE-GADGET-PANE ----- */


div.bubble {
	display: none;
	position: relative;
	top: 2px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	z-index: 999;
	background: url(bubble_top.gif) no-repeat right top;
}
div.bubble p {
	margin: 7px 0;
	line-height: 1.6em;
	padding: 0 5px 10px 30px;
	background: url(bubble_btm.gif) no-repeat right bottom;
}

h2.poptavka {
	font-size: 12px;
	margin: 10px 5px;
	font-weight: bold;
	color: #1cb9ff;
}

textarea.poptavka {
	width: 100%;
	height: 150px;
	margin-bottom: 15px;
}