/* CSS Document */

/* Layout */

body, div, table, tr, td, img, p, li, ul, ol {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {
    width: 100%;
    text-align: center; margin: auto;
    background-color: black;
}

#container {
    width: 100%;
    text-align: center; margin: auto;
}

#top {
    width: 100%; height: 575px;
}
#top .left {
    position: relative; left: -445px;
    width: 498px; margin: auto;
    background-image: url('../img/bok/bok_1_whatsnew.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#top .right {
    position: relative; right: -888px;
    width: 498px;
    background-image: url('../img/bok/bok_3_whatsnew.jpg');
    background-repeat: no-repeat;
    background-position: 55px 0px;
}
#top .center {
    position: relative; left: -443px;
    width: 498px;
    background-position: 0px 0px;
}

#middle {
    width: 100%;
    background-color: black;
}
#middle .left_loop {
    position: relative; left: -445px;
    width: 498px; height: 100%;
    margin: auto;
    background-image: url('../img/bok/bok_loop_lewy.jpg');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}
#middle .left {
    position: relative; left: 0px;
    width: 498px; margin: auto;
    background-image: url('../img/bok/bok_2_whatsnew.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#middle .right_loop {
    position: relative; right: -888px;
    width: 498px; height: 100%;
    background-image: url('../img/bok/bok_loop_prawy.jpg');
    background-repeat: repeat-y;
    background-position: 55px 0px;
}
#middle .right {
    position: relative; right: 0px;
    width: 498px;
    background-image: url('../img/bok/bok_4_whatsnew.jpg');
    background-repeat: no-repeat;
    background-position: 55px 0px;
}
#middle .center {
    position: relative; left: -443px;
    width: 498px;
    text-align: left;
    background-color: black;
    background-position: 0px 0px;
}

#footer {
    width: 498px;
    height: 106px; *height: 336px;
    margin-top: 50px;
    *margin-top: 40px;
    padding-top: 225px;
    background-image: url('../img/footer.jpg');
    background-repeat: no-repeat;
    text-align: center;
    color: #513B2F;
}
#footer a {
    color: #513B2F;
}
#footer a:hover { color: #EEAA8C; }

/* Content */

body, td, li, input {
    font-family: Verdana;
    font-size: 11px;
    line-height: 14px;
    color: #B07E67;
}

p, h1 { margin-bottom: 14px; }
li { margin-bottom: 7px; }

ul, ol { margin-top: 7px; }
ul {
    margin-left: 16px;
    list-style-position: outside;
    list-style-type: disc;
}
ul.circle { list-style-type: circle; }
ol { list-style-position: inside; }

b {
    font-weight: normal;
    color: #EEAA8C;
}

h1 {
    margin-top: 0px;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #EEAA8C;
}
h2 {
    margin-top: 10px;
    font-size: 11px;
    font-weight: normal;
	text-transform: uppercase;
    color: #EEAA8C;
	clear:both;
}
h2 span{
	font-size:9px;
	text-transform:none;
	color:#333333;
}
h2.whats{ color: #B3401D;}
a {
    text-decoration: none;
    color: #B3401D;
}
a:hover { color: #EEAA8C; }

#title {
    margin-bottom: 15px;
    margin-left: -7px;
    *margin-left: 0px;
}
.ilustracje {
    margin: 2px 0px 2px -20px;
}

.red { color: #770000; }

#main {
    width: 454px;
    padding-top: 30px;
    *padding-top: 0px;
    *margin-top: 30px;
    margin-left: 20px;
}

#podmenu, #podmenu_bottom {
    width: 498px; height: 30px;
    padding-left: 30px;
    padding-top: 7px;
    position: absolute;
    left: 0px;
}
#podmenu {
    top: -15px;
    background-image: url('../img/podmenu_bg.jpg');
    background-repeat: no-repeat;
}
#podmenu_bottom {
    background-image: url('../img/podmenu_bottom_bg.jpg');
    background-repeat: no-repeat;
}
#podmenu a, #podmenu_bottom a {
    font-size: 10px;
    color: #B3552B;
}
#podmenu a:hover, #podmenu_bottom a:hover { color: #EEAA8C; }

.katalog { margin-bottom: 24px; }
img.gallery {
    margin: 0px 7px 7px 0px;
    -moz-opacity: 0.8; filter: alpha(opacity=80);
}

.srodek { text-align: center;}
.photoNews { float:left; margin:5px 10px 0px 0; border: solid 1px #3c2923;}
.photoNews img{margin:2px;}
a.more{margin:-15px 0 15px 0; padding:0px; float:right;}
#concept{ margin:0; padding:0;}
#concept a{ border: solid 1px #3c2923; padding:0px; margin:5px 0 5px 0; display:block;}
#concept a img{ margin:1px};
#page{width: 847px; height:1011px;}
#page2{ margin:auto; width:847px; height:1011px; background:url(../img/helion_2.jpg) no-repeat;  padding:0px 0 0 0px; text-align:center; }
#infoPage{ width:650px; height:350px;  border: solid 1px #c9820f; background:url(../img/infoopaque.png); margin: 250px auto 0 auto; padding:0;}
#infoPage p{padding:30px 50px 0 50px; color:#FFFFFF; text-align:center; margin:0px; line-height:150%;}
#infoPage a.enter{ float:left; margin:50px 0 0 135px;}
#infoPage a.leave{ float:right; margin:50px 135px 0 0;}