body {border:0; margin:0; margin-bottom: 30px; padding:0; background:#F5F5F5; font-size: 9pt; font-family: "Trebuchet MS","tahoma","verdana",sans-serif; color:#7d7d7d; _text-align:center;}

a {color:#F09432;}
a:hover {color:black;}

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:"Trebuchet MS","arial",serif; }
h2 {font-size:190%; font-family:"Trebuchet MS","arial",serif; }
h3 {font-size:150%; font-family:"Trebuchet MS","arial",serif; }
h4 {font-size:120%; font-family:"Trebuchet MS","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;}

/* -------------------------------------------------------------------------------------------------- */

#main {width:950px; margin: 0 auto 30px; padding: 0; text-align:left; position:relative; }

/* Hlavička */
#header { position:relative; width:930px; height:203px; margin:0; padding:0 10px; }
#slogan {position:absolute; right:20px;top:-20px;font-weight:bold; font-style:italic; color:#FF8E01}

    /* Hlavička - logo */
	 #logo { text-indent: -2000px; }
   #logo strong { font-size: 30px;}
   #logo strong a {color:#000;}
   #logo strong a:hover {color:#000; text-decoration:underline;}
	 #logo strong a span { width:200px; height:69px; position:absolute; display:block; top:6px; left:15px; background:transparent url("../imgs/logo.gif") 0 0 no-repeat; cursor:pointer; z-index: 1}

 	 #motiv { position:absolute; top:25px; left:0px; background: #F5F5F5 url("../imgs/motiv.jpg") 0 0 no-repeat; width: 950px; height: 178px; z-index: 0}
	 #motiv h1 { color:#000; padding: 115px 0 0 30px; font-size: 40px; }	
	 #motiv h1 span { width:950px; height:221px; position:absolute; display:block; top:0; left:0; background:transparent url("../imgs/motiv.jpg") 0 0 no-repeat; }
	 	 
/* Informace nad hlavickou */	 
.cUserCartSummary { position: absolute; top: 12px; right:0px; width: 300px; line-height: 16px; padding: 0px; color:#444; font-size: 8pt;}
.cUserCartSummary .ucs-customer { display: none;  } 
.cUserCartSummary .ucs-shoppingcart { position: absolute; top: 95px; left: 88px; padding: 10px 15px; color: white; width: 176px; height: 59px; background: url(../imgs/shopping-cart.png) 0 0 no-repeat; _background: url(../imgs/shopping-cart.jpg) 0 0 no-repeat; }
.cUserCartSummary .ucs-shoppingcart strong{ text-transform:uppercase; font-weight:bold; font-size:13px }
.cUserCartSummary .ucs-shoppingcart a { color: white; }
.cUserCartSummary .cart-hover { cursor: pointer; }
.cUserCartSummary table {border: none; padding: 0; margin: 0;border-collapse:collapse;}
.cUserCartSummary tr { padding: 0; line-height: 18px;}
.watermark { color: #AAA; }


/* Menu */
#menu { margin:0; padding:0; position: relative; background: #FEFDF8 url(../imgs/hmenu-bg.gif) bottom left repeat-x; border: 1px solid #DAD9D9; border-top: none; }

    #menu ul { margin:0; padding:0; padding-left: 190px; list-style:none; height: 30px;  }
		#menu ul li.first { background: url(../imgs/hmenu-ul.gif) bottom left no-repeat;  }
    #menu ul li { margin:0; padding:0; float: left; line-height: 30px; }
    #menu ul li a { display: block; width: 120px; text-align: center; text-decoration: none; color:#7D7D7D; font-size: 10pt; background: url(../imgs/hmenu-a.png) bottom right no-repeat; _background: none; }
    /* Hover */ 
	  #menu ul li a:hover { color:black; text-decoration:underline;}
	 
	 
/* Stránka */
#page {width:948px; background: #FFF url(../imgs/left-bg.jpg) 0 0 repeat-y; border-left: 1px solid #DAD9D9; border-right: 1px solid #DAD9D9}
#page-in {min-height:1px; padding: 0; }

/* Obsah */
#content {float:right; width:757px; padding: 20px 0; _height:500px; min-height:500px; }
#content h1 {color: #F1891A; line-height: 35px; font-size: 30px; font-weight: normal; padding: 0; margin: 0 0 10px; }
#content h2 {color: black; font-weight: normal;}
#content h3 {color: black; font-size: 13pt; font-weight: normal;}

#content .indent { padding: 15px; }
#content p { font-size: 10pt; text-align: justify; }
#content p strong { color: black; }
#content .important {font-size: 120%; color:#F09432;}
#content ol li { margin: 0 0 10px 0px;}
#content ol, #content ul { font-size: 10pt;}

/* Levý panel */
#panell { float:left; width:191px; margin:0; padding:0px 0 20px 0; }
/* Pravý panel */
#panelr {float:right; width:0px; margin:0; padding:30px 0 0 0; }

.panel-in {padding:0; color: black; }
.panel-in h4 { margin: 15px 0 10px 0; padding:0px; padding-left: 10px; color: #F09432; font-size: 16px; font-weight: bold; }
.panel-in p { margin: 0px; padding: 10px; }
.panel-in ul { list-style:none; margin: 0 0 0 10px;}
.panel-in ul li a { color:#7D7D7D; line-height: 20px;}
.panel-in ul li a:hover {color:#7D7D7D;}

/* Patička */
#footer {position:relative; clear:both; background: url(../imgs/footer-bg.jpg) left top no-repeat; color:#7D7D7D; padding: 15px 15px 0 15px; height: 57px; }
#footer a { color:black; text-decoration: none; }
#footer a:hover { color:black; text-decoration: underline; }


/********  SHOP ******************************************************************/

.cErrorPage {padding:70px 50px;font-size:larger}
.cErrorPage h2 {color:red}
.cErrorPage .cMain { background: none!important;}

.cBreadcrumbNavigation { margin:0px; display:block; padding:0px; padding-left: 15px; font-size: 8pt; }

.divCategoryTree ul {margin:0; padding:0; list-style:none; }
.divCategoryTree li {margin:0; padding:0; }
.divCategoryTree ul li a {display:block; padding:0 0 0 33px; background: url(../imgs/cat-li.gif) bottom left no-repeat; line-height: 30px; width: 156px; color:#7D7D7D; text-decoration:none; }
.divCategoryTree ul li a:hover { color:black; text-decoration:underline; }
.divCategoryTree ul ul li a { padding-left: 27px; width: 162px; background: url(../imgs/cat-delim.jpg) bottom left no-repeat; line-height: 24px; }
.divCategoryTree ul ul ul li a { padding-left: 40px; width: 148px; }
.divCategoryTree ul li.ct-inactive a {color:#bbb}
.divCategoryTree li.ct-begin-group { border-top:1px solid white; }
.divCategoryTree li.ct-begin-group a { border-top:1px solid #E5E5E5; }
.divCategoryTree ul.ct-nobg li a { padding:0 0 0 15px; background: none; width: 164px; line-height: 24px;}

.cCatList ul {margin:0; padding:0; list-style:none; }
.cCatList li {margin:0; padding:0; }
.cCatList ul li a {display:block; padding:0 0 0 33px; background: url(../imgs/li.gif) 15px 8px no-repeat; line-height: 25px; color:#7D7D7D; text-decoration:none; }
.cCatList ul li a:hover { color:black; text-decoration:underline; }


.cSearchForm {position:absolute; left:5px; top:-6px}
.cSearchForm fieldset { margin: 0px; border: none; }
.cSearchForm fieldset input.inp { border: 1px solid #DEDDDD; background: #EFEFEF url(../imgs/search-bg.gif) bottom left repeat-x; height: 18px; line-height: 18px; padding:1px 3px; margin:0px; width:125px!important; font-family: "arial","tahoma",verdana; font-size: 8pt;}
.cSearchForm fieldset input.sub { background: #444 url(../imgs/search-btn.gif) bottom left no-repeat; width: 29px; height: 21px; border: none; margin: 0px; padding: 0px; }
.cSearchForm fieldset label { color: black; font-weight: bold; padding: 0px; margin: 0px; }
.cSearchForm fieldset label.row { display: block; float: left; width: 120px; } 
.cSearchForm fieldset legend { padding: 0px 5px; color: black; }



.cList1 {border-collapse: collapse; font-size: 8pt; clear:both; margin-top: 15px;}
.cList1 th {text-align:left;background:#e5e5e5;padding:5px 0.5em; border-right:1px solid white; color:black;}
.cList1 td {background:#F5F5F5; padding:3px 0.5em; border:0px; margin:0px; border-right:1px solid white}
.cList1 td.last {border:0px;}
.cList1 tr.alt td {background:#FDFDFD;}
.cList1 td input.txt {border: 1px solid #dedede; background: white; width:40px;}
.cList1 fieldset {border:0;padding:0;margin:0}


.cItemList {width:100%}
.cItemList .il-name strong {display:block}
.cItemList .il-price {text-align: right}

.cFormFields {background: #FBFBFB ;padding:10px; border: 1px solid #e5e5e5; margin-top: 15px; }
.cFormFields h3 {display:inline;margin:0px; padding:0px}
.cFormFields .ff-max {width:430px}
.cFormFields label {width:125px;padding-bottom: 2px;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 #e5e5e5; background: white; } 
.cFormFields select { font-size: 9pt; background: white; border: 1px solid #e5e5e5; } 
.cFormFields input.button { background: black; border: 1px solid #e5e5e5; width: 100px; height: 22px;padding-bottom: 3px; color: white;  }
.cFormFields textarea {height:25em;width:440px;}
.cFormFields legend {font-size:14pt; font-weight: normal; color: black; margin: 0; padding: 10px 0 5px 0;}
.cFormFields fieldset {padding:0px;margin:0px;border:0px}
.cFormFields .ff-buttons{padding:1em 0px 1em 125px}


.cButtons {padding:1em; clear: both; text-align: center;}
.cButtons input.button { background: #F3871A; border: 1px solid #dedede; height: 22px;padding: 0 15px 3px; _padding: 0 15px 0px; color: white; font-size:100%; }


.cItemDetail .idet-pane {float:right; padding:10px; width:260px; min-height:1px; _height:1px}
.cItemDetail .idet-params {float:right; padding:10px; width:260px; min-height:1px; _height:1px; margin-top:10px}
.cItemDetail .idet-buy { margin: 30px 0; }
.cItemDetail .idet-buy input.txt {border: 1px solid #d5d5d5; background: white; height: 14px;padding-top: 1px;width:24px;margin: 0px 3px 2px 3px; font-size: 100%}
.cItemDetail .idet-buy .button { background: black url(../imgs/btn-buy.gif) 0 0 no-repeat; border: 0; width: 81px; height: 26px; color: white; text-align: left;  padding: 0 0 5px 5px; _padding: 0 0 4px 10px; font-size:8pt}
.cItemDetail th {text-align:center}
.cItemDetail .idet-img { float: left; margin: 10px 10px 0 0; }
.cItemDetail .idet-desc { float: left; width: 410px; }
.cItemDetail .idet-desc h4 { font-size: 130%; }
.cItemDetail .idet-mainPrice {  }
.cItemDetail .idet-mainPrice td { color: black; font-size: 150%; } 
.cItemDetail .idet-img-other {width:300px}
.cItemDetail .idet-img-other div {width:90px;height:90px;float:left;overflow:hidden; border: 1px solid #e5e5e5; margin: 0 3px 3px 0; display: inline;}
.cItemDetail .idet-subitems { padding-top: 15px; clear: both; }
.cItemDetail .idet-relatedItems { clear: both; }
.cItemDetail .idet-relatedItem { width: 33%; float: left; border: 1px solid #DAD9D9; padding: 15px; width: 200px; margin: 0 5px 5px 0}
.cItemDetail .idet-relatedItem div { width: 80px; height: 80px; overflow:hidden; float: left; margin-right: 10px; }
.cItemDetail .idet-relatedItem img { width: 80px; }

.cPaging { margin-bottom: 5px; margin-top: 5px; text-align: right; font-size: 8pt; float: right;}
.cPaging a { padding: 0px 3px; text-decoration: none; border: 1px solid white;}
.cPaging a:hover { color: #EE8B36!important; background-color: #ECECEC; text-decoration: none!important;}

.cListModeChanger { margin-bottom: 5px; margin-top: 5px; text-align: left; font-size: 8pt; float:right}
.cListModeChanger a { padding: 0px 3px; text-decoration: none; border: 1px solid white;}
.cListModeChanger a:hover { color: #EE8B36!important; background-color: #ECECEC; text-decoration: none!important;}

.cListOrderChanger { margin: 5px 0; text-align: left; font-size: 8pt; float:left}
.cListOrderChanger select { text-align: left; font-size: 8pt; border:1px solid silver; padding:0px}

.cDiscussion .d-titl { padding-left: 10px; color: #404040; background: #D5D5D5 url(../imgs/title_gr.png) 0 0 repeat-x; line-height: 27px; }
.cDiscussion .d-post {border:1px solid #D5D5D5;background: #F2F2F2; margin-bottom:1px;}
.cDiscussion .d-titl a {margin: 0 5px;}
.cDiscussion .d-post ul {margin:12px;}
.cDiscussion .d-text { padding-left:5px;}
.cDiscussion .d-replies .d-post { background: #F8F8F8;}
.cDiscussion .d-replies {padding-left:4em;}
.cDiscussion .d-replies .d-replies .d-post {background:#FFF}
.cDiscussion .d-inactive strong, .cDiscussion .d-inactive em { color: #AAA }

.cOrderView { margin: 10px 0px; }
.cOrderView .ov-head1 { margin-bottom: 10px; font-size: 170%; color: #F09432; text-align: right}
.cOrderView .ov-head3 { }
.cOrderView .ov-head3 .ov-Address { float: left; width: 50%; }
.cOrderView .ov-head3 .ov-invoiceAddress { float: left; width: 50%; }
.cOrderView .ov-rows { clear: both; width: 100%; margin: 20px 0px; border-collapse: collapse;}
.cOrderView .ov-rows th { border-bottom: 1px solid #D5D5D5;}
.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; }
.cCatalogList .alt {float: left; }
.cCatalogListItem { position: relative; float: right; width: 330px; height: 240px; _height:240px; background: url(../imgs/item-bg.jpg) bottom right no-repeat; padding: 15px; margin: 0; overflow: hidden; display: inline; } 
.cCatalogListItem fieldset {border:none; margin:0px; padding:0;} 
.cCatalogListItem .idet-img { width: 120px; height:120px; overflow: hidden; float:left; margin-right: 8px; cursor:pointer; } 
.cCatalogListItem .idet-pane { } 
.cCatalogListItem .idet-pane table {width: 135px; } 
.cCatalogListItem .idet-pane h3 {font-size: 150%!important; margin: 0px; margin-bottom: 10px; height: 2em;} 
.cCatalogListItem .idet-pane h3 a { text-decoration: none; }
.cCatalogListItem .idet-pane p { margin: 3px 0px; min-height:40px; max-height:40px; _height: 40px; overflow: hidden; } 
.cCatalogListItem .idet-pane th { text-align: left; font-weight:normal; white-space:nowrap} 
.cCatalogListItem .idet-pane td { text-align: right; } 
.cCatalogListItem .idet-desc { height: 180px; overflow: hidden; } 

.cCatalogListItem .idet-price { display: none; margin-left:150px; } 
.cCatalogListItem .idet-price span { font-weight:bold; color: black; font-size: 140%;  } 
.cCatalogListItem .idet-buy { margin-top: 5px;  } 
.cCatalogListItem .idet-buy input.txt {border: 1px solid black; background:white url(../imgs/input_bg.png) bottom left repeat-x; height:14px;padding-top: 2px;width:24px;margin: 0px 3px 2px 3px; font-size: 100%}
.cCatalogListItem .idet-buy .button { background: black url(../imgs/btn-buy.gif) 0 0 no-repeat; color: white; border: none; width: 81px; height: 26px; text-align: left; padding: 0 0 5px 5px; _padding: 0 0 4px 10px; font-size:8pt}
.cCatalogListItem .idet-detail { position: absolute; left: 33px; top: 185px; }
.cCatalogListItem .idet-detail a { display:block; background: #F09432 url(../imgs/btn-det.gif) 0 0 no-repeat; color: white; width: 72px; height: 21px; padding: 3px 0 0 8px; font-size:8pt; text-decoration: none;}

#PromoList .cCatalogListItem .idet-price { display: block; width: 141px; height: 142px; background: url(../imgs/starburst.png) 0 0 no-repeat; text-align: center; padding-top: 40px; font-size: 130%; }
#PromoList .cCatalogListItem .idet-desc { display: none; }
#PromoList .cCatalogListItem { height: 200px; _height:200px; }

.cShoppingCartSum { float:right; background: #FBFBFB; color: black; border: 1px solid #DEDEDE; margin-top:10px; padding: 10px; text-align:center; _width: 250px;  }
.cShoppingCartSum table { margin: 0px;}
.cShoppingCartSum th { text-align: left; font-size:115%}
.cShoppingCartSum td { text-align: right; font-size:125%}
.cShoppingCartSum fieldset {border: none; padding:0px; margin:0px; }

.cLogin input.txt {width:130px}
.cLogin .cFormFields { width: 300px; }
.cLogin label {width:160px}
.cLogin .ff-buttons {padding-left:160px}

option.disabled {color:silver;font-style:italic}
select { font-size: 9pt; background: white; border: 1px solid #e5e5e5;}

.cPanelLogin {padding-left: 15px; }
.cPanelLogin label {color:#7D7D7D; width:45px;padding-bottom: 2px;display:block;float:left;clear:both;line-height:19px;height:19px;font-weight:normal; white-space:nowrap;}
.cPanelLogin input { padding-left: 3px; border: 1px solid #e5e5e5; background: white; width: 100px; font-size: 8pt; } 
.cPanelLogin br {clear:both}
.cPanelLogin input.button { margin-top: 2px; background: black; border: 0px solid black; padding: 3px 5px; _padding: 2px 4px; color: white; font-size: 8pt; width: auto; }
.cPanelLogin fieldset {padding:0px;margin:0px;border:0px}

.cUserName {font-size:11pt; font-weight:normal;margin:1em 0}
.cUserName span {font-size:10pt; }

.cFilter fieldset { margin-top: 10px; padding: 10px 0 10px 10px; background: url(../imgs/fade.gif) bottom left repeat-x; border: none; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.cFilter input { padding-left: 3px; border: 1px solid #e5e5e5; background: white; } 
.cFilter input.button { background: black; border: 1px solid #e5e5e5; width: 100px; height: 22px;padding-bottom: 3px; color: white; font-size: 8pt; }

.cButtons input.button[value="Objednat"] { background: black; padding:0 30px 3px; }