/* obecna nastaveni */
body {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align: center; border-width: 0px; background:url('spuntik-bg-pruhy.jpg') repeat-y 50% -318px; color:#4D4D4D;}
form {margin: 0px; padding: 0px;}
p {margin: 0px;}
img {border: 0px solid #ffffff; vertical-align: middle;}
input {font-family: Arial,"Geneva CE",lucida,sans-serif; vertical-align: middle;}
strong {font-weight: bold;}
a {text-decoration: none; color: #565656;}
.pointer {cursor: pointer;}
.cistic {clear:both; border:none; visibility:hidden; line-height:0px;}

/*
.shopMessage {position: absolute; text-align: center; margin: 25% 20% auto 0%;}
.shopMessage .block {background-color: #ffffff; border: 1px solid #EB1A20; padding: 15px 0px 15px 0px; font-size: 11px; margin: 15px auto 15px auto;}
*/

.shopMessage {text-align: center; width: 900px; margin: 25% auto 0% auto;}
.shopMessage .block {width: 80%; padding: 10px 0px 10px 0px; font-size: 11px; margin: 15px auto 15px auto;}
.shopMessage .block .nadpis {padding:0px 10px 15px 10px; font-size:20px; font-weight:bold; color:#EB1A20;}
.shopMessage .block .text {padding: 15px 0px 10px 0px; font-size: 12px; color:#302B27;}

.main-pruhy {width:100%;}
.main-textura {width:100%; background:url('spuntik-bg-textura.jpg') no-repeat center top;}

.main {width: 988px; margin: 0px auto 0px auto; text-align: left; overflow: hidden; background-color:transparent;}

.main .header {width: 988px; overflow:hidden; margin:0px; padding:0px;}
.main .header .headerLeft {float: left; width: 215px; overflow: hidden; color:#8E9387; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv {width: 215px; overflow: hidden; height: 125px; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv h1, .logo {display: block; float: left; width: 215px; height: 110px; text-decoration:none; text-indent: -500px; margin:0px; padding:0px;}
.main .header .headerLeft .logoDiv .logo:hover {text-decoration:none;}
.main .header .headerLeft .logoDiv .logo .logoOdkaz {width:215px; height:110px;}
.main .header .headerLeft .mezeraLeft {border:1px solid red;display:block; width:215px; height:15px; overflow:hidden; font-size:11px;}
.main .header .headerLeft .ramecek {margin: 0px 0px 15px 60px; font-size: 11px; padding:0px;}
.main .header .headerLeft .ramecek .nadpisLeft {font-family: Arial,"Geneva CE",lucida,sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #EB1A20;}
.main .header .headerLeft .ramecek .vyhledavani {margin:0px; text-align:right; width:140px;}
.main .header .headerLeft .ramecek .vyhledavani .hledanyText {width: 140px; height: 19px; color: #565656; font-size:11px; border:1px solid #CBCBCB; vertical-align: middle; line-height: 23px;}
.main .header .headerLeft .ramecek .vyhledavani .submit {float:right; vertical-align: middle; margin: 7px 0px 0px 4px;}
.main .header .headerLeft .ramecek .vyhledavani a.rozsireneVyhledavani {display:block; float:left; width:75px; color: #565656; font-size:11px; text-decoration:none; margin:5px 0px 0px 0px; text-align:left;}
.main .header .headerLeft .ramecek .vyhledavani a.rozsireneVyhledavani:hover {text-decoration:underline; color: #302B27;}

.main .header .headerRight {float:right; width:769px; overflow:hidden; padding:50px 0px 0px 0px; margin:0px;}
.main .header .headerRight .rootkatObrazky {width:750px; height:120px; margin:0px; padding:0px; overflow:hidden; border:0px solid blue;}
.main .header .headerRight .rootkatObrazky a {display:block; float:left; height:120px; font-weight: bold; color:#6D7168; font-size:11px; text-decoration:none; text-align:center; vertical-align:bottom; margin:0px 5px 0px 0px; padding:0px;}
.main .header .headerRight .rootkatObrazky a:hover {text-decoration:underline;}
.main .header .headerRight .rootkatObrazky a img {width:50px; height:72px;}
.main .header .headerRight .rootkatObrazky .w55 {width:55px; border:0px solid blue; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w60 {width:55px; border:0px solid blue; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w65 {width:60px; border:0px solid blue; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w70 {width:65px; border:0px solid blue; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w75 {width:70px; border:0px solid blue; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w80 {width:75px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w85 {width:80px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w90 {width:85px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .w95 {width:90px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .rootMezera1 {float:left; width:10px; height:10px; overflow:hidden;}
.main .header .headerRight .rootkatObrazky .rootMezera2 {float:left; width:10px; height:10px; overflow:hidden;}
.main .header .headerRight .textove1 {width:750px; margin:0px; padding:0px; background:#ffffff url('spuntik-textpages1.gif') repeat-y left top; border:0px solid #FFFFFF;}
.main .header .headerRight .textove1 .textove2 {margin:0px; padding:7px 0px 25px 12px; background:url('spuntik-textpages2.gif') no-repeat left bottom; border:0px solid #FFFFFF; font-weight: bold; color:#302B27; font-size:12px;}
.main .header .headerRight .textove1 .textove2 a {font-weight: bold; color:#EB1A20; font-size:12px; text-decoration:none;}
.main .header .headerRight .textove1 .textove2 a:hover {text-decoration:underline;}

.main .main01 {width:988px; overflow:hidden; background-color:transparent; margin:0px;}
.main .main01 .layoutLeft {float: left; width: 221px; overflow: hidden; color:#6d7168;}
.main .main01 .layoutLeft .mezera {width:225px; height:20px; overflow:hidden;}
.main .main01 .layoutLeft .ramecek1 {margin: 0px 0px 15px 50px; font-size: 11px; color: #6d7168;}
.main .main01 .layoutLeft .ramecek2 {margin: 0px 0px 15px 74px; font-size: 11px; color: #6d7168;}
.main .main01 .layoutLeft .ramecek2 a {color: #EB1A20; text-decoration: underline;}
.main .main01 .layoutLeft .ramecek2 a:hover {text-decoration: none;}
.main .main01 .layoutLeft .nadpisLeft {font-family: Arial,"Geneva CE",lucida,sans-serif; margin: 0px 0px 0px 50px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #EB1A20;}
.main .main01 .layoutLeft a.odkazyLeft {display:block; font-weight:bold; text-decoration: none; color:#707070;}
.main .main01 .layoutLeft a.odkazyLeft:hover {text-decoration:underline; color: #EB1A20;}
.main .main01 .layoutLeft .sedaCara {width:208px; height:1px; margin:10px 0px 10px 0px;}
.main .main01 .layoutLeft .textpageLeft {display:block; padding-bottom:3px; font-weight:normal; text-decoration: none; color:#6d7168;}
.main .main01 .layoutLeft .textpageLeft:hover {text-decoration:underline; color: #6d7168;}

.main .main01 .layoutCenter {float: left; width: 571px; overflow: hidden; margin:0px 0px 0px 5px; padding: 0px; text-align: left;}
.main .main01 .layoutCenter .hr {margin: 8px 0px; color: #ffffff; border: 0px solid #ffffff; border-bottom: 1px solid #D5D5D5;}
.main .main01 .layoutCenter .nadpisCenter {width:530px; overflow:hidden; margin:0px 8px 20px 8px; font-size:18px; color:#EB1A20; font-weight:normal;}
.main .main01 .layoutCenter .nadpisCenter h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#EB1A20;}
.main .main01 .layoutCenter .nadpisCenter h2 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:14px; color:#EB1A20;}
.main .main01 .layoutCenter .nadpisCenter2 {overflow:hidden; margin:0px 0px 20px 0px; font-size:18px; color:#EB1A20; font-weight:normal;}
.main .main01 .layoutCenter .nadpisCenter2 h1 {display: block; margin:0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-weight:normal; font-size:18px; color:#EB1A20;}
.main .main01 .layoutCenter .cara1 {width:535px; margin:10px 2px 10px 2px; height:1px;}
.main .main01 .layoutCenter .cara2 {width:535px; margin:10px 2px 0px 2px; height:1px;}
.main .main01 .layoutCenter .cara3 {width:535px; margin:5px 2px 5px 18px; height:1px;}
.main .main01 .layoutCenter .block {margin:0px 8px 20px 30px;}
.main .main01 .layoutCenter .block .novinky {width: 533px; overflow:hidden; background:url('spuntik-bg-novinky.gif') repeat-y left top;}

.main .main01 .layoutMezera {float: left; width: 8px; height: 10px; overflow: hidden;}

.main .main01 .layoutRight {float: right; width: 187px; overflow: hidden; margin:0px; padding: 0px; text-align: left;}
.main .main01 .layoutRight .nadpisRight {font-family: Arial,"Geneva CE",lucida,sans-serif; margin:0px 0px 0px 7px; padding:0px 0px 10px 0px; font-size:18px; font-weight:normal; color: #EB1A20;}
.main .main01 .layoutRight .ramecek {margin: 0px 20px 15px 17px; font-size: 11px;}
.main .main01 .layoutRight .ramecek .kosik {}
.main .main01 .layoutRight .ramecek .kosik a {border: 0px solid red; display:block; float:right; width:52px; height:55px; color:#565656; text-decoration:none; font-size:12px;}
.main .main01 .layoutRight .ramecek .kosik a img {width:52px; height:54px;}
.main .main01 .layoutRight .ramecek .kosik .kosik-text {float:right; width:95px; margin-top:12px; text-align:left; cursor:pointer;}
.main .main01 .layoutRight .ramecek .kosik .kosik-text a {border: 0px solid gray; display:block; float:right; width:88px; height:55px; color:#565656; text-decoration:none; font-size:12px;}
.main .main01 .layoutRight .ramecek .kosik a:hover {text-decoration:underline;}
.main .main01 .layoutRight .partneri {margin: 0px 20px 15px 8px; overflow:hidden;}
.main .main01 .layoutRight .partneri .banneryright {margin-bottom:5px;}
.main .main01 .layoutRight .partneri img {border: 0px solid #ffffff;}
.main .main01 .layoutRight .partneri a {text-decoration: underline;}
.main .main01 .layoutRight .partneri a:hover {text-decoration: none;}

.main .main01 .layoutRight .ramecek .userformsOdkazy {text-align:right;}
.main .main01 .layoutRight .ramecek .userformsOdkazy a {font-size:11px; color:#565656; text-decoration:none;}
.main .main01 .layoutRight .ramecek .userformsOdkazy a:hover {text-decoration:underline;}

.main .main01 .bannerycenter {margin-bottom:5px;}

.zapati {width: 988px; height:62px; overflow:hidden; text-align:center; margin: 5px auto 40px auto;}
.zapati img {width:733px; height:4px; margin:0px 0px 15px 0px;}
.zapati .ramecek {padding:3px 10px 3px 0px; color: #707070; }
.zapati .ramecek a {font-family: Tahoma,"Geneva CE",lucida,sans-serif; font-size: 11px; font-weight:normal; color: #707070; text-decoration:none;}
.zapati .ramecek a:hover {text-decoration:underline; color:#cbcbcb;}
.zapati p {display: block; padding: 0px 10px 10px 10px; color: #707070;}
.zapati p a {color: #707070; text-decoration:underline; font-size:11px; font-weight:bold;}
.zapati p a:hover {color: #707070; text-decoration: none;}

/* -----------------------------------------------------------------------------------------------------------------------  */
/* levy pruh */

.kategorie {font-weight: bold; font-size:11px; margin: 0px 0px 0px 15px;}
.kategorie ul {font-size: 10px; padding: 0px; margin: 0px; border: 0px solid #ff00ff;}
.kategorie ul li {list-style-image: url('none'); list-style-type: none; padding: 0px; margin: 0px; border: 0px solid #ffffff}
.kategorie li ul {margin: 0px; padding: 0px 0px 0px 10px;}
.kategorie a {display: block; padding: 2px 0px 2px 15px; margin: 0px; text-decoration: none; font-size: 11px; color: #EB1A20; font-weight:bold;}
.kategorie a:hover {text-decoration: underline; color: #EB1A20;}
.kategorie .selectedCategory {color: #EB1A20; text-decoration:underline;}
.kategorie a.sign00 {background: url('spuntik-r-none.gif') no-repeat 0px 4px;}
.kategorie a.sign10 {background: url('spuntik-r-minus.gif') no-repeat 0px 4px;}
.kategorie a.sign01 {background: url('spuntik-r-plus.gif') no-repeat 0px 4px;}
.kategorie .close {display:none;}

a.rootkategorie-0 {display:block; margin:3px 0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 12px; font-weight:bold; color: #EB1A20; text-decoration:none; background: url('spuntik-r-plus.gif') no-repeat 0px 4px;; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}
a.rootkategorie-0:hover {text-decoration:underline; color: #EB1A20;}
a.rootkategorie-1 {display:block; margin:3px 0px; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 12px; font-weight:bold; color: #EB1A20; text-decoration:none; background: url('spuntik-r-plus.gif') no-repeat 0px 4px;; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}
a.rootkategorie-1:hover {text-decoration:underline; color: #EB1A20;}
/* EO levy pruh */

/* pravy pruh */
.novinkyForm {color:#6d7168;}
.novinkyForm .row {}
.novinkyForm .row input.txtbox {float: left; width:147px; height:19px; font-size: 11px; border:1px solid #CBCBCB; vertical-align: middle; color: #6d7168;}
.novinkyForm .row input.image {float: right; vertical-align: middle; margin:7px 0px 0px 0px;}

a.nejprodavanejsi {display:block; color:#565656; text-decoration:none; text-align:center; margin:0px 0px 3px 0px; font-size:11px; width:150px; overflow:hidden;}
a.nejprodavanejsi:hover {text-decoration:underline; color:#565656;}
a.nejprodavanejsi .cena {display:block; font-weight:bold; color:#000000; cursor:pointer;}

a.nejsledovanejsi {display:block; color:#565656; text-decoration:none; margin:0px 0px 3px 0px; font-size:11px; width:150px; overflow:hidden;}
a.nejsledovanejsi:hover {text-decoration:underline; color:#565656;}
a.nejsledovanejsi .cena {float:right; font-weight:bold; color:#000000; cursor:pointer;}

.anketa {}
.anketa .nadpis1 {font-weight:bold; color:#6d7168;}
.anketa a {display:block; color:#565656; font-weight:normal; text-decoration:none; margin:3px 0px 3px 0px;}
.anketa a:hover {text-decoration:underline;}

.userForms {padding:10px 0px 5px 0px; text-align:right; font-size:11px; color:#6d7168;}
.userForms .row {padding: 2px 0px 0px 0px; text-align: right;}
.userForms .row .format {float:left; font-size:11px; text-align: right; color: #6d7168; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;}
.userForms .row .txtbox {width:110px; height: 19px; font-family: Arial,"Geneva CE",lucida,sans-serif; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.userForms .image {cursor:pointer; font-size:11px; margin:7px 0px 0px 0px;}
.userForms .uzivatel {font-size:12px; font-weight:bold; color:#565656;}
.userForms a.a1 {display:block; font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #565656; text-decoration: none;}
.userForms a.a1:hover {text-decoration: underline;}
.userForms .odhlas {text-align:right; margin: 10px 0px 0px 0px;}
.userForms a.odhlasit {margin:0px 0px 0px 0px; width:50px; height:15px;}
.userForms .logged {text-align: right; padding:0px 0px 0px 0px;}

/* KNIHA PRANI */
.knihapraniRight {padding: 0px 0px 10px 0px; font-size: 11px; text-align:left; color: #6d7168;}
.knihapraniRight .popis {width: 147px; color: #7a7e75; margin:0px; padding:0px; font-size:11px;}
.knihapraniRight input {width: 147px; margin:0px; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.knihapraniRight textarea {width: 147px; height: 120px; margin:0px; color: #565656; font-size:11px; border:1px solid #CBCBCB;}
.knihapraniRight .divTlacitko {text-align:right;}
.knihapraniRight .divTlacitko .tlacitko {border: 0px solid black;  margin:7px 0px 0px 0px; width:60px; height:18px;}
/* EO pravy pruh */
/* -----------------------------------------------------------------------------------------------------------------------  */

/* -----------------------------------------------------------------------------------------------------------------------  */
/* center - hlavni strana - jednotlive FCD*/
.pruvodceNakupem {width: 600px; margin: 0px 0px 10px 0px; overflow: hidden;}
.pruvodceNakupem .ctyriKroky {color:#141111; margin: 0px 0px 5px 0px;}
.pruvodceNakupem .kroky {height: 44px; width: 600px; background: url('spuntik-bg-textura.jpg') no-repeat -610px 0px; color: #FFFFFF}
.pruvodceNakupem .kroky td {vertical-align: middle; font-weight:bold;}
.pruvodceNakupem .kroky td.cislo {font-size: 20px; width: 33px; text-align: center;}
.pruvodceNakupem .kroky td.cisloIsActive-0 {}
.pruvodceNakupem .kroky td.cisloIsActive-1 {color: #000000;}
.pruvodceNakupem .kroky td.popis {font-size: 11px; width: 117px; text-align: left;}
.pruvodceNakupem .kroky td.popisIsActive-0 {border-bottom: 3px solid #FFFFFF;}
.pruvodceNakupem .kroky td.popisIsActive-1 {border-bottom: 3px solid #EB1A20; color: #000000;}
.pruvodceNakupem .stin {width: 600px; height: 2px;}

.novinka {width:250px; float:left; margin: 15px 0px 10px 0px; font-size:11px; color:#000000; overflow:hidden;}
.novinka .nadpis {font-size: 12px; color:#d15d09; font-weight: bold; margin: 15px 0px 15px 0px;}
.novinka a {color: #565656; text-decoration: underline;}
.novinka a:hover {text-decoration: none;}
.novinka-mezera {float:left; width:27px; height:50px; overflow:hidden;}
.novinka-mezera2 {float:left; width:560px; height:10px; overflow:hidden;}

.prvni-novinka {margin: 5px 0px 10px 0px; font-size:11px; color:#302B27;}
.prvni-novinka a {color: #565656; text-decoration: underline;}
.prvni-novinka a:hover {text-decoration: none;}

.popisKategorie {padding: 0px 10px 10px 10px; font-size: 12px;}
.popisKategorie a {color: #565656; text-decoration: underline;}
.popisKategorie a:hover {text-decoration: none;}



.kategoryBanners {width: 570px; overflow: hidden; border:0px solid black; padding: 0px; margin: 10px 0px;}
.kategoryBanners .kategoryBanner {display: block; float:left; margin:0px; padding: 0px;}

.katalogHeader {color: #302B27; padding: 0px; margin: 0px; font-size: 11px; background-color:#FFFFFF; width:565px;}
.katalogHeader .vyrobci {width:565px; overflow:hidden; font-size:11px; padding: 0px 0px 10px 0px;}
.katalogHeader .vyrobci a {text-decoration:none; color:#505050; font-size:11px;}
.katalogHeader .vyrobci a.selected {color:#EB1A20; font-weight: bold;}
.katalogHeader .vyrobci a:hover {text-decoration:underline;}
.katalogHeader h1 {display:block; font-weight:normal; color:#EB1A20; font-size:18px; margin:0px 0px 10px 0px;}
.katalogHeader a {color: #565656; text-decoration: underline;}
.katalogHeader a:hover {text-decoration: none;}

.katalogHeader .right {float:right; text-align:right; font-size:11px; width:285px; padding:0px 0px 5px 0px;}
.katalogHeader .right .row {padding: 3px 6px 0px 6px;}
.katalogHeader .right .row .selected {font-weight: bold; font-size: 13px;}
.katalogHeader .right .row a {color: #302B27; text-decoration: none;}
.katalogHeader .right .row a:hover {text-decoration: underline;}
.katalogHeader .right .row .left1 {float: right; margin:3px 0px 5px 6px;}
.katalogHeader .right .row .right1 {float: right; font-size:4px;}
.katalogHeader .right .row .right1 img {margin: 0px 0px 3px 6px; cursor: pointer;}
.katalogHeader .right .row .razeni {float: right; font-size: 11px; width:90px;}
.katalogHeader .right .row .zbytek {float: right; font-size: 11px; width:90px; margin:0px 14px 0px 0px;}

.homerozbal {}
.homerozbal .padding {padding: 0px 11px 0px 0px;}
.homerozbal .rozbal {text-align: right;}
.homerozbal .rozbal a {text-decoration: underline; font-weight: bold; color: #302b27;}
.homerozbal .rozbal a:hover {text-decoration: none;}
.homerozbal .text {display: none;}

.banner {text-align: center;}
.banner img {margin: 0px auto 0px auto;}

/* listcontrol - listovani v katalogu */
.listcontrol {margin:10px 0px 20px 0px; border:1px solid #FFFFFF; text-align:center; font-weight:bold; font-size:11px; color:#EB1A20;}
.listcontrol a {font-size:11px; color:#302B27; text-decoration:none; font-weight:bold;}
.listcontrol a:hover {text-decoration:underline;}
.listcontrol a.strany {font-size:11px; color:#EB1A20; text-decoration:none; font-weight:bold;}
.listcontrol a.strany:hover {text-decoration:underline;}
.listcontrol .actualPage {text-decoration:underline; color:#EB1A20;}
.listcontrol .cernaCara {color:#302B27;}

.tecky {width:570px; background:url('spuntik-tecky.gif') repeat-y left top;}
.teckyPro2produkty {width:570px; background:url('spuntik-tecky3.gif') repeat-y left top;}
.produkty-zaobleni1 {width:570px; overflow:hidden; background:url('spuntik-produkty-zaobleni.gif') no-repeat left top; padding:15px 0px 0px 0px;}
.produkty-zaobleni2 {width:570px; overflow:hidden; background:url('spuntik-produkty-zaobleni3.gif') no-repeat left top; padding:15px 0px 0px 0px;}

.katalog-sobrazky {width:170px; float:left; overflow:hidden;}
.katalog-sobrazky a.nazev {display:block; width:165px; height:16px; overflow:hidden; text-align:left; font-size: 12px; font-weight:bold; color: #EB1A20;}
.katalog-sobrazky a.nazev:hover {text-decoration:underline;}
.katalog-sobrazky .prostredni {width:165px; margin:5px 0px 0px 0px;}
.katalog-sobrazky .prostredni .levy {float:left; width:70px; height:150px; overflow:hidden; margin:0px 0px 0px 0px;}
.katalog-sobrazky .prostredni .levy .vyrobce {width:70px; height:30px; overflow:hidden;}
.katalog-sobrazky .prostredni .levy .vyrobce a {width:70px; height:30px; text-decoration:none;}
.katalog-sobrazky .prostredni .levy .vyrobce img {width:70px; height:30px;}
.katalog-sobrazky .prostredni .levy a {display:block; width:70px; height:100px; overflow:hidden;}
.katalog-sobrazky .prostredni .levy a .image {margin:10px 0px 0px 0px;}
.katalog-sobrazky .prostredni .mezera {float:left; width:5px; height:15px; overflow:hidden;}
.katalog-sobrazky .prostredni .pravy {float:left; width:88px; overflow:hidden; padding:0px 0px 0px 0px; border:1px solid red;}
.katalog-sobrazky .prostredni .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:78px; height:170px; overflow:hidden; }
.katalog-sobrazky .prostredni .pravy .popis a {text-decoration:none; color: #302B27;}
.katalog-sobrazky .prostredni .pravy .popis a:hover {text-decoration:underline; color: #302B27;}
.katalog-sobrazky .cena {width:165px; font-weight:bold; font-size:11px; color:#000000; margin:5px 0px 5px 0px; overflow:hidden; text-align:right;}
.katalog-sobrazky .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-sobrazky .dolni {width:165px; height:20px; text-align:right;}
.katalog-mezera1 {float:left; width:15px; height:15px; overflow:hidden;}
.katalog-mezera2 {float:left; width:17px; height:15px; overflow:hidden;}
.vodorovnaMezera1 {float:left; padding:0px 25px 0px 25px; background-color:#FFFFFF;}
.vodorovnaMezera2 {width:520px; height:15px; background:#FFFFFF url('spuntik-sedatecka1.gif') repeat-x left center;}

.katalog-2naradek {width:260px; float:left; overflow:hidden; background-color:#FFFFFF;}
.katalog-2naradek .produkt {width:260px; height:173px; overflow:hidden; text-align:left; text-decoration:none; border:0px solid red;}
.katalog-2naradek .produkt:hover {text-decoration:none;}
.katalog-2naradek .produkt .levy {display:block; float:left; width:120px; overflow:hidden; margin:0px; padding:10px 0px 0px 0px;}
.katalog-2naradek .produkt .levy img {margin:10px 0px 0px 0px; cursor:pointer;}
.katalog-2naradek .produkt .mezera {float:left; width:15px; height:20px; overflow:hidden;  border:0px solid red}
.katalog-2naradek .produkt .pravy {float:left; width:120px; overflow:hidden; padding:0px 0px 0px 0px; border:0px solid red;}
.katalog-2naradek .produkt .pravy .nazev {display:block; width:120px; height:31px; overflow:hidden; margin:0px 0px 7px 0px; text-align:left; font-size: 12px; font-weight:bold; color: #EB1A20; cursor:pointer;}
.katalog-2naradek .produkt .pravy .nazev:hover {text-decoration:underline;}
.katalog-2naradek .produkt .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:120px; height:128px; overflow:hidden;}
.katalog-2naradek .produkt .vyrobce {margin:4px 0px 5px 0px; width:120px; height:30px; overflow:hidden; text-align:left; float:left;}
.katalog-2naradek .produkt .vyrobce img {width:70px; height:30px; cursor:pointer;}
.katalog-2naradek .cena {width:260px; font-weight:bold; font-size:11px; color:#000000; margin:5px 0px 0px 0px; overflow:hidden; text-align:right;}
.katalog-2naradek .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-2naradek .dolni {width:260px; height:25px;}
.katalog-2naradek .dolni a {float:right; /*width:50px;*/ height:22px; margin:5px 0px 5px 4px; overflow:hidden;}

.katalog-tabulka {width:501px; margin:0px 0px 0px 16px; padding:0px;}
.katalog-tabulka a.nazev {display:block; width:501px; height:14px; overflow:hidden; color:#4D4D4D; font-size:12px; font-weight:bold; text-decoration:none; margin:0px 10px 10px 10px;}
.katalog-tabulka a.nazev:hover {text-decoration:underline; color: #565656;}
.katalog-tabulka .row {width:501px;}
.katalog-tabulka .row .ceny {float:left; width: 350px; font-weight:bold; font-size:11px; color:#EB1A20; margin:0px 10px 0px 10px;}
.katalog-tabulka .row .ceny .cena {width:120px; float:left; margin:0px; padding:0px;}
.katalog-tabulka .row .tlacitka {float:right; width:120px; text-align:right;}

.katalog-topprodukty {width:550px; float:left; overflow:hidden; background-color:#FFFFFF; padding:5px 0px 0px 0px;}
.katalog-topprodukty .left {float:left; width: 105px;}
.katalog-topprodukty .left a.image {display:block; width:105px; height:105px; overflow:hidden; text-align:left; text-decoration:none;}
.katalog-topprodukty .right {float:left; width: 435px;}
.katalog-topprodukty .right a.nazev {display:block; width:435px; height:34px; overflow:hidden; text-align:left; font-size: 14px; font-weight:bold; color: #EB1A20; text-decoration:none;}
.katalog-topprodukty .right a.nazev:hover {text-decoration:underline;}
.katalog-topprodukty .right a.nazev .vyrobce {float:right; width:70px; height:30px; overflow:hidden;}
.katalog-topprodukty .right a.nazev .vyrobce a {width:70px; height:34px; text-decoration:none;}
.katalog-topprodukty .right a.nazev .vyrobce img {width:70px; height:34px;}
.katalog-topprodukty .right .popis {font-weight:normal; font-size:11px; color: #302B27; width:435px; height:42px; overflow:hidden; padding:0px; margin:0px;}
.katalog-topprodukty .right .mezera {width:435px; height:5px; overflow:hidden;}
.katalog-topprodukty .right .spodni {width:435px; height:22px; overflow:hidden; padding:0px;}
.katalog-topprodukty .right .spodni a.odkaz {display:block; float:right; /*width:50px;*/ height:22px; margin:0px 7px 0px 0px; padding:0px;}
.katalog-topprodukty .right .spodni .cena {float:right; width:105px; margin:2px 20px 0px 0px; padding:0px; text-align:right; font-weight:bold; font-size:11px; color:#000000;}
.katalog-topprodukty .right .spodni .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}

.detail-souvisejici {float:left; width:265px; overflow:hidden;}
.detail-souvisejici .produkt {display:block; width:250px; height:100px; overflow:hidden; text-align:left; text-decoration:none;}
.detail-souvisejici .produkt:hover {text-decoration:none;}
.detail-souvisejici .produkt .levy {display:block; float:left; width:85px; overflow:hidden; margin:0px 0px 0px 0px;}
.detail-souvisejici .produkt .levy .image {margin:10px 0px 0px 0px;}
.detail-souvisejici .produkt .mezera {float:left; width:10px; height:20px; overflow:hidden;}
.detail-souvisejici .produkt .pravy {float:left; width:150px; overflow:hidden; padding:0px 0px 0px 0px;}
.detail-souvisejici .produkt .pravy a.nazev {display:block; width:150px; height:30px; overflow:hidden; text-align:left; font-size: 11px; font-weight:bold; color: #EB1A20; cursor:pointer; margin-top:10px;}
.detail-souvisejici .produkt .pravy a.nazev:hover {text-decoration:underline;}
.detail-souvisejici .produkt .pravy .popis {font-weight:normal; font-size:11px; color: #302B27; width:150px; height:56px; overflow:hidden;}
.detail-souvisejici .dolni {width:250px; height:22px;}
.detail-souvisejici .dolni a {float:right; width:50px; height:22px; margin:5px 0px 5px 7px; overflow:hidden;}
.detail-souvisejici .dolni .cena {float:right; width:150px; font-weight:bold; font-size:11px; color:#000000; margin:5px 10px 5px 0px; overflow:hidden; text-align:right;}
.detail-souvisejici .dolni .cena .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}
.katalog-mezera3 {float:left; width:10px; height:15px; overflow:hidden;}
.katalog-mezera4 {float:left; width:550px; height:15px; overflow:hidden;}
.vodorovnaMezera3 {float:left; width:550px; height:15px; background:#FFFFFF url('spuntik-sedatecka1.gif') repeat-x left center;}

/* F5_USER - registrace a nastaveni*/
.userData {font-size:11px; width:535px; overflow:hidden;}
.userData .nadpisSpozadim {color:#302B27; border:0px solid #EB1A20; background-color:#F2F2F2; padding:5px 10px 5px 10px; margin:1px 0px 0px 0px;}
.userData .nadpisSpozadim .rad {margin:0px; vertical-align:middle;}
.userData .volitelne {background-color:#F3F3F6; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0px; padding:0px;}
.userData .odsazeni {font-size:11px; text-align:left; margin: 0px; padding:10px;}
.userData .odsazeni .nadpis {font-weight: bold; font-size:11px; margin: 0px 0px 4px 0px; color:#302B27; width:500px;}
.userData .odsazeni .row {margin: 1px 0px 1px 10px; text-align:left;}
.userData .odsazeni .row .popis {float: left; width: 200px; text-align: left; padding: 3px 0px 0px 0px; color:#302B27;}
.userData .odsazeni .row .popis2 {float: left; width: 230px; text-align: left;}
.userData .odsazeni .row input.i {float:left; width: 150px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; vertical-align:middle;}
.userData .odsazeni .row input.rad {vertical-align:middle;}
.userData .odsazeni .row select {float:left; width: 150px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.userData .odsazeni .row a {text-decoration: underline; color:#302B27;}
.userData .odsazeni .row a:hover {text-decoration: none;}
.userData .odeslat {padding: 10px 0px 10px 0px;}
.userData .odeslat img {cursor: pointer;}


/* F6_DETAIL */
.topdetail .topleft {float:left; width:260px; overflow: hidden; margin:0px; padding: 0px 0px 0px 0px;}
.topdetail .topleft .nazev h1 {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 18px; font-weight:normal; margin: 5px 0px 0px 0px; color: #EB1A20;}
.topdetail .topleft a {display:block; margin:10px 0px 0px 0px;}
.topdetail .topcenter {float: left; width: 20px;}

.topdetail .topright {float:left; text-align:left; width:280px; overflow: hidden; padding:0px; margin:0px; color: #555555;}
.topdetail .topright .tabulka {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #000000; margin: 10px 0px 0px 0px;}
.topdetail .topright .tabulka td {padding: 10px 0px 0px 0px; vertical-align: top;}
.topdetail .topright .tabulka td.nazev {font-weight: normal; width: 190px; text-align:left; white-space: nowrap; vertical-align:middle;}
.topdetail .topright .tabulka td.nazev1 {font-weight: normal; width: 190px; text-align:left; white-space: nowrap; vertical-align:bottom;}
.topdetail .topright .tabulka td.text {font-weight: normal; white-space: nowrap;}
.topdetail .topright .tabulka td.text img {width:100px; height:25px;}
.topdetail .topright .tabulka td.text .beznaCena {font-weight:normal; font-size:11px; color:#939087; text-decoration:line-through;}

.topdetail .topright .vlastnosti {margin: 3px 0px 3px 0px;}
.topdetail .topright .vlastnosti select {width: 280px; margin:0px 0px 10px 0px;}
.topdetail .topright .kosik {margin: 30px 0px 0px 0px; padding: 0px;}
.topdetail .topright .kosik .vyberte {font-size:11px; font-weight:bold; color:#EB1A20;}
.topdetail .topright .kosik .ks {float:right; text-align:right; height:19px; width: 19px; font-size: 11px; text-align:center; line-height:19px; border:1px solid #cbcbcb; color:#000000;}
.topdetail .topright .kosik .ks2 {float:right; padding:2px 5px 0px 3px; font-size: 11px; color: #EB1A20; font-weight:bold; line-height:19px; }
.topdetail .topright .kosik .submit {float:right; margin-top:2px;}
.topdetail .topright .kosik .naseCena {float:right; width:100px; text-align:right; font-size: 11px; line-height:19px;  font-weight: bold; color: #000000; padding:2px 10px 0px 0px; border:0px solid blue;}
.topdetail .topright .tecky1 {width:280px; height:25px; background:#ffffff url('spuntik-sedatecka1.gif') repeat-x left center;}

.topdetail .topright .tabulka2 {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color: #000000; margin: 10px 0px 0px 0px;}
.topdetail .topright .tabulka2 td {padding: 2px 0px 0px 0px; vertical-align: top;}
.topdetail .topright .tabulka2 td.nazev {font-weight: normal; width: 210px; text-align:left; white-space: nowrap; vertical-align:middle;}
.topdetail .topright .tabulka2 td.text {text-align:right; width:70px;}
.topdetail .topright .tabulka2 td.text a {display:block; width:70px; height:21px; cursor:pointer;}
.topdetail .topright .tabulka2 td.text .akce {width:70px; height:19px; cursor:pointer;}
.topdetail .topright .tabulka2 td.text span {display:block; width:70px; height:21px; cursor:pointer;}
.topdetail .chyba {color: #EB1A20;}

.nadpisDetail {margin:0px 0px 10px 0px; font-weight:bold; font-size:13px; color:#EB1A20;}

.popisAndVlastnostiObrazkem {width: 565px; margin-top:20px; border:0px solid red;}
.popisAndVlastnostiObrazkem .vlastnosti {float: right; width: 280px; margin:0px 0px 10px 10px;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem {border: 1px dashed #ABABAB; width: 250px;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem .vlastnostMargin {margin: 4px; cursor: pointer; float: left; text-align: center;}
.popisAndVlastnostiObrazkem .vlastnosti .vlastnostiObrazkem .vlastnostMargin .vlastnost {display: block; width: 110px; height: 120px; overflow: hidden; color: #EB1A20; cursor:pointer;}
/* F6_DETAIL - popisy */
.popisAndVlastnostiObrazkem .popis {margin: 0px; font-size: 13px; text-align:left; color:#000000;}
.popisAndVlastnostiObrazkem .popis a {color: #565656; text-decoration: underline;}
.popisAndVlastnostiObrazkem .popis a:hover {text-decoration: none;}

/* F6_DETAIL - parametry */
.parametry {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 11px; color:#000000; margin-top:20px;}
.parametry .nadpis {font-weight:bold; color:#EB1A20; margin:0px 0px 5px 8px;}
.parametry .detailParametry {font-size: 11px; color: #414141; border: 0px solid #ffffff; border-collapse: collapse; margin: 0px 0px 0px 0px; width: 560px;}
.parametry .detailParametry td {padding: 2px 8px 2px 8px; border: 1px solid #E7E7E7;}
.parametry .detailParametry td.left {width:280px; font-weight: bold; border-left: 0px solid #E7E7E7;}
.parametry .detailParametry td.right {width:280px; border-right: 0px solid #E7E7E7;}

/* F6_DETAIL - zalozky */
.oblastZalozky {margin: 30px 0px 0px 0px;}
.oblastZalozky .zalozky {width: 525px; vertical-align: bottom; margin:0px 15px 0px 15px;}
.oblastZalozky .zalozky .zalozka {display: block; font-weight:normal; float: left; padding: 0px; margin: 0px 3px 0px 0px; height: 25px; overflow: hidden; white-space: nowrap; cursor: pointer;}
.oblastZalozky .zalozky .active_0 {margin: 0px 3px 3px 0px; color:#797979; background-color:#FFFFFF;}
.oblastZalozky .zalozky .active_0 .left {float:left; width:5px; height:25px; background: #FFFFFF url('spuntik-detail-z4.gif') no-repeat left top; overflow:hidden}
.oblastZalozky .zalozky .active_0 .center {float:left; margin:0px; background: #FFFFFF url('spuntik-detail-z8.gif') repeat-x left top;; padding-left:3px; padding-right:3px; padding-top:9px; padding-bottom:0px}
.oblastZalozky .zalozky .active_0 .right {float:left; width:5px; height:25px; background: #FFFFFF url('spuntik-detail-z6.gif') no-repeat left top; overflow:hidden}
.oblastZalozky .zalozky .active_1 {margin: 3px 3px 0px 0px; color:#F16306; background-color:#F5F5F5;}
.oblastZalozky .zalozky .active_1 .left {float:left; width:5px; height:25px; background: #F5F5F5 url('spuntik-detail-z4x.gif') no-repeat left top; overflow:hidden}
.oblastZalozky .zalozky .active_1 .center {float:left; margin:0px; background: #F5F5F5 url('spuntik-detail-z8x.gif') repeat-x left top; color:#EB1A20; padding-left:3px; padding-right:3px; padding-top:9px; padding-bottom:0px}
.oblastZalozky .zalozky .active_1 .right {float:left; width:5px; height:25px; background: #F5F5F5 url('spuntik-detail-z6x.gif') no-repeat left top; overflow:hidden}
.oblastZalozky .obsah {width: 545px; margin: 10px; background-color:#FFFFFF;}
.teckyZalozky {width:570px; background:url('spuntik-tecky2.gif') repeat-y left top; border-bottom:1px dotted #B6B6B6;}
.produkty-zaobleniZalozky {width:570px; overflow:hidden; background:url('spuntik-produkty-zaobleni2.gif') no-repeat left top; padding:15px 0px 0px 0px;}

.detailZalozkyNadpis {color:#EB1A20; font-size:11px; font-weight:bold; margin:0px 10px 0px 10px;}

/* F6_DETAIL - souvisejici produkty */
.souvisejici {margin:0px; padding:0px;}
.souvisejici .margin {margin:0px 10px 0px 0px;}
/* F6_DETAIL - vice obrazku */
.detailViceObrazku {color:#000000;}
.detailViceObrazku a.image {display: block; float: left; margin: 10px; border: 1px solid #ffffff;}
.detailViceObrazku a.image:hover {border: 1px solid #EB1A20;}
.detailViceObrazku img {}

/* F6_DETAIL -  hlidaci pes*/
.hlidacipes {padding: 10px; font-size: 11px; text-align:left; color:#000000;}
.hlidacipes .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; margin: 0px 13px 0px 0px; color:#555555;}
.hlidacipes td {font-size: 11px; color:#000000;}
.hlidacipes .sl3 {height: 19px; width: 200px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.hlidacipes .odeslat {cursor: pointer;}

/* F6_DETAIL - vice informaci */
.viceinformaci {padding: 10px; font-size: 11px; text-align:left; color:#555555;}
.viceinformaci .show {text-align: right; display: block; font-weight: bold; text-decoration: underline; cursor: pointer; margin: 0px 13px 0px 0px;}
.viceinformaci input {width: 400px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.viceinformaci textarea {width: 400px; height: 100px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.viceinformaci .odeslat {cursor: pointer;}

/* F6_DETAIL -  hodnoceni */
.hodnoceni {padding:10px; color:#555555;}
.hodnoceni .hodnoceni-left {float: left; height: 40px;}
.hodnoceni .hodnoceni-left .nadpis {display: block; padding: 10px 5px 5px 0px; font-weight: bold; font-size: 12px; color: #EB1A20;}
.hodnoceni .hodnoceni-right {height: 40px; text-align: right; margin: 0px;}
.hodnoceni .hodnoceni-right a {font-size: 11px; font-weight: bold; text-decoration: none; color:#EB1A20;}
.hodnoceni .hodnoceni-right a:hover {text-decoration: underline;}
.hodnoceni .hodnoceni-right .nadpis {display: block; padding: 10px 0px 5px 10px; font-weight: bold; font-size: 12px; color: #555555;}
/* EO - prava cast detailu */

/* F6_DETAIL - diskuse */
.diskuse {}
.diskuse .nadpis {font-family: Arial,"Geneva CE",lucida,sans-serif; font-size: 20px; color: #EB1A20;}
.diskuse .akce {margin: 3px 0px 3px 0px;}
.diskuse .akce img {margin: 0px 0px 0px 3px;}
.diskuse .prispevky {}
.diskuse .prispevky .margin {margin: 0px 0px 0px 15px;}
.diskuse .prispevky .first {background-color: #e0e0e0;}
.diskuse .prispevky .row {border: 1px solid #ffffff;}
.diskuse .prispevky .row .checkbox {}
.diskuse .prispevky .row a.name {text-decoration: none; color: #000000;}
.diskuse .prispevky .row a.name:hover {text-decoration: underline;}
.diskuse .prispevky .row .autor {float: right; margin: 3px 5px 0px 0px; font-weight: bold;}
.diskuse .prispevky .row a.odpoved {float: right; display: block; margin: 3px 5px 0px 0px; text-decoration: underline; width: 50px; overflow: hidden; color: #000000;}
.diskuse .prispevky .row a.odpoved:hover {text-decoration: none;}
.diskuse .prispevky .text {margin: 0px 0px 5px 20px; font-style: italic;}
.diskuse .vypsanaOdpoved {margin: 0px 0px 0px 15px;}
.diskuse .vypsanaOdpoved .titulek {font-weight: bold;}
.diskuse .vypsanaOdpoved .text {margin: 5px 0px 5px 0px;}
.diskuse .vypsanaOdpoved .autor {text-align: right; font-style: italic;}
.diskuse .formularDiskuse {}
.diskuse .formularDiskuse .popis {float: left; width: 200px; text-align: right; padding: 4px 5px 0px 0px;}
.diskuse .formularDiskuse input.text {border: 1px solid #BFBFBF;}
.diskuse .formularDiskuse textarea.text {border: 1px solid #BFBFBF; width: 380px; height: 100px;}
.diskuse .formularDiskuse .odeslat {cursor: pointer;}


/* F7_OBLIBENE PROUKTY */
.favorites {margin: 0px 0px 0px 0px;}
.favorites img.image {vertical-align: middle; float: left; margin: 0px 10px 0px 0px;}
.favorites .produkt {display: block; float: left; font-size: 10px; width:320px; font-size:11px;}
.favorites .produkt a {color: #EB1A20; text-decoration: none; font-size: 12px; font-weight: bold;}
.favorites .produkt a:hover {text-decoration: underline; color: #EB1A20;}
.favorites .favoritesRight {float: right; text-align: center;}
.favorites .favoritesRight a.odstranit {margin: 17px 0px 0px 0px; text-decoration: none; font-size: 10px; color: #302B27}
.favorites .favoritesRight a.odstranit:hover {text-decoration: underline; color: #302B27;}
.favorites .favoritesRight a.koupit {text-decoration: none; font-size: 11px; color: #302B27; font-weight: bold; display: block; margin: 0px 0px 10px 0px; text-decoration:none;}
.favorites .favoritesRight a.koupit:hover {text-decoration:underline; color: #302B27;}
.favorites .favoritesRight a.koupit img {vertical-align: middle;}
.favorites .odstranitVse {text-align: right;}
.favorites .odstranitVse a {text-decoration: none; font-size: 10px; color: #302B27;}
.favorites .odstranitVse a:hover {text-decoration: underline; color: #302B27;}


/* F8_KOSIK */
.kosik {}
.kosik .seznamZbozi {}
.kosik .seznamZbozi .produktliteHeader {margin: 3px 0px 3px 0px; font-weight: bold; color: #000000;}
.kosik .seznamZbozi .produktliteHeader .pocetKusu {padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .produktlite {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8;}
.kosik .seznamZbozi .checkbox {float: left; width: 23px; overflow: hidden;}
.kosik .seznamZbozi .nazev {float: left; width: 200px; overflow: hidden;  padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .nazev a {font-weight:normal; text-decoration: none; color: #EB1A20;}
.kosik .seznamZbozi .nazev a:hover {text-decoration: underline;}
.kosik .seznamZbozi .cenaZaKus {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .pocetKusu {float: left; width: 50px; overflow: hidden; text-align: center;}
.kosik .seznamZbozi .pocetKusu input.pocet {width: 25px; height: 19px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; vertical-align: middle; text-align: center; margin: 0px auto 0px auto;}
.kosik .seznamZbozi .DPH {float: left; width: 50px; overflow: hidden; text-align: right;  padding: 4px 0px 0px 0px;}
.kosik .seznamZbozi .polozkaCelkemSDPH {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px; font-weight: bold;}
.kosik .cenaCelkem {margin:5px 0px 10px 0px; padding:5px 0px 0px 0px; border-top: 1px solid #D8D8D8; text-align:left;}
.kosik .cenaCelkem .popis {float:left; width:300px; color:#000000; font-weight:bold;color:red;}
.kosik .cenaCelkem .cena {float:right; width: 150px; text-align:right; padding-right:10px; font-size: 16px; color: #EB1A20; font-weight:bold;}
.kosik .buttonsBottom {text-align: right; margin: 30px 0px 0px 0px;}


/* F9_POKLADNA */
.pokladna {}
.pokladna .nadpisPokladna {font-size: 14px; font-weight: bold; padding: 10px 0px 5px 0px; color: #EB1A20;}
.pokladna .margin {margin: 0px 0px 0px 20px;}
.pokladna .text {margin: 0px 0px 10px 0px;}
.pokladna .poznamkaProdejceVPokladne {margin: 0px 0px 20px 0px; color: #302B27; font-size: 12px; font-weight: bold;}
.pokladna .seznamZbozi {margin: 0px 0px 0px 20px;}
.pokladna .seznamZbozi .produktliteHeader {margin: 0px 0px 3px 0px; font-weight: bold;}
.pokladna .seznamZbozi .produktlite {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8;}
.pokladna .seznamZbozi .cenaCelkem {margin: 3px 0px 3px 0px; border-top: 1px solid #D8D8D8; font-weight: bold; font-size: 13px;}
.pokladna .seznamZbozi .cenaCelkem{color:red;}
.pokladna .seznamZbozi .nazev {float: left; width: 205px; overflow: hidden;  padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .cenaZaKus {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .pocetKusu {float: left; width: 50px; overflow: hidden; text-align: center; padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .DPH {float: left; width: 50px; overflow: hidden; text-align: right;  padding: 4px 0px 0px 0px;}
.pokladna .seznamZbozi .polozkaCelkemSDPH {float: left; width: 100px; overflow: hidden; text-align: right; padding: 4px 0px 0px 0px; font-weight: bold;}
.pokladna .seznamZbozi .text {float: left; width: 405px; overflow: hidden; padding: 4px 0px 4px 0px;}
.pokladna .seznamZbozi .hodnota {float: left; text-align: right; width: 100px; overflow: hidden; font-weight: bold; padding: 4px 0px 4px 0px;}
.pokladna input.slevaKod {width: 30px; height:18px; font-size: 11px; border:1px solid #CBCBCB; color: #565656; margin: 0px 3px 0px 3px;}
.pokladna .odberatel {margin: 0px 0px 0px 20px;}
.pokladna .zavazneObjednat {text-align:center;}

.vyberDopravyAPlatby {}
.vyberDopravyAPlatby table {width: 515px;}
.vyberDopravyAPlatby table td {width: 50%; vertical-align: top;}
.vyberDopravyAPlatby .dopravaBlock {font-size: 11px; color: #302B27; border-top: 1px solid #f1f1f1; padding: 5px 0px 10px 0px;}
.vyberDopravyAPlatby .dopravaBlock input.radio {width: 20px;}
.vyberDopravyAPlatby .dopravaBlock .nazev {font-weight: bold;}
.vyberDopravyAPlatby .dopravaBlock .popis {margin: 0px 5px 0px 20px; font-size: 11px; color: #302B27; line-height: 17px;}

.vyberDopravyAPlatby .skupinaPlatba {}
.vyberDopravyAPlatby .platbaBlock {font-size: 11px; color: #302B27; background: #f1f1f1; padding: 5px 0px 10px 10px;}
.vyberDopravyAPlatby .platbaBlock .cena {float: right; font-weight: bold; margin: 2px 10px 0px 0px; line-height: 17px;}
.vyberDopravyAPlatby .platbaBlock input.radio {width: 20px;}
.vyberDopravyAPlatby .platbaBlock .nazev {font-weight: bold;}
.vyberDopravyAPlatby .platbaBlock .popis {margin: 0px 5px 0px 20px; font-size: 11px; color: #302B27; line-height: 17px;}


/*
.pokladna .odberatel .kontakt .udaje {font-weight: normal; float: left; display: block; width: 100px; padding: 4px 0px 0px 0px;}
.pokladna .odberatel .kontakt input.dodaciAdresa {border: 1px solid #BFBFBF; width: 170px;}
*/

.pokladna .odberatel .kontakt {float: left; width: 255px;border: 0px solid #000000;}
.pokladna .odberatel .kontakt .nadpis {font-weight: bold; padding: 15px 0px 5px 0px; margin: 0px; color: #EB1A20;}
.pokladna .odberatel .kontakt .popisOblasti {font-style: italic; padding: 0px 0px 5px 0px; margin: 0px;}

.pokladna .odberatel .kontakt table.udaje {width: 255px; border: 0px solid #000000;  font-size: 11px;}
.pokladna .odberatel .kontakt table.udaje b {color: #000000;}
.pokladna .odberatel .kontakt table.udaje td {vertical-align: middle; text-align: left; padding: 0px; margin: 0px; height: 20px;}
.pokladna .odberatel .kontakt table.udaje td.popis {width: 32%; vertical-align: middle; text-align: left;}
.pokladna .odberatel .kontakt input.dodaciAdresa {font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 150px;}

.pokladna .odberatel2 {margin: 0px 0px 0px 20px;}
.pokladna .odberatel2 .kontakt {float: left;}
.pokladna .odberatel2 .kontakt .udaje {font-weight: normal; float: left; display: block; width: 100px; padding: 4px 0px 0px 0px;}
.pokladna .odberatel2 .kontakt input.dodaciAdresa {font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 220px;}

.pokladna .selectDopravaAPlatba {margin: 0px 0px 0px 20px; font-size: 11px; color: #000000;}
.pokladna .selectDopravaAPlatba .doprava {vertical-align: top; width:250px;}
.pokladna .selectDopravaAPlatba .doprava .typ {padding: 4px 10px 4px 2px;}
.pokladna .selectDopravaAPlatba .platba {vertical-align: top; background-color: #F1F1F1; padding: 0px 10px 0px 10px; width:250px;}
.pokladna .selectDopravaAPlatba .platba .typ {padding: 2px 10px 2px 2px;}
.pokladna .vasVzkazKObjednavce {margin: 0px 0px 0px 20px; font-size: 11px; color: #000000;}
.pokladna textarea {width: 515px; height:50px;}


/* F10 OBJEDNAVKA PRIJATA*/
.objednavka {padding: 0px 0px 20px 0px; font-size: 11px; text-align: left;}


/* F11 VASE OBJEDNAVKY */
.vaseObjednavkyPrehled {}
.vaseObjednavkyPrehled a.prihlaseni {color:#EB1A20;}
.vaseObjednavkyPrehled .prehled {border-collapse: collapse; border: 1px solid #D9D9D9; font-size: 11px; width: 535px; color: #302B27; margin: 10px 0px 0px 0px;}
.vaseObjednavkyPrehled .prehled td {border: 1px solid #D9D9D9; padding: 2px 5px 2px 5px; vertical-align: top;}
.vaseObjednavkyPrehled .prehled td.code {}
.vaseObjednavkyPrehled .prehled td.code a.code {color:#EB1A20; text-decoration:none;}
.vaseObjednavkyPrehled .prehled td.code a.code:hover {text-decoration:underline;}
.vaseObjednavkyPrehled .prehled td.datum {text-align: right;}
.vaseObjednavkyPrehled .prehled td.cas {text-align: right;}

.vaseObjednavkyDetail {}
.vaseObjednavkyDetail .datum {text-align: right;}
.vaseObjednavkyDetail .zaplaceno {text-align: right;}
.vaseObjednavkyDetail .odeslano {text-align: right;}
.vaseObjednavkyDetail .prehled {border-collapse: collapse; border: 1px solid #D9D9D9; font-size: 11px; width: 535px; color: #302B27; margin: 10px 0px 0px 0px;}
.vaseObjednavkyDetail .prehled td {border: 1px solid #D9D9D9;  padding: 2px 5px 2px 5px; vertical-align: top;}
.vaseObjednavkyDetail .prehled td.nazev {}
.vaseObjednavkyDetail .prehled td.ks {text-align: right;}
.vaseObjednavkyDetail .prehled td.cena {text-align: right;}
.vaseObjednavkyDetail .postovneBalne {text-align: right; margin: 10px 0px 0px 0px;}
.vaseObjednavkyDetail .cenaCelkem {text-align: right; margin: 10px 0px 10px 0px; font-size: 13px;}
.vaseObjednavkyDetail .zpet {color: #EB1A20; text-decoration: none;}
.vaseObjednavkyDetail .zpet:hover {text-decoration: underline;}


/* F20_LOGIN PAGE zapomenute heslo, login page */
.loginPage {}
.loginPage .nadpisLoginPage {font-size: 14px; font-weight: bold; padding: 10px 0px 5px 0px; color: #EB1A20;}
.loginPage form {}
.loginPage form .popis {float: left; width: 100px; padding: 4px 0px 0px 0px;}
.loginPage .input {width: 200px; font-size: 11px; border:1px solid #CBCBCB; color: #565656;}
.loginPage a {text-decoration: underline; color: #EB1A20;}
.loginPage a:hover {text-decoration: none;}

/* F24_VYHLEDAVANI - rozsirene */
.advsearch {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.advsearch .popis {float: left; width: 200px; line-height: 20px;}
.advsearch input {width: 200px; font-size: 11px; border:1px solid #cbcbcb; color: #565656;}
.advsearch .image {width: 60px; height: 18px; border: 0px solid black;}

/* F28_HLIDACI PES */
.watchdog {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.watchdog a {text-decoration: none; color: #EB1A20;}
.watchdog a:hover {text-decoration: underline;}
.watchdog a.kill {text-decoration: none; color: #302B27; font-weight: normal; font-weight: bold;}
.watchdog a.kill:hover {text-decoration: underline;}

/* F29_TEXTOVA STRANKA*/
.textpage {margin: 0px 0px 20px 0px; font-size: 11px;}
.textpage a {color: #565656; text-decoration: underline;}
.textpage a:hover {text-decoration: none;}

/* F30_KNIHA PRANI */
.knihaprani {padding: 0px 0px 20px 0px; font-size: 11px; text-align:left;}
.knihaprani .row {margin:0px; padding:0px; text-align:left;}
.knihaprani .row .popis {float:left; width: 150px;}
.knihaprani .row .popis2 {float:left; width: 300px; text-align:left;}
.knihaprani .row input {float:left; font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 200px; margin:0px;}
.knihaprani .row textarea {float:left; font-size: 11px; border:1px solid #CBCBCB; color: #565656; width: 300px; height: 200px; margin:0px;}
.knihaprani .row .odeslat {float:left; width: 60px; height: 18px; border: 0px solid #FFFFFF; margin:0px; padding:0px;}

/* F31_KONFIGURATOR SESTAV*/
.konfhomepage {width: 533px;}
.konfhomepage td.p1s1 {}
.konfhomepage td.p1s2 {width: 3px; background: url('r_konf01.gif') repeat-y left top;}
.konfhomepage td.p1s3 {width: 205px; border: 0px solid black;}
.konfhomepage td.p1s3 hr {color: #4d4d4d; border: #ffffff; border-top: 1px solid #D4DADC;}
.konfhomepage td.p2s3 {background: url('r_konf02.gif') repeat-x left top;}

h3.konfig {margin: 0px 0px 10px 0px; text-align: left; font-size: 12px; color:#898989;}
.konfigurator-nazev {width: 533px; overflow: hidden; margin:0px 0px 10px 0px; font-size:16px;}
.konfigurator-nazev h1.konf {color:#EB1A20; font-size:16px; font-weight:bold;}
.tabulka {width:533px; font-size:11px; color:#333333; margin:0px;}
.tabulka td.left {width:260px; vertical-align:top;}
.tabulka td.left .image {width: 253px; height: 181px; overflow: hidden; background:url('rentcomp-konfigurator-image.gif') no-repeat top left;}
.tabulka td.left .image a {display:block; width:240px; height:170px; margin:5px;}
.tabulka td.right {vertical-align:top;}
.tabulka td.right .popis {color:#4d4d4d; padding: 0px 10px 5px 10px; width: 270px; overflow: hidden;}
.tabulka td.right .popis .click {vertical-align: middle; float: right; cursor: pointer;}

.ceny {margin:10px 0px 10px 0px; padding:0px; font-size:11px; color:#4d4d4d; width:533px;}
.ceny .celkem {font-weight: bold; font-size: 12px; text-align: right; color: #EB1A20; margin: 0px 20px 0px 0px;}

.slozeni {margin:0px 0px 10px 20px; padding:0px; font-size:11px; color:#4d4d4d; width:503px;}
.volitelne {margin:0px 0px 10px 0px; padding:0px; font-size:11px; color:#4d4d4d;}
.volitelne .click {cursor:pointer;}

.sestava {float: left;}
.sestava .image {}
.sestava .image .foto {width: 236px; height: 176px; border: 1px solid #f0f0f0; text-align: center; overflow: hidden;}
.sestava .nazev {text-align: center; height: 30px;}
.sestava .nazev .cut {width: 100%; height: 40px; overflow: hidden; line-height: 20px;}
.sestava .nazev .cut a {font-size: small; font-weight: bold; text-decoration: none; color: #000000;}
.sestava .nazev .cut a:hover {text-decoration: underline;}
.sestava .popis {font-size:xx-small; text-align: center; height: 106px;}
.sestava .cena {font-size:xx-small; text-align: left; height: 30px;}
.sestava .zobrazit {font-size:xx-small; text-align: right; height: 30px;}

.sestavaDetail {padding: 0px; color:#4d4d4d; font-size:11px;}
.sestavaDetail .kosik {margin:10px 0px 0px 0px; color: #4d4d4d; font-weight: bold; vertical-align:middle; text-align:right;}
.sestavaDetail .kosik input.txtbox {width: 40px; font-size:11px; color:#565656; font-weight: bold; margin: 0px 5px 0px 5px; border:1px solid #CBCBCB; text-align:center;}

.sestavaDetail .kategorie {width: 533px; font-size: 12px; cursor: pointer; border: 0px solid #000000; padding: 0px; margin: 3px 0px 3px 0px;}
.sestavaDetail .kategorie .td1 {cursor: pointer; width: 36px; vertical-align: top;}
.sestavaDetail .kategorie .td2 {border: 1px solid #666766; vertical-align: middle; background:url('rentcomp-konfigurator-kategorie.png') repeat-x left top;}
.sestavaDetail .kategorie .td2 .nazev {float: left; line-height: 22px; font-weight: bold; color: #4d4d4d; font-size: 11px;  margin: 0px 5px 0px 7px; border: 0px solid black; font-family: Tahoma,"Geneva CE",lucida,sans-serif;}
.sestavaDetail .kategorie .td2 .cena {float: right; border: 0px solid #ffffff; cursor: default; height: 13px; margin: 5px 10px 0px 0px; font-size: 9px; padding: 0px; color: #4d4d4d; text-align: right; font-weight: bold;}
.sestavaDetail .kategorie .td2 input {border:1px solid #CBCBCB; color: #565656; background-color:transparent; cursor: default; height: 13px; margin-top: 5px; font-size: 9px; padding: 0px;}
.sestavaDetail .kategorie .td2 .vybranepopis {line-height: 22px; border: 0px solid black; height: 22px; overflow: hidden; color: #4d4d4d; font-size: 11px;}

.sestavaDetail .hide {padding: 0px 37px 0px 52px; margin: 5px 0px 15px 0px;}
.sestavaDetail .hide .row {text-align: left; font-size: 10px; width: 100%; border: 0px solid #222222; color: #4d4d4d;}
.sestavaDetail .hide .row input {border: 1px solid #ffffff; cursor: default; height: 13px; margin-top: 5px; font-size: 9px; padding: 0px; color: #565656; font-family: Tahoma,"Geneva CE",lucida,sans-serif;}
.sestavaDetail .hide .row .s1 {float: left;}
.sestavaDetail .hide .row .dop {float: left; line-height: 19px; color: #EB1A20;}
.sestavaDetail .hide .row .s2 {line-height: 19px;}
.sestavaDetail .hide .row .s2 a {line-height: 19px; text-decoration: none; color: #4d4d4d;}
.sestavaDetail .hide .row .s2 a:hover {text-decoration: underline;}
.sestavaDetail .hide .row .s3 {float: right; line-height: 20px; height: 20px; border: 0px solid #ffffff; text-align: right;  cursor: default; font-size: 9px;}

/* F33_POROVNANI PRODUKTU */
.porovnaniProduktuRoll {width: 535px; overflow-x: scroll; padding: 0px 0px 10px 0px; color: #302B27;}
.porovnaniProduktu {font-size: 11px; margin: 15px 0px 0px 0px;}
.porovnaniProduktu tr.position0 {background-color: #F4F4F6;}
.porovnaniProduktu tr.position1 {background-color: #ffffff;}
.porovnaniProduktu td {width: 150px; padding: 3px 5px; vertical-align: top; border-left: 1px solid #D9D9D9;}
.porovnaniProduktu td.nazev {font-weight: bold; color: #EB1A20; font-size: 13px;}
.porovnaniProduktu td.nazev a {color: #EB1A20; text-decoration: underline;}
.porovnaniProduktu td.nazev a:hover {text-decoration: none;}
.porovnaniProduktu td.popis {font-weight: bold; text-align: right; width: 90px; color: #302B27; border-left: 0px solid #ffffff;}
.porovnaniProduktu td ul {margin:0px; padding:0px;}
.porovnaniProduktu td ul li {list-style-position:inside;}
.porovnaniProduktu td.tlacitko {text-align:center;}


/* F34_SITEMAP */
.sitemap {width:535px; color: #302B27;}
.sitemap ul {padding: 0px 0px 0px 15px; margin: 0px;}
.sitemap ul li {}
.sitemap h2 {font-size: 120%; padding: 25px 0px 5px 0px; margin: 0px; text-transform: uppercase;}
.sitemap a {text-decoration: none; color: inherit;}
.sitemap a:hover {text-decoration: underline;}

.parnterPannel {font-size: 10px; text-align: center; color:#a0a0a0;}
.parnterPannel .strongText {font-size: 10px; font-weight: normal;color: #a0a0a0;}
.parnterPannel a {text-decoration: none;}
.parnterPannel a:hover {text-decoration: underline;}

.rezBlok
{
  background:#e5e5e5;
  padding:15px;
  border:1px solid #cecece;
  padding-bottom:30px;
  color:black;
}

.rezBlok .nazev
{
  font-weight: bold;
  font-size:136.4%;
  margin-bottom:7px;
}

.rezBlok .popis
{
  font-size:109.1%;
}
