/* 
Nastavení fontů tak, aby se zobrazily správně na všech platformách (Win, Linux, Mac)

Arial - font-family: sans-serif;
Palatino - font-family: Palatino, 'palatino linotype', serif;
Courier - font-family: monospace;
Georgia - font-family: Georgia, 'New York CE', utopia, serif;
Tahoma - font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
Times - font-family: serif;
Trebuchet - font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
Verdana - font-family: Verdana, 'Geneva CE', lucida, sans-serif;

Velikost fontů pokud možno zadávat v relativních jednotkách tj. v procentech, em atp (kvůli IE6). Při použití
procent se velikost dědí z nadřazeného prvku.
*/
html {font-family: sans-serif;} 

/*Zrušení marginů, paddingů a různých velikostí písem u elementů, kde by výchozí hodnoty mohly 
znepříjemnit stylování layoutu.*/
body, html, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 0.85em; text-align: left} 
form {margin: 0}

table, th, td {text-align: left; padding: 0.3em; border: 0px solid #d1d1d1; font-size: 1em}

/* Manuální nastavení velikosti a marginu všech nadpisů, aby se zobrazovaly ve všech prohlížečích stejně */
h1 {font-size: 1.6em; margin: 1em 0; color: #EE7315}
h2 {font-size: 1.4em; margin: 1em 0; color: #EE7315}
h3 {font-size: 1.3em; margin: 0.8em 0; color: #EE7315}
h4 {font-size: 1.1em; margin: 0.6em 0}
h5, h6 {font-size: 1em;  font-weight: bold; margin: 0.4em 0; ; color: #EE7315}
.tt {font-size: 1em;  font-weight: bold; margin: 0.4em 0; ; color: #EE7315}

p {margin: 0.5em 0.2em; padding: 0; line-height: 130%;}


/* Inputy formulářů zdědí písmo namísto systémového */
input, select, textarea {font-family: inherit;}

/* Podtržení u vysvětlivek */
abbr {border-bottom: 1px dotted;cursor: help}

a {color: #685f55; font-weight: bold}
a:hover {color: #993300;}


/* Třídy pro rychlou změnu zarovnání */
.la {text-align: left !important;}
.ca {text-align: center !important;}
.ra {text-align: right !important;}
.fr {float: right}

table {border-collapse: collapse;}
td {border: 0px solid #e1e1e1;}

/* seznamy */
ul, ol {padding: 0 0 0 2em; margin: 0.5em 1em; line-height: 130%;}
ul li, ol li {margin: 2px 0;}


body {font-family: Arial; }
.cleaner {clear: both;}

#spinner {
    display: none;
    position: absolute;
    z-index: 1000;
    border: 0px !important;
}

.video {float:left; margin-right: 5px;}
.live {color: red}
                         
body {background-color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #685f55; background-image: url(/img/www/back2.jpg); background-repeat: repeat-x;}
#page {width: 1000px; margin-left: auto; margin-right: auto; border-left: 1px solid #aaa; border-right: 1px solid #aaa}

#top {height: 115px; background-color: #f5f5f5; background-image: url(/img/www/top.jpg); border-bottom: 1px solid #aaa;}
#menu {background-image: url(../img/www/boxbg.gif); height: 20px; padding-left: 10px; padding-top: 5px; font-weight: bold; border-bottom: 1px solid #aaa; color: #fff}
#menu a {color: #FFEDCB; text-decoration: none; font-size: 115%}
#menu a:hover {color: #FFffff; text-decoration: none;}

input, select {border: 1px solid #C1B186; padding-left: 3px; background-color: #fcfffc;}
 
.logo {width: 400px; height: 70px; border: 0px} 
table.login {margin-right: 15px; margin-top: 10px; background-image: url(/img/opacity.png); border: 1px solid #999}
.logininput {width: 140px}
#main {min-height: 630px; _height: 630px; background-image: url(/img/mainback.gif); padding-bottom: 10px;}
#main.twocols {background-image: url(/img/mainback2col.gif);}
#left {float:left; width: 200px; background-color: #eae9e8; }
#left .box {padding: 10px;}
#right .box {padding: 10px;}
#center {float:left; width: 610px;}
#center2 {float:left; width: 800px;}
#right {float:left; width: 190px; background-color: #eae9e8}
#footer {font-size: 80%; background: #EEE9E3; padding: 5px; text-align: center;}
#footer .credits {float:right; margin-right:15px; color: #444}
#footer p {margin: 0px;}
.copyright {float:left; margin-left:15px; color: #444}

#suggest {width: 500px; border: 1px solid #cdc; background-color: #F8F8F8}
.iemail {width: 120px}
.category a {text-decoration: none;} 
.category ul {padding: 0 0 0 10px; margin: 0.5em 0.5em; line-height: 110%;}
.category ul.under {padding-left: 15px;}

.search input {font-size: 1em}
.topproducts {padding: 10px; margin-bottom: 5px;}
.topproducts img {border: 1px solid #555}
.topproducts .img {width: 60px}
.topproducts table {width: 100%}
#right h5, #right h6,#left h5, #left h6, .tt {margin: 0px; color:#fff}

.boxtitle {height: 18px; background-color: #28810d; padding-left: 10px; padding-top: 7px; color: #fff; background-image: url(/img/boxtitle.gif);}
.infobox p {margin: 0px}
.center {padding-left: 15px; padding-right: 15px;}
.filter {padding-left: 15px; padding-right: 15px; padding-top: 10px;}
.navi {height: 11px; background-color: #FFA578; padding: 7px; padding-left: 10px; background-image: url(/img/boxtitle2.gif);; background-repeat: repeat-x; font-weight: bold; color: #FFEDCB}
.navi a {color: #FFEDCB}


.boxtitle2 {height: 13px; background-color: #FFA578; color: #fff; padding: 5px; padding-top: 7px; padding-left: 10px; background-image: url(/img/boxtitle2.gif);; background-repeat: repeat-x;}
.photogallery {padding-left: 5px; padding-right: 5px; padding-top: 5px;}
.photogallery img {border: 1px solid #222}
.photogallery .img {float:left; margin-right: 10px; margin-bottom: 10px;}
#center .boxtitle {background-color: #59a442; }
.action {padding-top: 5px}
.action .item {float:left; margin-right: 6px;text-align: center; width: 90px}
.action .item img {border: 1px solid #222}
.list {padding-top: 5px}
.list td {vertical-align: top}
.list img {border: 1px solid #222}
.filter submit {font-size: 1em}
.paginator {float: left;}
.paginator a{font-weight: bold;}
.paginator .current {font-weight: bold; color: #477}
.product {padding: 0px 15px 5px 15px}
.product h1 {margin: 5px 0px; font-size: 150%}
.product .next {float:right}
.product .pereximg img {border: 1px solid #222}
.set .pereximg {width: 360px}
.twocols .set .pereximg {width: 550px}
.setga {width: 350px}
.twocols .setga {width: 540px}
.descript p {margin: 0px; margin-bottom: 5px;}
.attributes td {padding: 2px; vertical-align: top;}
.attributes .label {font-weight: bold;}
.attributes select {border: 1px solid #222}
.buy {margin-top: 10px}
.buy td {padding: 0px}
.price {font-weight: bold; color: #DC6B16}
.priceold {text-decoration: line-through;}
.buyform  {float:left}
.buyform input {font-size: 1em;}
.simproduct {float: left; margin-right: 10px}
.setproduct {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.setproduct .title {font-weight: bold; color: #DC6B16; text-decoration: underline;}

.searcht table th, .searcht table td {background-color: #fff !important;}
.searcht table tr.odd th, .searcht table tr.odd td {background-color: #FFFACF !important;}
.searcht {border: 1px solid #eee; float: left}
.st {margin-top: 10px}

.cart {width: 100%}
.cart .form .input {width: 40px; font-size: 1em}
.cart .form .button {font-size: 1em}
.cart .total td {font-weight: bold; background-color: #eef2ee}
.cart .head th {background-color: #eef2ee}
.cart .odd td {background-color: #FFF3DE}
.cart {border-collapse: inherit; border: 1px solid #ccc; padding: 0px !important}
.cart td, .cart th {padding: 2px !important}

/*- Menu Tabs I--------------------------- */

#tabsI {
    clear: both;
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #aaa;
  margin-bottom: 15px;
  }
#tabsI ul {
  margin:0;
  padding:10px 10px 0 0px;
  list-style:none;
  }
#tabsI li {
  display:inline;
  margin:0;
  padding:0;
  }

#tabsI a span {
  float:left;
  display:block;
  background:url("/img/tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
  
 #tabsI .a {
  float:left;
  background:url("/img/tableftI.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  
  }
  
 #tabsI .b {
  float:left;
  display:block;
  background:url("/img/tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
 }

 #tabsI .active {font-weight: bold}
 #tabsI a {font-weight: normal; text-decoration: none; color: #FFFFFF}
 
.order .input {width: 120px}
.order textarea {width: 540px !important; border: 1px solid #C1B186}
.order select {width: 200px !important; border: 1px solid #C1B186}
.tab { padding-left: 10px; padding-right: 10px; padding-top: 4px; border: 1px solid #555; border-bottom: 0px; padding-bottom: 4px; float: left; font-weight: bold; background-color:#FFE6C9}
table.order {background-color: #fdfdfd; margin-bottom: 5px; padding: 6px; border: 1px solid #555;clear: both; border-collapse: separate;}
table.order td {padding: 1px;}
table.order table {border-collapse: separate;}
table.order table td {padding: 3px !important;}
.buttonnext {float: right}
.buttonnext a {color: #005; font-weight: bold}
.apereximg {float: left; margin-right: 15px; border: 1px solid #222; margin-bottom: 10px;}
/*#center {background-image: url(/img/center.gif); background-repeat: repeat-x;}*/

.cartimg, .cartinfo {float:left}
.cartimg {width: 50px}

.accept {border: 0px !important; background-color: transparent !important}

.polloption {margin-top: 7px}
.polloption .procenta {color: #030}
.polloption img {border: 0px !important; height: 8px}
.sorder img {border: 0px !important}

/** FLASH ZPRAVY **/
#flash { position: absolute; top: 0px; left: 0px; width: 250px; height: 70px; padding: 15px; z-index: 1000; 
        background-color: #eeFfee; color: #034c72; font-weight: bold; }
#flash, #flash * { cursor: pointer; }
#flash .yui-b { padding: 5px 0; }
#flash .yui-b>* { font-size: 100%; text-align: center; }
#flash .yui-main { height: 50px; }
#flash .yui-close { height: 20px; font-size: 90%; text-align: center; }
#flash .yui-close .button {border: 1px solid #006600; height: 19px; width: 50px; font-size: 11px; background-color: #F5C20B}
#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { border: 2px solid #006600; }
#flash.success:hover { border: 2px solid #006600; }
#flash.failure, #flash.error { border: 2px solid #ff7200; }
#flash.failure:hover, #flash.error:hover { border: 2px solid #006600; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { }

div.wicket-mask {
 position:absolute;top:0;left:0;
 width:100%;height:100%;
 background:rgb(230,230,230);
 opacity:.50;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 text-decoration:none;
}
div.wicket-spinner {
 position:absolute;
 background-image:url(/img/ajax-loader.gif);
 background-repeat: no-repeat;
 width: 32px;
 height: 32px;
 background-color: transparent;
}
.addcart {border: 0px !important; padding-left: 0px !important; vertical-align: middle;}
.suggestd {margin-left: 10px}
.suggestd input {width: 250px}
.suggestd textarea {width: 250px; border: 1px solid #AABBAA; background-color: #FCFFFC;}

/* PF */
/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */

    div.light_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
    div.light_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.light_rounded .pp_content .ppt { color: #000; }
    div.light_rounded .pp_content_container .pp_left,
    div.light_rounded .pp_content_container .pp_right { background: #fff; }
    div.light_rounded .pp_content { background-color: #fff; } /* Content background */
    div.light_rounded .pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_rounded .pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.light_rounded .pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_rounded .pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_rounded .pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_rounded .pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.light_rounded #pp_full_res .pp_inline { color: #000; } 

    div.light_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_rounded .pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.light_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
    div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.light_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    /* ----------------------------------
        Dark Rounded Theme
    ----------------------------------- */
    
    div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
    div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.dark_rounded .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
    div.dark_rounded .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
    div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
    div.dark_rounded .pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_rounded .pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_rounded .pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_rounded .pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_rounded .pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_rounded .pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded .pp_description { color: #fff; }
    div.dark_rounded #pp_full_res .pp_inline { color: #fff; } 

    div.dark_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

    div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
    div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

    div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    
    /* ----------------------------------
        Dark Square Theme
    ----------------------------------- */
    
    div.dark_square .pp_left ,
    div.dark_square .pp_middle,
    div.dark_square .pp_right,
    div.dark_square .pp_content { background: url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
    div.dark_square .currentTextHolder { color: #c4c4c4; }
    div.dark_square .pp_description { color: #fff; }
    div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    
    div.dark_square .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
    div.dark_square .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
    div.dark_square .pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_square #pp_full_res .pp_inline { color: #fff; } 
    
    div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


    /* ----------------------------------
        Light Square Theme
    ----------------------------------- */
    
    div.light_square .pp_left ,
    div.light_square .pp_middle,
    div.light_square .pp_right,
    div.light_square .pp_content { background: #fff; }
    
    div.light_square .pp_content .ppt { color: #000; }
    div.light_square .pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.light_square .pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.light_square .pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.light_square .pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.light_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.light_square #pp_full_res .pp_inline { color: #000; } 
    
    div.light_square .pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.light_square .pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    
    div.light_square .pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.light_square .pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


    /* ----------------------------------
        Facebook style Theme
    ----------------------------------- */
    
    div.facebook .pp_top .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.facebook .pp_top .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
    div.facebook .pp_top .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.facebook .pp_content .ppt { color: #000; }
    div.facebook .pp_content_container .pp_left { background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
    div.facebook .pp_content_container .pp_right { background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
    div.facebook .pp_content { background: #fff; } /* Content background */
    div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.facebook #pp_full_res .pp_inline { color: #000; } 
    div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
    
    div.facebook .pp_nav .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
        div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
    div.facebook .pp_nav .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
        div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
    div.facebook .pp_nav { margin-top: 0; }
    div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
    
    div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
    div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    
    div.facebook .pp_bottom .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.facebook .pp_bottom .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
    div.facebook .pp_bottom .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

    div.pp_pic_holder a:focus { outline:none; }

    div.pp_overlay {
        background: #000;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9500;
    }
    
    div.pp_pic_holder {
        display: none;
        position: absolute;
        width: 100px;
        z-index: 10000;
    }
        
        .pp_top {
            height: 20px;
            position: relative;
        }
            * html .pp_top { padding: 0 20px; }
        
            .pp_top .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_top .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_top .pp_middle {
                    left: 0;
                    position: static;
                }
            
            .pp_top .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        
        .pp_content { height: 40px; }
        
        .pp_content .ppt {
            left: auto;
            margin-bottom: 5px;
            position: relative;
            top: auto;
        }
        
        .pp_fade { display: none; }
        
        .pp_content_container {
            position: relative;
            text-align: left;
            width: 100%;
        }
        
            .pp_content_container .pp_left { padding-left: 20px; }
            .pp_content_container .pp_right { padding-right: 20px; }
        
            .pp_content_container .pp_details {
                margin: 10px 0 2px 0;
            }
                .pp_description {
                    display: none;
                    margin: 0 0 5px 0;
                }
                
                .pp_nav {
                    clear: left;
                    float: left;
                    margin: 3px 0 0 0;
                }
                
                    .pp_nav p {
                        float: left;
                        margin: 2px 4px;
                    }
                
                    .pp_nav a.pp_arrow_previous,
                    .pp_nav a.pp_arrow_next {
                        display: block;
                        float: left;
                        height: 15px;
                        margin-top: 3px;
                        overflow: hidden;
                        text-indent: -10000px;
                        width: 14px;
                    }
        
        .pp_hoverContainer {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2000;
        }
        
        a.pp_next {
            background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
            display: block;
            float: right;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
            
        a.pp_previous {
            background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
            display: block;
            float: left;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
        
        a.pp_expand,
        a.pp_contract {
            cursor: pointer;
            display: none;
            height: 20px;    
            position: absolute;
            right: 30px;
            text-indent: -10000px;
            top: 10px;
            width: 20px;
            z-index: 20000;
        }
            
        a.pp_close {
            display: block;
            float: right;
            text-indent: -10000px;
        }
        
        .pp_bottom {
            height: 20px;
            position: relative;
        }
            * html .pp_bottom { padding: 0 20px; }
            
            .pp_bottom .pp_left {
                height: 20px;
                left: 0;
                position: absolute;
                width: 20px;
            }
            .pp_bottom .pp_middle {
                height: 20px;
                left: 20px;
                position: absolute;
                right: 20px;
            }
                * html .pp_bottom .pp_middle {
                    left: 0;
                    position: static;
                }
                
            .pp_bottom .pp_right {
                height: 20px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
            }
        
        .pp_loaderIcon {
            display: block;
            height: 24px;
            left: 50%;
            margin: -12px 0 0 -12px;
            position: absolute;
            top: 50%;
            width: 24px;
        }
        
        #pp_full_res {
            line-height: 1 !important;
        }
        
            #pp_full_res .pp_inline {
                text-align: left;
            }
            
                #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
    
        div.ppt {
            color: #fff;
            display: none;
            font-size: 17px;
            left: 0;
            position: absolute;
            top: 0;
            z-index: 9999;
        }

/* ------------------------------------------------------------------------
    Miscellaneous
------------------------------------------------------------------------- */

    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

    .clearfix {display: inline-block;}

    .hide {display:none}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    
#contactform {margin-left: 15px;}


/* Customizace */
h1, h2, h3, .price, .setproduct .title, .navi a {color: #050}
h5, h6 {color: #040}
.tt {color:#fff}

a {text-decoration: underline; color: #050}
a:hover {color: #595;}
body {background-color: #f3fff3; background-image: url(/img/back2.gif); color:#030; background-repeat:repeat}

/*#mainbg odstareneni #mainbg */
#menu {background-color: #bfe6b3; color: #003300; background-image: none;}
#menu a {color: #050}
#menu a:hover {color: #595;}
input, select {border: 1px solid #aba; background-color: #fcfffc;}
#left {background-color: #eaf8e6; }
#footer {background: #cdc;}
.copyright {color: #484}
#right {background-color: transparent}
.navi {background-color: #95c088; color: #050}
.boxtitle2 {background-color: #95c088;}
.searcht table tr.odd th, .searcht table tr.odd td {background-color: #eef4ee !important;}
.cart .odd td {background-color: #f5fff5}
.order textarea {border: 1px solid #aaa}
.order select {border: 1px solid #aaa}
.tab { background-color:#e4f6e4}