/*
D E S I G N  I N F O 

Дизайн: Мирсалихов Руслан
CSS стили и верстка: Мирсалихов Руслан
Описание: Дизайн для сайта Отель Проект
URL: http://www.cjclub.ru
Version: 1.0
Автор: Мирсалихов Руслан
URL Автора: http://mirsalikhov.ru
*/

/* LAYERS ----------------------------------------------- */
body                        { color: #FFFFFF; font-size: 12px; font-family: Arial; margin: 0; padding: 0; text-align: left; }
div#body                    { behavior: url('png.htc'); text-align: left; clear: both; width: 999px; position: relative; }
div#header                  { height: 160px; }
div#header #tel             { behavior: url('png.htc'); position: absolute; left: 290px; font-size: 11px; margin: 45px 0 0 0; width: 134px; height: 18px; }
div#header #tel2            { behavior: url('png.htc'); position: absolute; left: 290px; font-size: 11px; margin: 69px 0 0 0; width: 134px; height: 18px; }
div#header #log             { behavior: url('png.htc'); position: absolute; left: 670px; font-size: 11px; margin: 25px 0 0 0; top: 0; padding: 40px 0 0 15px }
div#header #log span        { behavior: url('png.htc'); width: 87px; height: 69px; display: block; position: absolute; margin: -40px 0 0 -50px; z-index: 10; }

div#cont                    { width: 100%; margin: 0 0 0 -290px; float: right; }
div#scont                   { margin: 0 0 0 275px; }
div#sleft                   { width: 250px; float: left; }

div.caption                 { line-height: 20px; font-size: 17px; width: 580px; position: relative; margin: 0 0 35px 0; }
div.caption .sub            { font-size: 13px; position: absolute; top: -100px; right: 10px; width: 180px; line-height: 15px; }
div.caption .link           { behavior: url('png.htc'); position: absolute; width: 81px; height: 85px; right: -65px; top: -10px; }

div.downloadinfo            { clear: both; position: relative; }
div.downloadinfo .link      { behavior: url('png.htc'); position: absolute; width: 81px; height: 85px; right: 190px; top: -10px; }
div.addiblock               { float: right; margin: 15px 85px 25px 65px; width: 189px; }

div#bordblock               { behavior: url('png.htc'); background: url('/i/border-cont.png'); width: 198px; height: 116px; padding: 12px 15px; margin: 35px 0 15px 20px; position: relative;  }

div#nav                     { padding: 0 0 0 30px; font-size: 16px; margin-bottom: 70px; }
div#nav .menu               { padding: 0; list-style: none; margin: 0; }
div#nav .menu li            { padding: 3px 15px }
div#nav .menu li.this       { background: url('/i/menu-el.png') no-repeat left 7px; color: #9395a4; }
div#nav .menu li ul { padding: 0 0 0 25px; }
*div#nav .menu li ul { padding: 0 0 0 25px; margin:0; }
div#nav .menu li ul li { padding: 3px 0; font-size: 12px; }
div#nav .menu li ul li.this { background: none; padding: 3px 0; font-size: 12px; }

div#map                     { behavior: url('png.htc'); position:relative; width:610px; height:380px; margin: 0 0 15px 0; background:url(/i/map1.png) top left no-repeat; }
#map .spb { position:absolute; top:194px; left:70px; float:left; }
#map .moscow { position:absolute; top:233px; left:104px; float:left; }
#map .nsb { position:absolute; top:240px; left:398px; float:left; }
#map .kzn { position:absolute; top:240px; left:218px; float:left; }
#map .anapa { position:absolute; top:300px; left:15px; float:left; }
#map .ekt { position:absolute; top:220px; left:265px; float:left; }
#map .zsv { position:absolute; top:290px; left:138px; float:left; }
#map .kryarsk { position:absolute; top:200px; left:418px; float:left; }
#map .rnd { position:absolute; top:280px; left:10px; float:left; }
#map .ude { position:absolute; top:250px; left:490px; float:left; }
#map .chita { position:absolute; top:320px; left:400px; float:left; }
#map .ndm { position:absolute; top:160px; left:325px; float:left; }
#map .smr { position:absolute; top:320px; left:245px; float:left; }
#map .sochi { position:absolute; top:330px; left:18px; float:left; }

#map .title { behavior: url('png.htc'); display:block; font-size:9px; padding:3px 19px; color:#fff; text-decoration:none; background: url(/i/bubble.png) 1px 1px no-repeat; outline: none; }
#map .title:hover { behavior: url('png.htc'); background: url(/i/bubble_big.png) top left no-repeat; }
#map .title1 { behavior: url('png.htc'); display:block; font-size:9px; padding:3px 19px; color:#fff; text-decoration:none; background: url(/i/bubble_small.png) 1px 1px no-repeat; outline: none; }
#map .title1:hover { behavior: url('png.htc'); background: url(/i/bubble.png) top left no-repeat; }
#map .description { display:none; }
#map .description .top { behavior: url('png.htc'); width: 152px; height: 16px; background: url(/i/popup_top.png) top left no-repeat; }
#map .description .content { behavior: url('png.htc'); width: 132px; background: url(/i/popup_middle.png) top left repeat-y; padding:0 10px; }
#map .description .bottom { behavior: url('png.htc'); width: 152px; height: 11px; background: url(/i/popup_bottom.png) top left no-repeat; }
#map .description .close { float:right; outline: none; }
#map .dot1 { position:absolute; top:190px; left:108px; float:left; }
#map .dot2 { position:absolute; top:239px; left:68px; float:left; }
#map .dot3 { position:absolute; top:255px; left:82px; float:left; }
#map .dot4 { position:absolute; top:280px; left:128px; float:left; }
#map .dot5 { position:absolute; top:264px; left:218px; float:left; }
#map .dot6 { position:absolute; top:229px; left:268px; float:left; }
#map .dot7 { position:absolute; top:180px; left:323px; float:left; }
#map .dot8 { position:absolute; top:256px; left:323px; float:left; }
#map .dot9 { position:absolute; top:335px; left:293px; float:left; }
#map .dot10 { position:absolute; top:230px; left:373px; float:left; }
#map .dot11 { position:absolute; top:330px; left:368px; float:left; }
#map .dot12 { position:absolute; top:195px; left:439px; float:left; }
#map .dot13 { position:absolute; top:180px; left:478px; float:left; }
#map .dot14 { position:absolute; top:255px; left:479px; float:left; }
#map .dot15 { position:absolute; top:100px; left:523px; float:left; }
#map .dot { display:none; }
div#news                    { padding: 0 0 0 45px; position: relative; font-size: 11px; }
div#news .skoba             { behavior: url('png.htc'); display: block; width: 51px; height: 14px; margin: 0 0 10px -10px; }

div#nabor                   { float: right; width: 400px; }

div#footer                  { clear:both; margin: 30px 0 0 290px; padding: 20px 0; }

.bl50a                      { float: left; width: 49%; list-style: none; margin: 0; padding: 0 }
.bl50b                      { float: right; width: 49%; list-style: none; margin: 0; padding: 0 }
.bl49a                      { float: left; width: 49%; list-style: none; margin: 0; padding: 0 }
.bl49b                      { float: right; width: 48%; list-style: none; margin: 0; padding: 0 }
.left                       { float: left; position: relative; }
.right                      { float: right; position: relative; }

/* FORMS ------------------------------------------------- */
.feedb                      { padding: 0; margin: 0 0 20px 0; }
.txts                       { width: 95%; }

input.input-text            { margin: 0; padding: 4px; position: relative; z-index: 2; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; width: 360px; }
textarea                    { margin: 0; padding: 4px; position: relative; z-index: 2; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; width: 360px; height: 100px; }
label                       { position: relative; z-index: 1; }
label.inlined               { padding-left: 6px; width: 120px; display: block; float: left; font-weight: normal; font-size: 12px; }
input.but                   { margin: 0 0 0 126px; padding: 4px; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 1px 1px #fff; }

/* HEADERS ----------------------------------------------- */
h1#main                     { behavior: url('png.htc'); display: block; width: 601px; height: 189px; margin: 0 0 30px -25px; position: relative; overflow: visible; }
h1#about                    { behavior: url('png.htc'); display: block; width: 502px; height: 86px; margin: 0 0 30px -25px; position: relative; overflow: visible; }
h1#contact                  { behavior: url('png.htc'); display: block; width: 541px; height: 189px; margin: 0 0 30px -25px; position: relative; overflow: visible; }
h1#clients                  { behavior: url('png.htc'); display: block; width: 720px; height: 86px; margin: 0 0 30px -25px; position: relative; overflow: visible; }

h1#logo                     { behavior: url('png.htc'); position: absolute; width: 130px; height: 75px; display: block; margin: 25px 45px; }

h1                          { font-size: 20px; font-weight: normal; letter-spacing: -1px; margin: 0 0 20px 0; }
h3                          { font-size: 15px; margin: 0 0 15px 0; font-weight: normal; }
h2                          { font-size: 20px; margin: 20px 0 10px 0; font-weight: normal; padding: 0; color: #fff; letter-spacing: -1px; }

/* LISTINGS----------------------------------------------- */

dd.standart                 { margin: 0; padding: 0; }
dd.standart dl              { margin: 0 0 5px 0; }
dd.standart dt              { font-size: 11px; margin: 0 0 15px 0; }

/* MISC -------------------------------------------------- */
img                         { border: 0; }
img.ico                     { vertical-align: middle; }

p                           { line-height: 20px; margin: 15px 20px 0 0; }
    
.clear                      { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 3px; }
.space                      { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 15px; }
.space1                     { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 30px; }
.line                       { display: block; width: 100%; clear: both; margin: 10px 0; padding: 0; font-size: 1px; height: 1px; background: url('/i/gdot.png') repeat; }
.hide                       { display: none; font-size: 1px; }
.kern                       { letter-spacing: -1px; }
.rlink                      { behavior: url('png.htc'); display: block; width: 62px; height: 62px; position: absolute; right: -30px; top: -30px; cursor: pointer; }
.date-pink                  { font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #ef004e; }
.count                      { behavior: url('png.htc'); display: block; width: 90px; height: 90px; position: absolute; left: 840px; margin: -40px 0 0 0; z-index: 1000; }
.count pre                  { display: block; margin: 11px 0 0 16px; padding: 0; font-family: "Arial Narrow", Arial; font-size: 35px; }

.tel1                       { behavior: url('png.htc'); background: url('/i/tel.png') no-repeat; display: block; font-size: 11px; margin: 5px 0 0 0; width: 134px; height: 18px; }
.tel2                       { behavior: url('png.htc'); background: url('/i/tel2.png') no-repeat; display: block; font-size: 11px; margin: 5px 0 0 0; width: 134px; height: 18px; }
.email                      { background: url('/i/emailot.png') no-repeat; display: block; font-size: 11px; margin: 5px 0 0 0; width: 134px; height: 20px; }


.f14                        { font-size: 14px; }
.f19                        { font-size: 19px; }
    
.color-a                    { color: #9395a4; }
.color-b                    { color: #c5c5c5; }
.color-c                    { color: #a1a1a1; }
.color-d                    { color: #2e8d9d; }


/* LINKS ------------------------------------------------- */
a, a:visited                { color: #42b1ff; text-decoration: underline }
a:hover                     { color: #88ceff; text-decoration: none; }

a.n, a.n:visited            { color: #42b1ff; text-decoration: none; }
a.n:hover                   { color: #88ceff; text-decoration: none; }

a.anav, a.anav:visited      { color: #FFFFFF; text-decoration: none; }
a.anav:hover                { color: #9395a4; text-decoration: none; }

a.alog, a.alog:visited      { color: #9395a4; text-decoration: none; margin: 0 9px 0 0; z-index: 1000; position: relative; }
a.alog:hover                { color: #ffffff; text-decoration: none; }

a.pdf,
a.pdf:visited               { behavior: url('hover.htc'); display: block; float: left; width: 260px; padding: 0 0 0 80px; color: #7d7f92; font-size: 11px; margin: 0 0 0 -80px; height: 80px; color: #9395a4; text-decoration: none; }
a.pdf big                   { color: #FFFFFF; font-size: 16px; font-weight: 400; }
a.pdf span                  { behavior: url('png.htc'); width: 61px; height: 72px; display: block; position: absolute; margin: -5px 0 0 -80px; cursor: pointer }

/* CATALOGUE */
.catalogue .item { margin-bottom:10px; }
.catalogue .item .inner { behavior: url('png.htc'); background:url('/i/bg.png'); overflow:hidden; padding: 10px; border-right:1px solid #000; border-left:1px solid #000; }
.catalogue .item .preview { float:left; margin: 0 15px 0 0; }
.catalogue .item h3 { font-weight:bold; }

.v1, .v2, .v3, .v4, .v5 {
    height: 1px;
    font-size: 1px;
    display: block;
    overflow: hidden;
    border: 1px solid #000;
    border-width: 0 1px;

}
.v1 {margin: 0 5px; background: #000;}
.v2 {behavior: url('png.htc'); margin: 0 3px; border-width: 0 2px; background:url('/i/bg.png');}
.v3 {behavior: url('png.htc'); margin: 0 2px; background:url('/i/bg.png');}
.v4 {behavior: url('png.htc'); margin: 0 1px; background:url('/i/bg.png');}
.v5 {behavior: url('png.htc'); margin: 0 1px; background:url('/i/bg.png');}

/* NEWS */
.news .inner { behavior: url('png.htc'); background:url('/i/bg.png'); padding: 10px; border-right:1px solid #000; border-left:1px solid #000; }

/* REGISTRATION */
.fields { margin:0; padding:0; list-style:none; overflow:hidden; }
.fields li { margin:0; padding:4px 0; list-style:none; clear:both; }
.fields label { width:180px; float:left; }
.fields input { width:150px; float:left; background:#fff; margin-right:10px; border:1px solid #333; padding:2px; }
.fields .help_text { color:#ccc;}
.fields div.error { margin:6px 0 2px 0; color:#ffcccc; }
.fields input.error { border:1px solid #ff6666; }

.ruchka { background: url('/i/ruchka.png') no-repeat; }
.ruchka2 { background: url('/i/ruchka2.png') no-repeat; }

.inner p a, .inner ol a, .inner .ul a { color:#fff; text-decoration:none; }
.inner a.link, .inner ol a.link, .inner .ul a.link { color: #42b1ff; text-decoration: underline }