/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/*@import "compass/reset";*/
/* import variables */
/* variables */
/* import fonts */
@font-face {
font-family: "peterburgBoldItalic";
src: url("/fonts/peterburgBoldItalic.eot");
src: url("/fonts/peterburgBoldItalic.eot") format("embedded-opentype"), url("/fonts/peterburgBoldItalic.woff") format("woff"), url("/fonts/peterburgBoldItalic.ttf") format("truetype"), url("/fonts/peterburgBoldItalic.svg#peterburgBoldItalic") format("svg");
}
/* import base */
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font: 14px/18px Arial;
color: #272727;
min-width: 1002px;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0 0 15px 0;
color: #1e59a8;
}
h1 {
font: 24px/30px peterburgBoldItalic;
}
h1.spec_title {
text-align: center;
background: url(/images/pin.png) repeat-x 0 16px;
padding: 0 0 30px 0;
}
h1.spec_title span {
/* background: #F2F8FB;*/
background: #fff;
padding: 0 10px;
}
h2 {
font: 22px/28px peterburgBoldItalic;
}
h3 {
font: 20px/26px peterburgBoldItalic;
}
h4 {
font: 18px/24px peterburgBoldItalic;
}
h5 {
font: 16px/22px peterburgBoldItalic;
}
a {
text-decoration: underline;
font: italic 12px/18px Arial;
color: #1e59a8;
outline: 0;
}
a:hover {
text-decoration: none;
color: #1e59a8;
}
figure > .title a.in {
padding-left: 15px;
}
a.in {
padding-right: 15px;
}
img {
border: 0;
}
figure, address, section, article, aside, figure {
margin: 0;
padding: 0;
}
/* import main layer */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
background: url(/images/bg_last.png) repeat-x;
}
#header {
height: 188px;
}
#middle {
width: 100%;
padding: 0 0 373px;
height: 1%;
margin-top: 50px;
background: #fff url(/images/bg2.png) repeat-x 0 -450px;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#header > .container, #middle > .container, #footer > .container {
width: 1000px;
margin: 0 auto;
}
.container {
position: relative;
}
#content {
display: inline;
float: left;
width: 100%;
padding: 45px 0;
}
#left_column {
float: left;
width: 200px;
}
#left_column > .block {
padding-right: 20px;
padding-left: 0;
margin-bottom: 20px;
}
#left_column > .slide_block {
margin-bottom: 20px;
}
#left_column > .text_block {
margin-bottom: 20px;
}
#right_column {
float: right;
width: 350px;
}
#right_column > .block {
padding-left: 20px;
margin-bottom: 20px;
padding-right: 0;
}
#right_column > .slide_block {
margin-bottom: 20px;
}
#right_column > .text_block {
margin-bottom: 20px;
}
#right_column figure .title {
padding-bottom: 10px;
}
#right_column figure .title > span {
font: 20px/25px peterburgBoldItalic;
color: #1e59a8;
}
#center_column > .block {
float: left;
width: 100%;
margin-bottom: 20px;
}
#center_column > .slide_block {
float: left;
width: 100%;
margin-bottom: 20px;
}
#center_column > .text_block {
float: left;
width: 100%;
margin-bottom: 20px;
}
.main_slider {
position: relative;
/* background: #fff;*/
}
.bottom_slide_block .title {
text-align: center;
background: url(/images/pin.png) repeat-x 0 16px;
padding: 0 0 30px 0;
}
.bottom_slide_block .title span {
background: #fff;
padding: 0 10px;
font: 24px/30px peterburgBoldItalic;
color: #1e59a8;
}
#footer {
margin: -373px auto 0;
height: 373px;
}
#footer > .container {
padding-top: 85px;
}
.two_column {
width: 800px;
/*$twoColumnleft;*/
float: right;
position: relative;
}
/* import header */
#header .logo {
position: absolute;
left: 0;
top: 62px;
}
#header .phone {
background: url(/images/phone_last.png) no-repeat 0 3px;
padding: 1px 0 1px 37px;
position: absolute;
right: 0;
top: 94px;
font: bold 30px/34px Arial;
color: #8f0303;
}
#header .phone small {
position: relative;
padding: 0 3px;
font-size: 11px;
color:#1a4e95;
}
/* import search*/
.search {
position: absolute;
top: 5px;
right: 0;
}
.search .textSearch {
background: white url(/images/lupa_last.png) no-repeat 8px 10px;
border-radius: 15px;
font: 12px Arial;
color: #1a4e95;
padding-left: 25px;
border:1px solid #1a4e95;
width:160px;
}
.search .btSearch {
position: relative;
top: -3px;
border: 0;
cursor: pointer;
background: none;
border: 0;
outline: 0;
}
.search .btSearch:hover {
opacity: 0.9;
}
/* import main menu*/
.menu {
position: relative;
height: 56px;
z-index: 100;
margin-bottom: 1px;
width: 775px;
}
.menu > ul {
list-style: none;
margin: 0;
padding: 0;
background: #1037b4;
margin: 0 auto;
width: 1000px;
}
.menu > ul > li {
float: left;
padding: 1px 0 0 0;
margin: 0 5px 0 0;
position: relative;
/* second level */
}
.menu > ul > li > a {
display: block;
text-decoration: none;
color: #fff;
font: bold 13px/15px Arial;
padding: 13px 9px 9px 9px;
text-shadow: 0 -1px 1px #890202;
text-transform: uppercase;
border-radius: 8px 8px 0 0;
position: relative;
z-index: 5;
border-bottom: 1px solid transparent;
}
.menu > ul > li > a:hover {
background: #9d0202;
border-radius: 8px;
border-bottom: 1px solid transparent;
}
.menu > ul > li.open > a, .menu > ul > li.opent > a {
background: #9d0202;
border-radius: 8px 8px 0 0!important;
}
.menu > ul > li.active > a {
background: #9d0202;
border-bottom-color: #9d0202;
border-radius: 8px;
}
.menu > ul > li > div {
position: absolute;
top: 39px;
left: 0px;
width: 300px;
text-align: left;
z-index: 4;
background: #9d0202;
display: none;
padding: 13px 10px;
border-radius:0 0 10px 10px;
}
.menu > ul > li > div:after {
/*
content: '';
position: absolute;
width: 100%;
left: 0;
height: 5px;
bottom: -5px;
background: url(/images/sh.png);*/
}
.menu > ul > li > div > ul {
list-style: none;
margin: 0;
padding: 0;
margin: 0 auto;
}
.menu > ul > li > div > ul > li {
padding: 0;
display: block;
margin-bottom: 5px;
}
.menu > ul > li > div > ul > li > a {
padding: 10px 15px;
display: block;
color: #fff;
font: bold 13px/14px Arial;
text-shadow: 0 -1px 1px #890202;
text-decoration: none;
text-transform: uppercase;
background: none;
border-radius: 8px;
}
.menu > ul > li > div > ul > li > a:hover {
background: #CF0303;
}
.menu > ul > li > div > ul > li.active > a {
background: #CF0303;
}
.menu_cat {
position: relative;
padding: 16px 0;
/* height: 163px;*/
height:200px;
}
.menu_cat > ul {
list-style: none;
margin: 0;
padding: 0;
margin: 0 auto;
width: 1000px;
}
.menu_cat > ul > li {
float: left;
padding: 0;
margin: 0 0px 50px 0;
}
.menu_cat > ul > li > a {
display: block;
width: 165px;
height: 163px;
position: relative;
text-align: center;
font: 18px/20px peterburgBoldItalic;
color: #fff;
text-shadow: 0 1px 1px #0d2340;
}
.menu_cat > ul > li > a span {
position: relative;
z-index: 3;
padding-left:13px;
display: block;
}
.menu_cat > ul > li > a:hover {
text-decoration: none;
}
.menu_cat > ul > li.open > a, .menu_cat > ul > li.active > a {
text-decoration: none;
text-shadow: 0 1px 1px #5e3c22;
}
.menu_cat > ul > li.open > a:after, .menu_cat > ul > li.active > a:after {
content: '';
background: url(/images/menu5.png) no-repeat 15px 0;
width: 165px;
height: 229px;
position: absolute;
top: -19px;
left: 0;
z-index: 2;
}
/* import social icons */
.social_icons {
position: absolute;
right: 0px;
top: 50px;
}
.social_icons ul {
list-style: none;
margin: 0;
padding: 0;
}
.social_icons ul li {
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
.social_icons ul li a:hover img {
opacity: 0.9;
}
/* import news */
.news > .news_block > ul {
list-style: none;
margin: 0;
padding: 0;
}
.news > .news_block > ul > li {
margin: 0 19px 18px 0;
float: left;
width: 320px;
}
.news > .news_block > ul > li > .one > .img {
display: block;
padding: 7px;
background: #fff;
margin: 0 0 10px 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
}
.news > .news_block > ul > li > .one > .img a {
width: 305px;
height: 135px;
overflow: hidden;
display: block;
}
.news > .news_block > ul > li > .one > .img a > img {
display: block;
}
.news > .news_block > ul > li > .one > .date {
font: 12px/15px Arial, sans-serif;
color: #acaeb1;
margin: 8px 0;
}
.news > .news_block > ul > li > .one > .text {
font: 12px/18px Arial, sans-serif;
color: #5e5f62;
}
.news > .news_block > ul > li > .one > a {
font: bold 14px/18px Arial, sans-serif;
color: #1e59a8;
display: block;
text-decoration: none;
margin: 0 0 7px 0;
}
.news > .news_block > ul > li > .one > a:hover {
text-decoration: underline;
}
.news > .news_block > ul > li:nth-child(3n) {
margin-right: 0;
}
.news > .news_block > ul > li:nth-child(4n) {
clear: both;
}
.minianons {
float: left;
width: 100%;
padding-bottom: 10px;
}
.minianons .miniimg {
padding: 7px;
background: #fff;
margin: 0 0 10px 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
float: left;
margin: 0 20px 20px 0;
}
.minianons .text {
font: italic 12px/18px Arial;
color: #5e5f62;
padding-bottom: 10px;
}
.minianons .date {
color: #acaeb1;
}
.news_block_anons .title {
padding-bottom: 15px;
}
.news_block_anons .title > span {
font: 24px/30px peterburgBoldItalic;
color: #1e59a8;
}
.news_block_anons > ul {
list-style: none;
margin: 0;
padding: 0;
}
.news_block_anons > ul > li {
margin: 0 0 10px 0 !important;
width: 100% !important;
}
.news_block_anons > ul > li > .one > .date {
width: 100px;
margin: 1px 10px 8px 0 !important;
float: left;
}
.news_block_anons > ul > li > .one > .text {
padding: 0 0 0 110px;
}
.news_block_anons > ul > li > .one > a {
padding: 0 0 0 95px;
}
/* import banners */
.banner > img {
display: block;
width: 100%;
border: 0;
}
#left_column .banner, #right_column .banner {
width: 100%;
overflow-x: hidden;
}
/* import main slider2 bx
1 - one slaid
2 - number of slaids
3 - mini carousel for galery, sertificats
4 - spec, akcii slider */
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012 * http://stevenwanderski.com
*/
.slider_bx {
position: relative;
min-width: 100%;
padding-top:115px;
padding-bottom: 8px;
background: url(/images/slsl.png) repeat-x left bottom;
}
.slider_bx .bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
background: #fff;
/* pager navigation */
/* DIRECTION CONTROLS (NEXT / PREV) */
/* IMAGE CAPTIONS */
}
.slider_bx .bx-wrapper .bx-viewport > ul {
list-style: none;
margin: 0;
padding: 0;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide {
min-width: 100%;
position: relative;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide:after {
/* content: '';
position: absolute;
width: 100%;
left: 0;
height: 5px;
top: 0px;
background: rgba(0, 0, 0, 0.1);*/
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide:before {
content: '';
position: absolute;
width: 100%;
left: 0;
height: 5px;
bottom: 0px;
background: rgba(0, 0, 0, 0.1);
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont {
margin: 0 auto;
width: 1000px;
position: relative;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li:first-child .slide .sl_cont:after{
content:'';
position: absolute;
top:0;
left: 0;
width:500px;
height:525px;
background: url(/source/sl_word_01.png);
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .tit {
color: #1e59a8;
font: 28px/30px peterburgBoldItalic;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .minitit {
color: #1e59a8;
font: 20px/25px peterburgBoldItalic;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .minitext {
font: bold italic 14px/18px Arial;
color: #5a6a6d;
margin: 20px 0;
border-left: 4px solid #3672c4;
padding: 0 0 0 8px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .fulltext {
font: 14px/18px Arial;
color: #5a6a6d;
padding: 0 0 10px 12px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .fulltext ul.dot {
padding-bottom: 10px;
padding-top:10px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .fulltext ul.dot li {
padding: 1px 0 1px 18px;
background: url(/images/dot.png) no-repeat 0 5px;
color:#5072a0;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .user_but {
margin: 0 0 0 10px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .sl_cont .subtit {
font: bold 14px/18px Arial;
color: #272727;
padding: 8px 0;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .leftside {
width: 50%;
float: left;
overflow: hidden;
position: relative;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .rightside {
width: 50%;
float: right;
position: relative;
left: 500px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide .rightside .desc {
/* padding: 50px 0 0 45px; */
padding: 20px 0 0 45%;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dash {
list-style: none;
margin: 0;
padding: 0;
font: 14px/30px Arial;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dash li {
padding: 5px 0;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dash li:before {
content: '\2014';
padding-right: 5px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dot {
list-style: none;
margin: 0;
padding: 0;
font: 14px/25px Arial;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dot li {
padding: 4px 0 4px 18px;
background: url(/images/dot.png) no-repeat 0 9px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dot li a {
font: 14px/18px Arial;
color: #1e59a8;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide ul.dot li span{
line-height: 18px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide.slide_1 .leftside ul.dash {
padding: 75px 0 0 0;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide.slide_1 .leftside .note {
font: italic 14px/16px Arial;
padding: 20px;
width: 175px;
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide.slide_1 .rightside ul.dot {
/*padding: 75px 0 0 260px;*/
}
.slider_bx .bx-wrapper .bx-viewport > ul > li .slide.slide_1 .rightside ul.dot li:last-child {
/*background: none;*/
/*padding-top: 10px;*/
}
.slider_bx .bx-wrapper .bx-viewport > ul > li img {
display: block;
margin: 0 auto;
}
.slider_bx .bx-wrapper .bx-loading {
min-height: 50px;
background: url(/images/load.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.slider_bx .bx-wrapper .bx-pager .bx-pager-item, .slider_bx .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.slider_bx .bx-wrapper .bx-pager {
text-align: center;
color: #fff;
padding: 10px;
}
.slider_bx .bx-wrapper .bx-pager.bx-default-pager a {
background: url(/images/sl_p.png) no-repeat;
text-indent: -9999px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 1px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.slider_bx .bx-wrapper .bx-pager.bx-default-pager a.active, .slider_bx .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: url(/images/sl_p2.png) no-repeat 0 -1px;
}
.slider_bx .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -69px;
outline: 0;
width: 110px;
height: 138px;
text-indent: -9999px;
z-index: 9999;
}
.slider_bx .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.slider_bx .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0px;
background: url(/images/prev2.png) no-repeat 0 0;
border-radius: 0 5px 5px 0;
}
.slider_bx .bx-wrapper .bx-controls-direction a.bx-next {
right: 0px;
background: url(/images/next2.png) no-repeat 0 0;
border-radius: 5px 0 0 5px;
}
.slider_bx .bx-wrapper .bx-controls-direction a:hover {
background-color: rgba(233, 236, 240, 0.7);
}
.slider_bx .bx-wrapper .bx-caption {
position: absolute;
top: 0;
left: 50%;
width: 1000px;
height: 100%;
margin-left: -500px;
overflow: hidden;
}
.slider_bx .bx-wrapper .bx-caption > div.title {
color: #fff;
font: 12px/18px Arial;
display: block;
padding: 5px 10px;
position: relative;
}
.slider_bx .pager_wr {
/* background: url(/images/bx_thumb.png) repeat-x;*/
padding-bottom: 8px;
position: absolute;
width:100%;
top:18px;
left:0;
}
.slider_bx .pager_wr #bx-pager {
margin: 0 auto;
width: 1000px;
height: 102px;
padding: 0px 0 0 0;
overflow: hidden;
}
.slider_bx .pager_wr #bx-pager a {
display: block;
float: left;
width: 164px;
height: 96px;
position: relative;
text-align: left;
border-radius: 10px 10px 0 0;
-webkit-transition: background-color, 0.3s, ease, 0s;
-moz-transition: background-color, 0.3s, ease, 0s;
-o-transition:background-color, 0.3s, ease, 0s;
transition: background-color, 0.3s, ease, 0s;
}
.slider_bx .pager_wr #bx-pager a span {
font: bold 18px/20px arial;
color: #7f0f06;
text-shadow: 0 -1px 1px #b22a2a;
/* position: absolute;
bottom: -163px;*/
width: 100%;
display: block;
border-left: 2px solid #7f0f06;
width: 164px;
height: 85px;
/* background: url(/images/th.png) repeat-x;*/
}
.slider_bx .pager_wr #bx-pager a span i {
font-style: normal;
position: absolute;
padding:0 20px;
top: 30%;
left: 0;
}
.slider_bx .pager_wr #bx-pager a img {
display: none;
position: relative;
}
.slider_bx .pager_wr #bx-pager a:first-child {
/* border-right: 1px solid #fff;*/
/* margin-left: -165px; */
}
.slider_bx .pager_wr #bx-pager a:first-child span{
border-left: 0;
}
.slider_bx .pager_wr #bx-pager a.active, .slider_bx .pager_wr #bx-pager a:hover{
background-color: #fff;
}
.slider_bx .pager_wr #bx-pager a.active span, .slider_bx .pager_wr #bx-pager a:hover span{
border-left: 2px solid transparent;
color:#315a92;
text-shadow:none;
}
.slider_bx .pager_wr #bx-pager a.active + a span, .slider_bx .pager_wr #bx-pager a:hover + a span{
border-left: 2px solid transparent;
}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012 * http://stevenwanderski.com
*/
.slider_bx_num {
position: relative;
}
.slider_bx_num .bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
/* slides */
/* pager navigation */
/* DIRECTION CONTROLS (NEXT / PREV) */
/* IMAGE CAPTIONS */
}
.slider_bx_num .bx-wrapper .bx-viewport {
margin: 0 auto;
width: 1000px !important;
}
.slider_bx_num .bx-wrapper .bx-loading {
min-height: 50px;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.slider_bx_num .bx-wrapper .slide .info > .img {
display: block;
padding: 7px;
background: #fff;
margin: 3px 0 10px 3px;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
width: 185px;
}
.slider_bx_num .bx-wrapper .slide .info > .img a {
width: 185px;
height: 130px;
overflow: hidden;
display: block;
}
.slider_bx_num .bx-wrapper .slide .info > .img a > img {
display: block;
}
.slider_bx_num .bx-wrapper .bx-pager .bx-pager-item, .slider_bx_num .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.slider_bx_num .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -69px;
outline: 0;
width: 110px;
height: 138px;
text-indent: -9999px;
z-index: 9999;
}
.slider_bx_num .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.slider_bx_num .bx-wrapper .bx-controls-direction a.bx-prev {
left: 0px;
background: url(/images/prev2.png) no-repeat 0 0;
border-radius: 0 5px 5px 0;
}
.slider_bx_num .bx-wrapper .bx-controls-direction a.bx-next {
right: 0px;
background: url(/images/next2.png) no-repeat 0 0;
border-radius: 5px 0 0 5px;
}
.slider_bx_num .bx-wrapper .bx-controls-direction a:hover {
background-color: rgba(233, 236, 240, 0.7);
}
.slider_bx_num .bx-wrapper .bx-caption {
border-top: 1px solid #d6dbe1;
margin-top: 15px;
margin-right: 25px;
}
.slider_bx_num .bx-wrapper .bx-caption > .name {
color: #1e59a8;
font: bold 18px/22px Arial;
display: block;
padding: 10px 0;
}
.slider_bx_num .bx-wrapper .bx-caption > a {
font: 11px/14px Arial, sans-serif;
color: #fff;
background: #fcb179;
display: inline-block;
border-radius: 0 5px 5px 0;
padding: 2px 5px;
text-decoration: none;
}
.slider_bx_num .bx-wrapper .bx-caption > a:hover {
color: #fff;
opacity: 0.9;
}
.slider_bx_num .bx-wrapper .bx-caption .spec {
font: bold 14px/18px Arial, sans-serif;
color: #272727;
}
.slider_bx_num .bx-wrapper .bx-caption .text {
padding: 5px 0;
font: 12px/18px Arial, sans-serif;
color: #5e5f62;
}
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012 * http://stevenwanderski.com
*/
.carousel {
position: relative;
overflow: hidden;
}
.carousel .bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
margin: 0 -40%;
/* pager navigation */
/* DIRECTION CONTROLS (NEXT / PREV) */
}
.carousel .bx-wrapper .bx-viewport .slide a {
display: block;
}
.carousel .bx-wrapper .bx-viewport .slide a img {
display: block;
margin: 0 auto;
}
.carousel .bx-wrapper .bx-loading {
min-height: 50px;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.carousel .bx-wrapper .bx-pager .bx-pager-item, .carousel .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.carousel .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -69px;
outline: 0;
width: 43px;
height: 85px;
text-indent: -9999px;
z-index: 9999;
}
.carousel .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.carousel .bx-wrapper .bx-controls-direction a.bx-prev {
left: 32%;
background: url(/images/prev_bx.png) no-repeat 0 0;
}
.carousel .bx-wrapper .bx-controls-direction a.bx-next {
right: 32%;
background: url(/images/next_bx.png) no-repeat 0 0;
}
.carousel .bx-wrapper .bx-controls-direction a:hover {
background-position: 0 bottom;
}
/* import simple text */
.simple_text {
padding-bottom: 15px;
}
.simple_text p {
padding: 0 0 10px 0;
}
.simple_text ol, .simple_text li, .type_list ol, .type_list ul, .razd_cont ul, .razd_cont ol{
margin: 0;
padding: 5px 0 5px 15px;
list-style-position: inside;
}
.simple_text .note {
font: italic 12px/18px Arial;
color: #5e5f62;
padding: 20px;
background: #f2f4f5;
border-radius: 10px;
}
ul.dot2 {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
ul.dot2 li {
padding: 1px 0 1px 18px;
background: url(/images/dot2.png) no-repeat 0 5px;
}
/* import galery list */
#galery {
float: left;
width: 100%;
padding-top: 50px;
}
#galery .slide_block {
padding-bottom: 76px;
background: url(/images/shad.png) no-repeat center bottom;
float: left;
width: 100%;
margin-bottom: 20px;
}
.gal {
float: left;
width: 100%;
}
.gal .album_list {
margin: 0 auto;
width: 1000px;
}
.gal .album_list ul {
list-style: none;
margin: 0;
padding: 0;
}
.gal .album_list ul:after {
display: table;
content: "";
line-height: 0;
}
.gal .album_list ul > li {
margin: 0 6px 15px 0;
/* float: left; */
/* width: 235px; */
display: inline-block;
vertical-align: top;
width: 230px;
border: 1px solid #ccc;
padding: 4px;
position: relative;
}
.gal .album_list ul > li > a {
display: block;
overflow: hidden;
}
.gal .album_list ul > li > a > img {
display: block;
}
.gal .album_list ul > li > a:hover img {
opacity: 0.8;
}
.gal .album_list ul > li .caption {
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 4px;
width: 235px;
padding: 8px 0;
}
.gal .album_list ul > li .caption a {
font: bold 14px/18px Arial;
color: #fff;
text-decoration: none;
width: 140px;
padding: 0 5px 0 10px;
display: block;
float: left;
}
.gal .album_list ul > li .caption .num {
background: url(/images/ph.png) no-repeat;
padding: 0 5px 0 25px;
font: 14px/18px Arial;
color: #fff;
float: right;
}
.gal .album_list ul > li:nth-child(5n) {
clear: both;
}
.gal .album_list ul > li:nth-child(4n) {
margin-right: 0;
}
/* import comments */
.mini_comments .com_one .com_date {
font: 12px/18px Tahoma;
padding: 3px 10px 2px 10px;
color: #f6f900;
display: inline-block;
background: #000;
border-radius: 0 8px 8px 0;
position: relative;
margin: 0 0 18px 10px;
min-width: 100px;
}
.mini_comments .com_one .com_name {
font: 14px Arial;
color: #303030;
text-align: left;
padding: 0 45px 8px 15px;
}
.mini_comments .com_one .com_name > span {
color: #7d517a;
}
.mini_comments .com_one .com_wrap {
border-radius: 10px 10px 10px 10px;
position: relative;
background: #B3629F;
}
.mini_comments .com_one .com_wrap:after {
content: '';
background: url(/images/com_user.png) no-repeat 0 0;
position: absolute;
width: 41px;
height: 27px;
right: 0px;
top: -19px;
border: 0px solid;
}
.mini_comments .com_one .com_text {
padding: 15px;
font: 12px/18px Arial;
color: #fff;
}
#right_column .comments_block {
border: 8px solid #d3e7f2;
border-radius: 15px;
padding: 12px;
}
.comments_block {
padding: 0 0 20px 0;
float: left;
width: 100%;
}
.comments_block .title {
padding: 0 0 20px 0;
}
.comments_block .title span {
font: 22px/30px Arial, sans-serif;
color: #303030;
}
.comments_block .title a {
float: right;
}
.comments_block ul {
list-style: none;
margin: 0;
padding: 0;
}
.comments_block ul li .commsOne {
padding: 0 0 15px 0;
}
.comments_block ul li .commsOne .com_name {
font: bold 12px/18px Arial;
color: #272727;
display: inline-block;
padding-right: 5px;
}
.comments_block ul li .commsOne .date {
font: 12px/18px Arial;
color: #acaeb1;
display: inline-block;
}
.comments_block ul li .commsOne .commsOneText {
border-bottom: 1px solid #e8ebee;
padding-bottom: 15px;
margin-bottom: 10px;
}
.add_com {
background: #ebf0fb;
padding: 20px;
float: left;
margin: 20px 0;
}
.add_com .title {
padding: 0 0 10px 0;
}
.add_com .title span {
font: 22px/30px Arial, sans-serif;
color: #303030;
}
.add_com .title a {
float: right;
}
.add_com .note {
font: 12px/18px Arial;
color: #111111;
}
.add_com .note span {
font: 24px Arial;
color: #ff0000;
}
.add_com form {
padding: 20px 0 0 0;
}
.add_com .rows label {
width: 160px;
display: inline-block;
font: 13px Arial;
vertical-align: top;
padding-top: 7px;
color: #303030;
text-align: right;
}
.add_com .rows label span {
font: 24px Arial;
color: #ff0000;
}
.add_com .rows input.add_com_t {
border: 1px solid #c0d0da;
width: 270px;
}
.add_com .rows textarea.add_com_t {
border: 1px solid #c0d0da;
margin-left: 165px;
width: 470px;
height: 220px;
}
.add_com .rows .capcha {
display: inline-block;
}
.add_com .rows .capcha img {
display: block;
margin: 0 10px 0 0;
}
.add_com .rows .capcha a {
display: block;
}
.add_com .rows .add_com_sub {
background: url(/images/submit.png) repeat-x;
border: 0;
padding: 10px 50px;
height: 36px;
color: #fff;
font: 14px Arial;
text-transform: uppercase;
border-radius: 5px;
margin-left: 165px;
margin-top: 5px;
}
/* import informer */
.video_block {
/*background: url(/images/bg.png) repeat-x;*/
background: #2159A6;
padding: 40px 0;
position: relative;
margin-bottom: 20px;
z-index: 10;
}
.video_block:after {
content: '';
position: absolute;
width: 100%;
left: 0;
background: url(/images/video_bg.png) repeat-x;
height: 129px;
bottom: -118px;
}
.video_block .wrap {
margin: 0 auto;
width: 1000px;
}
.video_block .wrap .movie {
float: left;
margin-right: 40px;
}
.video_block .wrap .movie .ytube {
position: relative;
margin-bottom: 25px;
display: none;
}
.video_block .wrap .movie_desc {
font: 14px/24px Arial;
color: #fff;
text-shadow: 0 1px 1px #0d3e80;
}
.video_block .wrap .movie_desc .title {
font: 26px/30px peterburgBoldItalic;
padding: 0 0 15px 0;
}
.video_block .wrap .movie_desc a{
color:#fff;
}
.rubas_form {
border: 8px solid #d3e7f2;
border-radius: 15px;
padding: 12px;
}
.rubas_form .note {
font: 12px/18px Arial;
color: #acaeb1;
padding: 0 0 15px 0;
}
.rubas_form form {
margin: 0;
}
.rubas_form form .rows .text_ins {
font: 14px Arial;
color: #b3b9c2;
width: 260px;
border: 1px solid #e1e7ec;
-moz-box-shadow: inset 0 2px 3px gainsboro;
-webkit-box-shadow: inset 0 2px 3px gainsboro;
box-shadow: inset 0 2px 3px gainsboro;
padding: 8px 10px;
}
.rubas_form form .rows .com_ins {
font: 14px Arial;
color: #b3b9c2;
width: 260px;
border: 1px solid #e1e7ec;
-moz-box-shadow: inset 0 2px 3px gainsboro;
-webkit-box-shadow: inset 0 2px 3px gainsboro;
box-shadow: inset 0 2px 3px gainsboro;
padding: 8px 10px;
height: 60px;
}
.rubas_form .text {
border-bottom: 1px solid #e8ebee;
padding-bottom: 15px;
margin-bottom: 10px;
}
.rubas_form .text:last-child {
border: 0;
margin: 0;
padding: 0;
}
.rubas_form .text .map {
padding: 7px;
background: #fff;
margin: 0 0 10px 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
}
/* import galery simplyScroll */
/*
* simplyScroll 2 - a scroll-tastic jQuery plugin
*
* http://logicbox.net/jquery/simplyscroll
*
* Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
*
* Dual licensed under the MIT and GPL licenses.
*
* Last revised: 31/01/2012
*
*/
/* Default/Master classes
Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded
*/
.bottom_slide_block {
float: left;
width: 100%;
}
.simply-scroll-container {
/* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip {
/* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
}
.simply-scroll-list {
/* UL/OL/DIV - the element that simplyScroll is inited on */
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
background-image: url(buttons.png);
width: 42px;
height: 44px;
z-index: 3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
background-position: -84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
background-position: -42px -88px;
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
background-position: -84px -88px;
}
/* Custom class modifications - override classees
.simply-scroll is default
*/
.simply-scroll {
/* Customisable base class for style override DIV */
width: 1002px;
height: 100px;
margin: 20px 0;
}
.simply-scroll .simply-scroll-clip {
width: 1002px;
height: 100%;
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 150px;
height: 100px;
}
.simply-scroll .simply-scroll-list li a {
width: 150px;
height: 100px;
}
/* Vertical scroller example */
.vert {
/* wider than clip to position buttons to side */
width: 340px;
height: 400px;
/* NOTE left-right classes wouldn't be needed on vertical scroller */
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px;
}
.vert .simply-scroll-list li {
width: 290px;
height: 200px;
}
.vert .simply-scroll-btn-up {
/* modified btn pos */
right: 0;
top: 0;
}
.vert .simply-scroll-btn-down {
/* modified btn pos */
right: 0;
top: 52px;
}
/* import buttons */
.user_but {
font: 15px/16px peterburgBoldItalic;
color: #fff;
text-decoration: none;
border-radius: 15px;
padding: 8px 25px;
display: inline-block;
}
.user_but.blue_but {
background: url(/images/bt1.png) repeat-x;
text-shadow: 0 -1px 1px #4175b6;
border-bottom: 1px solid #354e81;
border-top: 1px solid #5c97e9;
}
.user_but.orange_but {
background: url(/images/bt2.png) repeat-x;
text-shadow: 0 -1px 1px #82593b;
border-bottom: 1px solid #cf6f39;
border-top: 1px solid #ffb884;
}
.user_but.blue_but:hover, .user_but.orange_but:hover {
opacity: 0.9;
color: #fff;
}
.user_but.q_but {
background: #356dbb url(/images/q.png) no-repeat 1px 2px;
border: 2px solid #4780cf;
padding: 7px 25px 7px 40px;
margin: 0 10px 0 0;
}
.user_but.q_but:hover {
background: #fcb179 url(/images/q.png) no-repeat 1px -27px;
color: #fff;
border-color: #fff;
}
.user_but.o_but {
background: #356dbb url(/images/o.png) no-repeat 6px 1px;
border: 2px solid #4780cf;
padding: 7px 25px 7px 40px;
}
.user_but.o_but:hover {
background: #fcb179 url(/images/o.png) no-repeat 6px -28px;
color: #fff;
border-color: #fff;
}
.inner_but {
font: 18px/22px peterburgBoldItalic;
color: #fff;
text-decoration: none;
border-radius: 20px;
padding: 8px 25px;
display: inline-block;
background: url(/images/bt3.png) repeat-x;
text-shadow: 0 -1px 1px #4175b6;
border-bottom: 1px solid #354e81;
border-top: 1px solid #5c97e9;
margin-right: 10px;
}
.side_but{
padding:8px 18px;
margin-right:0px;
}
.inner_but:hover {
opacity: 0.9;
color: #fff;
}
.add_sub {
font: 18px/22px peterburgBoldItalic;
color: #fff;
text-decoration: none;
border-radius: 20px;
padding: 8px 25px;
display: inline-block;
background: url(/images/bt4.png) repeat-x;
text-shadow: 0 -1px 1px #4175b6;
border: 0;
text-shadow: 0 -1px 1px #82593b;
border-bottom: 1px solid #cf6f39;
border-top: 1px solid #ffb884;
outline: 0;
}
.add_sub:hover {
opacity: 0.9;
color: #fff;
}
.line_button {
padding: 10px 0;
}
/* import paginator */
.paginator {
padding: 10px 0;
float: left;
width: 100%;
text-align: center;
}
.paginator a {
text-decoration: none;
}
.paginator a.num_str {
display: inline-block;
font: bold 18px Arial;
color: #1e59a8;
padding: 3px 8px;
margin: 0 1px;
text-decoration: underline;
border-radius: 3px;
}
.paginator a.num_str:hover {
text-decoration: none;
}
.paginator a.active {
background: #1e59a8;
color: #fff;
text-decoration: none;
}
.backlevel {
padding: 10px 0;
float: left;
width: 100%;
}
/* import footer */
#footer {
background: #2159A6 url(/images/foot.png) repeat-x left top;
}
#footer .foot_menu {
float: left;
width: 100%;
}
#footer .foot_menu .a_menu {
float: left;
width: 180px;
margin-right: 65px;
}
#footer .foot_menu .a_menu .tit {
font: bold 14px/18px Arial;
color: #fff;
padding-bottom: 5px;
}
#footer .foot_menu .a_menu:last-child {
margin: 0;
}
#footer .foot_menu .a_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .foot_menu .a_menu ul > li {
display: block;
padding: 0px 0;
}
#footer .foot_menu .a_menu ul > li a {
text-decoration: none;
color: #6597dd;
font: 12px/14px Arial, sans-serif;
text-shadow: 0 1px 2px #184e98;
}
#footer .foot_menu .a_menu ul > li:hover a {
color: #fff;
}
#footer .foot_menu .a_menu ul > li.active a {
color: #fff;
}
#footer .d_menu {
position: absolute;
right: 40px;
top: 85px;
}
#footer .d_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .d_menu ul > li {
display: block;
padding: 2px 0;
background: url(/images/menu3.png) no-repeat 0 5px;
padding: 0 0 0 20px;
}
#footer .d_menu ul > li a {
text-decoration: none;
color: #6597dd;
font: 14px/14px Arial, sans-serif;
text-shadow: 0 1px 2px #184e98;
}
#footer .d_menu ul > li:hover a {
color: #fff;
}
#footer .d_menu ul > li.active a {
color: #fff;
}
#footer .copy {
color: #5586c9;
font: 12px/14px Arial;
position: absolute;
top: 170px;
right: 10px;
width: 235px;
}
#footer .artmedia {
position: absolute;
top: 240px;
right: 10px;
}
#footer .artmedia > a {
text-decoration: none;
outline: 0;
}
#footer .artmedia > a:hover {
text-decoration: none;
}
.error{
font-size: 12px;
margin-bottom: 10px;
}
/*1.11.2013*/
/* import news */
.photos_im > .photos_im_block > ul {
list-style: none;
margin: 0;
padding: 0;
}
.photos_im > .photos_im_block > ul > li {
margin: 0 10px 18px 0;
float: left;
width: 240px;
}
.photos_im > .photos_im_block > ul > li > .one > .img {
display: block;
padding: 7px;
background: #fff;
margin: 0 0 10px 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
}
.photos_im > .photos_im_block > ul > li > .one > .img a {
width: 225px;
overflow: hidden;
display: block;
}
.photos_im > .photos_im_block > ul > li > .one > .img a > img {
display: block;
}
.photos_im > .photos_im_block > ul > li > .one > a {
font: bold 14px/18px Arial, sans-serif;
color: #1e59a8;
display: block;
text-decoration: none;
margin: 0 0 7px 0;
}
.photos_im > .photos_im_block > ul > li > .one > a:hover {
text-decoration: underline;
}
.photos_im > .photos_im_block > ul > li:nth-child(4n) {
margin-right: 0;
}
.photos_im > .photos_im_block > ul > li:nth-child(5) {
clear: both;
}
.in_photo{
display:block;
text-align: center;
font: 20px/25px peterburgBoldItalic;
padding:10px 200px;
color:#1e59a8;
}
.subcatMenu{
border: 8px solid #d3e7f2;
border-radius: 15px;
padding: 12px;
}
.subcatMenu > div{
margin:0 0 10px 0;
}
.subcatMenu > div.active ul{
display: block;
}
.subcatMenu .tit{
font: 24px/30px peterburgBoldItalic;
padding: 0 0 0px 0;
color: #1e59a8;
cursor: pointer;
}
.subcatMenu ul{
list-style:none;
margin:0;
padding: 0;
padding-bottom: 5px;
display:none;
}
.subcatMenu ul li{
padding:2px 8px;
}
.subcatMenu ul li a{
font: 15px/30px peterburgBoldItalic;
color: #1e59a8;
}
.subcatMenu ul li.active a{
text-decoration: none;
cursor: default;
background: #d3e7f2;
}
.tabs{
}
.tabs ul{
list-style:none;
margin:0;
padding: 0;
}
.tabs ul li{
float:left;
padding:5px 0px 5px 0;
}
.tabs ul li:first-child a {
border-radius:7px 0 0 0;
}
.tabs ul li:last-child a{
border-radius:0 7px 0 0;
}
.tabs ul li a{
font: 13px/16px peterburgBoldItalic;
display: block;
padding: 9px 10px;
background: #356dbb;
color:#fff;
cursor: pointer;
}
.tabs ul li.on a, .tabs ul li a:hover{
color:#fff;
background: #5D8AC8;
text-decoration: none;
}
.tabs ul li.on a{
cursor: default;
}
.type_list{
clear: both;
padding:10px 0;
}
.pl{
position: relative;
display: block;
float:left;
margin-right: 15px;
}
.pl a{
display: block;
}
.play{
background: url(/images/play.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
z-index: 10;
display: block;
opacity: 0.5;
text-indent: -1000px;
overflow: hidden;
}
.pl a:hover .play{
opacity:0.7;
}
a.photo img{
width:140px;
}
/* 19-11-2013 */
.slider_razd {
position: relative;
width:100%;
float:left;
}
.bxslider_razd{
}
.slider_razd .bx-wrapper {
position: relative;
margin: 0;
padding: 0 20px;
*zoom: 1;
}
.slider_razd .bx-wrapper .bx-loading {
min-height: 50px;
background: url(../img/load.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.slider_razd .bx-wrapper .slide > a {
display: block;
}
.slider_razd .bx-wrapper .slide .info {
margin: 2px;
}
.slider_razd .bx-wrapper .slide .info:hover {
}
.slider_razd .bx-wrapper .slide .info .img {
padding: 7px;
background: #fff;
margin: 0 0 10px 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
vertical-align: top;
}
.slider_razd .bx-wrapper .slide .info .img > a {
display: block;
overflow: hidden;
height: 150px;
}
.slider_razd .bx-wrapper .slide .info a.on img, .slider_razd .bx-wrapper .slide .info a:hover img{
opacity:0.7;
}
.slider_razd .bx-wrapper .slide .info .img > a > img {
height: 100%;
}
.slider_razd .bx-wrapper .bx-pager .bx-pager-item, .slider_razd .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.slider_razd .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -69px;
outline: 0;
width: 110px;
height: 138px;
text-indent: -9999px;
z-index: 9999;
}
.slider_razd .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.slider_razd .bx-wrapper .bx-controls-direction a.bx-prev {
left: -80px;
background: url(/images/prev2.png) no-repeat 0 0;
border-radius: 0 5px 5px 0;
}
.slider_razd .bx-wrapper .bx-controls-direction a.bx-next {
right: -80px;
background: url(/images/next2.png) no-repeat 0 0;
border-radius: 5px 0 0 5px;
}
.slider_razd .bx-wrapper .bx-controls-direction a:hover {
opacity: 0.7;
}
.slider_razd .bx-wrapper .bx-caption {
}
.slider_razd .bx-wrapper .bx-caption > .tit {
font: bold 14px/18px Arial, sans-serif;
color: #1e59a8;
display: block;
position: relative;
}
.slider_razd .bx-wrapper .bx-caption .text {
padding: 5px 0;
}
.razd_cont{
border: 8px solid #d3e7f2;
border-radius:15px;
float:left;
width:982px;
margin-bottom: 20px;
}
.razd_cont .desc{
padding:0px 0;
}
.razd_big_img{
float:left;
margin:0 15px 0px 0;
}
.razd_big_img img{
max-width:350px;
}
.razd_link a{
font: 24px/30px peterburgBoldItalic;
margin-bottom: 5px;
padding-top:15px;
}
.razd_minianons{
font: 20px/30px peterburgBoldItalic;
color:#5072a0;
margin-bottom: 5px;
}
.razd_doposle{
display: inline-block;
padding: 7px;
background: #fff;
margin: 0 10px 0 0;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
vertical-align: top;
}
.razd_video{
display: inline-block;
padding: 7px;
background: #fff;
-moz-box-shadow: 0 0 3px #8f8e8e;
-webkit-box-shadow: 0 0 3px #8f8e8e;
box-shadow: 0 0 3px #8f8e8e;
vertical-align: top;
}
.razd_view{
padding:15px 0;
}
.razd_text{
padding: 0 10px 10px 0;
}
.fixed_nav{
position: fixed;
height:42px;
width:100%;
background: url(/images/bg_last.png) repeat-x;
z-index: 1000;
}
.fixed_nav .wrap{
width:1000px;
margin:0 auto;
position: relative;
}
/**/
#photos-list {
position: relative;
margin:20px 0 50px 0;
}
/* #########################################################
Уроки CSS и jQuery
Как сделать адаптивный слайдер изображений с помощью CSS и jQuery
http://freeams.ru
######################################################### */
/* Сброс настроек браузера */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider a img { outline: none; border: none; }
.flexslider {
margin: 0;
padding: 0;
}
/* Скрываем слайды перед загрузкой ява-скрипта */
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
/* width: 100%;*/
display: block;
margin:0 auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* Чистим предидущее изображение для .slides */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* Основной стиль слайдера */
.flexslider {
position: relative;
zoom: 1;
padding: 10px;
background: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0, .2);
box-shadow: 0px 1px 1px rgba(0,0,0, .2);
}
/* Вы можете изменить под свои требования*/
.flex-container {
min-width: 150px;
max-width: 960px;
}
.flexslider .slides { zoom: 1; }
/* Кнопки прокрутки. Стили */
.flex-direction-nav a {
display: block;
position: absolute;
width: 110px;
height: 138px;
top: 50%;
margin-top:-60px;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav .flex-next {
right: -5px;
background: url(/images/next2.png) no-repeat 0 0;
}
.flex-direction-nav .flex-prev {
left: -5px;
background: url(/images/prev2.png) no-repeat 0 0;
}
/* Кнопки прокрутки. Управление */
.flexslider .flex-control-nav {
position: absolute;
width: 100%;
bottom: -40px;
text-align: center;
margin: 0 0 0 -10px;
}
.flex-control-nav li {
display: inline-block;
zoom: 1;
}
.flex-control-paging li a {
display: block;
cursor: pointer;
text-indent: -9999px;
width: 12px;
height: 12px;
margin: 0 3px;
background-color: #1e59a8;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.flex-control-paging li a.flex-active {
background-color: #950000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Подпись к изображению */
.flexslider .slides p {
display: block;
position: absolute;
left: 0;
bottom: 0;
padding: 0 5px;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
color: white;
background-color: #222222;
background: rgba(0,0,0, .9);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}