body {font-family: Arial; font-size: 12px;}

a:link, a:visited {color: #683131; text-decoration: underline;}
a:hover {color: rgb(83,83,83); text-decoration: none;}

a img {border: none;}

#cela {width: 993px;position: relative; margin: 0 auto 0;}

.velky_pozor {  font-size: 14px; padding: 20px; text-align: center; border: 2px solid #990000; background-color: rgb(255,206,206); margin: 10px; font-weight: bold;}
.pozor { padding: 10px 5px 10px 45px; border: 1px solid #990000; margin: 10px;  background: #FFCECE url('/grafika/pozor.png') no-repeat; background-position: 5px center;}
.ok { padding: 10px 5px 10px 45px; border: 1px solid #336600; margin: 10px;  background: #B8EBA7 url('/grafika/ok.png') no-repeat; background-position: 5px center;}
.tip { padding: 10px 5px 10px 45px; border: 1px solid #b0c4de;  margin: 10px; background: #f0f8ff url('/grafika/tip.png') no-repeat; background-position: 5px center;}

.form_login_input {text-align: center; color: gray; font-weight: bold; background-image:  url('/grafika/form_login.png'); border: 0px solid black; height: 24px; width: 148px; padding: 5px 0px 0px 0px; }
.form_prihlasit {text-align: center; color: gray; font-weight: bold; background-image: url('/grafika/button.png'); background-repeat: no-repeat; width: 68px; border: 0px solid black; height: 28px; }

.baner {background-image: url('/grafika/vrch3.png'); background-repeat: no-repeat; background-position: top right; width: 993px;}
.login_form {position: absolute; top: 18px; left: 830px; margin: 0px; padding: 0px;}

.kontakt_form input,textarea {color: gray; font-weight: bold; background-color:  whitesmoke; border: 2px solid gray; padding: 2px; margin-top: 5px; }
.form_kontakt_input1 {width: 250px;}
.form_kontakt_input2 {width: 350px;}
.kontakt_form #button {width: 250px; background-color: #EEEEFF;}
.form_kontakt_text {width: 450px; font-weight: normal; color: black;}

.adresa { font-size: 13px; color: rgb(57,57,57)}
#navigacia {margin: 5px 0px 15px 0px; color: silver;}
#navigacia a { color: gray; text-decoration: underline;}
#navigacia a:hover { color: dimgray; text-decoration: none;}

#hlavny {width: 993px;}
#lava_strana {float: left; clear:left; display: block; width: 150px;}

#prava_strana {float: right;  display: block; margin: 0px; padding: 0px; width: 210px; }
#spodok {clear:both;  display: block; text-align: center;  padding-top: 10px; color: silver; font-size: 11px;}

.pravy_div {text-align: center; padding: 5px; width: 200px; vertical-align: top;}

.book_cele {width: 590px; font-size: 13px;}
.book_info {width: 590px; background-image:  url('/grafika/book1.png'); background-repeat: no-repeat; height: 22px; padding: 4px 4px 2px 10px; text-align: right;}
.book_meno {float: left;}
.book_cas {color: gray;  font-size: 11px; margin-right: 14px}
.book_text {padding: 0px 2px 13px 8px;}

.news_cele {width: 490px; font-size: 12px; }
.news_info { width: 490px; background-image:  url('/grafika/news.png'); background-repeat: no-repeat; height: 30px; padding: 6px 4px 2px 15px; text-align: right;}
.news_nazov {float: left;  font-size: 16px;}
.news_foto {clear: left;}

.konto_info {position: absolute; top: 30px; left: 852px; margin: 0px; padding: 0px; color: gray; font-size: 14px;}
.konto_info img {margin-left: 5px; margin-right: 2px;}
.konto_info strong#meno {line-height: 22px; color: #EB8E00}
.konto_info b {font-size: 11px; font-weight: normal}
.konto_info a {color: gray; font-size: 12px; text-decoration: none;}
.konto_info a:hover {color: black; text-decoration: underline;}

.ucet { margin: 20px 0px 20px 25px;}
.ucet strong { margin: -20px;}

#registracny_form table {font-size: 12px; margin-left: 10px}
#registracny_form fieldset {border: none; margin-top: 20px;}
#registracny_form legend {font-weight: bold; color: black; }
#registracny_form input {width: 200px;}
#registracny_form input#chec {width: 20px;}
#registracny_form sup {color: rgb(204,0,0); padding-left: 3px; font-size: 14px;}

.produkt {width: 190px; height:270px; padding: 0px; float: left; margin: 15px 0px 50px 10px;}
.produkt_foto { text-align: center; height: 140px;}
.produkt_nazov {font-size: 22px; color: dimgray; font-weight: bold; text-align: center; height:50px; vertical-align: bottom}
.produkt_velkost {font-size: 12px; color: silver; font-weight: bold;}
.produkt_hodnotenie {padding-left: 10px}
.produkt_cena {color: dimgray; font-size: 15px; font-weight: bold; margin: 5px; text-align: center;}
.produkt_info {text-align: center;}

.produkt_info_i {width: 100%;  color: gray; font-size: 18px;}
.produkt_info_lava { float: left; margin-right: 50px}
.produkt_info_prava {float: left; text-align: right}
.produkt_info_nazov{ text-align: center;}
.produkt_info_nazov a {font-size: 28px; font-weight: bold; margin: 8px 5px 25px 5px; text-decoration: none; color: gray;}
.produkt_info_nazov a:hover {color: silver;}
.produkt_info_nadpis {font-size: 20px; margin: 20px 5px 15px 5px; color: dimgray; text-align: center;}
.produkt_info_cena {margin-bottom: 8px;}
.produkt_info_cena b {color: #231f20; font-weight: bold;}
.produkt_info_detail { text-align: center; font-size: 15px; margin-bottom: 5px}
.produkt_info_detail b {color: #6d6e71; font-weight: normal;  font-size: 18px;}
.produkt_info_hlfoto { text-align: center;}
.produkt_info_popis {font-size: 13px; width: 200px; margin-bottom: 5px}

.vlozit_na_kartu {  cursor:pointer; text-align: right; color: #ffffff;  background-image: url('/grafika/vlozit.png'); background-repeat: no-repeat; width: 151px; border: 0px solid black; height: 24px; }

#kosik {color: gray; border: 1px solid silver;  padding: 5px }
#kosik b {color: #515152;}

.kosik {}
.kosik_nazov { width: 350px; font-size: 25px; color: gray;}
.kosik_nazov a { width: 350px; font-size: 25px; color: dimgray;  text-decoration: none; font-weight: bold;}
.kosik_nazov a:hover { width: 350px; font-size: 25px; color: silver;  text-decoration: underline;}
.kosik_cena {font-size: 15px; margin-left: 50px}
.kosik_cena b {color: #231f20; }
.kosik_mnozstvo {}
.input_kosik_mnozstvo {text-align: center; color: gray;  background-image: url('/grafika/pocet.png'); background-repeat: no-repeat; width: 52px; border: none; height: 24px; font-size: 15px; font-weight:bold; padding-top: 3px}
.kosik_odstranit {width: 100px; text-align: center;}
.kosik_celkom {text-align: center; color: #231f20; font-size: 17px; font-weight: bold}
.kosik_spodok {color: #231F20; font-weight: normal; font-size: 18px; width:796px; margin-top: 20px}
.button { cursor:pointer; text-align: center; font-weight: bold; color: gray;  background-image: url('/grafika/button1.png'); background-repeat: no-repeat; width: 157px; border: 0px solid black; height: 24px; float:left; margin: 5px;}
.button a {color: gray; text-decoration: none; font-size: 13px; line-height: 27px}
.button a:hover {}

.propagacia_div {float: left; margin: 20px}