body {border:0; margin:10px; padding:0; background:#05A3C0; font-size: 8pt; font-family: "tahoma","verdana",sans-serif; color:#444; _text-align:center;}

a {color:#05A3C0;}
a:hover {color:#05C40A;}

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

.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:841px; position:relative; margin: auto; _text-align:left; background: #FFF url("../imgs/main_bg.gif") 0 0 repeat-y; padding: 0; }
/* Hlavička */
#header { position:relative; width:841px; height:137px; margin:0; padding:0; background:#F0F0F0 url("../imgs/top.jpg") 0 0 no-repeat; color:white; overflow:hidden}

    /* Hlavička - logo */
	 #header #logo {  }
   #header #logo h1 { position:absolute; top:21px; left:28px; margin:0; padding: 0px; font-size: 20px; width: 224px;}
   #header #logo h1 a {color:#444;}
   #header #logo h1 a:hover {color:#05A3C0; text-decoration:underline;}
	 #header #logo h1 a span { width:224px; height:68px; position:absolute; display:block; top:0px; left:0px; background:transparent url("../imgs/logo.jpg") 0 0 no-repeat; cursor:pointer; }

/* Informace nad hlavickou */	 
#whitetop { position: absolute; left: 270px; top: 20px; width: 200px; line-height: 15px; padding: 0; color:#A0A0A0; text-align:left}
#whitetop div {margin-bottom: 5px;}

/* Menu */
#menu { position:absolute; top: 96px; left: 29px; margin:0; padding:0; height:30px; }
    #menu ul {margin:0; padding:0; list-style:none; height:30px; }
    #menu ul li {position:relative; margin:0; margin-right: 0px; padding:0; float:left; }
    #menu ul li a {display:block; width: 109px; line-height: 30px; text-align: center; padding:0; color:#FFF; text-decoration:none; cursor:pointer;}
		#menu ul li a.red { background: #DB0000 url(../imgs/menu_red.jpg) 0 0 no-repeat; }
		#menu ul li a.blue { background: #05A8C5 url(../imgs/menu_blue.jpg) 0 0 no-repeat; }
		#menu ul li a.green { background: #05C50A url(../imgs/menu_green.jpg) 0 0 no-repeat; }
		#menu ul li a.yellow { background: #F2DB1A url(../imgs/menu_yellow.jpg) 0 0 no-repeat; }
    #menu ul li strong { font-weight: normal; }
    #menu ul li.last a {}
    #menu ul li a span.crnr {display:none}
    
    /* Hover */ 
	 #menu ul li a:hover { color:#FFF; text-decoration:underline }
	 #menu ul li a:hover span.crnr {display:none}

	 
/* Stránka */
#page {width:841px; }
#page-in {min-height:1px; padding:10px 28px;  }

/* Obsah */
#content { float:right; padding: 0px; width: 582px; }
#content h2 { color: #DB0000; font-weight: normal; font-size: 23px; }
#content h3 { color: #05A3C0; font-weight: normal; font-size: 18px; }
#content h2 { margin-top: 0px; }
#content h4 { font-size: 18px; color: #05C50A; font-weight: normal; margin-bottom: 10px;}

#content .indent { margin: 10px 0; }
#content p { margin: 5px 0; }

/* Levý panel */
#panell {float:left; width:182px; margin:0; padding:0; }
#panell div { margin-bottom: 10px; padding-bottom: 1px; }
#panell div p { margin: 0px; padding: 5px 10px 10px 10px; }
#panell div ol { margin: 10px 10px 10px 30px; }
#panell div h2 { margin: 0; padding: 0 0 0 10px;}
#panell div.red { background: #D90000 url(../imgs/red_bottom.gif) bottom left no-repeat; }
#panell div.red h2 { background: #D90000 url(../imgs/red_top.gif) top left no-repeat; color: #E74D4D!important; } 
#panell div.blue { background: #05A3C0 url(../imgs/blue_bottom.gif) bottom left no-repeat;}
#panell div.blue h2 { background: #05A3C0 url(../imgs/blue_top.gif) top left no-repeat; color: #50C2D7!important; } 
#panell div.green { background: #05C50A url(../imgs/green_bottom.gif) bottom left no-repeat;}
#panell div.green h2 { background: #05C50A url(../imgs/green_top.gif) top left no-repeat; color: #50D754!important; } 
#panell div.akce { background: url(../imgs/akce.gif) 0 0 no-repeat; height: 49px; position: relative; }
#panell div.akce a span { position: absolute; top:0; left: 0; display: block; width: 182px; height: 49px; background: url(../imgs/akce.gif) 0 0 no-repeat;   }


/* Pravý panel */
#panelr {}

.panel-in {padding:0px; color: #FFF; }
.panel-in h2 { font-family: "tahoma","verdana",sans-serif; margin:0px; display:block; padding:0px; padding-left: 10px; line-height: 27px; font-size: 100%; color: #FFF !important; background: #e77817 url("../imgs/title_red.png") left bottom repeat-x; }
.panel-in p { margin: 0px; padding: 10px; }
.panel-in a { color:#FFF; }
.panel-in a:hover {color:#BBB;}
.panel-in ul { list-style:none; margin: 10px;}
.panel-in ul li a { color:#FFF; line-height: 18px;}


/* Patička */
#footer {clear:both; width: 791px; height: 56px; background: #88D4E2 url(../imgs/bottom_bg.jpg) left top repeat-x; color:#036E81; padding: 22px 25px 0 25px; }
#footer a {color:#FFF;}
#footer a:hover {color:#05A8C5;}


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

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

.cContextMenu {margin-bottom:1em}

.cBreadcrumbNavigation { font-family: "tahoma","verdana",sans-serif; margin:0px; display:block; padding:0px; line-height: 27px; font-size: 100%; color: #A0A0A0; }

.divCategoryTree ul {margin:0; padding:0; list-style:none; } 
.divCategoryTree li {margin:0; padding:0; }
.divCategoryTree ul li a { background:transparent url(../imgs/cat_delim.gif) left bottom no-repeat; color:white; display:block; height:25px; line-height:25px; overflow:hidden; padding:0 20px; text-decoration:none; }
.divCategoryTree ul li a:hover { background:transparent url(../imgs/cat_delim.gif) left bottom no-repeat; font-weight: bold; color: #FFF; }
.divCategoryTree ul ul li a { background:#04839A; padding-left: 30px; border-bottom: 1px solid #0F7486;}
.divCategoryTree ul ul li a:hover { font-weight: bold; color: #FFF;}
.divCategoryTree ul li.ct-begin-group a {border-top:1px solid #980000}
.divCategoryTree ul li.ct-73 a { background: url(../imgs/saving.gif) 15px 0px no-repeat!important; padding-left: 63px; line-height: 40px; height: 40px; }
.divCategoryTree ul#cat73 li a { background:#04839A!important; padding-left: 30px; border-bottom: 1px solid #0F7486; height:25px; line-height:25px; }
.divCategoryTree ul#cat73 ul li a { padding-left: 40px;}

.cAdminMenu ul li {  }
.cAdminMenu ul li a {background:#D90000; background:transparent url(../imgs/cat_delim_red.gif) left bottom no-repeat; }
.cAdminMenu ul li a:hover {background:transparent url(../imgs/cat_delim_red.gif) left bottom no-repeat; }


.cSearchForm {}
.cSearchForm fieldset { margin: 0px; border: none; padding: 0px 0px 10px 10px;  }
.cSearchForm fieldset input.inp { border: 1px solid #980000; background: white; height: 16px; line-height: 16px; margin:0px; width:100px !important; font-size: 100%; }
.cSearchForm fieldset input.sub { color: white; background: #C31F1F url(../imgs/btn_bg.gif) top left repeat-x; border: 1px solid #980000; height: 20px; margin: 0px; padding: 0px; padding-bottom: 3px; width: 50px; 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:#05C50A; padding:5px 0.5em; border-right:1px solid #FFF; color:white;}
.cList1 td {background:#F0F0F0; padding:4px 0.5em; border:0px; margin:0px; border-right:1px solid #FFF}
.cList1 td.last {border:0px;}
.cList1 tr.alt td {background:#E4E4E4;}
.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; font-family:"arial",serif; }
.cCatList li { list-style: none; font-size: 130%; line-height: 140%; font-weight: bold; padding-left: 24px; background: url(../imgs/catlist_li.gif) 0 0 no-repeat; }
.cCatList li a { color: #888; }
.cCatList li a:hover { color: #05C50A; }

.cFormFields { background: #F0F0F0; padding:10px; border: 1px solid #AAA; }
.cFormFields h3 {display:inline;margin:0px; padding:0px}
.cFormFields .ff-max {width:350px}
.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 { padding-left: 3px; border: 1px solid #AAA; background: #FFF; } 
.cFormFields input.active, .cFormFields textarea.active {border-color: #e77817}
.cFormFields select { border: 1px solid #AAA; } 
.cFormFields input.button { background: #C31F1F url(../imgs/btn_bg.gif) top left repeat-x; border: 1px solid #980000; width: 100px; height: 22px; padding-bottom: 2px; }
.cFormFields textarea {height:25em;width:350px; background-color:#FFF; }
.cFormFields legend {font-size:130%; font-family:"arial",serif;  margin: 0px; padding: 10px 0px 3px 0px; color: #444; }
.cFormFields fieldset {padding:0px;margin:0px;border:0px}
.cFormFields .ff-buttons {padding:1em 0px 1em 100px}

.cButtons {padding:1em; clear: both; text-align: center;}
input.button { background: #C31F1F url(../imgs/btn_bg.gif) top left repeat-x; border: 1px solid #980000; height: 22px;padding-bottom: 2px; color: white; font-size:100%; font-family: tahoma}

.cItemDetail .idet-pane {float:right;background: #F0F0F0; padding:10px; width:280px; min-height:1px; _height:1px; border: 1px solid #AAA; }
.cItemDetail .idet-params {float:right;background: #F0F0F0; padding:10px; width:280px; min-height:1px; _height:1px; margin-top:10px; border: 1px solid #AAA; }
.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:right;padding:10px 0px; width:300px; min-height:1px; _height:1px;  }
.cItemDetail .idet-subitems table {width:100%}
.cItemDetail th {text-align:right}
.cItemDetail .idet-img { float: left; }
.cItemDetail .idet-desc { clear: both; padding-top: 10px; }
.cItemDetail .idet-desc ul {margin-left: 10px;}
.cItemDetail .idet-desc li { list-style: square; }

.cPaging { margin-bottom: 5px; margin-top: 5px; text-align: right; font-size: 8pt;}
.cPaging a { padding: 0px 3px; text-decoration: none; }
.cPaging a:hover { color: #FFF!important; background-color: #444444; 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;}
.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: #05A8C5; line-height: 24px; }
.cDiscussion .d-post {border:1px solid #AAA; 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: #4EC1D6 }
.cDiscussion p { margin: 10px 0; }

.cOrderView { margin: 10px 0px; }
.cOrderView .ov-head1 { margin-bottom: 10px; font-size: 170%; color: #05C50A; text-align: right; border-bottom: 1px solid #AAA;}
.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 #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 { text-align: center; clear: both; padding-top: 10px;}
.cCatalogList .alt { }
.cCatalogListItem { position:relative; float: left; width: 140px; height: 244px; background: #E9F9FB url("../imgs/item_bg.jpg") 0 0 no-repeat; padding: 1px; cursor:pointer; margin: 0px 3px 3px 0px;} 
.cCatalogListItem fieldset {border:none; margin:0px; padding:0;} 
.cCatalogListItem .idet-img { margin-top: 10px; height:120px; max-width: 140px; overflow: hidden; text-align:center; margin-bottom: 5px; } 
.cCatalogListItem .idet-pane { margin-top: 10px;  } 
.cCatalogListItem .idet-pane h3 { font-size: 9pt!important; height: 26px; margin: 0px; font-weight: bold!important;} 
.cCatalogListItem .idet-pane h3 a { color:#006579; text-decoration:none; } 
.cCatalogListItem .idet-pane h3 a:hover { color:#049108; text-decoration:none;} 
.cCatalogListItem .idet-pane p { display: none; }
.cCatalogListItem .idet-price { margin-top: 10px; text-align:center; font-weight: bold; color: #DB0000; }
.cCatalogListItem .idet-price span { font-weight: normal; }
.cCatalogListItem .idet-buy  { position: absolute; bottom: 15px; left: 45px; _left: 0px; margin:0; margin-top:5px; padding: 0; }

.cShoppingCartSum { float:right; background: #F0F0F0; border: 1px solid #AAAAAA; 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}

.cFilterParams ul {list-style:none;padding:0px;margin:0px}
.cFilterParams li {padding:0px;margin:0px}
.cFilterParams strong {font-weight:normal;}
.cFilterParams em {font-weight:bold;font-style:normal;color:#C30D0D}