/*
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; background: #2c2c36 url('/i/back01.jpg') no-repeat; }
div#body					{ behavior: url('/css/png.htc'); text-align: left; clear: both; width: 999px; position: relative; }
div#header					{ height: 160px; }
div#header #tel				{ behavior: url('/css/png.htc'); position: absolute; left: 290px; font-size: 11px; margin: 50px 0 0 0; width: 134px; height: 18px; }
div#header #log				{ behavior: url('/css/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('/css/png.htc'); width: 85px; height: 34px; display: block; position: absolute; margin: -40px 0 0 -15px; cursor: pointer }

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; }
div.caption .sub			{ font-size: 13px; position: absolute; top: -100px; right: 10px; width: 180px; line-height: 15px; }
div.caption .link			{ behavior: url('/css/png.htc'); position: absolute; width: 81px; height: 85px; right: -65px; top: -10px; }

div#nav						{ padding: 0 0 0 30px; font-size: 16px; }
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; color: #9395a4; }

div#map						{ margin: 0 0 15px 0; }
div#news					{ padding: 0 0 0 45px; position: relative; font-size: 11px;   }
div#news .skoba				{ behavior: url('/css/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%; }

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

h1#logo						{ behavior: url('/css/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: #FFFFFF; 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; }

.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('/css/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('/css/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: 32px; }

.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#sklad,
a#sklad:visited				{ behavior: url('hover.htc'); display: block; padding: 20px 0 0 80px; color: #7d7f92; font-size: 11px; margin: 0 0 0 -80px; height: 80px; color: #9395a4; text-decoration: none; }
a#sklad big					{ color: #FFFFFF; font-size: 16px; font-weight: 400; }
a#sklad span				{ behavior: url('/css/png.htc'); width: 61px; height: 72px; display: block; position: absolute; margin: -20px 0 0 -80px; cursor: pointer }
