/*
 * Стили каркаса
 */
html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
body {
    position: relative;
    min-height: 100%;
}
img {
    border: 0px;
}
a {
    outline: none;
    color:#2280bb;
    &:hover{
        //color:red;
    }
}
.wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: 0;
    min-width:1000px;
    .wrapper-empty {
        height:180px;
    }
}
footer {
    position: relative;
    z-index: 1;
    height:180px;
    margin-top: -181px;
    background:#f6f6f6;
    border-top:1px solid #fff;
    .box-shadow(0,0,0,1px,#ccd8dd);
}

body {
    position: relative;
    margin: 0px;
    font:12px Arial;
    color:#2d2d2d;
}

/*
 * Миксины
 */
.loading{display:none;z-index:100000000;position:fixed;top:0;left:50%;width:100px;height:20px;margin-left:-50px;background:#fff;border:1px solid #b0b0b0;border-top:none;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;text-align:center;box-shadow:0 0 3px rgba(0,0,0,.50)}
.clear {clear:both}

.reset-list() {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
.dotted(){
    border-bottom-style:dotted;
    border-bottom-width:1px;
    text-decoration:none;
}
.border-radius(@radius){
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}
.box-shadow(@x, @y, @blur, @size, @color) {
    -webkit-box-shadow: @arguments;
    -moz-box-shadow: @arguments;
    box-shadow: @arguments;
}
.box-shadow-inset(@x, @y, @blur, @size, @color) {
    -webkit-box-shadow: inset @arguments;
    -moz-box-shadow: inset @arguments;
    box-shadow: inset @arguments;
}
.text-shadow(@x, @y, @blur, @color) {
    -webkit-text-shadow: @arguments;
    -moz-text-shadow: @arguments;
    text-shadow: @arguments;
}
.font-opensans(@size, @weight:normal) {
    font-family: 'Open Sans', sans-serif;
    font-size:@size;
    font-weight:@weight;
}
.block-shadow() {
    -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.3);
    -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.3);
    box-shadow:0 0 8px 0 rgba(0,0,0,.3);
}
.font-opensans(@size, @weight:normal) {
    font-family: 'Open Sans', sans-serif;
    font-size:@size;
    font-weight:@weight;
}

.wrapper-980 {
    position:relative;
    width:980px;
    margin-left:auto;
    margin-right:auto;
}

header {
    z-index:1;
    height:460px;
    margin:0;
    padding:0;
    position:relative;
    
    &.regular {
        height:120px;
        background:url(../images/header-reg.jpg);
        border-bottom:1px solid #ccd8dd;
        &:after {
           z-index:1000;
           position:absolute;
           content:"";
           bottom:-52px;
           right:0;
           left:0;
           height:50px;
           background:url(../images/slider-shadow.jpg) repeat-x;
       }
    }
    
    .logo {
        z-index:3;
        position:relative;
        float:left;
        padding-top:10px;
    }
    
    .language {
        z-index:3;
    	position:absolute;
    	top:5px;
    	left:270px;
    	text-transform:lowercase;
    	strong {
    		font-size:11px;
    		color:#303030;
    	}
    	a {
    		font-size:11px;
    		font-weight:bold;
    		color:#17377e;
    	}
    	
    }
    
    nav {
        z-index:3;
        position:absolute;
        top:-12px;
        right:0;
        ul {
            overflow:hidden;
            .reset-list();
            li {
                float:left;
                width:102px;
                margin:0 12px 0 12px;
                background:url(../images/header-nav.png) no-repeat -102px -10px;
                &.current/*, &:hover*/ {
                    background-position:left top;
                }
                a {
                    display:block;
                    padding-top:30px;
                    font-weight:bold;
                    font-size:14px;
                    color:#17377e;
                    text-align:center;
                }
                &.current a, & a:hover {
                    color:#303030;
                    text-decoration:none;
                }
            }
        }
    }
    
    .slider-wrapper {
        z-index:2;
        position:absolute;
        top:-12px;
        left:0;
        width:100%;
        height:470px;
        border-bottom:1px solid #fff;
        &:after {
            z-index:1000;
            position:absolute;
            content:"";
            bottom:-51px;
            right:0;
            left:0;
            height:50px;
            background:url(../images/slider-shadow.jpg) repeat-x;
        }
        .slider {
            .slide {
                position:relative;
                height:470px;
                background-repeat:repeat-x;
                background-position:center center;
                
                .wrapper-980 {
                    padding-top:200px;
                    .title {
                        //padding-left:10px;
                        font-weight:bold;
                        font-size:26px;
                        color:#303030;
                    }
                    .content {
                        height:200px;
                        //padding-left:10px;
                        .font-opensans(20px, 300);
                        color:#303030;
                        img {
                            margin-top:7px;
                            margin-right:20px;
                        }
                    }
                    .more {
                        position:absolute;
                        right:0;
                        bottom:0;
                        overflow:hidden;
                        //padding-left:10px;
                        a {
                            display:block;
                            float:left;
                            padding:5px 20px 7px 20px;
                            .border-radius(20px);
                            .box-shadow(1px, 1px, 1px, 0, rgba(255,255,255,.8));
                            background-image: -moz-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
                            background-image: -webkit-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
                            background-image: -ms-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
                            .font-opensans(20px, 300);
                            color:#fff;
                            text-transform:lowercase;
                            text-decoration:none;
                        }
                    }
                }
            }
        }
    }
}
  
.button {
    display:block;
    float:left;
    padding:5px 20px 7px 20px;
    .border-radius(20px);
    .box-shadow(1px, 1px, 1px, 0, rgba(255,255,255,.8));
    background-image: -moz-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(4,24,75) 0%, rgb(0,36,118) 100%);
    .font-opensans(20px, 300);
    color:#fff;
    text-transform:lowercase;
    text-decoration:none;
}
  
.products-wrapper {
    position:relative;
    z-index:3;
    height:310px;
    margin-top:-27px;
    
    .block-label {
        width:245px;
        margin:0 auto 30px;
        padding:13px 0;
        .box-shadow(0,0,3px,0,rgba(31,31,31,.3));
        .border-radius(40px);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2VkZWZmNCIgc3RvcC1vcGFjaXR5PSIwLjkxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQ0ZDgiIHN0b3Atb3BhY2l0eT0iMC45MSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(255,255,255,0.91) 0%, rgba(237,239,244,0.91) 98%, rgba(210,212,216,0.91) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.91)), color-stop(98%,rgba(237,239,244,0.91)), color-stop(100%,rgba(210,212,216,0.91)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.91) 0%,rgba(237,239,244,0.91) 98%,rgba(210,212,216,0.91) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0.91) 0%,rgba(237,239,244,0.91) 98%,rgba(210,212,216,0.91) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0.91) 0%,rgba(237,239,244,0.91) 98%,rgba(210,212,216,0.91) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0.91) 0%,rgba(237,239,244,0.91) 98%,rgba(210,212,216,0.91) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ffffff', endColorstr='#e8d2d4d8',GradientType=0 );
        font-size:18px;
        font-weight:bold;
        color:#303030;
        text-align:center;
        text-transform:uppercase;
    }
    
    .product-slide {
        .label {
            margin-bottom:10px;
            padding:0 0 10px 0;
            background:url('../images/products-line.png') no-repeat left bottom;
            a {
                font-size:14px;
                font-weight:bold;
                color:#303030;
                text-decoration:none;
            }
        }
        .announce {
            font:14px 'Myriad Pro', Arial;
            color:#7d7d7d;
            p {
                margin:0;
            }
        }
        .image {
	        a {
        		font-size:12px !important;
        		color:#303030;
        		text-decoration:none;
	        }
        }
    }
    .bx-controls {
        position:absolute;
        top:50%;
        left:50%;
        width:960px;
        margin-left:-480px;
        margin-top:-10px;
        
        .bx-prev, .bx-next {
            z-index:1000;
            position:absolute;
            top:50%;
            width:58px;
            height:58px;
            margin-top:-18px;
            background:url(../images/slider-small-arrows.png) no-repeat;
            text-indent:-9999px;
        }
        .bx-prev {
            left:-28px;
            background-position: left top;
            &:hover {
                background-position: left bottom;
            }
        }
        .bx-next {
            right:-28px;
            background-position: right top;
            &:hover {
                background-position: right bottom;
            }
        }
    }
}

.articles-sidebar {
    padding-top:80px;
    .block-label {
        .font-opensans(30px, 400);
        color:#00b3f6;
    }
    
    .article-sidebar-block {
        margin-top:10px;
        margin-bottom:30px;
        .date {
            .font-opensans(14px, 600);
            color:#00b3f6;
        }
        .content {
            .font-opensans(14px, 400);
            color:#7c7b7b;
            p {
                margin:0;
            }
        }
    }
}

/*
 * Список новостей
 */
.article-block{margin:10px 0 60px}
.article-block .date{font:12px Tahoma;color:#6c6c6c}
.article-block .title{margin-bottom:10px}
.article-block .title a{margin-bottom:5px;font:bold 16px 'Open Sans', sans-serif}
.article-block .announce{overflow:hidden}
.article-block .announce .image{float:left;margin-right:20px}
.article-block .announce p{margin-top:0}

footer {
    .wrapper-980 {
        height:160px;
    }
    .links {
        position:absolute;
        top:0px;
        right:0;
        width:660px;
        p {
            margin:0;
            display:none;
        }
        td {
            p {
                display:block;
                margin-top:0;
                font-size:14px;
                font-weight:bold;
                color:#303030;
            }
            a {
                font-size:11px;
                color:#303030;
            }
            ul {
                .reset-list();
                li {
                    margin:3px 0;
                }
            }
        }
    }
}

.copyright {
    position:absolute;
    bottom:0px;
    left:0;
    width:235px;
    .logo {
        float:left;
        display:block;
        width:50px;
        height:40px;
        background:url(../images/fenix.png) no-repeat top;
        text-decoration:none;
        //&:hover {
        //    background-position:bottom;
        //}
    }
    .text {
        float:left;
        padding-top:5px;
        font-size:11px;
    }
}
section {
    position:relative;
    z-index:2;
}
.regular-content {
    overflow:hidden;
    margin-bottom:60px;
    article {
        .font-opensans(18px, 300);
        color:#303030;
        h1 {
            margin-top:0;
            font-weight:bold;
            font-size:26px;
            color:#303030;
            
            .back {
                display:block;
                float:right;
                margin-right:10px;
                margin-top:3px;
                padding:3px 25px;
                .box-shadow(0,0,3px,0,rgba(31,31,31,.3));
                .border-radius(40px);
                background: rgb(204,214,234);
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZDZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZGFhYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  rgba(204,214,234,1) 0%, rgba(157,170,197,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,214,234,1)), color-stop(100%,rgba(157,170,197,1)));
                background: -webkit-linear-gradient(top,  rgba(204,214,234,1) 0%,rgba(157,170,197,1) 100%);
                background: -o-linear-gradient(top,  rgba(204,214,234,1) 0%,rgba(157,170,197,1) 100%);
                background: -ms-linear-gradient(top,  rgba(204,214,234,1) 0%,rgba(157,170,197,1) 100%);
                background: linear-gradient(to bottom,  rgba(204,214,234,1) 0%,rgba(157,170,197,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd6ea', endColorstr='#9daac5',GradientType=0 );
                font-size:18px;
                font-weight:normal;
                color:#303030;
                text-align:center;
                text-decoration:none;
            }
        }
    }
}

.regular-content.two-columns {
    overflow:hidden;
    article {
        margin-right:300px;
    }
    aside {
        float:right;
        width:245px;
    }
}

.regular-content.two-columns-left {
    overflow:hidden;
    article {
        margin-left:245px;
    }
    aside {
        float:left;
        width:245px;
    }
}

.one-column {
    overflow:hidden;
    article {
        .font-opensans(18px, 300);
        color:#303030;
        h1 {
            margin-top:0;
            font:bold 26px Arial;
            color:#303030;
        }
    }
    aside {
        float:right;
        width:245px;
    }
}

.services-sidebar {
    .reset-list();
    padding-left:30px;
    background:url(../images/services-line.png) no-repeat left 12px;
    .label {
        font-weight:bold;
        font-size:20px;
        color:#303030;
        text-transform:uppercase;
    }
    li {
        margin:14px 0;
        a {
            font-weight:bold;
            font-size:14px;
            color:#17377e;
            &:hover {
                color:#303030;
            }
        }
    }
}

.products-sidebar {
	width:200px;
    .reset-list();
    .label {
        font-weight:bold;
        font-size:20px;
        color:#303030;
        text-transform:uppercase;
    }
    li {
        margin:14px 0 18px 0;
        a {
            display:block;
            font-weight:bold;
            font-size:14px;
            color:#303030;
            text-decoration:none;
        }
        span {
            display:block;
            height:10px;
            margin:5px 0 0 0;
            opacity:.3;
            background:url(../images/products-line.jpg) no-repeat;
        }
        
        &:hover, &.current {
            a {
                color:#17377e;
            }
            span {
                opacity:1;
            }
        }
    }
}

.breadcrumbs-wrapper {
    position:relative;
    z-index:2;
    .breadcrumbs li,.breadcrumbs li a {
        text-decoration:none;
    }
    .breadcrumbs {
        overflow:hidden;
        padding:3px;
        .reset-list();
        li {
            float:left;
            margin-right:4px;
            padding-right:4px;
        }
    }
}

.products-list {
    overflow:hidden;
    
    .product-block {
/*        float:left;
 */
        width:20%;
        height:250px;
        margin-right:2%;
        margin-bottom:2%;
        .label {
            margin-bottom:10px;
            padding:0 0 10px 0;
            text-align:left;
            background:url('../images/products-line.png') no-repeat left bottom;
            a {
                font-size:14px;
                font-weight:bold;
                color:#303030;
                text-decoration:none;
            }
        }
        .announce {
            font:14px 'Myriad Pro', Arial;
            color:#7d7d7d;
            p {
                margin:0;
            }
        }
        .image {
            line-height:1.3;
            a {
        		font-size:12px !important;
        		color:#303030;
        		text-decoration:none;
            }
        }
    }
}

.services-list {
    overflow:hidden;
    
    .service-block {
        float:left;
        width:45%;
        min-height:120px;
        margin-right:5%;
        margin-bottom:2%;
        
        
		&:hover {
			cursor:pointer;
			color:#17377e !important;
			a {
				color:#17377e !important;
			}
		}

        
        .label {
            margin-bottom:10px;
            padding:0 0 10px 0;
            background:url('../images/line-wide.png') no-repeat left bottom;
            a {
                font-size:14px;
                font-weight:bold;
                color:#303030;
                text-decoration:none;
            }
        }
        .announce {
            font:14px 'Myriad Pro', Arial;
            color:#7d7d7d;
            p {
                margin:0;
            }
        }
        .image {
        	line-height:1;
        	a {
        		font-size:12px !important;
        		color:#303030;
        		text-decoration:none;
        	}
        }
    }
}

.thumbs {
    overflow:hidden;
    .thumb {
        float:left;
        .border-radius(3px);
        border:1px solid #e3edf1;
        margin:10px 10px 10px 1px;
        &:hover {
            border:2px solid #c9cede;
            margin:9px 9px 9px 0;
        }
    }
}