/* resetovaci */
html,body,
applet,object,iframe,
h1, h2, h3, h4, h5, h6 ,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,ol,form,label,hr,
table,caption,tbody,tfoot,thead,tr,th,td, a img, ul, li {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
ol,ul {
list-style: none;
color: #5d5c5a;
margin: 0;
}
li {
padding: 0;
margin: 0;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}
.reset {
clear: both;
line-height: 0px;
width:1px;
visibility: hidden;
}
/* konec reset */
body {
font-family: Verdana, Tahoma, Helvetica, Geneva, Arial;
font-size: 11px;
color: #844131;
background: url(img/back-pruh.png) #c0c0c0 repeat-x;
text-align: center;
margin: 0;
padding: 0;
pitch: x-low;
}
.container {
position: relative;
margin: 0 auto;
text-align: left;
width: 971px;
}
em {
font-style: italic;
}
h1 {
position: absolute;
font-size: 13px;
font-weight: bold;
color: #fff;
right: 0;
top: 15px;
letter-spacing: 1px;
z-index: 100;
}
h1 span {
color: #844131;
}
h2 {
position: absolute;
padding: 0;
margin:0;
top: 0;
left: 50px;
}
h2 a img {
border: none;
}
h2 a span {
display: none;
}
h3.polozka{
height: 40px;
margin: 0;
}
h3.polozka a {
display: block;
height: 40px;
font-weight: bold;
font-size: 10px;
padding: 2px;
text-align: center;
color: #000;
}
h3.polozka a:hover {
color: #858585;
}
h3.h3-sekce {
font-size: 16px;
font-weight: bold;
margin-bottom:7px;
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva;
text-transform: uppercase;
letter-spacing: 1px;
}
h3.h3-sekce span {
color: #c47d26;
font-family: Times New Roman, serif;
}
h3.h3-produkty {
font-size: 16px;
font-weight: bold;
}
h3.h3-produkty span, h3.h3-produkty span a {
color: #c47d26;
font-size: 14px;
}
h3.h3-produkty span img {
vertical-align: middle;
}
h3 {
font-weight: bold;
color: #fbaf18;
font-size: 11px;
margin: 10px 0;
}
h4 {
padding: 0;
margin: 45px 0 0 20px;
color: #858585;
font-size: 18px;
font-weight: normal;
}
ul {
margin: 10px 20px;
}
li {
margin: 5px 0;
}
a {
font-size: 10px;
color: #844131;
}
a:hover {
color: #5d5c5a;
}
input, textarea {
border: solid 1px #fbaf18;
background: #f1f1f1;
}
fieldset {
padding: 5px;
}
ul#mainMenu
{
position: absolute;
right: 0;
top: 116px;
padding: 0;
margin: 0;
z-index: 30;
}
ul#mainMenu ul
{
margin: 0 0 0 1px;
padding: 0px;
width: 163px;
z-index: 20;
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva;
}
ul#mainMenu ul li
{
padding: 0;
margin: 0;
}
ul#mainMenu li a, ul#mainMenu li {
display: block;
width: 117px;
height: 49px;
text-align: center;
color: #ceb3ad;
font-weight: bold;
font-size: 10px;
text-decoration: none;
z-index: 30;
}
ul#mainMenu li a span {
display: block;
padding: 12px 0 0 0;
}
ul#mainMenu li {
float: left;
background: url(img/back-button.png) 0 0 no-repeat;
background-position: -117px;
margin: 0 0 0 1px;
}
ul#mainMenu li a {
background: url(img/back-button.png) 0 0 no-repeat;
}
ul#mainMenu li a:hover
{
background-image: none;
color: #fff;
}
ul#mainMenu ul li {
display: block;
float: left;
padding: 0;
margin: 0;
background: none;
height: 20px;
}
ul#mainMenu ul a
{
display: block;
float: left;
width: 163px;
font-size: 10px;
font-weight: bold;
color: #642c1e;
text-decoration: none;
text-align: left;
background: #fbaf18;
padding: 4px 0 0 10px;
border-top: solid 1px #fff;
height: 20px;
}
ul#mainMenu ul a:hover
{
color: #fff;
font-weight: bold;
background: #8d574a;
}
ul#mainMenu ul
{
position:absolute;
visibility:hidden;
border: none;
}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}
ul#mainMenu li li
{
border:none;
padding:0;
}
ul#mainMenu li
{
behavior: url(hover.htc);
text-align: left;
}
.container-body
{
width: 971px;
padding: 173px 0 0 0;
}
.right {
float: right;
width: 706px;
}
.left {
float: left;
width: 260px;
}
.right-uvod
{
width: 706px;
background: url(img/back-kruhy-uvod.png) no-repeat;
}
.right-obsah
{
width: 706px;
background: url(img/back-kruhy-obsah.png) top no-repeat #fff;
}
.texty-obsah-bottom {
float: left;
width: 706px;
height: 14px;
margin: 0 0 -5px 0;
background: url(img/back-obsah-bottom.png) top no-repeat ;
}
.head
{
width: 707px;
}
ul.menu-left {
position: relative;
padding: 16px 0 0 0;
margin: 0 0 0 3px;
background: url(img/back-menu-left-top.png) no-repeat;
width: 262px;
height: 227px;
font-family: Arial, Verdana, Tahoma, Helvetica, Geneva;
margin-bottom:10px;
text-transform: uppercase;
}
ul.menu-left li {
margin: 0 ;
padding: 0;
}
ul.menu-left li a {
display: block;
font-size: 14px;
font-weight: bold;
color: #844131;
text-decoration: none;
background: url(img/odr-hneda-off.png) top left no-repeat;
padding: 2px 0 0 40px;
height: 22px;
margin: 0 0 11px 20px;
letter-spacing: 1px;
}
ul.menu-left li a:hover, ul.menu-left li a.active {
color: #fff;
background: url(img/odr-hneda-on.png) top left no-repeat;
}
ul.submenu
{
padding: 0;
margin: 20px 0 0 20px;
}
ul.submenu li
{
margin: 0 0 5px 0;
padding: 0;
}
ul.submenu li a {
display: block;
font-size: 12px;
color: #844131;
background: url(img/odr-zluta.png) left no-repeat;
padding: 0 0 0 20px;
text-decoration: none;
}
ul.submenu li a:hover {
color: #fff;
}
p.url {
position: absolute;
padding: 0;
margin: 0;
font-family: Times New Roman, serif;
right: 0;
top: 73px;
}
p.url a {
font-size: 24px;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
}
p.url a span {
color: #c0c0c0;
}
p.url a:hover {
color: #c0c0c0;
}
p.url a:hover span {
color: #fff;
}
.bottom {
float: left;
width: 971px;
height: 53px;
background: url(img/back-bottom.png) no-repeat;
margin: 10px 0 0 0;
}
.bottom p {
text-align: right;
padding: 7px 7px 0 0;
margin: 11px 0 0 0;
}
ul.bannerky {
float: left;
padding: 0;
margin: 6px 0 0 0;
}
ul.bannerky li {
float: left;
padding: 0;
margin: 0;
}
ul.bannerky p.levy {
width: 190px;
text-align: center;
padding: 0;
margin: 40px 0 0 16px;
}
ul.bannerky p.pravy {
width: 190px;
text-align: center;
padding: 0;
margin: 45px 0 0 140px;
}
ul.bannerky li.bannerek-1 a,
ul.bannerky li.bannerek-2 a,
ul.bannerky li.bannerek-3 a,
ul.bannerky li.bannerek-4 a {
float: left;
width: 352px;
height: 186px;
text-decoration: none;
color: #cbafa9;
font-size: 10px;
margin: 1px 1px 0 0;
padding: 0;
}
ul.bannerky li.bannerek-1 a {
background: url(img/back-vyber-1.png) no-repeat;
}
ul.bannerky li.bannerek-2 a {
background: url(img/back-vyber-2.png) no-repeat;
}
ul.bannerky li.bannerek-3 a {
background: url(img/back-vyber-3.png) no-repeat;
}
ul.bannerky li.bannerek-4 a {
background: url(img/back-vyber-4.png) no-repeat;
}
ul.bannerky li a:hover {
color: #fff;
}
ul.bannerky span {
display: block;
font-family: Times New Roman, serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 15px 0;
height: 30px;
}
.flash {
position: absolute;
right: 0px;
width: 300px;
height: 220px;
margin-top: 0px; z-index: 1;
}
.texty {
float: left;
width: 345px;
padding: 6px 0 0 20px;
font-weight: bold;
}
.texty-obsah {
float: left;
width: 600px;
padding: 40px 0 0 20px;
text-align: justify;
}
.texty-obsah table td {
border: solid 1px #d6d6d6;
padding: 3px;
}
.texty-vypis {
float: left;
width: 670px;
padding: 10px 0 0 20px;
}
p.dale {
text-align: right;
}
p.dale a {
color: #fbaf18;
}
p.dale a:hover {
color: #844131;
}
p.dale img {
vertical-align: middle;
}
p.copy {
font-size: 10px;
text-align: right;
}
p.copy img {
vertical-align: middle;
margin: 0 15px 0 0;
}
table.login {
position: absolute;
top: 59px;
left: 265px;
}
table.login td {
color: #d4bcaf;
font-size: 10px;
}
table.login a {
color: #fff;
font-size: 10px;
}
table.login a:hover {
color: #d4bcaf;
}
table.login input {
border: solid 1px #653226;
background: #a06d61;
margin: 1px 1px 1px 0;
padding: 2px;
color: #fff;
}
table.login input.logbutton {
width: 71px;
height: 21px;
line-height: 21px;
background: url(img/back-butt-login.png) top no-repeat;
padding: 0 0 3px 0;
border: none;
cursor: hand;
}
p.pocet {
padding: 0;
margin: 15px 0 5px 0;
color: #858585;
font-size: 10px;
}
p.filtry {
float: right;
width: 40%;
margin: 0 0 10px 0;
line-height: 20px;
height: 20px;
color: #000;
}
p.filtry img {
vertical-align: middle;
}
ul.strankovani {
float: left;
text-decoration: none;
margin: 0 0 10px 0;
color: #000;
}
ul.strankovani li {
float: left;
line-height: 20px;
}
ul.strankovani li a {
display: block;
text-align: center;
line-height: 20px;
height: 20px;
width: 20px;
background: #fbaf18;
text-decoration: none;
margin: 1px 1px 0 0;
border: 0;
}
ul.strankovani li a:hover {
background: #844131;
color: #fff;
}
hr.odd {
float: left;
width: 100%;
border: none;
background: silver;
height: 1px;
margin: 12px 0;
}
.produkt {
float: left;
border: solid 1px #5d5c5a;
width: 213px;
height: 275px;
margin: 6px 3px 6px 3px;
background: #fff;
}
p.polozka-img {
display: block;
height: 180px;
line-height: 180px;
text-align: center;
padding: 0;
margin: 0;
}
p.polozka-img img {
vertical-align: middle;
}
p.polozka-img a img{
border: solid 3px #fff;
}
p.polozka-img a:hover img{
border: solid 3px silver;
}
p.polozka-cena {
text-align: center;
color: #000;
font-weight: bold;
font-size: 13px;
padding: 6px 0 0 0;
margin: 0;
}
.dokose {
text-align: center;
padding: 3px;
background: silver;
color: #fff;
font-size: 11px;
}
input.dokose-input {
width: 30px;
padding: 2px;
border: solid 1px silver;
text-align: center;
color: #5d5c5a;
font-size: 11px;
}
input.dokose-butt {
background: url(img/back-dokose-butt.png) no-repeat;
height: 24px;
line-height: 24px;
padding: 3px;
width: 101px;
padding: 0 0 3px 0;
border: none;
cursor: hand;
color: #fff;
font-size: 11px;
}
.produkt-detail-prava {
float: right;
width: 330px;
margin: 10px 0 0 0;
}
.produkt-detail-leva {
float: left;
width: 320px;
margin: 25px 0 0 0;
}
p.produkt-detail-foto {
padding: 0;
margin: 0;
text-align: center;
}
p.produkt-detail-foto a img {
border: solid 3px silver;
}
p.produkt-detail-foto a:hover img {
border: solid 3px #fbaf18;
}
p.polozka-info {
border-top: solid 1px #d6d6d6;
padding-top: 6px;
font-size: 10px;
padding: 0 0 0 30px;
height: 25px;
line-height: 25px;
}
p.polozka-info img {
vertical-align: middle;
}
p.sklad-ano {
background: url(img/sklad-ano.png) left center no-repeat;
color: #219a00;
}
p.sklad-dotaz {
background: url(img/sklad-dotaz.png) left center no-repeat;
color: #fbaf18;
}
p.sklad-ne {
background: url(img/sklad-ne.png) left center no-repeat;
color: #d30000;
}
input.produkt-dotaz {
border: solid 1px #fbaf18;
background: #d6d6d6;
padding: 3px;
margin: 0 1px 5px 0;
width: 154px;
}
textarea.produkt-dotaz-area {
border: solid 1px #fbaf18;
background: #d6d6d6;
padding: 3px;
margin: 0 1px 5px 0;
width: 320px;
}
input.produkt-dotaz-butt {
float: right;
border: solid 1px silver;
background: #d6d6d6;
padding: 2px;
margin: 0 0 10px 0;
font-size: 11px;
cursor: hand;
}
td.kosik-td {
width: 115px;
}
p.kosik-stav {
padding: 0 0 0 25px;
background: url(img/back-kosik.png) center left no-repeat;
margin: 0;
height: 22px;
line-height: 22px;
}
#box-hledani {
margin: 45px 0 0 0;
padding: 30px 0 0 30px;
background: url(img/lupa.png) left top no-repeat;
}
#box-hledani table {
}
#box-hledani h3{font-weight:bold; font-size:12px; color: #fff;}
#box-hledani input {
border: solid 1px #844131;
background: #fff;
margin: 5px 2px 0 0 ;
}
p.svatek {
display: block;
padding: 0 2px;
background: url(img/back-gift.png) left no-repeat;
width: 216px;
height: 27px;
line-height: 27px;
color: #858585;
margin: 10px 0 0 20px;
}
p.svatek strong {
color: #d30000;
}
p.p-center {
text-align: center;
font-weight: bold;
color: #fbaf18;
font-size: 12px;
}
p.p-vyraz {
padding: 10px 40px;
font-size: 13px;
color: #fbaf18;
font-style: italic;
text-align: center;
}
ul.kodex li{
list-style-type: decimal;
color: #fbaf18;
margin: 7px 20px;
}
p.servis {
line-height: 30px;
}
p.servis a{font-size:15px;}
p.servis img {
vertical-align: middle;
}
td.form-reklam {
width: 170px;
}
fieldset {
margin: 0 0 15px 0;
}
table.reklamace, table.reklamaceb {
margin: 20px 0;
}
table.reklamace input, table.reklamace textarea {
border: solid 1px #fbaf18;
padding: 2px;
margin: 3px ;
width: 300px;
}
table.reklamaceb input, table.reklamaceb textarea {
border: solid 1px #fbaf18;
padding: 2px;
margin: 3px ;
width: 180px;
}
table.reklamace textarea, table.reklamaceb textarea {
height: 100px;
}
p.portret {
float: left;
margin: 10px 20px 50px 0;
}
table.kontakt-form {
}
table.kontakt-form input, table.kontakt-form textarea {
width: 250px;
padding: 2px;
margin: 3px;
color: #858585;
font-size: 11px;
}
table.kontakt-form textarea {
height: 68px;
}
ul.ul-text li {
list-style-type: disc;
color: #844131;
}
p.soutez {
position: absolute;
padding: 0;
margin: 0;
left: 50px;
top: 400px;
}
p.soutez a {
display: block;
background: url(img/back-soutez.png) no-repeat;
width: 203px;
height: 62px;
}
p.soutez a span {
display: none;
}
p.soutez-p {
margin: 135px 5px 0 180px;
text-align: center;
color: #fbaf18;
font-size: 14px;
}
p.soutez-p img{
vertical-align: middle;
margin: 0 6px;
}
.sbu-zavrit span img {
vertical-align: middle;
}
.texty-obsah ul, .texty-obsah ol {
margin: 10px 20px;
}
.texty-obsah ul li {
list-style-type: circle;
}
.texty-obsah ol li {
list-style-type: decimal;
}
.texty-obsah p {
font-style: normal;
}
object.miniobalka {
position: absolute;
margin-top: 20px;
margin-left: 70px;
}
.ads {
width: 100%;
margin: 20px;
text-align: center;}
.ads object {
margin: auto;}