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

* { margin: 0px; padding: 0px; }
body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; text-align: center; background-color: #70A5D2; background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; background-position: left top; }
#page{ display:block; width:1002px; margin: 0px auto; text-align: left; }
#supertop { display: block; clear: both; }
#top { display: block; clear: both; background-color: white; }
#banner { display: block; width: 1002px; height: 199px; background-image: url(../images/banner.jpg); }
#main { display: block; clear: both; width: 1002px; min-height: 330px; background-image: url(../images/main_bg.jpg); background-repeat: repeat-y; background-position: left top; }
#bottom { display: block; width: 1002px; height: 57px; background-image: url(../images/bottom_bg.jpg); background-position: top; background-repeat: no-repeat; }

#main .vyhladavanie { displaz: block; width: 167px; height: 34px; padding: 5px 0px 0px 35px; margin-right: 2px; background-image: url(../images/left_search_bg.jpg); }

/* -------------------------------------------------------
                      Banner
---------------------------------------------------------- */
.mod_element .meniny_dnes { float: left; color: #70A5D2; font-size: 1.1em; margin: 4px 10px; }
.mod_element .datum { float: left; margin: 4px 10px; color: #70A5D2; font-size: 1.1em; }
.loga_banner { display: block; float: left; clear: none; width: 550px; height: 94px; background-color: white; padding: 0px 10px; margin-top: 1px; }
.loga_banner a { padding: 0px 15px; }
#top .kosik { clear: none; text-align: right; background: white url(../images/top_bg.jpg) no-repeat right top; height: 95px; /* margin-top: 1px;*/ }
#top .kosik .header { padding: 3px 10px 0px 0px; float: right; }
#top .kosik .header img { text-align: left; margin-right: 12px; float: right; }
#top .kosik .header p { float: right; font-size: 12px; font-weight: bold; padding-top: 4px; }
#top .kosik .info { padding-right: 10px; font-size: 11px; float: right; }
#top .kosik .info .cena { font-weight: bold; }
#top .kosik .info .pocet { font-weight: bold; }
#top .kosik .info .cena_sk { }
	
/* -------------------------------------------------------
                      Hlavné menu
---------------------------------------------------------- */
#main .left_menu { width: 178px; margin-left: 12px; }
#main .left_menu ul { display: block; width: 178px; }
#main .left_menu ul li { dislplay: block; list-style: none; width: 178px; background-image: url(../images/left_ciara.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: right; margin-bottom: 1px;}
#main .left_menu ul li a { display: block; font-size: 11px; color: #164F82; font-weight: normal; text-decoration: none; padding: 5px 15px 8px 2px; background-image: url(../images/left_sipka_l.jpg); background-repeat: no-repeat; background-position: right center; }
#main .left_menu ul li a:hover { color: black; }
#main .left_menu ul li a.active { color: black; text-decoration: underline; }
#main .left_menu .nadpis { display: block; width: 178px; background-color: #70A6D2; margin-bottom: 1px; text-align: center; /*padding: 2px 0px 2px 0px;*/ background-image: none; }

#main .left_menu .nadpis a { font-size: 12px; color: #f0f0f0; background-image: none; padding: 6px 0px; }
#main .left_menu .nadpis a:hover { color: #f0f0f0; cursor: default; }

/* -------------------------------------------------------
                      Košík
---------------------------------------------------------- */
#main .kosik .cena_nakupu .text { display: block; width: 42px; font-size: 9px; color: #ffffff; font-weight: bold; padding-top: 5px; text-transform: uppercase; }

/* -------------------------------------------------------
                      Bottom
---------------------------------------------------------- */
#bottom p { font-size: 11px; color: white; margin: 8px 20px; }
#bottom p a {  color: white; }