body {border:0; margin:0; padding:0; background:#DEDEDE url(../imgs/bg.png) 0 0 repeat-x; font-size: 10pt; font-family: "calibri","tahoma","verdana",sans-serif; color:#000; _text-align:center;}

a {color:#007cc3;}
a:hover {color:#8E2479;}

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

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

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

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

.cMain {width:1093px; margin: auto; text-align:left; position:relative; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.cMain .m-hlp {background:transparent; }
.cMain .m-hlp .m-hlp {background: transparent; }
.cMain .m-in {}

/* Hlavička */
#header { position:relative; width:1093px; height:180px; margin:0; padding:0; background:#F8f8f8 url("../imgs/logo.png") 10px 5px no-repeat; border-bottom:1px solid #bbbbbb}

    /* Hlavička - logo */
	 #header #logo {  }
    #header #logo h1 { position:absolute; top:0px; left:0px; margin:0; padding: 40px 0px 0px 40px; font-size: 60px;color: transparent; }
    #header #logo h1 a {color: transparent; }
	 #header #logo h1 a span { width:1098px; height:180px; position:absolute; display:block; top:0px; left:0px; cursor:pointer; }

/* Informace nad hlavickou */	 
#whitetop { position: absolute; top: 10px;right: 10px; width: 400px; height: 25px; line-height: 25px; padding: 0px 10px;background: #f0f0f0;  }

/* Menu */
#menu {background:#2d9edf url("../imgs/menu_bg.png") left center repeat-x; margin:0 0px; padding:0px 0 0 0; border-bottom: 1px solid white;border-top:1px solid #c7c7c7}

    #menu ul {margin:0; padding:0; list-style:none; }
    #menu ul li {position:relative; margin:0; padding:0; float:left; line-height: 34px; border-right:1px solid white; }
    #menu ul li a {display:block; padding:0px 20px; border:1px solid #0066a2; border-bottom: none; background: #2d9edf url("../imgs/menu_bg.png") left center repeat-x; color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    #menu ul li a span.crnr {display:none}
    
    /* Hover */ 
	 #menu ul li a:hover { color:#FFF; background: #164f70 url("../imgs/menu_over_bg.png") left center repeat-x; }
	 
	 
/* Stránka */
#page {width:1093px; background: #FFF; }
#page-in {min-height:1px; padding:0px;background: url(../imgs/main_bg2.png) 0 0 repeat-y; }

/* Obsah */
#content {float:left; width:908px; padding: 0px; margin-left: 0px; *height:300px; min-height:500px}
#content h1 {color: #8E2479;font-size: 27pt; }
#content h3 {color: #007cc3; }

#content .indent { margin: 15px; }
#content p { }

/* Levý panel */
#panell {float:left; width:183px; margin:0 0 0 0px; padding:0; background: #F2F2F2 url("../imgs/panel_bg.png") right top repeat-y;}
/* Pravý panel */
#panelr {float:right; width:181px; margin:0 0px; padding:0; background: #F2F2F2 url("../imgs/panel_bg.png") top left repeat-y;}

.panel-in {padding:0px; color: #565656; }
.panel-in h4 { font-family: "calibri","tahoma","verdana",sans-serif; margin:0px; display:block; padding:0px; padding-left: 10px; 
    line-height: 27px; font-size: 100%; color: #FFF !important; background: #2168B1; background: linear-gradient(to bottom,#14A3C1 0%,#2168B1 100%);  }
#panelr .panel-in h4 { background: #e77817 url("../imgs/title_or.png") left bottom repeat-x; }
.panel-in p { margin: 0px; padding: 10px; }
.panel-in ul { list-style:none; margin: 10px;}
.panel-in ul li a { color:#565656; line-height: 20px;}
.panel-in ul li a:hover {color:#e77817;}

/* Patička */
#footer {position:relative; clear:both; background: #909090; color:#E7E7E7; padding: 0px 10px; line-height: 60px;  margin-bottom: 30px;}
#footer a {color:#FFF;}
#footer a:hover {color:#e77817;}


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

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

.cBreadcrumbNavigation { margin:0px; display:block; padding:0px; padding-left: 10px; line-height: 27px; font-size: 100%; color: #404040 !important; background: #F2F2F2 url(../imgs/title_gr.png) left bottom repeat-x;}

.divCategoryTree ul {margin:0; padding:0; list-style:none; }
.divCategoryTree li {margin:0; padding:0; }
.divCategoryTree ul li a {display:block; padding:0px 10px;  line-height: 26px; _width: 161px; color:#565656; text-decoration:none; border-bottom: 1px solid #D5D5D5;  }
.divCategoryTree ul li a:hover { background-color: #E5E5E5; color:#007cc3; text-decoration:underline}
.divCategoryTree ul ul li a { padding-left: 10px; _width: 151px; border-left: 10px solid #CBCBCB }
.divCategoryTree ul ul ul li a { padding-left: 20px; _width: 141px; border-left: 10px solid #AAAAAA}

.cSearchForm fieldset { margin: 0px; border: none; }
.cSearchForm fieldset input.inp { border: 1px solid black; background: white url(../imgs/input_bg.png) bottom left repeat-x; height: 16px; font-size: 100% }
.cSearchForm fieldset input.sub { background: #e77817 url(../imgs/search.png) top left no-repeat; 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; clear:both }
.cList1 th {text-align:left;background:#909090;padding:5px 0.5em; border-right:1px solid white; color:white;}
.cList1 td {background:#F5F5F5; padding:5px .5em; border:0px; margin:0px; border-right:1px solid white}
.cList1 select { margin-left: 5px; }
.cList1 select, .cList1 option { font-size: 9pt; }

.cList1 tr.alt td {background:#FEFEFE; border-bottom: 1px solid #eee;}
    .cList1 tr:hover td { background: #c9f4fc; }
.cList1 td input.txt {border: 1px solid black; background: white url(imgs/input_bg.png) bottom left repeat-x; width:40px;}

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

.cFormFields {background: #F4F4F4 ;padding:10px; border: 1px solid #D5D5D5 }
.cFormFields h3 {display:inline;margin:0px; padding:0px}
.cFormFields .ff-max {width:556px}
.cFormFields label {width:100px;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 { font-size: 9pt; padding-left: 3px; border: 1px solid #909090; background: white url(../imgs/input_bg.png) bottom left repeat-x; } 
.cFormFields select { border: 1px solid #909090; font-size: 9pt; } 
.cFormFields option { font-size: 9pt; }
.cFormFields input.button { background: #FF6900 linear-gradient(to bottom,#FF9800 0%,#FF6900 100%); border: 1px solid #000; width: 100px; height: 22px;padding-bottom: 2px; color: white; font-weight: bold; }
.cFormFields textarea {height:25em;width:350px;}
.cFormFields legend {font-size:140%; color: #007cc3; margin: 10px 0px 5px 0px}
.cFormFields fieldset {padding:0px;margin:0px;border:0px}
.cFormFields .ff-buttons{padding:1em 0px 1em 100px}


.cButtons {padding:1em; clear: both; text-align: center;}
.cButtons .button { background: #e77817 url(../imgs/title_red.png) 0 0 repeat-x; border: 1px solid #000; width: 100px; height: 22px;padding-bottom: 2px; color: white; font-weight: bold; font-size:100%; font-family: tahoma}

/*
.cItemDetail .idet-pane {float:right;background:transparent url(../imgs/detail.bg.gif) left top repeat-x;padding:10px;width:406px;min-height:256px;_height:256px}
.cItemDetail .idet-buy {position:relative;left:250px;top:-2em;font-weight:bold}
.cItemDetail .idet-buy input.txt {border: 1px solid black;background: white url(../imgs/inputbg.gif) top left no-repeat;height: 14px;padding-top: 2px;width:24px;margin: 0px 3px 4px 3px;}
*/
.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 { margin-bottom: 5px; margin-top: 5px; text-align: 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: 9pt; 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-bottom: 5px; text-align: left; font-size: 9pt; float:left}
.cListOrderChanger select { text-align: left; font-size: 9pt; 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: #CE1B13; 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 black;}
.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-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}