/* Elements reset, body element, images and primary text/link colors
------------------------------ */
body, form, input, select, p, pre, abbr, address, ul, ol, li,
h1, h2, h3, h4, h5, h6, img,
table, tr, td, th, input, textarea {
 	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

body {
	background: #FFF;
	color: #333;
	text-align: left;
}

img {
	border: 0;
}

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

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

/* Hidden elements in print version (smartform doesn't support the class property) */
.print-hide,
.print-hide-form form {
	display: none !important;
}

/* Definitions of main containers, prior loading of "content" container
------------------------------ */

#wrap {
	width:100%;
}

#page-header {
	display:none;
}

#page-body {
	margin:0;
	padding:0;
}

#panel-left {
	display:none;
}

#panel-right {
	display:none;
}


#page-footer {
	display:none;
}

/* Basic form elements
--------------------------------- */

input, select, textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #999 #CCC #CCC #999;
	background: #FFF;
	color: #333;
	padding: 3px 4px 3px 4px;
	font-weight:bold;
	vertical-align:middle;
}

label {
	cursor:pointer;
}

input.input-error, textarea.input-error {
	border: 1px solid #F00 !important;
	background: #FEE;
}

input.radio {
	background-color: transparent;
	border: 0px;
}

input.checkbox {
	padding:2px;
}

.button, .minibtn, .midbtn, .bigbtn, .autobtn {
	display: none;
}

fieldset {
	border:0;
	padding:0;
	margin:0;
}
fieldset.captcha * {
	vertical-align:middle;
}

fieldset.captcha {
	display: none;
}

fieldset dl {
	margin:0;
	padding:0;
}

fieldset dt {
	margin:0;
	float:left;
	clear:left;
	width:50%;
}

fieldset dd {
	margin:0;
	float:left;
}

fieldset dd * {
	vertical-align:middle;
}

fieldset dd input {
	width:150px;
}

fieldset dd select {
	width:160px;
}

fieldset dt strong {
	font-size:130%;
	color:#F00;
	padding:0 5px;
}

fieldset.center dt {
	text-align:right;
	padding:3px 5px 0 0;
	margin-bottom:5px;
}

fieldset.center dd {
	margin-bottom:5px;
}

/* prices and info distribution lists
------------------------------ */
dl.prices, dl.info  {
	float: left;
	width: 100%;
	padding: 0;
	margin: 1px 0;
	text-align:right;
	color:#666;
}

dl.prices dt, dl.info dt {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0;
	text-align:left;
	clear:left;
}

dl.prices dd, dl.info dd {
	float: left;
	width: 60%;
	padding: 0 0 0 5px;
	margin: 0;
	text-align:left;
}


/* Classes which contain price info
-------------------------- */

.cenasdph {
	color: #690;
	font-weight: bold;
}

.cenabezdph {
	color: #666;
	font-weight: bold;
}

.cenapayment {
	color:#00567A;
	font-weight: bold;
}

.beznacenasdph {
	font-weight: bold;
}

.beznacenabezdph {
	font-weight: bold;
}

.sleva, .akcnisleva {
	color: #8A3D94;
	font-weight: bold;
}

.akcnisleva {
	color: #ff3333;
	font-size: larger;
}

.kredity {
	color: #FEAB33;
	font-weight: bold;
}

.total-price {
	color: #FEAB33;
	font-weight: bold;
	font-size: 24px;
}

/* other global settings
------------------------- */

hr {
	background: gray;
	border: 0px;
	height: 1px;
}

br.tinyclear {
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

p {
	line-height:140%;
}

abbr {
	cursor:help;
}

.col_2 {
	float: left;
	width: 50%;
}

.pass_strength {
	border:1px solid #CCC;
	height:5px;
	margin-top:2px;
}

/* arrows
---------------*/

span.arrow-up {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -14px;
	width:14px;
	height:14px;
}

span.arrow-up-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -14px;
	width:14px;
	height:14px;
}

span.arrow-down {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px 0px;
	width:14px;
	height:14px;
}

span.arrow-down-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px 0px;
	width:14px;
	height:14px;
}


span.arrow-left {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -28px;
	width:14px;
	height:14px;
}

span.arrow-left-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -28px;
	width:14px;
	height:14px;
}

span.arrow-right {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -42px;
	width:14px;
	height:14px;
}

span.arrow-right-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -42px;
	width:14px;
	height:14px;
}

/* center, right..
------------------------- */

.center {
	text-align:center;
}

.right {
	text-align:right;
}

/* specific colors for elements
---------------------------------*/

.expedition-level0 {
	color:#080;
}

.expedition-level1 {
	color:#F80;
}

.expedition-level2 {
	color:#F00;
}

.exp{
	clear: both;
	font-size: 15px;
}
.exp:before{
	content: 'Dostupnost:';
	margin-right: 46px;
}
.flags {
	margin:5px 0px;
	line-height:150%;
}
.flags span {
	font-size:90%;
	padding:2px 4px;
	margin-right:2px;
}

tbody tr.odd td, tbody tr.odd th {
	background:#F2F2F2;
}

.legenda {
	padding:5px 0;
}
.legenda span.status-1, .legenda span.status-2, .legenda span.status-3 {
	padding:1px 8px;
	margin-right:5px;
}

.legenda span.status-1 {
	margin-left:0;
}

/* elementy pro page
-----------------------*/

.page {
}

.page .in {
}

.page .page-start {
	font-weight: bold;
	height:35px;
	border:0;
}

.page-on-index .page-start {  /* special styles for pages on homepage */
	background:none;
}

.page .page-start .in {
	padding:5px 0px;
}

.page-on-index .page-start .in {
	padding:8px 0px;
}

.page-start .in h1, .page-start .in h2 {
	font-size:140%;
}

.page-start .in h2 {
	font-size:125%;
}

.page .page-start {
	height:29px;
}

.page-on-index .page-start .in div {  /* special styles for pages on homepage */
	padding:8px 14px;
	display:inline;
}


.page-middle {
}

.page-middle .in {
	padding:8px 0px;
}


.nobackground .page-middle .in {
	padding:8px 0;
}

.nobackground .page-middle .in > p {
	padding-left: 14px !important;
}

.page-middle .in h2, .page-middle .in h3 {
	font-size: 130%;
	margin: 0 0 5px 0;
}


.page-middle .in h2 a, .page-middle .in h3 a {
	text-decoration:none;
}

.page-middle .in h2 a:hover, .page-middle .in h3 a:hover {
	text-decoration:underline;
}


.page-end {
}

.page-end .in {
}

.page-bar {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;

}

.page-bar .in {
	color: white;
	padding: 1px 4px 1px 20px;
	background: #666 url('img/design/arrow-yellow.gif') no-repeat 5px 50%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;

}

/* styles for product list */
.page .page-middle .list {
	list-style-type: none;
}

.sort-bar,
.producers-bar,
.flags-bar,
.paging,
.paging-bar,
.display-bar,
.button  {
	display: none !important;
}

/* panely
------------------------------*/
.panel {
	margin:0 0 3px 0;
}

.panel .in {
}

.panel-start {
	font-weight: bold;
	height:30px;
}
.panel-start .in {
	padding:8px 14px;
}

.panel-middle {
}

.panel-middle .in {
	padding: 14px;
}

.panel-end {
}

.panel-end .in {
}

/* styles for product list in panels
---------------------------- */
.panel .products  {
	list-style-type:none;
}
.panel .products li {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #E9E9E9;
	height:auto;
	min-height:1px !important;
	clear:both;
}
.panel .products li.last {
	padding:0;
	border:0;
}
.panel .products li .image {
	float:left;
	width:44px;
	height:40px;
	border:1px solid #E5E5E5;
	background:#FFF;
	text-align:center;
	line-height:40px; /* vertical align hack - has to be height of the element*/
	font-size:0px;    /* vertical align hack */
}
.panel .products li .image img {
	vertical-align:middle;  /* vertical align hack */
	display:inline; /* vertical align hack */
}
.panel .products .info {
	width:150px;
	text-align:left;
	float:right;
}

.panel .products li h4 {
	margin:0 0 5px 0;
}

.panel .products li h4 a {
	text-decoration:none;
}

.panel .products li h4 a:hover {
	text-decoration:underline;
}

.panel .products li p {  /* 3 lines for text */
	font-size:90%;
	height:3.9em;
	font-weight:normal;
	overflow:hidden;
}

.panel .products li dl {
	font-size:90%;
}

.panel .products li dl dt {
	width:16%;
}


/* Index-top and right panels specifications
---------------- */

#index-top {
	width:100%;
	margin-bottom:2px;
	margin-top:5px;
}

#index-top .page {
	float:left;
	width:510px;
	height:225px;
	background:#F5F5F5;
}

#index-top .panel {
	float:right;
	width:232px;
	height:225px;
	background:#F5F5F5;
	padding:0px 0px;
}
#panel-right .panel {
	margin-bottom:5px !important;
}
#index-top .panel .panel-start, #panel-right .panel .panel-start  {
	border:0;
}

#index-top .panel .panel-middle .in {
	padding:12px 12px 0px 12px;
}

#panel-right .panel .panel-middle .in {
}

#index-top .products p, #panel-right .products p {
	display:none;
}

#index-top .products li {
	margin-bottom:5px;
	padding-bottom:5px;
}

/* tab-widget */
.tab-content {
	display: block !important;
}

.tab-content.print-hide {
	display: none !important;
}

/* Comments */
.discussion {
  list-style: none;
}

.discussion li {
  padding:0 0 10px;
  margin:8px 0;
  border-bottom :1px solid #ccc;
}

.discussion li dt {
  font-weight: bold;
}

.discussion .level2 {
  padding-left:20px;
}

.discussion .level3 {
  padding-left:40px;
}

.discussion .level4 {
  padding-left:60px;
}

.discussion .level5 {
  padding-left:80px;
}

/* gallery */
.gallery {
	list-style: none;
}

.gallery li {
	float: left;
	margin-right: 10px;
}

#fancybox-overlay{
	display: none;
}
#breadcrumb a{
	color: #000;
	font-weight: bold;
	position: relative;
	padding-right: 15px;
}
#breadcrumb a:after{
	content: ' > ';
	position: absolute;
	right: 0;
	font-size: 14px;
	width: 10px;
}
.js-popup {
	display: none;
}
#page-product-detail .wrap_image{
	display: none;
}
#page-product-detail .wrap_image--display-in-print {
	display: block;
	float: left;
	width: 40%;
	margin-bottom: 170px;
	min-height: 250px;
}
#page-product-detail .wrap_info{
	float: right;
	width: 55%;
	padding: 0 2%;
	min-height: 250px;
	margin-bottom: 20px;
}
#page-product-detail .wrap_info .price-basket{
	width: 90%;
	clear: both;
	
}
#page-product-detail .wrap_info .contactProductDetail{
	position: absolute;
	top: 313px;
	left: 5px;
	width: 310px;
	
}
#page-product-detail .panel .products .info{
	float: left;
	width: auto;
	margin-left: 20px;
}
#page-product-detail .panel .products li .image{
	width: 80px;
	height: 80px;
}
#page-product-detail .in{
	padding: 15px;
}
#page-product-detail dt,#page-product-detail dd{
	float: left;
	width: 90px;
	font-size: 15px;
}
#page-product-detail  .dl-simple--main,
#page-product-detail  .dl-simple--main dt,
#page-product-detail  .dl-simple--main dd{
	font-size: 15px;
	font-weight: bold;
}
#page-product-detail  .dl-simple--main dd{
	margin-left: 5px;
	width: auto;
	margin-right: 5px;
}
	
#page-product-detail .advert{
	display: none;
}
#popis{
	clear: both;
}
.producerLogo{
	position: absolute;
	top: 10px;
	right: 10px;
}
#page-product-detail .wrap_info .contactProductDetail{
	clear: both;
}
.dl-simple--main:before{
	content: 'Cena: ';
	float: left;
	margin-right: 83px;
}
.ico-favorite{
	display: none;
}
.strike{
	text-decoration: line-through;
}
#page-product-detail dl{
	clear: both;
	margin: 0;
}
h1{
	font-size: 24px;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 16px;
}
h4{
	font-size: 14px;
}
h5,h5{
	font-size: 13px;
}
.customerReviews ul, .review ul,.customerReviews .minus li,.customerReviews .plus li{
	list-style-type: none;
}
.customerReviews .plus li:before {
	content: url(img/design/button_plus.gif);
	position: relative;
	left: -16px;
	top: 2px;
}
.customerReviews .minus li:before {
	content: url(img/design/button_minus.gif);
	position: relative;
	left: -16px;
	top: 4px;
}
.ratedAs .rating, .ratings-top .rating {
	background-image: url('img/design/star.png');
	background-repeat: repeat-x;
	background-position: 0 -40px;
	height: 20px;
	display: inline-block;
}
		.highlight1{
			width: 21px;
		}
		.highlight2{
			width: 42px;
		}
		.highlight3{
			width: 63px;
		}
		.highlight4{
			width: 84px;
		}
		.highlight5{
			width: 105px;
		}
/*
zatim nechat, bude se hodit pro dalsi implementaci
.success {
	text-align: center;
	color: green;
	font-weight: bold;
	margin-bottom: 5px;
}

.error {
	text-align: center;
	color: red;
	font-weight: bold;
	margin-bottom: 5px;
}

.exclamation {
	display: block;
	float: left;
	width: 0px !important;
	position: relative;
}

.exclamation-image-in, .exclamation-in {
	position: absolute;
	top: 0px;
	left: -18px;
	height: 13px !important;
	width: 15px !important;
	color: red !important;
	border: 1px green solid;
	font-weight: bold;
	text-align: center;
	padding: 1px 0 1px 0;
}

.exclamation-image-in {
	border-width: 0px !important;
	background: transparent url('img/exclamation.gif') no-repeat 50% 50%;
}

*/