/* basic */
ul li {
  padding: 0 0 0 15px;
  margin: 0 0 0 10px;
}

ol li {
  margin-left: 3em;
}

h1 {
	font-size: 160%;
	font-weight: lighter;
	font-style: italic;
	color: #CACACA;
	color: #EB8F0B;
	width: 98%;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 10px;
	margin-left: 0px;
	background: url("../images/content-link.gif") #FFFFFF no-repeat 0px 30px;
	height: 50px;
}
h2 { 
	margin: 0px 0px 1ex 20px !important;
	padding: 15px 0px 5px 0px !important;
	font-size: 140%;
	color: #BF0005;
	font-weight: normal;
}
.page-column .title h2 { margin: 0; padding: 10px 0 0 0; }
.page-column h3 { margin-bottom: 0; } 

h3 { color: #809b26; font-size: 110%; }
a { color: #4E6777; text-decoration: underline; }

table.list { border: 1px solid #C0C0C0; width: 80%; min-width: 80%; }
table.list th { border-bottom: 1px solid #D0D0D0;
background-color: #BFBFBF; color: #505050; }
table.list td { border-bottom: 1px solid #D0D0D0;
background-color: #F5F5F5; }
table.list tr:hover td { background-color: #FFFFA0; }
table.list tr.row-even td { background-color: #E0E0E0; }

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

fieldset { padding: 0; clear: both;}
fieldset div h3 { background-color: inherit; }
form fieldset th { width: 30%; vertical-align: top; }
div.group, fieldset { background-color: #F5F5F5; }
fieldset .text { width: 300px; min-width: 300px; }
fieldset.left { clear: none; width: 49%; margin-right: 0.4%; _height: 180px; min-height: 180px; }

label.required { color: #FF0000; }
div.group a { color: #658313; }
form table { width: 100%; }
form div.group h3, form fieldset h3 { 
  background-color: #BFBFBF; 
  color: #505050;
  margin: 0 !important; padding: 5px !important; font-size: 100%; 
}
form fieldset div h3 { background: none; }

input.text, textarea {
	border: 1px solid #BEBEBE;
	background-color: #DEDEDE;
	font-size: 100%;
}
input { vertical-align: middle; }

textarea:hover, input.text:hover, input.hover {
	background-color: #EFDFB3 !important;
}

.submitForm:hover {
	background-color: #3F3F3F;
	border-color: #000000;
}

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

input[readonly=readonly] { background-color: #E0E0E0 !important; }

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

/* shop */
.item-list { }
.item-list .item {
  float: left;
  width: 33.3%;
  min-width: 33.3%;
}
.item-list .item-box {
  border: 1px solid #CF6600;
  margin: 0 3px 5px 0;
  _height: 455px;
  min-height: 455px;
}
.item-list .title { background-color: #3F72A1; color: #FFFFFF; text-align: center; _height: 140px; 
min-height: 140px; max-height: 140px; }
.item-list .title h2 { font-size: 100%; padding: 5px 0 0 0 !important; margin: 0 !important; font-weight: bold; }
.item-list .title a { color: #FFFFFF; text-decoration: underline; }
.item-list .title a:hover { text-decoration: none; }
.item-list .image { height: 158px; max-height: 158px; padding-top: 5px; }
.item-list .info1 { width: 100%; min-width: 100%; font-size: 90%; }
.item-list .info1 td { width: 52%; text-align: right; padding: 0 5px 0 0; }
.item-list .info1 td, .item-list .info1 th { vertical-align: top; }
.item-list .info table { width: 100%; min-width: 100%; }
.item .image { text-align: center; }
.item-list .info2 { height: 45px; padding-top: 5px; width: 100%; overflow: hidden; display: block; }

.item-list .inputs { padding-top: 10px; }
.item-list img.action { position: absolute; }

.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 {  padding-left: 5px; }
.item-detail .info { float: left; width: 49%;  min-width: 49%; max-width: 49%; }
.item-detail .info table { border: 1px solid #CCCCCC; width: 99%; min-width: 99%; max-width: 375px; color: #727272; }
.item-detail .info th { width: 40%; min-width: 40%; }
.item-detail .image {width: 49%; min-width: 49%; text-align: left; float: right; padding: 0; margin: 0; }
.item-detail h3 { margin: 0 0 10px 0; }

.item-detail .item .image .box { width: 100%; position: relative; overflow: visible; }
.item-detail img.action { position: absolute; top: 4px; left: 4px; border: none; }

.item .info td, .item .info th {
  font-weight: bold;
  border: 1px solid #CCCCCC;
  text-align: left; 
}
.item-list .info td, .item-list .info th { border: none; }
.item-detail .info th { color: #ffffff; background-color: #8CA6D5; }
.item-cena { color: #FF0000; }

/* price_group */
.item-price_group {
	background-color: #EB9026 !important;
	color: #000000 !important;
}

#item-modely {
  margin: 0 10px 0 0px !important;
	font-size: 8pt;
	background-color: #EEEEEE;
	text-align: left;
	width: 47%;
	float: left;
}
#item-modely th { background-color: #8CA6D5; color: #FFFFFF; }
#item-modely td {
	padding: 1px;
	background-color: #FEFEFE;
	font-style: italic;
	font-weight: bold;
	color: #808080;
}

#item-modely tr:hover td {
	background-color: #FFFF00;
	color: #FF0000;
}

/* filters */
.filter { }
.filter { border: 1px solid #cfe78c; margin: 0 0 10px 0; }
.filter ul { padding: 4px 0 3px 0 !important; margin: 0px 0 2px 0 !important }
.filter li { 
  float: left; background-image: none !important; margin: 0 !important; padding: 0 5px 0 5px !important;
}
.filter li img { padding-top: 5px; }
.filter a { text-decoration: underline; }
@media handheld, projection, screen, tty, tv
{ 
.filter a { cursor: pointer; }
} 

.sort-filter { background-color: #eaeedb; }
.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%; 
  }

/* tabs */
#tabs { margin-top: 10px; }

/* catalog sections */
.section-row {
  width: 95%;
  min-width: 95%;
  position: relative;
  background-color: #F5F5F5 !important;
  padding: 10px;
  margin-bottom: 45px;
}
.section-row h2 {
  margin-top: 0ex !important;
  padding-top: 0ex !important;
}
.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;
  min-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 !important;
}
.catalog-sections .more-info2 {
  clear: right;
  float: right;
}

/* cart */
.inputs { text-align: center; }
.item-detail .inputs {width: 80px;}
.inputs .text { width: 25px; }
.cart-info, .cart-empty { font-size: 85%; color: #000000; text-align: left; float: left; }
#cart-table table.list {width: 100%;}
#cart-table table.total { border-top: 2px solid #C0C0C0; }
#cart-table .total th { text-align: right; width: 75%; }
.cena-total { font-weight: bold; font-size: 110%;}

#cart-table tr:hover td {	background-color: #FEFF7F; }

#cart-table .total .cena-total {
	font-weight: bold;
	font-size: 120%;
  background-color: #EFE3B3;
}

#kosik .total {
	width: 15%;
}

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

/* news */
#news { padding: 0 5px 0 5px; }
#news .title { }
.news { }
.news h3 { font-size: 100% !important; margin: 0; padding: 0; color: #d0800d; font-weight: bold; }
.news .date { font-weight: bold; margin: 1ex 0 0ex 0; } 
.news .title { margin: 0.5ex 0 0.5ex 0px; padding-left: 0px; font-size: 110%; font-weight: normal !important;
  line-height: 120%;
}
.news .text { color: #848484; font-size: 85%; font-style: italic; }

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

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

/* usetrite */
.s1 {
	float: left;
	overflow: hidden;
	width: 180px;
	margin: 2px 2px 0px 0px;
	border: 1px solid #ddd;
	text-align: center;
}

.s2 {
	width: 180px;
}

.s3 {
	width: 180px;
}

.s4 {
	width: 180px;
}

/* columns */
.column1 {
	float: left;
	width: 180px;
}

.column2 {
	float: left;
	width: 530px;
}

.clear .column2 {
	float: left;
	width: 500px;
}

.column1 .padded1 {
	margin: 5px auto;
	width: 180px;
}

.column1 p,.column2 p {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/* 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; }

/* inquiry */
.inquiry {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #3E7D24;
  padding: 0;
  position: relative;
}
.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: #67b700;
  color: #FFFFFF;
  padding: 15px 0 15px 80px;
}
.inquiry fieldset {
  padding: 0;
  padding-bottom: 10px;
  position: static;
  background-color: #e2f1ca;
}

/* trends */
.trends { margin-bottom: 2ex; }
.trends .date { float: right; color: #A03636; font-weight: bold; margin: 1ex 0 0ex 0; }
.trends .title { margin: 1ex 0 1ex 0; font-size: 100%; font-weight: bold !important;
  color: #8A1F29;
}
.trends .text { font-style: normal; padding-left: 0px; padding-top: 0px;  }
.trends .image { padding-right: 5px; display: inline; }
.image img, .trends .list img { border: 4px solid #e2e8cf; }
.trends .list { text-align: center; }
.trends hr { width: 80%; height:4px; border-width:0; color:#e2e8cf; background-color: #e2e8cf;
margin-left: auto; margin-right: auto; }

/* 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: 1em 0;
	font-size: 90%;
}

.paginator a, .paginator span {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	color: #999999;
}

.paginator a {
	background: #0193DE;
	color: #FFFFFF;
	border: 1px solid #9AAFE5;
	text-decoration: none;
}

.paginator span.button {
	border: 1px solid #DDDDDD;
}

.paginator .current {
	background: #E77A13;
	border: 1px solid #2E6AB1;
	color: white;
	font-weight: bold;
}

/* akce */
#akce {
	padding: 0 0 0px 0px;
	margin-left: 0px;
}
#right #akce { 	background: url("../images/actions-link.gif") #FFFFFF no-repeat 0px 30px;}

#akce .item {
  margin-bottom: 4px;
  width: 100% !important;
}
#akce .item-list {
  margin: 0px 0 0 0;
}
#akce .item-list .item-box {
  border: 1px solid #BF0005;
  margin: 0px 0px 0px 0px;
  width: 100%;
  min-height: 0px;
}
#akce h2.title {
  margin: 0 0 20px 0 !important; padding: 0 !important;
}
#akce h2 {
  margin: 0 !important; padding: 0 !important;
}
#akce .item h2 {
  width: 100%;
  font-size: 90%;
  text-align: center;
  margin: 0;
  padding: 0;
}

#akce h2 a {
  color: #FFFFFF;
  text-decoration: underline;
}

#akce h2 a:hover {
  text-decoration: none;
}

#akce .item-list .title {
  background-color: #BF0005;
  font-size: 100%;
  height: auto;
  min-height: 50px;
}
#akce .image { height: auto; }
#akce .info2 { height: auto; padding-top: 0; }
#akce .inputs {padding-top: 0px; }

/* delivery */
table.delivery td { color: #000000; border: 1px solid #000000; text-align: center; }
table.delivery a { color: #000000; }
td.vaha { background-color: #FFDEAF; }
td.ppl { background-color: #FF3F47; }
td.ppl-private { background-color: #E1C700; }
td.radialtrans { background-color: #FF630F; }
td.radialtrans-private { background-color: #FF630F; }
td.radialtrans-express { background-color: #FF630F; }
td.cpost { background-color: #E78326; }
tr.dobirka td { background-color: #BFBFBF;}
table.delivery tr:hover td, td.hover, tr.dobirka td.hover { background-color: #FEFF7F;}

.notep { text-align: center !important; color: red; }

/* Query */
#ajaxLoadQuery { width: 320px;  
text-align: left; margin: 10px 0 0 0; }
#ajaxLoadQuery.search { max-width: 320px; width: 320px; text-align: left;  margin: 10px 0 0 0; }
#ajaxLoadQuery form { background-color: #e6ecf7; border: 1px solid #8ca6d5; padding: 10px !important; }
#ajaxLoadQuery h3 { margin: 0 0 10px 0; padding: 0 !important; } 
#ajaxLoadQuery .inner { padding: 10px; }
#ajaxLoadQuery .button { float: right; margin: 5px 0 0 0; }
#ajaxLoadQuery .text, #ajaxLoadQuery textarea { width: 100%; 	background-color: #FFFFFF; border: 1px solid #b7c4dc;}
#ajaxLoadQuery .required { color: inherit; }

#query { width: 320px;  
text-align: left; margin: 10px auto 0 auto; }
#query.search { max-width: 320px; width: 320px; text-align: left;  margin: 10px 0 0 0; }
#query form { background-color: #e6ecf7; border: 1px solid #8ca6d5; padding: 10px !important; }
#query h3 { margin: 0 0 10px 0; padding: 0 !important; } 
#query .inner { padding: 10px; }
#query .button { float: right; margin: 5px 0 0 0; }
#query .text, #query textarea { width: 100%; 	background-color: #FFFFFF; border: 1px solid #b7c4dc;}
#query .required { color: inherit; }

.query { font-size: 90%; }

/* query-list */
.query-list li { background: #FFFFFF !important; margin-bottom: 5px !important; padding: 5px; }
.query-list .answer { padding: 10px; font-weight: bold; }
#query-box { display: none; }

/* icons */
ul.policy-icons {
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0;
}
ul.policy-icons li {
  float: left;
  background: none !important;
  width: 30%;
  text-align: center;
  padding: 0; margin: 0;
}
ul.policy-icons li a {
}

/* price change */
table.priceChange, table.priceChange td, table.priceChange th { border: 0 !important; text-align: center !important; vertical-align: middle !important;}
table.priceChange { width: 100%; }

/* custom */
.super-box {
float: left; text-align: center; width: 350px; height: 199px; display: block; margin: 0; 
}
.super-box { text-decoration: none;}
.super-box p {
  font-size: 230%; color: #FFFFFF; text-align: center;
  font-weight: bold; line-height: 130%; 
} 
#super-firma { background: url("../images/b1.jpg") no-repeat scroll 0% 0% transparent; margin-right: 20px;}
#super-firma p { padding-top: 45px; }
#super-osoba { background: url("../images/b2.jpg") no-repeat scroll 0% 0% transparent; }
#super-osoba p { padding-top: 25px; }

/* partners */
.partners { text-align: center; color: #707070; background: #FFFFFF; }

/* EUR */
.price-eur { font-size: 80%; color: #A0A0A0; }

/* general */
input.default { background-color: #175588; }
.img-border { border: 4px solid #e2e8cf; }
.text-box { padding: 10px; }
.image-button { vertical-align: middle; border: none !important; }
.inner { padding: 10px; }
.error { color: #FF0000; font-weight: bold; }
p.info { font-style: italic;}
.image .box { margin: 0 !important; }
.button { padding: 2px; }