@media screen, projection, tv{
html,body{ color: Black; background: White;  margin: 0; padding: 0; }
html,body, input, textarea, select, table{color: #575757; font-family: "Trebuchet MS","Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida, sans-serif; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/
html{ background: White url(../img/back.gif) repeat-x; }
body{ background: transparent url(../img/back2.jpg) no-repeat center 0; }

#plocha input, textarea, #plocha select{ border: 1px solid #C0BCBC;}

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h1{ font-size: 1.5em;  margin: 1.4em 0 .6em 0;  }
h2{ font-size: 1.3em;  margin: 1.4em 0 .6em 0; }
h2.hlavni{ margin: 0; background: transparent url(../img/h2.png) no-repeat 0 0; color: #CF526F;  padding: 8px 160px 16px 58px; line-height: 1.2em; font-size: 1.9em; }
h3{ font-size: 1.3em; margin: 1.4em 0 .6em 0; color: #CF526F;  }
#plocha h3{ background: transparent url(../img/cara.gif) repeat-x 0 100%; padding-bottom: 5px; padding-left: 25px;}
h4{ font-size: 1em;  margin: 1.4em 0 0 25px; color: #CF526F; }
a{ color: #CF526F; }
button{ vertical-align: middle; margin: 0; padding: 0;  }


.obr2{ border: 1px solid #FBC9D4; }

#cont{ font-size: .8em; }
#base{ margin: 0 auto; text-align: left; width: 990px; position: relative; }
#head{ background: White url(../img/head.jpg) no-repeat; padding-left: 232px; padding-top: 13px; height: 231px; }
#head h1{ color: #CF526F; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head h1 span, #head h1{ width: 257px; height: 109px; }
#head a{ background-color: white; color: #CF526F; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/outlet-moda.jpg) no-repeat; color: White; }
#head h2{ color: #C1BEBE; font-weight: normal; font-size: 1.5em; line-height: 1.1em; margin: 13px 0 0 31px; }

#main{ width: 990px; clear: both; background: White url(../img/main.jpg) no-repeat; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 226px; margin-left: -990px; padding-left: 18px;  }
#stred{ margin-left: 244px; width: 746px; background: transparent url(../img/linka.gif) no-repeat 16px 150px;  }
#right{ width: 190px;  }
#plocha, .plocha{ padding: 10px 18px 0 60px; line-height: 1.5em; }

#nav{ position: absolute; top: 83px; left: 522px; }
h3.n-menu{ margin: 0; line-height: 1.2em; font-size: 1.4em; font-weight: normal; padding: 50px 17px 6px 5px; text-align: right; color: White; background: #F5597E url(../img/l-hp.jpg) no-repeat; }

#hp #left{ padding-top: 59px; }
#hp #menu, #hp h3.n-menu{ display: none; }
#hp .search h3{ background-image: url(../img/l-hp.jpg); }

#menu{ background-color: #FAD2DB; border: 3px solid #F79DB1; border-bottom: 0; margin-top: 1px;  padding: 5px 0 10px 0; }
#menu h3{ margin: 0; }
#menu ul{ margin: 0; list-style-type: none;  width: 184px; }
#menu a{ display: block; text-decoration: none; padding: 2px 5px 1px 35px; width: 125px; color: #6D6D6D; background: transparent url(../img/m1.gif) no-repeat 0 -180px; font-weight: bold; line-height: 1.2em; border-bottom: 1px solid #F79DB1; }
#menu li{ border-bottom: 1px solid white; margin: 0 0 0 19px;  width: 165px;}
#menu a:hover{ color: #F5597E; background-position: 0 0; }

ul.seznam{ list-style-type: none; margin: 0; padding: 0; }
ul.seznam li{ padding: .3em 0 .3em 19px; background: transparent url(/img/li.gif) no-repeat 0 .9em; }
ol.seznam li{ padding: .3em 0 .3em; }

#pata{ clear: both; background: White url(../img/pata.gif) no-repeat center 0; padding-top: 1px; }
#pata-in{ width: 990px; margin: 0 auto; }
#pata #pod a{text-decoration: none; color: #C90634;}
#pata #pod span{ margin-left: 50px; }
#pata #pod a span{ text-decoration: underline; margin: 0; }
#pata #pod{ clear: both; width: 970px; text-align: right; margin: 0; padding-top: 25px; padding-bottom: 20px; font-size: .8em;   font-family: "Arial CE", Arial,"Helvetica CE",  helvetica, sans-serif;}
#down-links{ padding: 61px 0 0 23px; }
#down-links ul{ margin: 0; list-style-type: none; padding: 1px 0 0 0; }
#down-links li{ float: left; }
#down-links a{ display: block; font-weight: bold; text-decoration: none; color: #6D6D6D; font-size: .95em; background: White url(../img/sip.gif) no-repeat; padding: 1px 0 1px 22px; margin-left: 25px; }

#login{ position: absolute; top: 21px; left: 540px; font-size: .8em; width: 440px; z-index: 100; }
#login label{ font-weight: bold; }
#login input{ border: 1px solid #C0BCBC; width: 106px; }
#linky{ position: absolute; top: -3px; right: 10px; margin: 0; font-weight: bold; line-height: 1.3em;}
#login a{ color: #575757; }
#login button{ margin-left: 3px; }
#infologin{ font-weight: bold; margin-top: 14px; font-size: 1.1em; }
#infologin span{ color: #C90634; }

.in{ font-size: .9em; padding-left: 25px; }
.text{ padding-left: 10px; }
.cena{ border-bottom: 3px solid #DCD9D9; width: 390px; margin-top: 3em; }
.cena p{ display: block; background: #F4E5E9; font-weight: bold; font-size: .9em; padding: 0 10px; border-bottom: 3px solid white; margin: 0; }
.cena span{ color: #F46A8B; }
.cena span.skrt{ color: #575757; text-decoration: line-through; font-weight: normal; margin-right: 3px;}
.koupit{ font-weight: bold; background: transparent url(../img/buy.gif) no-repeat 100% 0; padding: 1px 22px 1px 0; font-size: .9em; margin-left: 10px; }

.vypis #plocha, .vypis .plocha{ padding-left: 35px; padding-right: 0; width: 711px; }
.textik{ padding-left: 25px; }

.polozka{ background: transparent url(../img/roh.gif) no-repeat; width: 169px; float: left; margin-right: 6px; margin-bottom: 20px; }
.polozka-in{ background-color: White;  border: 3px solid #C9C9C9; border-top: 0; width: 143px; padding: 1px 10px; }
#plocha .polozka h3{ margin: 0; text-align: right; color: #CF526F; padding: 2px 0px 1px 0px; font-size: 1.1em; margin: 0 10px;  background-image: none; border-bottom: 3px solid #DCD9D9; }
.polozka p{ margin: 0; font-size: .85em; line-height: 1.2em; }
.polozka .obrbox{ width: 143px; height: 162px;  margin: 1px 0 5px 0; position: relative;  }
.polozka .obrbox .ik-sleva{ position: absolute; display: block; right: 0; bottom: -2px; border: 0; }
.polozka img{ display: block; margin: 0 auto; border: 1px solid #FCC9D5;}
.polozka img.float-right{ border: 0; }
.polozka .cena{ margin: 0; width: 143px; }
.polozka .down{ padding: 5px 0 6px 0; }
.polozka .down a{ font-weight: bold; background: transparent url(../img/buy.gif) no-repeat 100% 0; padding: 1px 22px 2px 0; font-size: 1em; }
.polozka .down a.det{ margin-right: 30px; }
.polozka .pol-ikonky{ margin: 0; padding-top: 3px; text-align: center; }
.polozka .pol-ikonky img{ display: inline; margin: 0 3px; border: 0; }
.produkth3{ margin-right: 220px; }
img.rrsleva{ margin: 0 0 0 0; display: inline; vertical-align: top; border: 0; }

#kosik{ position: absolute; top: 221px; left: 541px; font-weight: bold; font-size: .9em; background: transparent url(../img/kos-sip.gif) no-repeat; padding-left: 28px; padding-top: 1px; width: 350px; }
#kosik strong{ color: #C90634; margin-right: 10px; }
#kosik a{ text-decoration: none; }

.navigace{ width: 693px; border-top: 1px solid #DCD9D9; padding-top: 18px; }
.navigace p{ margin: 0; background-color: #F4E5E9; text-align: right; font-size: .9em; font-weight: bold; }
.navigace a{ margin: 0 2px; }
.navigace a:visited{ color: #ACA9A9; }
.navigace img{ margin: 0 10px; }

.search h3{ margin: 0; line-height: 1.2em; font-size: 1.4em; font-weight: normal; padding: 50px 17px 6px 5px; text-align: right; color: White; background: #C0BCBC url(../img/search.gif) no-repeat; }
.search form{ font-size: .9em; background: #DCD9D9; border: 3px solid #CCCACA; border-bottom: 0; margin-top: 1px;  }
.search fieldset{ padding: 3px 17px 20px 17px; background: #DCD9D9 url(../img/akce1.gif) no-repeat 1px 100%; }
.search label{ font-weight: bold; }
.search select{ width: 120px; font-size: 1em; margin: 3px 0; line-height: 1.2em; }
.search input#idt{ padding: 0 3px; width: 110px; margin: 2px 0 2px 15px; }
.search input.btn{ margin-left: 105px; margin-top: 3px; color: #CF526F; font-weight: bold; width: 5.5em; text-align: left; background: #DCD9D9 url(../img/hledat.gif) no-repeat 100% 0; border: 1px solid #DCD9D9; }


.gal{ float: right; width: 200px; margin: 0 0 15px 15px; }
.gal img{ display: block; margin: 2px auto 10px auto; border: 1px solid #FBC9D4; }

.konbox{ margin-left: 8px; }

#akce h3{ margin: 0; line-height: 1.2em; font-size: 1.4em; font-weight: normal; padding: 7px 17px 6px 5px; text-align: right; color: White; background: #C0BCBC url(../img/akce2.gif) no-repeat; }
#akce-box{ border: 3px solid #C9C9C9; border-top-width: 1px; text-align: right;  margin-left: 1px; line-height: 1.2em; }
#akce-box span{ color: #6D6D6D; font-weight: bold; font-size: .85em; display: block; padding: 3px 14px 0 0; }
#akce-box .vyprodej{ background: White url(../img/vyprodej.jpg) no-repeat 0 0; height: 9.3em; }
#akce-box .akce{ background: White url(../img/akce.jpg) no-repeat 0 0;height: 9.3em; }
#akce-box .novinka{ background: White url(../img/novinka.jpg) no-repeat 0 0;height: 9.3em; }
#akce-box h4{ font-size: 1.1em; padding-left: 100px; padding-right: 14px; margin: 8px 0 0; }
#akce-box p{  padding: 4px 14px 0px 100px; font-size: .85em; margin: 0; }
#akce-box .vice{ font-weight: bold; background: White url(../img/sip.gif) no-repeat 100%; padding: 1px 22px 2px 0; }


#x-pani #head{ background-image: url(../img/head-pani.jpg); }
#x-pani #main{ background-image: url(../img/main-pani.jpg); }
#x-pani h3.n-menu{ background-image: url(../img/l-pani.jpg); background-color: #6D6D6D; }
#x-pani #menu{ background-color: #ECEAEA; border: 3px solid #CCCACA; border-bottom: 0;  }
#x-pani #menu a{ background-color: #ECEAEA; border-color: #C9C9C9; background-image: url(../img/m2.gif); }
#x-pani #menu a:hover{ color: #393939; }
#x-pani .search h3{ background-image: url(../img/search-pani.gif); }
#x-pani h2.hlavni{ color: #6D6D6D; background-image: url(../img/h2-pani-back.png); }

#x-damy #head{ background-image: url(../img/head-damy.jpg); }
#x-damy #main{ background-image: url(../img/main-damy.jpg); }
#x-damy h3.n-menu{ background-image: url(../img/l-damy.jpg); background-color: #6D6D6D; }
#x-damy .search h3{ background-image: url(../img/search-damy.gif); }

#x-deti #head{ background-image: url(../img/head-deti.jpg); }
#x-deti #main{ background-image: url(../img/main-deti.jpg); }
#x-deti h3.n-menu{ background-image: url(../img/l-deti.jpg); background-color: #A762A5; }
#x-deti #menu{ background-color: #F0E0EF; border: 3px solid #E9CDE8; border-bottom: 0;  }
#x-deti #menu a{ background-color: #ECEAEA; border-color: #DBB1D9; background-image: url(../img/m3.gif); }
#x-deti #menu a:hover{ color: #A762A5; }
#x-deti .search h3{ background-image: url(../img/search-deti.gif); }
#x-deti h2.hlavni{ color: #9F539D; background-image: url(../img/h2-deti-back.png); }

#x-doplnky #head{ background-image: url(../img/head-doplnky.jpg); }
#x-doplnky #main{ background-image: url(../img/main-doplnky.jpg); }
#x-doplnky h3.n-menu{ background-image: url(../img/l-doplnky.jpg); background-color: #FD9002; }
#x-doplnky #menu{ background-color: #FAEAD4; border: 3px solid #FBD199; border-bottom: 0;  }
#x-doplnky #menu a{ background-color: #FAEAD4; border-color: #FBD199; background-image: url(../img/m4.gif); }
#x-doplnky #menu a:hover{ color: #FD9002; }
#x-doplnky .search h3{ background-image: url(../img/search-doplnky.gif); }
#x-doplnky h2.hlavni{ color: #FD9002; background-image: url(../img/h2-doplnky-back.png); }

#x-eshop #head{ background-image: url(../img/head-eshop.jpg); }
#x-eshop #main{ background-image: url(../img/main-doplnky.jpg); }
#x-eshop h3.n-menu{ background-image: url(../img/l-eshop.jpg); background-color: #A15856; }
#x-eshop #menu{ background-color: #F2E5DF; border: 3px solid #CDAB9E; border-bottom: 0;  }
#x-eshop #menu a{ background-color: #F2E5DF; border-color: #CDAB9E; background-image: url(../img/m5.gif); }
#x-eshop #menu a:hover{ color: #A15856; }
#x-eshop .search h3{ background-image: url(../img/search-eshop.gif); }
#x-eshop h2.hlavni{ color: #A15856; background-image: url(../img/h2-eshop-back.png); }

.odkazven{ margin: 0; position: absolute; top: 250px; left: 795px; color: #CF5370; z-index: 100; }
.odkazven a{ color: #6D6D6D; display: block; padding: 4px 0 6px 32px; background: transparent url(../img/odkaz2.gif) no-repeat 0 0; font-weight: bold; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #F5597E; top: 300px; left: 45%; color: white; text-align: center; font-weight: bold; position: absolute; border: 1px solid silver; border-bottom: 2px solid gray; border-right: 2px solid gray; }
div.potvrzeni p{ padding: 15px 10px 20px 10px; margin: 0; }
div.potvrzeni .btn{ background-color: White; border: 1px solid silver; padding: 0 10px; font-weight: bold; }

.filtr p{ padding: 8px 15px 8px 25px; margin: 0; }
.filtr h3{ margin-right: 20px; }
.filtr span{ float: left; width: 4.5em; font-weight: bold; }
.filtr span input{ border: 0; padding: 0; background: transparent none; }
.filtr{ padding-bottom: 20px; }

table.tab{ font-size: .9em;border: 1px solid white; margin: 3px 0; width: auto; line-height: 1.2em; border-collapse: collapse;  }
table.tab th{ border: 1px solid #F4E5E9; border-right: 2px solid white; color: #6F6D74; background-color: #F4E5E9; padding: 1px 10px; font-weight: bold; text-align: left;   }
table.tab td{border: 3px solid white; border-right: 3px solid white;   border-bottom: 3px solid #FCC9D5; padding: 2px 10px; background-color: White; }
tr.sec td{ background-color: white; border-bottom: 3px solid #DCD9D9;  }

.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 5px; border: 0;  }

.plnasirka{ width: 640px; }
#plocha input.btn{ background-color: #CF526F; border: 1px solid #CF526F; color: White; font-weight: bold; padding: 0px 12px; margin: 0 5px; }
a.btn, a.btn2{ background-color: #FD9002; color: White; padding: 1px 7px 0 7px; margin: 0 5px; text-decoration: none; font-size: .9em; }
a.btn2{ background-color: #CF526F; margin: 0 0 0 5px;  }
a:hover.btn{ text-decoration: underline; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}

.file{ background: transparent url(/img/i-blank.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;  line-height: 2em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.zip, .rar{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}

}