/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-09-09 24:00                                                    */
/* Last changed by: Josef Vondráček                                                     */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

.new,
.action
{
	width: 65px;
	height: 19px;
	position: absolute;
	left: 20px;
	bottom: 1px;
	display: block;
	line-height: 19px;
	background: url(images/product-news.png) no-repeat left top;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.action
{
	left: 87px;
	background-image: url(images/product-action.png);
}

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/

.productsList .productItem
{
	behavior: url(styles/hover.htc);
}

#content .breadcrumbs
{
	width: 737px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 7px 0 0 10px;
	overflow: hidden;
}

#content .breadcrumbs a
{
	color: #f01286;
	font-size: 10px;
}

#content .breadcrumbs span,
#content .breadcrumbs strong
{
	padding: 0 10px;
	font-size: 10px;
	color: #8c8c8c;
}

#content .breadcrumbs strong
{
	padding: 0;
	font-weight: normal;
}

#content .flash
{
	width: 748px;
	height: 269px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

#content .box
{
	width: 747px;
	margin: 0 0 5px 0;
	background: url(images/content-box-middle.png) repeat-y left top;
}

#content .box h1,
#content .box h2
{
	width: 727px;
	height: 41px;
	padding: 0 0 0 20px;
	line-height: 41px;
	background: url(images/content-box-top.png) no-repeat left top;
	color: #ee027e;
	font-family: Arial, Sans-Serif;
	font-size: 18px;
}

#content h1 span
{
	color: #d172ac;
}

#content .box .boxContent
{
	padding: 5px 10px;
}

#content .box .boxContent2 {
  padding: 0px 10px;
}

#content .products .boxContent
{
	padding: 0 10px;
}

#content .box .boxContent p
{
	padding: 10px;
}

#content .box .boxBottom
{
	width: 747px;
	height: 6px;
	background: url(images/content-box-bottom.png) no-repeat left top;
	overflow: hidden;
}

#content .box .separator
{
	width: 100%;
	height: 12px;
	margin: 24px 0;
	clear: both;
	background: url(images/content-separator.png) no-repeat center center;
	overflow: hidden;
}

#content .box .separator hr
{
	display: none;
}

#content .box .info
{
	margin: 0 0 15px 0;
	padding: 0 20px;
}

#content .box .info img
{
	margin: 0 15px 0 0;
}

.productsList .productItem
{
	width: 242px;
	height: 318px;
	float: left;
	overflow: hidden;
	position: relative;
	background: url(images/product-background-right.png) no-repeat right center;
}

.productsList .productItem.last
{
	background: none;
}

.productsList .productItem .bg
{
	width: 222px;
	height: 298px;
	padding: 10px;
	position: relative;
	background: url(images/product-background-bottom.png) no-repeat center bottom;
	z-index: 5;
}

.productsList .productItem .hover
{
	width: 227px;
	height: 298px;
	position: absolute;
	left: 7px;
	top: 10px;
	display: none;
	background: url(images/product-hover.png) no-repeat left top;
	overflow: hidden;
}

.productsList .productItem:hover .hover,
.productsList .productItem.hover .hover
{
	display: block;
}

.productsList .productItem.bottom .bg
{
	background: none;
}

.productsList .productItem h3
{
	margin: 5px 0 10px 0;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	text-align: center;
	/*text-transform: uppercase;*/
}

.productsList .productItem h3 a
{
	color: #49c3df;
	text-decoration: none;
}

.productsList .productItem h3 a:hover
{
	text-decoration: underline;
}

.productsList .productItem .picture
{
	width: 190px;
	height: 132px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.productsList .productItem .detail
{
	width: 190px;
	margin: 0 auto;
}

#content .productsList .productItem .detail p
{
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}

.productsList .productItem .detail em
{
	display: block;
	color: #e50c7e;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

.productsList .productItem .detail strong
{
	width: 100%;
	position: absolute;
	left: 0;
	top: 235px;
	display: block;
	color: #ee027e;
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	text-align: center;
}
.productsList .productItem .detail strong.price2 {
  top:230px;
}
.productsList .productItem .detail strong small
{
	display:block;
	font-size:11px;
	position:relative;
	top:-1px;
	font-weight:normal;
}

.productsList .productItem .detail .moreInfo
{
	width: 109px;
	height: 24px;
	display: block;
	position: absolute;
	left: 66px;
	top: 270px;
	line-height: 24px;
	background: #e20a7c url(images/button-product.png) no-repeat left top;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden; 
}

.productsList .productItem .detail a.moreInfo:hover
{
	text-decoration: underline;
}

#content .box .col
{
	width: 33%;
	padding: 10px 0 0 0;
	float: left;
}

#content .box .col h3
{
	margin: 0 0 0 10px;
	color: #e70d80;
	font-weight: bold;
	text-transform: uppercase;
}

#content .box .col p
{
	padding: 0 10px;
}

#content .box .col p a
{
	color: #636363;
	text-decoration: none;
}

#content .box .col strong
{
	padding: 0 0 0 10px;
	color: #0fa5c7;
	text-transform: uppercase;
}

#content .pagingPanel
{
	width: 745px;
	height: 31px;
	margin: 0 0 0 -9px;
	padding: 5px 0 0 0;
	background: #efefef;
}

#content .pagingPanel .leftSelect
{
float:left;
height:22px;
margin:0 0 0 20px;
padding:3px 0 0;
border:1px solid #E5E5E5;
}

#content .pagingPanel .leftSelect select
{
	width: 110px;
	height: 18px;
	border: none;
	background: #ffffff;
}

#content .pagingPanel .paging
{
	width: 210px;
	margin: 3px 20px 0 0;
	float: right;
	display: inline;
}

#content .pagingPanel .paging a,
#content .pagingPanel .paging span
{
	width: 20px;
	height: 20px;
	margin: 0 2px 0 0;
	display: block;
	float: left;
	position: relative;
	line-height: 20px;
	background: url(images/paging-item.png) no-repeat left top;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#content .pagingPanel .paging span
{
	background: none;
}

#page #content .pagingPanel .paging a span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#content .pagingPanel .paging a.active
{
	background-image: url(images/paging-active.png);
	color: #ffffff;
}

#content .pagingPanel .paging a.completeLeft,
#content .pagingPanel .paging a.completeLeft span
{
	position: relative;
	overflow: hidden;
}

#content .pagingPanel .paging a.completeLeft span
{
	background: url(images/paging-complete-left.png) no-repeat left top;
}

#content .pagingPanel .paging a.left,
#content .pagingPanel .paging a.left span
{
	position: relative;
	overflow: hidden;
}

#content .pagingPanel .paging a.left span
{
	background: url(images/paging-left.png) no-repeat left top;
}

#content .pagingPanel .paging a.completeRight,
#content .pagingPanel .paging a.completeRight span
{
	position: relative;
	overflow: hidden;
}

#content .pagingPanel .paging a.completeRight span
{
	background: url(images/paging-complete-right.png) no-repeat left top;
}

#content .pagingPanel .paging a.right,
#content .pagingPanel .paging a.right span
{
	position: relative;
	overflow: hidden;
}

#content .pagingPanel .paging a.right span
{
	background: url(images/paging-right.png) no-repeat left top;
}

.detail
{
	width: 745px;
	margin: -4px 0 0 -9px;
}

.detail .text
{
	width: 315px;
	padding: 10px 0 0 0;
	float: right;
	overflow: hidden;
}

.detail .text table tr th
{
	padding: 0 10px 0 0;
	vertical-align: top;
	text-align: left;
}

.detail .text strong
{
	display: block;
	color: #ee027e;
	font-size: 18px;
}

.detail .text em
{
	color: #e50c7e;
	font-size: 10px;
}

.detail .gallery
{
	width: 410px;
	float: left;
	overflow: hidden;
}


.detail .bigPhoto
{
	width: 408px;
	height: 268px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.detail .bigPhoto .new
{
	left: 5px;
}

.detail .bigPhoto .action
{
	left: 72px;
}

.detail .bigPhoto .zoom
{
	width: 73px;
	height: 27px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: block;
	background: url(images/detail-zoom.png) no-repeat left top;
	color: #ffffff;
}

.detail .bigPhoto .zoom span
{
	display: none;
}

.detail #photoList
{
	padding: 1px 43px 0 43px;
}

.detail #photoList ul
{
	width: 321px;
	height: 50px;
	list-style-type: none;
	overflow: hidden;
}

.detail #photoList ul li
{
	width: 80px;
	height: 50px;
	float: left;
	overflow: hidden;
}
.detail .gallery_material
{
	/*width: 410px;*/
	width:100%;
	float: left;
	overflow: hidden;
}
.detail #photoListMaterial
{
	padding: 1px 43px 0 43px;
	width:659px;
}

.detail #photoListMaterial ul
{
	width: 572px;/*width: 321px;*/
	height: 50px;
	list-style-type: none;
	overflow: hidden;
}

.detail #photoListMaterial ul li
{
	width: 80px;
	height: 50px;
	float: left;
	overflow: hidden;
}

#content .box.detailContent .separator
{
	margin: 15px 0;
}

#content .detailContent .info
{
	padding: 0;
}

#content .detailContent .info .text
{
	width: 385px;
	padding: 0 0 0 5px;
	float: left;
	overflow: hidden;
}

#content .detailContent .info .variants
{
	width: 310px;
	float: right;
	overflow: hidden;
}

#content .detailContent .info .variants .variantsItem
{
	width: 98px;
	height: 78px;
	margin: 0 5px 5px 0;
	float: left;
	overflow: hidden;
}
#content .detailContent .info .variants .variantsItem .img
{
	width: 97px;
	height: 39px;
	position: relative;
	overflow: hidden;
}

#content .detailContent .info .variants .variantsItem .img .zoom
{
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	right: 5px;
	bottom: 2px;
	background: url(images/detail-zoom-mini.png) no-repeat left top;
	overflow: hidden;
}

#content .detailContent .info .variants .variantsItem .content
{
	width: 98px;
	height: 38px;
	overflow: hidden;
	background: url(images/detail-variant.png) no-repeat left top;
	text-align: center;
}

#content .detailContent .info .variants .variantsItem .content p
{
	padding: 8px 0 0 0;
	font-size: 9px;
}

#content .detailContent .info .variants .variantsItem .content strong
{
	display: block;
	font-size: 11px;
}

#content .detailContent .discount
{
	padding: 10px 70px;
}

#content .detailContent .discount table
{
	width: 587px;
}

#content .detailContent .discount .percentage,
#content .detailContent .discount .bonus
{
	width: 100px;
	height: 60px;
	margin: 0 auto;
	padding: 0 0 0 75px;
	background: url(images/detail-percent.png) no-repeat left center;
}

#content .detailContent .discount .bonus
{
	background: url(images/detail-bonus.png) no-repeat left center;
}

#content .detailContent .discount .percentage strong,
#content .detailContent .discount .bonus strong
{
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	display: block;
	color: #ee027e;
	font-size: 18px;
}

#content .detailContent .discount .percentage a,
#content .detailContent .discount .bonus a
{
	color: #636363;
	text-decoration: none;
}

#content .detailContent .discount .percentage p,
#content .detailContent .discount .bonus p
{
	width: 80px;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
}

#content .detailContent .discount .bonus p.middle
{
	padding: 10px 0 0 0;
}

#content .detailContent h2.pink
{
	width: auto;
	height: auto;
	padding: 0 0 10px 15px;
	background: none;
	line-height: normal;
}

#content .detailContent .order table
{
	margin: 0 0 20px 10px;
	border-collapse: collapse;
	width:100%;
}
#content .detailContent .order table tr td .order_varianta_select
{
  width:133px;
}
#content .detailContent .order table tr td .order_cena {
  font-weight:bold;
  color: #ee047f;
  width:70px;
  border:none;
  background:transparent;
}
#content .detailContent .order table tr th
{
	font-weight: normal;
	text-align: left;
}

#content .detailContent .order table .col1
{
	width: 120px;
	padding: 0 0 0 30px;
}

#content .detailContent .order table .col2
{
	width: 160px;
}

#content .detailContent .order table .col3
{
	width: 160px;
}

#content .detailContent .order table .col4
{
	width: 50px;
}

#content .detailContent .order table td.col4
{
	width: 50px;
	padding: 0 0 0 0px;
}

#content .detailContent .order table .col5
{
	width: 55px;
}

#content .detailContent .order table .col5 input
{
	width: 28px;
	height: 19px;
	background: #ffffff;
	color: #000000;
	border: 1px solid #cccccc;
}

#content .detailContent .order table .col6
{
	width: 75px;
}

#content .detailContent .order table td.col6
{
	color: #ee027e;
	text-align: right;
}

#content .detailContent .order table th.col6
{
	text-align: right;
}

#content .detailContent .order table .col7
{
	width: 65px;
	text-align: center;
}

#content .detailContent .order table tr.odd,
#content .detailContent .order table tr.even
{
	height: 40px;
	background: #eafbff;
}

#content .detailContent .order table tr.even
{
	background: #e3faff;
}

#content .detailContent .order table .select
{
	width: 140px;/*132*/
	height: 15px;
	padding: 2px;
	background: #ffffff;
	color: #000000;
	border: 1px solid #cccccc;
}

#content .detailContent .order table .select select
{
	width: 140px; /*132*/
	height: 15px;
	background: #ffffff;
	color: #000000;
	border: none;
}

#content .detailContent .order table .select select option {
  padding-left:6px;
}
#content .detailContent .order table .select select optgroup {
  padding:5px 5px 0px 1px;
}

#content .detailContent .order .buttons
{
	width: 100%;
}

#content .detailContent .order .buttons .favorites,
#content .detailContent .order .buttons .toCart
{
	width: 166px;
	height: 26px;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	display: block;
	float: left;
	display: inline;
	line-height: 26px;
	background: url(images/button-favorites.png) no-repeat left top;
	color: #5d5d5d;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#content .detailContent .order .buttons .toCart
{
	width: 184px;
	height: 24px;
	margin: 0 20px 0 0;
	padding: 0;
	float: right;
	line-height: 24px;
	background: url(images/button-cart.png) no-repeat left top;
	color: #ffffff;
}

#content .detailContent .request img
{
	float: left;
}

#content .detailContent .request h2
{
	width: auto;
	height: auto;
	padding: 0 0 0 10px;
	line-height: normal;
	background: none;
	color: #484848;
}

.form
{
	width: 334px;
	margin: 15px 20px 25px 25px;
	float: left;
}

.form label
{
	width: 85px;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	float: left;
	clear: both;
	color: #878787;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.form label em
{
	display: block;
	font-weight: normal;
	font-size: 9px;
}

.form textarea
{
	width: 175px;
	height: 74px;
	margin: 0 0 5px 0;
	padding: 5px;
	float: left;
	background: #ffffff;
	border: 1px solid #c3c3c3;
	font-size: 11px;
}

.form .replyInput
{
	width: 180px;
	height: 23px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 5px;
	float: left;
	background: #ffffff;
	border: 1px solid #c3c3c3;
	font-size: 11px;
}

.form .replyInput.small
{
	width: 90px;
}

.form img
{
	margin: 0 7px 0 5px;
	float: left;
	position: relative;
	top: 8px;
}

.form .replyButton
{
	width: 111px;
	height: 26px;
	margin: 5px 0 0 95px;
	padding: 0 0 3px 0;
	display: inline;
	float: left;
	border: none;
	background: url(images/button-send-order.png) no-repeat left top;
	cursor: pointer;
}

p.descriptioncat {
  padding:10px;
}
p.list {
  text-align:right;
  padding:5px;
}

.boxContent form p {
  margin:0 !important;
  padding:1px !important;
}

form p span.table {
  width:120px;
  float:left;
}
form p input, 
form p textarea,
.pagingPanel form select,
table.w100proc input {
  background:url("images/input-background2.png") no-repeat scroll left top transparent;/*#f8f8f8;*/
  border:1px solid #e2e2e2;
  margin-bottom:2px;
  padding:2px;
  color:gray;
}
form p textarea {
  background-position:-10px 0px;
}
form p input.submit {
  font-weight:bold;
  color:#ec1083;
}

.boxContent ul.mujucet {
  list-style:none;
  margin-left:10px; 
}
.boxContent ul.mujucet li {
  margin:5px;
}

p.pagination {
  
}

.boxContent table {
  margin:0px 10px 0px 10px;
}
.boxContent table tr.header {
  font-size:12px;
  font-weight:bold;
  text-align:left;
}
.boxContent table tr.header td,
.boxContent table tr.header th {
   padding:0px 0px 8px 0px;
}

.boxContent .plr10 {
  padding:0px 10px 0px 10px;
}
.w100proc {
  width:100%;
}

.nodecoration {
  text-decoration:none;
}

.pcorr  p {
  padding:0 !important;
  margin:1px !important;
}

.tacenter {
  text-align:center;
}

.floatleft {
  float:left;
}