/*
Title:     screen styles for alsena.ru
Author:    webcab.ru
*/

html, body {
	margin: 0;
	padding: 0;
}
html { font-size: 62.5%; }
body {
	color: #444;
	font: normal 1em/1.4em Arial,sans-serif;
	background: #374f46;
	text-align: right;
}
table {
	font: 1em/1.4em Arial,sans-serif;
}

img { border: none; }
form { margin: 0; padding: 0; }
hr { display: none; }


a:link, a:visited { color: #0066cc; text-decoration: underline; }
a:hover, a:active { color: #ff6600; }

p { margin: 1em 0; }

.y {
padding: 1em;
background: #FEF8BF;
}

small, .small {
	font: normal 0.85em/1.4em Arial,sans-serif;
}

/*
.submit {
	border: 1px outset #cbcfb5;
	font-size: 85%;
	text-transform: lowercase;
}
*/

.qform dl { margin: 1em 0; padding: 0; list-style: none; }
.qform dt { margin: 0; padding: 0; line-height: 1.6em; width: 190px; }
.qform dd { margin: 0; padding: 0; line-height: 1.6em; position: relative; left: 200px; top: -1.6em; margin-bottom: -1em; margin-right: 200px; }
.qform dt.alert span { border-bottom: 1px dashed red; }

.qform select { width: 250px; }
.qform .input, .qform textarea { width: 240px; }
.qform select.short { width: 150px; }
.qform .input.short { width: 120px; }

.qform dl.sepline {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px dashed #cfcfcf;
}

label.error { color: red; border-bottom: 1px dashed red; }
.red { color: red; }

.calendar-button { position: absolute; left: 127px; top: 0; width: 20px; height: 20px; background: url('./images/cal.gif') right top no-repeat; cursor: pointer; }

/* page structure
---------------------------------------- */

#page-wrapper {
	position: relative;
	width: 93%;
	min-width: 760px;
	background-color: #fff;
	text-align: left;
	margin-left: auto;
	padding-bottom: 35px;
	margin-bottom: 70px;
}

#p-index #page-wrapper { overflow: hidden; }


#content-wrapper { float: right; width: 100%; margin-left: -215px; position: relative; }
#content { margin-left: 215px; position: relative; overflow: hidden; }
#sidebar { float: left; width: 185px; position: relative; overflow: hidden; }


/* header
---------------------------------------- */

#logo {
	position: absolute;
	top: 6.3em;  /* header height+padding without border */
	left: 0;
	padding-top: 27px;
	z-index: 1000;
}

#logo h1 {
	background: url('./images/logo2.gif') no-repeat left center;
	display: block;
	width: 200px;
	height: 33px;
	margin: 0;
	padding: 0;
	font: normal 30px/33px Arial,sans-serif !important;
}

#logo a {
	outline: none;
	width: 200px;
	height: 33px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}

#header-wrap {
	position: relative;
	width: 100%;
	z-index: 1000;
	overflow: hidden;
}

#header {
	position: relative;
	height: 5em;
	margin-left: 290px;
	padding-top: 0.6em;
	padding-bottom: 0.7em;
	border-bottom: 7px solid #333;
}


#top-nav {
	position: relative;
	height: 4.364em;
	margin-right: 200px;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.455em;
}

#top-nav ul {
	position: absolute;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-nav li {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 2em;
	white-space: nowrap;
}

#phone {
	position: absolute;
	right: 0;
	bottom: -7px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	width: 200px;
	height: 50px;
	margin: 0;
	padding: 0;
	font: normal 14px/50px Arial,sans-serif !important;
	background: #ff6600 url('./images/tel2.gif') no-repeat left center;
}



/* content
---------------------------------------- */

#wrapper {
	z-index: 100;
	position: relative;
	margin-top: 53px;
	margin-left: 75px;
/*	background-color: red; */
}

.column {
	font-size: 1.3em;
	line-height: 1.154em;
	margin: 2em 0 3em;
}

#content .column {
	min-height: 660px;
	margin-right: 20px;
}

#p-index #content .column {
	min-height: 0;
}

#offices-block {
	margin-top: 3em;
	margin-bottom: 2em;
	position: relative;
}

#offices-block h2 {
	background: url('./images/offices_tit.gif') no-repeat left top;
	display: block;
	width: 200px;
	height: 40px;
	margin: 0;
	font: normal 20px/40px Arial,sans-serif !important;
	text-indent: -1000em;
	overflow: hidden;
}

#offices-flash {
	float: left;
	width: 175px;
}

#offices-block .cont {
	border-top: 1px solid #ccc;
	padding-top: 5px;
}

#offices-block .cities {
	width: 55%;
	float: right;
	padding: 2px 0;
}

#offices-block .cities2 {
}

#offices-block ul {
	width: 49%;
	overflow: hidden;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#offices-block li {
	margin: 1px;
	padding: 0;
}

#offices-block li.other {
	padding-top: 4px;
	font-size: 0.846em;
}

#hot-menu {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 55px;
	margin-top: 2em;
	margin-bottom: 2em;
	background-color: #999966;
}

#hot-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#hot-menu li {
	float: left;
	width: 50%;
	height: 55px;
	margin: 0;
	padding: 0;
}

#hot-menu li a {
	width: 165px;
	height: 55px;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	font: normal 12px/55px Arial,sans-serif !important;
}

#hot-menu li.order {
	background-color: #ff6600;
	margin-right: -1px;
}
#hot-menu li.order a {
	background: url('./images/zak2.gif') no-repeat left center;
}

#hot-menu li.price {
	background-color: #999966;
}
#hot-menu li.price a {
	background: url('./images/price2.gif') no-repeat left center;
}

#news-block {
	margin: 2em 0;
}

#news-block h2 {
	background: url('./images/tnews_tit.gif') no-repeat left top;
	display: block;
	width: 200px;
	height: 25px;
	margin: 0;
	text-indent: -1000em;
	overflow: hidden;
}

#news-block ul {
	position: relative;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#news-block li {
	position: relative;
	float: left;
	width: 33%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#news-block li h4 {
	position: absolute;
	top: 1px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 3.8em;
	font-size: 1em;
	color: #fff;
	text-align: right;
	background: #339900 url('./images/nf2.gif') no-repeat left bottom;
	padding: 0.2em 0;
}

#news-block h4 span {
	font: normal 1em/1em Arial,sans-serif;
	padding-right: 0.2em;
}


#news-block li p {
	position: relative;
	left: 1px;
	margin: 0;
	margin-left: 3.8em;
	margin-right: 10px;
	border-left: 1px solid #ccc;
	padding-left: 7px;
}

#news-block li a {
	font-size: 0.846em;
}


h2.cont-header {
	font: bold 2.482em/1em Arial,sans-serif;
	margin: 0 0 1.5em;
}

#content-intro {
	margin: 0 0 0 1.5em;
	font: bold 1.231em/1.2em Arial,sans-serif;
	color: #FF6600;
}

#content-intro .hght {
	float: right;
	height: 90px;
}

#content-intro p, #content-intro h3 {
	width: 50%;
	margin: 0;
	padding-bottom: 1em;
}

#content-intro h3 {
	font: bold 1em Arial,sans-serif;
}

#content .cont {
	
}

#content .cont h3 {
	font: bold 1.333em Arial,sans-serif;
	margin: 1em 0 0.75em;
}

#content .cont h4 {
	font: bold 1.167em Arial,sans-serif;
	margin: 1em 0 0.857em;
}


/* content backgrounds
---------------------------------------- */

#p-default #wrapper { background: url('./images/comm_f.jpg') no-repeat right top; }

#p-service #wrapper { background: url('./images/comm_f.jpg') no-repeat right top; }
#p-service-traffic #wrapper,
#p-service-transportation #wrapper,
#p-service-transportation-avia #wrapper,
#p-service-transportation-auto #wrapper,
#p-service-transportation-rail #wrapper  { background: url('./images/comm_f.jpg') no-repeat right top; }
#p-service-moving #wrapper,
#p-service-moving-office #wrapper { background: url('./images/off_f.jpg') no-repeat right top; }
#p-service-moving-personal #wrapper { background: url('./images/own_f.jpg') no-repeat right top; }
#p-service-warehouse #wrapper { background: url('./images/sklad_f.jpg') no-repeat right top; }

#p-about #wrapper { background: url('./images/about_f.jpg') no-repeat right top; }
#p-news #wrapper { background: url('./images/news_f.jpg') no-repeat right top; }
#p-about-contacts #wrapper { background: url('./images/con_f.jpg') no-repeat right top; }
#p-price #wrapper { background: url('./images/price_f.jpg') no-repeat right top; }
#p-order #wrapper { background: url('./images/order_f.jpg') no-repeat right top; }
#p-articles #wrapper { background: url('./images/comm_f.jpg') no-repeat right top; }


/* sidebar
---------------------------------------- */

#sidebar-nav {
}

#sidebar-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 185px;
}

#sidebar-nav li {
	margin: 0;
	padding: 0;
	width: 185px;
	border-bottom: 1px solid #fff;
	text-align: right;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #339900;
	overflow: hidden;
}

#sidebar-nav .service-transportation {
	background-image: url('./images/ff11.jpg');
}
#sidebar-nav .service-office {
	background-image: url('./images/ff21.jpg');
}
#sidebar-nav .service-personal {
	background-image: url('./images/ff31.jpg');
}
#sidebar-nav .service-warehouse {
	background-image: url('./images/ff41.jpg');
	border-bottom: none;
}

#sidebar-nav li a {
	display: block;
	height: 100px;
	width: 185px;
	color: #fff;
	font-size: 1.077em;
	line-height: 1.2em;
	text-decoration: none;
	outline: none;
	background-position: left top;
	background-repeat: no-repeat;
}

#p-service-transportation #sidebar-nav .service-transportation a,
#p-service-transportation-avia #sidebar-nav .service-transportation a,
#p-service-transportation-auto #sidebar-nav .service-transportation a,
#p-service-transportation-rail #sidebar-nav .service-transportation a { background-image: url('./images/ff12.jpg'); }
#p-service-moving-office #sidebar-nav .service-office a { background-image: url('./images/ff22.jpg'); }
#p-service-moving-personal #sidebar-nav .service-personal a { background-image: url('./images/ff32.jpg'); }
#p-service-warehouse #sidebar-nav .service-warehouse a { background-image: url('./images/ff42.jpg'); }

#sidebar-nav li a span {
	display: block;
	padding: 50px 10px 0;
}

#sidebar-nav li a:link, #sidebar-nav li a:visited { color: #efefef; }
#sidebar-nav li a:hover, #sidebar-nav li a:active { color: #fff; }


#sidebar-nav li.service-customhouse {
	width: 185px;
	height: 190px;
	background: url('./images/ff51.jpg') no-repeat left top;
}

#sidebar-nav li.service-customhouse a {
	width: 185px;
	height: 160px;
	color: #fff;
}

#sidebar-nav li.service-customhouse a span {
	padding: 100px 10px 0;
}

#sidebar-nav .service-customhouse a:link, #sidebar-nav .service-customhouse a:visited { color: #444; }
#sidebar-nav .service-customhouse a:hover, #sidebar-nav .service-customhouse a:active { color: #000; }



#contact-block h2 {
	background: url('./images/kon_title.gif') no-repeat left top;
	display: block;
	width: 70px;
	height: 25px;
	margin: 0;
	font: normal 20px/25px Arial,sans-serif !important;
	text-indent: -1000em;
	overflow: hidden;
}

#contact-block ul {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}

#contact-block li {
	margin: 2px 1em;;
	padding: 0;
}

/* map
---------------------------------------- */

#map-site ul {
margin: 1em 0;
padding: 0;
list-style: none;
}

#map-site li {
margin: 0.5em 0;
padding: 0;
}

#map-site li a {
font-size: 1.2em;
}

#map-site li li a {
font-size: 1em;
}

#map-site li ul {
margin: 0.2em 0 0.7em 3em;
}

#map-site li li {
list-style: disc;
}

#map-site li li li {
list-style: circle;
}


/* index
---------------------------------------- */

#indx-wrapper {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 2em 0 0;
}

#indx-bg {
	z-index: 10;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 450px;
	height: 1000px;
/*	height: 440px; */
	background: url('./images/f1_1.jpg') repeat right bottom;
}

#indx-bg div {
	width: 450px;
	height: 1000px;
	background: url('./images/f1.jpg') no-repeat right bottom;
}

#indx-content {
	position: relative;
	z-index: 100;
	margin: 0;
	padding-right: 40%;
	padding-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#indx-content p {
	margin: 0;
}

.two-cols .col1 {
	float: left;
	width: 48%;
}

.two-cols .col2 {
	float: left;
	width: 47%;
	margin-left: 4%;
}

#indx-content h2 {
	margin: 0 0 .5em 0;
	font: normal 2.833em Arial,sans-serif;
}

#indx-menu {
	border-top: 7px solid #333;
	padding-top: 1px;
	z-index: 100;
	position: relative;
	width: 100%;
}

#indx-menu ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 135px;
	background-color: #339900;
/*
	overflow: hidden;
	*/
}

#indx-menu li {
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 25%;
	height: 135px;
	text-align: right;
	padding-right: 1px;
}

#indx-menu .service-transportation {
	background: url('./images/ff1.jpg') no-repeat left top;
	left: 0;
}
#indx-menu .service-office {
	background: url('./images/ff2.jpg') no-repeat left top;
	left: 25%;
}
#indx-menu .service-personal {
	background: url('./images/ff3.jpg') no-repeat left top;
	left: 50%;
}
#indx-menu .service-warehouse {
	background: url('./images/ff4.jpg') no-repeat left top;
	left: 75%;
}

#indx-menu li a {
	display: block;
	height: 135px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
	text-decoration: none;
	outline: none;
}

#indx-menu li a span {
	display: block;
	padding: 80px 10px 0;
}

#indx-menu li a:link, #indx-menu li a:visited { color: #efefef; }
#indx-menu li a:hover, #indx-menu li a:active { color: #fff; }

#indx-menu li.service-customhouse {
	top: 135px;
	left: 0;
	width: 185px;
	height: 160px;
	background: url('./images/ff51.jpg') no-repeat left top;
}

#indx-menu li.service-customhouse a {
	width: 185px;
	height: 160px;
	color: #fff;
}

#indx-menu li.service-customhouse a span {
	padding: 100px 10px 0;
}

#indx-menu .service-customhouse a:link, #indx-menu .service-customhouse a:visited { color: #444; }
#indx-menu .service-customhouse a:hover, #indx-menu .service-customhouse a:active { color: #000; }


#p-index #contact-block {
	margin-top: 200px;
	padding: 1em;
}


/* pre-footer
---------------------------------------- */

#pre-footer {
	font-size: 1.3em;
	padding-left: 290px;
	margin: 2em 0;
}


/* footer
---------------------------------------- */

#footer {
	position: relative;
	font-size: 1.1em;
	color: #808080;
	width: 100%;
}

#footer-inner {
	padding-left: 290px;
	padding-right: 10px;
}

#footer a:link, #footer a:visited {
	color: #808080;
	text-decoration: none;
	border-bottom: 1px dotted #808080;
	}
#footer a:hover, #footer a:active {
	color: #ff6600;
	border-bottom-color: #ff6600;
	}


#footer p {
	margin-bottom: 0;
}

#counters {
	position: absolute;
	bottom: 0;
	left: 75px;
}



/* calendar style
---------------------------------------- */
* html div.calendar {
margin-left: -215px;
}

div.calendar
{
  font-size: 1em;
  color: #000;
z-index: 100000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #329900;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #329900;
  border-top: 1px solid #329900;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #FF6600;
color: #fff;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar td.otherDay
{
  color: #bbb;
}



/* self-clearing floats
---------------------------------------- */
.z:after,
#top-nav ul:after,
#wrapper:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* min-width for IE lt 7
-------------------------- */
* html #min-width { display: inline-block; position: relative; border-right: 760px solid #374f46; }
* html #min-width-ie { display: inline-block; position: relative; margin-right: -760px; }


/* ie fix
---------------------------------------- */

/* fix bg 1px shift  */
* html #phone { bottom: -8px; right: -1px; }
* html #indx-bg { right: -1px; bottom: -1px; }


/* trigger hasLayout and target ie5+6/win only */
* html .z,
* html #top-nav ul,
* html #wrapper
{ height: 1%; }

/* trigger hasLayout and target ie7/win only */
*:first-child+html .z,
*:first-child+html #top-nav ul,
*:first-child+html #wrapper
{ min-height: 1px; }


.vzh {
border: 1px solid #ccc; padding: 1em;
}

table.price-table {
border: 1px solid #efefef;
}
table.price-table td {
padding: 3px;
}
table.price-table tr.rw1 td {
background: #efefef;
}