/*-----------------------------------------------------------------------------
DNP Screen Stylesheet

author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/

body {
	background: #002138;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #002138;
}

/* Global */
/* -----------------------------------------------*/

a {
	color: #002138;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p, ul, ol, dl, blockquote, q {
	margin: 2px 0 15px;
	line-height: 1.2em;
}
strong, b {
	font-weight: bold;
}
i, em {
	font-style: italic;
}

.hor {
	overflow: hidden;
	zoom: 1;
}
	.hor li {
		float: left;
		list-style-type: none;		
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.headline {
    margin: 0 0 5px;
    font-family: Times New Roman, sans;
    font-size: 17px;
    color: #3e70a3;
}
.last {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

/* Layout */
/* -----------------------------------------------*/

#page-wrapper {
    position: relative;
    min-width: 997px;
    overflow: hidden;
    padding: 20px 0 0 0;
    zoom: 1;
}
    .sub-page #page-wrapper {
        padding-top: 0;
    }
#page {
    position: relative;
    width: 1004px;
    min-height: 757px;
    margin: 0 auto;
    background: #002138 url(../i/main_bg.jpg) 50% 0 no-repeat;
    font-size: 11px;
}
    .sub-page #page {
        background: url(../i/main_bg_2.gif) 50% 0 repeat-y;
    }
.sub-page #content {

    background: transparent url(../i/main_bg_2_bottom.jpg) 50% 100% no-repeat;    
}
.sub-page #content-wrapper {
    overflow: hidden;
    zoom: 1;
    padding-top: 30px;
    padding-bottom: 170px;
    //min-height: 570px;
    background: transparent url(../i/main_bg_2_top.jpg) 50% 0 no-repeat;
}
#aside {
    display: inline;
    float: left;
    width: 194px;
    margin-left: 98px;
}
#main {
    display: inline;
    float: right;
    width: 562px;
    margin-right: 133px;
}
#footer {
    position: absolute;
    bottom: 66px;
    left: 50%;
    margin-left: -54px;
}

/* Header */
/* -----------------------------------------------*/

.index-page #header {
    padding-top: 61px;
}
.sub-page #header {
    height: 228px;
    padding-top: 31px;
    background: transparent url(../i/header_bg.jpg) 0 0 no-repeat;
}

.main-nav {
    position: relative;
    height: 100px;
}
    .main-nav ul {
        margin: 0;
    }
        .main-nav li {
            position: absolute;
            left: 0;
            top: 0;
        }
        .main-nav .main-nav-buy {
            left: 130px;
            top: 37px;
        }
        .main-nav .main-nav-catalog {
            left: 285px;
            top: 5px;
        }
        .main-nav .main-nav-news {
            left: 441px;
            top: -2px;
        }
        .main-nav .main-nav-partners {
            left: 604px;
            top: 11px;
        }
        .main-nav .main-nav-contacts {
            left: 758px;
            top: 44px;
        }
        
#logo {
    position: absolute;
    left: 386px;
    top: 127px;
    width: 218px;
    height: 93px;
}
    #logo h1 {
        height: 100%;
    }
    #logo a {
        display: block;
        height: 100%;
        text-indent: -9999px;
    }

/* Content */
/* -----------------------------------------------*/

.catalog-items ul {
    margin: 0 0 30px;
}
    .catalog-items li {
        width: 270px;
        margin: 0 22px 0 0;
        overflow: hidden;
        zoom: 1;
    }
        .catalog-items li .image {
            float: left;
            margin: 0 11px 0 0;
        }
            .catalog-items li .image img {
                border: 3px solid #83c0ff;
            }
        .catalog-items li .entry {
            line-height: 1.3em;
            overflow: hidden;
            zoom: 1;
        }   
            .catalog-items li .entry .title {
                margin: 0 0 10px;
                font-weight: bold;
                color: #be2222;
            }
                .catalog-items li .entry .title a {
                    text-decoration: none;
                    color: #be2222;
                }
            .catalog-items li .entry .for-desc {
                margin: 0 0 4px;
                font-weight: bold;
            }
            .catalog-items li .entry .price {
                margin: 10px 0 0 0;
                font-weight: bold;
                color: #be2222;
            }

/* Left sidebar */
/* -----------------------------------------------*/

.sub-nav {
    font-size: 12px;
}
    .sub-nav ul {
        margin: 15px 0;
    }
        .sub-nav li a, .sub-nav .headline {
            padding-left: 25px;
            padding-right: 15px;
        }
        .sub-nav li.active a, .sub-nav li a:hover {
            background-color: #cbefff;
        }
        .sub-nav li.active a {
            padding-top: 8px;
            padding-bottom: 8px;        
        }
        .sub-nav li.active {
            font-weight: bold;
        }
        .sub-nav li a {
            display: block;
            padding-top: 4px;
            padding-bottom: 4px;
            text-decoration: none;
            zoom: 1;
        }

/* Footer */
/* -----------------------------------------------*/

#footer img {
    display: block;
}