//*******SET VAR********//
    //color
    @mainColor: #00325c;
    @secColor: #dbac6d;
    //ext
    @siteWidth: 1000px;
    @asidWidth: 270px;
    
    
//*******SET FUN********//
    .fs1(@fontSize: 14px, @color: @mainColor){ //font style 1
        font-family: georgia, serif;
        text-transform: uppercase;
        color: @mainColor;
        font-size: @fontSize;
    }
    .calibri{
        font-family: 'CalibriRegular', sans-serif;
    }
    
    .hoverDec{
        text-decoration: underline;
        &:hover{
            text-decoration: none;
        }
    }
    
    .sep{
        background: url(../img/sep.png) repeat-x 0 bottom;
    }
    
    .opacity(@opacity: 0.5){
        @ieOpacity: @opacity*100;
        filter: e("alpha(opacity=@{ieOpacity})");
        opacity: @opacity;
    }
    
    .br(@radius: 5px){
        border-radius: @radius;
        -moz-border-radius: @radius;
        -webkit-border-radius: @radius;
    }
    
    .bs(@param){
        box-shadow: e('@{param}');
        -moz-box-shadow: e('@{param}');
        -webkit-box-shadow: e('@{param}');
    }
    
    
@import url('megastyle_v1.css');

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background:#fff;
    font-family: 'CalibriRegular', sans-serif;
    font-size:14px;
    line-height:1.3;
    color:#555;
}

.wrapper {
    width: @siteWidth;
    margin:0 auto;
    position: relative;
}

.main_title{
    padding-bottom: 10px;
    margin-bottom: 4px;
    .sep;
    
    a{
        .calibri;
        .hoverDec;
        text-transform: none;
        font-size: 12px;
        padding: 0 11px;
    }
}

h1{
    .fs1(20px);
}
.main_title, h2{
    .fs1(17px);
}
h3{
    .fs1(14px);
}
h4{
    .fs1(11px);
}
h5{
    .fs1(10px);
}
h6{
    .fs1(9px);
}

#bg{
    position: fixed;
    width: 100%;
    min-width: @siteWidth;
    min-height: 100%;
    z-index: -1;
    //margin-top: 139px;
}



/*----------Header----------*/
#header {
    background: url(../img/header.jpg) no-repeat center 0 #fff;
    height: 139px;
}

#logo{
    position: absolute;
    top: 37px;
    left: 5px;
}

#main_menu{
    position: absolute;
    right: 5px;
    top: 20px;
    width: 590px;
    text-align: center;
    
    li{
        display: inline;
        
        a{
            display: inline-block;
            padding: 43px 15px 0;
            min-width: 90px;
            min-height: 61px;
            text-align: center;
            .fs1;
        }
    }
    
    li.current-menu-item a, li a:hover{
        background: url(../img/menu_hover.png) no-repeat center top;
        color: #fff;
    }
    
}


/***********Slider***********/
.slides_container{
	display: none;
}

#slider{
    background: #00325c;
    border-top: 1px solid #91a8bb;
    border-bottom: 2px solid #fcd29f;
    
    .wrapper{
        padding: 30px 0px;
        width: @siteWidth;
        overflow: hidden;
        height: 250px;
    }
}

#slides_bg{
    float: right;
    
    .item{
        float: left;
        width: 192px;
        height: 193px;
        overflow: hidden;
        margin-left: 50px;
        margin: 0px 4px;
    }
}

#slides_over{
    position: absolute;
    z-index: 100;
    top: 30px;
    right: 0px;
    width: 1000px;
    .item{
        float: left;
        width: 192px;
        height: 193px;
        overflow: hidden;
        margin-left: 50px;
        margin: 0px 4px;
        background: url(../img/slides_over.png);
    }
}

#slides{
    /*position: absolute;
    top: 30px;
    left: 20px;
    right: 20px;*/
    position: absolute;
    top: 30px;
    padding: 0px;
    
    .item{
        width: 1000px;
        /*height: 193px;*/
        height: 300px;
        
        .text{
            font: italic 14px georgia, serif;
            color: #fff;
            /*width: 250px;
            padding-top: 30px;*/
            padding-top: 200px;
            width: 100%;
            
        }
        
        .img{
            position: absolute;
            top: 0px;
        }
        
        #img_1{
            //right: 504px;
            left: 4px;
        }
        
        #img_2{
            //right: 262px;
            left: 204px;
        }
        
        #img_3{
            //right: 284px;
            left: 404px;
        }

        #img_4{
            //right: 52px;
            left: 604px;
        }

        #img_5{
            //right: 52px;
            left: 804px;
        }
    }
    
    .pagination{
        position: absolute;
        left: 75px;
        bottom: 0px;
        z-index: 100;
        
        li{
            float: left;
            margin: 0 5px;
            
            a{
                display: block;
                background: url(../img/slides_pagination.png);
                width: 10px;
                height: 10px;
                text-indent: -200px;
            }
        }
        
        li.current a, li a:hover{
            background-position: 0 bottom;
        }
    }
}

/*----------Middle----------*/
#middle {
    background: url(../img/middle.png);
    padding: 0 3px;
    width: @siteWidth - 6px;
}

#conteiner{
    border-bottom: 1px solid #fff;
    margin-bottom: 1px;
    background: url('../img/conteiner.png') repeat-y;
}

#content{
    padding: 30px 35px;
    width: @siteWidth - @asidWidth - 70px - 6px;
    float: right;
}

#asid{
    padding: 30px 0;
    width: @asidWidth;
    float: left;
    background: #fff;
    
    .main_title{
        color: @secColor;
        background: url(../img/uslugi.png) no-repeat 0 3px;
        padding-left: 40px;
        margin: 0 0 0 15px;
    }
}

#uslugi{
    h3{
        padding: 0 10px 5px 15px;
    }
    
    ul{
        padding-bottom: 10px;
        
        li{
            
            a{
                color: @mainColor;
                display: block;
                background: url(../img/uslugi_item.png) no-repeat 19px 6px;
                padding: 1px 20px 2px 30px;
            }
            
            &.current-menu-item a, a:hover{
                background: url(../img/uslugi_item_hover.png) no-repeat 19px 6px @mainColor;
                color: #fff;
            }
        }
    }
}

#partners_title{
    background: #fff;
    padding: 15px;
}
#par_ins{
    padding: 5px;
    
    img{
        vertical-align: middle;
        padding: 10px;
        .opacity;
        
        &:hover{
            .opacity(1);
        }
    }
}


/**********Partners************/
#partners{
    border-top: 1px solid #e6e5e5;
    background: #fff;
}

/*----------Footer-----------*/
#footer {
    background: #00325c;
}

#footer_ins{
    color: #fff;
    padding: 11px;
    
    .right{
        font-size: 12px;
        
        a{
            .hoverDec;
            font-style: italic;
            color: #fff;
        }
    }
}

/*----------Pages------------*/

/****Index*****/
#last_news_title{
    background: #fff;
    padding: 15px;
    
    a{
        .calibri;
        .hoverDec;
        text-transform: none;
        font-size: 12px;
        padding: 0 11px;
    }
}

#news_index{
    overflow: hidden;
    padding: 0 3px;
    border-bottom: 1px solid #fff;
    margin-bottom: 1px;
    
    .element{
        float: left;
        width: (@siteWidth - 16px) / 4 - 24px;
        padding: 15px 12px;
        border-left: 1px solid #fff;
        
        &:first-child{
            border-left: 0;
        }
        
        .date{
            font-size: 12px;
            padding-bottom: 2px;
        }
        
        .title{
            .calibri;
            
            a{
                color: #4a4b4b;
                
                &:hover{
                    color: @secColor;
                }
            }
        }
        
        .more{
            font-size: 12px;
            .hoverDec;
        }
    }
}


/*****News****/
#news{
	@articlesImgleftWidth: 175px;
	@articlesLeftMargin: 15px;

    .element{
        .sep;
        overflow: hidden;
        padding: 10px 0;
        
        .img{
            float: left;
            width: @articlesImgleftWidth;
        }
        
        .content{
            margin-left: @articlesImgleftWidth + @articlesLeftMargin;
            
            .title{
                .calibri;
                padding-bottom: 3px;
                
                a{
                    color: @mainColor;
                    
                    &:hover{
                        color: @secColor;
                    }
                }
                
                .date{
                    font-size: 12px;
                    color: @secColor;
                    text-transform: none;
                    padding-left: 8px;
                }
            }
    
            .text{
                padding-bottom: 3px;
            }
            
            .more{
                font-size: 12px;
                .hoverDec;
            }
        }
    }
}

#news_view{
    .title{
        .calibri;
        font-size: 16px;
    }
    
    .date{
        font-size: 12px;
        color: @secColor;
        text-transform: none;
        padding-bottom: 8px;
    }
    
    .news_tm img{
        float: left;
        margin: 0 12px 4px 0;
    }

}

/*****sostav*****/
#sostav{
	@articlesImgleftWidth: 177px;
	@articlesLeftMargin: 15px;

    .element{
        .sep;
        overflow: hidden;
        padding: 10px 0;
        
        .title{
            padding-bottom: 10px;
        }
            
        .img{
            float: left;
            width: @articlesImgleftWidth;
            
            img{
                border: 1px solid #cad8e3;
            }
        }
        
        .content{
            margin-left: @articlesImgleftWidth + @articlesLeftMargin;
            
    
            .text{
                padding-bottom: 3px;
                font-family: georgia, serif;
            }
            
            .more{
                font-family: georgia, serif;
                border-bottom: 1px dashed @mainColor;
                color: @mainColor;
                background: url(../img/uslugi_item.png) no-repeat 0px 6px;
                padding-left: 8px;

                &:hover{
                    border-bottom: 0;
                }
            }
        }
    }
}


/****zaiavka***/
input[type='text'], textarea{
    border: 1px solid #acbecf;
    background: #fff;
    .br;
    padding: 4px;
    font-family: arial, sans-serif;
    font-size: 12px;
}

input[type='submit']{
    border: 1px solid #00325c;
    background: #05477e;
    color: #fff;
    font-family: georgia, serif;
    font-size: 13px;
    padding: 3px 17px;
    .br;
    .bs('inset 2px 2px 3px 0 #3c6e97');
    
    &:hover{
        border: 1px solid @secColor;
        background: #fcd29e;
        color: @mainColor;
        .bs('inset -2px -2px 3px 0 @{secColor}');
        
    }
}

#zaiavka{
    color: @mainColor;
    
    .req{
        font-size: 20px;
        color: #7996b1;
        position: relative;
        top: 5px;
    }
    
    .box{
        display: inline-block;
        width: 395px;
        padding: 2px 0;
        
        .check_el{
            float: left;
            width: 195px;
            
            input{
                position: relative;
                top: 2px;
                margin-right: 5px;
            }
        }
    }
    
    .small{
        input[type='text']{
            width: 105px;
        }
    }
    
    .line{
        padding-bottom: 10px;
    }
    
    .text{
        label{
            display: block;
            padding-bottom: 5px;
        }
    }
    
    .submit{
        text-align: right;
        padding-right: 23px;
    }
    
    label{
        display: inline-block;
        width: 215px;
        padding-right: 10px;
        padding-top: 5px;
        vertical-align: top;
    }
    
    input[type='text']{
        width: 395px;
    }
    
    textarea{
        width: 622px;
        height: 49px;
    }
}


/**********licen**********/
#podmenu{
    
    ul{
        overflow: hidden;
        padding-bottom: 8px;
        margin-bottom: 4px;
        .sep;

        
        li{
            float: left;
            padding: 0 16px 8px 0;
            
            a{
                .fs1(14px);
                border-bottom: 1px dashed @mainColor;
            }
			
			&.current_page_item a, a:hover{
				border-bottom: 0;
				color: @secColor;
			}
        }
    }
}


#licen{
	@articlesImgleftWidth: 307px + 12px;
	@articlesLeftMargin: 15px;

   padding-top: 5px;

    .element{
        .sep;
        overflow: hidden;
        padding: 10px 0;
        
        .img{
            float: left;
            width: @articlesImgleftWidth;
            
            img{
                padding: 5px;
                border: 1px solid #cad8e3;
            }
        }
        
        .content{
            margin-left: @articlesImgleftWidth + @articlesLeftMargin;
            
            .title{
                //.calibri;
                padding-bottom: 3px;
            }
    
            .text{
                padding-bottom: 3px;
            }
        }
    }
}


/*********Comanda**********/
#comanda{
	@articlesImgleftWidth: 175px;
	@articlesLeftMargin: 15px;

    padding-top: 5px;

    .element{
        .sep;
        overflow: hidden;
        padding: 10px 0;
        
        .img{
            float: left;
            width: @articlesImgleftWidth;
            
            img{
                .bs('0px 0px 3px 0 #86929f');
            }
        }
        
        .content{
            margin-left: @articlesImgleftWidth + @articlesLeftMargin;
            
            .title{
                color: #6b6b6b;
            }
            
            .subtitle{
                color: @mainColor;
                padding-bottom: 6px;
            }
    
            .text{
                padding-bottom: 3px;
            }
        }
    }
}


/*********************
	qtranslate
********************/
#qtranslate-chooser{
	font-size: 11px;
	font-family: georgia, serif;
	position: absolute;
	top: 0;
	right: 0;
	
	li{
		float: left;
		padding: 0 3px;
		
		a{
			color: #fff;
			display: block;
			background: url(../img/lan.png) no-repeat 0px 0px;
			width: 33px;
			height: 15px;
			text-align: center;
			
			span{
				position: relative;
				top: -2px;
			}
		}
		
		&.active a, a:hover{
			color: @mainColor;
			background: transparent;
		}
	}
}