@import "default.css";
@import "basic.css";

/*--- STRUCTURE ---*/
#footer {
position:absolute;
bottom:15px;
right:0px;
text-align:right;
padding-right:30px;
color:#999;
}

.c-left, .c-middle {
}

.c-left {
width:200px;
position:absolute;
left:0;
top:100px;
}

.c-middle {
padding-left:200px;
position:relative;
}

.content {
padding:20px;
padding-right:0;
position:relative;
overflow:hidden;
}

#body .content {
padding-top:0;
}

#tmg {
position:absolute;
left:30px;
top:35px;
}

#tmg A {
display:block;
width:172px;
height:20px;
}

#tmg A:hover {
background-position:0 100%;
}

#news-one {
position:absolute;
left:220px;
top:33px;
}

#news-one A {
color:#333 !important;
}

/*------ Menu --------*/
.menu {
margin:20px 0;
}

.menu LI {
margin-bottom:2px;
}

.menu LI, .menu LI UL LI {
height:15px;
overflow:hidden;
position:relative;
}

.menu LI UL LI {
width:100%;
font-size:13px;
margin:0;
float:left;
clear:left;
}

.menu LI UL LI A:link, .menu LI UL LI A:visited {
color:#fff;
text-decoration:none;
padding:0 5px 0 30px;
display:block;
height:15px;
}

#menu-first LI UL LI A:link, #menu-first LI UL LI A:visited,
#menu-second LI UL LI.hover A:link, #menu-second LI UL LI.hover A:visited,
#menu-second #m-vacancy LI.hover A:link, #menu-second #m-vacancy LI.hover A:visited {
background-color:#333;
}

#menu-first LI UL LI.hover A:link, #menu-first LI UL LI.hover A:visited,
#menu-second LI UL LI A:link, #menu-second LI UL LI A:visited {
background-color:#999;
}

#menu-second LI UL LI.active A:link, #menu-second LI UL LI.active A:visited {
background-color:#FF0066 !important;
}

.menu LI UL LI.active A:link, .menu LI UL LI.active A:visited {
background-color:#33cc00 !important;
}


#m-supermarket UL LI.active A:link, #m-supermarket UL LI.active A:visited {
background-color:#ff0066 !important;
}

#m-cafe UL LI.active A:link, #m-cafe UL LI.active A:visited {
background-color:#ff9900 !important;
}

#m-tech UL LI.active A:link, #m-tech UL LI.active A:visited {
background-color:#0099ff !important;
}

#m-about-format UL LI.active A:link, #m-about-format UL LI.active A:visited {
background-color:#00DEDE !important;
}

#m-vacancy {
margin-top:20px;
}

#menu-second #m-vacancy A:link, #menu-second #m-vacancy A:visited {
background-color:#a00;
}

#menu-second #m-vacancy UL LI.active A:link, #menu-second #m-vacancy UL LI.active A:visited {
background-color:#a00 !important;
}

/*
#m-cafe UL LI A:link, #m-cafe UL LI A:visited {
background-color:#33cc00 !important;
}*/

.menu LI UL {
position:absolute;
top:-45px;
}

/*---- CONTACT ----------------*/

#contact {
background-color:#000;
color:#eee;
line-height:140%;	
margin-top:0;
padding-top:1px;
margin-top:-1px;
overflow:visible;
}

#contact DIV {
padding:30px;
margin-left:190px;
}

#contact P {
text-align:right;
padding:2px 30px;
background-color:inherit;
padding-right:50px;
height:17px;
}

#contact A:link, #contact A:visited {
color:#4fabf2;
}

#contact P A:link, #contact P A:visited {
color:#fff;
}


/*------*/

.container {
width:950px;
margin:0 auto;
}

.slider {
display:none;
}

.star {
position:relative;
color:#999;
left:-5px;
padding-top:5px;
}

/*--------------------*/

BODY#count TD SPAN {
margin:0;
font-size:17px;
color:#fff;
background-color:#ff0066;
padding:0 3px;
}

.discount {
color:#f06 !important;
background-color:transparent !important;
}

BODY#count .cost_no_discount TD, BODY#count .cost_no_discount TH {
border-top:1px solid #ddd;
padding-top:15px;
}

BODY#count .cost_no_discount TD SPAN {
font-weight:bold;
background-color:#222;
color:#fff;
font-size:11px;
}

BODY#count BUTTON#go {
margin:10px 0;
}

BODY#count TD H4 {
margin:5px 0px 5px 0px;
}

BODY#count #mediaplan STRONG {
margin-top:10px;
margin-bottom:5px;
display:block;
}

BODY#count #mediaplan #count-azs TH,
BODY#count #mediaplan #count-azs TD {
padding-bottom:15px;
}

BODY#count LABEL#print {
display:block;
padding-left:350px;
font-size:10px;
color:#999;
}

#count-markets H4 {
margin-top:15px !important;
}
/*--------------------*/

#scroller, #index #items DIV.item, #scroll-current, #scroll-cover, #scroll-next, #scroll-back {
height:215px;
}

#scroll-cover, #controls {
left:400px;
/*background-image:url(../images/bg.png);*/
background-repeat:repeat;
background-position: 35px 0px;
}

#scroller {
position:relative;
overflow:hidden;
margin-bottom:30px;
}

#index #items,
#folio #items {
position:absolute;
height:100%;
overflow:hidden;
}

#index #items DIV.item,
#folio #items DIV.item {
position:relative;
display:block;
width:400px;
height:100%;
float:left;
}

#index #items DIV.item IMG,
#folio #items DIV.item IMG {
position:absolute;
bottom:0;
display:block;
width:400px;
}

.cover {    
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:#FFF;
}

.cover DIV {
width:100%;
height:100%;
overflow:hidden;
position:relative;
}

A IMG {
width:100%;
height:100%;
}

#scroll-cover {
position:absolute;
background-color:#FFF;
width:100%;
cursor:pointer;
opacity:0.8;
left:400px;
}

#controls A:link, #controls A:visited {
text-decoration:none;
display:block;
width:50px;
height:20px;
}

#scroll-next, #scroll-back {
position:absolute;
width:50px;
display:none;
}

#scroll-next {
top:0px;
left:0px;
}

#scroll-back {
top:0px;
left:0px;
}

#scroll-current {
position:absolute;
width:400px;
left:0px;
cursor:pointer;
z-index:100;
}


/*--- LOGOS ---*/

#logos {
position:relative;
height:60px;
margin:30px 0 30px 30px;
visibility:hidden;
display:none;
}

#logos DIV {
position:absolute;
width:100%;
height:100%;
background-color:#fff;
background-repeat:no-repeat;
}

/*
BODY.supermarket #header, 
BODY.tech #header, 
BODY.cafe #header, 
BODY.azs #header {
background-repeat:no-repeat;
}

BODY.supermarket #header {
background-image:url(../images/logos/supermarket.gif);
background-position:100px 0px;
}

BODY.tech #header {
background-image:url(../images/logos/supermarket.gif);
background-position:100px 0px;
}

BODY.cafe #header {
background-image:url(../images/logos/supermarket.gif);
background-position:100px 0px;
}

BODY.azs #header {
background-image:url(../images/logos/supermarket.gif);
background-position:100px 0px;
}
*/

/*---------------------*/

#texts {
position:relative;
height:260px;
width:750px;
overflow:visible;
}

#texts > DIV {
position:absolute;
top:0;
left:0;
width:100%;
background-color:transparent;
line-height:140%;
}

#texts .main-text, #texts .incut {
float:left;
}

.in-cut {
/*font-weight:bold;*/
font-size:17px;
line-height:150%;
color:#03a8a8;
/*margin:20px 0px 20px 0px !important;*/
}

#texts .main-text {
width:380px;
}

#about-format-text DIV {
width:550px;
}

#about-format-text P {
margin-bottom:10px;
}

.about-format #body .content {
margin-top:72px !important;
}

#texts .incut {
width:350px;
font-weight:bold;
font-size:13px;
font-family:Arial;
line-height:140%;
margin-left:20px;
}

#tech-text IMG {
float:left;
margin:-10px 10px 0 -15px;
}

/*--- INDEX PAGE ---*/
#index #body .content {
margin-top:80px;
}

BODY.shown {
height:100%;
overflow:hidden;
}

BODY.shown #cont {
height:100%;
}

.shown #index-content {
display:block;
}

.shown #page {
display:none;
}

#page {
min-height:100%;
height:auto !important;
height:100%;
position:relative;
overflow:hidden;
}

#page-content {
position:relative;
padding-bottom:120px;
/*background: url(../images/bg.png) repeat;*/
}

.bg {
/*background: url(../images/bg.png) repeat;*/
width:100%;
height:100%;
position:absolute;
}

#cont {
padding:0;
margin:0;
height:100%;
min-width:900px;
}

#index-content {
min-height:100%;
height:auto !important;
height:100%;
position:relative;
background-color:#000;
display:none;
}

#index-content #player-wrap {
float:left;
margin-right:20px;
}

#index-content .content {
margin:0;
margin-left:20px;
padding:100px 30px 105px 30px;
}

#index-content .content P {
line-height:140%;
color:#eee;
margin-left:340px;
width:500px;
}

#index-content .content P IMG {
margin-bottom:15px;
}

#index-content #contact {
position:absolute;
left:0;
bottom:-21px;
width:100%;
}

#enter {
display:block;
padding-bottom:5px;
margin-top:150px;
color:#bed21f;
margin-right:100px;
float:left;
}

/*--- MAP ---*/
#map #mapa {
position:relative;
background:url(../images/map.gif) no-repeat;
background-position:0% 20px;
background-color:#FFF;
height:750px;
margin-left:-110px;
}

#map #body .content {
overflow:visible;
}

#map #mapa .bg {
background-position:20px 0px;
}

#map .item {
color:#FFF;
overflow:hidden;
position:absolute;
width:12px;
height:12px;
display:none;
}

#map .item .map-item-content {
margin:0 15px;
margin-top:45px;
display:none;
}

#map .item .address {
border-top:1px dashed #FFF;
margin-top:10px;
padding-top:7px;
}

#map .Market {
background-color:#ff0066;
}

#map .MixMarket {
background-color:#33cc00;
}

#map .Restaurant {
background-color:#ff9900;
}

#map .Cafe {
background-color:#83CFF3;
}

#map .legend {
color:#222;
position:absolute;
heigth:30px;
top:0px;
left:90px;
}

#map .legend DIV {
position:relative;
margin-bottom:5px;
padding:2px 0 0 20px;
}

#map .legend SPAN {
display:block;
float:left;
height:12px;
width:12px;
margin-right:5px;
}

#map .item, #map .legend {
opacity:0.85;
filter:alfa(opacity=85);
}

#map .mode {
margin-bottom:20px;
}

#map .mode LI {
display:inline-block;
margin-right:10px;
}

#map .mode LI.active A:link, #map .mode LI.active A:visited, #map .mode LI.active A:hover {
color:#333;
text-decoration:none;
cursor:default;
}

#map #list UL {
margin-bottom:15px;
line-height:140%;
}

/*--- CLIENTS ---*/
#client #body .content {
overflow:hidden;
}

#clients .client-column {
float:left;
width:250px;
padding-right:30px;
}

#clients .client-column UL {
margin-bottom:20px;
}

#clients .client-column LI {
line-height:140%;
}

#clients H2 {
margin:0;
margin-bottom:5px;
}

/*--- NEWS ---*/
.news LI {
margin-bottom:15px;
width:400px;
}

.news H4 SPAN {
font-size:11px;
font-weight:normal;
color:#999;
}

.piece-of-news {
width:400px;
}

.piece-of-news P {
margin:10px 0 20px 0;
line-height:140%;
}

/*--- FOLIO ---*/
BODY#folio #header {
height:110px;
}

BODY#folio .folio-info {
height:100%;
margin-left:500px;
}

BODY#folio .folio-viewed IMG, BODY#folio .folio-viewed {
width:500px;
}

BODY#folio .folio-viewed {
float:left;
}

BODY#folio .column P.full {
margin-left:15px;
margin-top:30px;
width:350px;
}

.folio {
overflow:hidden;
}

.folio LI {
float:left;
margin-left:15px;
margin-bottom:10px;
width:65px;
}

.folio IMG {
width:65px;
height:50px;	
}

BODY#folio #player-wrap {
margin:0;
float:left;
}

/* City Regions */
#map #lugansk-region-markets {
position:absolute;
left:460px;
top:-40px;
line-height:140%;
}

#map H4 {
margin-bottom:5px;
}

.city-region {
position:absolute;
color:#777;
}

.kambrod {
top:120px;
left:150px;
}

.artemov {
top:350px;
left:80px;
}

.jovtn {
top:280px;
left:530px;
}

.leninsk {
top:420px;
left:320px;
}

.date-time {
position:absolute;
right:50px;
top:35px;
color:#bbb;
}

.date-time .time {
margin-left:5px;
background-color:#ff0066;
color:#fff;
font-size:13px;
font-weight:bold;
padding:0 5px 1px 5px;
}

.date-time .time SPAN {
text-decoration:blink;
}

DIV#special {
margin:120px 0 0 30px;
line-height:140%;
}

DIV#special A IMG {
height:auto;
width:auto;
}

DIV#special A.img {
display:block;
margin-left:-4px;
}

DIV#special A:link, DIV#special A:hover, DIV#special A:visited {
color:#ff0066;
}

/*** Special Page (Absolut) ***/

BODY#special H1 {
color:#ff0066;
}

BODY#special H5 {
font-size:15px;
font-weight:bold;
}

#special #text {
width:550px;
line-height:140%;
}

#special .note {
display:block;
margin-top:20px;
font-size:9px;
}

#absolute-paper {
background:url(../images/special/abs_razv.jpg) no-repeat;
width:546px;
height:337px;
border:1px solid #ddd;
padding-top:48px;
padding-left:4px;
margin:20px 0 10px 0;
}

#absolute-paper DIV {
float:left;
width:130px;
height:208px;
margin-left:2px;
position:relative;
}

#absolute-paper DIV P {
display:none;
position:absolute;
top:45%;
width:100%;
text-align:center;
font-size:13px;
color:#444;
}

#absolute-paper DIV:hover {
background-color:#eee;
}

#absolute-paper DIV:hover P {
display:block;
}

#block-3 {
margin-left:5px;
}

#absolute-paper #block-5, #absolute-paper #block-6 {
width:262px;
height:105px;
margin-top:2px;
}

#absolute-paper #block-3, #absolute-paper #block-6 {
margin-left:13px;
}

/*** Vacancy page ***/
#vacancy .content LI {
margin-bottom:20px;
line-height:140%;
}

#vacancy .content LI:last-child {
margin-bottom:0;
}

/* lift up content 
#vacancy H1 {
margin-top: 48px;
}
*/

/*** PRINT ***/
#contact-print {
display:none;
}

@media print {
	
#count .discount {
color:#333 !important;	
}	

#contact {
display:none;
}

#contact-print {
margin: 50px 0 0 130px;
display:block;
line-height:140%;
}

body#count label#print {
display:none;
}

#footer {
display:none;
}

.c-left {
display:none;
}

.c-middle {
padding-left:60px;
}

}