body {border:0; margin:0; padding:0; background:white url(../imgs/body-bg.gif) 0 48px repeat-x; 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; _height:1px;}
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:none; 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:800px; margin: 0 auto; padding: 0; text-align:left; position:relative;}

/* Hlavička */
#header { position:relative; width:800px; height:307px; margin:0; padding:0; }

    /* Hlavička - logo */
   #logo { padding: 0 0 0 30px; width: 114px; overflow: hidden; }
   #logo strong { font-size: 30px;}
   #logo strong a {color:transparent}
   #logo strong a:hover {color:#000; text-decoration:underline;}
	 #logo strong a span { width:114px; height:126px; position:absolute; display:block; top:0px; left:30px; background:transparent url("../imgs/logo.gif") 0 0 no-repeat; cursor:pointer; }

 	 #motiv { position:absolute; top:126px; left:0px; background: #FEE003 url("../imgs/motiv.jpg") 0 0px no-repeat; width: 800px; height: 181px; }
	 #motiv h1 { color:white; padding: 30px 30px; font-size: 40px; }	
	 #motiv h1 span { width:800px; height:181px; position:absolute; display:block; top:0; left:0; background:transparent url("../imgs/motiv.jpg") 0 0 no-repeat; }


/* Informace nad hlavickou */	 
#whitetop { position: absolute; top: 278px; left: 488px; text-align: left; height: 22px; line-height: 20px; padding: 0; }
#whitetop div { float: left}
#whitetop a:hover { text-decoration: underline; }
#whitetop form { display: inline; float: left; padding-left: 10px;}
#whitetop #inputLoginLogin, #whitetop #inputLoginPassword { font-size: 8pt; border: 1px solid #b9b9b9; padding: 2px 0 0 2px; width: 80px; height: 17px; }
#whitetop .customer .button { background: black url(../imgs/btn-login.gif) 0 0 no-repeat; width: 19px; height: 19px; border: none; padding-bottom: 3px }
.watermark { color: #AAA; }


/* Menu */
#menu { margin:0; padding:0; position:absolute; top: 46px; right: 0;}

    #menu ul { margin:0; padding:0; list-style:none; }
    #menu ul li { display: block; float: left; margin:0; padding:0; }
    #menu ul li a { padding:0 10px; text-decoration:none; color:#7D7D7D; font-size: 10pt; }
    /* Hover */ 
	  #menu ul li a:hover { color:black; text-decoration:underline;}
	 
	 
/* Stránka */
#page {width:800px; }
#page-in {min-height:1px; padding:0; }

/* Obsah */
#content {float:left; width:615px; padding: 30px 0 0 0; _height:500px; min-height:500px; border-left: 1px solid #e5e5e5; }
#content h1 {color: black; line-height: 40px; padding: 2px 50px 2px 0; display: inline; background: url("../imgs/h1-bg.gif") top right no-repeat; font-weight: normal;  }
#content h2 {color: black; font-weight: normal;}
#content h3, #content h3 a {color: black; font-size: 15pt; font-weight: normal; margin: 0; padding: 15px 0 5px 0; text-decoration: none; }

#content .indent { padding: 15px 0 15px 15px; }
#content p { font-size: 10pt; text-align: justify; }
#content p strong { font-weight: normal; color:#F09432; }
#content .important {font-size: 120%; color:#F09432;}

/* Levý panel */
#panell { float:left; width:183px; margin:0; padding:12px 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: 17px; font-weight: normal; }
.panel-in p { margin: 0px; padding: 10px; }
.panel-in ul { list-style:none; margin: 0;}
.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: #F7F7F7 url(../imgs/footer-bg.gif) left top repeat-x; color:#7d7d7d; padding: 15px 15px 0 15px; height: 84px; }
#footer a { color:black; text-decoration: none; }
#footer a:hover { color:black; text-decoration: underline; }


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

.cErrorPage {padding:50px;font-size:larger}
.cErrorPage h2 {color:red}

.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 10px;  line-height: 26px; width: 155px; color:#7D7D7D; text-decoration:none; border-bottom: 1px solid #e5e5e5;  }
.divCategoryTree ul li a:hover { color:black; text-decoration:underline; }
.divCategoryTree ul ul li a { padding-left: 15px; width: 150px; }
.divCategoryTree ul ul ul li a { padding-left: 20px; width: 145px; }
.divCategoryTree li.ct-begin-group { border-top:1px solid white; }
.divCategoryTree li.ct-begin-group a { border-top:1px solid #E5E5E5; }

.cSearchForm fieldset { margin: 0px; border: none; }
.cSearchForm fieldset input.inp { border: 1px solid black; background: white; height: 16px; font-size: 100% }
.cSearchForm fieldset input.sub { background: #e77817; width: 17px; height: 20px; border: none; margin: 0px; padding: 0px; margin-left: 0px; padding-bottom: 5px; }
.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: 10px;}
.cList1 th {text-align:left;background:#e5e5e5;padding:5px 0.5em; border-right:1px solid white; color:black;}
.cList1 td {background:#F4F4F4; padding:3px 0.5em; border:0px; margin:0px; border-right:1px solid white}
.cList1 td > table { margin: -3px -0.5em;}
.cList1 td.last {border:0px;}
.cList1 tr.alt td, .cList1 tr:nth-child(even) td {background:#FBFBFB;}
.cList1 td input.txt {border: 1px solid black; background: white; width:40px;}

.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:440px}
.cFormFields label {padding-bottom:2px;width:125px;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 { font-size: 8pt; background: black; border: 1px solid #e5e5e5; width: 100px; height: 22px;padding-bottom: 3px; color: white;  }
.cFormFields textarea {height:25em;width:350px;}
.cFormFields textarea.ff-max {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 { font-size: 8pt; background: #F09432; border: 1px solid #EF7B00; width: 100px; height: 22px;padding-bottom: 3px; color: white; }

.cItemDetail .idet-pane {float:right;background: #F2F2F2; padding:10px; width:260px; min-height:1px; _height:1px}
.cItemDetail .idet-params {float:right;background: #F2F2F2; padding:10px; width:260px; min-height:1px; _height:1px; margin-top:10px}
.cItemDetail .idet-buy {position:relative;left:0px;top:0px;font-weight:bold;text-align:right;}
.cItemDetail .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%}
.cItemDetail th {text-align:right}
.cItemDetail .idet-img { float: left; }
.cItemDetail .idet-desc { clear: left; }

.cPaging { float: right; margin: 5px 0; text-align: right; }
.cPaging a { padding: 0 5px; text-decoration: none; border: 1px solid #F8F8F8;}
.cPaging a:hover { border: 1px solid #F3871A; text-decoration: none!important;}
.cPaging span.p-active { background: #FFE7CF; padding: 0 5px; border: 1px solid #F3871A; }


.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, .listFilterSelect { margin: 15px 0 5px 0; text-align: left; font-size: 8pt;float: left;margin-right: 15px; }
.cListOrderChanger select, .listFilterSelect 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; margin: 0px 5px 5px 0px;}
.cCatalogListItem { float: right; width: 223px; min-height: 120px; _height:120px; border: 1px solid #D5D5D5; background: url("../imgs/katalog_bg.png") bottom left repeat-x; padding: 10px; margin: 0px 0px 5px 5px;} 
.cCatalogListItem fieldset {border:none; margin:0px; padding:0;} 
.cCatalogListItem .idet-img { width: 80px; height:80px; overflow: hidden; float:left; margin-bottom: 5px; } 
.cCatalogListItem .idet-pane { float: right; width: 135px; } 
.cCatalogListItem .idet-pane table {width: 135px; } 
.cCatalogListItem .idet-pane h3 {font-size: 100%; margin: 0px; white-space:nowrap; overflow:hidden;  } 
.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-pane .price { font-weight:bold} 
.cCatalogListItem .idet-pane .priceVat { color: #e77817; font-weight:bold} 
.cCatalogListItem .idet-buy { float: left; } 
.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%}

.cLogin input.txt {width:130px}
.cLogin .cFormFields { width: 300px; }
option.disabled {color:silver;font-style:italic}
select { font-size: 9pt; background: white; border: 1px solid #e5e5e5;}

.cContextMenuBar { padding: 15px 0 10px 10px; background: url(../imgs/fade.gif) bottom left repeat-x; border-bottom: 1px solid #e5e5e5; }

.cBillingInfo { clear: left; margin-top: 10px; padding: 10px 0 10px 10px; background: url(../imgs/fade.gif) bottom left repeat-x; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.cBillingInfo input { float: left; }
.cBillingInfo table { float: left; margin-right: 20px; }
.cBillingInfo td, .cBillingInfo th { padding: 0 10px 5px 0 }
.cBillingInfo td { color: black; font-weight: bold }

.cBillingProperties h4 { float:left; padding-right: 15px; }

.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; }