/* 
    Document   : style
    Created on : 12.11.2009, 10:43:39
    Author     : aska
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background:url('../images/mainbg.gif') repeat;
    text-align:left;
    min-width:960px;
    font-size:12px;
    font-family:'Trebuchet MS';
    color:#333333;
    line-height:20px;
    overflow-y:scroll;
}

.clear {
    clear:both;
    font-size:0;
    line-height:0;
}

#header {
    width:960px;
    margin:0 auto;
    height:150px;
}

#middle {
    background: white url('../images/content.png') repeat-x left top;
    height:315px;
    border-bottom:1px solid #dbdbdb;
}

    #head-shadow {
        background:url('../images/shadow.png') repeat-x left top;
        height:4px;
    }

    #content {
        width:960px;
        margin:0 auto;
    }
   

        .menu ul {
            background:url('../images/line1.gif') no-repeat right 15px;
            width:940px;
            height:31px;
            margin-left:20px;
         }

            .menu ul li {
                 float:left;
                 background:url('../images/sprite1.png') no-repeat 0 0 ;
                 margin-right:40px;
                 
            }

                .menu ul li a {
                  display:block;
                  background:url('../images/sprite1.png') no-repeat right -64px;
                  padding:0 25px 2px 15px;
                }

                 .menu ul li.hover, .menu ul li.active, .menu ul li.selected {
                     background:url('../images/sprite1.png') no-repeat left -33px;
                 }

                    .menu ul li.active a, .menu ul li.active a, .menu ul a.selected {
                      background:url('../images/sprite1.png') no-repeat right -97px;
                    }


                        .menu ul li a span {
                              display:block;
                              height:19px;
                              cursor:pointer;
                              padding-top:11px;
                            }

                        .menu ul li a.home span {
                            background:url('../images/sprite1.png') no-repeat -17px -125px;
                            width:19px;
                        }

                        .menu ul li.active a.home span, .menu ul li.hover a.home span {
                            background:url('../images/sprite1.png') no-repeat 2px -125px;

                        }

                        .menu ul li a.about span {
                            background:url('../images/sprite1.png') no-repeat -35px -125px;
                            width:40px;

                        }

                        .menu ul li.active a.about span, .menu ul li.hover a.about span, .menu ul li.selected a.about span {
                            background:url('../images/sprite1.png') no-repeat -76px -125px;

                        }

                        .menu ul li a.zakaz span {
                            background:url('../images/sprite1.png') no-repeat 1px -177px;
                            width:124px;

                        }

                        .menu ul li.active a.zakaz span, .menu ul li.hover a.zakaz span, .menu ul li.selected a.zakaz span {
                            background:url('../images/sprite1.png') no-repeat 2px -201px;


                        }
                        .menu ul li a.uslugi span {
                            background:url('../images/sprite1.png') no-repeat 1px -152px;
                            width:121px;

                        }

                        .menu ul li.active a.uslugi span, .menu ul li.hover a.uslugi span, .menu ul li.selected a.uslugi span {
                            background:url('../images/sprite1.png') no-repeat -124px -152px;


                        }

                        .menu ul li a.contacts span {
                            background:url('../images/sprite1.png') no-repeat 1px -226px;
                            width:174px;

                        }

                        .menu ul li.active a.contacts span, menu ul li.hover a.contacts span, .menu ul li.selected a.contacts span {
                            background:url('../images/sprite1.png') no-repeat 2px -250px;


                }


         .logo, .toptext, .blogbutton, .about, .cards, .tags, #info {
            float:left;
         }

        h1 a {
            display:block;
            width:96px;
            height:80px;
            background:url('../images/logo.png') no-repeat center 0;
            text-indent:-9999px;
            margin-bottom:15px;
        }

        .blogbutton {
            width:140px;
            height:30px;
            background:url('../images/blogbutton.gif') no-repeat;
            margin-top:30px;

        }
            .blogbutton a {
                color:#969696;
                font-size:13px;
                line-height:27px;
                padding-left:35px;
            }

    .toptext {
        padding:35px 30px 0 30px;
    }
    
        .toptext li {
            float:left;
            color:#c1c0c0;
            padding:0 7px;
        }

    #info{
        width:310px;
        display: none;
    }

        .complekt {
            margin-top:40px;
            width:310px;
            background:url('../images/tiser.png') no-repeat top left;
            height:185px;

        }
            .complekt a.head {
                display:block;
                background:url(../images/hot.png) no-repeat left bottom;
                width:207px;
                height:45px;
                margin-left:90px;
                position:relative;
                cursor:pointer;
            }

            .complekt p {

                padding:5px 0 0 90px;
                font-size:13px;
            }

                    .complekt p a {
                        color:#e15a31;
                     }
    .news {
        margin:37px 0 0 20px;
        width:310px;
    }
         
        .new {
            background:#f5f5f5 url('../images/corner.gif') no-repeat right top;
            width:230px;
            height:40px;
            float:left;
            margin-top:9px;
        }
                .new a {
                        color:#e15a31;
                    }

                .new p {
                    line-height:16px;
                    padding-left:10px;
                    padding-top:5px;
                }
                

        .date {
            background:url('../images/date.gif') no-repeat;
            width:70px;
            height:50px;
            float:left;
            font-size:11px;
            color:white;
            text-align:center;
            
        }
            .date a {
                display:block;
                font-size:24px;
                color:white;
                font-weight:bold;
                padding-top:10px;
             }
                       
                    .date a span {
                        font-weight:normal;
                        font-size:11px;
                        display: block;
                       }


        div.cards {
	height:290px;
        width:595px;
        margin-left:182px;
        padding:15px 0 0 0;

         }
            div.wrap {
              float:right;
              position:relative;
         }

             div.cards div.preload {
                 margin-left:225px;
                 margin-top:-145px;

             }
                
             div.cards img.pict {
                 margin-top:-150px;
             }

                    div.cards div.wrap div.textblock {
                         width:315px;
                         height:145px;
                         font-size:13px;
                         z-index:10;
                         margin-top:5px;
                    }

                        div.cards div.wrap div.textblock div.button {
                                background:url('../images/greenb.gif') no-repeat;
                                width:33px;
                                height:33px;
                                float:right;
                                margin:10px 10px 0 0;
                                cursor:pointer;
                                position:relative;
                        }

                    div.cards div.wrap div.textblock p {
                        padding:10px 20px 15px 30px;
                    }

                        div.cards div.wrap div.textblock p a {
                            color:#e15a31;
                            font-size:22px;
                            font-weight:bold;
                            position:relative;
                        }
                        div.cards div.wrap div.textblock p span {
                            color:#7d7d7d;
                            font-size:11px;
                        }

#footer{
    border-top:white 1px solid;
}
                
    #fcontent {
        margin:0 auto;
        width:960px;
    }

            div.about {
            width:300px;
            height:221px;
            background:url('../images/boxbg.png') repeat-x;
            float:left;
            margin:30px 0 0 20px;
        }

                    div.rbox {
                       background:url('../images/rbox.png') no-repeat right top;
                       height:221px;
                    }

                    div.lbox {
                     background:url('../images/lbox.png') no-repeat left top;
                     height:221px;
                     padding:22px 16px 0 16px;
                    }

    h3 {
        font-size:24px;
        text-align:left;
    }

    h2 {
        font-size:34px;
        text-align:right;
        padding:10px 50px 0 0;
        margin-bottom:10px;

    }

        h2 a {
            color:#e15a31;
        }

                    div.about p {
                        font-size:13px;
                    }
                    
             div.tags {
                    width:620px;
                    height:220px;
                    background:url('../images/boxbg.png') repeat-x;
                    float:left;
                    margin:30px 0 35px 20px;
                }
                    div.tags p {
                        text-align:center;
                        line-height:15px;
                    }
                    
                     a.tag2, a.tag4, a.tag5, a.tag7, a.tag9, a.tag12 {
                        color:#333333;
                    }
                        a.tag1, a.tag6, a.tag11 {
                            color:#6da33d;
                        }

                        a.tag1, a.tag10 {
                            font-size:42px;
                            font-weight:bold;
                        }

                        a.tag2, a.tag5, a.tag12, a.tag7 {
                            font-size:18px;
                        }
                        a.tag3,a.tag4 {
                            font-size:22px;
                        }

                        a.tag6 {
                            font-size:38px;
                        }

                        a.tag11 {
                            font-size:24px;
                        }

                        a.tag9, a.tag8 {
                            font-size:28px;
                        }

                        a.tag3, a.tag8, a.tag10 {
                            color:#e15a31;
                        }


        div.bottom {
            color:#c9c9c9;
            background:url('../images/line2.gif') no-repeat 245px 10px;
            margin-left:20px;
            margin-bottom:30px;
        }

        

            div.bottom a.map {
                background:url('../images/map.gif') no-repeat 0 3px;
                padding-left:25px;
                color:#969696;
                margin:0 15px;
                font-size:13px;
            }

            div.bottom a.banner {
                float: right;
                display: block;
                height: 31px;
                width: 88px;
                margin-top: -5px;
}