html
{
height: 100%;
}
body
{
margin: 0;
padding: 0;
color: #fff;
min-height: 100%;
min-width: 1000px;
position: relative;
font: 12px/16px Tahoma;
background: #000;
}
body.index
{
background: #000 url(/img/bg-mid.jpg) no-repeat 50% 295px;
}
* html body { height: 100%; }
a
{
color: #fff;
outline: none;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
img{ border: 0; }
h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,fieldset
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6
{
color: #fff;
font-weight: 700;
text-decoration: none;
}
h1{font-size: 130%;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 90%;}
h6{font-size: 80%;}
.all
{
padding-bottom: 230px;
background: url(/img/bg-body-top.png) repeat-x 0 0;
}
.layout
{
width: 1000px;
margin: 0 auto;
min-height: 580px;
background: url(/img/bg-top.jpg) no-repeat 50% 128px;
}
* html .layout { height: 580px; }
.top
{
height: 166px;
position: relative;
overflow: hidden;
}
.top h1.logo
{
top: 27px;
left: 27px;
width: 300px;
height: 108px;
position: absolute;
}
.top h1.logo a
{
height: 108px;
display: block;
text-indent: -10000px;
background: url(/img/logo.png) no-repeat 0 0;
}
.top h1.logo-production
{
top: 27px;
left: 50px;
width: 243px;
height: 87px;
position: absolute;
}
.top h1.logo-production a
{
height: 87px;
display: block;
text-indent: -10000px;
background: url(/img/logo-production.png) no-repeat 0 0;
}
.top h1.logo-postproduction
{
top: 27px;
left: 50px;
width: 243px;
height: 87px;
position: absolute;
}
.top h1.logo-postproduction a
{
height: 87px;
display: block;
text-indent: -10000px;
background: url(/img/logo-postproduction.png) no-repeat 0 0;
}
.top h1.logo-soundtrack
{
top: 27px;
left: 50px;
width: 243px;
height: 87px;
position: absolute;
}
.top h1.logo-soundtrack a
{
height: 87px;
display: block;
text-indent: -10000px;
background: url(/img/logo-soundtrack.png) no-repeat 0 0;
}
.top div#menu
{
top: 0px;
right: -15px;
width: 700px;
height: 100px;
position: absolute;
overflow: hidden;
}
.top ul.menu
{
top: 24px;
right: 65px;
position: absolute;
}
.top ul.menu li
{
float: left;
width: 120px;
}
.top ul.menu li a
{
height: 34px;
display: block;
padding: 20px 0 0;
text-align: center;
text-decoration: none;
font: 700 9px/11px Tahoma;
text-transform: uppercase;
background: url(/img/bg-menu.png) no-repeat 0 0;
}
.top ul.menu li.first a
{
background: url(/img/bg-menu-first.png) no-repeat 0 0;
}
.top ul.menu li.last a
{
background: url(/img/bg-menu-last.png) no-repeat 0 0;
}
.top ul.menu li.one-line a
{
line-height: 24px;
}
.top ul.menu li a:hover
{
color: #00adec;
background-position: 0 -54px;
}
.top span.motto
{
top: 100px;
right: 50px;
width: 590px;
position: absolute;
text-align: right;
font: italic 12px Verdana;
}
.index-top
{
min-height: 270px;
padding: 0 50px 60px;
position: relative;
}
* html .index-top { height: 270px; }
.index-top .index-top-left
{
padding: 0 420px 0 0;
}
.index-top .index-top-left h2
{
font-size: 13px;
padding: 0 0 5px;
}
.index-top .index-top-left h2 span.date
{
color: #a3dbf0;
font-size: 12px;
font-weight: 400;
}
.index-top .index-top-left a.read-more
{
width: 100px;
display: block;
font-size: 10px;
margin-left: auto;
text-align: right;
padding: 0 15px 0 0;
background: url(/img/readmore.gif) no-repeat 100% 70%;
}
.index-top .index-top-right
{
top: 0;
right: 50px;
width: 326px;
height: 267px;
position: absolute;
padding: 4px 3px 0;
background: url(/img/slide.png) no-repeat 0 0;
}
.index-top .index-top-right #slide
{
width: 320px;
height: 240px;
display: none;
}
.index-top .index-top-right #slide-text
{
width: 310px;
bottom: 26px;
left: 3px;
z-index: 10000;
padding: 5px;
position: absolute;
background: #000;
}
.index-top .index-top-right .slide-manage
{
line-height: 12px;
padding: 4px 4px 0;
}
.index-top .index-top-right .slide-manage a
{
margin: 0 3px;
}
.index-top .index-top-right .slide-manage #slide-pager
{
float: right;
}
.index-top .index-top-right .slide-manage #slide-pager a
{
float: left;
width: 17px;
height: 16px;
display: block;
font-size: 10px;
line-height: 16px;
text-align: center;
margin: 0 5px 0 0;
text-decoration: none;
background: url(/img/slide-pager.png) no-repeat 0 0;
}
.index-top .index-top-right .slide-manage #slide-pager a.activeSlide,
.index-top .index-top-right .slide-manage #slide-pager a:hover
{
background-position: 0 -16px;
}
.news
{
padding: 0 0 10px 50px;
}
.news ul
{
width: 100%;
overflow: hidden;
}
.news ul li
{
float: left;
width: 266px;
padding: 0 50px 0 0;
}
.news ul li h3
{
font-size: 12px;
padding: 0 0 5px;
font-weight: 400;
}
.news ul li h3 span.date
{
color: #a3dbf0;
font-size: 11px;
}
.news ul li a.read-more
{
width: 100px;
display: block;
font-size: 10px;
margin-left: auto;
text-align: right;
padding: 0 15px 0 0;
background: url(/img/readmore.gif) no-repeat 100% 70%;
}
.news a.read-all
{
width: 100px;
display: block;
font-size: 10px;
margin-left: auto;
margin-right: 50px;
text-align: right;
padding: 0 15px 0 0;
background: url(/img/readmore.gif) no-repeat 100% 70%;
}
ul.team
{
width: 100%;
overflow: hidden;
padding: 0 0 30px;
}
ul.team li
{
float: left;
width: 445px;
height: 110px;
padding: 20px 0 20px 55px;
}
ul.team li img
{
float: left;
margin: 0 20px 0 0;
}
ul.team li span.name
{
color: #a3dbf0;
display: block;
font-size: 14px;
font-weight: 700;
padding: 10px 0 4px 0;
}
ul.team li span.position
{
display: block;
padding: 0 0 12px 0;
}
ul.team li div.phones
{
font-size: 11px;
padding: 0 0 2px;
}
ul.team li div.phones span
{
font-size: 14px;
}
div.address
{
margin-bottom: -30px;
}
div.address.ru { background: url(/i/contacts/contact-left-ru.gif) no-repeat 55px 100%; }
div.address.ua { background: url(/i/contacts/contact-left-ua.gif) no-repeat 55px 100%; }
div.address.en { background: url(/i/contacts/contact-left-en.gif) no-repeat 55px 100%; }
div.address div
{
width: 100%;
overflow: hidden;
}
div.address.ru div { background: url(/i/contacts/contact-right-ru.jpg) no-repeat 470px 100%; }
div.address.ua div { background: url(/i/contacts/contact-right-ua.jpg) no-repeat 470px 100%; }
div.address.en div { background: url(/i/contacts/contact-right-en.jpg) no-repeat 470px 100%; }
div.address div div.address-left
{
float: left;
width: 400px;
font-size: 14px;
font-weight: 700;
line-height: 22px;
background: none;
overflow: visible;
padding: 0 60px 530px 55px;
}
div.address div div.address-left h1
{
font-size: 17px;
font-weight: 400;
padding: 0 0 10px;
}
div.address div div.address-left span
{
color: #a3dbf0;
font-weight: 400;
font-size: 22px;
}
div.address div div.address-right
{
float: left;
width: 485px;
font-size: 13px;
line-height: 20px;
background: none;
overflow: visible;
padding-bottom: 450px;
position: relative;
}
div.address div div.address-right #flash-contact
{
position: absolute;
top: 51px;
left: 185px;
height: 68px;
width: 68px;
}
* html div.address div div.address-right #flash-contact { top: 45px; }
*+html div.address div div.address-right #flash-contact { top: 45px; }
div.wrapper
{
width: 100%;
overflow: hidden;
}
div.wrapper h2.header
{
font-size: 13px;
padding: 0 0 10px;
}
div.wrapper div.right
{
float: right;
width: 180px;
text-align: center;
}
div.wrapper div.left
{
float: left;
width: 600px;
padding: 0 0 0 55px;
}
div.wrapper div.left div.new
{
padding: 10px 0 20px;
}
div.wrapper div.left div.new div.new-header
{
padding: 0 0 2px;
}
div.wrapper div.left div.new div.new-header span
{
color: #a3dbf0;
font-size: 12px;
}
div.wrapper div.left div.new div.new-header a
{
font-size: 13px;
font-weight: 700;
}
div.wrapper div.left div.new div.new-inner-header
{
position: relative;
padding: 0 0 4px 85px;
min-height: 30px;
font-weight: 700;
}
* html div.wrapper div.left div.new div.new-inner-header { height: 30px; }
div.wrapper div.left div.new div.new-inner-header a
{
top: 0;
left: 0;
font-size: 13px;
font-weight: 700;
position: absolute;
padding: 0 15px 0 0;
background: url(/img/icon-next.gif) no-repeat 100% 70%;
}
div.wrapper div.left div.new div.new-inner-header span
{
left: 0;
top: 16px;
color: #a3dbf0;
font-weight: 400;
position: absolute;
}
div.wrapper div.left div.new p
{
padding: 6px 0;
}
div.wrapper div.left div.new2
{
}
div.wrapper div.left div.new2 div.new-header
{
padding: 0 0 2px;
}
div.wrapper div.left div.new2 div.new-header span
{
color: #a3dbf0;
font-size: 12px;
}
div.wrapper div.left div.new2 div.new-header a
{
font-size: 13px;
font-weight: 700;
}
div.wrapper div.wr-right
{
float: right;
width: 220px;
text-align: center;
}
div.wrapper div.wr-right #projects
{
width: 200px;
height: 200px;
margin-top: -16px;
overflow: hidden;
}
div.wrapper div.wr-right #equipment_production
{
width: 200px;
height: 200px;
margin-bottom: 20px;
overflow: hidden;
}
div.wrapper div.wr-right #equipment_postproduction
{
width: 200px;
height: 200px;
margin-bottom: 20px;
overflow: hidden;
}
div.wrapper div.wr-right #equipment_soundtrack
{
width: 200px;
height: 200px;
margin-bottom: 20px;
overflow: hidden;
}
div.wrapper div.wr-left
{
margin: 0 240px 0 0;
padding: 0px 0 0 50px;
}
* html div.wrapper div.wr-left { height: 1%; }
div.wrapper div.wr-left p
{
padding: 7px 0;
}
div.wrapper div.wr-left span.blue
{
color: #a3dbf0;
font-weight: 700;
}
div.wrapper div.wr-left table.tech
{
width: 703px;
margin-bottom: 30px;
border-collapse: collapse;
background: url(/img/bg-table-top.png) no-repeat 0 0;
}
div.wrapper div.wr-left table.tech tr th
{
}
div.wrapper div.wr-left table.tech tr td
{
padding: 5px;
border-bottom: dashed 1px #00658b;
}
div.wrapper div.wr-left table.tech tr td ul
{
}
div.wrapper div.wr-left table.tech tr td ul li
{
padding: 2px 10px;
border-top: dashed 1px #00658b;
}
div.wrapper div.wr-left table.tech tr td ul li:first-child
{
border-top: none;
}
div.wrapper div.wr-left table.tech tr td.first
{
width: 170px;
text-align: center;
font-weight: 700;
border-left: dashed 1px #00658b;
}
div.wrapper div.wr-left table.tech tr td.last
{
width: 110px;
text-align: center;
font-weight: 700;
border-right: dashed 1px #00658b;
}
div.wrapper div.wr-left a.price
{}
div.wrapper div.wr-left img
{
vertical-align: middle;
}
div.wrapper div.wr-left ul.projects
{
width: 100%;
overflow: hidden;
}
div.wrapper div.wr-left ul.projects li
{
float: left;
width: 220px;
height: 150px;
position: relative;
padding: 60px 5px 10px 130px;
}
div.wrapper div.wr-left ul.projects li h3.title
{
left: 0;
width: 330px;
bottom: 170px;
font-size: 12px;
font-weight: 700;
position: absolute;
}
div.wrapper div.wr-left ul.projects li img
{
left: 0;
top: 60px;
position: absolute;
border: solid 1px #15b2ec;
}
div.wrapper div.wr-left ul.projects li span.name
{
color: #fff;
display: block;
font-size: 10px;
line-height: 13px;
}
div.wrapper div.wr-left ul.projects li span.value
{
color: #a3dbf0;
display: block;
font-size: 10px;
line-height: 13px;
}
span.namekov {color:#a3dbf0;}
span.valuekov {color: #fff;}
div.wrapper div.wr-left ul.projects li span.project-video
{
left: 0;
bottom: 40px;
display: block;
font-size: 10px;
line-height: 13px;
position: absolute;
padding: 1px 0 0 20px;
background: url(/img/icon-video.gif) no-repeat 0 0;
}
div.wrapper div.wr-left ul.projects li span.project-photo
{
left: 38px;
bottom: 40px;
display: block;
font-size: 10px;
line-height: 13px;
position: absolute;
padding: 1px 0 0 20px;
background: url(/img/icon-photo.gif) no-repeat 0 0;
}
div.nav
{
padding: 10px 0 20px;
}
div.nav div.prev-next
{
float: right;
}
div.nav div.prev-next a.prev
{
padding: 0 0 0 15px;
background: url(/img/icon-prev.gif) no-repeat 0 70%;
}
div.nav div.prev-next span.prev
{
color: #3e3f41;
padding: 0 0 0 15px;
background: url(/img/icon-prev-notactive.gif) no-repeat 0 70%;
}
div.nav div.prev-next a.prev:hover
{
color: #a3dbf0;
background: url(/img/icon-prev-active.gif) no-repeat 0 70%;
}
div.nav div.prev-next a.next
{
padding: 0 15px 0 0;
background: url(/img/icon-next.gif) no-repeat 100% 70%;
}
div.nav div.prev-next span.next
{
color: #3e3f41;
padding: 0 15px 0 0;
background: url(/img/icon-next-notactive.gif) no-repeat 100% 70%;
}
div.nav div.prev-next a.next:hover
{
color: #a3dbf0;
background: url(/img/icon-next-active.gif) no-repeat 100% 70%;
}
div.nav ul
{
display: inline;
}
div.nav ul li
{
display: inline;
}
div.nav ul li a
{
padding: 5px;
text-decoration: none;
border: solid 1px #1a1a1a;
}
div.nav ul li a:hover
{
background: #7aa4b4;
border: solid 1px #7aa4b4;
}
div.nav ul li.active a
{
cursor: default;
background: #7aa4b4;
border: solid 1px #7aa4b4;
}
div.wrapper div.wr-left div.path
{
font-weight: 700;
}
div.wrapper div.wr-left div.project-info
{
width: 100%;
overflow: hidden;
padding: 20px 0 0;
}
div.wrapper div.wr-left div.project-info div.project-left
{
width: 260px;
float: left;
text-align: right;
padding: 30px 30px 0 0;
}
div.wrapper div.wr-left div.project-info div.project-right
{
float: left;
padding-right: 30px;
}
div.wrapper div.wr-left div.project-info div.project-right img
{
border: solid 1px #15b2ec;
}
div.wrapper div.wr-left div.project-info div.project-right div
{
border: solid 1px #15b2ec;
}
div.wrapper div.wr-left div.header-photo
{
margin: 20px 0 0 0;
padding: 0 0 0 20px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
background: url(/img/header-photo.gif) no-repeat 0 5px;
}
div.wrapper div.wr-left ul.project-photo
{
width: 100%;
overflow: hidden;
padding: 20px 0 0;
}
div.wrapper div.wr-left ul.project-photo li
{
float: left;
width: 175px;
height: 150px;
}
div.wrapper div.wr-left ul.project-photo li img
{
border: solid 1px #00adec;
}
div.wrapper table.three
{
width: 100%;
margin-bottom: 30px;
}
div.wrapper table.three td
{
width: 29%;
padding: 20px 2%;
text-align: center;
}
div.wrapper table.four
{
width: 100%;
margin-bottom: 30px;
}
div.wrapper table.four td
{
width: 21%;
padding: 20px 2%;
text-align: center;
}
div.lang
{
right: 0;
top: 24px;
width: 45px;
position: absolute;
background: url(/img/bg-lang-btm.png) no-repeat 0 100%;
}
div.lang ul
{
width: 45px;
margin: 0 0 6px;
padding: 6px 0 2px;
background: url(/img/bg-lang-top.png) no-repeat 0 0;
}
div.lang ul li
{
padding: 2px 0;
text-align: center;
}
div.lang ul li a
{
font: 9px/13px Tahoma;
text-transform: uppercase;
}
div.lang ul li.active a
{
cursor: default;
text-decoration: none;
}
.footer
{
left: 0;
bottom: 0;
width: 100%;
height: 230px;
font-size: 11px;
line-height: 14px;
position: absolute;
background: url(/img/bg-body-btm.png) repeat-x 0 100%;
}
.footer #fresh_production_group
{
height: 166px;
width: 900px;
margin: 0 auto 10px;
overflow: hidden;
}
.footer ul
{
width: 1000px;
margin: 0 auto;
overflow: hidden;
background: url(/img/bg-footer.jpg) no-repeat 50% 0;
}
.footer ul li
{
float: left;
}
.footer a.sun
{
float: left;
height: 23px;
display: block;
margin-top: -6px;
padding: 12px 105px 0 0;
text-decoration: none;
background: url(/img/logo-sun.gif) no-repeat 100% 0;
}
.footer a.sun:hover
{
text-decoration: underline;
background-position: 100% -35px;
}