body {
	color: #3D3D3D;
	background-color: #6E7E95;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.15em;
	padding: 0;
	margin: 0
}

table, td {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse
}

td {
	/*font-size: 0.75em;*/
	line-height: 1.15em;
}

p {
	font-size: 100%;
}

a img {
	border: 0
}

a:link, a:visited, a:active {
	color: #DC3224;
	text-decoration: underline
}

a:hover {
	color: #333333;
	text-decoration: underline
}

a.cloaked:link, a.cloaked:visited, a.cloaked:active {
	color: #333333;
	text-decoration: none
}

a.cloaked:hover {
	color: #333333;
	text-decoration: underline
}

a.anchor:link, a.anchor:visited, a.anchor:active, a.anchor:hover {
	color: #3D3D3D;
	text-decoration: none
}

ul {
	margin: 2em;
	padding: 5px;
	list-style-position: outside
}

li {	
	
}

ul#sitemap {
	padding: 0;
	margin: 0;
}

ul#sitemap li {
	padding: 0;
	margin: 0;
}

ul#sitemap ul {
	padding: 0;
	margin: 0 0 0 2em;
}



form {
	padding: 0;
	margin: 0
}

input {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 13pt;
	
	background-color: #ECEEF1;
	/*
	color: #333;
	border: 1px solid #9B9B9B;
	margin: 0;
	padding: 0 0 0 5px*/
}

input.radio {
	border: none;
	height: 12px;
}

input.submit,
input[type='submit'] {
	display: block;
	background-color: #213887;
	color: white;
	font-weight: bold;
	font-size: 1em;
	line-height: 1;
	border: none;
	cursor: pointer;
	padding: .2em .5em;
	margin-top: 1em;
}

textarea {
	background-color: #ECEEF1;
	border: 1px inset;
	overflow: auto;
}

#faq-form label {
	display: block;
	padding: .6em 0 .2em 0;
}

#faq1 {
	width: 205px
}

#faq2, #faq3 {
	width: 200px;
	background-color: #ECEEF1;
	border: 1px inset;
	padding-left: 3px;
}

#faq4 {
	width: 320px;
	background-color: #ECEEF1;
	border: 1px inset;
	overflow: auto;
	padding-left: 3px;
}

#body-content #faq1 {
	width: 189px;
}

#body-content #faq2,
#body-content #faq3,
#body-content #faq4 {
	width: 184px;
}

/* --- faq --- */

#faq-form-toggle {
	text-decoration: underline;
	cursor: pointer;
}

.faq-list {
	display: none;
	clear: left;
}

.faq-list dt {
	font-weight: bold;
	margin-bottom: .5em;
}

.faq-list dd { margin-bottom: 1em }

#faq-list h2 {
	width: 100%;
	display: block;
	cursor: pointer;
	padding-right: 18px;
	font-size: 1.2em;
}


#securityCodeConfirm {
	background-color: #ECEEF1;
	border: 1px inset;
	padding-left: 3px;
}

.formControl input {
	height: 22px;
}

.formLabel {
	padding-top: 7px;
	padding-bottom: 2px;
	
	color: #5A5A5A;
	font-weight: bold;
}

input#searchField {
	height: 18px;
	width: 135px;
	background-color: white;
	border: 1px inset;
	font-size: 90%;
	padding-left: 5px;
}

option.bluish {
	background-color: #ECEEF1;
}	

/* used to clear floats */
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

/* when .clearer fails... :)  */
.clearerMini {
	clear: both;
}

.d0 {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 120%
}

.d1 {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 140%;
	color: #DC3224;
	padding-bottom: 10px
}

.cntSubTitle {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px
}


.fotoCnt {
	margin: 10px
}

.bold {
	font-weight: bold
}

#scaleDiv {
	position: absolute;
	visibility: hidden;
	height: 100%
}

#container {
	position: absolute;
	width: 972px;
	top: 0;
	left: 0;
}

#vizitka {
	position: relative;
	width: 190px;
	margin-left: 13px;
	margin-top: 3em;
}

#vizitkaInside {
	position: absolute;
	top: 730px;
	left: 13px;
	width: 190px;
}

#vizitka div, #vizitkaInside div {
	position: relative;
	bottom: 0;
	color: #888888;
}

#logo {
	float: left;
}

.mainMenuItem {
	float: left;
}

#sysMenuArea1 {
	position: relative;
	float: left;
	width: 87px;
	height: 139px;
	background-color: #6E7E95
}

#sysMenuArea1 #lang {
	position: absolute;
	top: 0;
	right: 5px
}

#sysMenuArea1 #sysBtns {
	position: absolute;
	bottom: 0;
	right: 0
}

#sysMenuArea1 #sysBtns div {
	float: left;
}

#fill1 {
	float: left;
	width: 41px;
	height: 139px;
	background-color: #6E7E95
}

#sysMenuArea2 {
	position: absolute;
	top: 157px;
	left: 700px
}

#sysMenuArea2 div {
	float: left;
}

#welcomeSpeech {
	position: relative;
	width: 558px;
	background-color: #213887;
}

#welcomeSpeech div.contentPadding {
	position: relative;
	padding-top: 9px;
	margin-left: 199px;
	padding-bottom: 17px;
	width: 323px;
	color: white;
}

#titleBar {
	position: relative;
	width: 972px;
	height: 49px;
	margin-top: 1px;
}

#titleBar div {
	float: left;
}

#titleBar2 {
	position: absolute;
	top: 188px;
	left: 100px;
	z-index: 100;
}

.col {
	position: relative;
	float: left;
}

#messages {
	position: relative;
	width: 207px;
	background-color: #7D8BA0;
}

#messages .content {
	position: relative;
	padding: 7px 15px 41px 21px;
}

#messages .content .d2 {
	padding-bottom: 13px;
}

#messages a:link, #messages a:visited, #messages a:active {
	color: white;
	text-decoration: none
}

#messages a:hover {
	color: #F5EBB5;
	text-decoration: underline

}

#messages a:link .d0, #messages a:visited .d0, #messages a:active .d0 {
	color: #AEB7C5;
	font-weight: bold;
	text-decoration: none
}

#messages a:hover .d0 {
	color: #F5EBB5;
	font-weight: bold;
	text-decoration: underline
}

#messages2 {
	width: 207px;
	background-color: #7D8BA0;
}

#messages2 .title {
	position: relative;
	padding-top: 18px;
	padding-left: 18px;
}

#messages2 .content {
	position: relative;
	padding: 7px 0 41px 18px;
	width: 170px;
	color: white;
}

#messages2 .content .d2 {
	padding-bottom: 13px;
}

#messages2 a:link, #messages2 a:visited, #messages2 a:active {
	color: white;
	text-decoration: none
}

#messages2 a:hover {
	color: #F5EBB5;
	text-decoration: underline

}

#messages2 a:link .d0, #messages2 a:visited .d0, #messages2 a:active .d0 {
	color: #AEB7C5;
	font-weight: bold;
	text-decoration: none
}

#messages2 a:hover .d0 {
	color: #F5EBB5;
	font-weight: bold;
	text-decoration: underline
}

#msgArchive a:link, #msgArchive a:visited, #msgArchive a:active, #msgArchive a:hover, #msgSubscribe a:link, #msgSubscribe a:visited, #msgSubscribe a:active, #msgSubscribe a:hover {
	color: #F5EBB5;
	text-decoration: underline
}


#library {
	position: relative;
	width: 207px;
	background-color: #F5EBB5;
}

#library .content {
	position: relative;
	padding: 7px 14px 19px 21px;
	width: 170px;
}

#library .content .bookArea {
	padding-bottom: 7px;
}

#library .leftCol {
	float: left;
	width: 59px;
}

#library .rightCol {
	float: left;
	width: 111px;
}

#library .rightCol .title a:link, #library .rightCol .title a:visited, #library .rightCol .title a:active {
	color: #333333;
	text-decoration: none
}

#library .rightCol .title a:hover {
	color: #333333;
	text-decoration: underline
}

#library .rightCol .author {
	color: #948F74;
	font-style: italic
}

#library img {
	border: 1px solid white
}

#katalogIJZ {
	position: relative;
	width: 207px;
	background-color: #7D88A0;
}

#katalogIJZ .content {
	position: relative;
	padding: 14px 14px 19px 21px;
	color: white
}

#katalogIJZ a:link, #katalogIJZ a:visited, #katalogIJZ a:active {
	color: #F5EBB5;
	text-decoration: underline
}

#katalogIJZ a:hover {
	color: #F5EBB5;
	text-decoration: underline

}

#anketa {
	width: 216px;
	margin-bottom: 100px;
}

#anketa .contentPadding {
	padding: 0 15px 10px 18px;
}

#importantNotice {
	width: 340px;
}

#importantNotice strong {
	font-size: 120%;
	color: red;
}

#postQuestion {
	width: 340px;
}

#postQuestion .leftCol {
	float: left;
	width: 185px;
}

#postQuestion .rightCol {
	float: left;
	width: 145px;
}

#postQuestion .rightCol div {
	color: #999999;
	font-size: 80%;
}

#postQuestion2 {
	width: 207px;
	background-color: #6E7E95
}

#postQuestion2 a:link, #postQuestion2 a:active, #postQuestion2 a:visited, #postQuestion2 a:hover {
	color: #F5EBB5;
}

#postQuestion2 .title {
	position: relative;
	padding-top: 18px;
	padding-left: 18px;
}

#postQuestion2 .content {
	position: relative;
	padding: 0 0 41px 18px;
	width: 170px;
	color: white;
}

#faq {
	width: 340px;
	line-height: 135%
}

#faq .contentPadding2 {
	padding: 1px 10px 10px 0;
}

.faqQ {
	color: #6B7A8F;
	font-style: italic;
	margin-bottom: 1px
}

.faqEmail {
	color: #6B7A8F;
	font-style: italic;
}

.faqA {
	color: #333333;
	margin-bottom: 15px
}

#copyright {
	font-size: 85%;
	color: #888888;
	width: 340px;
	margin-top: 110px;
	margin-bottom: 24px
}

#copyright2 {
	font-size: 85%;
	color: #888888;
	width: 340px;
	margin-top: 110px;
	margin-bottom: 24px;
	margin-left: 220px;
}

#copyrightInside {
	font-size: 85%;
	color: #888888;
	width: 340px;
	margin-top: 50px;
	margin-left: 17px;
	margin-bottom: 24px;
	float: left;
	clear: both;
}

.titlePadding {
	padding: 17px 0 7px 18px;
}

.titlePadding2 img {
	margin: 17px 0 7px 0;
}

.contentPadding {
	padding: 0 0 10px 18px;
}

.contentPadding2 {
	padding: 0 0 10px 0;
}

#menu-cover {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
}

#level2menu {
	position: relative;
	width: 200px;
	height: 404px;
	background-image: url(../images/level2menu.gif);
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
}

#level2menu div.bordered {
	border-bottom: 1px solid #6E7E95;
	padding: 0;
	width: 100%;
}

#level2menu div {
	cursor: pointer;
	cursor: hand;
	padding: 0 12px 0 12px;
	width: 160px;
	margin-bottom: -1px;
}

#level2menu div.level3menu {
	padding: 0 12px 0 12px;
	width: 152px;
}

#level2menu div.level3menu div {
	padding: 0;
}

#level2menu div.level3menu div.bordered {
	margin-left: 10px;
}

#level2menu div.on,
#level2menu div.bordered:hover {
	border-bottom: 1px solid #F5EBB5;
}

#level2menu div a:link, #level2menu div a:visited, #level2menu div a:active, #level2menu div a:hover {
	line-height: 125%;
	color: white;
	text-decoration: none;
}

#level2menu div.on a:link, #level2menu div.on a:visited, #level2menu div.on a:active, #level2menu div.on a:hover,
#level2menu div.bordered:hover a:link, #level2menu div.bordered:hover a:visited, #level2menu div.bordered:hover a:active, #level2menu div.bordered:hover a:hover {
	color: #F5EBB5;
	text-decoration: none;
}

#searchBox {
	position: absolute;
	top: 517px;
	left: 9px;
}

#mainRow {
	clear: both;
}

#titleNavBar {
	position: absolute;
	width: 480px;
	top: 171px;
	left: 215px;
}

#titleNavBar .title {
	float: left;
	color: white;
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
	margin-right: 25px;
}

#titleNavBar #navBar {
	float: left;
	color: #F5EBB5;
	font-size: 80%;
	margin-top: 1px
}

#navBar a:link, #navBar a:visited, #navBar a:active {
	color: #F5EBB5;
	font-size: 90%;
	text-decoration: none;
}

#navBar a:hover {
	color: #F5EBB5;
	font-size: 90%
}

#topPrint {
	position: absolute;
	top: 184px;
	left: 727px;
}

#bottomPrint {
	position: relative;
	width: 554px;
	text-align: right;
	padding-bottom: 40px;
	float: left;
	clear: both;
}

#contentArea {
	position: relative;
	padding: 13px 0 0 18px;
	width: 530px;
}

#contentArea p.d2 {
	color: #3D3D3D;
}

#contentArea .d2 a:link, #contentArea .d2 a:visited, #contentArea .d2 a:active {
	color: #DC3224;
	text-decoration: underline;
}

#contentArea .d2 a:hover {
	color: #3D3D3D;
	text-decoration: underline;
}

#contentArea .bookDetailArea {
	margin-bottom: 0px;
	background: url('../images/bgnd-cart.gif') left top repeat-y;
	border: 1px solid #333;
	padding: 10px 0px 20px 0px;
	float: left;
	margin-top: 17px;
}

#contentArea .bookDetailArea .leftCol{
	float: left;
	width: 130px
}

#contentArea .bookDetailArea .leftCol input, #contentArea .bookDetailAreaListOther .leftCol input {
	margin-top: 10px;
	margin-left: 10px;
    background-color: white;
    border: 1px inset;
    padding-left: 3px;	
}

#contentArea .bookDetailArea .leftCol input.btnCart, #contentArea .bookDetailAreaListOther .leftCol input.btnCart {
	margin-top: 1px;
	font-size: 12px;
	padding: 1px 2px 2px 2px;
	background: #265F99;
	color: white;
	border: 1px solid #333;
	cursor: pointer;
}

#contentArea .bookDetailArea .leftCol input.btnCart:hover, #contentArea .bookDetailAreaListOther .leftCol input.btnCart:hover { background: #213887; }

#contentArea .bookDetailArea .leftCol img, #contentArea .bookDetailAreaListOther .leftCol img { margin-left: 10px; }

#contentArea .bookDetailArea .rightCol{
	float: left;
	padding-right: 20px;
	width: 360px
}

#contentArea .bookDetailArea .title, #contentArea .bookDetailAreaListOther .title  {
	color: #265F99;
	font-weight: bold;
}

#contentArea .bookDetailArea .author {
	font-style: italic;
}

#contentArea .bookDetailAreaListOther {
	margin-top: 17px;
	background: url('../images/bgnd-cart.gif') left top repeat-y;
	border: 1px solid #333;
	padding: 10px 0px 20px 0px;
	float: left;
}

#contentArea .bookDetailAreaListOther .leftCol{
	float: left;
	width: 130px
}

#contentArea .bookDetailAreaListOther .rightCol{
	float: left;
	padding-right: 20px;
	width: 360px
}

#contentArea .bookDetailAreaListOther .author {
	font-style: italic;
}

#contentArea #messageDetailArea .d1 {
	color: #265F99;
	font-size: 100%;
	font-weight: bold;
}

#contentArea #messageDetailArea .d2 {
	color: #3D3D3D;
}

#contentArea #messageArchive .d2 {
	margin-bottom: 11px;
}

#contentArea a.lipdf {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/pdf.gif) 0% .2em no-repeat;
}

#contentArea a.lidoc {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/doc.gif) 0% .2em no-repeat;
}

#contentArea a.lixls,
#contentArea a.lixlsx {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/xls.gif) 0% .2em no-repeat;
}

#contentArea a.lippt {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ppt.gif) 0% .2em no-repeat;
}

#contentArea a.lizip {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/zip.gif) 0% .2em no-repeat;
}

#contentArea a.liai {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ai.gif) 0% .2em no-repeat;
}

#contentArea a.liexe {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/exe.gif) 0% .2em no-repeat;
}

#contentArea a.liimage {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/file.gif) 0% .2em no-repeat;
}

#contentArea ul {
	margin: -0.8em 1em 1em 1em;
	padding: 0 5px 5px 5px;
}

#pollSubmitLabel {
	margin-left: 21px;
	margin-top: 5px;
}

#pollQuestion {
	margin-bottom: 5px;
}

#anketa input.radio {
	margin-left: 7px;
	margin-right: 4px;
}

.siteMapL0 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;
}
.siteMapL1 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 20px;
}
.siteMapL2 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 40px;
}
.siteMapL3 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 60px;
}

.fakeLink {
	cursor:pointer;
	text-decoration:underline;
	color:#F5EBB5
}

/* --- main menu --- */

#mainmenu-container {
	position: relative;
	float: left;
	width: 657px;
	height: 138px;
	margin: 0;
	padding: 0;
}

#mainmenu-container li {
	display: block;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999px;
	overflow: hidden;
	height: 138px;
}

#mainmenu-container.slo li {
	background-image: url(../images/bgmenu_slo.png);
}

#mainmenu-container.eng li {
	background-image: url(../images/bgmenu_eng.png);
}

#mainmenu-container a:link, #mainmenu-container a:visited, #mainmenu-container a:hover, #mainmenu-container a:active {
	display: block;
	height: 138px;
}

.slo #mm1 {	width: 61px; background-position: 0px 0px; }
.slo #mm2 { width: 77px; background-position: -61px 0px; }
.slo #mm3 {	width: 81px; background-position: -138px 0px; }
.slo #mm4 {	width: 101px; background-position: -219px 0px; }
.slo #mm5 {	width: 84px; background-position: -322px 0px; }
.slo #mm6 {	width: 101px; background-position: -404px 0px; }
.slo #mm7 {	width: 81px; background-position: -505px 0px; }
.slo #mm8 {	width: 71px; background-position: -586px 0px; }

.slo #mm1:hover, .slo #mm1.on {	width: 61px; background-position: 0px -138px; }
.slo #mm2:hover, .slo #mm2.on { width: 77px; background-position: -61px -138px; }
.slo #mm3:hover, .slo #mm3.on {	width: 81px; background-position: -138px -138px; }
.slo #mm4:hover, .slo #mm4.on {	width: 101px; background-position: -219px -138px; }
.slo #mm5:hover, .slo #mm5.on {	width: 84px; background-position: -322px -138px; }
.slo #mm6:hover, .slo #mm6.on {	width: 101px; background-position: -404px -138px; }
.slo #mm7:hover, .slo #mm7.on {	width: 81px; background-position: -505px -138px; }
.slo #mm8:hover, .slo #mm8.on {	width: 71px; background-position: -586px -138px; }

.eng #mm1 {	width: 65px; background-position: 0px 0px; }
.eng #mm2 { width: 85px; background-position: -65px 0px; }
.eng #mm3 {	width: 104px; background-position: -150px 0px; }
.eng #mm4 {	width: 117px; background-position: -254px 0px; }
.eng #mm5 {	width: 95px; background-position: -371px 0px; }
.eng #mm6 {	width: 120px; background-position: -466px 0px; }
.eng #mm7 {	width: 71px; background-position: -586px 0px; }

.eng #mm1:hover, .eng #mm1.on {	width: 65px; background-position: 0px -138px; }
.eng #mm2:hover, .eng #mm2.on { width: 85px; background-position: -65px -138px; }
.eng #mm3:hover, .eng #mm3.on {	width: 104px; background-position: -150px -138px; }
.eng #mm4:hover, .eng #mm4.on {	width: 117px; background-position: -254px -138px; }
.eng #mm5:hover, .eng #mm5.on {	width: 95px; background-position: -371px -138px; }
.eng #mm6:hover, .eng #mm6.on {	width: 120px; background-position: -466px -138px; }
.eng #mm7:hover, .eng #mm7.on {	width: 71px; background-position: -586px -138px; }


/*shopping cart*/

#module-shopping-cart {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

#shopping-cart-list {
	margin: 0;
	padding: 0px 0px 20px 0px;
	font-size: 0.9em;
	line-height: 1.1em;
	float: left;
	width: 100%;
	border-top: 1px solid #333;
}

#shopping-cart-list li {
	list-style-type: none;
	border-bottom: 1px solid #333;
	padding: 0px;
	float: left;
	width: 100%;
}

.cart-delete {
	display: block;
	width: 13px;
	height: 14px;
	background: url('/images/bgnd-cart-delete.gif') left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	margin-right: -15px;
	margin-top: -1px;
	cursor: pointer;
}

.imgCartEdit {
	cursor: pointer;
}

.cart-delete:hover { background-position: left bottom; }

#cart-total {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.total-price, .cart-price {
	float: right;
}

.cart-price { 
	display: block;
	float: right;
	width: 33px;
	padding-top: 5px;
	text-align: right;
}

.cart-title { 
	width: 130px; 
	float: left;
	display: block;
	padding: 5px 5px 5px 0px;
	border-right: 1px solid #333;
}

#cnt-wrapper {
	float: left;
	width: 100%;
}

table#shopping-table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

table#shopping-table td {
	font-size: 1em;
	padding: 5px 5px;
	border: 1px solid #333;
}