/****************************************************************************************/
/*                                                                                      */
/* Version:         2010-04-11 08:00                                                    */
/* Author: 			Michal Pelech                                                       */
/* Author website: 	www.michalpelech.cz                                                 */
/*                                                                                      */
/****************************************************************************************/

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

#topPanel #shopCategory li,
#contentPanel .sort
{
	behavior: url(styles/hover.htc);
}

#contentPanel #slidingPanel
{
	width: 563px;
	height: 203px;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
}

#contentPanel #slidingPanel #nav
{
	width: 111px;
	height: 14px;
	padding: 6px 0 0 8px;
	position: absolute;
	right: 10px;
	bottom: 0;
	overflow: hidden;
	background: url(images/sliding-panel-nav-background.png) no-repeat left top;
	z-index: 10;
}

#contentPanel #slidingPanel #nav a
{
	height: 12px;
	padding: 0 7px;
	float: left;
	line-height: 12px;
	border-right: 1px solid #6e93b5;
	color: #6e93b5;
	text-decoration: none;
}

#contentPanel #slidingPanel #nav a.last
{
	border-right: none;
}

#contentPanel #slidingPanel #nav a.activeSlide
{
	color: #ff0090;
	font-weight: bold;
}

#contentPanel .productList
{
	width: 533px;
	margin: 0 0 10px 0;
	padding: 14px 14px 1px 14px;
	position: relative;
	border: 1px solid #e7e5e5;
	background: #ffffff;
}

#contentPanel .productList .productItem
{
	width: 171px;
	height: 323px;
	margin: 0 9px 13px 0;
	float: left;
	overflow: hidden;
}

#contentPanel .productList .productItem .header
{
	width: 171px;
	height: 66px;
	background: url(images/product-item-header-background2.png) no-repeat left top;
}

#contentPanel .productList .productItem .header table
{
	width: 171px;
	height: 42px;
	overflow: hidden;
}

#contentPanel .productList .productItem .header table tr td
{
	vertical-align: middle;
}

#contentPanel .productList .productItem .header table tr td h2
{
	width: 140px;
	margin: -1px 0 0 14px;
	color: #1a242a;
	font-size: 100%;
}

#contentPanel .productList .productItem .header table tr td h2 a
{
	color: #1a242a;
	text-decoration: none;
}

#contentPanel .productList .productItem .header table tr td h2 a:hover
{
	text-decoration: underline;
}

#contentPanel .productList .productItem .info
{
	margin: 0 0 5px 0;
}

#contentPanel .productList .productItem .info,
#contentPanel .productList .productItem .info table
{
	width: 171px;
	height: 192px;
	position: relative;
}

#contentPanel .productList .productItem .info table
{
	height: 140px;
}

#contentPanel .productList .productItem .info table tr td
{
	vertical-align: middle;
	text-align: center;
}

#contentPanel .productList .productItem .info table .superPrice
{
	width: 106px;
	height: 82px;
	display: block;
	position: absolute;
	right: 0;
	top: -9px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/product-item-super-price.png) no-repeat left top;
}

#contentPanel .productList .productItem .info p
{
	padding: 0 12px;
}

#contentPanel .productList .productItem .info .detail
{
	width: 32px;
	padding: 0 6px 0 0;
	position: absolute;
	right: 5px;
	bottom: 3px;
	background: url(images/product-item-detail-button.png) no-repeat right 5px;
	font-weight: bold;
	overflow: hidden;
}

#contentPanel .productList .productItem .price
{
	width: 171px;
	height: 44px;
	position: relative;
	overflow: hidden;
	background: url(images/product-item-buy-background.png) no-repeat left top;
}

#contentPanel .productList .productItem .price strong
{
	width: 60px;
	height: 20px;
	position: absolute;
	left: 13px;
	top: 10px;
	color: #00b4f7;
	font-size: 1.75em;
	white-space: nowrap;
}

#contentPanel .productList .productItem .price .buyButton
{
	width: 48px;
	height: 22px;
	padding: 0 0 0 30px;
	display: block;
	line-height: 22px;
	position: absolute;
	right: 9px;
	top: 11px;
	background: #00abeb url(images/product-item-buy-button.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#contentPanel .productList .last
{
	margin: 0 0 13px 0;
}

#contentPanel .productList .topCorners,
#contentPanel .productList .bottomCorners
{
	width: 563px;
	height: 10px;
	position: absolute;
	left: -1px;
	overflow: hidden;
}

#contentPanel .productList .topCorners
{
	top: -1px;
	background: url(images/product-list-top-corners.png) no-repeat left top;
}

#contentPanel .productsBox .topCorners
{
	background-image: url(images/product-list-box-top-corners.png);
}

#contentPanel .productList .bottomCorners
{
	bottom: -2px;
	background: url(images/product-list-bottom-corners.png) no-repeat left top;
}

#contentPanel .textBox
{
	width: 561px;
	position: relative;
	border: 1px solid #e5e3e3;
}

#contentPanel .textBox h2
{
	width: 541px;
	height: 38px;
	margin: -1px 0 0 -1px;
	padding: 0 0 0 22px;
	position: relative;
	line-height: 38px;
	overflow: hidden;
	background: url(images/text-box-header.png) no-repeat left top;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial;
	font-style: italic;
	text-transform: uppercase;
}

#contentPanel .textBox .textContent
{
	padding: 20px;
}

#contentPanel .textBox .textContent p
{
	line-height: 1.5em;
	color: #7a7a7a;
}

#contentPanel .textBox .bottomCorners
{
	width: 563px;
	height: 12px;
	position: absolute;
	left: -1px;
	bottom: -1px;
	background: url(images/text-box-bottom-background.png) no-repeat left top;
	overflow: hidden;
}

#contentPanel .sort
{
	width: 106px;
	height: 26px;
	position: absolute;
	right: 10px;
	top: 8px;
	background: url(images/content-sort.png) no-repeat right top;
	cursor: pointer;
	z-index: 5;
}

#contentPanel .sort:hover .editSort,
#contentPanel .sort.hover .editSort
{
	display: block;
}

#contentPanel .sort:hover,
#contentPanel .sort.hover
{
	background-image: url(images/content-sort-hover.png);
}

#contentPanel .sort:hover span,
#contentPanel .sort.hover span
{
	color: #ffffff;
}

#contentPanel .sort span
{
	position: absolute;
	top: 7px;
	left: 12px;
	color: #7d7d7d;
	font-size: 10px;
	cursor: pointer;
}

#contentPanel .sort .editSort
{
	width: 145px;
	height: 136px;
	padding: 10px;
	display: none;
	position: absolute;
	top: 26px;
	right: 0;
	background: url(images/content-sort-background.png) no-repeat left top;
	cursor: auto;
}

#contentPanel .sort .editSort label
{
	margin: 3px 2px 0 0;
	padding: 0 5px 0 0;
	float: left;
	color: #ffffff;
	font-size: 10px;
}

#contentPanel .sort .editSort .sortSelect
{
	width: 44px;
	height: 20px;
	margin: 0 0 8px 0;
	padding: 2px;
	background: #ffffff;
	color: #636363;
	border: 1px solid #c1c1c1;
	font-size: 0.9em;
}

#contentPanel .sort .editSort .sortSelect.long
{
	width: 116px;
	margin: 0 0 8px 27px;
}

#contentPanel .sort .editSort .sortButton
{
	width: 56px;
	height: 20px;
	margin: 3px 0 0 45px;
	padding: 0 0 2px 0;
	background: #b2d110;
	color: #ffffff;
	clear: both;
	border: 1px solid #caef06;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}

#contentPanel .sort .editSort a
{
	padding: 0 12px 0 0;
	float: right;
	background: url(images/content-sort-up.png) no-repeat right center;
	color: #f58000;
	font-size: 10px;
	font-weight: bold;
}

#contentPanel #breadcrumbs
{
	height: 41px;
	padding: 0 15px;
	overflow: hidden;
}

#contentPanel #breadcrumbs a
{
	padding: 12px 0 0 0;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
}

#contentPanel #breadcrumbs span
{
	padding: 12px 8px 0 8px;
	float: left;
	font-size: 0.9em;
}

#contentPanel #breadcrumbs strong
{
	padding: 12px 0 0 0;
	float: left;
	font-size: 0.9em;
}

#contentPanel .paging
{
	width: 240px;
	height: 25px;
	margin: 0 auto;
	overflow: hidden;
}

#contentPanel .paging a
{
	width: 26px;
	height: 26px;
	float: left;
	margin: 0 4px 0 0;
	line-height: 26px;
	background: url(images/paging-item.png) no-repeat left top;
	color: #a0a0a0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#contentPanel .paging a.first,
#contentPanel .paging a.prev,
#contentPanel .paging a.next
{
	text-indent: -9999px;
}

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

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

#contentPanel .paging a.next
{
	margin: 0;
	background: url(images/paging-next.png) no-repeat left top;
}

#contentPanel .paging a.active
{
	background: url(images/paging-item-active.png) no-repeat left top;
	color: #ffffff;
}

#contentPanel .paging span
{
	width: 26px;
	height: 26px;
	margin: 0 4px 0 0;
	line-height: 26px;
	float: left;
	color: #a0a0a0;
	font-weight: bold;
	text-align: center;
}

#contentPanel .productDetail
{
	width: 561px;
	margin: 0 0 10px 0;
	position: relative;
	border: 1px solid #e5e3e3;
	background: #ffffff;
}

#contentPanel .productDetail h1
{
	width: 541px;
	height: 38px;
	margin: -1px 0 0 -1px;
	padding: 0 0 0 22px;
	position: relative;
	line-height: 38px;
	overflow: hidden;
	background: url(images/product-detail-header-background.png) no-repeat left top;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial;
	font-style: italic;
	text-transform: uppercase;
}

#contentPanel .productDetail .detailContent
{
	padding: 20px 10px;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .detailInfo
{
	margin: 0 0 40px 0;
}

#contentPanel .productDetail .detailContent .gallery
{
	width: 295px;
	margin: 0 4px 0 0;
	float: left;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .gallery table
{
	width: 295px;
	height: 195px;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .gallery table tr td
{
	vertical-align: middle;
	text-align: center;
}

#contentPanel .productDetail .detailContent .gallery ul
{
	list-style-type: none;
}

#contentPanel .productDetail .detailContent .gallery ul li
{
	width: 88px;
	height: 85px;
	margin: 4px 4px 0 0;
	border: 1px solid #e5e3e3;
	float: left;
}

#contentPanel .productDetail .detailContent .gallery ul li table
{
	width: 88px;
	height: 85px;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .gallery ul li table tr td
{
	vertical-align: middle;
	text-align: center;
}



#contentPanel .productDetail .detailContent .description
{
	width: 240px;
	float: left;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .categorieswpath
{
	width: 205px;
	margin: 0 0 20px 8px;
	padding:0px 0px 5px 0px;
	line-height: 1.4em;
	border-bottom: 1px solid #cccccc;
}

#contentPanel .productDetail .detailContent .description div.p
{
	width: 205px;
	margin: 0 0 33px 8px;
	line-height: 1.4em;
}

#contentPanel .productDetail .detailContent .detailInfo .buy
{
	width: 240px;
}

#contentPanel .productDetail .detailContent .detailInfo .buy p
{
	margin: 0 0 0 8px;
}

#contentPanel .productDetail .detailContent .detailInfo .buy p strong
{
	margin: 5px 0 15px 0;
	display: block;
	color: #00b4f7;
	font-size: 2.0em;
}

#contentPanel .productDetail .detailContent .detailInfo .buyBox
{
	width: 239px;
	height: 43px;
	background: url(images/product-detail-buy-background.png) no-repeat left top;
	overflow: hidden;
}

#contentPanel .productDetail .detailContent .detailInfo .buyBox .input
{
	width: 27px;
	height: 24px;
	margin: 8px 5px 0 67px;
	float: left;
	position: relative;
	background: url(images/product-detail-buy-input.png) no-repeat left top;
}

#contentPanel .productDetail .detailContent .detailInfo .buyBox .input input
{
	width: 17px;
	height: 12px;
	position: absolute;
	left: 6px;
	top: 8px;
	border: none;
	background: #ffffff;
	color: #444444;
	text-align: center;
	font-size: 1em;
}

#contentPanel .productDetail .detailContent .detailInfo .buyBox label
{
	width: 15px;
	height: 10px;
	margin: 16px 23px 0 0;
	float: left;
	color: #444444;
}

#contentPanel .productDetail .detailContent .detailInfo .buyBox .button
{
	width: 78px;
	height: 22px;
	margin: 11px 0 0 0;
	padding: 0 0 0 25px;
	float: left;
	border: none;
	background: url(images/product-detail-buy-button.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.0em;
	cursor: pointer;
}

#contentPanel .productDetail .bottomCorners
{
	width: 563px;
	height: 12px;
	position: absolute;
	left: -1px;
	bottom: -1px;
	background: url(images/text-box-bottom-background.png) no-repeat left top;
	overflow: hidden;
}

#contentPanel .detailContent table.cart
{
	width: 520px;
	margin: 0 auto 25px auto;
	border-collapse: collapse;
}

#contentPanel .detailContent table.cart tr th
{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e8e8e8;
	color: #c8c8c8;
	font-weight: normal;
	text-align: left;
}

#contentPanel .detailContent table.cart tr td
{
	padding: 12px 0;
	border-bottom: 1px solid #e8e8e8;
}

#contentPanel .detailContent table.cart .product
{
	/*width: 190px;*/
	padding: 0 20px 0 15px;
}

#contentPanel .detailContent table.cart .price
{
	width: 68px;
	
}

#contentPanel .detailContent table.cart .count
{
	width: 130px;
}

#contentPanel .detailContent table.cart th.count
{
	width: 120px;
	padding: 0 0 0 10px;
}

#contentPanel .detailContent table.cart .count .input
{
	width: 38px;
	height: 19px;
	margin: 0 2px 0 0;
	float: left;
	position: relative;
	overflow: hidden;
	border: 1px solid #b8b8b8;
	background: #ffffff;
}

#contentPanel .detailContent table.cart .count .input input
{
	width: 22px;
	height: 10px;
	position: absolute;
	right: 8px;
	top: 5px;
	border: none;
	background: #ffffff;
	font-size: 1.0em;
	text-align: right;
}

#contentPanel .detailContent table.cart .count .controls
{
	width: 17px;
	height: 20px;
	margin: 0 2px 0 0;
	float: left;
	position: relative;
	overflow: hidden;
}

#contentPanel .detailContent table.cart .count .controls a
{
	width: 17px;
	height: 9px;
	position: absolute;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#contentPanel .detailContent table.cart .count .controls a.add
{
	top: 1px;
	background: url(images/controls-add.png) no-repeat left top;
}

#contentPanel .detailContent table.cart .count .controls a.remove
{
	bottom: 0;
	background: url(images/controls-remove.png) no-repeat left top;
}

#contentPanel .detailContent table.cart .count .miniButton
{
	width: 19px;
	height: 19px;
	margin: 0 2px 0 0;
	padding: 1px 0 0 0;
	float: left;
}

#contentPanel .detailContent table.cart td.priceComplete
{
	padding: 0 22px 0 0;
	text-align: right;
}

#contentPanel .detailContent table.cart td.priceComplete strong
{
	padding: 0 0 0 10px;
	color: #abc717;
	font-size: 1.3em;
}

#contentPanel .detailContent .priceInfo
{
	margin: 0 0 25px 0;
	padding: 0 25px 30px 12px;
	border-bottom: 1px solid #e8e8e8;
}

#contentPanel .detailContent .priceInfo p
{
	margin: 0 0 4px 0;
	text-align: right;
	color: #4a4a4a;
	font-size: 1.1em;
	font-weight: bold;
}

#contentPanel .detailContent .priceInfo p.indent
{
	margin: 0 0 15px 0;
}


#contentPanel .detailContent .priceInfo p.big
{
	color: #000000;
	font-size: 1.7em;
}

#contentPanel .detailContent .priceInfo p.big strong
{
	color: #000000;
}

#contentPanel .detailContent .priceInfo p.big strong.green
{
	color: #bad914;
}

#contentPanel .detailContent .login
{
	margin: 0 0 25px 0;
	padding: 0 0 30px 5px;
	border-bottom: 1px solid #e8e8e8;
}

#contentPanel .detailContent .login h2
{
	margin: 0 0 10px 0;
	color: #4a4a4a;
	font-size: 1.7em;
}

#contentPanel .detailContent .login p
{
	margin: 0 0 5px 0;
}

#contentPanel .detailContent .login p label
{
	width: 75px;
	margin: 0 10px 0 0;
	padding: 8px 0 0 0;
	float: left;
	text-align: right;
	font-weight: bold;
}

#contentPanel .detailContent .login p input
{
	width: 225px;
	height: 26px;
	float: left;
	border: 1px solid #c5c5c5;
	background: #ffffff;
}

#contentPanel .detailContent .login p.action
{
	width: 295px;
	padding: 8px 0 0 0;
}

#contentPanel .detailContent .login p input.button
{
	width: 98px;
	height: 24px;
	margin: 2px 15px 0 85px;
	padding: 0 0 2px 5px;
	float: left;
	border: none;
	background: url(images/login-background.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}

#contentPanel .detailContent .login p a
{
	float: left;
}

#contentPanel .nextActions
{
	padding: 0 0 0 85px;
}

#contentPanel .nextActions a.button
{
	height: 24px;
	margin: 0 0 5px 0;
	padding: 0 20px 0 13px;
	float: left;
	clear: both;
	position: relative;
	line-height: 26px;
	background: url(images/content-button-left.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#contentPanel .nextActions a.button span
{
	width: 13px;
	height: 24px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/content-button-right.png) no-repeat left top;
}

/*======================================================================================*/
/*                                                                         */
/*======================================================================================*/
h1 small {
  float:right;
  margin-right:20px;
}

ul.mujucet {
  margin-left:20px;
}
ul.mujucet li {
  padding-top:10px;
}


/*======================================================================================*/
/*                  LIST                                                       */
/*======================================================================================*/

p.list {
  text-align:center;
}

/*======================================================================================*/
/*                  NOVINKY                                                       */
/*======================================================================================*/

.novinka {

}

.novinka div {
  margin-top:6px;
  margin-bottom:20px;
}

.aslogin h2 { 
  color:#4A4A4A;
  font-size:1.7em;
  margin:0 0 10px;
}

form.mf p,
.asformf p {
  line-height:20px;
}
form.mf p span.table,
.asformf p span.table {
  float:left;
  width:120px;
  vertical-align:middle;
  line-height:20px;
} 
form.mf p input,
.asformf p input {
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #C5C5C5;
  height:26px;
  width:225px;
  margin-bottom:2px;
}
form.mf p input.submit,
.asformf p input.submit {
  width: 141px;
  background:url("images/content-button-left.png") no-repeat scroll left top transparent;
  border:none;
  margin-top:10px;
  /*font-weight:bold;*/
  color:white;
  padding:1px 0px 3px 0px;
}
form.mf p span.inplst_long input.submit,
.asformf p span.inplst_long input.submit { 
  width: 215px;
  background:url("images/content-button-left.png") no-repeat scroll left top transparent;
  border:none;
  margin-top:10px;
  /*font-weight:bold;*/
  color:white;
  padding:1px 0px 3px 0px;  
} 
form.mf p span.inplst,
form.mf p span.inplst_long,
.asformf p span.inplst,
.asformf p span.inplst_long {
  padding:7px 0px 8px 0px;
  width:24px;
  padding-right:13px;
  background:url("images/content-button-right.png") no-repeat scroll right top transparent;
}
 
input.radio {
  height:14px !important;
  width:14px !important;
  vertical-align:middle !important;
} 
 
#registrer_flag {
  width:20px;
  height:20px;

}

.catList {
  
}
.catListItem {
  float:left;
  margin-right:9px;
  border-right:1px solid #cccccc;
  margin-bottom: 10px;
}
.catListItem.Last {
  border-right:none;
}

.catListItem a,
.catListItem a img {
  vertical-align:middle;
  text-decoration:none;
  color:#989999;
  font-weight:bold;
}
.catListItem a img {
  margin-right:5px;
}
.catListItem a:hover span {
  border-bottom:1px solid #989999;
}

.cleaner {
  clear:both;
  font-size:1px;
  height:0px;
}

/* CONTROL PANEL */

.listControlPanel {
	width: 527px;
	height: 28px;
	margin: 0 0 15px 0;
	padding: 0 0 0 3px;
	position: relative;
	background: url(images/control-panel-background.png) no-repeat center center;
}

.listControlPanel span,
.listControlPanel select {
	float: left;
	cursor: pointer;
}

.listControlPanel .prodtopage12,
.listControlPanel .prodtopage24,
.listControlPanel .prodtopage36 {
	width: 42px;
	height: 20px;
	margin: 4px 0 0 0;
	line-height: 20px;
	background: url(images/control-panel-prodtopage.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}

.listControlPanel .prodtopage36 {
	margin: 4px 25px 0 0;
}

.listControlPanel .prodtopage24 {
	background-position: left -20px;
}

.listControlPanel .prodtopage36 {
	background-position: left -40px;
}

.listControlPanel .prodtopage12.active {
	background-position: -42px top;	
}

.listControlPanel .prodtopage24.active {
	background-position: -42px -20px;	
}

.listControlPanel .prodtopage36.active {
	background-position: -42px -40px;	
}

.listControlPanel .text { margin: 7px 7px 0 0; cursor: default; }

.listControlPanel .prodorderbyDefault,
.listControlPanel .prodorderbyName,
.listControlPanel .prodorderbyPrice {
	width: 62px;
	height: 20px;
	margin: 4px 0 0 0;
	padding: 0 0 0 9px;
	line-height: 20px;
	overflow: hidden;
}

.listControlPanel .prodorderbyPrice {
	margin: 4px 10px 0 0;
}

.listControlPanel .prodorderbyDefault.DESC.active,
.listControlPanel .prodorderbyName.DESC.active,
.listControlPanel .prodorderbyPrice.DESC.active {
	background: url(images/control-panel-orderby-desc.png) no-repeat center center;
}

.listControlPanel .prodorderbyDefault.ASC.active,
.listControlPanel .prodorderbyName.ASC.active,
.listControlPanel .prodorderbyPrice.ASC.active {
	background: url(images/control-panel-orderby-asc.png) no-repeat center center;
}

.listControlPanel select {
	width: 100px;
	margin: 5px 0 0 0;
}

/*
.cforanzova { padding: 0 0 0 20px; background: url(images/select/orange.png) no-repeat 5px center; }
.cfcervena { padding: 0 0 0 20px; background: url(images/select/red.png) no-repeat 5px center; }
.cfmodra { padding: 0 0 0 20px; background: url(images/select/blue.png) no-repeat 5px center; }
.cfzelena { padding: 0 0 0 20px; background: url(images/select/green.png) no-repeat 5px center; }
.cfzluta { padding: 0 0 0 20px; background: url(images/select/yellow.png) no-repeat 5px center; }
.cffialova { padding: 0 0 0 20px; background: url(images/select/purple.png) no-repeat 5px center; }
.cfruzova { padding: 0 0 0 20px; background: url(images/select/pink.png) no-repeat 5px center; }
.cfcerna { padding: 0 0 0 20px; background: url(images/select/black.png) no-repeat 5px center; }
.cfseda { padding: 0 0 0 20px; background: url(images/select/gray.png) no-repeat 5px center; }
.cfbila { padding: 0 0 0 20px; background: url(images/select/white.png) no-repeat 5px center; }

.cfbarvartute { border-left: 15px solid blue; padding-left: 4px; margin: 2px 4px;}
.cfchampagne { border-left: 15px solid green; padding-left: 4px; margin: 2px 4px;}
*/