body {font-size:80%;background:#e2d5c3 url('pictures/pozadi.jpg') center top repeat;color:#3a3a3a;margin:0px;padding:0px;font-family:Verdana,"Geneva CE",lucida,sans-serif;text-align:center;}
a {color:#000000;}
#warning {width:150px;background:url('pictures/topPruhRed.png') repeat;text-align:center;font-weight:bold;color:#FFFFFF;padding:10px;font-size:14px;position:fixed;margin:100px 0 0 0;}
#pozadi {position:relative;background:url('pictures/topPruh.png') repeat-x top;}
#layout {position:relative;margin:auto;text-align:left;width:950px;}

.clear {clear:both;}
.wrongDialogMessage {font-size:12px;}

#header {position:relative;width:950px;height:170px;}
#header ul.menu {position:absolute; font-family:sans-serif; right:0px; top:143px; margin:0px; padding:0px;}
#header ul.menu li {margin:0px; padding:0px; display:inline;}
#header ul.menu a {color:black; display:block; float:left; text-decoration:none; font-weight:bold; line-height:22px; height:22px; text-transform:uppercase; padding:0px 10px 0px 10px;}
#header ul.menu a:hover {color:#991680;}
#header ul.menu a.vyber, #header ul.menu a.vyber:hover {background:#56034a url('pictures/menuLevo.png') no-repeat; color:white; padding:0px;}
#header ul.menu a.vyber span {background:url('pictures/menuPravo.png') right top no-repeat; cursor:pointer; display:block; float:left; padding:0px 10px 0px 10px;}

#header div.kosik {position:absolute; left:8px; top:0px; padding:0px 0px 0px 18px; background:url('pictures/kosik.png') left 11px no-repeat; height:30px; line-height:30px; color:#ffffff;}
#header div.kosik a {color:#ffffff; text-decoration:underline;}
#header div.kosik a:hover {color:#641c57; text-decoration:none;}
#header div.user {position:absolute; right:10px; top:0px; text-align:right; height:30px; line-height:30px; color:#ffffff;}
#header div.user a {color:#ffffff; text-decoration:underline;}
#header div.user a:hover {color:#641c57; text-decoration:none;}

#header h1 {font-size:5%; float:left;margin:0;}
#header h1 a {margin:73px 0 0 10px;padding:45px 0 0 40px;width:360px;height:25px;text-decoration:none;float:left;color:white;cursor:pointer;overflow:hidden;}
#header h1 span {margin:40px 0 0 20px;position:absolute;display:block;float:left;left:0px; top:0px; width:360px;height:130px; background:url('pictures/nadpis.png') no-repeat; }

#levo {position:relative;width:250px;float:left;}
#levo div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px;}
#levo h2 {margin:0px 0px 10px 0px; color:#000000;}
#levo form.vyhledavani {position:relative;background:white url('pictures/levoNahore.png') no-repeat; margin:5px 0px 5px 0px;padding:12px;}
#levo form.vyhledavani h2 {color:#000000;}
#levo form.vyhledavani div {position:relative;margin:10px 0px 0px 0px;}
#levo form.vyhledavani input {width:174px; _width:190px; border:none; height:20px; _height:23px; font-size:90%; padding:3px 8px 0px 8px; color:#a1a1a1; background:#f1f1f1 url('pictures/input.gif') no-repeat;}
#levo form.vyhledavani button {position:absolute; right:0px; top:-4px; _top:-3px; _right:10px; width:31px; height:31px; cursor:pointer; border:none; background:#da241b url('pictures/hledat.gif') no-repeat;}
#levo form.vyhledavani button span {display:none;}

#levo div.prihlaseni {position:relative;background:white; margin:0px 0px 5px 0px;padding:12px;}
#levo div.prihlaseni h2 {color:#000000;}
#levo div.prihlaseni ul {margin:8px 0px 0px 0px; padding:0px; list-style-type:none;}
#levo div.prihlaseni ul li {margin:0px; padding:0px 0px 0px 31px; font-size:80%;}
#levo div.prihlaseni ul li.user {background:url('pictures/user.gif') left center no-repeat; font-size:100%; height:27px; line-height:27px;}

div.anketa {position:relative;background:white; margin:0px 0px 5px 0px;padding:12px;}
div.anketa p {margin:0px; font-size:80%;}
div.anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style-type:none; font-size:80%;}
div.anketa ul li {margin:0px; padding:3px 0px 3px 0px;}
div.anketa ul li span {display:block; height:10px; background:#56034a; margin:3px 0px 0px 0px;}

#levo div.menu {position:relative;background:white; margin:0px 0px 5px 0px;}
#levo div.menu ul {margin:0px; padding:0px; list-style-type:none;}
#levo div.menu ul li {margin:3px 0 0px 0; padding:0px;}
#levo div.menu ul ul {margin:0px; padding:0px 0px 0px 25px;}
#levo div.menu ul ul li {margin:0px 0 0px 0;}
#levo div.menu ul li a {display:block; _height:1px; font-size:80%; text-decoration:none; font-weight:bold; color:#ffffff; background:#8f8f8f; padding:6px 8px 6px 12px; border-bottom:1px solid #dad8bd;}
#levo div.menu ul ul li a {color:#555555;font-weight:normal;background:#d2cbd3; border-bottom:1px solid #e0dad2;}
#levo div.menu ul li a:hover {color:#ffffff;background:#b3a9b4;}
#levo div.menu ul li a.vyber {font-weight:bold;color:#000000; background:#aeaeae; border-bottom:1px solid #dddccf;}
#levo div.menu ul li a.vyber:hover {color:#ffffff;background:#b3a9b4;} 
#levo div.menu ul {font-size: 10pt;}
#levo div.menu ul ul {font-size: 9pt;}
#levo div.menu ul ul ul {font-size: 9pt;}

#levo .produkt, #pravo .produkt {position:relative; height:80px;}
#levo .produkt h3, #pravo .produkt h3 {font-size:100%; padding:8px 0px 0px 0px; height:18px; overflow:hidden; margin:0px 0px 5px 0px;}
#levo .produkt .ceny, #pravo .produkt .ceny {font-size:70%;}
#levo .produkt .obrazek, #pravo .produkt .obrazek {float:left;}
#levo .produkt .obrazek img, #pravo .produkt .obrazek img {height:75px; margin:0px 5px 0px 0px;}

#levo div.nejprodavanejsi {position:relative;background:white; margin:0px 0px 5px 0px;padding:12px;}
#levo div.nejprodavanejsi ol, #pravo div.nejprodavanejsi ol {margin:10px 0px 0px 0px; padding:0px;}
#levo div.nejprodavanejsi ol li, #pravo div.nejprodavanejsi ol li {margin:0px 0px 0px 28px; padding:0px;}

#levo div.kontakty ul, #pravo div.kontakty ul {margin:8px 0px 0px 0px; padding:0px; list-style-type:none;}
#levo div.kontakty img {margin:0 0 0 40px;}
#levo div.kontakty p {text-align:center;font-size:8px;font-weight:bold;color:#000000;margin:0 auto;}
#levo div.kontakty ul li, #pravo div.kontakty ul li {margin:0px; padding:0px 0px 0px 31px; font-weight:bold; height:27px; line-height:27px;}
#levo div.kontakty ul li.tel, #pravo div.kontakty ul li.tel {background:url('pictures/mobil.gif') left center no-repeat;}
#levo div.kontakty ul li.mail, #pravo div.kontakty ul li.mail {background:url('pictures/mail.gif') left center no-repeat;}
#levo p {margin:0;padding:0;}
#levo div.roh {position:absolute;background:white url('pictures/levoDole.png') no-repeat; bottom:5px; left:0px;float:left;overflow:hidden;z-index:2;width:15px; height:15px;}

#obsah {position:relative;width:695px;float:right;line-height:1.5;}
#obsah div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px; _height:1px;}
#obsah #drobecky {margin:5px 0px 5px 0px; background:white url('pictures/pravoNahore.png') right top no-repeat;}
#obsah #drobecky a {color:#000000;}
#obsah div.box h2 {margin:0px 0px 5px 0px;}
#obsah div.box h3 {margin:0px 0px 10px 0px;}
#obsah div.box p {margin:8px 0px 0px 0px;}
#obsah div.box .razeni {margin:0px 0px 20px 0px;}

#obsah div.aktualita h3 {margin:0px;}
#obsah div.aktualita img {float:right; margin:0px 0px 5px 5px;}

#obsah div.box .produkt {position:relative; line-height:1.3; float:left; margin:0px 5px 5px 0px; border:1px solid #d4d4d4; padding:10px; font-size:80%; height:350px; _height:372px; width:197px; _width:219px;}
#obsah div.box .maly {height:240px; _height:262px;}
#obsah div.box .bezOkraje {margin:0px 0px 5px 0px !important;}
#obsah div.box .okraj {margin:0px 4px 4px 0px !important;}
#obsah div.box .produkt h3 {margin:0px; height:47px; overflow:hidden;}
#obsah div.box .produkt .obrazek {height:140px; text-align:center;}
#obsah div.box .produkt .obrazek img {width:140px;}
#obsah div.box .produkt .popisek {margin:15px 0px 0px 0px; height:95px; overflow:hidden;}
#obsah div.box .produkt .ceny {float:left;margin:6px 0px 0px 0px;font-weight:bold; font-size:104%;}
#obsah div.box .produkt .ceny strong {color:#d9261c;}
#obsah div.box .produkt a.koupit {float:right;border:none;margin: 0 0 0;cursor:pointer;}
#obsah div.box .produkt .ceny .mnozstvi {position:absolute; width:48px; text-align:center; bottom:52px; right:5px; font-size:90%;}
#obsah div.box .produkt .ceny .mnozstvi input {font-size:100%;}
#obsah div.box .produkt .topleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:2; background:url('pictures/topleft.gif') no-repeat;}
#obsah div.box .produkt .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:-1px; right:-1px; z-index:2; background:url('pictures/topright.gif') no-repeat;}
#obsah div.box .produkt .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; left:-1px; z-index:2; background:url('pictures/bottomleft.gif') no-repeat;}
#obsah div.box .produkt .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; right:-1px; z-index:2; background:url('pictures/bottomright.gif') no-repeat;}
#obsah div.box p {font-weight:normal;}
#obsah div.roh {background:white url('pictures/pravoDole.png') no-repeat bottom right;margin:-5px 0 0 0;padding:0;height:15px;}

#obsah div.detail ul {list-style:none;float:right;margin:10px 0px 0px 20px; font-size:80%; line-height:1.5; width:300px;padding:0px;}
#obsah div.detail ul li {margin:0px; padding:0px;}
#obsah div.detail ul li.cena strong {font-size:160%; color:#d9261c;}
#obsah div.detail form {margin:10px 30px 0px 0px; padding:0px;float:right;}
#obsah div.detail form input {text-align:center; margin:0px 0px 0px 30px;}
#obsah div.detail form button {margin:5px 0px 0px 0px; border:none; width:112px; height:48px; cursor:pointer; background:url('pictures/koupitDetail.gif') no-repeat;}
#obsah div.detail form button span {display:none;}
#obsah div.detail img.hlavni {float:right; position:relative; right:60px;width:200px;}
#obsah div.detail img {float:left;width:320px;}

#obsah div.galerie img {width:150px; margin:5px 11px 0px 0px;}

#obsah #strankovani a, #obsah #strankovani .tlacitko, #obsah #strankovani strong {margin:0px 4px 0px 0px;}
#obsah #strankovani .tlacitko {padding:2px; background:#ececec; border:1px solid #d4d4d4; color:#d4d4d4; font-size:120%; font-weight:bold;}
#obsah #strankovani .tlacitko a {text-decoration:none; margin:0px;}

#obsah .prihozeni {text-align:center;}
#obsah .prihozeni img {margin:15px;}

#obsah a.pdf {background:url('pictures/support06.gif') left center no-repeat;color:#56034a;display:block;padding:8px 0 8px 40px;margin:0 0 0 30px;}
#obsah a.rar {background:url('pictures/support05.png') left center no-repeat;color:#56034a;display:block;padding:8px 0 8px 40px;margin:0 0 0 30px;}

.uvod {width:467px !important; float:left !important; left:5px;}
.uvod #drobecky {background:white !important;}

#pravo {position:relative;width:223px;float:right;}
#pravo div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px;}
#pravo div.prvni {background:white url('pictures/pravoNahore.gif') right top no-repeat; margin:5px 0px 5px 0px;}
#pravo h2 {margin:0px 0px 5px 0px;}
#pravo h2.black {color:black;}
#pravo p {font-size:80%; line-height:1.5;}

#paticka {position:relative;width:695px;left:255px;padding:10px 0px 40px 0px;color:#000000;font-size:80%;line-height:2;}
#paticka a {color:#000000; text-decoration:underline;}
#paticka a:hover {color:#000000; text-decoration:none;}
#paticka p {margin:0px 0px 10px 0px; border-bottom:1px solid #623e1a; padding:0px 0px 10px 0px;}
#paticka span {float:right; text-align:right;}

div.clean {position:relative; clear:both;}

a {color:#56034a; text-decoration:underline;}
a:hover {color:#56034a;text-decoration:none;}

img {border:none;}

input {border:1px solid #bebebe; color:#3a3a3a;}

.center {text-align:center;}

h2  {margin:10px 0px 5px 0px; color:#000000; font-size:160%; font-weight:normal; font-family:sans-serif;}
h3  {margin:10px 0px 5px 0px; color:#000000; font-size:120%; font-weight:bold; font-family:sans-serif;}

table.kosik {position:relative; margin:5px 0px 0px 0px; text-align:center; font-size:80%; border-collapse:collapse; width:671px; line-height:2;}
table.kosik input {font-size:90%; width:20px; text-align:center; padding:0px;}
table.kosik img {position:relative; top:3px; _top:2px;}
table.kosik td {padding:2px;}
table.kosik tr.horni {background:#e9e3db; color:#928a7f;font-weight:bold; border:none;}
table.kosik tr {border-bottom:1px solid #e9e3db;}
table.kosik td.prvni {text-align:left;padding:0 0 0 5px;}

div.pokracovat {text-align:center; margin:12px 0px 0px 0px; font-size:90%;}
div.pokracovat a {border:none;background:#d55e06; color:white; padding:3px 5px 3px 5px; text-decoration:none;}
div.pokracovat a:hover {border:none;background:#ac4b03; color:white;}
div.pokracovat .buttonNext {height:20px;border:none;background:#d55e06; color:white; padding:0px 5px 0px 5px; text-decoration:none;}
div.pokracovat .buttonNext:hover {border:none;background:#ac4b03; color:white;}

.redbox {background: #ee0000 url(pictures/important.png) no-repeat 10px 10px; color: #fff; font-weight: bold; padding: 10px 10px 10px 50px; border: #dd0000 1px solid;}
.important {background: #ffef6c url(pictures/important.png) no-repeat 10px 10px; color: #e71000; font-weight: bold; padding: 10px 10px 10px 50px; border: #c29c00 1px solid;}
label {cursor: pointer;}

.produkt .obrazek {overflow: hidden;}

.navstivenyProdukt {clear: both; height : 50px;}
.navstivenyProdukt img { float: left; width: 50px; margin-right: 10px;}
.navstivenyProdukt a {display: block;}

button.button {background: #d55e06; border: 1px solid #c44d05; color: #fff; padding: 5px 10px 5px 10px; margin: 1px;}
.doprava {float:right;}

.asistent {font-size: 8pt; width: 100%; border: 0px;}
fieldset {background: #f5f5f5; border: 1px solid #ccc; margin-top: 10px;}
fieldset legend {color: #fff; background: #d55e06; font-weight: bold; padding: 2px 5px 2px 5px;border: 1px solid #fff;}
fieldset fieldset legend {background: #f88f39;}

#mailForm {background-color:#b980b1;padding:10px;margin:0 30px 0 30px;}
#mailForm input.text {border:1px solid #cccccc;width:280px;}
#mailForm .zprava {width: 433px;height:160px;}
#mailForm table {margin:0 auto;}
#mailForm table td.left {}
div.top {margin:0 30px 0 30px;padding:5px 0 5px 0;text-align:center;background-color:#56034a;color:#FFFFFF;font-weight:bold;text-transform:uppercase;font-size:14px;} 
#mailForm table td.right {text-align:right;}
#mailForm table td.right input.submit {background-color:#56034a;color:#FFFFFF;border:none;padding:5px 20px 5px 20px;}


.paging {font-size:13px;float:left;}

.paging span {margin:0 2px 0 2px;font-weight:bold;color:#000000;text-decoration:none;}
.paging a {margin:0 2px 0 2px;text-decoration:underline;color:#56034a;}
.paging a:hover {text-decoration:none;}
.paging a.sipka {margin:0 5px 0 5px;padding:2px 0 2px 0;background-color:#baa0b6;border:1px solid #56034a;color:#56034a;font-weight:bold;text-decoration:none;}

.pagingSuma {float:right;line-height:19px;}  
.pagingSuma select {border:1px solid #56034a;background-color:#baa0b6;}  

.pagingSuma input {width:100px;height:9px;}


.clickSlider {cursor:pointer;font-size:11px;margin:0 auto;padding:3px 0 0 0;text-align:center;background:#ffffff url(pictures/arrowDown.png) no-repeat bottom center;width:150px;height:25px;border:1px solid black;}

#gallery {width:630px;margin:20px 0 0 10px;}
#gallery .album {float:left;border:1px solid black;width:160px;background-color:#eeeeee;}
#gallery .album h4 {margin:0;padding:2px 0 0 8px;} 
#gallery .album h4 a {line-height:18px;margin:0;font-size:12px;text-decoration:none;} 
#gallery .album .n {margin:5px 0 0 5px;width:150px;height:100px;overflow:hidden;}
#gallery .album .n img {width:170px;border:none;}
#gallery .album .nn {margin:5px 0 0 5px;width:150px;height:100px;overflow:hidden;}
#gallery .album .nn img {width:50px;border:none;}


form.gbBoxes table {padding:15px;margin:0 0 0 10px;}
form.gbBoxes table tr td.left {width:130px;text-align:right;}
form.gbBoxes table tr td input.text {width:340px;height:18px;border:1px solid #000000;}
form.gbBoxes table tr td textarea.text {width:335px;height:100px;border:1px solid #000000;}                       
form.gbBoxes table tr td.captcha img {float:left;}
form.gbBoxes table tr td.smiles img {cursor:pointer;margin:0 0 0 3px;float:left;}
form.gbBoxes table tr td.captcha {padding:5px 0 0 0;}
form.gbBoxes table tr td.captcha span {margin:0 0 0 5px;padding:2px 0 0 0;background-color:#000000;color:#FFFFFF;float:left;line-height:5px;font-size:10px;}
form.gbBoxes table tr td.captcha span input {margin:4px 0 0 0;float:left;width:90px;font-size:18px;height:20px;}                       
form.gbBoxes table tr td.captcha input.inputSubmit {height:35px;width:115px;float:left;border:1px solid black;margin:0 0 0 5px;}

.gbPost table {background-color:#E0E0E0;padding:15px;margin:0 auto;}
.gbPost table tr td.left {width:130px;text-align:right;}
.gbPost table tr td input.text {width:340px;height:18px;border:1px solid #000000;}
.gbPost table tr td textarea.text {width:335px;height:100px;border:1px solid #000000;}                       
.gbPost table tr td.captcha img {float:left;}
.gbPost table tr td.smiles img {cursor:pointer;margin:0 0 0 3px;float:left;}
.gbPost table tr td.captcha {padding:5px 0 0 0;}
.gbPost table tr td.captcha span {margin:0 0 0 5px;padding:2px 0 0 0;background-color:#000000;color:#FFFFFF;float:left;line-height:5px;font-size:10px;}
.gbPost table tr td.captcha span input {margin:4px 0 0 0;float:left;width:90px;font-size:18px;height:20px;}                       
.gbPost table tr td.captcha input.inputSubmit {height:35px;width:115px;float:left;border:1px solid black;margin:0 0 0 5px;} 
.gbPost .placeHolder {margin:10px 0 0 0;border-top:3px solid #c1c1c1;}
.gbPost .placeHolder a.closeOdpoved {background-color:#8f8f8e;color:#000000;font-weight:bold;font-size:10px;padding:3px;float:right;margin:15px;text-decoration:none;}
.gbPost .placeHolder a.closeOdpoved:hover {background-color:#a4a4a3;}

.gbPost {border:1px solid #c1c1c1;background-color:#E0E0E0;padding:0px;margin:15px 0 0 0;}
.gbPost.odpoved {margin:5px 0 0 40px;}
.gbPost span.top {margin:0 0 0 0;background-color:#c1c1c1;display:block;padding:2px;}
.gbPost span.top span.name {margin:0 10px 0 0;color:#000000;background:url(pictures/iconFace.png) no-repeat bottom left;padding:0 0 0 20px;}
.gbPost span.top span.name a {color:#000000;}

.gbPost span.top span.web {margin:0 0 0 10px;font-size:10px;color:#000000;background:url(pictures/iconMonitor.png) no-repeat bottom left;padding:0 0 0 22px;}
.gbPost span.top span.web a {color:#000000;}

.gbPost span.top span.date {float:right;font-size:11px;color:#000000;margin:2px 5px 0 0;}
.gbPost span.top a.odpovedet {text-decoration:none;color:#000000;font-size:11px;padding:0 4px 0 4px;margin:2px 15px 0 0;float:right;background-color:#8f8f8e;}
.gbPost span.top a.odpovedet:hover {background-color:#a4a4a3;}
.gbPost .vzkaz {margin:5px 5px 0 5px;}


.rankStars {width:360px;height:40px;}
.rankStars span.suc {display:block;font-weight:bold;}  
.rankStars span.descr {width:150px;height:20px;float:right;margin:0;padding:0;}
a.rankStarLeft {cursor:pointer;background:url(admin/images/starLeft0.png) no-repeat top right;padding:3px 12px 3px 0;}
a.rankStarRight {cursor:pointer;background:url(admin/images/starRight0.png) no-repeat top left;padding:3px 0 3px 12px;}

