/**
 * File: screen.css
 * This file is for view in screen mode.
 *
 * Creator: Richie Grey
 * URL: http://www.richie.com.ua
 * ICQ: 823-784
 * Email: rich@richie.com.ua
 *
 * (c)2008.
 **/
   
/*--------------- Common classes
 **/
html, body { height:100%;}
body { background:#bab7b1 url(../images/bg.jpg) repeat center; color:#000; font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;}
body, form { margin:0; padding:0;}
body { padding-top:35px;}
img { border:0;}
p { margin-top:0; margin-bottom:1.5em;}
/**
 * Links
 */
a { color:#005afe; text-decoration:underline;}
a:hover { color:#b81319;}
/**
 * Headers
 */
h1 { margin:0 0 0; padding:0; color:#a30000; font:normal 20px/33px "Trebuchet MS", Arial; text-decoration:none; letter-spacing:-1px;}
h2 { margin:0 0 4px; padding:0; color:#fff; font:normal 17px/21px Tahoma, Arial;}
h3 { margin:0 0 10px; padding:0; color:#fff; font:normal 17px/21px Tahoma, Arial; text-align:center;}

.left { float:left;}
.right { float:right;}

/*--------------- Common classes
 **/
#layout { width:968px; margin:0 auto;}
.block { width:880px; margin:0 auto; position:relative;}
.block_top div { height:55px;}
.block_top .left { width:34px; background:url(../images/block_lt.png) no-repeat left top;}
.block_top .right { width:50px; background:url(../images/block_rt.png) no-repeat right top;}
.block_top .top { margin:0 50px 0 34px; background:url(../images/block_top.png) repeat-x left top;}
.block_bottom div { height:55px;}
.block_bottom .left { width:40px; background:url(../images/block_lb.png) no-repeat left top;}
.block_bottom .right { width:50px; background:url(../images/block_rb.png) no-repeat right top;}
.block_bottom .bottom { margin:0 50px 0 40px; background:url(../images/block_bottom.png) repeat-x left top;}

.block_center { padding:49px 33px 0 18px; background:url(../images/block_center.png) repeat-y left top;}
.block_center img { display:block;}
.logo { position:absolute; left:46px; top:36px;}
.logo h1 { margin:0; padding:0;}
.logo a { display:block; width:96px; height:35px; background:url(../images/logo.gif) no-repeat left top; text-indent:-999px; overflow:hidden;}

.citys div { height:30px; position:absolute; z-index:1;}
.citys div a { display:block; height:30px; background-image:url(../images/citys.gif); text-indent:-999px; overflow:hidden; opacity:0.37; outline:none; z-index:2}
.citys div a:hover { opacity:1;}
.city-truskavec { position:absolute; left:110px; top:262px; z-index:1;}
.city-chernivci { position:absolute; left:151px; top:302px; z-index:2;}
.city-lviv { position:absolute; left:175px; top:217px; z-index:3;}
.city-ternopil { position:absolute; left:198px; top:259px; z-index:4;}
.city-rivne { position:absolute; left:251px; top:208px; z-index:5;}
.city-vinnica { position:absolute; left:304px; top:255px; z-index:6;}
.city-bilacerkva { position:absolute; left:369px; top:243px; z-index:7;}
.city-odesa { position:absolute; left:388px; top:390px; z-index:8;}
.city-cherkasi { position:absolute; left:417px; top:278px; z-index:9;}
.city-kiyiv { position:absolute; left:421px; top:208px; z-index:10;}
.city-mikolayiv { position:absolute; left:448px; top:371px; z-index:11;}
.city-dniprodz { position:absolute; left:461px; top:297px; z-index:12;}
.city-krivijrig { position:absolute; left:488px; top:327px; z-index:13;}
.city-poltava { position:absolute; left:510px; top:240px; z-index:14;}
.city-simferopil { position:absolute; left:543px; top:484px; z-index:15;}
.city-dnipropetr { position:absolute; left:607px; top:319px; z-index:16;}
.city-kharkiv { position:absolute; left:610px; top:215px; z-index:17;}
.city-zaporizha { position:absolute; left:614px; top:285px; z-index:18;}
.city-mariupol { position:absolute; left:648px; top:369px; z-index:19;}
.city-severodoneck { position:absolute; left:654px; top:248px; z-index:20;}
.city-doneck { position:absolute; left:696px; top:299px; z-index:21;}
.city-lugansk { position:absolute; left:739px; top:289px; z-index:22;}

.city-truskavec a { width:75px; background-position:-1200px 0;}
.city-chernivci a { width:64px; background-position:-1680px 0;}
.city-lviv a { width:36px; background-position:-360px 0;}
.city-ternopil a { width:70px; background-position:-1080px 0;}
.city-rivne a { width:49px; background-position:0px 0;}
.city-vinnica a { width:60px; background-position:-960px 0;}
.city-bilacerkva a { width:68px; background-position:-720px 0;}
.city-odesa a { width:52px; background-position:-2400px 0;}
.city-cherkasi a { width:63px; background-position:-1320px 0;}
.city-kiyiv a { width:50px; background-position:-120px 0;}
.city-mikolayiv a { width:72px; background-position:-2280px 0;}
.city-dniprodz a { width:112px; background-position:-1440px 0;}
.city-krivijrig a { width:74px; background-position:-2040px 0;}
.city-poltava a { width:50px; background-position:-600px 0;}
.city-simferopil a { width:87px; background-position:-2520px 0;}
.city-dnipropetr a { width:102px; background-position:-1920px 0;}
.city-kharkiv a { width:54px; background-position:-240px 0;}
.city-zaporizha a { width:74px; background-position:-840px 0;}
.city-mariupol a { width:73px; background-position:-2160px 0;}
.city-severodoneck a { width:96px; background-position:-480px 0;}
.city-doneck a { width:64px; background-position:-1800px 0;}
.city-lugansk a { width:64px; background-position:-1560px 0;}

#tooltip { height:auto; z-index:999;}
.citys #tooltip div { height:auto;}
.citys .tooltip_right { height:auto; position:absolute;}
.tooltip_right { width:358px;}
.tooltip_right .top { height:11px; background:url(../images/tooltip_top.gif) no-repeat 33px top; line-height:0; font-size:0;}
.tooltip_right .bottom { height:66px; background:url(../images/tooltip_bottom.png) no-repeat left top; line-height:0; font-size:0;}
.tooltip_right .center { padding:1px 15px 1px 50px; background:url(../images/tooltip_bg.gif) repeat-y 33px top; color:#fff;}

.tooltip_left { width:358px;}
.tooltip_left .top { height:11px; background:url(../images/tooltip_top.gif) no-repeat left top; line-height:0; font-size:0;}
.tooltip_left .bottom { height:66px; background:url(../images/tooltip_bottom2.png) no-repeat left top; line-height:0; font-size:0;}
.tooltip_left .center { padding:1px 50px 1px 15px; background:url(../images/tooltip_bg.gif) repeat-y left top; color:#fff;}