/*  let's start */

* {margin:0; padding:0;}

/* vseobecne definicie */

p, h1, h2, h3, h4, #right_col_inner ul, #right_col_inner dl {margin: 0.6em 0.05em;}
input, textarea {margin: 3px; margin-left: 10px; font-size: 1.0em; font-family: Tahoma, Verdana, Sans;}
legend {margin: 0.2em 1em; padding: 0.2em; font-weight: bold;}
a {color: #4A981E;}
a:hover {text-decoration: none;}
table {font-size: 100%;}
table th {text-align: center;}

.hviezdicka {color: #A8691B}
.hidden {display: none;}
.clear {clear: both; height: 1px; line-height: 1px; margin-bottom: -1px;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

#right_col_inner li {display: block; list-style-type: none; background: url('/layout/public/images/simple_li.gif') no-repeat -2px 1px; padding-left: 18px;}

/* layout */

body {text-align: center; font-family: Tahoma, Verdana, Sans; font-size: 0.9em;}
#cont {text-align: left; margin: 0 auto; width: 780px; position: relative;}
#header {width: 100%; position: absolute; top: 0; left: 0; height: 115px; background: #fff url('/layout/public/images/header.jpg') no-repeat 0 0; border: 1px #4A981E solid; border-top: none; border-bottom: none;}
#main {position: relative; top: 115px; width: 100%; position: relative; border: 1px #4A981E solid; border-top: none;}
#right_col {float: right; width: 584px; _width: 582px;}
#left_col {float: right; width: 196px; _position: relative; _left: -1px;}
#footer {width:100%;}

/* horiz menu */

#horiz-menu {position: absolute; top: 70px; left: 130px; width: 391px; height: 23px; padding-left: 50px;}
#horiz-menu li {display: block; float: left; height: 32px; line-height: 20px; margin-right: 5px; padding-bottom: 15px;}
#horiz-menu li#jak-nakupovat {width: 115px; text-align: right; margin-right: 15px; margin-left: -10px;}
#horiz-menu li#kosik {width: 80px; position: relative; left: 18px; _left: 25px;}
#horiz-menu li#kosik_de {width: 85px; position: relative; left: 18px; _left: 25px; margin-left: -5px; margin-top: 1px; font-size: 0.9em;}
#horiz-menu li#pokladna {width: 100px; position: relative; left: 10px; _left: 18px;}
#horiz-menu li a {color: #fff; text-decoration: none; font-weight: bolder; font-size: 0.9em;}
#horiz-menu li a:hover {text-decoration: underline;}

/* logo */

#logo a {display: block; width: 240px; height: 50px; position: absolute; top: 10px; left: 50px;}
#logo a span {display: none;}

/* main (right and left col) */

/* background: url('/layout/public/images/pasik_bg_s.gif') repeat-x 0 10px; */

#left_col_inner {background: url('/layout/public/images/left_col_bg.gif') repeat-y 1px 0;}
#right_col_inner {padding: 30px 10px 15px 25px; position: relative;}

#right_col_inner .drob {font-size: 0.9em; position: absolute; top: 5px; left: 25px; _left: 5px; _top: 0px;}
#right_col_inner .pages {clear: both; margin-top: 10px; text-align: center; margin-right: 50px;}

#right_col h1, #right_col h3 {color: #4A981E; font-size: 1.6em;}
#right_col h2 {color: #e9a80c; font-size: 1.4em;}
#right_col h3 {font-size: 1.2em;}

#left_col_inner h3 {background: url('/layout/public/images/left_col_h.jpg') no-repeat 0 0; color: #fff; font-size: 0.8em; height: 35px; _height: 45px; padding: 13px 20px 0 8px; margin-bottom: -10px; line-height: 20px;}

#left_col_inner .margin {margin: 6px 8px 12px 8px;}
* html #left_col_inner .margin .margin {margin-top: 12px; margin-bottom: 4px;}
#left_col_inner ul li {display: block; list-style-type: none;}
#left_col_inner ul li a {display: block; background: url('/layout/public/images/menu_li.gif') no-repeat -2px 1px; padding-left: 18px;}
#left_col_inner ul li a:hover {background-image: url('/layout/public/images/menu_li_hover.gif');}
#left_col_inner ul li strong {display: block; list-style-type: none; background: url('/layout/public/images/menu_li.gif') no-repeat -2px 1px; padding-left: 18px; font-size: 0.9em;}

#left_col_inner #icons li {background-image: none;}

#left_col_inner .main_menu a, #left_col_inner .second_menu a {font-weight: bolder; font-size: 0.9em;}
#left_col_inner .main_menu li, #left_col_inner .second_menu li {margin: 6px 0; _margin: -10px 0;}

/*
* html #left_col_inner .main_menu ul {margin-bottom: -6px; margin-top: 14px;}
*/

#left_col_inner #mcompact {background: url('/layout/public/images/mcompact.png') no-repeat 1px 0; position: relative; top:10px; right: -1px; margin-bottom: 35px; _margin-right: 30px;}
#left_col_inner #mcompact a {display: block; width: 124px; height: 30px; margin-left: 34px;}
#left_col_inner #mcompact a span {display: none;}

/* footer */

#footer {position: relative; top: 0px; background: url('/layout/public/images/pasik_bg.gif') repeat-x 0 0; height: 30px; clear: both;}
#footer_inner {padding: 3px 12px; clear: both; line-height: 25px; font-size: 0.75em;}
#footer_inner span {border-left: 1px solid #000; padding-left: 10px; margin-left: 10px;}
#footer_inner a {color: #024502;}

/* languages buttons */

#lang_buttons {position: absolute; top: 0; left: 210px;}
#lang_buttons a {margin: 0 3px; width: 34px; height: 26px; display: block; background: none no-repeat 0 0; float: left;}
#lang_buttons a span {display: none;}

#lang_buttons a#cz {background: url('/layout/public/images/flag_cz.png')}
#lang_buttons a#en {background: url('/layout/public/images/flag_en.png')}
#lang_buttons a#de {background: url('/layout/public/images/flag_de.png')}
#lang_buttons a#fr {background: url('/layout/public/images/flag_fr.png')}
#lang_buttons a#it {background: url('/layout/public/images/flag_it.png')}

/* zoznam produktov */

div.okno {padding: 5px 10px; clear: both;}
div.okno h2 a {font-size: 0.9em;}
div.okno p.prod_img, p.img {float: left; margin-right: 10px; margin-bottom: 10px;}
div.okno p.prod_img {width: 110px; padding: 5px;}
div.okno p.prod_img a img, p.img a img {border: 1px solid #c7e7b5; padding: 12px;}
div.okno p.prod_img a:hover img, p.img a:hover img {border-color: #4A981E;}
div.okno .cena {margin-left: 300px; _margin-left: 260px; margin-top: 40px;}
div.okno .nakup {margin-left: 300px; _margin-left: 260px;}

#right_col .cart_choose {background: #c7e7b5; padding: 8px; border: 1px solid #4A981E; margin: 10px 0;}
#right_col .cart_choose a {color: #BE6D0A;}

#kusov {clear: both; margin-bottom: 30px;}
#kusov * {display: none;}

div.nakup input, div.nakup a.to_cart {border: none; background: transparent url('/layout/public/images/to_cart_butt.gif') no-repeat 0 0; padding: 0px 4px 3px 25px; color: #fff; width: 180px; height: 27px; display: block; font-weight: bold; font-size: 1.0em; _font-size: 1.0em; _padding-top: 2px; text-decoration: none; cursor: pointer; _cursor: hand; line-height: 23px;}

div.nakup a.to_cart {padding: 1px 4px 2px 35px; _padding-top: 2px; width: 141px; height: 22px; _width: 180px; margin: 20px 0;}

div.cena {float: left; font-size: 1.2em; margin-left: 20px;}
div.cena .cena_label {font-weight: bolder;}

div.okno div.cena {float: none; margin-bottom: 10px;}
div.okno div.nakup {float: none;}

div.nakup {float: right; clear: none; margin-right: 20px;}

div#vzorkovnik {clear: both; padding-top: 20px;}
div#vzorkovnik .vzorky {text-align: center; float: left; width: 100px;}
div#vzorkovnik .vzorky img {margin: 6px 2px; border: none;}

/* chybove hlasky */

#right_col .chyby {background: #FEF6CA; padding: 8px; border: 1px solid #DC9E3A; margin: 20px 0;}
#right_col .chyby ul li {background: url('../images/simple_li_orangebg.gif') no-repeat;}

#left_col .chyby {background: #FEF6CA; padding: 8px; border: 1px solid #DC9E3A; margin: 20px 0;}

/* tabulka kosika */

table.formular-shop {width: 100%; _width: 546px; border: 1px solid #c7e7b5; border-collapse: collapse}
table.formular-shop td {padding: 0.4em;}
table.formular-shop th {background-color: #6CAE43; border: 1px solid #6CAE43; color: #fff; padding: 0.3em 0.5em;}
table.formular-shop tr th {font-size: 1.2em;}
table.formular-shop tr th.cena, table.formular-shop tr td.cena {padding-right: 20px;}
table.formular-shop tr.second td {background: #FBEF99;} 

/* objednavka (alebo kontakty formular) */

fieldset.objednavka {margin-top: 25px; padding: 10px 5px; border: 1px solid #FEA501;}
fieldset.objednavka form {margin-top: -10px;}
fieldset.objednavka form table {width: 98%;}
fieldset.objednavka form table input {width: 300px;}
fieldset.objednavka form table input.autowidth {width: auto;}
fieldset.objednavka form table textarea {width: 300px;}
fieldset.objednavka form table input:focus, fieldset.objednavka form table textarea:focus {background: #FFF9E7;}
fieldset.objednavka form table input.submitbutt {width: auto; padding: 0.2em 0.4em;}


#right_col .nakup .dokosika_de {font-size: 0.8em;}