html {font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;}

body {margin: 0; 
min-width:0px;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}
#header, header {
width:100%;
font-size:22px;
font-weight:400;}
.nodisplay {display:none;}
#logo, #logo a {border:0px;
height: 74px; display:inline-block;}
.namered {
font-weight:800;
color:#990000;
position:relative;}
  h1 {
font-size: 2.25em;
font-weight: 600;
padding: 0;
color: #990000;
margin:0;
}

h2 {
font-size: 1.828em;
color:#990000;
font-weight: bold;
padding: 0 0 0.296em 0;
margin:0.1em;
line-height:1em;
}

h3 {
font-size: 1.533em;
color:#990000;
font-weight: bold;
padding: 0 0 0.120em 0;
}

h4 {
  font-size: 1.5em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 1.07867em; }

h5 {
  font-size: 1.22em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 1.07867em; }


dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em; }
pre {white-space: pre-wrap;}

q {quotes: "\201C" "\201D" "\2018" "\2019";}

sub,
sup {font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }

sup {top: -0.5em;}
sub {bottom: -0.25em;}

img {border: 0;}

figure {
  margin: 0; }
.mainwrapper {
position:relative;
max-width:1200px;
width:90%;
margin : 0 auto 40px auto;
}  

p {
line-height:16pt;}

.wrapper_address {
position:relative;
margin-left:15px;
margin-top:5px;
font-size:18px;
font-weight:400;}

.upaddress {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#990000; padding-top:7px;}
.phone {line-height:8px;
font-size:22px;}

.wrapper {
display:inline-block;
padding: 0em 1em 0em 1em;
}

.iconsdiv {width:100%;
display:block;}

.iconswrapper {
width:50%;
display:block;
margin-left: auto;
margin-right:auto;
background: #CCCCCC;
}

.item-image {
margin-bottom:20px;
padding-right:20px;
}

.pull-left, .pull-right, .pull-center, img[align="left"], img[align="right"] {
display:block;
max-width:100%;
}

.pull-left {
float:left;
}

img[align="left"], .img_caption.left {
float:left;
margin: 0 20px 20px 0 !important;
}
.pull-right {
float:right;
}

img[align="right"], .img_caption.right {
float:right;
margin: 0 0 20px 20px !important;
}

.img_caption img {
margin-bottom:4px;
}

.pull-center {
margin-left:auto !important;
margin-right:auto !important;
text-align:center;
}

.pull-left img, .pull-right img, img[align="left"], img[align="right"] {
margin-top:6px;
}

.js-border .pull-left img, .js-border .pull-right img, .js-border img[align="left"], .js-border img[align="right"] {
margin-top:3px;
}

figcaption, p.img_caption {
font-style:italic;
font-size:95%;
text-align:center;
}

footer {
}
.footertable {display:block}
.footerrow {display:flex;box-sizing: border-box;}
.footercolumn1 {
width:33.3233%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:10px;
border-right-style:dotted; 
border-color:#666666;
font-size:13px;
color:#333333;
background:url(/templates/iitcotemplate/images/footerbck1.jpg) bottom left no-repeat;
}
.footercolumn2 {
width:33.3233%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:10px;
border-right-style:dotted; 
border-color:#666666;
font-size:13px;
color:#333333;
}
.footercolumn3 {
width:33.3233%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:10px;
border-right-style:dotted; 
border-color:#666666;
font-size:13px;
color:#333333;
background:url(/templates/iitcotemplate/images/footerbck3.jpg) bottom right no-repeat;
}
.footercolumn a{
text-decoration: underline;
border:none;
line-height:1.5;
font-size:13px;}

.footercolumn p {line-height:11pt; margin-top:0.3em}

.footercolumn1 hr, .footercolumn2 hr, .footercolumn3 hr{border: 0;
border-top: 1px solid #eeeeee;
margin:0.3em 0;}
.footerend {background:#DFDFDF; 
border-top-width:1px;
padding:10px;
width:100%;
border-top-style:dotted;
text-align:center;}

@media (max-width: 767px) {

.footerrow {display: inline-block;}
.footercolumn1 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;
background: #F4F4F4;}
.footercolumn2 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;}
.footercolumn3 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;} }

@media (max-width: 480px) {
.iconswrapper {
width:100%;} }

.icon_bso {
display:block;
margin-left: auto;
margin-right: auto;
width:98px;
height:40px;
background:url(/images/icon_bso.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_bso:hover {
background:url(/images/icon_bso.png) left top no-repeat #E8ECF2;
}

.icon_journals {
display:block;
width:98px;
height:40px;
background:url(/images/icon_journals.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_journals:hover {
background:url(/images/icon_journals.png) left top no-repeat #E8ECF2;
}

.icon_souvenirs {
display:block;
width:98px;
height:40px;
background:url(/images/icon_souvenirs.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
margin-bottom:50px;
text-align:center;
float:left;}

.icon_souvenirs:hover {
background:url(/images/icon_souvenirs.png) left top no-repeat #E8ECF2;
}

.icon_print {
display:block;
width:98px;
height:40px;
background:url(/images/icon_print.png) left top no-repeat #E6E6E6;
padding-top:70px;
line-height:16px;font-size:smaller;
text-align:center;
margin-bottom:50px;
float:left;
}

.icon_print:hover {
background:url(/images/icon_print.png) left top no-repeat #E8ECF2;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
border: 0;
padding: 0;}
button,input,select,textarea {
font-family: inherit;
font-size: 100%;
margin: 0;}
button,input {
line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;}
button[disabled], html input[disabled] {cursor: default; }

input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.btn, .button {
background-color: #BBBBBB;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
display: inline-block;
font-size: 95%;
line-height: 30px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}

input.btn {
height: 45px;
}

.btn:active,
.btn.active {
 -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2f4f4f;
	border: solid 1px #203E5F;
}
.btn.readmore {border:0;}
	
.btn-primary {
color: #fff;
  background-color: #2f4f4f;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2f4f4f;
  border-color: #285e8e;
}
.btn:hover,
.btn:focus {
background: #DCE3E0;	
	text-decoration: none;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.hide {
    display: none !important;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {overflow: auto; vertical-align: top;}


/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {border-collapse: collapse; border-spacing: 0; }

/* Ethereal items like mixins, and helpers like float or clearfix. */
/* ==========================================================================
    HELPER CLASSES
   ========================================================================== */
/* Clearfix the parent of floated elements to prevent it collapsing. */
.clearfix:before, .media.media-content:before, .well:before, .clearfix:after, .media.media-content:after, .well:after {content: "";  display: table; }
.clearfix:after, .media.media-content:after, .well:after {clear: both; }

/* Hide an element but leave it available to speaking browsers. */
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* Make visuallyhidden elements focusable with a keyboard. */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible; }

/* Image replacement. */
.ir {background-color: transparent; border: 0; overflow: hidden; }

.ir:before {content: "";display: block; width: 0; height: 150%; }

/* Mute an object by reducing its opacity. */
.muted, figure figcaption, .article-meta {filter: alpha(opacity=70) !important;opacity: 0.7 !important; }

/* Add/remove floats */
.float-right, .img-right, .media .media-object-right {float: right; }
.float-left, .img-left, .media .media-object {float: left; }
.float-none {float: none !important;}

address, article, blockquote, dl, fieldset, figure, form, hgroup, meter, ol, p, pre, progress, select, small, table, textarea, ul {margin-top: 0;}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
box-sizing: border-box; }


@media only screen and (min-width: 90em) {
html {
font-size: 106.3%; } }

img {
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

/* Don't ignore `width` and/or `height` attributes if they are present. */
img[width],
img[height] {
  max-width: none; }

/*
 * Image placement variations, used in Joomla's article image layouts.
 *
 * Of course, floated images typically need a margin so we extend the
 * generic floatr classes here.
 */
.img-right, .media .media-object-right {
  margin-left: 1.618em; }

.img-left, .media .media-object {
  margin-right: 1.618em; }

.img-center, .img-none img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Joomla has no center option, using "none" instead. Go figure. */
/* ==========================================================================
    LINKS
   ========================================================================== */
a {
  color: #990000;
  border-bottom:#990000 1px dotted;
  text-decoration: none; }
  a:hover, a:focus {
    color: #666666; }

/* Back to top link. */
a.to-top {
  bottom: 0;
  color: #333333;
  cursor: pointer;
  line-height: 1;
  padding: 0.809em;
  position: fixed;
  right: 0; }

/* ==========================================================================
    LISTS
   ========================================================================== */
/*
 * There's a reason it's called 'hanging punctuation', bullets should be indented.
 * See: http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2
 * for an explanation why. The following kills browser default indents. Nice.
 */
ul,
ol,
dl {
  padding: 0;line-height:1.5em; }

/* A little style maestro! */
ul {
  list-style-type: circle;
 }

/* We don't need vertical space in nested lists, but we do need to add
* the default indent we removed above! */
li > ul,
li > ol {
  margin-bottom: 0;
  padding-left: 2em;
list-style-position: outside }


.list2 {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list2 li {
    position: relative;
    border-left: 4px solid #666666;
    padding:4px 8px 4px 8px;
    margin:0 0 4px 40px;
}

.list2 li:hover {
    border-left:4px solid #FF6600;
}
.list2 li:before {
  
    position: absolute;
    top: 5px;
    left:-50px;
    width:50px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    counter-increment: li;
    content: counter(li);
    box-sizing: border-box;        
}
.list2 li:hover:before {
    color: #FF6600;
}

/* ==========================================================================
    RULES
   ========================================================================== */
hr {
  border: 0;
  border-top: 1px solid #eeeeee;
  display: block;
  height: 1px;
  margin: 1.618em 0;
  padding: 0; }

/* ==========================================================================
    TABLES
   ========================================================================== 
table {
  width: 100%; }

th,
td {
  padding: 0.809em;
  text-align: left; }

.table-bordered th,
.table-bordered td {
  border: 1px solid #eeeeee; }
  .table-bordered th:empty,
  .table-bordered td:empty {
    border: none; }
.table-bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table-bordered tbody tr th:last-of-type {
  border-right-width: 2px; }


.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc; }
.article p {
  font-variant-numeric: oldstyle-nums; }
  .article p + p {
    text-indent: 1em; }
	*/

.article-info {font-size: 0.6em;
display:block;
float:right;}
	
	/*Responsive tables*/
	
	table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }
	

/* Typically used in the first paragraph of an article, for added awesome. */
.intro {
  font-size: 1.3125em;
  line-height: 1.23276;
  margin-top: 0;
  margin-bottom: 1.23276em; }

/* BLOCK QUOTES */
/* Default margin indent is zeroed out and padded to allow styling of element. */
blockquote {
  margin-left: 0;
  padding: 0.809em 2.427em; }
  blockquote:before, blockquote:after {
    content: '';
    content: none; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  blockquote > cite,
  blockquote + cite {
    margin-bottom: 0; }

/* CITATIONS */
cite {
  display: block;
  margin-top: 0.809em; }
  cite:before {
    content: "\2014";
    margin-right: 0.809em; }

/* INLINE QUOTES */
q {
  quotes: "\2018" "\2019" "\201C" "\201D"; }
  q:before {
    content: "\2018";
    content: open-quote; }
  q:after {
    content: "\2019";
    content: close-quote; }

/* ABBREVIATIONS */
/*
 * Should use small-caps and be letterspaced, obviously!
 * http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.6/
 */
abbr {
  font-variant: small-caps;
  letter-spacing: 0.1em; }

/*
 * The following are re-usable 'objects' that bring recurring CSS patterns
 * into discrete and easily maintainable modules.
 */
/* ==========================================================================
    BREADCRUMBS
   ========================================================================== */
.breadcrumb-row {
display: inline-block;
clear:both;
float:none;}

.breadcrumb > li {
  font-size: 0.831em;
  vertical-align: top;
}
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li > span {
  display: inline-block;
}
.breadcrumb > li:nth-child(n+2):before {
  content: "/";
  display: inline-block;
  margin: 0 3px;
  color: #660000;
}
/*
 * Disabled
 */
.breadcrumb > li:not(.uk-active) > span {
  color: #660000;
}


/*@media only screen and (min-width: 90em) {*/
/*      [class*="-row"] .content {*/
/*        padding: 2.427em 0 0.809em; } }*/

/* Main horizontal menue*/

/* Style the links inside the navigation bar */
nav {
	display: block;
	float: none;
}



.tags {
	display: inline-block;

}

.tags ul.menu.nav li {
background-color: #666666;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color:#FFFFFF;
margin:2px 0 0 0;
padding: 4px;
}

.tags ul.menu.nav li:hover {
background-color: #FF9900;
}

.tags a {
color:#FFFFFF;
}

.tag-category ul li {
list-style:none;
margin: 0 0 6px 0;
}

.tags.inline li
{list-style:none;
display:inline-block;
float:left;
padding:4px;}


.main-navigation {
display:block;
z-index:500;
clear:both;}

.main-navigation ul ul {
	display: none;
}

.main-navigation ul li:hover > ul {
		display: block;
	}

.main-navigation ul {
	background: #efefef; 
	background: -moz-linear-gradient(to top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(to top, #efefef 0%,#bbbbbb 100%); 
	background: linear-gradient(to top, #efefef 0%, #bbbbbb 100%); 	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
display: inline-table;
}
	.main-navigation ul:after {
		content: ""; clear: both; display: block;
	}
	
.main-navigation ul li {
	float: left;
	border-left: 1px dotted  #C4C4C4; 

}
	.main-navigation ul li:hover {
		background: #4b545f;
		background: -moz-linear-gradient(to top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(to top, #4f5964 0%,#5f6975 40%);
		background: linear-gradient(to top, #4f5964 0%, #5f6975 40%);
	}
		.main-navigation ul li:hover a {
			color: #fff;
		}
	
	.main-navigation ul li a {
		display: block; padding: 10px 10px;
		color: #757575; text-decoration: none;
		border:0px;
	}

.main-navigation ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; 
	z-index:500;
}
	.main-navigation ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		.main-navigation ul ul li a {
			padding: 10px 10px;
			color: #fff;
		}	
			.main-navigation ul ul li a:hover {
				background: #4b545f;
			}
.main-navigation ul ul ul {
	position: absolute; left: 100%; top:0;
}

@media screen and (max-width: 400px) {
.main-navigation ul li {width:100%;
border-bottom: 1px solid #575f6a;}
.main-navigation ul li:hover > ul {
		display: none;
	}
}


/*
@media screen and (max-width: 600px) {
  .menu. li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu li {
    float: none;
    display: block;
	width:100%;
    text-align: left;
  }
  
  fa {display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
  .fa-bars:before {
  content: "\f0c9";
}
}
*/
#cart {font-size: 0.831em;display:inline-block; background-color:#F4F4F4; width:100%;color: #999999; padding-bottom:5px;}
a.btn_cart {font-size: 0.831em;
padding-bottom:3px; 
border:none;}
.djc_title h3 a {color: #FF6600}
.djc_title h3 a:hover {color: #FF9900; border:0}
div.span6 {display:block; background-color:#E9E9E9; border:1px; border-radius:6px;}

.djc_sku {color:#666666; padding:5px 0 4px 0;}
.djc_price {color: #990000; padding-bottom:5px; font-size:1.5em;}
.verstka_price {color: darkslategray; padding-top:40px; font-size:1.5em;}

.pagination {
display: inline-block;
*display:inline;
*zoom:1;
padding-left: 0;
margin: 50px 0 10px 0;
border-radius: 4px;
}

.pagination .pull-right {
float:none !important;
}

.pagination ul {
padding-left:2px;
}

.pagination li {
display: inline-block;
*display:inline;
*zoom:1;
}

.pagination li > a,
.pagination li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
background-color: rgba(0,0,0,0.03);
border: 1px solid #ddd;
border-color:rgba(0,0,0,0.10);
}


/**		navigation inside Blog articles for Joomla 2.5 		**/

.pagenav {
list-style: outside none none;
margin: 20px 0;
padding-left: 0;
text-align: center;
*zoom: 1;
}

.pagenav:before, .pagenav:after {
content: none;
display: table;
line-height: 0;
}

.pagenav:after {
clear: both;
}

.pagenav li {
display: inline;
}

.pagenav li > a, .pagenav li > span {
background:inherit;
border: 1px solid #ddd;
border-radius: 15px;
display: inline-block;
*display:inline;
*zoom:1;
padding: 5px 14px;
}

.pagenav-prev > a, .pagenav-prev > span {
float: left;
}
.pagenav-next > a, .pagenav-next > span {
float: right;
}

.rTable {display: table;
width: 100%;font-size:0.8em}
.rTableRow {
display: table-row;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
}
.rTableCell, .rTableHead {
display: table-cell;
padding: 3px 10px;
border: 1px solid #999999;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
font-weight: bold;
}
.rTableFoot {
display: table-footer-group;
font-weight: bold;
background-color: #ddd;
}
.rTableBody {
display: table-row-group;
}

.middletable {display:block; clear:left;}
.middlerow {display:block;box-sizing: border-box;}
.middlecolumn1 {
width:50%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:5px;
border-right-style:dotted; 
border-color:#666666;
font-size:16px;
color:#333333;
}
.middlecolumn2 {
width:50%;
display: block;box-sizing: border-box;
float:left;
border-right-width:2px;
padding:5px;
border-right-style:dotted; 
border-color:#666666;
font-size:16px;
color:#333333;
clear:right;}
.middlecolumn1 a, .middlecolumn2 a{
display:block; width:100%;
background-color: #fff4de;
border:none;
line-height:2.8;
margin:3px;
}

.middlecolumn1 a:hover, .middlecolumn2 a:hover{
background-color: #663300;
color: #ffffff;
}

.middlecolumn1 p, middlecolumn2 p {line-height:11pt; margin-top:0.3em}

.middleolumn1 hr, .middlecolumncolumn2 hr {border: 0;
border-top: 1px solid #eeeeee;
margin:0.3em 0;}

@media (max-width: 767px) {

.middlerow {display: inline-block;}
.middlecolumn1 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;
background: #F4F4F4;}
.middlecolumn2 {
display: inline-block;
float:none;
width:100%;
border-right:none;
border-bottom-style:dotted;
border-bottom-width:2px; 
border-bottom-color:#666666;}
 }
 
 #system-message-container {
padding:0;
}

#system-message-container > div {
background-color : rgba(0,0,0,0.1);
padding:14px 12px 8px 16px ;
margin: 12px 4px 120px 0;
-moz-box-shadow:2px 2px 4px #ccc;
-webkit-box-shadow:2px 2px 4px #ccc;
box-shadow:2px 2px 4px #ccc;
font-size:100%;
}

#system-message-container h4 {
padding-top:5px;
font-size:140%;
color: red ;
}

#system-message-container ul {
margin : 0 !important;
}

#system-message-container li {
background-image : none !important;
padding : 8px 0 0 0 !important;
}

#system-message a.close {
display:none;
}
.txtblock {padding:10px}
.priceblock {color: #990000; padding-bottom:3px; font-size: 0.9em}




.buy .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.buy ul {text-align:left; list-style-position:inside}
.buy p {text-align:left; padding:10px 0 0 10px;} 
.buy h3 {font-size: 1.4em; line-height: 1.07867; margin-top: 0; margin-bottom: 1.07867em; }


@media only screen and (min-width: 800px){
.buy .wrapper {display:table; width:100%}
.buy .row {display: table-row;}
.buy .icons{display: table-cell; width:20%; background: #F8F8F8;border-left: 1px dotted #777;}
.buy .icons.column {float:none; }
.buy .icons.column:nth-child(1) {background: #ebebeb;}
.buy .icons.column:nth-child(2) {background: #F6F6F6;}
.buy .icons.column:nth-child(3) {background: #ebebeb;}
.buy .wrapper {display:table; width:100%}

}

.balcron .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.balcron ul {text-align:left; list-style-position:inside}
.balcron p {text-align:left; padding:0 0 0 10px;}

@media only screen and (min-width: 640px) {
 
.balcron .wrapper {display:table; width:100%}
.balcron .row {display: table-row;}
.balcron .icons{display: table-cell; width:20%; background: #F8F8F8;border-left: 1px dotted #777;}
.balcron .icons.column {float:none; }
.balcron .icons.column:nth-child(1) {background: #ebebeb;}
.balcron .icons.column:nth-child(2) {background: #F6F6F6;}
.balcron .icons.column:nth-child(3) {background: #ebebeb;}
.balcron .wrapper {display:table; width:100%}
}

.redbold {font-size:1.5em; color:#AA0000; font-weight:bold}

.formats {display:inline-block; float:left; width:259px;}
.formats_right {display:inline-block; float:left; margin:10px; width:60%}

.design {display:inline-block;  margin:0 10px 0 0;float:left;}
.design_right {display:inline-block; margin:10px; width:60%; font-style:italic;}

.pg2_wrapper {background-color:maroon; display:flex}
.pg2_floatleft {display:inline-block; float:left; font-size: 1.3em; font-weight: bold; color: white; }
.pg2_floatleft ul {padding-left: 30px}
.pg2_floatleft h2 {color: white; padding-left:30px;}
.pg2_floatright {display:inline-block; float:right;}
@media only screen and (max-width: 800px) {
.pg2_wrapper {flex-direction: column;}
.pg2_floatleft {width:100%;}
.pg2_floatright {width:100%;}
}

blockquote {
margin: 0;
background: #F0F0F0;
color: #000;
padding: 20px 30px;
position: relative;
border-left: 35px solid #DFDEDE;
font-family: sans-serif;
}
blockquote:before {
content: "\201C";
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}
blockquote p {
margin: 0 0 16px;
font-size: 14px;
letter-spacing: .05em;
line-height: 1.4;
}
blockquote cite {
font-style: normal;
font-weight: 300;
}


.izdanieking {--background: url(/images/banners/banner1.jpg);}
.banner {background: url(/images/banners/banner1.jpg) no-repeat #F6F6F6; height:300px; display:block; width:100%;}

.shelf {margin: -30px auto 10px;
padding: 0;
height: 50px;
border: none;
border-bottom: 0;
box-shadow: 0 20px 20px -20px #333;
clear:both;}

.booktags {background-color: #666666;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color: #FFFFFF;
margin: 2px 0 0 0;
padding: 4px;}

.booktags:hover {background-color: #FFCE81;}
.booktags a {color:#ffffff;}

.booktags_ext {background-color: #ffc94f;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 95%;
color: #000;
margin: 2px 3px 0 0;
padding: 4px;}

.booktags_ext:hover {background-color: #dddddd;}
.booktags_ext a {color:#ffffff;}


.hrsmall {margin:5px;}

.up {
display: block;
float: right;
font-size: 0.9em;
color: #000;}

.hrdashed {border-style:dashed; 
border-width: 0 0 1px 0;
margin:0;}

.buyfirst .icons{display: block; width:100%; background: #F8F8F8; text-align:center;}
.buyfirst ul {text-align:left; list-style-position:inside; padding-left:10px;}
.buyfirst p {text-align:left; padding:10px 0 0 10px;} 
.buyfirst h2 {margin:0; color:#990000; font-weight:600; font-size:1.5em; margin-top:5px;}


@media only screen and (min-width: 740px){
.buyfirst .wrapper {display:table; width:100%}
.buyfirst .row {display: table-row;}
.buyfirst .icons{display: table-cell; width:20%; background: #F8F8F8;border: 1px dotted #777; border-radius:10px;}
.buyfirst .icons.column {float:none; }
.buyfirst .icons.column:nth-child(1) {background: #ebebeb;}
.buyfirst .icons.column:nth-child(2) {background: #F6F6F6;}
.buyfirst .icons.column:nth-child(3) {background: #ebebeb;}
.buyfirst .wrapper {display:table; width:100%}
}

.acor-container {
    margin: 20px 0;
}
.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    background-color:#E2E2E2;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-family: Verdana, sans-serif; 
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
    margin: 0 0 10px;
}
.acor-container label {
    cursor: pointer;
    background-color: saddlebrown;
    display: block;
    padding: 15px 20px;
    width: 100%;
    color:white;
    font-weight: 300;
    box-sizing: border-box;
    z-index: 100;
    font-family: Verdana, sans-serif;   
    font-size: 18px;
    margin: 0 0 5px;
    transition: color .35s;
}
.acor-container label:hover {
    color: wh;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
}
.acor-container input:checked + label {
    background-color: darkslategray;
    color: #FFF;
    box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;} 
.consent ol {counter-reset: li; list-style: none;
margin: 0 0 0 60px;
padding: 15px 0 5px 0;
font-size: 16px;
position: relative;}
.consent li::before { counter-increment:li; content: counters(li,".") " ";} 
.consent ol li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.4;
}

.consent ol:before {
	content: ''; 
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -15px;
	width: 1px;
	border-left: 1px solid #ef6780;
}
.consentlabel {background: #ebebeb; display: inline-block;}
.consentlabel input[type="checkbox"] {
    width: 20px;
    height: 20px;
  	box-shadow: -2px 0 5px rgba(0, 0, 0.23);
}
form {
  max-width: 800px;
  margin: auto;
  padding: 1em;
  font-family: Arial, sans-serif;
}

h3 {
  margin-top: 1.5em;
  color: #333;
}

label {
  display: block;
  margin: 0.5em 0;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.5em;
}

img {
  max-width: 800px;
  margin: 0.5em 0;
  display: block;
}

button {
  margin-top: 2em;
  padding: 0.5em 1em;
  background-color: #0077cc;
  color: white;
  border: none;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  form {
    padding: 0.5em;
  }

  img {
    max-width: 100%;
  }

  input[type="range"] {
    width: 100%;
  }
}