/* 
    Document   : style
    Created on : 21.02.2011, 00:26:09
    Author     : lang
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
    margin:0px;
    padding:0px;
}
body {
    background-color:#c2d4e2;
    background-image:url('/i/bg.png');
    background-position: 0px -500px;
    font-family: Arial,Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    width:100%;
}
a {
    color:#f44118;
    text-decoration:underline;
}
#page {
    width:924px;
    margin:0px auto;
}

ul,li {
   list-style-type: none;
}


img {
    display:inline;
}
div, p, #content ul {
    display:block;
}
#head {
    height:105px;
    padding-top:100px;
}
#head .container {
    width:100%;
    position: absolute;
    left:0px;
    overflow:hidden;
}
#head .center {
    margin:0 auto;
    width:924px;
}
.left {
    position:relative;
    width:280px;
    padding-right:60px;
    float:left;
}
.right {
    position:relative;
    width:560px;
    float:left;
}
#head .right {
    padding-top:61px;
    margin-left:12px;
}
#head .right .bg {
    position:absolute;
    background-image:url('/i/men-bg.png');
    height:44px;
    width:200%;
    right:-100%;
    bottom:0px;
    z-index:1;
}
#menu {
    position: relative;
    height:44px;
    z-index:2;
}
#content .left{
    padding-top:47px;
}
#content .left div{
    padding-bottom: 24px;
    float:left;
    width:275px;
}
#content .left h4 {
    line-height:32px;
    float:left;
    height:34px;
    font-size:12px;
}
#content .left img{
    float:right;
    position:relative;
}
#content .right {
    padding-top:55px;
    padding-bottom: 50px;
    min-height: 528px;
    background-image:url('/i/txt-bg.png');
    background-repeat: no-repeat;
    background-position: 0px 150px;
    background-size: 100% 80%;
}

#content p, #content ul, #content ol {
    margin-bottom:20px;
}

#content ul, #content ol{
	padding-left:20px;
}
#content ul{
	list-style-type: circle;
	margin-left:10px;
}
#content ul li {
	list-style-type: circle;
}

#content ul li, #content ol li{
	padding-left:10px;
}

#content h1,#content h2,#content h3 {
    background:transparent;
    color:#e9441e;
    font-weight:normal;
    margin-bottom: 30px;
}
#content h1 {
    font-size:24px;
    font-weight:normal
}
#content h2 {
    font-size:20px;
    font-weight:normal;
    margin-bottom:10px;
}
#content h3 {
    font-size:14px;
    font-weight:normal;
    padding-top:10px;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:10px;
}
.article {
    padding:0px 58px;
}
div.lnkcreator {
    position:absolute;
    bottom:20px;
    right:20px;
    clear: right;
}
a.lnkcreator {
    color: #555555;
    display: inline-block;
    float: right;
    font-size: 13px;
    margin-right: 25px;
    margin-top: 10px;
    text-decoration: none;
}
a.lnkcreator:hover * {
    text-decoration: none;
}
a.lnkcreator:hover b {
    color: #FFFFFF;
}
.lnkcreator span {
    font-size: 11px;
    font-weight: bolder;
    margin-left: 1px;
}