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

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-29, 18:30 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) Reset
        2) Format

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

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Format
---------------------------------------------------------------------------------------------------------- */

.noscreen {display:none;}
.cistic {clear:both; height:1px; margin: -1px 0 0px 0; padding:0; border:none; visibility: hidden;}

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

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}
form.form p{display: inline;padding: 0;margin: 0;}




.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 600px;
height: 190px; /* Set height to be able to contain height of largest content shown*/
/*border: 5px solid #687C98;*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px 10px;

visibility: hidden;
width: 580px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
margin-bottom: 15px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;

color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}















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

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-08-17, 13:17 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {/*background-color:#dfdfdf;*/ color:#3f3f3f;background-color:Black;}



/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

.button {border:1px solid #D2D2D2;}
.button p{border: 1px solid white; background:#F9F9F9;}

h4 {font-size:200%;line-height:1.2;margin:0.4em 0 0.35em;font-family:Calibri,Arial,"Luxi Sans",sans-serif;}
.input-text {padding:3px; font:100%/1.5 "arial", sans-serif;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background:#FFF;}

    #header {background-color:#0081C7;}
    
        #slogan {color:#FFF;}
    
    #nav {border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:#EFEFEF;}
    #nav a {color:#3f3f3f;}
    #nav ul li.active, #nav ul li.active a {color:#0081C7;}
    
    #footer, #footer a {color:#5F5F5F;}
    #footer a:hover {color:#3f3f3f;}
    
        .ico-rss {color:#3F3F3F;}

    #copy, #copy a {color:#7F7F7F;}
    #copy a:hover {color:#3F3F3F;}

.login-box{overflow:hidden; width:100%; padding-top:5px; margin-bottom:10px;}

.login-box form, .form-box form {border:1px solid #D2D2D2;}
.login-box .form-spc, .form-box .form-spc{ padding:16px 18px 10px; border:1px solid white; background:#F9F9F9;}
.login-box .form-spc-b, .form-box .form-spc-b{border:1px solid #D2D2D2;padding:16px 18px 10px; background:#F9F9F9;}
.login-box .required, .form-box .required{font-weight:bold;}
.login-box .int-text, .form-box .int-text, .int-text{padding:2px 0 2px; margin-top:2px;}
.col-h-l{float:left; width:49%;}
.col-ff-l{float:left; width:45%;}
.col-h-r{float:right;  width:49%;}
.col-q-l{float:left;  width:29%;}
.col-q-r{float:right;  width:69%;}
.col-h-l .w-full, .col-h-r .w-full {width:98.7%;}
.r {display:inline;float:right;}
	 
	 
/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs a {color:#5f5f5f;}

#menu li a {border-bottom:1px solid #efefef; color:#3f3f3f;}
#menu li.active a {background-color:#e2f4ff;}

dl#news dt {background-color:#FFF;}
dl#news dd a {color:#3f3f3f;}

#gallery-in {border-bottom:1px solid #DDDDDD; background-color:#EFEFEF;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.title-01 {background-color:#5f5f5f; color:#fff;}
.title-01 a {color:#FFF;}
.title-02 span {background:#FFF;}
.title-03, .title-03.gallery {background-color:#df0000; color:#fff;}
.title-03 a {color:#FFF;}
.title-04 {color:#0081C7;}


.comment, .more {color:#3F3F3F;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.help {border:2px solid #5F5F5F; background-color:#EFEFEF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}
.msg.do-kosiku{border:2px solid #FFAEAE; background-color:#FEEBEB;}









body {
background:url("/images/bg.gif") repeat-x scroll 0 0 transparent;
font:0.75em/1.5 "arial",sans-serif;
padding:25px 0;
}
body {
background:url("/images/bg.jpg") no-repeat fixed center top #050505;
}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
margin:0 0 15px;
}
a:link {
color:#FF0033;
}
a:visited {
color:#9B3614;
}
a:hover {
color:#D5552A;
}
.smalltext {
font-size:70%;
}
.button * {
vertical-align:middle;
}
.button {
margin:15px 0;
text-align:right;
}
.button p {
margin:0;
padding:10px 10px 6px;
}
.button p #gv_redeem_code {
height:20px;
}
.button p span {
float:left;
}
.left {
text-align:left;
}
th {
text-align:left;
}
#main {
margin:0 auto;
overflow:hidden;
padding:10px;
width:940px;
}
#hledani {
margin:0 auto;
padding:10px 0 10px 10px;
text-align:right;
width:950px;
}
#hledani .int-text {
margin-right:7px;
}
#header {
background:url("/images/header.gif") no-repeat scroll 0 0 transparent;
height:100px;
overflow:hidden;
padding:0 0 0 35px;
position:relative;
}
#header #logo {
margin:0;
}
#slogan {
background:url("/images/pattern.gif") repeat scroll 0 0 transparent;
padding:10px 10px 10px 15px;
position:absolute;
right:0;
text-align:center;
top:30px;
width:425px;
}
h1#slogan {
font:1em/1.5 "arial",sans-serif;
}
#nav {
background:url("/images/nav.gif") repeat-x scroll 0 0 transparent;
padding:0 20px;
position:relative;
}
#nav ul {
list-style:none outside none;
margin:0;
}
#nav ul li {
display:inline;
}
#nav ul li a {
background:url("/images/nav-separator.gif") repeat-y scroll 100% 0 transparent;
display:block;
float:left;
padding:9px 15px;
text-decoration:none;
}
#nav a:hover {
text-decoration:underline;
}
#nav ul li.active, #nav ul li.active a {
font-weight:bold;
}
#nav #feeds {
margin:0;
position:absolute;
right:25px;
top:9px;
}
#nav #feeds a:hover {
text-decoration:none;
}
#nav ul li#partner a {
background-image:none;
color:#000000;
padding:9px 13px;
}
#nav ul li#kosik a {
background-image:none;
color:#AE0000;
font-weight:bold;
padding:9px 13px;
}

#nav #dle-rady {
float:right;
padding:9px 0 9px 15px;
}
#nav #dle-rady #dle-rady-pull {
padding:2px 5px;
}
#nav #dle-rady #dle-rady-pull option {
padding-left:5px;
}
#nav #dle-rady label {
background-color:#5F5F5F;
color:White;
font-weight:bold;
padding:4px 5px 3px 15px;
}
#cols {
background:url("/images/cols.gif") no-repeat scroll 0 0 transparent;
margin-bottom:10px;
}
#cols-in {
background:url("/images/cols-in.gif") no-repeat scroll 0 100% transparent;
min-height:430px;
padding:20px;
}
#content {
float:right;
width:600px;
}
#aside {
float:left;
width:280px;
}
#content .in, #aside .in {
padding:12px 15px;
}
#content .in {
padding:12px 15px 0;
}
#content .in {
margin-bottom:19px;
}
#content .in ul, #content .in ol {
line-height:150%;
margin:25px;
}
#content .in ul a, #content .in ol a {
font-weight:bold;
}
#footer {
padding:15px 15px 5px;
}
#footer p {
margin:0;
}
#ico-print {
background:url("/images/ico-print.gif") no-repeat scroll 0 50% transparent;
padding-left:12px;
}
#ico-sitemap {
background:url("/images/ico-sitemap.gif") no-repeat scroll 0 50% transparent;
margin-left:10px;
padding-left:10px;
}
#ico-top {
background:url("/images/ico-top.gif") no-repeat scroll 0 50% transparent;
margin-left:10px;
padding-left:10px;
}
.ico-rss {
background:url("/images/ico-rss.gif") no-repeat scroll 0 50% transparent;
padding-left:18px;
}
#copy {
font-size:90%;
margin:15px auto 0;
width:910px;
}
#breadcrumbs {
font-size:90%;
margin:0;
}
#breadcrumbs a:hover {
text-decoration:none;
}
#breadcrumbs span {
margin:0 3px;
}
#topstory-img {
float:left;
width:200px;
}
#topstory-img img {
display:block;
}
#topstory-txt {
float:right;
width:355px;
}
#topstory-txt h3 {
font-size:140%;
font-weight:normal;
margin:0;
}
#topstory-txt #topstory-info {
font-size:90%;
margin:0;
}
#topstory-txt .comment {
background:url("/images/ico-comment.gif") no-repeat scroll 0 2px transparent;
padding-left:12px;
}
.cols5050 {
background:url("/images/dot-01.gif") repeat-x scroll 0 100% transparent;
clear:both;
}
.cols5050 .col {
float:left;
width:275px;
}
.cols5050 .col .article {
clear:both;
margin-bottom:15px;
min-height:135px;
}
.cols5050 .col .article-img {
float:left;
width:85px;
}
.cols5050 .col .article-img img {
display:block;
}
.cols5050 .col .article-txt {
float:right;
width:175px;
}
.cols5050 .col .article-txt h4 {
font-size:110%;
margin:0 0 7px;
}
.cols5050 .col .article-txt p {
font-size:90%;
margin:0;
}
.menu {
list-style:none outside none;
margin:0;
}
.menu li {
display:inline;
}
.menu li a {
background:url("/images/subnav.gif") no-repeat scroll 10px 60% transparent;
display:block;
padding:3px 10px 2px 25px;
}

.menu li a:hover {
text-decoration:none;
}

#categories3boxLT h3{
background:url("/images/arrow-01.gif") no-repeat scroll 210px 50% #5F5F5F;
color:#FFFFFF;
font-size:14px;
margin:7px 0;
padding:3px 5px 3px 0;
}
#categories3boxLT h3 a{
    color:white;
    background:url("/images/subnav.gif") no-repeat scroll 10px 60% transparent;
display:block;
padding:3px 10px 2px 25px;
}
.menu li li{
    padding:0;
    margin:0;
    font-size:12px
}


.menu li li a {
background-position:20px 60%;
padding-left:35px;
}
.menu li li li a {
background-position:30px 60%;
padding-left:45px;
}
dl#news {
background:url("/images/dot-02.gif") repeat-y scroll 3px 0 transparent;
margin:0;
}
dl#news dt {
background:url("/images/news-dt.gif") no-repeat scroll 0 50% transparent;
font-weight:bold;
margin-bottom:3px;
padding-left:15px;
}
dl#news dd {
margin:0 0 10px;
padding-left:15px;
}
dl#news a:hover {
text-decoration:none;
}
#gallery-in {
background:url("/images/gallery.gif") repeat-x scroll 0 0 transparent;
background-color:#EFEFEF;
padding:15px;
}
#gallery .t-center {
text-align:center !important;
}
#gallery .separator {
background:url("/images/separator.gif") repeat-x scroll 0 0 transparent;
font-size:0;
height:2px;
line-height:0;
margin:10px 0;
overflow:hidden;
width:910px;
}
#gallery-in a.bestimg {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 White;
border:6px solid #C5C5C5;
display:block;
float:left;
height:103px;
margin:0 10px 0 5px;
text-align:center;
width:103px;
}
#gallery-in a.best img {
margin:0;
padding:0;
}
.title-01 {
background:url("/images/arrow-01.gif") no-repeat scroll 15px 50% transparent;
background-color:#5f5f5f;
clear:both;
font-size:140%;
font-weight:normal;
margin:0;
padding:4px 15px 4px 45px;
}
.title-02 {
background:url("/images/dot-01.gif") repeat-x scroll 0 60% transparent;
font-size:100%;
background-color:#df0000;
}
.title-02 span {
padding-right:5px;
}
.title-03 {
    
background:  url("/images/arrow-02.gif") no-repeat scroll 245px 50% transparent;
background-color:#df0000;
font-size:140%;
font-weight:bold;
margin:0;
padding:13px 10px 13px 15px;
}
.title-03.gallery {
background:url("/images/arrow-02.gif") no-repeat scroll 903px 50% transparent;
background-color:#df0000;
}
.title-04 {
background:url("/images/title-04.gif") repeat-x scroll 0 0 transparent;
font-size:100%;
font-weight:bold;
margin:0 5px;
padding:13px 30px 13px 15px;
}
.more {
background:url("/images/more.gif") no-repeat scroll 100% 5px transparent;
padding-right:14px;
}
a.more:hover {
text-decoration:none;
}
.up {
font-size:85%;
vertical-align:top;
}
.msg {
padding:10px 10px 10px 35px;
}
.msg.warning {
background:url("/images/ico-warning.gif") no-repeat scroll 10px 50% transparent;
}
.msg.info {
background:url("/images/ico-info.gif") no-repeat scroll 10px 50% transparent;
}
.msg.done {
background:url("/images/ico-done.gif") no-repeat scroll 10px 50% transparent;
}
.msg.error {
background:url("/images/ico-delete.gif") no-repeat scroll 10px 50% transparent;
}
.msg.help {
background:url("/images/ico-info.gif") no-repeat scroll 10px 10px transparent;
font-size:90%;
}
.msg.do-kosiku {
margin-bottom:3px;
padding-left:10px;
}
.msg.do-kosiku option {
padding-left:7px;
}
.msg.do-kosiku #cart_quantity {
width:30px !important;
}
.katleft {
clear:both;
list-style:none outside none;
margin:0;
padding:0;
}
.katleft .pl_li {
border-bottom:1px solid silver;
float:left;
margin:0;
padding:7px 0 0;
text-align:center;
width:33.33%;
}
.katleft li.pl_li1 {
border-left:1px solid silver;
border-right:1px solid silver;
width:32.9%;
}
.pl_li:hover {
background:none repeat scroll 0 0 #E7E7E7;
}
.katleft h4 {
font-size:120%;
margin:0 0 7px;
min-height:25px;
padding:0;
height:45px
}
.katleft h3 {
font-size:105%;
margin:0 0 7px;
min-height:25px;
padding:0;
}
.katleft .name {
display:block;
font-size:100%;
margin:0 6px 10px;
min-height:35px;
padding:0;
text-align:center;
}
.katleft .article-img {
background:none repeat scroll 0 0 White;
display:block;
margin:0 auto;
min-height:150px;
text-align:center;
width:150px;
}
.katleft .article-img img {
background:none repeat scroll 0 0 White;
padding:0;
}
.katleft .pl_li:hover .article-img {
border-color:#AE0000;
}
.katleft .article-desc {
font-size:90%;
margin:15px;
min-height:60px;
text-align:justify;
}
.katleft .article-price {
border-bottom:1px dotted silver;
border-top:1px dotted silver;
color:Black;
margin:0 5px 10px;
}
.katleft .article-price .cena-bez {
color:#4C4C4C;
display:block;
font-size:80%;
}
.katleft .article-price p {
background-color:Silver;
font-weight:bold;
margin:5px 0;
padding:5px 0;
}
.katleft .pl_li:hover .article-price p {
background-color:#AE0000;
color:White;
margin:5px 0;
padding:5px 0;
}
.katleft .pl_li:hover .article-price span {
color:#F2F2F2;
}
.pl_li .article-img a {
display:block;
min-height:150px;
}
.pl_li .article-txt p {
font-size:90%;
margin:0;
text-align:justify;
}
#prepinani {
height:25px;
list-style:none outside none;
margin:0;
padding:0;
}
#prepinani li {
background-color:#E8E8E8;
float:left;
height:25px;
line-height:25px;
margin:0;
text-align:center;
width:140px;
}
#prepinani li#prepnuto {
background-color:#5F5F5F;
height:30px;
line-height:30px;
}
#prepinani li a {
color:black;
display:block;
}
#prepinani li#prepnuto a {
color:White;
display:block;
text-decoration:none;
}
table.productListing {
border:1px solid silver;
border-collapse:collapse;
}
table.productListing .none {
border:medium none;
}
table.productListing td {
background:none repeat scroll 0 0 #F0F0F0;
border-left:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
border-top:1px solid #FFFFFF;
padding:6px 6px 6px 7px;
}
table.productListing td.none {
background:none repeat scroll 0 0 White;
border-left:medium none;
border-right:medium none;
}
table.productListing td.ot_total {
background:none repeat scroll 0 0 #F0F0F0;
font-weight:bold;
}
table.productListing td.productListing-heading, table.productListing th {
background:none repeat scroll 0 0 #DFDFDF;
border-top:medium none;
color:black;
font-weight:bold;
padding:6px 8px;
}
table.productListing td.productListing-heading a {
color:Black;
font-weight:bold;
}
tr.productListing-even td, tr.even th {
background:none repeat scroll 0 0 #F9F9F9;
}
table#pl_subprod {
float:right;
width:auto;
}
table#pl_subprod td {
padding:4px 6px 4px 7px;
}
#cu_contact {
width:100%;
}
#detimg a {
display:block;
text-align:center;
}
#content .in #detimg {
border:1px solid #DFDFDF;
margin-bottom:15px;
padding:8px;
width:184px;
}
#detimg:hover {
border-color:#AE0000;
}
#detimg .img-dalsi {
background:url("/images/more-img.png") no-repeat scroll 10px 50% #DFDFDF;
font-weight:bold;
margin:0 -8px -8px;
padding:5px;
}
#productinfo ul {
list-style:none outside none;
margin-left:25px;
padding-left:15px;
}
a.na-facebook {
background:url("/images/facebook.png") no-repeat scroll 5px 50% transparent;
color:#3B5998;
display:block;
font-weight:bold;
padding-left:25px;
}
textarea.boxText {
height:150px;
width:100%;
}
.affil {
list-style:none outside none;
margin-bottom:30px;
}
ul.affil li {
line-height:24px;
margin-left:30px;
}
.affil li a {
font-size:115%;
margin-left:7px;
}
.ts_novinky {
padding:1%;
}
.ts_novinky h3 {
border-bottom:medium double silver;
}
.ts_novinky .readmore {
color:#B22222;
display:none;
font-size:90%;
padding:4px;
text-align:right;
}
.ts_novinky .readmore:hover {
text-decoration:none;
}
.ts_novinky .date {
color:Black;
float:right;
font-size:70%;
margin-top:4px;
}