html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0
}
li {
display: list-item
}
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
background: #fff;
color: #000;
font-size: small;
text-align: center;
line-height: 1.5;
min-width: 980px
}
/* layout */
#min {
width: 100%;
position: relative
}
#max {
text-align: left;
width: 980px;
margin: 0 auto;
background: #fff url("../img/min.gif") repeat-y
}
#noback #max, #photo #max {
background: #fff url("../img/nmin.gif") repeat-y
}
#back {
width: 100%;
position: relative
}
#head {
position: relative;
width: 100%;
height: 140px;
z-index: 0;
background: #fff url("../img/head.jpg") no-repeat right top
}
#main {
width: 100%;
background: url("../img/main.gif") no-repeat;
padding: 25px 0 0 0
}
#noback #main, #photo #main {
background: url("../img/nmain.gif") no-repeat
}
#foot {
clear: both;
width: 100%;
position: relative;
height: 95px;
bottom: 0
}
#noscreen {
width: 200px;
position: absolute;
left: 0;
top: -1000px
}
#nav {
width: 214px;
float: left;
overflow: hidden;
display: inline;
padding: 10px 0 0 0
}
.nav {
padding: 5px 0 10px 0
}
#new .rekl p {
padding-bottom: 15px;
margin: 0
}
#new .rekl {
text-align: center
}
#new {
width: 214px;
float: right;
overflow: hidden;
display: inline;
padding: 10px 0 0 0
}
#main #in {
width: 100%;
background: url("../img/in.gif") no-repeat left bottom
}
#noback #main #in, #photo #main #in {
background: url("../img/nin.gif") no-repeat left bottom
}
#basic {
padding: 0 230px
}
#basicr {
padding: 0 30px 0 230px
}
#floatbug {
width: 100%;
float: left
}
#photo #basic {
padding-right: 15px
}
#client {
width: 200px;
height: 86px;
overflow: hidden;
position: absolute;
right: 10px;
top: 10px;
z-index: 10
}
#client p {
position: relative;
padding: 15px 20px 0 0;
color: #0c60a0;
text-align: right
}
#user {
padding: 10px 0 0 0
}
#eshops {
width: 265px;
font-size: 105%;
color: #fff;
font-weight: bold;
right: 13px;
top: 112px;
position: absolute
}
div#next ul {
font-size: 90%
}
strong.vprice {
display: block;
font-size: 130%;
position: relative;
top: 15px;
padding: 0 40px 0 0;
background: url("../img/basket1.gif") no-repeat right center
}
a.view {
display: block;
width: 98px;
height: 26px;
line-height: 26px;
overflow: hidden;
position: absolute;
right: 100px;
top: 10px;
text-align: center;
text-decoration: none;
background: url("../img/viewbasket.gif") no-repeat
}
#fav {
width: 100%;
clear: both
}
#fav p {
text-align: center;
padding: 35px 0 0 0
}
#photo #fav p, #noback #fav p {
text-align: right;
padding: 35px 35px 0 0
}
/* layout */
/* top menu */
#menu {
width: 100%;
height: 65px;
color: #fff;
background: #0563a0 url("../img/menu.jpg") no-repeat;
text-align: center;
position: relative
}
#menu ul {
padding-left: 15px
}
#menu li {
list-style: none;
display: inline;
float: left;
text-align: center;
height: 45px
}
#menu li a {
line-height: 45px;
height: 45px;
display: inline;
padding: 0 20px;
float: left;
white-space: nowrap;
text-decoration: none;
border-right: 1px solid #04609a
}
#menu li a:link, #menu li a:visited {
color: #fff;
background: url("../img/hover.gif") repeat-x 0 -45px
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
color: #fafafa;
background: #74a421 url("../img/hover.gif") repeat-x
}
#client a:link, #client a:visited {
color: #000
}
#client a:hover, #client a:active, #client a:focus {
color: #0c60a0
}
/* top menu */
/* left menu */
#nav ul {
padding: 10px 0 7px 0
}
#nav li, #new li {
list-style: none;
text-align: left;
font-size: 90%;
margin: 0 0 3px 0
}
#nav li ul {
padding: 7px 15px 5px 18px
}
#nav li a {
display: block;
text-decoration: none;
height: 28px;
line-height: 28px;
white-space: nowrap;
text-decoration: none;
padding: 0 0 0 22px
}
#nav li ul li a {
height: auto;
line-height: 1.5;
padding: 2px 0 3px 17px;
border-bottom: 1px solid #fff;
white-space: normal;
zoom: 1
}
#nav li a:link, #nav li a:visited {
color: #0665a3;
background: url("../img/navli.gif") no-repeat
}
#nav li ul li a:link, #nav li ul li a:visited {
color: #000;
background: url("../img/li.gif") no-repeat 5px 50%
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
color: #fff;
background-position: 0 -28px
}
#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus {
color: #0665a3;
background: url("../img/li1.gif") no-repeat 5px 50%
}
#nav li strong {
color: #000;
font-weight: normal
}
#nav li ul li strong {
font-weight: bold
}
/* left menu */
/* search form */
#new form {
text-align: center;
width: 100%;
padding-top: 5px;
margin-bottom: -10px
}
fieldset {
border: none
}
#new fieldset input {
width: 160px;
display: block;
margin: 0 auto 5px auto
}
#main input.button {
width: 80px;
cursor: pointer;
padding: 2px 5px;
margin: 0 auto
}
#por input#noactive {
background: #fff;
color: #000
}
#new input.button {
margin: 5px auto;
width: 80px
}
#acces input.button {
width: 230px
}
#nav p, #nav form p {
margin: 0;
padding: 5px 0 0 0;
text-align: center
}
/* search form */
/* actual */
#new {
text-align: center
}
#newslst {
width: 100%
}
#floatbug #newslst h4 {
font-size: 110%;
font-weight: bold;
color: #000;
padding: 3px 5px;
background: #f0fce2;
margin-bottom: 5px
}
#newslst strong {
color: #dd3916
}
#floatbug #newslst p {
padding: 0 0 7px 0;
margin: 0 0 7px 0;
border-bottom: 1px solid #dff2fd
}
.info {
margin: 0 0 8px 10px
}
.actual span, .tips span {
display: block;
color: #dd3916;
padding: 5px 0 15px 0;
overflow: hidden
}
.actual span {
border-bottom: 1px solid #fff
}
#new .actual img {
margin: 5px 0;
border: none
}
.actual {
padding: 10px 30px 0 30px
}
.actual p strong {
display: block;
padding-top: 5px
}
/* actual */
/* action, kategorie */
#kat {
width: 100%;
text-align: center;
margin-top: 10px;
background: url("../img/kat.gif") repeat-y center top
}
#basic #kat p {
margin: 0;
padding: 0 10px 5px 0
}
#action p.price, #kat p.price, #detail p strong, #new .actual p strong {
color: #840000
}
#action p.price strong, #kat p.price strong, #detail p strong, #new .actual p strong {
font-size: 110%
}
#basic #kat .kat p.price {
position: relative;
bottom: -1px;
padding-bottom: 10px
}
p.price strong {
display: block;
padding-bottom: 5px
}
.price a {
background: url("../img/kosik.gif") no-repeat left center;
padding-left: 25px
}
.actual p span a {
background: url("../img/kosik.gif") no-repeat;
padding-left: 25px
}
#basket1 td span {
font-weight: bold
}
#basket1 td span.price {
display: block;
font-weight: normal
}
.kat {
display: inline;
float: left;
width: 50%;
overflow: hidden;
margin-top: -1px
}
#katin {
width: 100%;
margin-top: -1px
}
img, .kat img {
border: none
}
.kat img {
margin: 5px 0
}
.kat span {
display: block;
text-align: center
}
#kat #katin .kat p {
padding: 0 15px
}
.kat span.slv {
color: #dd3916;
padding: 5px 0
}
.slv {
color: #dd3916
}
/* action */
/* header */
h1, h1 span {
width: 234px;
height: 140px;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
font-size: 130%;
overflow: hidden;
z-index: 1
}
h1 span {
display: block;
z-index: 2;
background: url("../img/h1.jpg") no-repeat;
cursor: pointer
}
h2, h2 span {
width: 570px;
height: 210px;
position: absolute;
top: 0;
right: 0;
font-size: 110%;
overflow: hidden;
z-index: 1;
font-size: 130%;
font-weight: normal;
color: #fff;
display: block
}
h2 span {
display: block;
left: 0;
top: 0;
z-index: 2;
background: url("../img/h2.jpg") no-repeat
}
#menu h2 {
width: 960px;
position: absolute;
left: 0;
top: 45px;
text-align: center;
height: 18px;
font-size: 90%;
overflow: hidden;
z-index: 0
}
h3 {
color: #0665a3;
font-size: 136%;
font-weight: normal
}
#nav h3, #nav h3 span, #new h3, #new h3 span {
display: block;
background: #8fbb2d url("../img/h2l.gif") no-repeat;
color: #fff;
font-size: 105%
}
#nav h3 span, #new h3 span {
padding: 22px 6px 5px 35px;
background: url("../img/h2lspan.gif") no-repeat left bottom
}
#new h3 {
background: #8fbb2d url("../img/h2r.gif") no-repeat
}
#new h3.blue {
background: #44a4e1 url("../img/h2rb.gif") no-repeat
}
#new h3.blue span {
background: url("../img/h2brspan.gif") no-repeat left bottom
}
#new h3 span {
padding: 22px 6px 5px 25px;
background: url("../img/h2rspan.gif") no-repeat left bottom;
text-align: left
}
#nav h3.blue {
background: url("../img/h2lb.gif") no-repeat
}
#nav h3.blue span {
color: #106098;
background: url("../img/h2blspan.gif") no-repeat left bottom
}
#detail h3, #floatbug h3, #floatbug .text h3, #floatbug .origimg h3 {
color: #0665a3;
padding: 10px 0
}
#detail h4 {
color: #840000;
font-size: 130%
}
#floatbug .origimg h3 {
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
background: url("../img/katin.gif") repeat-x left bottom
}
h4 {
color: #0665a3;
font-size: 110%;
padding: 5px 0;
font-weight: normal
}
.text h4 {
color: #b9181d
}
#kat h4 {
color: #0665a3;
font-size: 105%
}
#new h4 {
background: none;
font-size: 105%
}
#new h4 {
padding-top: 0;
width: 100%;
overflow: hidden
}
#kat h4 {
padding: 5px 10px
}
h3#log {
margin-bottom: 3px
}
#koupit legend {
font-size: 130%;
padding: 5px 10px 10px 0;
font-weight: bold
}
#basic h5 {
color: #24684c;
font-weight: normal;
font-size: 110%;
margin: 0;
padding: 0 0 5px 0
}
#basic .comm0 h5, #basic .comm1 h5 {
padding-left: 10px;
color: #be0000
}
#basic .comm1 h5 {
padding-left: 0
}
#comment {
border-top: 5px solid #d9f0fd;
padding-top: 10px
}
.comm0, .comm1 {
margin: 8px 0
}
.comm1 {
padding: 5px 0;
margin: 0 0 0 25px;
background: url("../img/katin.gif") repeat-x
}
#basic .comm0 h4, #basic .comm1 h4, #basic .comm0 p, #basic .comm1 p {
margin: 0;
padding: 0
}
#basic .comm0 p {
padding-left: 10px
}
#basic .comm0 h4 {
background: #e1e1e1;
padding: 3px 10px;
margin: 0 0 3px 0
}
#basic .comm0 h4, #basic .comm1 h4 {
font-size: 100%;
color: #000;
font-weight: bold
}
.comm0 span {
display: block;
text-align: right;
padding: 5px 0 0 0
}
#por h4 {
font-size: 110%;
text-align: center;
margin: 0;
padding: 5px 0
}
/* header */
/* paragraphs */
#basic p, #basic address, #basicr p {
margin: 0;
padding: 0 0 10px 0
}
.error, .oki {
text-align: center;
padding: 5px;
border: 1px solid #b00000;
margin: 10px 0;
color: #b00000
}
#basic .error p strong {
font-weight: normal
}
#basic .error h4, #basicr .error h4 {
font-size: 150%;
color: #b00000
}
#basic .oki h4, #basicr .oki h4 {
font-size: 150%;
color: #2480aa
}
.oki {
color: #2480aa;
border: 1px solid #2480aa
}
#basic .error p {
padding: 0
}
#foot p {
width: 100%;
text-align: center;
position: absolute;
bottom: 15px;
left: 0
}
#basic #floatbug .page, #basicr #floatbug .page {
text-align: right;
background: url("../img/katin.gif") repeat-x;
padding-top: 10px;
padding-bottom: 0
}
#basic #floatbug .bottom, #basicr #floatbug .bottom {
background: none;
padding: 10px 0 0 0
}
#basic #floatbug .prep, #basicr #floatbug .prep {
padding: 0 0 10px 0;
margin: 0 10px 10px 0;
background-position: left bottom;
color:#840000
}
.page span {
text-align: left;
display: block
}
p.anotace {
color: #b00000;
padding-bottom: 3px;
border-bottom: 1px solid #b3cee9
}
p.img {
float: left;
margin: 10px 10px 10px 0
}
#basic p.author {
margin-top: 25px;
font-style: italic;
text-align: right
}
address {
font-style: normal;
padding: 8px 0
}
#nav address {
text-align: left;
padding-left: 15px;
padding-bottom: 20px
}
#nav address strong {
color: #4c6b56
}
#new .rekl p {
padding-top: 10px
}
#nav p.links {
text-align:left;
padding: 10px 35px
}
#nav p.links em {
font-style:normal;
}
#pic_catalog br {
display: none
}
dd#pic_catalog span {
display: inline;
float: left;
width: 33%;
padding: 5px 0
}
dd#pic_catalog a {
display: block;
text-align: center;
width: 100%;
overflow: hidden;
white-space:nowrap
}
#basicr dd#pic_catalog span {
width: 25%
}
/* paragraphs */
/* lists */
#basic ul, #basic ol {
margin: 10px 25px 15px 40px;
padding: 0
}
#basic li {
margin: 0;
padding: 0 0 4px 0;
list-style: circle
}
#basic ol {
margin-left: 50px
}
ol.letter {
list-style: lower-alpha
}
#basic ol li {
list-style: decimal
}
#basic ol li ul li {
list-style: square
}
dt {
padding: 0 0 3px 0
}
dd {
margin: 0 0 8px 0;
padding: 0;
line-height: 1.4
}
dl#drob {
width: 100%;
padding-bottom: 5px;
background: url("../img/katin.gif") repeat-x left bottom
}
dl#drob dt, dl#drob dd {
border: none
}
dl#drob dd a {
white-space: nowrap
}
dl#drob dd {
padding-top: 3px
}
ul.error {
font-weight: bold;
color: #dd3916;
text-align: left;
border: none
}
ul#extras {
padding: 20px 0 10px 45px
}
ul#extras li {
list-style: circle
}
ul#extras li strong {
color: #b80000
}
/* lists */
/* form */
#basic input, #basicr input, #basic textarea, #basicr textarea, #basic select, #basicr select {
margin-bottom: 5px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif
}
#comment textarea {
height: 220px
}
.info fieldset {
text-align: center;
padding: 0;
margin: 0
}
.info form {
margin: 0 auto;
padding: 0;
width: 165px
}
.info input {
width: 160px;
margin: 5px auto
}
.info input.button {
width: 80px
}
.info form p {
margin: 0;
padding: 0
}
#sort {
text-align: right;
padding-top: 10px;
padding-top: 10px;
clear:both;
}
#basicr p.page {
margin-right: 10px
}
#basicr #sort {
margin-right: 10px;
}
#sort label {
text-align: right;
padding-left: 5px
}
#sort form * {
vertical-align: middle
}
#sort form {
margin: 0 0 10px 0
}
#sort input.button {
margin: 2px 0 2px auto;
width: 70px;
display: block
}
#basicr #sort input.button {
display:inline;
margin:0 0 0 10px;
padding: 0
}
#sort select {
margin: 2px 0 2px 5px
}
input#vyseSplatky, input#cenaUveru, input#RPSN, input#vyseUveru,input#ursaz,input#celkovaCastka {
border: 1px solid #147a31;
font-weight: bold;
color: #147a31
}
#cetelem select {
width: 150px
}
#cetelem input.readonly {
border: 1px solid #dff2fd
}
#cetelem fieldset, #reg fieldset, #log fieldset, #obj fieldset, #comment fieldset, #por fieldset, #slov fieldset, #acces fieldset {
border: 2px solid #e2f3fd;
padding: 5px 10px;
margin: 0
}
legend.sizeleg, #cetelem legend, #reg legend, #log legend, #obj legend, #comment legend, #por legend, #slov legend, #acces legend {
padding: 5px;
color: #688a1e;
font-size: 110%
}
#reg input, #log input, #obj input, #comment input, #reg select, #obj select {
display: block;
width: 320px
}
textarea {
display: block;
width: 100%
}
#reg input.list, #obj input.list {
width: 20px
}
#reg input.code, #obj input.code {
width: 80px
}
#acces input {
width: 40px
}
#reg input.smal, #reg select {
width: 200px
}
#cetelem input.button, #reg input.button, #log input.button, #koupit input.button, #obj input.button, #comment input.button, #por input.button {
width: 140px;
margin: 0 auto;
font-weight: normal
}
#koupit form p.submit {
text-align: left;
cursor: pointer
}
#new p.submit {
padding: 0 0 5px 0
}
#koupit table {
width: 90%;
border: 1px solid #fff
}
#koupit p.submit input.button {
display: inline;
float: right;
margin-right: 0
}
#koupit * {
vertical-align: middle
}
#koupit #backbutton {
display: inline;
float: left;
margin-left: 0;
width: 180px;
cursor: pointer;
padding: 2px 0
}
#koupit p strong {
color: #b80000
}
#koupit th {
border: 1px solid #fff;
text-align: center;
font-weight: bold
}
#koupit td {
text-align: center;
border-top: 1px solid #dff2fd
}
#cetelem label, #reg label, #log label, #obj label, #comment label {
padding: 7px 0 0 0
}
#reg table label {
width: 150px;
padding: 0
}
#reg fieldset {
margin-bottom: 10px
}
#obj form fieldset input.foraddress {
display: inline;
width: 25px;
position: relative;
top: 5px;
left: -5px
}
#basic #floatbug .loginform fieldset {
margin-bottom: 10px
}
#koupit fieldset {
border: none
}
#reg form fieldset table {
border: none
}
#reg table th {
text-align: left;
padding: 3px 10px;
background: none;
font-size: 120%;
border: none;
font-weight: normal;
color: #840000
}
#reg table input {
width: 50px
}
#reg form fieldset table td {
text-align: left;
vertical-align: middle;
padding: 3px 10px;
border: none !important
}
table#acces {
margin-left: 1px
}
table#acces td {
vertical-align: middle;
border: 1px solid #d1d1d1;
text-align: center
}
#reg p, #log p, #obj p, #comment p, #acces p {
padding: 5px 0;
text-align: left
}
#cetelem form p.submit, #reg form p.submit, #log form p.submit, #obj form p.submit, #comment form p.submit, #por p.submit, #acces p.submit, form#prepocet {
text-align: center;
padding: 15px 0
}
#cetelem table{
width:99%;
}
#cetelem form * {
vertical-align:middle
}
#reg br, #log br, #obj br, #comment br {
display: none
}
#reg #type input {
display: inline;
width: 20px;
cursor: pointer
}
#reg #type br {
display: block
}
.act {
color: #840000;
font-weight: bold
}
.req {
font-weight: normal;
color: #840000
}
#basic ul.req {
padding-bottom: 15px
}
#log form {
text-align: center
}
#log input, #log label {
margin: 0 auto;
width: 200px
}
#slov input {
width: 200px;
margin-right: 5px
}
#slov {
margin-bottom: 10px
}
#por .check {
width: 22px
}
#obj .dis, textarea.dis, select.dis {
background: #eaeaea
}
#noactive #basic input, #noactive #basic textarea {
background: #f2f2f2;
border: 1px solid #d1d1d1
}
select {
font-size: 11px
}
/* form */
/* detail */
span.arow {
display: inline;
width: 11px;
float: right;
cursor: pointer;
line-height: 1
}
span.arow img {
vertical-align: middle;
margin: 0 5px 0 0;
display: inline;
float: left;
margin-top: 3px
}
span.arow img.ardown {
margin-top: 7px
}
span.arow a {
display: block;
width: 11px
}
#detail {
width: 100%
}
p.detimg {
float: right;
text-align: center;
display: inline
}
p.detimg img {
margin: 0 0 0 15px;
border: none
}
#detail ul {
margin: 0
}
#detail p strong {
font-size: 110%
}
#detail ul.links {
padding: 5px 0 5px 0
}
#detail ul.links li {
list-style: none;
padding-left: 25px
}
#detail li.splatky {
background: url("../img/calc.gif") no-repeat left center
}
#detail li.kosik {
background: url("../img/kosik.gif") no-repeat left center
}
#detail li.fav {
background: url("../img/fav.gif") no-repeat left center
}
#detail li.forum {
background: url("../img/forum.gif") no-repeat 0 0.5em
}
#detail li.print {
background: url("../img/print.gif") no-repeat left center
}
#basicr p.page {
padding-right: 15px
}
.end {
clear: both;
line-height: 1px;
font-size: 1px;
height: 1px;
margin-top: -1px
}
#kat .end {
background: url("../img/katin.gif") repeat-x;
margin-top: 0
}
#basicr p.back {
text-align: left;
margin-bottom: 10px
}
.nextimg {
margin: 0 0 5px 0;
padding: 0;
background: none;
text-align: left;
clear: right
}
#basicr .nextimg h4 {
text-align: left;
margin: 0
}
#basicr p.back {
padding-left: 20px;
background: url("../img/back1.gif") no-repeat 0 0.45em
}
.nextimg img {
margin: 5px 2px 5px 0
}
#basic li {
padding: 3px 0;
line-height: 1.3
}
.imgright {
float: right;
margin: 5px 0 015px 15px
}
/* detail */
/* article */
#article {
font-size: 90%
}
.article {
width: 100%;
border-bottom: 1px solid #b3cee9;
line-height: 1.4
}
.article span {
display: block;
text-align: right;
margin: 5px 0
}
/* article */
/* table */
.table {
padding: 10px 0
}
table {
border-collapse: collapse;
font-size: 100%
}
td {
padding: 5px
}
div.spec form table#basket tbody td, table#basket tbody td {
padding-top: 2px;
padding-bottom: 0
}
td.pocet {
width: 80px
}
td.pocet input {
text-align: center;
font-weight: bold
}
tfoot td {
padding: 5px;
font-weight: bold
}
tfoot tr.bordertop td {
background: none;
border-top: 5px solid #d9f0fd
}
tfoot td b {
color: #be0000
}
#obj {
width: 99%;
clear: right
}
#basket td input {
margin-left: auto;
margin-right: auto
}
#detail #basket td {
border: none
}
#obj table {
clear: right;
width: 100%;
text-align: center;
margin: 10px 0
}
#acces th, #obj th, #basket th, #basket1 th {
padding: 7px 5px
}
#obj th {
border-bottom: none
}
#obj td, #por td {
border-bottom: none
}
thead th, #orderlist thead th {
font-weight: normal;
background: #dff2fd;
color: #0665a3;
font-weight: bold
}
#obj td.nazev, #basket th.nazev, #basket1 th.nazer, #obj tfoot td.nazev, #obj thead th.nazev {
text-align: left;
padding-left: 10px
}
#acces td.name, #acces th.name {
width: 250px;
text-align: left
}
#obj #basket input, table#basket1 input, #basket td.pocet input {
width: 40px;
text-align: center
}
table#acces td.basket1 {
width: 120px;
text-align: center
}
#basket1 select {
width: 100%;
margin-top: 5px
}
#por div {
width: 100%
}
#por table {
width: 99%
}
#por td, #por div tr {
vertical-align: middle;
background: url("../img/katin.gif") repeat-x
}
#por th {
border-bottom: 1px solid #dff2fd;
border-top: 1px solid #dff2fd;
text-align: center;
padding: 4px 0
}
#por thead th {
text-align: left;
padding-left: 5px;
font-weight: normal;
font-size: 110%;
font-weight: bold;
color: #562f12
}
#por thead th.center {
text-align: center
}
.srov {
background: #ecf7fe
}
#srov th, td.srov {
background: #fff
}
#srov img {
margin: 10px 0 0 0;
border: none
}
#srov th.srov img {
border: 5px solid #fff
}
#obj p.goback {
padding-top: 15px
}
#par span, .table span {
font-weight: bold
}
table input {
margin-top: 2px
}
table.size th, #suma th, #suma td, #obj th, table#basket th, table#basket2 th, table#basket td, #dhl th, #srov th, #srov td {
padding: 7px 5px
}
#suma td, #orderlist td, table.size td {
text-align: center;
background: url("../img/katin.gif") repeat-x left bottom
}
table.size {
margin-bottom: 20px
}
table.size th, table.size td, table.size th.name {
width: 33%;
text-align: center
}
table#par {
background: url("../img/katin.gif") repeat-x
}
table#basket tfoot td, table#basket1 tfoot td {
background: url("../img/katin.gif") repeat-x left bottom
}
#obj table#basket1 td, #orderlist td {
padding-top: 7px;
padding-bottom: 7px
}
tr.lichy td, table#srov .srov {
background: #f5fbff
}
.spec {
padding: 15px 0;
width: 100%;
clear: right
}
.spec table#basket td, .spec table#basket2 td, table#basket2 td {
padding: 10px;
background: none;
border: 1px solid #dff2fd !important;
text-align: center
}
.spec table#basket th, .spec table#basket2 th, table#basket2 th {
text-align: center
}
.spec table#basket td.nazev, .spec table#basket th.nazev, .spec table#basket2 td.nazev, .spec table#basket2 th.nazev {
text-align: left
}
#srov thead th {
text-align: center
}
#srov td, #srov th {
border: 1px solid #dff2fd;
background-image: none;
vertical-align: top
}
a.basket {
background: url("../img/kosik.gif") no-repeat left center;
padding-left: 25px;
display: inline;
float: left
}
a.del {
background: url("../img/delete.gif") no-repeat 0 0.25em;
padding-left: 18px;
display: inline;
float: right
}
a.del:link, a.del:visited {
color: #b80000
}
p.add a {
padding-left: 15px;
background: url("../img/add.gif") no-repeat 0 0.3em
}
#por form tbody td {
border: none
}
table#par td {
text-align: left;
background: url("../img/katin.gif") repeat-x left bottom;
padding-left: 0
}
table#par td strong {
color: #840000
}
#suma th {
text-align:center
}
#suma th.name, #suma td.name, #dhl th.name, #dhl td.name {
text-align: left
}
#suma img {
border: none
}
table#dhl {
width: 50%;
margin-left: 5px
}
table#dhl tfoot td {
font-size: 86%
}
table#basket tfoot tr#sumprice td, table#basket1 tfoot tr#sumprice td {
font-size: 120%;
color: #840000;
font-weight: bold;
background: none !important;
border-top: 5px solid #d9f0fd
}
thead tr.noback th.noborder, #basket tfoot td.noborder, #basket1 tfoot td.noborder {
border-left: none !important;
border-top: none !important;
background: none !important
}
/* table */
/* links */
a {
text-decoration: underline
}
a:link, a:visited {
color: #4c7403
}
#kat h4 a:link, #kat h4 a:visited, #drob dd a:link, #drob dd a:visited, #drob dd {
color: #0665a3
}
a:hover, a:active, a:focus, #kat h4 a:hover, #kat h4 a:active, #kat h4 a:focus, #drob dd a:hover, #drob dd a:active, #drob dd a:focus {
color: #800000
}
#foot, #foot a:link, #foot a:visited {
color: #000
}
#foot a:hover, #foot a:active, #foot a:focus {
color: #800000
}
#toplist img {
border: none
}
/* links */
hr {
display: none
}
.none {
display: none
}
#reg form.sporo input.small {
width: 150px
}
.inactive {
background: #f6f6f6;
border: 1px solid #d1d1d1
}
#reg form.sporo input.ucel {
width: 100%
}
table#sporo1 {
width: 100%
}
table#sporo1 th {
background: #f2f2f2;
padding: 5px 5px 5px 15px
}
table#sporo1 td.check {
width: 5%
}
table#sporo1 td {
width: 45%
}
table#sporo1 label {
width: 100%
}
input.inline {
display: inline
}
a.print {
background: url("../img/print.gif") no-repeat left center;
padding-left: 23px
}
a.mail {
background: url("../img/mail.gif") no-repeat left center;
padding-left: 20px
}
a.fav {
background: url("../img/fav.gif") no-repeat left center;
padding-left: 20px
}
table.box th, table.box td {
text-align: center;
border: 1px solid #dff2fd
}
table#platba th, table#platba td, table#dodani th, table#dodani td {
text-align: left
}
table#dodani input, table#platba input {
width: 25px
}
#floatbug p.news {
padding: 0 0 15px 5px
}
dl#drob dt {
font-size: 120%;
font-weight: normal;
padding: 0 0 5px 0;
color: #4c7403
}
dl#drob dt strong {
font-weight: normal;
font-size: 110%;
color: #4c7403
}
#foot img {
display: none
}
p.top a {
font-weight: normal
}
h4.access {
clear: right;
margin-top: 15px
}
table#acces td a {
display: block;
padding-left: 25px;
text-align: left;
background: url("../img/kosik.gif") no-repeat left center
}
table#acces td.name a {
padding: 0;
background: none
}
#acces th.name {
background: #e1e1e1;
border: 1px solid #d1d1d1
}
#floatbug p.news {
padding-bottom: 0
}
p.news srong.red {
padding: 0 0 10px 0;
color: #0862b0;
display: block;
border-bottom: 1px solid #6d9ade
}
form#prepocet input.button {
width: 160px
}
.table table, .spec table {
width: 99%
}
table#platba {
margin-top: 10px;
margin-bottom: 5px
}
table#basket, table#basket1 {
margin-bottom: 5px
}
.catimage {
display: block;
margin: 15px 0 10px 0;
float: none
}
#new .rekl img {
margin: 0 0 3px 0
}
.imgleft {
float: left;
margin: 0 5px 0 0
}
p.news br {
clear: left
}
.origimg {
width: 100%
}
.origimg img {
margin-top: 15px
}
p.page a strong {
font-weight: normal
}
p.small strong {
display: block;
padding: 0 0 5px 0
}
#koupit {
clear: right;
background: url("../img/katin.gif") repeat-x left bottom;
width: 100%;
padding-bottom: 15px
}
#basic p#buy, #basicr p#buy {
text-align: center;
padding: 15px 0
}
#basic .text p.next, #basicr .text p.next {
padding-top: 15px
}
#buy input {
cursor: pointer;
width: 120px;
height: 30px
}
.top {
clear: both
}
#basket td.blue {
color: #336699
}
#next, #next ul {
width: 100%
}
#next li ul {
font-size: 90%;
padding: 10px 0
}
#next a {
display: block;
padding: 0 0 0 15px
}
#next li ul li a {
padding: 2px 10px 2px 25px;
font-weight: normal
}
#next a:link, #next a:visited {
color: #fff;
text-decoration: none
}
#next li ul li a:link, #next li ul li a:visited {
background: url("../img/eshops.gif") no-repeat 17px 50%
}
#next a:hover, #next a:active, #next a:focus {
color: #ffcc00 !important
}
#next li ul li a:hover, #next li ul li a:active, #next li ul li a:focus {
background: url("../img/eshops1.gif") no-repeat 17px 50%
}
#next li {
width: 100%;
list-style: none
}
#next li ul {
position: absolute;
background: orange;
width: 100%;
left: -999em;
background: #116099 url("../img/sub.gif") repeat-y;
border-bottom: 2px solid #69a3b9
}
#next li:hover ul, #next li.sfhover ul {
left: auto;
background: #116099 url("../img/sub.gif") repeat-y;
border-bottom: 2px solid #69a3b9;
color: #fff
}
/* highslide */
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt
}
.highslide {
outline: none;
text-decoration: none
}
.highslide img {
border: 10px solid #fff
}
.highslide:hover img {
border-color: #cecece
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default
}
.highslide-image {
border: none;
background: #f6f1ea
}
.highslide-wrapper, .highslide-outline {
background: white
}
.glossy-dark {
background: #111
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray
}
.highslide-caption {
display: none;
border-top: none;
font-size: 1em;
padding: 5px;
background: #fff
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em
}
.highslide-dimming {
position: absolute;
background: black
}
a.highslide-full-expand {
background: url(/highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px
}
.highslide-move, .highslide-move * {
cursor: move
}
.highslide-overlay {
display: none
}
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(/highslide/graphics/close.png)
}
.highslide-controls {
width: 195px;
height: 40px;
background: url(/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(/highslide/graphics/controlbar-white.gif) right -90px no-repeat
}
.highslide-controls li {
float: left;
padding: 5px 0
}
.highslide-controls a {
background-image: url(/highslide/graphics/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none
}
.highslide-controls a.disabled {
cursor: default
}
.highslide-controls a span {
display: none
}
.highslide-controls .highslide-previous a {
background-position: 0 0
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important
}
.highslide-controls .highslide-play a {
background-position: -30px 0
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important
}
.highslide-controls .highslide-pause a {
background-position: -60px 0
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px
}
.highslide-controls .highslide-next a {
background-position: -90px 0
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important
}
.highslide-controls .highslide-move a {
background-position: -120px 0
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important
}
.highslide-controls .highslide-close a {
background-position: -180px 0
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px
}
.highslide-maincontent {
display: none
}
.highslide-html-content {
display: none;
width: 500px;
padding: 0 5px 5px 5px;
overflow: hidden
}
.highslide-header {
padding-bottom: 5px
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right
}
.highslide-header ul li {
display: inline;
padding-left: 1em
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none
}
.highslide-header a {
font-weight: bold;
color: #000;
text-transform: uppercase;
text-decoration: none
}
.highslide-header a:hover {
color: black
}
.highslide-header .highslide-move a {
cursor: move
}
.highslide-footer {
height: 11px
}
.highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(/highslide/graphics/resize.gif)
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize
}
.draggable-header .highslide-header {
height: 16px
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
left: 0;
right: 16px;
top: 0;
width: auto;
z-index: 1
}
.draggable-header .highslide-header .highslide-move * {
display: none
}
.draggable-header .highslide-header .highslide-close {
position: relative;
float: right;
z-index: 2;
padding: 0
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(/highslide/graphics/closeX.png)
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px
}
.draggable-header .highslide-header .highslide-close span {
display: none
}
.no-footer .highslide-footer {
display: none
}
.wide-border .highslide-image {
border-width: 20px
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px
}
.borderless .highslide-image {
border: none
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver
}
.outer-glow {
background: #444
}
.outer-glow .highslide-image {
border: 5px solid #444444
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray
}
.colored-border .highslide-image {
border: 2px solid green
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none
}
.dark {
background: #111
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray
}
.dark .highslide-caption {
color: white;
background: #111
}
.dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a {
background-image: url(/highslide/graphics/controlbar-black-border.gif)
}
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold
}
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(/highslide/graphics/icon.gif) no-repeat 0 1px
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none
}
.controls-in-heading .highslide-controls li {
padding: 0
}
.controls-in-heading .highslide-controls a {
background-image: url(/highslide/graphics/controlbar-white-small.gif);
height: 20px;
width: 20px
}
.controls-in-heading .highslide-controls .highslide-move {
display: none
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px
}
#dostupnost th, #dostupnost td {
text-align: left;
font-weight: bold;
border: 1px solid #cecece;
padding: 2px 10px;
color: #840000
}
#dostupnost th {
font-weight: normal;
color: #000
}
#dostupnost h3 {
text-align: left
}
/* highlide */
#nav p.adv {
text-align: left;
color: #4c7403;
padding: 10px 25px
}
#subcategory {
padding-top: 10px;
}
#new .nav p.facebook {
text-align:left;
color:#000;
padding: 10px 25px;
}
#new p.facebook img {
float:left;
display:inline;
margin: 5px 10px 0 10px
}