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

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


@font-face {
    font-family: 'osans_i';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic.woff') format('woff'),
         url('../fonts/OpenSans-Italic.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic.svg#osans_i') format('svg');
    font-weight: normal;
    font-style: normal;}  
    
@font-face {
    font-family: 'osans_l';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.svg#osans') format('svg');
    font-weight: normal;
    font-style: normal;}        
    
@font-face {
    font-family: 'osans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular.svg#osans') format('svg');
    font-weight: normal;
    font-style: normal;}    
    
@font-face {
    font-family: 'osans_b';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold.woff') format('woff'),
         url('../fonts/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold.svg#osans_b') format('svg');
    font-weight: normal;
    font-style: normal;}   
    
@font-face {
    font-family: 'osans_sb';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold.woff') format('woff'),
         url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold.svg#osans_sb') format('svg');
    font-weight: normal;
    font-style: normal;} 

div {max-height: 99999px;}

body {margin: 0; padding: 0; font-family: 'pt_sans';}

h1 {font-family: 'pt_serif'; font-size: 33px; color: #333333; margin-top: 50px;}
h2 {font-family: 'pt_serif'; font-size: 33px; color: #333333; margin-top: 50px;}
p {line-height: 24px; font-size: 16px;}

.container {width: 1170px; margin: 0 auto;}
.mblock {width: 100%; float: left; position: relative;}

#top_head {border-top: 4px solid #988881;}

#top_head .top {height: auto;}

#top_head .top .logotype {width: 400px; float: left;}
#top_head .top .logotype a {display: table-cell; width: 222px; height: 155px; vertical-align: middle; background: url(../img/logo.jpg) center no-repeat;}

#top_head .top .adr {float: left; margin-right: 30px;}
#top_head .top .adr p {display: table-cell; width: 245px; height: 155px; vertical-align: middle; font-size: 18px; color: #333333; padding-left: 25px; background: url(../img/adr.jpg) left 55px no-repeat;}

#top_head .top .telmail {width: 270px; height: 155px; display: table-cell; vertical-align: middle;}
#top_head .top .telmail .tel {}
#top_head .top .telmail .tel p {font-size: 18px; color: #333333; margin:0; margin-bottom: 15px; padding-left: 30px; background: url(../img/tel.jpg) left center no-repeat;}
#top_head .top .telmail .tel p span {font-size: 24px; color: #988881;}
#top_head .top .telmail .mail {}
#top_head .top .telmail .mail a {font-size: 18px; color: #988881; padding-left: 30px; background: url(../img/mail.jpg) left center no-repeat;}

#top_head .top .login {display: table-cell; width: 200px; height: 155px; vertical-align: middle; text-align: right;}
#top_head .top .login a {font-size: 18px; color: #988881;}
#top_head .top .login a.log {float: left; padding-left: 30px; background: url(../img/login.jpg) center left no-repeat; padding-right: 10px; margin-right: 6px; border-right: 1px solid #988881;}

#top_head .bottom {background: #988881; height: auto; clear: both;}
#top_head .bottom ul.menu {margin: 0; padding: 0;}
#top_head .bottom ul.menu li {list-style: none; display: table-cell; height: 60px; vertical-align: middle; padding-right: 45px;}
#top_head .bottom ul.menu li a {font-size: 18px; color: #ffffff; text-decoration: none;}
#top_head .bottom ul.menu li a:hover {text-decoration: underline;}

#header {height: 420px; background: url(../img/bg_header.jpg) center no-repeat;}

#header h2 {font-size: 40px; color: #ffffff; font-weight: normal; margin-top: 65px; margin-bottom: 0;}
#header h1 {font-size: 40px; color: #ffffff; font-weight: normal; margin-top: 65px; margin-bottom: 0;}

#header .text {padding: 35px 0; padding-top: 15px;}
#header .text p {font-size: 18px; color: #ffffff; width: 570px; line-height: 26px;}

#header .more {}
#header .more a {display: table-cell; width: 170px; height: 50px; vertical-align: middle; text-align: center; border-radius: 3px; background: #988881; color: #ffffff; text-decoration: none; font-size: 16px; font-family: 'osans';}
#header .more a:hover {} 

#about {}
#about h2 {width: auto; float: left; margin-right: 30px;}
#about h1 {width: auto; float: left; margin-right: 30px;}
#about .more-link {float: left; padding-top: 67px; width: auto;}
#about .more-link a {color: #988881; text-decoration: none;}
#about .more-link a:hover {text-decoration: underline;}
#about .text {clear: both;}

#films {margin-bottom: 25px;}
#films h2 {width: auto; float: left; margin-right: 30px; margin-top: 40px;}
#films h1 {width: auto; float: left; margin-right: 30px; margin-top: 40px;}
#films .more-link {float: left; padding-top: 57px; width: auto;}
#films .more-link a {color: #988881; text-decoration: none;}
#films .more-link a:hover {text-decoration: underline;}

#films .views-row {position: relative;display: block; float: left; width: 170px; height: 100%; min-height: 399px; max-height: 400px; margin-bottom: 15px; margin-right: 15px;}
#films .views-row.last {margin-right: 0;}
#films .views-field-field-image {display: block; width: 170px; height: 240px; border-bottom: 2px solid #988881; background: url(../img/film.jpg) center no-repeat; overflow: hidden; transition: all 0.3s ease 0.3s;}
#films .views-field-field-image:hover {opacity: 0.8;}
#films .views-field-title {display: inline-block; width: 170px; height:95px;  max-height:95px;  min-height: 86px; overflow: hidden; vertical-align: middle; text-align: center; padding-top: 10px;}
#films .views-field-title a {font-family: 'osans_b'; font-size: 16px; color: #988881; font-weight: bold; text-decoration: none;}
#films .views-field-title a:hover {text-decoration: underline;}
#films .views-field-title-1 {display: block; width: 170px; text-align: center;}
#films .views-field-title-1 a {font-size: 12px; color: #333333; font-family: 'osans'; text-align: center; text-decoration: none;}
#films .views-field-title-1 a:hover {text-decoration: underline;}
#films .views-field-views {display: block; width: 170px; font-family: 'pt_sans'; font-size: 14px; color: #999999;}
#films .views-field-views p {display: block; padding-left: 30px; background: url(../img/see.jpg) left center no-repeat;}

#music {margin-bottom: 25px;}
#music h2 {width: auto; float: left; margin-right: 30px; margin-top: 40px;}
#music h1 {width: auto; float: left; margin-right: 30px; margin-top: 40px;}
#music .more-link {float: left; padding-top: 57px; width: auto;}
#music .more-link a {color: #988881; text-decoration: none;}
#music .more-link a:hover {text-decoration: underline;}

#music .views-row {position: relative;display: block; float: left; width: 170px; height: 100%; min-height: 399px; max-height: 400px; margin-bottom: 15px; margin-right: 15px;}
#music .views-row.last {margin-right: 0;}
#music .views-field-field-image {display: block; width: 170px; height: 240px; border-bottom: 2px solid #988881; background: url(../img/film.jpg) center no-repeat; overflow: hidden; transition: all 0.3s ease 0.3s;}
#music .views-field-field-image:hover {opacity: 0.8;}
#music .views-field-title {display: inline-block; width: 170px; x-height: 86px;  x-max-height: 86px;  x-min-height: 86px; overflow: hidden; vertical-align: middle; text-align: center; padding-top: 10px;}
#music .views-field-title a {font-family: 'osans_b'; font-size: 16px; color: #988881; font-weight: bold; text-decoration: none;}
#music .views-field-title a:hover {text-decoration: underline;}
#music .views-field-title-1 {display: block; width: 170px; text-align: center;}
#music .views-field-title-1 a {font-size: 12px; color: #333333; font-family: 'osans'; text-align: center; text-decoration: none;}
#music .views-field-title-1 a:hover {text-decoration: underline;}
#music .views-field-views {display: block; width: 100%; font-family: 'pt_sans'; font-size: 14px; color: #999999;text-align:center;border:1px solid #EEEEEE;border-top:none;}
#music .views-field-views p {display: block; padding:10px 0 10px 30px; background: url(../img/see.jpg) left+65px center no-repeat;margin:0;}

#music .left, #music-item .left {float: left;margin-right: 30px;width: 900px;}
#music .right, #music-item .right {float: left;width: 170px;}
#music .music-list {overflow:hidden;}
#music .music-list .views-row {width:30%;}
#music .music-list .views-row:nth-of-type(3n+1) {clear:left;}
#music .music-list .views-row .views-field-field-image {width:100%;}
#music .music-list .views-row .views-field-title {width:100%;font-weight:400;border:1px solid #EEEEEE;padding:14px 0 14px 0;}
#music p.music-type {margin:1px 0 0 0;font-size:13px;color:#666666;}

#main {}

#slujba {float: left; width: 270px; height: 100%; margin-right: 30px;}

 #slujba .views-row {display: block; width: 270px; overflow: hidden; border-top: 3px solid #988881; float:left; 
    margin-right: 20px;}
 #slujba .views-field-date {color: #988881; font-size: 20px; font-family: 'pt_serif';}
 #slujba .views-field-date span {font-size: 36px; font-weight: bold;}
 #slujba .views-field-title {}
#slujba .views-field-body {border-top: 1px solid #c5c5c5; margin-top: 15px; margin-bottom: 35px;}
 #slujba .views-field-body p {margin: 10px 0; line-height: 26px;}
 #slujba .more {}
 #slujba .more a {display: table-cell; width: 170px; height: 50px; vertical-align: middle; text-align: center; border-radius: 3px; background: #988881; color: #ffffff; text-decoration: none; font-size: 16px; font-family: 'osans';}
 #slujba .more a:hover {}

#main #news {float: left; width: 570px; height: 100%; margin-right: 30px;}

#main #news h2 {width: auto; float: left; margin-right: 30px;}
#main #news .more-link {float: left; padding-top: 67px; width: auto;}
#main #news .more-link a {color: #988881; text-decoration: none;}
#main #news .more-link a:hover {text-decoration: underline;}

#main #news .views-row {display: block; width: 570px; height: 170px; clear: both; margin-bottom: 40px;}
#main #news .views-field-field-image {display: block; width: 170px; height: 170px; background: url(../img/news_f.jpg) center no-repeat; margin-right: 20px; float: left;}
#main #news .views-field-title {font-family: 'pt_sans'; font-size: 22px; font-weight: bold; line-height: 22px;}
#main #news .views-field-title a {color: #988881; text-decoration: none;}
#main #news .views-field-title a:hover {text-decoration: underline;}
#main #news .views-field-body {line-height: 22px; border-bottom: 1px solid #c5c5c5; width: 380px; float: right; margin-bottom: 8px;}
#main #news .views-field-date {float: left; margin-right: 40px;}
#main #news .views-field-date p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}
#main #news .views-field-comment {float: left; width: auto;}
#main #news .views-field-comment p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#main #propovedi {float: left; width: 270px; height: 100%;}

#main #propovedi .views-row {display: block; width: 270px;}
#main #propovedi .views-field-field-image {display: block; width: 270px; height: 170px; background: url(../img/prop_1.jpg) center no-repeat;}
#main #propovedi .views-field-title {font-family: 'pt_sans'; font-size: 18px; font-weight: bold; margin-top: 10px;}
#main #propovedi .views-field-title a {text-decoration: none; color: #988881;}
#main #propovedi .views-field-title a:hover {text-decoration: underline;}
#main #propovedi .views-field-body {line-height: 22px; border-bottom: 1px solid #c5c5c5; margin-bottom: 20px;}
#main #propovedi .views-field-body p {margin: 25px 0; margin-top: 10px;}

#main #propovedi .more {}
#main #propovedi .more a {display: table-cell; width: 170px; height: 50px; vertical-align: middle; text-align: center; border-radius: 3px; background: #988881; color: #ffffff; text-decoration: none; font-size: 16px; font-family: 'osans';}
#main #propovedi .more a:hover {}

#main_2 {margin-top: 15px;}

#main_2 #faq {width: 770px; margin-right: 30px; float: left;}
#main_2 #faq .views-row {padding: 20px 0; border-top: 1px solid #c5c5c5;}
#main_2 #faq .views-field-title {display: table-cell; vertical-align: middle; height: 36px; background: url(../img/faq_plus.jpg) left center no-repeat; margin-bottom: 20px; font-weight: bold; font-size: 20px; color: #333333; text-decoration: none; padding-left: 55px;}
#main_2 #faq .views-field-body {display: none; padding-left: 55px;}

#main_2 #faq .views-row .views-field-title.active {background: url(../img/faq_minus.jpg) left center no-repeat;}

#main_2 #what {width: 370px; float: left;}

#main_2 #what .views-field-field-image {display: block; width: 85px; height: 85px; background: url(../img/ivanova.jpg) center no-repeat; float: left; margin-right: 15px;}
#main_2 #what .views-field-title {font-size: 20px; font-weight: bold; color: #333333; line-height: 18px;}
#main_2 #what .views-field-city {font-size: 18px; color: #666666; margin-top: 5px; padding-bottom: 38px; background: url(../img/quote.jpg) 100px bottom no-repeat;}
#main_2 #what .views-field-body {clear: both;}
#main_2 #what .views-field-body p {margin-top: 10px; color: #666666}

#photo {height: auto; margin-bottom: 100px;}
#photo h2 {width: auto; float: left; margin-right: 30px;}
#photo .more-link {float: left; padding-top: 65px; width: auto;}
#photo .more-link a {color: #988881; text-decoration: none;}
#photo .more-link a:hover {text-decoration: underline;}

#photo .views-row {display: block; width: 268px; height: 228px; margin-right: 10px; float: left; padding: 5px 0; }
#photo .views-row.last {margin-right: 0;}
#photo .views-field-field-image {display: block; width: 268px; height: 179px; background: url(../img/photo.jpg) center no-repeat;}
#photo .views-field-title a {display: table-cell; width: 248px; height: 49px; vertical-align: middle; text-align: left; padding-left: 20px; background: #988881; color: #ffffff; font-size: 18px; text-decoration: none;}

a{
  text-decoration:none;
    color: #000;
}


#footer {background: #615265; height: 545px; padding-top: 45px;}
#footer h2 {font-size: 20px; color: #ffffff;}
#footer .line {height: auto; padding-top: 10px; margin-top: 10px; border-top: 2px solid #988881;}

#footer .fmenu {display: block; float: left; width: 170px; margin-right: 130px;}
#footer .fmenu ul.menu {margin: 0; padding: 0;}
#footer .fmenu ul.menu li {margin: 0; padding: 5px 0; list-style: none;}
#footer .fmenu ul.menu li a {color: #ffffff; font-size: 18px; text-decoration: none;}
#footer .fmenu ul.menu li a:hover {text-decoration: underline;}

#footer .soc {display: block; float: left; width: 270px; margin-right: 130px;}

#footer .soc .join {display: block; width: 59px; height: 59px; float: left; margin-right: 11px; margin-bottom: 8px;}
#footer .soc .join:nth-child(4n+4) {margin-right: 0;}

#footer .soc .join a {display: block; width: 59px; height: 59px; background-image: url(../img/soc.jpg); background-repeat: no-repeat;}
#footer .soc .join a:hover {opacity: 0.9;}

#footer .soc .join.vk a {background-position: -70px 0;}
#footer .soc .join.twitter a {background-position: -140px 0;}
#footer .soc .join.google a {background-position: -211px 0;}
#footer .soc .join.hz a {background-position: 0px -68px;}
#footer .soc .join.youtube a {background-position: -70px -68px;}
#footer .soc .join.ok a {background-position: -140px -68px;}
#footer .soc .join.mail a {background-position: -210px -68px;}

#footer .contacts {display: block; width: 470px; color: #ffffff; font-size: 18px; float: left;}
#footer .contacts .tel {padding-left: 30px; background: url(../img/ftel.jpg) left center no-repeat; margin-bottom: 20px; margin-top: 5px;}
#footer .contacts .mail {padding-left: 30px; background: url(../img/fmail.jpg) left center no-repeat; text-decoration: underline; margin-bottom: 20px;}
#footer .contacts .adr {padding-left: 30px; background: url(../img/fadr.jpg) left center no-repeat; margin-bottom: 30px;}
#footer .contacts .map {display: block; width: 470px; height: 200px; background: url(../img/map.jpg) center no-repeat;}

#footer .copyright {clear: both; width: 100%; color: #ffffff; text-align: center; padding-top: 70px;}

.uppod_style_video {
  width: 1170px;
  height: 620px;
}
.uppod_style_audio {
    width: 300px;
    height: 35px;
}

#pager {}

#pager .navigator {display: table; width: 100%; float: left; height: auto; font-family: 'pt_sans'; font-size: 16px; padding: 10px 0; border-top: 1px solid #988881; border-bottom: 1px solid #988881; margin-bottom: 100px;}
#pager .navigator a {text-decoration: none; color: #988881; font-weight: bold;}
#pager .navigator a:hover {text-decoration: underline;}

#pager .navigator .previous {display: table-cell; width: 33%; height: 35px; vertical-align: middle; text-align: left;}

#pager .navigator .items {display: table-cell; width: 33%; height: auto;}
#pager .navigator .items ul {margin: 0 auto; padding: 0; width: auto;}
#pager .navigator .items ul li {list-style: none; padding: 0; margin: 0; display: table-cell; padding-right: 3px;}
#pager .navigator .items ul li a {display: table-cell; vertical-align: middle; text-align: center; width: 30px; height: 35px; border-radius: 3px; margin-right: 3px;}
#pager .navigator .items ul li a:hover {background: #988881; color: #ffffff;}
#pager .navigator .items ul li.active a {background: #988881; color: #ffffff;}

#pager .navigator .next {display: table-cell; width: 33%; height: 35px; vertical-align: middle; text-align: right;}


#film-item {}

#film-item .views-field-field-image {float: left; display: block; width: 170px; height: 230px; background: url(../img/one_film.jpg) center no-repeat; margin-right: 30px;}
#film-item .views-field-params {}
#film-item .views-field-params .field-item {margin-bottom: 5px;}
#film-item .views-field-body {border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; margin-bottom: 10px; clear: both; width: 100%;}
#film-item .views-field-body .field-label {margin-bottom: 5px; font-weight: bold; margin-top: 25px;}
#film-item .views-field-body .field-item {}
#film-item .footer {height: 38px;}

#film-item .footer .views-field-date {float: left; margin-right: 20px;}
#film-item .footer .views-field-date p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#film-item .footer .views-field-views {float: left; font-family: 'pt_sans'; font-size: 14px; color: #999999;}
#film-item .footer .views-field-views p {margin: 0; padding-left: 30px; background: url(../img/see.jpg) left center no-repeat; margin-right: 20px;}

#film-item .footer .views-field-comment {float: left; width: auto;}
#film-item .footer .views-field-comment p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#film-item .views-field-video {width: 100%; height: auto; padding-top: 35px;}
#film-item .views-field-video img {width: 100%; height: auto;}

#music-item {}

#music-item .left .views-field-field-image {float: left; display: block; width:265px; height: 230px; background: url(../img/one_film.jpg) center no-repeat; margin-right: 30px;}
#music-item .views-field-params {}
#music-item .views-field-params .field-item {margin-bottom: 5px;}
#music-item .views-field-body {border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; margin:25px 0 10px 0; clear: both; width: 100%;}
#music-item .views-field-body .field-label {margin-bottom:7px; font-weight:400; margin-top: 25px;color: #333333;font-family: "pt_serif";font-size:24px;}
#music-item .field-items {overflow:hidden;}
#music-item .field-items .views-field-field-image {margin-bottom:15px;width:100%;}
#music-item .views-field-body .field-item {}
#music-item .footer {height: 38px;}
#music-item .song-title {color: #666666;float: left;font-size: 14px;margin: 5px 0;}

#music-item .footer .views-field-date {float: left; margin-right: 20px;}
#music-item .footer .views-field-date p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#music-item .footer .views-field-views {float: left; font-family: 'pt_sans'; font-size: 14px; color: #999999;}
#music-item .footer .views-field-views p {margin: 0; padding-left: 30px; background: url(../img/see.jpg) left center no-repeat; margin-right: 20px;}

#music-item .footer .views-field-comment {float: left; width: auto;}
#music-item .footer .views-field-comment p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#music-item .views-field-video {width: 100%; height: auto; padding-top: 35px;}
#music-item .views-field-video img {width: 100%; height: auto;}

h2.inside {margin-top: 0;}

#breadcrumb {width: 100%;}
#breadcrumb .wrap {width: 100%; height: 50px; display: table-cell; vertical-align: middle;}
#breadcrumb .wrap a {color: #988881;}

#news-items {}

#news-items .left {float: left; width: 900px; margin-right: 30px;}

#news-items .left .news {}
#news-items .left .views-row {display: block; width: 100%; height: 170px; clear: both; margin-bottom: 40px;}
#news-items .left .views-field-field-image {display: block; width: 170px; height: 170px; background: url(../img/news_f.jpg) center no-repeat; margin-right: 20px; float: left;}
#news-items .left .views-field-title {font-family: 'pt_sans'; font-size: 22px; font-weight: bold; line-height: 22px;}
#news-items .left .views-field-title a {color: #988881; text-decoration: none;}
#news-items .left .views-field-title a:hover {text-decoration: underline;}
#news-items .left .views-field-body {line-height: 22px; border-bottom: 1px solid #c5c5c5; width: 710px; float: right; margin-bottom: 8px;}
#news-items .left .views-field-date {float: left; margin-right: 40px;}
#news-items .left .views-field-date p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}
#news-items .left .views-field-comment {float: left; width: auto;}
#news-items .left .views-field-comment p {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

#news-items .right {width: 170px; float: left;}
#news-items .right #films {width: 170px;}
#news-items .right #films h2 {margin-top: 0;}
#news-items .right #films .views-row {display: block; width: 170px; height: 100%; margin-right: 0; float: none;}
#news-items .right #films .views-row.last {margin-right: 0;}
#news-items .right #films .views-field-field-image {display: block; width: 170px; height: 240px; border-bottom: 2px solid #988881; background: url(../img/film.jpg) center no-repeat; overflow: hidden; transition: all 0.3s ease 0.3s;}
#news-items .right #films .views-field-field-image:hover {opacity: 0.8;}
#news-items .right #films .views-field-title {display: table-cell; height: 20px; width: 170px; vertical-align: middle; text-align: center; padding-top: 10px;}
#news-items .right #films .views-field-title a {font-family: 'osans_b'; font-size: 16px; color: #988881; font-weight: bold; text-decoration: none;}
#news-items .right #films .views-field-title a:hover {text-decoration: underline;}
#news-items .right #films .views-field-title-1 {display: block; width: 170px; text-align: center;}
#news-items .right #films .views-field-title-1 a {font-size: 12px; color: #333333; font-family: 'osans'; text-align: center; text-decoration: none;}
#news-items .right #films .views-field-title-1 a:hover {text-decoration: underline;}
#news-items .right #films .views-field-views {display: block; width: 170px; font-family: 'pt_sans'; font-size: 14px; color: #999999; padding-top: 1px;}
#news-items .right #films .views-field-views p {display: block; padding: 15px 0; padding-left: 30px; background: url(../img/see.jpg) left center no-repeat; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}

#news-one {margin-bottom: 50px;}
#news-one .views-field-field-image {display: block; margin-right: 30px; float: left;}
#news-one .views-field-field-image img {}
#news-one .views-field-body {border-bottom: 1px solid #c5c5c5; padding-bottom: 10px; margin-bottom: 10px;}
#news-one .views-field-body img {display:none;}
#news-one .views-field-date {margin: 0; padding-left: 25px; background: url(../img/date.jpg) left center no-repeat; color: #999999;}

@media screen and (max-width: 640px) {
    body {width: 640px;}
    .container{width: 570px; margin: 0 35px;}
    .mblock {max-width: 640px; min-width: 600px;}
    
    #top_head .top .logotype a {width: 222px; margin-right: 30px; height: 97px;}
    #top_head .top .adr p {height: 60px; background: url(../img/adr.jpg) left 15px no-repeat;}
    #top_head .top .telmail {height: 60px;}
    #top_head .top .telmail .tel p {margin-bottom: 5px;}
    #top_head .top .login {height: 30px; float: left; padding: 10px 0;}
    
    #top_head .bottom {background: #988881; height: 120px;}
    #top_head .bottom ul.menu li {display: block; float: left; padding-bottom: 15px; padding-top: 15px; height: auto;}
    
    #films .views-row:nth-child(3n+3) {margin-right: 15px;}
    #films .views-row.last {margin-right: 0;}
    
    #main #slujba .views-row {width: 570px;}
    
    #main #propovedi {width: 570px;} 
    #main #propovedi .views-row {float: left;}
    #main #propovedi .views-row.first {float: left; margin-right: 30px;}
    
    #main_2 #what {width: 570px;}
    #main_2 #faq {width: 570px;}
    
    #photo .views-row {margin-bottom: 30px;}
    #photo .views-row.last,
    #photo .views-row.second {margin-right: 0px;}
    
    #footer {height: auto;}
    #footer .fmenu {margin-right: 30px; float: left;}
    #footer .soc {margin-right: 0px;}
    
	#music .left, #music-item .left {
    float: left;
    margin-right: 30px;
    width: 100%;}
	#music .music-list .views-row {width:45%;}
    .right {display: none;}
	
    #news-items .left {width: 100%;}
    #news-items .left #news .views-field-body {width: 380px;}
    #news-items .right {display: none;}
    
    #news-one .views-field-field-image {float: none; margin-bottom: 30px; margin-right: 0; width: 100%; height: auto;}
    #news-one .views-field-field-image img {width: 100%; height: auto;}
    
}

ul.loginbox li {
	list-style-type: none;
}
ul.loginbox {
    margin-top: 10px;
	list-style-type: none;
    display: block; width: 170px; float: left; padding: 0;
}

ul.reset {padding: 0;}

ul.loginbox a{
	color: #988881;
}
.btn {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    background: #988881;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    border:none;
    font-family: 'osans';
}

.ux-form {padding: 0; margin: 0; padding-bottom: 50px;}
.ux-form ul {padding: 0; margin: 0;}
.ux-form ul li {list-style: none; padding-bottom: 5px;}

.highslide {
    display: block;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.highslide img{
    height: 200px
}

 .navigator{
	clear: both;
	width: 100%
	color: #988881;
	border-top: 1px solid #988881;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	font-family: sans-serif;
}

.navigator a, .navigator span{
	color: #988881;
}


.navigator .previous{
	display: inline-block;
	float: left;
	padding: 5px;
}

.navigator .next{
	top: 20px;
	display: inline-block;
	float: right;
	padding: 5px;;	
}

.navigator .previous a, .navigator .next a{
	font-weight: bold;
}

.navigator .items {
	display: inline-block;
}

.navigator ul{
	margin: 0;
}

.navigator .items ul a, .navigator .items span{
	background: #988875;
	color: #fff;
	width: 30px;
	display: inline-block;
	height: 30px;
	border-radius: 5px;
	padding: 5px;
	box-sizing: border-box;
}

.navigator .items ul a{
	background: #615265;
}