body {border:0; margin:0; padding:0; background:#56056B url(../imgs/bg.gif) 0 0 repeat-x; font-size: 8pt; font-family: "arial","tahoma","verdana",sans-serif; color:#000; _text-align:center; line-height: 1.2}

a {color:#EE2CD9;}
a:hover { color:#C022B4; }

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:220%; font-family:"arial",serif; }
h2 {font-size:190%; font-family:"arial",serif; }
h3 {font-size:150%; font-family:"arial",serif; }
h4 {font-size:120%; font-family:"arial",serif; }

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #000; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; }
select { font-size: 8pt; }

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

strong, .strong {font-weight:bold;}

.f-left, left {float:left;}
.f-right, right {float:right;}
.half { width: 49%;}

.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.t-justify {text-align:justify;}

.clear {clear:both;}
.cleaner {clear:both;line-height:0px; font-size:0px;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.noscreen {display:none;}
.hidden {display:none;}

/* -------------------------------------------------------------------------------------------------- */

#body { background: url(../imgs/top-bg.jpg) top center no-repeat; margin: 0; padding: 0;}
#body-in { background: url(../imgs/content-flower.png) center 300px no-repeat; _background: url(../imgs/nic.gif) 0 0 no-repeat; }

#main {width:986px; position:relative; margin: 0 auto; _text-align:left; padding: 66px 0 0; background:transparent url(../imgs/top-bg.jpg) no-repeat scroll center top; }
/* Hlavička */
#header { position:relative; width:986px; height:150px; margin:0; margin-bottom: 60px; *margin-bottom: 38px; padding:0; color:#97159A; overflow:hidden}

/* Hlavička - logo */
#header #logo {  }
#header #logo strong { display:block;position:absolute; top:0px; left:306px; margin:0; padding: 0px; padding-top: 15px; font-size: 35px; width: 374px; height:150px;}
#header #logo a {color:#97159A;}
#header #logo a:hover {color:#97159A; text-decoration:underline;}
#header #logo a span { width:374px; height:150px; position:absolute; display:block; top:0px; left:0px; background: url("../imgs/top.jpg") 0 0 no-repeat; cursor:pointer; }

.cLanguageSelector { position: absolute; right: 4px; top: 15px; width: 32px; margin:0; padding:0; list-style:none; }
.cLanguageSelector li a { text-decoration: none; width: 32px; display: block; line-height: 13px; padding-bottom: 2px; text-align: center; }
.cLanguageSelector li a.active { color: White; background: #c8c8c8 url(../imgs/lang_bg.gif) 0 0 no-repeat; }

/* Informace nad hlavickou */	 
#whitetop { position: absolute; left: 10px; top: 236px; width: 960px; line-height: 20px; padding: 0; color:#FFF; text-align:left}
#whitetop fieldset { padding:0; margin:0; border: none;}
#whitetop div { float: left}
#whitetop a { text-decoration: none; }
#whitetop a:hover { text-decoration: underline; }
#whitetop .customer { background: url(../imgs/customer-ico.gif) 0 2px no-repeat; float:right; padding-left: 27px; }
#whitetop .cart { width: 40%; background: url(../imgs/cart-ico.gif) 0 2px no-repeat; float:left; padding-left: 27px; }
#whitetop .cart a { float:left; display: block; margin-left: 10px; text-align: center; color: #4d4d4d; background: url(../imgs/cart-show-btn.gif) 0 0 no-repeat; width: 82px; height: 20px; }
#whitetop form { display: inline; float: left; padding-left: 10px;}
#whitetop #inputLoginLogin, #whitetop #inputLoginPassword { font-size: 8pt; border: none; padding: 0 0 0 4px; _padding-top: 3px; width: 83px; height: 20px; background: url(../imgs/login-input.gif) top left no-repeat; }
#whitetop .customer .button { background: url(../imgs/login-btn.gif) 0 1px no-repeat; width: 56px; height: 21px; border: none; *margin-bottom: 3px; }
#whitetop .customer a { float: left; display: block; margin-left: 10px; text-align: center; color: #4d4d4d; background: url(../imgs/cart-show-btn.gif) 0 0 no-repeat; width: 82px; height: 20px; }
.watermark { color: #AAA; }

/* Menu */
#menu { position:absolute; top: 34px; left: 377px; margin:0; padding:0; height:32px; width: 609px; background: url(../imgs/menu-bg.jpg) 0 0 no-repeat; }
    #menu ul {margin:0; padding:0; list-style:none; height:32px; }
    #menu ul li {position:relative; margin:0; padding:0; float:left; }
    #menu ul li a {display:block; width: 100px; margin-left: 20px; line-height: 32px; text-align: center; padding:0; color:#4E4E4E; text-decoration:none; cursor:pointer; }
    
    /* Hover */ 
	 #menu ul li a:hover { text-decoration: underline; }

	 
/* Stránka */
#page {width:986px; background: url(../imgs/content-ftr-bg.png) bottom right no-repeat; padding-bottom: 50px;}
#page-in {min-height:1px; padding: 0; margin-top: 24px; background: url(../imgs/content-bg.gif) right top repeat-y; }

/* Obsah */
#content { float:right; padding: 0; width: 781px; min-height: 500px; overflow: hidden; }
#content-in { margin:0; padding: 0px; background: #F2F1F1; }
#content h1 { color: #97159A; font-size: 23px; margin-top: 0; }
#content h2 { color: #97159A; font-size: 19px; }
#content h3 { color: #97159A; font-weight: normal; font-size: 18px; }
#content h4 { color: #AAA; font-weight: bold; font-size: 16px; margin-bottom: 10px;}

#content .indent { padding: 12px 18px; }
#content p { margin: 5px 0; }

/* Levý panel */
#panell {float:left; width:196px; margin:0; padding:0;  }
#panell div p { margin: 0px; padding: 5px 10px 10px 15px; }
#panell ol { margin: 0 0 0 30px; }
#panell ol li { line-height: 1.5em }
#panell ul { margin: 0; padding: 0; }
#panell div h4 { color: #E204B6;  }
.subpanel { margin-bottom: 10px; background: url(../imgs/panel-top-bg.png) 0 0 no-repeat; }
.subpanel-in { padding: 5px 0 17px 0; background: url(../imgs/panel-ftr-bg.png) bottom right no-repeat;}
.subpanel-cont { background: #D9D4D8; } 
#panell .search h4 { padding-left: 36px; background: url(../imgs/search-ico.gif) 13px 15px no-repeat; }
#panell .catalog h4 { padding-left: 36px; background: url(../imgs/catalog-ico.gif) 13px 15px no-repeat; }
#panell .top h4 { padding-left: 36px; background: url(../imgs/top-ico.gif) 13px 15px no-repeat; }
#panell .top ul { margin-left: 15px; }

.panel-in {padding:0px; color: #000000; }
.panel-in h4 { margin: 0; display:block; padding: 10px 0 0 20px; padding-left: 15px; line-height: 25px; font-size: 12px; }
.panel-in p { margin: 0px; padding: 10px; }
.panel-in a { color:#000000; }
.panel-in a:hover {color:#97159A;}
.panel-in ul { list-style:none; margin: 10px;}
.panel-in ul li a { color:#000000; line-height: 18px;}


/* Patička */
#footer {clear:both; width: 781px; padding-top: 10px; margin-left: 205px; }
#footer-in { height: 100px; background: url(../imgs/footer-bg.jpg) 0 0 no-repeat; color:#FFF; padding: 15px 25px 0 25px; } 
#footer a {color:#FFF;}
#footer a:hover {color:#ccc;}

#zwa { float: right; }
#zwa a { text-decoration: none; }
#zwa img { vertical-align: middle; }

#SizeTables { position: absolute; top: 235px; left:340px; }
		#SizeTables ul { margin:0; padding:0px; list-style:none; }
    #SizeTables ul li {position:relative; margin:0; padding:0; float:left; }
    #SizeTables ul li a { padding: 0; width: 101px; display:block; text-align: center; color:white; text-decoration:none; background: #84255E url(../imgs/size-table-btn.gif) 0 0 no-repeat; height: 22px; line-height: 22px; }
		#SizeTables ul li a:hover, #SizeTables ul li.sfhover a, #SizeTables ul li:hover a {  }

		#SizeTables ul li:hover ul, #SizeTables ul li.sfhover ul { display: block; z-index: 1000; }
		#SizeTables ul ul { display: none; margin: 0; padding: 0; position: absolute; left: 5px; top: 22px; opacity: 0.93; width: 200px; }
		#SizeTables ul ul li.delim { height: 1px; border-top: 1px solid #AAA; display: block; width: 214px; margin:0; padding: 0; font-size: 0; background: #D9D4D8!important; }
		#SizeTables ul ul li a { text-align: left; width: 200px; line-height: 20px; height: 20px; padding: 0px 7px; background: #D9D4D8!important; color: black!important; overflow: hidden;}
		#SizeTables ul li:hover li a, #SizeTables ul li.sfhover li a { float: none; margin: 0; }
	 	#SizeTables ul li:hover li a:hover, #SizeTables ul li.sfhover li a:hover { background-color: #D929C3!important; color:white!important; }



/********  SHOP ******************************************************************/

.cErrorPage div div {padding:50px;font-size:larger}
.cErrorPage h1, .cErrorPage h2 {color:red}
.cErrorPage #main {background:white url(../imgs/top-bg.jpg) no-repeat scroll center top; padding-top: 250px; }


.cContextMenu {margin-bottom:1em}

.cBreadcrumbNavigation { margin:0px; display:block;  padding:0px 20px; line-height: 30px; height: 30px; color: #000; background: url(../imgs/content-top-bg.png) top left no-repeat; }
.cBreadcrumbNavigation a { text-decoration: none; }
.cBreadcrumbNavigation a:hover { text-decoration: underline; }

.divCategoryTree ul {margin:0!important; padding:0 0 0 5px; list-style:none; } 
.divCategoryTree ul li {margin:0; padding:0; }
.divCategoryTree ul li a { color: #000000; display:block; height:18px; line-height:18px; overflow:hidden; padding:0 0 0 15px; text-decoration:none; }
.divCategoryTree ul li a:hover { color: #000000; font-weight: bold; }
.divCategoryTree ul ul li a { padding-left: 25px; background: url(../imgs/subcat-bg.gif) 15px 8px no-repeat;  }
.divCategoryTree ul ul li a:hover { font-weight: bold; }
.divCategoryTree ul ul ul li a { padding-left: 25px; }

.divCategoryTree ul li.ct-begin-group a {border-top:1px solid #BBB}
.cAdminMenu ul li a  { }

.cSearchForm {}
.cSearchForm fieldset { margin: 0px; border: none; padding: 3px 0 3px 15px;  }
.cSearchForm fieldset input.inp { border: none; background: white url(../imgs/search-inp.gif) 0 0 repeat-x; height: 17px; margin-top: -2px; width:109px !important; padding: 3px 0 0 3px; font-size: 100%; }
.cSearchForm fieldset input.sub { border: none; color: #4F4E4E; background: #D9D9D9 url(../imgs/search-btn.gif) top left repeat-x; height: 20px; margin: 0px; padding: 0px; padding-bottom: 3px; width: 56px; font-size: 100%; }
.cSearchForm fieldset label { color: #444; font-weight: bold; padding: 0px; margin: 0px; }
.cSearchForm fieldset label.row { display: block; float: left; width: 120px; } 
.cSearchForm fieldset legend { padding: 0px;}

.cList1 {border-collapse: collapse; clear:both }
.cList1 th {text-align:left; background:#4D4D4F; padding:5px 0.5em; border-right:1px solid #FFF; color:white;}
.cList1 td {background:#FFFFFF; padding:2px 0.5em; border:0px; margin:0px; border-right:1px solid #FFF}
.cList1 td.last {border:0px;}
.cList1 tr.alt td {background:#F4F4F4;}
.cList1 tr.alt th {background:#555; }
.cList1 td input.txt {border: 1px solid #AAA; background: #FFF; width:30px;}
.cList1 fieldset {border:0;padding:0;margin:0}

.cItemList {width:100%}
.cItemList .il-name strong {display:block}
.cItemList .il-price {text-align: right}
.cItemList .il-actions a img {position:relative;top:3px}

.cCatList ul { margin-left: 0px; }
.cCatList li { background:transparent url(../imgs/subcat-bg.gif) 0px 8px no-repeat; float:left; line-height:20px; list-style-type:none; padding: 0 10px 0 10px; }
.cCatList li a { color: #444; text-decoration:none; white-space:nowrap; }
.cCatList li a:hover { color: #97159A; text-decoration:underline;}

.cFormFields { background: #FFFFFF; padding:10px; border: 1px solid #D6D6D6; }
.cFormFields h3 {display:inline;margin:0px; padding:0px}
.cFormFields .ff-max {width:450px}
.cFormFields label {width:130px;display:block;float:left;clear:both;line-height:19px;height:19px;font-weight:normal; white-space:nowrap;}
.cFormFields br {clear:both}
.cFormFields th, .cFormFields td, .cFormFields textarea, .cFormFields input, .cFormFields option {font-size: 100%; }
.cFormFields th, .cFormFields td {padding: 2px 0px 0px 5px;vertical-align:top} 
.cFormFields td { width: auto; }
.cFormFields th { font-weight: bold; text-align:left; }
.cFormFields input, .cFormFields textarea { padding-left: 3px; border: 1px solid #C8C8C8; background: #FFF url(../imgs/input_bg.gif) 0 0 repeat-x; } 
.cFormFields input.active, .cFormFields textarea.active {border-color: #e77817}
.cFormFields select { border: 1px solid #AAA; } 
.cFormFields input.button { color: #000000; background: #9E9E9E url(../imgs/btn-bg.gif) top left repeat-x; border: 1px solid #D6D6D6; width: 100px; height: 22px; padding-bottom: 2px; }
.cFormFields textarea {height:25em;width:450px; background-color:#FFF; }
.cFormFields legend {font-size:130%; font-family:"arial",serif;  margin: 0px; padding: 10px 0px 3px 0px; color: #000000; }
.cFormFields fieldset {padding:0px;margin:0px;border:0px}
.cFormFields .ff-buttons {padding:1em 0px 1em 130px}

.cButtons {padding:1em; clear: both; text-align: center;}
input.button { background: #9E9E9E url(../imgs/btn-bg.gif) top left repeat-x; border: 1px solid #D6D6D6; height: 22px;padding-bottom: 2px; color: #000000; font-size:100%; font-family: tahoma}

.cItemDetail .idet-pane {float:left;clear: left;background: #FFFFFF; padding:15px; width:330px; min-height:1px; _height:1px; border: 1px solid #D6D6D6; position:relative}
.cItemDetail .idet-pane .idet-mainPrice th {font-size:11pt}
.cItemDetail .idet-pane .idet-mainPrice strong {font-size:13pt;color:#97159A}
.cItemDetail .idet-params {float:left;clear: left;background: transparent; padding:5px 15px; width:330px; min-height:1px; _height:1px; }
.cItemDetail .idet-buy {position:relative;left:0px;top:0px;font-weight:bold;text-align:right;}
.cItemDetail .idet-buy input.txt {border: 1px solid #AAA; background: white; height: 14px;padding-top: 2px;width:24px;margin: 0px 3px 0px 3px; }
.cItemDetail .idet-subitems {float:left;clear:left;padding:10px 0px; width:360px; min-height:1px; _height:1px;  }
.cItemDetail .idet-subitems table {width:100%}
.cItemDetail .idet-subitems td {padding:3px}
.cItemDetail th {text-align:right}
.cItemDetail .idet-img { float: right; margin-bottom: 15px}
.cItemDetail .idet-desc { clear: left; float: left; margin: 0 15px 10px 0; width: 360px; text-align: justify; font-size: larger; line-height: 1.3; }
.cItemDetail .idet-desc ul {margin-left: 10px;}
.cItemDetail .idet-desc li { list-style: disc; }
.cItemDetail .idet-img-more {float:left;background: transparent; width:360px; }
.cItemDetail .idet-relatedItems { float: left; clear: left; padding-top: 10px;}
.cItemDetail .idet-relatedItems ul {margin-left: 15px;}
.cItemDetail .idet-relatedItems li { list-style: disc; }
.cItemDetail .idet-discount strong { display:none; }
.cItemDetail .idet-discount { display:block;background:transparent; width:80px;height:80px;text-align:center;color:White;font:bold 22px arial;position:absolute;right:10px;bottom:6px;line-height:80px}
.cItemDetail td { padding: 1px 0.5em; }
.cItemDetail #idetSubitemFilter { background:#FFFFFF;border:1px solid #D6D6D6; margin-top:5px; padding:15px; }
.cItemDetail .cList1 th {text-align:left;}

.cPaging { clear: both; padding: 5px 0; text-align: right; font-size: 8pt; }
.cPaging a { padding: 2px 5px; text-decoration: none; border: 1px solid #DDD; }
.cPaging a:hover { border: 1px solid #97159A; text-decoration: none!important;}
.cPaging span.p-active { background: #97159A; color: white; padding: 2px 5px; border: 1px solid #97159A; }

.cListModeChanger { margin-bottom: 5px; margin-top: 5px; text-align: left; font-size: 8pt; float:right}
.cListModeChanger a { padding: 0px 3px; text-decoration: none;}
.cListModeChanger a:hover { color: #FFF!important; background-color: #444444; text-decoration: none!important;}

.cListOrderChanger { margin-bottom: 5px; text-align: left; font-size: 8pt; float:left}
.cListOrderChanger select { text-align: left; font-size: 8pt; padding:0px}
.cListOrderChanger input {margin-right:-2px;}

.cDiscussion .d-titl { padding-left: 10px; color: #FFF; background: #000000; line-height: 24px; }
.cDiscussion .d-post { border-bottom:1px solid #FFF; background: #F0F0F0; margin-bottom:1px;}
.cDiscussion .d-titl a {margin: 0 5px; color: white; }
.cDiscussion .d-post ul {margin:12px;}
.cDiscussion .d-text { padding-left:5px;}
.cDiscussion .d-replies .d-post { background: #CCC;}
.cDiscussion .d-replies {padding-left:4em;}
.cDiscussion .d-replies .d-replies .d-post {background:#AAA}
.cDiscussion .d-inactive strong, .cDiscussion .d-inactive em { color: #888 }
.cDiscussion p { margin: 10px 0; }

.cOrderView { margin: 10px 0px; width: 99% }
.cOrderView .ov-head1 { margin-bottom: 10px; font-size: 170%; color: #97159A; text-align: right; border-bottom: 1px dotted #AAA;}
.cOrderView .ov-head3 { }
.cOrderView .ov-head3 .ov-Address { float: left; width: 50%; }
.cOrderView .ov-head3 .ov-invoiceAddress { float: left; width: 49%; }
.cOrderView .ov-rows { clear: both; width: 100%; margin: 20px 0px; border-collapse: collapse;}
.cOrderView .ov-rows th { border-bottom: 1px dotted #AAA;}
.cOrderView .ov-rows th {text-align:left;}
.cOrderView .ov-rows td { padding: 2px;}
.cOrderView .ov-foot .ov-summary { float: right; width: 50%; }
.cOrderView .ov-foot .ov-summary table { width: 100%; }
.cOrderView .ov-foot .ov-summary p { font-size: 100%; }
.cOrderView .ov-foot .ov-deliveryAddress { float: left; }
.cOrderView .ov-foot .ov-note { clear:left;float: left; }
.cOrderView .ov-summary th {text-align:left}

.cCatalogList { clear: both; padding-top: 10px;}
.cCatalogList .alt { }
.cCatalogListItem { position:relative; float: left; width: 244px; overflow:hidden; height: 145px; background: #FFF url("../imgs/item-bg.gif") 0 0 no-repeat; padding: 0; cursor:pointer; margin: 0px 4px 4px 0px; _margin: 0px 3px 3px 0px;} 
.cCatalogListItem fieldset {border:none; margin:0px; padding:0;} 
.cCatalogListItem .idet-img { float: right; margin: 0 15px 0 0; height:100px; width: 100px; overflow: hidden; text-align:right; } 
.cCatalogListItem .idet-pane { margin: 13px 0 0 13px;  } 
.cCatalogListItem .idet-pane h3 { font-size: 13px!important; font-weight: bold!important; height: 18px; overflow: hidden; margin: 0px; } 
.cCatalogListItem .idet-pane h3 a { color:#97159A; text-decoration:none; } 
.cCatalogListItem .idet-pane h3 a:hover { color:#E204B6; text-decoration:none;} 
.cCatalogListItem .idet-desc { float: left; width: 115px; margin-bottom:10px; height: 70px; overflow:hidden; padding-left: 13px; }
.cCatalogListItem .idet-price { float: right; margin-right: 1px; font-weight: bold; color: #97159A; font-size: 13px; line-height: 18px; font-family: arial, verdana, tahoma; }
.cCatalogListItem .idet-buy  { float: left; margin:0; padding-left:13px; }
.cCatalogListItem .idet-buy input { border: none; background: url(../imgs/detail-bg.gif) 0 0 no-repeat; color: #000000; width: 57px; height:18px; line-height: 18px; padding-left: 17px;  cursor:pointer; }

.cShoppingCartSum { float:right; background: #FFFFFF; border: 1px solid #D6D6D6; margin-top:10px; padding: 10px; text-align:center; _width:200px}
.cShoppingCartSum table { margin: 0px;}
.cShoppingCartSum th { text-align: left; }
.cShoppingCartSum td { text-align: right; }
.cShoppingCartSum fieldset {border: none; padding:0px; margin:0px; }

.cLogin input.txt {width:130px}
.cLogin .cFormFields { width: 50%; }

.cFilterParams ul {list-style:none;padding:0px;margin:4px 0 6px}
.cFilterParams li {padding:0px;margin:0px}
.cFilterParams strong {font-weight:normal;}
.cFilterParams em {font-weight:bold;font-style:normal;color:#97159A}

.cSizeTable {display: none;width:100%;overflow-x:auto;text-align:center}
.cSizeTable table {margin:4px auto}
.cSizeTable th,.cSizeTable tr.st-tablehead td {background:#F4F4F4;color:black}
.cSizeTable td {background:#FFC8CA;color:black}
.cSizeTable th,td {white-space:nowrap}

.cCategoryText { clear: both; padding:5px 0; }
.cCategoryText p { text-align: justify }



