/*
* Стили каркаса
*/
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;
}
}
}