body {font-family: verdana, arial, sans-serif; font-size: 8pt; background-color: #5c221e;}
#intro {font-family: verdana, arial, sans-serif; font-size: 8pt; background-color: #5c221e;}

/* -------------------- intro ------------------------ */
#intro .main {width: 900px; height: 100%; vertical-align: middle; position: relative;}
.brunswick img, .shop img {border: 0px;}
.brunswick {width: 415px; height: 760px; vertical-align: top;}
.shop {width: 370px; height: 760px; vertical-align: top;}
.center_img {width: 115px;height: 760px;vertical-align: top;}
.e_shop, .technologie {position: absolute; color: white; font-size: 8pt; width: 175px; height: 50px;}
.technologie {}
.technologie_text {position:relative;top: 202px; left: 230px; _left: 225px; _top:205px;}
.e_shop_text {position:relative;left: 700px; _left: 695px; top: 515px; _top: 520px;}

#intro #main {font-size: 8pt; background-color: black; border: 0px; width: 850px; margin-top: 35px;}

/* -------------------- e-shop ------------------------ */
#top_img {background: url(img/shop/top_img.jpg) top left no-repeat; width: 900px; height: 265px;} 
#main {background-color: #00386b; width: 900px; position: relative;}
#content {background-color: #00386b; width: 630px; float: left}
#contact {text-align: right; color: white; margin: 5px; margin-right: 25px;}
#contact img {margin-right: 10px;}
#contact a {color: white; font-weight: normal; text-decoration: none;}

#section_link {margin: 0px; padding: 0px; margin-right: 15px;}

#news {background-color: #00386b; width: 270px; float: left;}
#footer {
    background: url(img/shop/footer_bg.png) top left repeat-x; 
    height: 35px; 
    width: 900px; 
    clear: left;
    color: white;
    font-size: 8pt;
}
#footer .text {margin-left: 30px; padding-top: 15px; float: left; width: 595px;}
#footer .link {padding-top: 15px; float: left;}

.content {width: 608px; margin: 10px;}
.content_title {
    background: url(img/shop/content_title_bg.png) top left no-repeat;
    width: 608px;
    height: 44px;
    padding-left: 20px; padding-top: 4px;
    color: white;
    text-transform: uppercase;
    vertical-align: top;
    font-size: 8pt;
    font-weight: bold;
}

.content_in {
    border-left: 8px solid #6a1715;
    border-right: 7px solid #6a1715;
    background-color: #ebebeb;
    width: 600px;
    font-size: 8pt;
    padding: 10px;
    vertical-align: top;
    min-height: 300px;
    _height: 300px;
}

.content_footer {
    background: url(img/shop/content_footer_bg.png) top left no-repeat;
    width: 608px;
    height: 31px;
    vertical-align: top;
}

.news { width: 241px; margin: 10px;}
.news_title {
    background: url(img/shop/news_title_bg.png) top left no-repeat;
    width: 241px;
    height: 32px;
    padding-left: 5px; padding-top: 4px;
    color: black;
    text-transform: uppercase;
    vertical-align: top;
    font-size: 8pt;
    font-weight: bold;
}

.news_in {
    border-left: 4px solid #54909e;
    border-right: 3px solid #54909e;
    background-color: #ebebeb;
    width: 241px;
    font-size: 8pt;
    padding: 5px;
    padding-bottom: 0px;
    vertical-align: bottom;
}

.news_footer {
    background: url(img/shop/news_footer_bg.png) top left no-repeat;
    width: 241px;
    height: 12px;
    vertical-align: top;
}

#main .content img {margin: 10px;}
#main .content {text-align: justify;}
#main .kosik {}



.float_left {float: left; width: 400px;} 
.clear {clear: both;}

.nonews #content {width: 895px;}
.nonews .content {width: 875px;}
.nonews .content_title {width: 875px; background: url(img/shop/content_title_big_bg.png) top left no-repeat;}
.nonews .content_in {width: 875px;}
.nonews .content_footer {background: url(img/shop/content_footer_big_bg.png) top left no-repeat; width: 875px;}
 
/*----------------------------- obchod zbozi ------*/
.goods {background-color: white; border: 1px solid #bbbbbb; padding: 5px; margin-bottom: 10px; clear: left;}
.goods .title {margin-bottom: 5px;}
.goods .goods_title {float: left; width: 550px; font-weight: bold;}
.goods .item_title {float: left; width: 200px; font-weight: bold;}
.goods .item_foto_title {clear: left; font-weight: bold;}
.goods .item {float: left; width: 200px;}
.goods .item_foto {margin: 2px; margin-top: 10px;}
.goods .button {text-align: right; margin: 5px;}
.goods2 {background-color: white; border: 1px solid #bbbbbb; padding: 5px; margin-bottom: 10px; clear: left; width: 500px; }

.kosik {border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; background-color: white; font-size: 8pt;}
.kosik td {padding: 2px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;}
.kosik .head, .kosik .bottom {font-weight: bold; background-color: #bbbbbb;}
#main .kosik img {margin: 0px; padding: 0px; border: 0px;}

.order_info {background-color: white; border: 1px solid #bbbbbb; margin-bottom: 20px;}
.order_info td {padding:2px; font-size: 8pt;}
.order_info .title {margin-bottom: 5px; background-color: #aaaaaa; border: 1px solid #bbbbbb; font-size: 8pt;}
.order_info .order_title {width: 125px; font-weight: bold;}
.order_info .button {text-align: right; margin: 5px;}

.button {text-align: right; margin-top: 5px;}
.note {text-align: right; color: #444444;}

/*----------------------------- Technologie ------*/
#top_img_tech {background: url(img/technologie/top_img.jpg) top left no-repeat; width: 900px; height: 265px;} 
.title {font-size: 11pt; color: #5c221e; font-weight: bold; margin-bottom: 15px; text-transform: uppercase;}
.subtitle {font-size: 9pt; color: black; font-weight: bold; margin-bottom: 5px; margin-top: 25px;}
h1, h2, h3 {color: #00386b; font-weight: bold; margin: bottom: 0px; margin-top: 15px; text-transform: uppercase;}
h1 {font-size: 10pt;}
h2 {color: black; font-size: 9pt; margin-bottom: 0px;}
h3 {color: black; font-size: 8pt;}

.feature {background-color: white; border: 1px solid #bbbbbb; padding: 5px; margin-bottom: 10px;}
.feature_title {font-weight: bold; margin-bottom: 5px;}

.centra {border: 1px solid #bbbbbb; font-size: 8pt;}
.centra td {margin: 0px; background-color: white; padding: 2px;}

.centrum {background-color: white; border: 1px solid #bbbbbb; padding: 5px; margin-bottom: 10px; clear: both; line-height: 200%;}
.centrum .title {margin-bottom: 5px;}
.centrum .item_title {clear: both; float: left; width: 125px; font-weight: bold;}
.centrum .item_foto_title {clear: left; font-weight: bold;}
.centrum .item {float: left;}
.centrum .item_foto {margin: 2px; margin-top: 10px;}
.centrum .item img {margin-left: 5px; margin-right: 3px;}

.fotogalerie .item_foto_title {font-weight: bold;}
.fotogalerie .item_foto {margin: 2px; margin-top: 10px;}

/*----------------------------- ODKAZY ------*/
a:link, a:visited {
    font-size: 8pt;
    color: #ff9900;
    font-weight: bold;
}

a:hover, a:active {     
    color: #ff9900;
    text-decoration: underline;
}


.basket {font-size: 8pt; width: 840px; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; background-color: white;}
.basket td {vertical-align: top; padding: 3px; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb;}
.basket .title {font-size: 8pt; font-weight: bold;}
.basket .suma {border: 0px; background-color: #7e211e; color: white; font-weight: bold;}
.basket .price {text-align: right;}



/* ---------- rozbalovaci menu - js + css ------------ */
#dhtmlgoodies_menu img{border:0px;margin-left: 5px;}
#dhtmlgoodies_menu { background: url(img/shop/menu_bg.jpg) top left repeat-x; height: 37px; width: 900px;}
#dhtmlgoodies_menu ul li ul{display:none;}   /* Needed to display ok in Opera */ 
#dhtmlgoodies_menu{visibility:hidden;}
#dhtmlgoodies_menu ul{margin:0px; padding:0px;}
#dhtmlgoodies_menu li{list-style-type:none;}       
#dhtmlgoodies_menu a{margin:0px; padding:0px;}
#dhtmlgoodies_menu ul{background-color: #582e2b; text-align:left; padding:1px;}

/* Menu bar - main menu items */
#dhtmlgoodies_menu ul.menuBlock1{
    border:0px;
    padding:1px;
    overflow:visible;
    background: url(img/shop/menu_bg.jpg) top left repeat-x;
}
#dhtmlgoodies_menu ul.menuBlock2 {border:0px;padding:1px;}
#dhtmlgoodies_menu ul.menuBlock3, #dhtmlgoodies_menu ul.menuBlock4, #dhtmlgoodies_menu ul.menuBlock5 {margin-left: 10px;}

/* General rules for all menu items */
#dhtmlgoodies_menu a{color: white; text-decoration:none; font-size: 7pt;_font-size: 7.6pt;}

/* Main menu items */
#dhtmlgoodies_menu .currentDepth1{padding: 10px;padding-top: 8px; border-right: 1px solid #110908;}
#dhtmlgoodies_menu .currentDepth1over{padding: 10px;padding-top: 8px; border-right: 1px solid #110908;}
/*CSS - MENU ITEMS*/
#dhtmlgoodies_menu .currentDepth1 a {font-weight:bold;}
#dhtmlgoodies_menu .currentDepth1over a{color: #fd9900;font-weight:bold;}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2, #dhtmlgoodies_menu .currentDepth2over{padding: 8px; background-color:#582e2b; border-bottom:1px solid #110908;}       
#dhtmlgoodies_menu .currentDepth2over a{color:#fd9900; }       

/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3, #dhtmlgoodies_menu .currentDepth3over{padding: 8px; background-color:#582e2b; border: 1px solid #110908; border-bottom: 0px;}       
#dhtmlgoodies_menu .currentDepth3over a{color:#fd9900; }       

/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4, #dhtmlgoodies_menu .currentDepth4over{padding: 8px; background-color:#582e2b; border:1px solid #110908; border-bottom: 0px;}       
#dhtmlgoodies_menu .currentDepth4over a {color:#fd9900; }

.vanocni_akce {color: #e65928; text-transform: uppercase; font-weight: bold; text-decoration: blink;}