html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, pre, form, input, select, option, table, th, td {
	margin: 0;
	padding: 0
}

html {
	height: 100%;
	font-size: 85%;
	background-color: #393836
}

body {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	background: #fff url(/themes/taxi/images/header.jpg) no-repeat 50% 0;
	font: normal 9pt/1 Arial, Tahoma, sans-serif;
	color: #393836
}


table {
	border-collapse: collapse;
	border-spacing: 0
}

#menu ol, ul {
	list-style: none outside
}

h1, h2, h3, h4, h5, h6 {
	font: normal 13.5pt Tahoma, Arial, sans-serif;
	color: #201f1f;
	text-align: center;
	text-transform: uppercase
}

h2 {
	margin: 0 0 14px;
}

h3 {
	font: normal 12.5pt Tahoma, Arial, sans-serif;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 9px;
}

h4 {
	font: bold 11.5pt Tahoma, Arial, sans-serif;
	color: #999999;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 4px;
}

.phones {
	font: normal 18.5pt Tahoma, Arial, sans-serif;
	color: #0077FF;
	text-align: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

a {
	color: #023699;
	text-decoration: underline
}

a:hover, a:active {
	text-decoration: none
}

img {
	border: 0
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

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

#header {
	position: relative;
	height: 253px
}

#header p a {
	display: block;
	position: absolute;
	top: 5px; left: 50%;
	margin-left: -95px;
	padding-top: 140px;
	width: 212px;
	height: 0;
	overflow: hidden
}

#header li {
	position: absolute;
	top: 38px; left: 0;
	padding-left: 25px;
	width: 177px;
	height: 100px;
	background: url(/themes/taxi/images/zakaz-postament.gif) repeat-x 0 35px
}

#header li.taxi {
	right: 0; left: auto;
	padding: 0 25px 0 0;
}

#header li a {
	display: block;
	padding-top: 20px;
	width: 100%;
	height: 80px;
	background: url(/themes/taxi/images/zakaz-table.gif) no-repeat 0 0;
	font-size: 15pt;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase
}

#header li a:hover, #header li a:active {
	background-position: 0 -100px
}

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

#content {
	padding-bottom: 34px;
	width: 100%;
	overflow: hidden
}


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

#sidebar {
	float: left;
	margin-top: 22px;
	width: 305px;
	background: #dedede;
}

#sidebar .block {
	padding-left: 15px;
	background: url(/themes/taxi/images/block.gif) no-repeat 4px 4px
}

/* menu ---------------------------------- */

#sidebar ul.menu {
	padding: 29px 0 12px;
	background: #f8f8f8 url(/themes/taxi/images/menu.jpg) no-repeat 100% 0
}

#sidebar ul.menu li {
	padding: 8px 0 9px 22px;
	border-bottom: #e2e4e6 1px solid
}

#sidebar ul.menu ul li {
	padding: 18px 0 0 35px;
	border: 0;
	background: url(/themes/taxi/images/menu-item.gif) no-repeat 27px 24px
} 

#sidebar ul.menu li.last {
	border: 0
}

#sidebar ul.menu a {
	color: #010000;
	text-decoration: none;
	text-transform: uppercase
}

#sidebar ul li span
{
	text-transform:uppercase;
}

#sidebar a { color: #000 }

#sidebar ul.menu a:hover, #sidebar ul.menu a:active,
#sidebar ul.menu li.active a {
	color: #2e85b8	
}

#sidebar ul.menu li.active ul a
{
	color: #010000;
}

/* weather ------------------------------ */

#sidebar .weather p {
	padding: 5px 32px 0 120px;
	height: 48px;
	border-bottom: #dedede 1px solid;
	background: #f8f8f8;
	color: #137ece;
	font-size: 11pt;
	text-align: right
}

#sidebar .weather p span {
	font-size: 15.5pt
}

#sidebar .weather p span.weather {
	float: left;
	width: 50px;
	font-size: 8pt;
	color: #696e70;
}

#sidebar .weather img {
	display: block;
	margin: 0 auto
}

#sidebar .weather p.title {
	padding: 17px 9px 17px 0;
	height: auto;
	border-top: #dedede 1px solid;
	background: #f1f1f1;
	color: #696e70;
	font-size: 9pt;
	text-transform: uppercase
}

#sidebar .weather p.t {
	padding: 6px 204px 7px 0;
	height: auto;
	background: #e5e5e5;
	color: #696e70;
	font-size: 9pt;
	text-transform: lowercase
}

/* article ----------------------------- */

#article {
	margin-left: 305px;
	padding: 34px 38px 260px;
	background: #fff
}

#article p, #article ul, #article ol {
	margin: 18px 0;
	line-height: 150%;
	text-align: justify
}

#article li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
}

#article ul {
margin-left: 30px;
}

table.tariffs1 {
	margin: 10px 30px 0 0;
	border: 1px solid #999999;
	float: left;
	width: 352px;
}


.tariffs1 td  {
	padding: 5px;
	border: 1px solid #999999;
}

.tariffs1 th  {
	padding: 9px;
	font-weight: bold;
	background-color: #f0f0f0;
	border: 1px solid #999999;
}

.tariffs1 td.table_title  {
	padding: 5px;
	font-weight: bold;
	background-color: #e2eff9;
	border: 1px solid #999999;
}

table.tariffs2 {
	margin: 10px 10px 0 0;
	border: 1px solid #999999;
	width: 234px;
	text-align: center;
}


.tariffs2 td  {
	padding: 5px;
	border: 1px solid #999999;
}

.tariffs2 th  {
	padding: 9px;
	font-weight: bold;
	background-color: #f0f0f0;
	border: 1px solid #999999;
}


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

#description {
	padding: 5px 20px 15px 38px;
	font-size: 7pt;
	color: #666670;
}

#footer {
	padding-top: 29px;
	height: 93px;
	border-top: #e4e5e5 1px solid;
	background: #f3f3f3 url(/themes/taxi/images/auto.png) no-repeat 625px 35px;
	font-size: 8pt;
	color: #4e4e50
}

#footer a {
	color: #4e4e50
}

#footer p.title, #footer ul {
	padding-left: 204px;
	background: url(/themes/taxi/images/logo.png) no-repeat 36px 1px
}

#footer p.title {
	font-weight: bold
}

#footer ul {
	height: 70px;
	overflow: hidden;
	background-position: 36px -10px;
	font-size: 7pt
}

#footer li {
	float: left;
	width: 185px
}

#footer li p {
	margin: 5px 0
}

/* way -------------------------------- */

#way {
	position: absolute;
	bottom: 0; right: 19px;
	width: 282px;
	height: 383px;
	background: url(/themes/taxi/images/way-postament.gif) repeat-y 100% 0;
	font-size: 8pt;
	color: #fff
}

#way div {
	margin: 12px 0;
	padding-right: 64px;
	text-align: right
}

#way .table {
	margin: 0;
	padding: 31px 0 0 24px;
	height: 155px;
	background: url(/themes/taxi/images/way-table.jpg) no-repeat 0 0
}

#way p {
	text-align: left
}

#way input {
	padding: 0 2px;
	width: 152px;
	height: 17px;
	border: #677d8d 1px solid
}

#way .submit input {
	padding: 0 10px;
	width: auto;
	height: auto
}

/* order ---------------------------- */

#zakaz_gruzo, #vashe_mnenie
{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.zakaz_div
{
	width: 100%;
	margin: 5px 0px 5px 10px;
}

.zakaz_input
{
	width: 250px;
	height: 17px;
}

.fon
{
	background: #ffffe7;
	border: 1px solid #bec4d2;
}

.fon-disabled
{
	background: #dedede;
	border: 1px solid #d0d0d0;
}

#id_fio
{
	margin-left: 74px;
}

#id_email
{
	margin-left: 65px;
}

#id_phone
{
	width: 245px;
	margin-left: 51px;
	letter-spacing: 5px;
	font-size: 28px;
	text-align: right;
	height: 28px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#id_from
{
	margin-left: 68px;
}

#id_to
{
	margin-left: 43px;
}

#id_car
{
	margin-left: 55px;
	
}

#id_comm
{
	width: 250px;
	height: 100px;
	margin-left: 22px;
}

#id_otzyv
{
	width: 250px;
	height: 100px;
	margin-left: 66px;
}


#id_prel
{
	position: absolute;
}

#date_time_text
{
	position: relative;
	left: -10px;
	top: 5px;
}

#date_time
{
	position: relative;
	top: 0px;
	left: -10px;
}

#id_time
{
	width: 30px;
}

#id_date
{
	width: 30px;
}

#srochno
{
	margin-top: 0px;
}

#id_urgent
{
	position: relative;
	top: 2px;
	left: 10px;
}

#id_tonnaj
{
	margin-left: 60px;
	margin-top: 5px;
}

#id_dlina_kuzova
{
	margin-left: 28px;
}

#id_visota_kuzova
{
	margin-left: 22px;
}

#id_shirina_kuzova
{
	margin-left: 18px;
}

#id_value_kuzova
{
	margin-left: 24px;
}

#id_tip_zagruzki
{
	margin-left: 32px;
}

#id_gruz
{
	margin-left: 79px;
}

#id_zakazat
{
	position: relative;
	left: 290px;
	font-weight: bold;
	cursor: pointer;
}

a.dp-choose-date 
{
	position: absolute;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/themes/taxi/images/calendar.png) no-repeat;
	top: 1px;
	left: 297px;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}


div#dp-popup 
{
	position:absolute;
	z-index:199;
}

div.dp-popup 
{
	background:#CCCCCC none repeat scroll 0 0;
	font-family:arial,sans-serif;
	font-size:10px;
	line-height:1.2em;
	/*padding:2px;*/
	position:relative;
	width:171px;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.error
{
	background:#FFCCCC none repeat scroll 0 0;
	border:1px solid #FF0000;
}

.error_t
{
	color:#FF0000;
	font-size:8pt;
}