@charset "utf-8";

/*	___________________________________
	
	express.ru
	main page css file
	Sergei Asanov (http://sadesign.ru)
	18/02/2009
	___________________________________
*/

/*
	Express delivery  +  Cities
	___________________________
*/

.express_delivery table td {font-size:14px; }
.express_delivery h1 { line-height:34px; padding-left:2px}

.express_delivery .callback { background:#f6f7f8; padding:14px 20px; margin-top:20px;}
.express_delivery .callback  .info { background:#2d9f43; padding: 5px; font-size: 10px; color:#fff; margin-bottom:12px;}
.express_delivery .callback  .error { background:#e24d29; padding: 5px; font-size: 10px; color:#fff; margin-bottom:12px;}
.express_delivery .arrow { background: url(/i/callback_arr.gif) no-repeat; position: absolute; right:-12px; top:220px; height:14px; width:12px;}
.express_delivery .callback .small { line-height: 14px; padding-bottom:10px;}
.express_delivery .callback a.send { display:block; background: url(/i/send_button.gif) top no-repeat; color:#fff; font-weight:bold; width:132px; text-align: center; text-decoration: none; font-size:12px; height:18px; padding-top:4px;}
.express_delivery .callback a.send:hover {  background: url(/i/send_button.gif) bottom no-repeat;}
.express_delivery .callback a.send:hover {}

.express_delivery .courier {  background:#e03a12; padding:10px 20px; margin-top:80px; }
.express_delivery .courier h2 { color: #fff; padding-bottom:6px;}
.express_delivery .courier h2 a { color: #fff; border-bottom-color:#fff;}
.express_delivery .courier .small {color:#ffc1ab;}
.express_delivery .workhours { color: #fdc1bc; font-size:12px; font-weight: bold; padding-left:2px; padding-top:5px;}



.express_delivery .director { background:#299eef; padding:10px 20px; margin-top:20px; }
.express_delivery .director h2 { color: #fff; padding-bottom:6px;}
.express_delivery .director .small { color:#fff; line-height: 14px; padding-bottom:10px;}
.express_delivery .director .email { font-size:12px; margin-top:3px;}
.express_delivery .director a { color:#fff;}
.express_delivery .director a:hover { text-decoration: none; color:#1688d7; background:#fff;}


#cities { position: relative; margin-left:26%; }

a.another_cities { position: absolute; top:142px; right:13%; display:block; font:12px Arial, sans-serif; background: url(/i/another_cities.gif) no-repeat -39px top; padding-top:42px; width:28px;}
/*
a:hover.another_cities {background-position: -39px top; color:#dc3b13}
*/

.moscow { position: relative;}
.petersburg { position: relative;}

a.morecontacts { font-size:12px; text-decoration: none; border-bottom: 1px dashed #606871; color:#606871;}
a.morecontacts:hover { border-bottom: 1px dashed #e03a13 }

#maincontacts_spb { margin-top:14px;}
#maincontacts_msk {margin-top:14px;}

.address { padding-bottom: 14px; line-height: 21px; position: relative; margin-left:20px;}
html>body .mapicon { top:3px;}
.mapicon { position: absolute; top:0; left:-20px;}
.moretel a { text-decoration: none; border-bottom: dashed 1px #0279c4}
#call .tel { margin-left:0; }
.tel { font-size: 26px;  color:#606871; position: relative; margin-left:42px; }
.tel .code { font-size:14px; font-weight: bold; position: absolute; top:5px; left:-42px;}
.icq { padding-left: 0px; padding-bottom:10px; padding-top:0px;}



ul.city { float: left; margin-top: 198px; padding-bottom:20px; position: relative; }

ul.city li { float: left;}
ul.city li span { padding-left: 10px; }
ul.city li span.price { float: left; padding: 2px 8px; margin-top:-2px;}
ul.city li a, ul.city li b { float: left; min-height: 15px; }
ul.city li.image { position: absolute; left:0; top:-200px; }
.moscow ul.city li.image { top:-120px; } 


.mainpart { position: relative; background:url(/i/special_offer_bg.gif) top repeat-x;}



/*
	Center
	_________
*/


#carbox {  margin-top:40px; position: relative; padding-bottom:30px; height:321px;}
#carbox #car { right: 3%; position:absolute; height:300px;}

#serviceline { background:#4a5258 url(/i/service_line_bg.jpg) repeat-x; height: 48px; padding-top:18px;}
#serviceline table td { font: 10px Arial, Helvetica, sans-serif; color:#f1f2f2;}


.sp_offer { font-size:12px; background:url(/i/sp_offer_map.jpg) no-repeat 20% 90px;  height:300px}
.sp_offer h1 {}
.sp_offer .columns { position: relative; }
.sp_offer .clmn1, .sp_offer .clmn2 { width:46%;}
.sp_offer .clmn1 ul li,
.sp_offer .clmn2 ul li { padding-bottom:12px; }
.sp_offer .clmn2 { position: absolute; top:0; left:50%;}
.sp_offer .allrates { padding-top:22px;}

.calculator { background: url(/i/calculator.png) no-repeat; margin-left:-78px; padding-left:34px; margin-top:20px; position: absolute; left: 26%; font-size:10px; color:#8b94a2; }
.calculator a { font-size:14px; font-weight: bold;}
.calculator .comm { width:200px; padding-top:4px;}

.feedback { font-size: 12px; line-height:19px; font-style: italic; background:#f6f7f8; margin-top:80px; margin-left:6%; width: 46%; padding: 12px 22px; color:#a2a9ab;}

.mainright {position:absolute; top:0; left: 67%; width:33%; background:url(/i/news_bg.jpg) no-repeat top right;}

.cargo { padding-top:48px;}
.cargo ul.city { margin-top:0; font-weight:bold; }
.cargo h2 { margin-right:8px}

/*
	News
	______________________________________
*/

#news { font-size:12px; padding-top:30px; padding-left:6%; width:30%;}
#news .date { background:#e03a13; padding:1px 4px; color:#fff; float:left; margin-bottom: 3px; }
#news .short { padding: 3px 0 22px 0; margin-top:0}
#news a {color:#8b94a2; text-decoration:none;}
#news a:hover { text-decoration: underline;}
#news .allnews a {color:#787b81; padding-top: 14px; text-decoration: underline;}


#delivery { background: url(/i/delivery_bg.jpg) repeat-x; position: relative; height:470px;}
#delivery h1 { color: #fff;}
#delivery ul { margin-left: 8%; padding-top: 30px; color:#768284; font-weight: bold;}
#delivery ul li { float: left; margin-right:40px; }
#delivery ul li.dcurrent { background-color: red; padding:6px 10px; margin-top:-6px; }
#delivery ul li a { font: bold 14px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; border-bottom: dashed 1px #fff;}
#delivery .directions { width: 26%; color: #fff; position: absolute; top:36px; left:67%;}
#delivery .directions p { font-size: 12px; line-height: 18px;}

#delivery .car { position: absolute; top:126px; left:8%; margin-left:-50px;}

.deliveryicons { color:#3d4344; font-size:12px; padding-top:30px; padding-left: 22px;}
.deliveryicons ul li { padding-bottom:12px; font-weight: normal; }
.deliveryicons .time { background:url(/i/time.png) no-repeat 0 2px; padding-left: 34px;}
.deliveryicons .h24 { background:url(/i/h24.png) no-repeat 0 2px; padding-left: 34px;}
.deliveryicons .days7 { background:url(/i/days7.png) no-repeat 0 2px; padding-left: 34px;}


/*
	Tracker
	______________________________________
*/

.tracker { background:#f6f7f9; width: 60%; padding:20px; font-size:12px;}
.tracker .comments { color: #86898b; padding-top:4px; padding-bottom: 14px;}
.tracker textarea{ padding:2px; letter-spacing:1px;}
.tracker input { font-weight: bold; padding:2px; color: #5d5f63;}

.tracker .error {color:#dc3b13; font-weight: bold;}

.tracker .num { font-size:14px; padding-bottom:22px; font-weight: bold; color:#5d5f63}
.tracker .num b { font-size:20px; letter-spacing:-1px; color:#caccce; }
.tracker  { padding-top: 20px;}
.tracker span {float: left; padding: 4px 14px 4px 0;}
.tracker span.result { background: #86898b; padding-left: 14px; color:#fff; width: auto; }
.tracker table td {font-size: 12px; padding:4px 0;}
.tracker table td.left { padding-right:24px; }

.tracker .movement { padding-top:20px; padding-bottom: 50px; margin-bottom: 10px; border-bottom: solid 2px #5d5f63;}
.tracker .movement h3 { font-size:11px; }
.tracker .movement table td { border-bottom: solid 1px #d0d2d4; font-size:11px; padding: 4px 20px 4px 0;}
.tracker .movement table tr.top td { border-bottom: solid 2px #d0d2d4; }


/*	
	footer
	______________________	
*/
#footer { margin-top:50px; padding-bottom:30px; font-size:12px; color:#535353; position: relative;}
#footer .copyright { padding-left:6%; top:0;}
#footer .right { position: absolute; left:51%; top:0;}
html>body #footer .right { left:67%;}

.news {width:32%;}
.news .short {width:300px;}
.promextext {padding:55px 100px 0 0;font-size:11px;}
.promextext p {line-height:15px;}
div.break {width:100%;}

#fontmaintext{
font-size: 11px;
padding:0 55px 0 13px;
}

#fontmaintext p{
line-height: 12px;
}

.minilnk{
font-size: 11px; 
color: rgb(102, 102, 102);
text-decoration:  underline;
display:block;
margin: 8px 0 -2px 0;
}

.minilnk a:hover{
text-decoration: none;
}

.another_citdies a{text-decoration:none;}
#nav_{margin-top:20px;}