html, body { margin: 0; padding: 0; font-family: Verdana,Georgia, Arial, Helvetica, sans-serif; color: #9d9d9d; background: url(img/top.jpg) repeat-x #ffffff; font-size: 12px; }
/*---------- obecne --------------*/
h1,h2,h3,h4,h5,h6 { color: #555555; font-size: 22px; font-weight: normal; margin: 0 0 30px 0; padding: 0px; }
h1 { font-size: 28px; font-weight: normal; margin: 0px 0 20px 0; }
h2 { font-size: 22px; font-weight: normal; margin: 20px 0 20px 0; }
h2.pravy_nadpis { font-size: 18px; color: #ffc900; font-weight: normal; margin: 10px 0 25px 0; }
h3 { font-size: 16px; font-weight: normal; padding: 0; margin: 25px 0 5px 0px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
p { color: #9d9d9d; padding: 0px; margin: 10px 0 20px 0; font-size: 13px; text-align: justify; line-height: 20px; }
ul { list-style: none; line-height: 22px;}
li { list-style: none; padding: 0 0 0 30px; margin: 0; background:url(img/li.jpg) top left no-repeat;}
a { color: #59caf2; border: 0; text-decoration: underline;}
a:hover { text-decoration: none;}
a img { border: 0;}
/*---------- layout --------------*/
#stranka { width: 999px; position: relative; z-index: 1; }
#obsah { position: relative;}
#hlavicka { position: relative; width: 1000px; height: 313px; background:url(img/sliderbg.jpg) top left no-repeat;}
#slider { margin: 25px auto 0px auto; background:url(img/sliderbg.jpg) top left no-repeat; width: 1000px; height: 353px; padding: 0; position: relative; z-index: 5;}
/* Easy Slider */
#slider a img {border: 0;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:0; background:url(img/sliderbg.jpg) bottom left no-repeat; }
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:804px; height:270px; overflow:hidden; background: url(img/sliderbg.jpg) bottom left no-repeat;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ display:block; width:40px; height:41px; position:absolute; left:40px; top:120px; z-index:1000; }
#nextBtn, #slider1next{ left:920px; }
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{ display:block; position:relative; width:40px; height:41px; background:url(img/b_prev.png) no-repeat; border: none; }
#nextBtn a, #slider1next a{ background:url(img/b_next.png) no-repeat; }
/* numeric controls */
ol#controls{ margin:1em 0; padding:0; height:28px; }
ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
#logo { width: 84px; height: 35px; position: absolute; left: 20px; top: 5px; z-index: 6; }
#logo img { border: 0px;}
#top_nadpis { width: 450px; color: #ffffff; font-size: 35px; position: absolute; right: 30px; top: 40px; z-index: 7; }
#top_nadpis_maly { width: 330px; color: #999999; font-size: 22px; position: absolute; right: 0px; top: 75px; z-index: 8; }
/*----------- flash pozadi -----------*/
#flash { width: 900px; height: 700px; padding: 0; margin: 0 auto; position: absolute; top: 0px; left: 5px; }
#flash object { position: relative; z-index: 2; }
#top_stranka { margin: 0 auto; background: url(img/bg-top-stranka.png) left top no-repeat; position: relative; width: 999px; height: 17px; padding: 0; z-index: 100; }
#obsah { margin: 0 auto 0 auto; width: 1000px; text-align: left; padding: 0; position: relative; z-index: 3; }
/*---------- links --------------*/
#links { position: absolute; left: 860px; bottom: 40px; }
.links_uvod { margin: 0px; width: 15px; height: 13px; padding: 0px; background: url(img/domek.jpg) 0px 0px no-repeat; position: absolute; left: 30px; top: 12px; }
.links_mapy { margin: 0px; width: 15px; height: 13px; padding: 0px; background: url(img/mapa.jpg) 0px 0px no-repeat; position: absolute; left: 55px; top: 12px;}
.links_kontakty { margin: 0px; width: 15px; height: 13px; padding: 0px; background: url(img/obalka.jpg) 0px 0px no-repeat; position: absolute; left: 80px; top: 12px; }
.links_kosik { margin: 0px; width: 15px; height: 13px; padding: 0px; background: url(img/nakupni-kosik.jpg) 0px 0px no-repeat; position: absolute; left: 105px; top: 12px; }
/*----------- bannery -----------*/
.bannery { width: 720px; height: 220px; margin: 35px 0 0 0px; padding: 0px; }
.bannery p { color: #9d9d9d; font-size: 13px; font-weight: normal; line-height: 20px; }
/*----------- banner 1 -----------*/
.banner { float: left; width: 225px; height: 250px; margin: 0 15px 0 0px; padding: 0px; background: url(img/bg-banner.jpg) 0 145px no-repeat; position: relative; }
.banner a img { border: none; }
.banner .sipka { width: 43px; height: 42px; margin: 0px; padding: 0px; background: url(img/sipka.png) left top no-repeat; position: absolute; left: 90px; bottom: 0px; }
.banner_in { margin: 0px; padding: 15px 20px 15px 0px; }
.banner_in .nadpis_1 { color: #ffffff; font-size: 12px; font-weight: bold; margin: 0px 0 10px 0px; padding: 0 0 10px 0px; border-bottom: 1px solid #e54b11; }
.banner_in .zobrazit { width: 56px; height: 18px; margin: 0px; padding: 0px; position: absolute; left: 10px; bottom: 15px; }
.banner_in .zobrazit a img { border: none; }
/*----------- horní menu -----------*/
#top_menu { width: 999px; height: 100px; padding: 0; margin: 0 auto; background: url(img/bg-top-menu.png) left top no-repeat; position: relative; z-index: 25; }
#tm { float: left; padding: 0; margin: 47px 0 0 0px; list-style: none; }
#tm ul { list-style: none; margin:0; padding: 0;}
#tm li { float: left; padding: 0px; margin: 0px; position: relative; text-align: left; background: none;}
#tm li a { font-size: 12px; font-weight: normal; color: #818181; margin: 6px 40px 0px 00px; padding: 5px 20px; text-decoration: none; display: block; }
#tm li a:hover { font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; }
#bottom_menu { width: 832px; height: 30px; padding: 0; margin: 0 auto; background: #303030;}
#bm { float: left; padding: 0; margin: 5px 0 0 0; list-style: none; }
#bm ul { list-style: none; }
#bm li { float: left; padding: 0px; margin: 0px; position: relative; text-align: left; background: none;}
#bm li a { font-size: 12px; font-weight: normal; color: #ffffff; margin: 0px 60px 0px 70px; padding: 0px; font-weight: bold; text-decoration: none; }
#bm li a:hover { font-size: 12px; font-weight: normal; color: #e6a649; font-weight: bold; text-decoration: none; }
#podmenu { width: 600px; height: 30px; padding: 0; margin: 0; position: relative; }
/* ----------- mapa stranek----------------------------*/
div.level_0 { padding-left: 15px; }
div.level_0 a { padding-left: 15px; line-height: 18px; background: url(img/li-seznam.jpg) 10px 1px no-repeat; color: #424242; text-decoration: none; }
div.level_0 a:hover { color: #ff6600; text-decoration: underline; }
div.level_1 { padding-left: 0px; line-height: 18px; color: #e6a649; text-decoration: none; }
div.level_1 a { padding-left: 25px; line-height: 18px; background: url(img/li-seznam.jpg) 10px 1px no-repeat; color: #e6a649; }
div.level_2 { padding-left: 25px; }
div.level_2 a { padding-left: 25px; line-height: 18px; background: url(img/li-seznam.jpg) 10px 1px no-repeat; color: #e6a649; }
div.level_3 { padding-left: 25px; }
div.level_3 a { padding-left: 25px; line-height: 18px; background: url(img/li-seznam.jpg) 10px 1px no-repeat; color: #e6a649; }
div.level_13 { padding-left: 25px; }
div.level_13 a { padding-left: 25px; line-height: 18px; background: url(img/li-seznam.jpg) 10px 1x no-repeat; color: #e6a649; }
/*---------- vyhledavani --------------*/
#hledat { width: 220px; height: 30px; color: white; position: relative; margin: 0px 0 0 0; float: right;}
#textik_hledat { position: absolute; left: 5px; top: 5px; float: left; width: 60px;}
#hledat form { width: 215px; position: absolute; top: 20px; right: 20px; }
.pole_hledani { margin: 0; padding: 0px; width: 137px; background: url(img/bg-hledani.jpg) left 0px no-repeat; color: #9f9f9f; font-size: 12px; height: 25px; border: none; }
.tlacitko { position: absolute; right: 7px; top: 0px; width: 28px; height: 25px; margin: 0px; background: url(img/hledej.jpg) left 0px no-repeat; border: 0;}
/*---------- stredni --------------*/
#stredni { float: left; width: 770px; padding: 0; margin: 0; z-index: 100; }
#stredni_in { margin: 0; padding: 15px 30px 15px 0px; font-size: 12px; }
/*---------- prava --------------*/
#prava { float: left; padding: 0; margin: 0; width: 220px; position: relative; z-index: 30; }
#prava_in { margin: 0px; padding: 0px; }
.prave_pozadi { float: left; width: 193px; margin: 0 0 35px 25px; height: 220px; background: url(img/bg-pravy.jpg) left bottom no-repeat; }
/*---------- login websoul --------------*/
.login { float: right; padding: 0; margin: 0; width: 220px; background: none; border: none; position: relative; }
.login fieldset { background: none; border: none; position: relative; margin: 0 0 0px 0px; padding: 0px; font-size: 14px; }
.login fieldset .in { margin: 4px 0 10px 0; padding: 4px; width: 192px; background: #131313; color: #9f9f9f; font-size: 12px; height: 17px; border: none; }
.login fieldset .tuzka { width: 27px; height: 32px; background: url(img/tuzka.jpg) left top no-repeat; border: none; position: absolute; right: 35px; top: 8px; }
.login fieldset .prihlasit { width: 86px; height: 24px; margin: 5px 24px 0 0; background: url(img/prihlasit-se.png) left top no-repeat; border: none; }
.login fieldset .storno { width: 86px; height: 24px; background: url(img/storno.png) left top no-repeat; border: none; }
/*---------- rychly kontakt --------------*/
.pozadi_rk { position: relative; }
.kontakt { width: 30px; height: 33px; background: url(img/kontakt.jpg) left top no-repeat; border: none; position: absolute; right: 35px; top: 0px; }
#rychly_kontakt { width: 200px; margin: 0px 0 20px 0; float: left; background: url(img/bg-pravy.jpg) left bottom no-repeat; }
#rychly_kontakt p { color: #666666; padding: 0px; margin: 5px 0 0px 0; font-size: 12px; text-align: left; }
#rychly_kontakt_in { margin: 0px; padding: 0px 0px 25px 0px; }
#rychly_kontakt_in .nadpis_rk { color: #ffffff; font-size: 18px; font-weight: normal; margin: 0 0 18px 0; padding: 0 0 5px 0; border-bottom: 1px solid #191919; }
/*---- paticka -----*/
#pozadi_spodni { width: 100%; height: 296px; margin: 0; padding: 0; position: relative; background: url(img/bot.jpg) left bottom repeat-x; }
#bottom_stin { width: 1000px; height: 15px; margin: 5px 0 0 0; padding: 0; position: relative; }
#paticka { width: 1000px; height: 134px; margin: 0px auto 0 auto; padding: 0; position: relative; }
#paticka_in { padding: 0 0 0 15px; color: #ffffff; }
#paticka a { color: #00caf5; text-decoration: underline;}
#paticka a:hover { color: #00caf5; text-decoration: none;}
#paticka_text { width: 600px; line-height: 18px; color: #737373; font-size: 11px; float: left; margin: 5px 0 0 20px }
#paticka img { border: 0px; }
#websoul { width: 90px height: 23px; position: absolute; right: 30px; top: 40px; }
span.clearboth { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }
/* ----------- photo ----------------------------*/
div.photo { float: left; width: 150px; padding: 0;margin: 10px 10px 0 0; }
div.photo_in { }
div.photo strong { text-align: center; display: block; font-weight: normal; }
/*---------- SUBPAGE -------------*/
div.subpage { float: left; background: #f4f4f4; width: 314px; margin: 10px 20px 5px 0; padding: 0px; border: 1px dashed #e4e4e4;}
div.subpage_in { margin: 5px 0 5px 5px; padding: 4px; }
div.ikona { float: left; width: 150px; margin: 0 10px 10px 0; border: 0;}
div.subpage_in a { font-size: 14px; padding: 0px 0 5px 0; margin: 0 0 10px 0; color: white; font-weight: bold;}
div.subpage_in .popis { font-size: 12px; margin: 10px 0 5px 0; color: #5F5F5F; }
/*---------- SUBPAGE AKTEGORIE-------------*/
div.subpagekat { float: left; width: 190px; height: 200px;margin: 10px 5px 5px 5px; padding: 0px; background: #303030; border: 1px solid #303030; }
div.subpagekat_in { margin: 0px; padding: 10px 5px 5px 5px; text-align: center; }
div.subpagekat_in a img { margin: 0px 0 0px 0px; padding: 0px; text-align: center; border: none; background: url(img/produkt.jpg) left top no-repeat; }
div.subpagekat_in .nadpis { height: 40px; margin: 0px; padding: 0px; text-align: center;}
div.subpagekat_in .obrazek { width: 100%; height: 55px; margin: 0 0 5px 0;}
div.subpagekat_in a { font-size: 12px; padding: 0 0 5px 0; margin: 0px; color: #555555; font-weight: bold; text-decoration: none; border: none;}
div.subpagekat_in a:hover { color: #e6a649; text-decoration: none; border: none;}
div.subpagekat_in .popis { font-size: 12px; margin: 10px 0 15px 0; color: #555555; }
/************ gallery ********/
.gallery {float: right; width: 250px; margin: 20px 0px 0px 0px; padding: 5px; background: #303030; }
.gallery img { border: 0; }
.gallery .photomain { width: 250px; margin-bottom: 0px;}
.gallery img.doprava {float: left; border: 0;}
.gallery .photomain .photo { width: 250px; text-align: center; }
.gallery .male_nahledy { width: 80px; text-align: center; float: left;}
.gallery .vsechny_nahledy { width: 250px; margin: 0px 0px 0 0px; text-align: center; }
.gallery .male_nahledy img.small { margin: 10px 0px 0 5px; padding: 0 5px;}
.gallery2_male_nahledy { float: left; margin: 0 0 15px 0; }
.gallery2_male_nahledy .obrazek { width: 200px; text-align: center;}
.gallery2_male_nahledy .obrazek a { border: none; }
.gallery2_male_nahledy .obrazek a img { margin: 10px 0px 0 0px; padding: 5px; border: 1px solid #191919; background: #0F0F0F;}
/*------------ FILES ------------*/
table.files_t { width: 700px; border-collapse: collapse; margin: 10px 0 20px 0px; }
table.files_t th { background: #303030; color: #555555; padding: 3px 3px 3px 5px; text-align: left; font-size: 11px;}
table.files_t th.nazev { width: 50%; }
table.files_t td { padding: 3px 3px 3px 5px; border-bottom: 1px solid #303030; font-size: 11px; color: #e6e6e6;}
table.files_t td a { font-size: 11px; color: #FFF600; text-decoration: underline;}
table.files_t td a:hover { font-size: 11px; color: #FFF600; text-decoration: none;}
table.files_t td a img { border: none; }
.filestodownload { width: 250px; float: right; background: url(img/allsoubory.png) left top no-repeat; min-height: 150px; _height: 150px; margin: 15px 0 0 15px; padding: 68px 0 0 0;}
.files2 { width: 180px; background: url(img/souborkestazeni.png) left top no-repeat; height: 35px; margin: 10px 0 0 23px;}
.files2_nazvy { padding: 6px 0 0 30px; }
/*------------- novinka --------------------*/
.novinka { float: left; width: 590px; margin: 5px 0px 10px 5px; padding: 0px; position: relative; }
.novinka_in { padding: 10px 10px 25px 10px;}
.kalendar { float: left; width: 45px; height: 40px; margin: 0 10px 6px 0; padding: 0px; background: url(img/kalendar.jpg) left top no-repeat; position: relative;}
.datum { color: #452a08; font-size: 10px; line-height: 12px; position: absolute; left: 7px; top: 13px; text-align: center}
.nadpis_novinka { font-size: 13px; font-weight: bold; margin: 0; padding: 0; }
.nadpis_novinka a { font-size: 13px; font-weight: bold; margin: 0; padding: 0; color: #555555; }
.nadpis_novinka a:hover { text-decoration: none; font-weight: bold; }
.novinka p { padding: 5px 0 0 0; margin: 0; color: #666666;}
.vice { position: absolute; bottom: 8px; right: 10px; }
.vice a { float: right; font-size: 12px; margin: 0; padding: 0; color: #e6a649; }
.vice a:hover { font-size: 12px; margin: 0; padding: 0; }
/*---------- SUBPAGE -------------*/
div.sort_subpage { float: left; width: 350px; height: 160px; border: 1px solid #303030; background: #1F1F1F;margin: 0px 0px 0px 20px; padding: 0 0 0px 0px; position: relative; }
div.sort_subpage_in { margin: 0px 0 0px 0px; padding: 0px; text-align: center; position: relative;}
div.sort_subpage_in a { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}
div.sort_subpage_in .popis_knihy { width: 220px; float: right; margin: 10px 0 0 0; }
div.sort_subpage_in .titul { width: 100%; float: right; padding: 0 10px 20px 0px; margin: 0; color: #cb0202; text-align: left; }
div.sort_subpage_in .titul a h3 { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage_in .titul a:hover h3 { text-decoration: none; }
div.sort_subpage_in .titul a { font-size: 12px; color: #e6a649; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage_in .titul a:hover { text-decoration: none; }
div.sort_subpage_in .autor { width: 150px; float: right; padding: 0 10px 0 0px; margin: 8px 0 0 0; font-size: 12px; color: #444444; font-weight: bold; text-align: left; }
div.sort_subpage_in .autor h3 { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; margin: 0px;}
div.sort_subpage_in .autor a { font-size: 12px; color: #444444; text-decoration: underline;}
div.sort_subpage_in .autor a:hover { text-decoration: none; }
div.sort_subpage_in .cenasdph { width: 100%; float: right; padding: 0 10px 0 0px; margin: 0px 0 0px 0; font-size: 12px; color: #ffffff; text-align: left; font-weight: bold;}
div.sort_subpage_in .cenabezdph { width: 100%; float: right; padding: 0 10px 0 0px; margin: 18px 0 5px 0; font-size: 12px; color: #ffffff; text-align: left; }
div.sort_subpage .obrazek { width: 100px; margin: 0px; padding: 0px; position: absolute; left: 5px; top: 8px; }
div.sort_subpage .obrazek a img { border: 1px solid #999999; }
div.sort_subpage_in .popis { font-size: 12px; margin: 10px 0 5px 0; color: red; font-weight: bold;}
/*---------- SUBPAGE2 -------------*/
div.sort_subpage2 { float: left; width: 350px; height: 160px; background: #1F1F1F;border: 1px solid #303030; margin: 0px; padding: 0 0 0px 0px; position: relative; }
div.sort_subpage2_in { margin: 0px 0 0px 0px; padding: 0px; text-align: center; position: relative;}
div.sort_subpage2_in a { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}
div.sort_subpage2_in .popis_knihy { width: 220px; float: right; margin: 10px 0 0 0; }
div.sort_subpage2_in .titul { width: 100%; float: right; padding: 0 10px 20px 0px; margin: 0; color: #cb0202; text-align: left; }
div.sort_subpage2_in .titul a h3 { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage2_in .titul a:hover h3 { text-decoration: none; }
div.sort_subpage2_in .titul a { font-size: 12px; color: #e6a649; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage2_in .titul a:hover { text-decoration: none; }
div.sort_subpage2_in .autor { width: 150px; float: right; padding: 0 10px 0 0px; margin: 8px 0 0 0; font-size: 12px; color: #444444; font-weight: bold; text-align: left; }
div.sort_subpage2_in .autor h3 { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; margin: 0px;}
div.sort_subpage2_in .autor a { font-size: 12px; color: #444444; text-decoration: underline;}
div.sort_subpage2_in .autor a:hover { text-decoration: none; }
div.sort_subpage2_in .cenasdph { width: 100%; float: right; padding: 0 10px 0 0px; margin: 0px 0 0px 0; font-size: 12px; color: #ffffff; text-align: left; font-weight: bold;}
div.sort_subpage2_in .cenabezdph { width: 100%; float: right; padding: 0 10px 0 0px; margin: 18px 0 5px 0; font-size: 12px; color: #ffffff; text-align: left; }
div.sort_subpage2 .obrazek { width: 100px; margin: 0px; padding: 0px; position: absolute; left: 5px; top: 8px; }
div.sort_subpage2 .obrazek a img { border: 1px solid #999999; }
div.sort_subpage2_in .popis { font-size: 12px; margin: 10px 0 5px 0; color: red; font-weight: bold;}
/*---------- vypis novinek -------------*/
div.vypis_novinek { float: left; width: 139px; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin: 0px 0px 15px 0; padding: 0px; position: relative; }
div.vypis_novinek_in { margin: 0px; padding: 5px 5px 10px 5px; text-align: center; position: relative;}
div.vypis_novinek_in a { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}
div.vypis_novinek_in .bunka_nad_obr { width: 100%; min-height: 60px; _height: 60px; margin: 0 0 5px 0px; padding: 0px; }
div.vypis_novinek_in .nazev { width 100%; min-height: 30px; _height: 30px; padding: 0px; margin: 0px 0 5px 0; text-align: center; }
div.vypis_novinek_in .nazev a { font-size: 12px; color: #4FA310; text-align: center; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.vypis_novinek_in .nazev a:hover { text-decoration: none; }
div.vypis_novinek_in .autor { width 100%; padding: 0px; margin: 0; text-align: center; }
div.vypis_novinek_in .autor h3 { font-size: 12px; color: #444444; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px; }
div.vypis_novinek_in .nahled { width: 100%; text-align: center; margin: 0 auto 5px auto; padding: 0px; }
div.vypis_novinek_in a img { border: 0; margin: 0px; padding: 0px; }
div.vypis_novinek_in .bezna_cena { width: 100%; padding: 0px; margin: 0px 0 5px 0; font-size: 11px; color: #444444; text-align: center; }
div.vypis_novinek_in .vase_cena { width: 100%; padding: 0px; margin: 0; font-size: 11px; color: #cb0202; text-align: center; font-weight: bold; }
.sortiment_right_ceny { float: right; height: 50px; padding: 0 0 10px 0; padding: 0; width: 285px; }
.sortiment_cena { float: right; font-size: 18px; color: white; font-weight: bold; margin: 5px 5px 20px 0; padding: 0; width: 280px; text-align: right;}
.sortiment_cena_bez_dph { float: right; font-size: 14px; color: #E6E6E6; font-weight: normal; margin: 0 5px 0 0; padding: 0;width: 280px; text-align: right;}
.sortiment_ikony { float: left; height: 30px; width: 300px; margin: 20px 0 0 0;}
.sortiment_ikona { float: left; height: 30px; width: 43px; margin: 0 5px 0 0;}
.sortiment_ikona a img { border: none;}
.sortiment_anotace { float: right; color: #E6E6E6; font-size: 12px; line-height: 18px; width: 390px; padding: 0; margin: 0px 5px 0 0; }
.sortiment_anotace h3 { font-size: 13px; color: #ffffff; font-weight: bold; padding: 0; margin: 8px 0 5px 4px; }
.sortiment_anotace_in { padding: 0; margin: 0;}
.sortiment_anotace_in table { border: 0; width: 100%; margin: 0 0 20px 0;}
.sortiment_anotace_in table tr {background: none; }
.sortiment_anotace_in table th { border: 0; color: #ffffff; width: 90px; font-weight: normal; font-size: 11px; text-align: right; padding: 0px 10px 0px 0px; margin: 0; background: #303030; }
.sortiment_anotace_in table td { border: 0; color: #ffffff; font-weight: normal; font-size: 11px; background: #303030; padding: 2px 0px 2px 10px; }
.popisek { margin: 10px 0 0 0; width: 80px; font-weight: bold; position: relative; }
.popisek_text { margin: 10px 0 0 0; width: 200px; font-weight: normal; position: relative; }
.anotace_detail { color: #E6E6E6; padding: 0px; margin: 10px 5px 20px 0; font-size: 12px; text-align: justify; line-height: 18px; }
.obrazek_velky { margin: 10px 0 20px 20px; padding: 0px; width: 250px; float: left; }
#nejprodavanejsi { margin: 10px 0 10px 0; font-weight: bold; color: #006ab3; }
.nejprod_nazev { width: 140px; margin: 0; font-weight: bold; color: #006ab3; font-size: 22px; text-align: center; }
.nejprod_obr { text-align: center; margin: 0px; padding: 0px; }
.nejprod_cena { margin: 0px 0 5px 0; font-weight: bold; color: #ff0000; font-size: 20px; text-align: center; }
/*---------- PACING -------------*/
.list_db { position: relative; text-align: center; padding: 0px 0 0px 0; margin: 10px 0 10px 0; height: 40px;}
.list_db a { background: #50A514; border: 1px solid #3F7F0F; padding: 3px 8px 3px 8px; margin: 3px; text-decoration: none; color: #ffffff;}
.list_db span { background: #50A514; border: 1px solid #3F7F0F; padding: 3px 8px 3px 8px; margin: 3px;}
.prodejni_doba { margin: 10px 0 0 45px; width: 120px; color: white; font-size: 15px;}
.formular_text { margin: 10px 0 0 22px; width: 145px; color: white; }
div.zpatky { width: 150px; text-align: right; float: right; margin: 5px 0 0px 10px; padding: 0; height: 15px;}
div.zpatky a { color: #ffffff; text-decoration: underline; }
div.zpatky a:hover { color: #ffffff; text-decoration: none; }
/*---------- vysledky vyhledavani -------------*/
.results { margin-top: 40px; }
.results h3 { padding: 0; margin: 0 0 8px 0; font-size: 14px;}
.results h3 span { color: #dddddd; font-weight: normal;}
.results h4 { padding: 5px 0 5px 15px; margin: 0 0 0 10px; font-size: 13px; background: url(img/pozadi_odrazka_hledani.gif) no-repeat 0 50%; }
.results h4 a { color: #E6A649; }
.results h4 a.pod { color: red; font-size: 13px; }
/****************** ESHOP ********************/
.vlozit_do_kosiku { background: url(_eshop/img/vlozit_do_kosiku.jpg) left top no-repeat; width: 120px; height: 60px; border: 0;}
table.nakupni_kosik { width: 100%;}
table.nakupni_kosik th { background: url(img/bg-nadpis.jpg) left bottom repeat-x #C01F25; font-size: 11px; font-weight: bold; color: white; text-align: center; }
table.nakupni_kosik td { border-bottom: 1px solid #303030; font-size: 11px; font-weight: normal; text-align: center; color: #e6e6e6; vertical-align: middle;}
table.nakupni_kosik td.produkt { border-bottom: 1px solid #303030; vertical-align: middle; width: 200px; text-align: left; }
table.nakupni_kosik td.produkt a { font-size: 11px; font-weight: normal; color: #e6a649; text-decoration: underline; }
table.nakupni_kosik td.produkt a:hover { text-decoration: none; }
table.nakupni_kosik td input.am { height: 20px; width: 30px;font-size: 10px; font-weight: normal; text-align: center; vertical-align: middle; }
table.nakupni_kosik td input.prepocitat { background: none; border: 0; cursor: pointer; cursor: hand; color: #e6a649; font-size: 11px;}
table.nakupni_kosik td input { vertical-align: middle;}
table.nakupni_kosik td img { vertical-align: middle; border: 0;}
table.nakupni_kosik td.cena_celkem { height: 25px; background: #303030; color: #ffffff; vertical-align: middle; }
#zadna_polozka_kosik { width: 100%; margin: 20px 0 0 0; background: #F2F2F2; color: red; padding: 5px 0 5px 5px; vertical-align: middle; }
div.pokracovat { float: right; padding: 10px 10px 10px 10px; background: url(img/li-seznam.jpg) right 12px no-repeat; width: 130px; text-align: center; margin: 5px 20px 0 0; }
div.pokracovat a { font-size: 12px; color: #ffffff; text-decoration: none;}
div.pokracovat a:hover { text-decoration: underline;}
div.zpet { float: left; padding: 10px 10px 10px 20px; background: url(img/li-zpet.jpg) left 12px no-repeat; width: 130px; text-align: left; margin: 5px 20px 0 20px; }
div.zpet a { font-size: 12px; color: #ffffff; text-decoration: none; }
div.zpet a:hover { text-decoration: underline;}
h3.vice_informaci {cursor: pointer; cursor: hand; text-decoration: underline;}
.skryvany {display: none; padding: 0 15px 0 0;}
/* ---------------REGISTRACE -----------*/
div.reg_form { color: #e6e6e6; margin: 0 0 15px 0;}
div.reg_form fieldset { border: 1px solid #636469; padding: 10px; margin-bottom: 10px; color: white;}
div.reg_form fieldset legend { background: #C01F25; padding: 5px 10px; font-weight: bold; margin-bottom: 7px; }
div.reg_form fieldset table { border-collapse: collapse; width: 100%; }
div.reg_form fieldset em { color: #e6a649; }
div.reg_form fieldset table td { vertical-align: top; text-align: left; padding: 3px 0; color: #e6e6e6; font-size: 11px; }
div.reg_form fieldset table td.first { width: 145px; }
div.reg_form fieldset input,
div.reg_form fieldset textarea,
div.reg_form fieldset select { font-size: 11px; }
div.reg_form fieldset input.import { background: #E8F4CE; border: 1px solid #7F9DB9;}
div.reg_form fieldset input.import2 { background: #CFF0FF; border: 1px solid #7F9DB9;}
div.reg_form fieldset input.import3 { background: #E8F4CE; border: 1px solid #7F9DB9;}
div.reg_form fieldset input.import4 { background: #E8F4CE; border: 1px solid #7F9DB9;width: 40px;}
div.reg_form fieldset input { width: 145px; }
div.reg_form fieldset input.bank2 { width: 88px; }
div.reg_form fieldset input.prihlasitse { background: #ABC387; width: 150px; height: 30px; border: 1px solid #cccccc;padding: 0; margin: 0;}
div.reg_form fieldset input.infouziv { background: #ABC387; width: 150px; height: 30px; border:1px solid #cccccc; padding: 0; margin: 0;}
div.reg_form .red { color: #e6a649; }
div.reg_form fieldset input.width_auto { width: auto !important; }
div.reg_form p.alert { color: #e6a649; }
div.reg_form span.green { color: green; }
form input.pokracovat { border: none; float: right; padding: 6px 14px 10px 10px; background: url(img/li-seznam.jpg) right 12px no-repeat; text-align: center; margin: 5px 20px 0 0; font-size: 14px; color: #ffffff; text-decoration: none; cursor: pointer; cursor: hand;}
/*----------kontaktni formular ------------*/
.form_r fieldset { width: 230px; color: #555555; font-size: 12px; padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
h2.napiste_nam { color: #ff3399; font-size: 13px; font-weight: bold; margin: 10px 0 0px 0; }
h2.nadpis_objednavka { color: #ff3399; font-size: 18px; font-weight: normal; margin: 0; }
.form_r label { float: left; margin-top: 3px; width: 200px; font-size: 12px; }
fieldset .form_r select { float: left; margin-top: 3px; width: 150px; font-size: 12px; }
.form_r input { font-size: 12px; float: left; width: 265px; margin: 2px 0 2px 0; }
.form_r br { clear: both;}
.form_r textarea { margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r select { margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r .red, .form_r em { color: #e6a649; margin: 0px; }
.form_r img { border: 0px; float: left; padding: 5px 5px 5px 0px; }
input.zprava { float: right; width: 71px; height: 24px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0;}
.uspesne_odeslani { color: #555555; font-size: 12px; background: #4FA310; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatne_udaje { color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatny_kod { color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
/*----------kontaktni formular ------------*/
#form_zap_heslo { width: 380px; color: #424242; font-size: 12px; padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
#form_zap_heslo form.zapomen { width: 360px; position: relative; }
#form_zap_heslo input.sub { float: right; width: 71px; height: 24px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0; position: absolute; right: 15px; top: 0px;}
/*----------formular poznamek v objednavce ------------*/
#form_checkbox_id { width: 100%; }
#form_checkbox_id textarea { width: 563px; }
.citat { background: black; border: #777777; padding: 10px 7px; color: white; line-height: 19px; margin: 20px 0 0 0;}
/*---------- prave menu --------------*/
.prave_menu_nadpis { height: 20px; background: #f4f4f4; border: 1px solid #e4e4e4; margin-top: 20px; padding: 5px 0 0 8px;}
.prave_menu_nadpis a { color: #555555; font-weight: bold; text-decoration: none; margin: 3px 0 0 3px;padding: 2px;}
.right_menu_top { width: 210px; height: 42px; position: relative; background: url(img/prava-top.jpg) left top no-repeat; }
.right_menu_top_in { padding: 13px 0 0 18px; }
.right_menu_top_in a { color: #717171; font-size: 12px; padding: 3px 20px 3px 0px; text-align: left; font-weight: bold; text-decoration: none; }
.right_menu_top_in a:hover { text-decoration: underline; }
.right_menu_stred { width: 210px; position: relative; background: url(img/prava-stred.jpg) left top repeat-y; }
.right_menu_stred_in { padding: 0px 20px 0px 20px; }
.right_menu_bottom { width: 210px; height: 22px; position: relative; background: url(img/prava-bottom.jpg) left top no-repeat; }
.rm { padding: 0; margin: 0; list-style: none; color: #717171; }
.rm ul { list-style: none; }
.rm li { padding: 0px; background: none; border-bottom: 0px solid #F2F2F2; border-left: 0px solid #dddddd; border-right: 0px solid #F2F2F2; margin: 0px 0 0 15px; width: 200px; position: relative; text-align: left; }
.rm li a { display: block; font-size: 12px; font-weight: normal; line-height: 14px; background: url(img/right-li.jpg) left 14px no-repeat; color: #717171; margin: 0px; padding: 9px 0 5px 15px; font-weight: normal; text-decoration: none; }
.rm li a:hover { display: block; font-size: 12px; font-weight: normal; color: #717171; font-weight: normal; text-decoration: underline; }
/*----------- spodni menu -----------*/
#bottom_menu { width: 300px; height: 30px; padding: 0; margin: 0 auto; background: none;}
#bottom_menu .nadpis { font-size: 18px; color: #5f5f5f; text-align: left; margin: 0 0 0 40px; }
#bm { float: left; padding: 0; margin: 10px 0 0 0; list-style: none; }
#bm ul { list-style: none; }
#bm li { width: 240px; padding: 0px; margin: 0px; position: relative; text-align: left; line-height: 18px; }
#bm li a { font-size: 12px; font-weight: normal; color: #7F7F7F; margin: 0px 0px 0px 60px; padding: 0 0 0 15px; background: url(img/li-paticka.jpg) left 4px no-repeat; text-decoration: none; }
#bm li a:hover { font-size: 12px; font-weight: normal; color: #7F7F7F; font-weight: normal; padding: 0 0 0 15px; background: url(img/li-paticka.jpg) left 4px no-repeat; text-decoration: underline; }
/*----------- form cenik -----------*/
.cenik { color: #666666; }
.cenik fieldset { border: 1px solid #F8F8F8; padding: 10px 10px 10px 10px; margin: 0 0 20px 0; }
.cenik fieldset legend { background: #289CD5; padding: 5px 10px; font-weight: bold; margin-bottom: 7px; color: white;}
.cenik fieldset .radek1 { border-left: 2px solid #dddddd; background: #F4F4F4; height: 25px; padding: 0px; margin: 0 0 1px 0; }
.cenik fieldset .radek1:hover { background: #dddddd; height: 25px; padding: 0px; margin: 0 0 1px 0; }
.cenik fieldset .radek2 { border-left: 2px solid #dddddd; background: #F8F8F8; height: 25px; padding: 0px; margin: 0 0 1px 0; }
.cenik fieldset .radek2:hover { background: #dddddd; height: 25px; padding: 0px; margin: 0 0 1px 0; }
.cenik fieldset .radek1 .big { width: 560px; float: left; text-align: left; padding: 3px 0 3px 0px; margin: 2px 0 0 15px; }
.cenik fieldset .radek1 .small { width: 130px; font-size: 13px; float: left; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; }
.cenik fieldset .radek1 .small a { color: #289CD5; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; text-decoration: underline; }
.cenik fieldset .radek1 .small a:hover { color: #289CD5; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; text-decoration: none; }
.cenik fieldset .radek2 .big { width: 560px; float: left; text-align: left; padding: 3px 0 3px 0px; margin: 2px 0 0 15px; }
.cenik fieldset .radek2 .small { width: 130px; font-size: 13px; float: left; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; }
.cenik fieldset .radek1 .small_blue { color: #289CD5; width: 130px; font-size: 12px; float: left; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; }
.cenik fieldset .radek2 .small_blue { color: #289CD5; width: 130px; font-size: 12px; float: left; font-weight: bold; text-align: right; padding: 4px 5px 0px 0px; }
/*----------- rychly kontakt -----------*/
#rk { width: 280px }
#rk .nadpis { font-size: 18px; color: #5f5f5f; text-align: left; margin: 0 0 0 0px; }
#rk_in { margin: 0px; padding: 0px 5px 10px 20px; }
#rk_in p { color: #7F7F7F; padding: 0px; margin: 10px 0 10px 0; font-size: 12px; line-height: 18px; text-align: left; }
#rk_in p a { color: #7F7F7F; text-decoration: underline; }
#rk_in p a:hover { color: #7F7F7F; text-decoration: none; }
span.clearboth { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }
/*---------- SUBPAGE -------------*/
div.subpage { float: left; background: #f4f4f4; width: 350px; height: 105px; margin: 10px 15px 5px 0px; padding: 0px; border: 1px solid #e4e4e4;}
div.subpage:hover { float: left; background: #e4e4e4; width: 350px; height: 105px; margin: 10px 15px 5px 0px; padding: 0px; border: 1px solid #d4d4d4;}
div.subpage_in { margin: 5px 0 5px 5px; padding: 10px 5px 10px 10px; }
div.ikona { float: left; width: 90px; margin: 10px 0px 10px 0; padding: 0px; }
div.subpage_in a { font-size: 12px; padding: 0px 0 5px 0; margin: 0 0 10px 0; color: #077eba; font-weight: bold;}
div.subpage_in .popis { font-size: 12px; line-height: 18px; margin: 10px 0 5px 0; color: #666666; }
/*---------- reference www -------------*/
div.reference_www { float: left; background: #f4f4f4; width: 350px; height: 165px; margin: 0px 10px 10px 0px; padding: 0px; border: 1px solid #e4e4e4;}
div.reference_www_in { margin: 5px 0 5px 0px; padding: 10px 10px 10px 0px; }
div.reference_www_in .ikona { margin: 0px 50px 10px 0;}
div.reference_www_in .ikona img { margin: 0 60px 0 0; padding: 2px; border: 1px solid #DFDFDF;}
div.reference_www_in a { width: 220px; font-size: 12px; padding: 0px 0 5px 0; margin: 10px 0 10px 0; color: #077eba; font-weight: bold;}
div.reference_www_in .popis { font-size: 12px; line-height: 18px; margin: 10px 0 5px 0; color: #666666; }
div.reference_www_in .adresa { font-size: 11px; line-height: 18px; margin: 10px 0 5px 0; color: #077eba; }
div.reference_www_in .adresa a { font-size: 11px; margin: 0; color: #666666; text-decoration: underline; }
div.reference_www_in .adresa a:hover { font-size: 11px; margin: 0; color: #666666; text-decoration: none; }
/*---------- login websoul --------------*/
.login { float: left; padding: 0; margin: 20px 0 0 0; width: 315px; background: none; border: none; position: relative; }
.login .nadpis { font-size: 18px; color: #5f5f5f; text-align: left; }
.login fieldset { background: none; border: none; position: relative; margin: 0; padding: 0px; font-size: 14px; }
.login fieldset form { background: none; border: none; position: relative; margin: 20px 0 0 0; }
.login fieldset form label { color: #7F7F7F; float: left; font-size: 12px; }
.login fieldset form input { color: #7F7F7F; float: left; font-size: 14px; font-weight: normal; width: 120px; height: 20px; border: 1px solid #444444; margin: 5px 0 0 0; padding: 0px; background: #ffffff; border: 1px solid #dddddd; }
.login fieldset form .user { width: 120px; margin: 0 10px 0 0; float: left; font-size: 12px; padding: 0; height: 20px;}
.login fieldset form .psw { width: 120px; margin: 0 0px 0 0; float: left; font-size: 12px; padding: 0; height: 20px;}
.login fieldset .in { margin: 4px 0 10px 0; padding: 0px; width: 200px; background: #131313; color: #9d9d9d; font-size: 12px; height: 25px; border: none; }
.login fieldset .tuzka { width: 27px; height: 32px; background: url(img/prihlasit-se.jpg) left top no-repeat; border: none; position: absolute; right: 35px; top: 8px; }
.login fieldset input.prihlasit { width: 122px; height: 23px; margin: 5px 24px 0 0; background: #333333; border: 1px solid #444444; }
.login fieldset input.storno { width: 122px; height: 23px; background: #333333; border: 1px solid #444444; }
.oddil { float: left; padding: 0; margin: 20px 0 0 0; width: 333px; height: 130px; position: relative; background: url(img/border-bottom.jpg) left top no-repeat; }
/*----------- bannery -----------*/
#bannery { width: 1000px; height: 140px; margin: 2px 0px 0px 0px; padding: 0px; }
/*----------- banner 1 -----------*/
#banner1 { float: left; width: 321px; height: 130px; margin: 0px 0 0 0px; padding: 0px; background: url(img/b1.jpg) left top no-repeat; position: relative; }
#banner1_in { margin: 0px; padding: 16px 10px 0px 15px; }
#banner1_in p { margin: 22px 0 0px 85px; width: 210px; font-size: 12px; color: #919191; }
#banner1_in p strong { color: #717171; }
#banner1_in p a { color: #077eba; text-decoration: underline; }
#banner1_in p a:hover { color: #077eba; text-decoration: none; }
#banner1_in .nadpis_1 a { text-align: left; color: #555555; font-size: 16px; font-weight: bold; margin: 0px 0 0px 85px; padding: 0px; text-decoration: none; }
#banner1_in .nadpis_1 a:hover { color: #59CAF2; text-decoration: none; }
/*----------- banner 2 -----------*/
#banner2 { float: left; width: 321px; height: 130px; margin: 0px 14px 0 14px; padding: 0px; background: url(img/b2.jpg) left top no-repeat; position: relative; }
#banner2_in { margin: 0px; padding: 16px 10px 0px 15px; }
#banner2_in p { margin: 22px 0 0 85px; width: 210px; font-size: 12px; color: #919191; }
#banner2_in p strong { color: #717171; }
#banner2_in p a { color: #077eba; text-decoration: underline; }
#banner2_in p a:hover { color: #077eba; text-decoration: none; }
#banner2 .nadpis_1 a { text-align: left; color: #555555; font-size: 16px; font-weight: bold; margin: 0px 0 0px 85px; padding: 0px; text-decoration: none; }
#banner2 .nadpis_1 a:hover { color: #59CAF2; text-decoration: none; }
/*----------- banner 3 -----------*/
#banner3 { float: left; width: 321px; height: 130px; margin: 0px; padding: 0px; background: url(img/b3.jpg) left top no-repeat; position: relative; }
#banner3_in { margin: 0px; padding: 16px 10px 0px 15px; }
#banner3_in p { margin: 22px 0 0 85px; width: 210px; font-size: 12px; color: #919191; }
#banner3_in p strong { color: #717171; }
#banner3_in p a { color: #077eba; text-decoration: underline; }
#banner3_in p a:hover { color: #077eba; text-decoration: none; }
#banner3 .nadpis_1 a { text-align: left; color: #555555; font-size: 16px; font-weight: bold; margin: 0px 0 0px 85px; padding: 0px; text-decoration: none; }
#banner3 .nadpis_1 a:hover { color: #59CAF2; text-decoration: none; }
#navigace { float: left; width: 100%; margin: 0 0 10px 0; padding: 0px; font-size: 11px; font-weight: normal; height: 30px;}
#navigace a { color: #7F7F7F; font-size: 11px; margin: 0 5px 0 5px; border: 0; text-decoration: underline; font-weight: normal; }
#navigace a:hover { text-decoration: none;}
/*---------- mini icons --------------*/
#mini_icons { width: 200px; height: 28px; position: relative; background: none; margin: 10px 0 10px 0;}
#mini_icons a img { border: none; }
#tisk { width: 19px; height: 18px; position: absolute; left: 15px; top: 5px; background: url(img/mini-tisk.jpg) left 0px no-repeat;}
#tip { width: 25px; height: 8px; position: absolute; left: 50px; top: 6px;}
#fb { width: 16px; height: 8px; position: absolute; left: 92px; top: 7px;}
#oblibene { width: 20px; height: 8px; position: absolute; left: 128px; top: 6px;}
#skype { width: 16px; height: 16px; position: absolute; right: 15px; top: 7px;}
.ostatni { margin: 0 0 30px 0;}
#powered { position: relative; float: right; width: 900px; height: 25px; margin: 10px 60px 0px 0; text-align: right; color: #666666; font-size: 10px;}
#powered a { color: #00caf5;}