/* basic */
ul li {
  margin-left: 1em;
  padding-left: 15px;
}

ol li {
  margin-left: 3em;
}

/* headers */
h1 {
  color: #195587;
  font-size: 180%;
  margin-top: 0;
  line-height: 120%;
}
h2 { font-size: 120%; color: #CF7000; }
h3 { color: #809b26; }
a { color: #4E6777; text-decoration: underline; }

/* tables */
table.list { border: 1px solid #C0C0C0; width: 80%; }
table.list th { border-bottom: 1px solid #C0C0C0;
background-color: #74858F; color: #FFFFFF; }
table.list td { border-bottom: 1px solid #C0C0C0;
background-color: #F5F5F5; }
table.list tr:hover td { background-color: #FFFFA0; }

img { behavior: url('css/iepngfix.htc'); }

/* forms */
form dl { padding: 10px;}
form dd { display: block; }

fieldset { background-color: #EFEFEF; border-color: #909090; }
fieldset .text { width: 300px; }
label.required { }
div.group a { color: #658313; }
form div.group h3, form fieldset h3 { background-color: #BFBFBF; color: #000000 !important;
margin: 0 !important; padding-left: 5px; }

form div.group h3, form fieldset h3 { font-size: 100%; font-weight: bold;
}

fieldset { padding: 0; }
fieldset label { float: none; vertical-align: top; padding-left: 5px;}

form table, table.form { width: 99%; }
form fieldset th, form .form th { vertical-align: top; width: 25%; text-align: right; }

hr {
  line-height: 1px; /*needed for IE/win*/
  font-size: 1px; /*needed for IE/win*/
  height: 1px;
}

/* content */
#content {
  line-height: 150%;
}
#content ul li {
  background: url("../images/li.gif") 0% 5px no-repeat;
}
#content p { text-align: left; }
#sitemap .TreeViewControlExpanded {
  display: none;
}

/* shop */
.item-list .item {
  float: left;
  width: 33.3%;
  min-width: 33.3%;
}
.item-list .item-box {
  border: 1px solid #85212B;
  margin: 0 3px 5px 0;
}
.item-list .title { min-width: 100%; width: 100%; background-color: #77110C; color: #FFFFFF; text-align: center;
height: 70px; }
.item-list .title h2 { font-size: 100%; padding: 5px 0 0 0; margin: 0; font-weight: bold; }
.item-list .title a { color: #FFFFFF; text-decoration: underline; }
.item-list .title a:hover { text-decoration: none; }
.item-list .image { height: 150px; }
.item-list .image a { text-decoration: none; }
.item-list .image .box {min-width: 100%; }
.item-list .info { height: 200px; }
.item-list .info1 { min-width: 100%; width: 100%; }
.item-list .info1 th { text-align: left; padding: 0 5px 0 5px; }
.item-list .info1 td { text-align: right; padding: 0 5px 0 0; }
.item-list .info table { min-width:100%;  width: 100%; }
.item .image { text-align: center; }
.item-list .info2 { height: 70px; padding-top: 5px; padding-bottom: 5px;}

.item-list .inputs { min-width: 100%;  padding-top: 10px; }
.item-list img { border: none !important; }
.item-list img.action { position: absolute; }

.item ul.icons { clear: both; padding: 5px !important; }
.item ul.icons li { float: left; }
.item .icons img {vertical-align: middle;}
.item-list .icons li { background: none !important; font-size: 80%; 
min-width:40px; width: 40px; line-height: 120%; text-align: center;}

table.item-list { border-color: #C5C6C7; min-width:99%; width: 99%; }
table.item-list, table.item-list a { color: #000000; }
table.item-list th { padding: 2px; background-color: #DCDCDC;}
table.item-list td { padding: 2px; color: #000000; }
table.item-list tr.odd td { background-color: #F0F0F0; }
table.item-list tr.even td { background-color: #E0E0E0; }

.category-text { border: 1px solid #899F63; padding: 10px; margin-bottom: 10px;
  background-color: #ECF5DD; font-size: 90%; line-height: 140%;
}
.category-text .image { float: left; padding: 10px 10px 0 0; }

.item-detail .item { min-width: 100%; }
.item-detail .info { min-width:33%; width: 33%; float: left; }
.item-detail .info table { min-width:99%;  width: 99%; color: #727272; }
.item-detail .info th { min-width:30%; width: 30%;}
.item-detail .image {min-width:33%; width: 33%; text-align: center; float: left; padding: 0;  }
.item-detail .image img { border: 4px solid #e2e8cf; }

.item-detail .buttons { min-width:33%; float: left; width: 33%; text-align: right; }
.item-detail .buttons ul li { padding: 0; margin: 0; background: none !important; 
min-height: 30px; }
.item-detail .buttons li.cart { padding-top: 5px; background: url(../images/dotted.gif) repeat-x !important; }
.item-detail-sep { clear: left; font-size: 1px; height: 15px; min-width:100%; width: 100%; border-bottom: solid 1px #E60621; }

.item .info td, .item .info th {
  font-weight: bold;
  background: url(../images/dotted.gif) repeat-x bottom left;
  border: none !important;
}
.item-detail .info th { color: #000000; }
.item-cena { color: #FF0000; }

/* filters */
.filter { min-width:99%; width: 99%; background-color: #efefef;
 border: 1px solid #c5c6c7; margin: 0 0 10px 0; }
.filter .inner { padding: 10px; }
.filter label { font-weight: bold; }
.filter ul { padding: 0px 0 5px 0 !important; margin: 2px 0 0px 0 !important; overflow: auto; }
.filter li { 
  float: left; background-image: none !important; margin: 0 !important; padding: 0 5px 0 0px !important;
}
.filter li img { padding-top: 5px; }
.filter a { text-decoration: underline; }
@media handheld, projection, screen, tty, tv
{ 
.filter a { cursor: pointer; }
} 

.sort-filter { }
.sort-filter, .sort-filter a { color: #000000; }

.page-filter li { width: 1em; margin: 0 !important; }
.page-filter .active a {font-weight:bold; font-size: 120%; }

/* catalog sections */
.section-row {
  min-width:95%; 
  width: 95%;
  position: relative;
  background-color: #F5F5F5;
  padding: 10px;
  margin-bottom: 45px;
}
.section-row h2 {
  margin-top: 0ex;
  padding-top: 0ex;
}
.section-row .image {
	float: right;
	margin: 0 0px 5px 10px;
  padding: 0;
}
.section-row img {
  padding: 0 0 0 0;
}
.section-row .text {
  padding-bottom: 10px;
  text-align: justify;
}
.catalog-sections .more-info {
  color: #A0A0A0;
  position: absolute;
  display: block;
  background: none;
  bottom: -37px;
  left: 45%;
  width: 200px;
  padding-left: 50px;
  text-align: left;
  padding: 0;
}
.catalog-sections .more-info img {
  float: left;
  margin-right: 10px;
}
.catalog-sections .more-info span {
  padding: 15px 0 0 0px;
  display: block;
  font-size: 90%;
}
.catalog-sections .more-info a {
  text-decoration: none;
}
.catalog-sections .more-info2 {
  clear: right;
  float: right;
}

/* cart */
.inputs { text-align: center; }
.item-detail .inputs { text-align: right; }
.item-list .inputs .text { position: relative; top: 5px; }
.inputs .text { width: 20px; position: relative; top: 8px; }
.cart-info, .cart-empty { color: #000000; text-align: center; }
#cart-table table.list {width: 100%;}
#cart-table table.list th { background-color: #BFBFBF; border: 1px solid #909090; color: #000000; }
#cart-table table.list td { background-color: #EFEFEF; border: 1px solid #909090; }
#cart-table tr.total th { background-color: #acacac; border-top: 3px solid #000000; }
#cart-table .total td { text-align: right; }
#cart-table table.total td.cena-total { font-weight: bold; font-size: 110%;}
#cart-table .inputs .text { top: 0px;}
#cart-table table.list .row-odd td { background-color: #E1E1E1; }
.cena-total { font-weight: bold; font-size: 110%;}

/* cart steps */
ul.cart-steps { clear: both; }
ul.cart-steps li { margin: 0; padding:0; width: 32%; float: left; background: none !important;
text-align: center; }

/* news */
#news-box { margin-top: 10px; }
#news-box h2 { background: url(../images/icon-news.png) no-repeat; height: 40px; }
#news-box h2 span { display: block; padding: 10px 0 0 70px; }

.news { margin-bottom: 2ex;   border-bottom: 1px dotted;
  border-color: #C0C0C0;
}
.news h3 { font-size: 100%; margin: 0; color: #977000; }
.news .date { color: #FF0000; font-weight: bold; margin: 1ex 0 0ex 0; }
.news .title { margin: 1ex 0 1ex 0; font-size: 100%; font-weight: bold;
  color: #000;
}
.news-text { color: #848484; }
.news .image { margin: 0 10px 2px 0; }
.news .image img { border: none; }

/* frame-box */
.frame-box {
  clear: both;
  margin-bottom: 20px;
  padding: 1px;
  text-align: left;
  font-size: 100%;
  border: 1px solid #DCE1E7; /* vzhled ramecku */
  background-color: #F1F4F7; /* barva pozadi */
  color: #666666;
}
.frame-box * {   background-color: #F1F4F7 !important; /* barva pozadi */ }
.frame-box .inner { padding: 10px 10px 10px 10px; }
.frame-box p { margin-top: 0px; background-color: transparent; }
.frame-box img { margin: 0 15px 10px 0; }

/* contact-box */
.contact-box h3, .contact-box-l h3, .contact-box-r h3 {
  margin: 0;
  padding: 0 0 0 0.7em;
  background-color: #E0E0E0;
  color: #505050;
}
.contact-box {
  min-width:99.1%;
  width: 99.1%;
  clear: both;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-top: 2ex;
}
.contact-box-l, .contact-box-r {
  min-width:48.9%;
  width: 48.9%;
  float: left;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-bottom: 1ex;
}
.contact-box-r { margin-left: 1%;  clear: right; }
.contact-text { padding: 2ex 0 0.5ex 0.7em; }
.contact-text * { line-height: 110%; }
.contact-text p { margin: 0 0 1ex 0; padding: 0; }
.contact-box .column1, .contact-box .column2 { float:left; min-width:49%; width: 49%; }
.contact-box .contact-text { margin-left: 5%; }
.contact-box .image { margin: 0px 0 10px 0 !important; }

/* inquiry */
.inquiry {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #887270;
  padding: 0;
  position: relative;
  width: 500px;
}
.inquiry .note {
  height: auto;
  overflow: visible;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.inquiry .inner {
  padding: 10px;
}
.inquiry .motive {
  position: absolute;
  top: -25px;
}
.inquiry h2 {
  margin: 0;
  background-color: #A2A2A2;
  color: #FFFFFF;
  padding: 15px 0 15px 0px;
  text-align: center;
}
.inquiry fieldset {
  position: static;
  margin: 0;
  border: none;
  background-color: #F1F4F7;
}
.inquiry .column1, .inquiry .column2 {
  width: 47%;
  float: left;
}
.inquiry .column2 {
  padding-left: 0%;
}
.inquiry .text { width: 210px; }
.inquiry textarea { width: 99%; }
.inquiry-text p { text-align: center; color: #808080; }

/* brands */
.brand-list ul { clear: both; }
.brand-list li { position: relative; display: block; float: left; width: 47%;
margin: 0 5px 10px 0 !important; height: 100px; }
.brand-list hr { position: absolute; bottom:0; left:0; clear:both; width: 99%; height:4px; border-width:0; color:#e2e8cf; background-color: #e2e8cf;
 }
.brand-list .image { float: right; margin-right: 10px; padding-top: 0; }

/* paginator */
.paginator {
	margin: 0em 0;
	font-size: 90%;
}
.paginator a, .paginator span {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	background: #c1c1c1;
	color: #000000;
}
.paginator a {
	background: #a9a9a9;
	color: #000000;
	border: 1px solid #6d6d6d;
	text-decoration: none;
}
.paginator span.button {
	border: 1px solid #6d6d6d;
}
.paginator .current {
	background: #E60621;
	border: 1px solid #CF001C;
	color: white;
	font-weight: bold;
}
.paginator a:hover { background: #9F9F9F; }
.paginator .button:hover { background: #c1c1c1; }

/* keywords */
.keywords-list { clear: both; }
.keywords-list ul { width: 33%; }

/* sortiment */
.sortiment li { clear: both; }

/* image-list */
.image-list .image { float: left; width: 32%; margin: 0; padding: 0; text-align: center; }

/* flash message */
#flash-message {
  position: absolute;
  left: 150px;
  top: 300px;
  background-color: #FFFFFF;
  width: 800px;
  min-height: 300px;
  z-index: 10000;
}

#flash-cart {
 display: none;
  width: 800px;
  height: 300px;
  min-height: 300px;
}

/* flashmessages */
#flashmessages { text-align: center; margin: 0 0 5px 0; }
#flashmessages a { color: #FFFFFF; font-weight: bold; }
#flashmessages .info { background-color: #008F09; color: #FFFFFF; padding: 2px; }
#flashmessages .error { background-color: #FF0000; color: #FFFFFF; padding: 2px; }

/* addCart */
#addCart { background: url(../images/addcart-logo.png) no-repeat;
position: absolute; min-height: 500px; padding-top: 70px; width: 100%;   z-index: 10000;}
#addCart .message { position: absolute; top: 105px; left: 108px; color: #444444; font-size: 16px; }
#addCart .item { width: 60%; position: relative; left: 320px; min-height: 150px;}
#addCart .image { float: left; display: inline; width: 28%; text-align: center;}
#addCart .right {margin: 0;}
#addCart .text { float: right; display: inline; width: 68%; font-size: 85%;}

/* general */
.img-border, .image-border { border-color: #D9D9D9; }
.text-box { padding: 10px; }
.image { padding: 5px; }
.image-button { vertical-align: middle; }
.inner { padding: 10px; }
.error { color: #FF0000; font-weight: bold; }
.info { font-style: italic;}