/*
 * template_css.css. Используется для описания стилей меню,
 * элементов раскладки шаблона, уникальных стилей
 *
 * @package     Joostina
 * @subpackage  templates/NewLine
 * @version     $Id: base.css 2009-01-31 11:05 ZaiSL $;
 */

@import "reset.css";
@import "base.css";

html {
  height: 100%;
  width: 100%;
  text-align: center;
}

body.joo_flex{
  background: url(../images/bg.jpg) repeat-x top left;
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%;
  top: 5px;

}

h1 {
	font-size:14pt;
	color:#dd0000;
	font-weight:bold;
	margin:10px 0px;
}

.main_wrap{
  background: url(../images/header_left.png) no-repeat top left;
  overflow: hidden;
  padding: 0 0 40px 0;
  position: relative;
}

.header{
  background: url(../images/header_01.png) no-repeat;
  height: 136px;
  position: relative;
  text-align: center;
}

a#logo{
  background: url(../images/logo.png) no-repeat top left;
  cursor: pointer;
  display: block;
  height: 112px;
  left: 0px;
  position: absolute;
  text-decoration: none;
  top: 20px;
  width: 147px;
}

.header_center{
  height: 26px;
  padding: 100px 0 0 600px;
  line-height: 26px;
}

.header_left {
        height: 25px;
        background-image: url(../image/search_01.png);

}

#phone_werta {
	position:absolute;
	float:left;
	left:240px;
	top:47px;
	padding:0px;
}

#logo_werta {
	position:absolute;
	float:left;
	margin-left:40px;
	top:27px;
	padding:0px;
}

.wrapper{
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 1000px;
}

a#about{
  background: url(../images/about.jpg) no-repeat top left;
  cursor: pointer;
  display: block;
  float: left;
  height: 36px;
  text-decoration: none;
  width: 143px;
}

a#rss {
  background: url(../images/rss_small.png) no-repeat center;
}

.content{
  float: right;
  width: 75%;
  position: relative;
  padding: 10px;
  z-index: 5;
}

.col{
  float: left;
  width: 20%;
  background: url(../images/menu_left.png) no-repeat;
  margin: 0;
}

.col div h3{
  color: #fff;
}

.login {
        background: url(../images/login.png) no-repeat;
        height: 132px;
        margin: 0 0 0 0;
        z-index: 300;
}



.banner {
        background: url(../images/ban_dil.png) no-repeat;
        height: 123px;
        margin: 50px 0 0 0;
}

.banner_taxinew {
        background: url(../images/crmtaxi.gif) no-repeat;
        height: 123px;
        margin: 50px 0 0 0;
}


.footer{
  background: url(../images/footer.gif) no-repeat;
  height: 100px;
  width: 1000px;
  top: -100px;
  text-align: center;
  position: relative;
}

/*.bottom{
  border-top: 4px solid #000;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  padding: 12px 0 12px 0;
  width: 1004px;
} */

.valid {
  float: right;
  width: 180px;
}
/* -----Верхнее меню: BEGIN------  */

.top_menu {
        width: 100%;
        margin: 0 0 0 0;
}
/*
ul#mainlevel-nav, ul#mainlevel-nav li{
  display: inline;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}

ul#mainlevel-nav{
  background: url(../images/top_menu.png) repeat-x left;
  display: block;
  height: 26px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

ul#mainlevel-nav li a{
  display: inline;
  font-size: 11px;
  color: #fff;
  width: 100%;
  line-height: 26px;
  margin: 0 105px 0 30px;
  position: relative;
  text-align: center;
}

ul#mainlevel-nav li a#active_menu-nav{
  color: #fff;
  text-decoration: none;
}
*/


.jtd_nowrap {
	background: url(../images/top_menu.png) repeat-x left;
	width: 100%;
    height: 26px;
    text-align: center;
    border: 0px;
}
.mainlevel-nav {
	color: #fff;
	text-decoration: none;
	margin: 0 70px 0 25px;
	position: relative;
}
.mainlevel-nav:hover {
	color: #430000;
	text-decoration: none;
	margin: 0 70px 0 25px;
	position: relative;
}

.moduletable {
    width: 100%;
}

/* -----Верхнее меню: END------  */
/* -----Левое меню: BEGIN------  */

.moduletable-round{
  background: #fff;
  padding: 0 0 0 0;
  width: 184px;
  border: 1px;
  z-index: 999;
}

.moduletable-round a{
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 0 5px;
  margin: 0 0 0 0;
  text-decoration: none;
  width: 184px;
  height: 24px;
  background: url(../images/menu_bg1.jpg) no-repeat;
}

.moduletable-round a:hover, .moduletable-round a#active_menu{
  color: #af0a08;
  width: 184px;
}

.moduletable-round ul, .moduletable-round ul li{
  color: #fff;
  text-decoration: none;
  list-style: none;
}

.moduletable-round ul li{
	text-decoration: none;
	list-style: none;
	padding: 0 0 0 10px;
}

.menu_foot {
	background: url(../images/menu_bg.jpg) no-repeat;
	display: block;
	width: 184px;
	height: 25px;
    margin: -10px 0 0 0;
    z-index: 500;
}

/* -----Левое меню: END------  */
/* -----Сервисные ссылки: BEGIN------  */

a.navbar{
  display: block;
  float: left;
  height: 60px;
  text-decoration: none;
  width: 48px;
}

a.navbar#home{
  background: url(../images/home.jpg) no-repeat center;
}

a.navbar#mail{
  background: url(../images/mail.jpg) no-repeat center;
}

a.navbar#map{
  background: url(../images/map.jpg) no-repeat center;
}

/* -----Дополнительные стили------ */

div.marker_round {
  font-size: 12px;
  padding: 5px 0;
}

div.marker_round b {
  background: url(../images/ol_big.jpg) no-repeat top left;
  color: #FFF;
  display: block;
  float: left;
  font-weight: bold;
  height: 39px;
  line-height: 32px;
  margin: 3px 6px 4px 0;
  text-align: center;
  width: 36px;
}

div.marker_round br {
  clear: both;
  display: block;
  height: 16px;
  line-height: 16px;
  width: 100%;
}
/* Маркированный список с большими маркерами */

ul.bigred{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.bigred li{
  background: url(../images/big_marker.png) no-repeat top left;
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0 0 0 40px;
}

#email, #print{
        padding: 3px;
}

#top_button {
	position:relative;
	float:right;
}

#button_1 {
	position:relative;
	float:left;
	width:190px;
	height:60px;
	background:url(../images/button_1.png) no-repeat top left;
	cursor:pointer;
}

.contentheading {
	color:#a60a0b;
}

.aButton {	
	width: 700px;
	float: left;
	position:relative;
	background: #eaebef url('../images/stype_bg.jpg') top left repeat-x;
	color:#444a56;
	border-top: 1px solid #fff;
	border-right: 1px solid #c0c6d1;
	border-left: 1px solid #c0c6d1;
	border-bottom: 1px solid #c0c6d1;
	cursor: pointer;
	padding:8px 16px;
}

.aButton .mmore {text-decoration:none; color:#005e2b; font-size:11px}

.sprice {position:absolute; right:15px; top:15px;}

.sprice .act { color:#f00; font:13px Arial, Helvetica, sans-serif; text-decoration:line-through; margin:0; padding:0}
.sprice .prc {  font:bold 18px Arial, Helvetica, sans-serif; margin:0; padding:0}
.sprice .nt { color:#f00; font:15px Arial, Helvetica, sans-serif; text-decoration:line-through; margin:0; padding:0}
.sprice .new { color:#f00; font:11px Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0}

.aButton h3.stype{ font:normal 18px Arial, Helvetica, sans-serif; margin:0; padding:3px 0 3px 21px; background:url('../images/adown.gif') left no-repeat;}
.aButton p.discript{ font:normal 11px Arial, Helvetica, sans-serif; color:#656565; padding:0 80px 5px 21px;}


	
.aContent {	
	width: 660px;
	border-left: 16px solid #fff;
	float: left;
	background: #424551;
	display: none;
	color:#fff;
	padding:10px;
	}	
.aContent p{	
	color:#fff; 
	padding:2px 0 2px 5px; 
	font:normal 10pt Arial, Helvetica, sans-serif;
	}

.aContent ul { padding:5px; margin:10px 20px; color:#fff; list-style-type: square;}
.aContent ul li{color:#fff; padding:2px 0 2px 5px; font:normal 11px Arial, Helvetica, sans-serif}
.aContent div{color:#fff; padding:10px; font:normal 11px Arial, Helvetica, sans-serif}
.aContent .mmore { padding:10px 20px; font:normal 11px Arial, Helvetica, sans-serif; text-align:right} 

.aContent .mmore a {color:#b6f885; text-decoration:underline}
.aContent .mmore a:hover {color:#b6f885; text-decoration:underline}

a.more {color:#b6f885; text-decoration:underline}
a.more:hover {color:#b6f885; text-decoration:underline}


.button_new_taxi_1 {
	BORDER-BOTTOM: 0px; 
	POSITION: relative; 
	BORDER-LEFT: 0px; 
	WIDTH: 115px; 
	BACKGROUND: url(/images/ATC_new/button_new_1.jpg) no-repeat left top; 
	FLOAT: left; 
	HEIGHT: 30px; 
	BORDER-TOP: 0px; 
	CURSOR: pointer; 
	BORDER-RIGHT: 0px;
	margin-top:0px;
}


.button_new_taxi_2 {
	BORDER-BOTTOM: 0px; 
	POSITION: relative; 
	BORDER-LEFT: 0px; 
	WIDTH: 115px; 
	BACKGROUND: url(/images/ATC_new/button_new_2.jpg) no-repeat left top; 
	FLOAT: left; 
	HEIGHT: 30px; 
	BORDER-TOP: 0px; 
	CURSOR: pointer; 
	BORDER-RIGHT: 0px;
	margin-top:0px;
}


.button_new_taxi_1:hover {
	BACKGROUND: url(/images/ATC_new/button_new_1_active.jpg) no-repeat left top; 
}

.button_new_taxi_2:hover {
	BACKGROUND: url(/images/ATC_new/button_new_2_active.jpg) no-repeat left top; 
}

.liveinternet {
	text-align:center;
	margin-top:50px;
}

/* Всплывающиее подсказки */

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow_small.png) no-repeat;
	font-size:12px;
	height:56px;
	width:300px;
	padding-top:10px;
	color:#fff;	
	z-index:999999;
}

.txt_in_table {
	font-size:9pt;
	padding-left:15px;
	padding-top:15px;
}

.img_in_table {
	width:155px;
	border-right:1px solid #cccccc;
}

.img_clients {
	margin:15px 0px;
}