/*  Definice stylů pro Stránku */
html, body  { width: 100%; height: 100%; margin: 0; padding: 0; font: 90%/150% Trebuchet MS, Tahoma, "Arial CE", Arial; color: #56636e }
body { background: url('../images/page-t.png') repeat-x; text-align: center; }

/*  Definice stylů pro Odkazy */
a, a:link { color: #2e7cd3 }
a:hover { color: #66a3e6 }
a:visited { color: #666969 }
/*  Definice stylů pro Nadpisy */
h1 { margin:0; border-bottom: 1px solid #eee; padding: .2em; font-size: 170%; line-height: 120%; font-weight: normal; }
h2 { color: #2069bb; border-bottom: 1px solid #eee; margin: 5px 0 .5em 0; margin-left: -10px; padding: 5px 10px; font-size: 140%; line-height: 140%; font-weight: normal; }
h3 { margin: 1em .5em; padding: 0; font-size: 100%; }

/*  Definice stylů pro Odstavce */
p { margin: .5em; padding: 0; }
p.margin_0 { margin: 0; padding: 0; }
p.drobecky { margin: 0; border-left: 2px solid #eee; padding: 2px 5px; font-size: 80% }
p.important { margin: 0; border: 1px solid #cb0a1c; padding: 1em; background: #f6f6f6; color: #cb0a1c; text-align: center }
p.important strong a, strong.important a, h2.important { color: #cb0a1c }
p.free { margin: 0; border: 1px solid green; padding: 1em; background: #f6f6f6; color: green; text-align: center }



/*  Definice stylů pro Tabulky */
table { width: 100%; font-size: 100%; border: 1px solid #eee; border-collapse: collapse; }
table th { text-align: left; font-weight: normal; white-space: nowrap; background: #eee; color: #555; margin: 0; border: 1px solid #eee; border-collapse: collapse; padding: 3px 10px }
table td { margin: 0; border: 1px solid #eee; border-collapse: collapse; padding: 3px 5px }

.registrace th { width: 150px; text-align: right; white-space: nowrap }

.panelr table { margin: 0; font-size: 100%; border: 1px solid #eee; border-collapse: collapse; }
.panelr table td { width: 100% }
/*  Definice stylů pro Obrázky */
img { margin: 0; border: 0; padding: 0; vertical-align: middle; }

/*  Definice stylů pro Formuláře */
form { margin: 0; padding: 0 }
fieldset { display: block; margin: 1em 0; border: 2px solid #eee; padding: 1em; }
fieldset textarea { margin: 0; }
form p { margin: 0; padding: .5em .8em }
#prod form p { margin: 0; padding: .5em 1em }
fieldset label { }
fieldset legend { background: #eee; color: #555; margin: 0; padding: 5px 10px; }

input { vertical-align: middle; }
input.important { background: #cb0a1c; color: #fff }
p.submit { margin: .5em 0; padding: .5em; background: #eee; text-align: center; }
p.submit input { background: #cb0a1c; color: #fff }
p.submit:hover { background: #cb0a1c; }

/*  Univerzální */
.f-left { float: left; }
.f-right { float: right; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.t-center { text-align: center; }

.slecna { position: absolute; top: 0; left: 689px; width: 200px; height: 200px; background: url('../images/slecna.gif') no-repeat; }

.box {min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }

.clear { clear: both; }
.cleaner { visibility: hidden; clear: both; height: 1px; margin: -1em 0 0 0; line-height: 0; font-size: 0; border: 0; }
.nowrap { white-space: nowrap; } 
.important { color: #cb0a1c; }

/*  Definice stylů pro Seznam */
/*  Definice stylů pro Tabulky */
/*  Definice stylů pro Formuláře */

/*  Definice stylů pro Stránku */
#page { text-align: left; margin: 0 auto; width: 1000px; position: relative }

/*  Definice stylů pro Hlavičku */
#header { }
#header .box { margin-bottom: -60px;  height: 190px; background: url('../images/header.gif') 189px 0 no-repeat; }
#header .logo { width: 184px; line-height: 100%; text-align: center; font-style: italic; font-weight: bold; margin:0; padding: 35px 0 0 0; }
#header .logo a  { display: block; padding: 5px; }
#header .logo a img { margin: 0; padding: 0; border: 0; }

#info { font-size: 90%; position: absolute; top: 0; left: 0; color: #fff; width: 1000px;  }
#info span { display: block; margin: 0; padding: 1px 18px 1px 10px; }
.hidden { display: none; }
#info a { color: #fff }
#info a:hover { color: #eee }

#basket { position: absolute; top: 25px; right: 0; width: 190px; height: 93px; background: url('../images/basket.gif') no-repeat; color: #fff; text-align: center }
#basket_box { margin: 0; padding: 5px 10px; }
#basket strong { text-align: left; font-size: 120%;border: 1px solid #a4a4a4; padding: 6px 10px 6px 35px; background: #cb0a1b url('../images/basket-icon.gif') no-repeat left top; color: #fff; display: block }
#basket a { text-decoration: none }
#basket a:hover { color: #fff }


#basket a { color: #fff }
#basket a:hover { color: #eee }

/*  Definice stylů pro Obsah */
#content { width: 100%; background: url('../images/content.gif') repeat-y; }
#content .content_a { width: 100%; background: url('../images/content_a.gif') left top no-repeat; }
#content .content_b { width: 100%; background: url('../images/content_b.gif') left bottom no-repeat; }

/*  Definice stylů pro Levý panel */
#panel1 {  float: left; width: 179px; padding: 15px 0 }
#panel1 h2 { color: #56636e; margin: 0; padding: 2px 10px; font-size: 100% }
#panel1 h2.red { margin: 0; border: 0; padding: 5px; padding-left: 15px; font-size: 120%; font-weight: bold; color: #fff;  background:#3ca6ff url('../images/button_1c.gif')  0 8px no-repeat; }
#panel1 h2.red { display: block; color: #fff; background: #cb0a1c url('../images/button_1c.gif')  0 8px no-repeat; }
#panel1 p { margin: 0; margin: .5em 0; padding: 0 15px; }


#panel1 img { margin: 0; padding: 0; }
#panel1 form { margin-bottom: .5em; border-bottom: 1px solid #ccc; text-align: left; background: #eee; padding: 5px 5px 5px 10px }
#panel1 form p { margin: 0; padding: 0; }
#panel1 form input.i-text { width: 90px; }
#panel1 ul {  width: 100%; margin: 0; padding: 0; list-style: none; }
#panel1 ul li { float: left; width: 100%; margin-bottom: 1px; }
#panel1 ul li a { font-weight: bold; text-decoration: none; border-left: 6px solid #4689c1; padding: 3px 5px 3px 10px; display: block; color: #fff; background: #3ca6ff url('../images/button_1a.png') right no-repeat; }
#panel1 ul li a:hover { text-decoration: underline; display: block; color: #fff; border-left: 6px solid #065aa0; background: #4689c1 url('../images/button_1b.png') right no-repeat; }

#panel1 ul li.active { float: left; width: 100%; height: auto; background: none; }
#panel1 ul li.active strong { display: block; background: #555 no-repeat; }
#panel1 ul li.active strong a {  border-left: 6px solid #555; border-bottom: 1px solid #555; padding: 3px 5px 3px 10px; display: block; color: #fff; background: #696969 url('../images/button_1a.png') right no-repeat; }
#panel1 ul li.active strong a:hover { display: block; color: #fff; background: url('../images/button_1a.png') right no-repeat; }

#panel1 ul li ol { font-size: 90%; margin: 0; padding: 0; padding-left: 7px; }
#panel1 ul li ol li { float: left; margin: 0; border-bottom: 1px solid #555; padding: 0; width: 172px; height: auto; display: block; }
#panel1 ul li ol li.active { float: left; margin: 0; padding: 0; width: 172px; height: auto; display: block; }
#panel1 ul li ol li a { font-weight: normal; margin: 0; border: 0; padding: 2px 13px; color: #fff; background: url('../images/button_arrow.gif') 3px 9px no-repeat #696969; }
#panel1 ul li ol li a:hover { margin: 0; border: 0; padding: 2px 13px; color: #fff; background: url('../images/button_arrow.gif') 3px 9px no-repeat #4e4e4e; }
#panel1 ul li ol li.active a { font-weight: normal; margin: 0; padding: 2px 13px; color: #fff; background: url('../images/button_arrow.gif') 3px 9px no-repeat #555; }
#panel1 ul li ol li.active a:hover { margin: 0; padding: 2px 13px; color: #fff; background: url('../images/button_arrow.gif') 3px 9px no-repeat #4e4e4e; }
#panel1 .cleaner { height: 4px; }

/*  Definice stylů pro Sloupec */
#col {  float: right; width: 812px; }

/*  Definice stylů pro Pravý panel */
#panel2 {  text-align: center; float: right; padding: 15px 0; width: 179px; }
#panel2 p { padding-bottom: 1em }
#panel2 h2 { margin: 0; border: 0; padding: 5px; font-size: 120%; font-weight: bold; text-align: center; color: #fff;  background:#3ca6ff url('../images/button_1c.gif')  0 8px no-repeat; }
#panel2 h2.red { color: #fff; background: #cb0a1c url('../images/button_1c.gif')  0 8px no-repeat; }
#panel2 h2.red a { color: #fff; }
#panel2 img.phone { float: left; padding: 2px; padding-right: 5px; padding-top: 2px; }
#panel2 .important { display:block;padding: 10px 0; font-size: 160%; }

#panel2 .item { font-size: 85%; border-bottom: 1px solid #fff; background: #eee; padding: 10px; }

#panel2 .item h3 { display: block; margin: 0; padding: 0 10px }
#panel2 .item img { display: block; margin: 0 auto; }
#panel2 .item a.img img { display: block; margin: 0 auto; border: 1px solid #ccc }
#panel2 .item p {  font-size: 140%; margin: 0; border: 0; padding: 0 }

#panel2 .hr { clear: both; margin: 0 20px; border: 0; border-top: 1px solid #ccc; padding: 0; font-size: 0; line-height: 100% }
#panel2 .hr hr { display: none }

/*  Definice stylů pro Textovou část */
#text { font-size: 110%; float: left; width: 624px; padding-top: 40px;}
#text .text_box { margin-bottom: 7px; padding: 15px; }
#text .text_box1 { margin-bottom: 5px; padding: 15px; padding-top:0; }
#text .text_box1 .panell { float: left; width: 180px; text-align: center; }
#text .text_box1 .panelr { float: right; width: 410px; }
#text .text_box2 { margin-bottom: 3em; padding: 0 15px; }
#text .text_box1 p, #text .text_box2 p, #text .text_box4 p  { margin: .5em .5em 1em .5em }
#text .text_box3 { margin-bottom: 1em; padding: 0 15px; }
#text .text_box4 { padding: 0 15px; }
#text tr.dostupnost td, #text tr.dostupnost th { background:green;color:white }
#text a.img img { margin: 5px; border: 2px solid #eee; }
#text h2 { margin: 0; margin-bottom: .5em;  border-bottom: 1px solid #eee; padding: 10px 10px 5px 20px; font-size: 140%; line-height: 140%; font-weight: normal; color: #2069bb; background: url('../images/h2.png') 0 16px no-repeat; }
#text h2.akce { color: #cb0a1c; }
#text p.border { margin: .5em 0 0 0; border-bottom: 1px solid #eee; border-left: 6px solid #eee; padding: 8px }
#text hr { border: 0; border: 1px solid #fff; border-bottom: 1px solid #eee }
#text table tr.a-price td { font-weight: bold; text-decoration: line-through; }
#text table tr.c-price td { font-weight: bold; color: #cb0a1c }
#text table tr th { background: #f9f9f9 }
#text table tr.even th { background: #eee }
#text table tr td { background: white }
#text table tr.even td { background: #eee }

#text .price { font-size: 140%; line-height: 150% }
#text .price span { color: #cb0a1c; }
#text .price strong { font-weight: normal }

#cat { margin-bottom: 5px; padding: 0; padding-top: 15px; width: 100%; background: url('../images/text2.png') left top no-repeat; }
#cat h2  { border-bottom: 1px solid #ccc; margin: 0 15px 0 15px; padding: 5px 10px 5px 20px; font-size: 140%; line-height: 140%; font-weight: normal; text-align: center; color: #555; background: #eee; }
#cat .cat_box .item p { margin: 0; padding: 0; }
#cat .cat_box { width: 100%; padding: 5px 0; }
#cat .cat_box .item { width: 25%; text-align: center; font-size: 90%; line-height: 130% }
#cat .cat_box .item:hover { background: #f1f1f1 }
#cat .cat_box .item .item_box { height: 135px; overflow: hidden; margin: 0; border-right: 1px solid #ccc; padding: 10px 5px }
#cat .cat_box .item.last .item_box { border-right: 0 }
#cat .cat_box .item .price { font-size: 120%; line-height: 130% }
#cat .cat_box img { display: block; margin: 0 auto 5px auto; border: 1px solid #ccc }
#cat .cat_box h3 { display: block; margin: 0; padding: 0 10px }
#cat .cat_box .hr { clear: both; margin: 0 20px; border: 1px solid #fff; border-top: 1px solid #ccc; padding: 0; font-size: 0; line-height: 100% }
#cat .cat_box .hr hr { display: none }

#cat a { color: #cb0a1c; }

#prod { margin-bottom: 5px; padding: 0; padding-top: 15px; width: 100%; background: url('../images/text2.png') left top no-repeat; }
#prod h2 { color: #2069bb; border-bottom: 1px solid #ccc; margin: 0 15px 0 15px; padding: 5px 10px 5px 20px; font-size: 140%; line-height: 140%; font-weight: normal; text-align: center; background: #eee; }
#prod p { margin: 1em }
#prod .prod_box  { font-size: 95%; margin-bottom: 1em; }
#prod .prod_box p  { margin: 0; padding: .5em; }
#prod .prod_box .item p  { margin: 0; padding: 0; }
#prod .prod_box { width: 100%; padding: 0; }
#prod .prod_box .item { width: 25%; text-align: center; font-size: 90%; line-height: 130% }
#prod .prod_box .item form { margin: 0; overflow: hidden; border-right: 1px solid #ccc; padding: 5px }
#prod .prod_box .item .item_box { margin: 0; overflow: hidden; border-right: 1px solid #ccc; padding: 10px 5px }
#prod .prod_box .item.last form { border-top:0; border-right: 0 }
#prod .prod_box .item.last div { border-top:0; border-right: 0 }
#prod .prod_box .item .price { font-size: 120%; line-height: 130% }
#prod .prod_box .item a img { margin: 0; border: 0; padding: 0; }
#prod .prod_box .item input { display: inline; }
#prod .prod_box h3 { display: block; margin: 0; padding: 0; overflow: hidden; }
#prod .prod_box h3 a { display: block; margin: 0; border: 1px solid #ccc; padding: 5px; background: #eee }
#prod .prod_box .akce h3 a { color: #555;font-weight: normal;text-decoration: none; display: block; margin: 0; border:0; padding: 0; background: none }
#prod .prod_box .akce h3 a:hover { font-weight: normal;text-decoration: none;color: #000; display: block; margin: 0; border:0; padding: 0; background: none }
#prod .prod_box .item .akce .price { font-size: 160%;color: #cb0a1c; display: block; margin: 0; }

#prod .prod_box h3 a:hover { color: #fff; display: block; margin: 0; border: 1px solid #ccc; padding: 5px; background: #555 }
#prod .prod_box p { display: block; margin: 0; padding: 0 }
#prod .prod_box p.img { display: block; margin: 5px 0; padding: 10px 0; }

#prod .prod_box p.anotace { margin: 0; padding: 0; height: 48px; overflow: hidden;  }
#prod .prod_box .action { color:#cb0a1c; }

#prod .prod_box .hr { clear: both; margin: 0 20px; border: 1px solid #fff; border-top: 1px solid #ccc; padding: 0; font-size: 0; line-height: 100% }
#prod .prod_box .hr hr { display: none }
#prod .prod_box .item .price { font-size: 145%; line-height: 150% }

/*  Definice stylů pro Patičku */
#footer { text-align: center; margin: 2em 5em; }
#footer p { margin: 0; padding: 0; }
#footer .info { margin: 1em 0; padding: 10px; background: #eee; text-align: center; }
#footer .copy { border-top: 1px solid #eee; padding: .5em; }
#footer .links { padding: .5em; font-size: 80%; }

.dostupnost strong { font-size:80%; margin: 0; padding: 0; text-align: center }
.dostupnost strong.s1 { display: block; border: 1px solid green; background: #f6f6f6; color: green; }
.dostupnost strong.s2 { display: block; border: 1px solid #cb0a1c; background: #f6f6f6; color: #cb0a1c; }
.dostupnost strong.s3 { display: block; border: 1px solid #f6f6f6; background: #cb0a1c; color: #fff; }
.dostupnost strong.s4 { display: block; border: 1px solid #2e7cd3; background: #f6f6f6; color: #2e7cd3; }

.kat1 {display:block;}
.kat2 {display:none;}


#pridkos {display: none; position: fixed; _position: absolute; top: 20%; left:0; width:100%;z-index: 1;text-align: center; }
#pridkos-box { margin:0 auto; width:400px; background: #cb0a1c; color: #f6f6f6; border: 2px solid #eee;  }
#obsahkos { padding: 0px; padding-bottom: 5px;  }
#obsahkos h2 { margin:0; padding: 5px 10px; color: #f6f6f6; background: #555; font-size: 120%; font-weight: bold; text-align: left;  }
#obsahkos * {margin: 0; padding: 0;}
#obsahkos .cena {display: block; margin: 5px;padding:5px; color: #555; background: #eee; font-size:180%;}
#obsahkos input {vertical-align: middle;}
#obsahkos button {vertical-align: middle;}
#obsahkos p {padding: 2px 5px;}

/* =============================================================================
Portlet: Innerfade
============================================================================= */
.banner1 {margin:0;padding:0;}
.banner1 div {margin:0;padding:0;}
.banner1 div p {width:592px;text-align:center;margin:0;padding:0;}
.banner2 div {margin:0;padding:0;}
.banner2 div p {width:179px;text-align:center;margin:0;padding:0;}


/* =============================================================================
Portlet: Lightbox
============================================================================= */


#facebox table { width: auto; border: 0; }
#facebox table th { border: 0 }
#facebox table td { border: 0 }

#facebox .b{background:url(/design/facebox-b.png);}
#facebox .tl{background:url(/design/facebox-tl.png);}
#facebox .tr{background:url(/design/facebox-tr.png);}
#facebox .bl{background:url(/design/facebox-bl.png);}
#facebox .br{background:url(/design/facebox-br.png);}
#facebox{position:absolute;  top:0;  left:0;  z-index:100;  text-align:left;}
#facebox .popup{position:relative;}
#facebox table{border-collapse:collapse;}
#facebox td{border-bottom:0;  padding:0;}
#facebox .body{padding:10px;  background:#fff;  width:370px;}
#facebox .loading{text-align:center;}
#facebox .image{text-align:center;}
#facebox img{border:0;  margin:0;}
#facebox .footer{padding-bottom:5px;  margin-top:0;  text-align:right;}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;  width:10px;  overflow:hidden;  padding:0;}
#facebox_overlay{position:fixed;  top:0px;  left:0px;  height:100%;  width:100%;}
.facebox_hide{z-index:-100;}
.facebox_overlayBG{background-color:#000;  z-index:99;}
* html #facebox_overlay{position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');}

#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    background-color: black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.provozni-doba {font-size:90%;text-align:center;background:#cb0a1c;color:#fff;padding:2px;}