ACC SHELL
/* výpis produktu */
div.vyberProduktu {
clear: both;
margin: 10px 0px 20px 0px;
padding: 5px 2px 5px 2px;
background: #DEEFF5;
border: 1px solid #042961;
}
div.vyberProduktu div.horni {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #042961;
}
div.vyberProduktu div.dolni {
}
div.vyberProduktu p {
display: inline;
font-weight: bold;
margin: 0px;
padding: 0px 10px 0px 0px;
}
div.vyberProduktu select {
width: 150px;
margin-right: 15px;
}
div.vyberProduktu select.vypis {
width: 100px;
&width: 80px;
}
div.vyberProduktu select.razeni {
width: 80px;
}
div.vyberProduktu select.vyrobce {
width: 120px;
}
div.vyberProduktu select.pocetProduktu {
width: 40px;
}
div.vyberProduktu div.vyhledavani {
display: inline;
margin-right: 15px;
}
div.vyberProduktu div.vyhledavani form {
display: inline;
}
div.strankovani {
clear: both;
height: 20px;
padding-top: 20px;
}
div.strankovani div {
float: left;
width: 20px;
height: 20px;
font-size: 11px;
line-height: 20px;
color: #042961;
text-align: center;
margin-right: 5px;
background: #DEEFF5;
border: 1px solid #C4D6DB;
}
div.strankovani div.predchoziDalsi {
width: 60px;
}
div.strankovani div.aktualni {
color: #FFFFFF;
border: 1px solid #8CC936;
background: #71B019;
}
div.strankovani div.neaktivni {
color: #8B8B8C;
background: #EBEBEB;
border: 1px solid #DFDFDF;
}
div.strankovani a:hover div {
border: 1px solid #8CC936;
}
div.produktyTabulka {
clear: both;
padding: 3px 0px 3px 3px;
}
div.produktyTabulkaPozadi {
background: #EFEFEF
}
div.produktyTabulkaZahlavi {
background: #6DA9CF
}
div.produktyTabulka div {
float: left;
/*border: 1px solid;*/
}
div.produktyTabulka div p {
margin: 0px;
text-align: center;
}
div.produktyTabulkaZahlavi div p {
font-weight: bold;
color: #FFFFFF;
}
div.produktyTabulka div.nazev {
width: 230px;
}
div.produktyTabulka div.nazev p {
text-align: left;
}
div.produktyTabulka div.sklad {
width: 60px;
}
div.produktyTabulka div.cena {
width: 80px;
}
div.produktyTabulka div.kosik {
width: 145px;
text-align: center;
}
div.produktyTabulka div.kosik form,
div.produktyTabulka div.kosik img {
display: inline;
float: right;
}
div.produktyTabulka div.kosik img.vice {
margin-right: 10px;
}
div.produktyTabulka div.kosik input.kusu {
position: relative;
top: -5px;
line-height: 15px;
width: 20px;
height: 15px;
padding: 0px;
border: 1px solid #9C1F1D;
}
div.produktyTabulka div.clear {
clear: both;
float: none;
_font-size: 0px;
_line-height: 0px;
}
div.produktyRozc {
position: relative;
float: left;
_display: inline;
width: 240px;
min-height: 215px;
_height: 215px;
padding: 5px;
margin: 4px;
border: 1px dotted #900000
}
div.produktyRozc p.nazev {
font-weight: bold;
text-align: left;
text-decoration: underline;
margin: 0px 0px 10px 0px;
padding: 0px;
}
div.produktyRozc div.foto {
float: left;
width: 97px;
margin-right: 8px;
margin-bottom: 30px;
}
div.produktyRozc div.foto p.sede {
color: #C0C0C0;
}
div.produktyRozc div.foto img.fotoProduktu {
/*border: 1px solid #807c7d*/
}
div.produktyRozc div.text {
float: right;
width: 135px;
margin-bottom: 30px;
}
div.produktyRozc div.text p {
line-height: normal;
text-align: left;
margin:0px;
padding: 0px;
}
div.produktyRozc div.text p.vyrobce {
margin-top: 7px;
}
div.produktyRozc div.text p.vyrobce span {
color: #71AD1A;
}
div.produktyRozc div.text p.naseCena {
font-weight: bold;
color: #067CC6;
margin-top: 7px;
}
div.produktyRozc div.text p.sklad {
text-align: center;
margin-top: 4px;
}
div.produktyRozc div.text div.sklad {
text-align: center;
margin-top: 4px;
}
div.produktyRozc div.text p.sklad span {
color: #FF0000;
}
div.produktyRozc div.kosik {
position: absolute;
bottom: 5px;
right: 5px;
clear: both;
text-align: center;
padding-left: 80px;
}
div.produktyRozc div.kosik form,
div.produktyRozc div.kosik img {
display: inline;
float: right;
}
div.produktyRozc div.kosik img.vice {
margin-right: 10px;
}
div.produktyRozc div.kosik input.kusu {
position: relative;
top: -5px;
line-height: 15px;
width: 20px;
height: 15px;
padding: 0px;
border: 1px solid #9C1F1D;
}
div.produkty p.nazev {
font-weight: bold;
font-size: 13px;
text-align: left;
text-decoration: underline;
color: #990000;
margin: 0px 0px 10px 0px;
padding: 0px;
}
div.produkty div.foto {
float: left;
width: 95px;
margin: 0px 50px 30px 0px;
_margin-right: -3px; /* IE6 3px bug */
}
div.produkty div.foto p.sede {
color: #C0C0C0;
}
div.produkty div.foto img.fotoProduktu {
/*border: 1px solid #067DC7*/
}
div.produkty div.varianty {
float: right;
width: 155px;
margin-bottom: 10px;
}
div.produkty div.varianty p {
margin: 0px;
padding: 0px
}
div.produkty div.text {
float: right;
width: 220px;
margin-bottom: 10px;
}
div.produkty div.text p {
line-height: normal;
text-align: left;
margin: 0px;
padding: 0px;
}
div.produkty div.text p.informace {
margin-bottom: 4px;
}
div.produkty div.text p.informace span {
font-weight: bold;
}
div.produkty div.text p.informace span.vyrobce {
font-weight: normal;
color: #71AD1A;
}
div.produkty div.cena {
clear: right;
float: right;
width: 375px;
border-top: 1px solid #067DC7;
}
div.produkty div.cena p.naseCena {
font-weight: bold;
font-size: 13px;
color: #067CC6;
margin-top: 7px;
}
div.produkty div.kosik {
clear: right;
float: right;
width: 375px;
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #067DC7;
}
div.produkty div.kosik form,
div.produkty div.kosik img {
display: inline;
}
div.produkty div.kosik img.vice {
margin-right: 20px;
}
div.produkty div.kosik input.kusu {
position: relative;
top: -5px;
line-height: 15px;
width: 20px;
height: 15px;
padding: 0px;
border: 1px solid #9C1F1D;
}
div.produkty div.popis {
clear: both;
}
div.produkty div.vlozil {
font-size:70%;
text-align:right;
}
div.produkty p.eshopNadpis {
font-size: 14px;
color: #7DB519;
margin: 20px 0px 20px 0px;
}
div.produkty table.fotogalerie {
width: 100%
}
div.produkty table.fotogalerie td {
text-align: center
}
div.produkty div.vlozitPrispevek {
margin-top: 20px;
}
div.produkty div.prispevek {
margin: 10px 0px 10px 0px;
padding: 5px 0px 5px 20px;
background: #EAF7FF;
border-top: 1px solid #12499C;
border-left: 1px solid #12499C;
}
div.produkty div.prispevek div.odpoved {
background: #CEE4FF;
padding: 5px 20px 5px 20px;
}
div.produkty div.prispevek p {
margin: 0px;
padding: 0px;
}
div.produkty div.prispevek p a {
color: #12499C;
}
div.produkty div.prispevek p a:hover {
color: #950B08;
}
div.produkty div.prispevek p.reagovat {
float: right;
font-size: 11px;
color: #12499C;
padding-right: 20px;
}
div.produkty div.prispevek p.datum {
float: left;
font-size: 10px;
color: #950B08;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #950B08;
}
div.produkty div.prispevek p.jmeno {
font-weight: bold;
font-size: 10px;
color: #12499C;
}
div.produkty div.prispevek p.prispevek {
margin-top: 10px;
}
/* košík */
.eshopChyba {
font-weight: bold;
color: #FFFFFF;
background: #F43800;
}
p.eshopChyba {
padding: 3px;
}
table.kosik {
width: 100%;
background: #B7DCE8;
}
table.kosik tr td {
height: 20px;
padding: 2px;
border: 1px solid #FFFFFF
}
table.kosik tr td.cenaCelkem {
text-align: right;
}
table.kosik tr td.dalsiPolozky {
font-weight: bold;
color: #FFFFFF;
text-align: right;
background: #6DA9CF;
}
table.kosik tr td.dalsiCeny {
text-align: right;
background: #6DA9CF;
}
table.kosik tr td.prazdny {
background: #FFFFFF;
}
table.kosik tr td.doprava {
}
table.kosik tr.zahlavi {
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: #99CC66
}
table.kosik tr.zahlavi td {
height: 25px;
}
table.kosik tr td.submit {
border: none;
}
/* formuláře */
table.eshopForm {
width: 100%;
}
table.eshopForm tr.s {
display: none;
}
table.eshopForm td {
text-align: left;
padding: 2px 0px 2px 0px
}
table.eshopForm td.labelPole {
width: 130px;
text-align: right;
vertical-align: top;
padding: 2px 7px 0px 0px;
}
table.eshopForm td.submit {
text-align: center;
padding-top: 3px;
border-top: 1px solid #C0C0C0
}
table.eshopForm td input.velke,
table.eshopForm td textarea.velke,
table.eshopForm td select.velke {
width: 350px;
}
table.eshopForm td textarea.velke {
height: 60px;
}
table.eshopForm td input.stredni,
table.eshopForm td textarea.stredni,
table.eshopForm td select.stredni {
width: 200px;
}
table.eshopForm td input.male,
table.eshopForm td textarea.male,
table.eshopForm td select.male {
width: 100px;
}
table.eshopForm td span.povinne {
font-weight: bold;
color: #CD0000;
padding-right: 5px;
}
div.levySloupec div div div.produktyAkce {
width: 160px;
text-align: center;
}
div.levySloupec div div div.produktyAkce p {
color: #333333;
text-align: center;
}
div.pravySloupec div div div.produktyNovinky {
width: 160px;
text-align: center;
}
div.pravySloupec div div div.produktyNovinky p {
color: #333333;
text-align: center;
}
.cenaTucne {font-weight: bold;}
.tucnecervene {
color: #e71f22;
font-weight: bold;
}
ACC SHELL 2018