@CHARSET "UTF-8";
*{ border: 0; margin: 0; padding: 0; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px;}
body{background: #010101 url('../images/back.png') repeat-x; text-align: center; color: #ccc;}

a {color: #fff;}
a:hover{color: #ff6600;}
p{ margin: 5px 0 7px 0; line-height: 18px;}
ul{list-style: none;}
li{line-height: 22px;}
hr {border-top: #2a2b2d 2px solid; margin: 7px 0 10px 0; clear: both;}

h1, h2, h1 *, h2 *{ font-weight: bold; font-size: 18px; color: #d9bba8; text-transform: uppercase; letter-spacing: 0.13em; margin: 20px 0 0 0;}
h3, h3 * {color: #ff6600; font-size: 13px; letter-spacing: .05em; margin: 0 0 8px 0;}

.orange{color: #ff6600 !important;}

#container{ background: #444648 url('../images/top.png') no-repeat; width: 960px; text-align: left; margin: auto;}

#top{ width: 100%; height: 152px; position: relative;}
    #top #logo{position: absolute; top: 35px; left: 50px; width: 370px; height: 80px; display: block;}

#left{ width: 247px; margin: 0 5px 10px 15px; _margin-left: 5px; float:left; }
    #left #menu{background: url('../images/menu.png') no-repeat; height: 220px; list-style: none; padding-top: 20px;}
    #left #menu li {line-height: 31px; margin: 0 5px 0 20px;}
    #left #menu li a { font-size: 15px; color: #fff; text-decoration: none; font-weight: bold;
                      background: url('../images/menu-item.gif') 0 3px no-repeat; padding-left: 31px; letter-spacing: .18em;}
    #left #menu li a:hover {text-decoration: underline; background: url('../images/menu-item-active.gif') 0 3px no-repeat; color: #ff6600;}

    #left #news{ background: url('../images/news_bg.png') no-repeat; height: 380px; padding-top: 10px;}
        #left #news *{ color: #000;}
        #left #news h2 {margin: 10px 15px 5px 15px;}
        #left #news h2 a{font-size: 14px; text-transform: none;}
        #left #news p{margin: 5px 15px 0 15px; line-height: 25px;}

#right {width: 655px; float: right; margin: 160px 22px 20px 0;}
    /** vypis produktu */
    #right .product {width: 100%; display: block; margin: 0 0 10px 0; height: 140px;}
    #right .product img {border: 3px solid #848687; float: left; margin: 0 10px 0 0;}
    #right .product p{height: 70px; overflow: hidden; clear: right;}
    #right .product p.detail{ width: 185px; height: 21px; line-height: 20px; vertical-align: middle;}

    /* vypis subkategorii*/
    #right #subcategories { position: relative; height: 105px;}
    #right #subcategories li{ float: left; display: block;}
    #right #subcategories li a{ text-decoration: none; font-weight: bold; font-size: 13px; padding: 0 30px 0 0; line-height: 25px; width: 290px; display: block;}
    #right .col3 li a{ display: block; width: 185px !important;}
    #right #subcategories .level1, #right #subcategories .active{}
    #right #subcategories .level1 a, #right #subcategories .active a{ color: #FFC59F; }
    #right #subcategories li a:hover, #right #subcategories .active a{text-decoration: underline; color: #ff6600;}
    #right #subcategories li ul{position: absolute; top: 85px; left: 0; }
    #right #subcategories li ul{&top: 50px;}
    #right #subcategories .level1{ padding: 0 4px 10px 4px; }
    #right #subcategories .level1 a{font-size: 12px; letter-spacing: 0; left: auto; width: auto !important;}

    /* vypis fotogalerie */
    #right #photogallery img {margin: 2px 3px 5px 0; border: 3px solid #848687;}

    #right .foto{margin: 10px 0 15px 0;}

#bottom {clear: both; width: 100%; height: 71px; border-top: 2px solid black; background: url('../images/bottom.png');color: #fff; }
    #bottom p{margin: 27px 0 0 17px;}
    #bottom strong{color: #ff8323;}
    #bottom a {font-weight: bold; text-decoration: none;}