@CHARSET "UTF-8";
@import url(msm.css);
@import url(mod_products.css);

* { margin: 0px; padding: 0px; }
body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background-color: #303902; background-image: url(../images/body_bg.jpg); background-position: top; background-repeat: repeat-x; }

#page{ display:block; width:974px; margin: 0px auto;  position: relative; } /*text-align: center;*/
 #banner { display: block; width: 967px; margin: 0px 3px 0px 3.5px; height: 180px; background-image: url(../images/top_zalozka_menu.jpg); background-repeat: no-repeat; background-position: left 117px; }
 #main { display: block; width: 967px; margin: 0px 4px 0px 2.5px; border-left: 1px solid white; border-right: 1px solid white; }
 #bottom { display: block; width: 974px; height: 38px; background-image: url(../images/bottom.jpg); background-repeat: no-repeat; }
 #left { width: 199px; background-color: #94ab43; background-image: url(../images/menu_bottom_ornament.jpg); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 200px; }
 #main_content { background-color: white; }
 #horny_okraj { width: 974px; height: 19px; background-image: url(../images/top_border.jpg); background-position: center bottom; }
 .left_shadow { position: absolute; top: 19px; left: 0px; z-index: 6; }
 .right_shadow { position: absolute; top: 19px; right: -2px; z-index: 6; }
/* -------------------------------------------------------
                      Banner
---------------------------------------------------------- */
#banner .page_top_logo { display: block; float: left; clear: none; margin: 0px; padding: 0px; }
#banner .page_top_banner { display: block; float: right; clear: none; }
#banner .pohyblivy_text_top { display: block; float: right; clear: none; }
/* #banner #obrazok_banner { display: block; float: left; margin-top: -3px; height: 34px; z-index: 1; } */


/* -------------------------------------------------------
                      Hlavné menu
---------------------------------------------------------- */
#accordion { width: 199px; margin-top: -60px; background-color: #94ab43; z-index: 5; }
#accordion h3 { display: block; width: 199px; background-image: url(../images/zalozka_menu.jpg); background-repeat: no-repeat; background-position: right top; text-align: left; }
#accordion h3.first { background-image: url(../images/zalozka_menu_2.jpg); }
#accordion h3 a { display: block; font-size: 13px; color: #47702C; font-weight: bold; text-decoration: none; padding: 6px 0px 5px 25px; } 
#accordion h3 a:hover { cursor: default; }
 
 #main .left_menu { width: 199px; margin-top: 0px; background-color: #94ab43; z-index: 5; }
 #main .left_menu ul { display: block; width: 199px; }
 #main .left_menu ul li { display: block; list-style: none; width: 199px; background-image: url(../images/ciara_menu.jpg); background-repeat: no-repeat; background-position: 25px bottom; text-align: left; }
 #main .left_menu ul li a { display: block; font-size: 12px; color: #fcfd8b; font-weight: normal; text-decoration: none; padding: 6px 0px 5px 25px; }
 #main .left_menu ul li a:hover { color: #067803; cursor: pointer; background-image: url(../images/menu_kvet_hover.jpg); background-repeat: no-repeat; background-position: 3px center; }
 #main .left_menu ul li a.active { color: white; background-image: url(../images/menu_kvet_hover.jpg); background-repeat: no-repeat; background-position: 3px center; }

 #main .left_menu ul li.closed ul { display: none; }
 #main .left_menu ul li.open li {  }
 #main .left_menu ul li.open li a { padding-left: 40px; }
 #main .left_menu ul li.open li a:hover { background-image: url(../images/menu_kvet_hover.jpg); background-repeat: no-repeat; background-position: 20px center; }
 #main .left_menu ul li.open li a.active { color: white; background-image: url(../images/menu_kvet_hover.jpg); background-repeat: no-repeat; background-position: 20px center; }


.datum_element { color: white; font-size: 12px; text-align: center; }
.datum_element .meno,
.datum_element .datum { font-weight: bold; }

/* -------------------------------------------------------
                      Spodné menu
---------------------------------------------------------- */
#bottom p { display: block; color: white; font-size: 12px; margin: 6px 50px 0px; }
#bottom p a { color: white; }
#bottom .vlavo {  float: left; }
#bottom .vpravo { display: block; float: right; }

/* -------------------------------------------------------
                      Homepage
---------------------------------------------------------- */
.home { background-color: #3f481d; background-image: none; }
#page-home{ display:block; width:750px; margin: 0px auto; text-align: center; position: relative; }