@charset "utf-8";

body {
  font: 62.5% Tahoma, Verdana, sans-serif;
  background: white;
  margin: 0;
  padding: 0;
  color: #000000;
}
#container {
  width: 98%;
	min-width:999px;
  background:white;
  margin: 0 auto;
  text-align: left;
}

#sidebar1 {
  float: left;
  width: 225px;
  padding: 0;
}

	#sidebar1 #inner_sb1 {
		padding:0 0 0 18px;
	}

 h1 {
		color:#f16311;
		font:1.8em normal Tahoma, Verdana, sans-serif;
		text-transform:uppercase;
	}
	
h1.other {
		color:#f88234;
		font:1.8em normal Tahoma, Verdana, sans-serif;
		text-transform:uppercase;
		padding-top:.66em;
	}
	
	/* Список услуг */
	#sidebar1 #inner_sb1 ul {font-size:1.4em;padding:0;width:200px;border:display:block}
	#sidebar1 #inner_sb1 ul li{
		background:url(/templates/img/li1.png) no-repeat left 11px;
		list-style:none inside !important;
		border-bottom:1px dotted #033650;
		padding:5px 0 5px 20px;
		/*list-style-position:inside;*/
	}
	#sidebar1 #inner_sb1 ul li a {
		color:#014466;
		text-decoration:none;
	}
	#sidebar1 #inner_sb1 ul li a:hover {text-decoration:underline;}
	
	/* Второй список (другие услуги */
	#sidebar1 #inner_sb1 ul.other {font-size:1.2em;padding:0;width:200px;}
	#sidebar1 #inner_sb1 ul.other li{
		list-style-image:url(/templates/img/li1.png);
		border-bottom:1px dotted gray;
		padding:5px 0;
		list-style-position:inside;
	}
	#sidebar1 #inner_sb1 ul.other li a {
		color:#333;
		text-decoration:none;
	}
	#sidebar1 #inner_sb1 ul.other li a:hover {text-decoration:underline;}

/* Правая колонка */

#sidebar2 {
  float: right;
  width: 241px;
  padding: 5px 0;
}

	#sidebar2 #sidebar2_inner {
		padding:5px;
		margin:0 auto;
		width:207px;
	}

	#sidebar2 h1 {
		font-size:1.6em;
		font-weight:normal;
		color:#f8741e;
		padding:.1em 0 .7em 0;
		margin:0;
		text-transform:uppercase;
	}
	
	#sidebar2 h4 {
		color:#008aa3;
		font-size:1.2em;
		padding:8px 0 5px 0;
		margin:0;
	}
	
	#sidebar2 p {
		line-height:1.4em;
		font-size:1.2em;
		padding:0 0 .5em 0;
		margin:0;
	}
	
	#sidebar2 p.newsdate {
		color:#4d4b4b;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	#sidebar2 p.newstext {
		margin:0 0 10px 0;
	}
	
		#sidebar2 p.newstext a {color:#014466;text-decoration:underline;line-height:1.2em;}
		#sidebar2 p.newstext a:hover {text-decoration:none;}
	
	#sidebar2 p a {color:#f8904b; text-decoration:underline;}
	#sidebar2 p a:hover {text-decoration:none;}
	
	#sidebar2 img.icon {
		padding:0 10px 0 0;
	}
	
	#sidebar2 .rightcol_block_top {
		background:#e9f2f4 url(/templates/img/rightcol_block_top.png) top left no-repeat;
		width:207px;
		margin:0 0 20px 0;
	}
	
	#sidebar2 .rightcol_block_bottom {
		background:url(/templates/img/rightcol_block_bottom.png) bottom left no-repeat;
		padding:5px;
	}
	
	#sidebar2 .rightcol_block_bottom h1 {
		font-size:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		padding:12px 0 10px 5px;
		margin:0;
		color:#008aa3;
	}
	
	#sidebar2 .rightcol_block_bottom p {
		font-size:1.1em;
		padding:0 0 5px 5px;
		margin:0;
	}
	
	#sidebar2 .rightcol_block_bottom input {
		border:1px solid #819eba;
		width:115px;
		margin:3px 0;
		font-size:1.2em;
		font-family:Tahoma, Verdana, sans-serif;
	}
	
	#sidebar2 .rightcol_block_bottom input.button {
		border:1px solid white;
		width:100%;
		background:#e3e3e3 url(/templates/img/button_bg.png) top left repeat-x;
		margin:3px 0 10px 0;
		font-size:1.4em;
		font-family:Tahoma, Verdana, sans-serif;
	}
	
	#sidebar2 .rightcol_block_bottom input.button:hover {
		background:#e3e3e3 url(/templates/img/button_bg_hover.png) bottom left repeat-x;
	}
	
	#sidebar2 .rightcol_block_bottom input.checkbox {
		width:16px;
		border:none;
		margin:3px 0;
	}
	
	#sidebar2 .rightcol_block_bottom input.sitename {
		color:silver;
	}
	
	#sidebar2 .rightcol_block_bottom select {
		border:1px solid #819eba;
		font-size:1.2em;
		font-family:Tahoma, Verdana, sans-serif;
	}
	
	#sidebar2 .rightcol_block_bottom select.tp {
		width:100%;
	}
	
	#sidebar2 .rightcol_block_bottom select.tp2 {
		width:30%;
	}
	
	#sidebar2 .rightcol_block_bottom input.tp {
		width:100%;
		margin:3px 0;
	}

	#sidebar2 a.sidebarnewshref {color:#f88234;text-decoration:underline;}
	#sidebar2 a.sidebarnewshref:hover {text-decoration:none;}



#sidebar1 p, #sidebar1 h3, #sidebar2 h3 {
  margin-left: 10px;
  margin-right: 10px;
}

/* Основной контент */

#mainContent {
  margin: 10px 20px 0 20px;
}

 p {
		font-size:1.2em;
		line-height:1.4em;
	}

p a {
			color:#f88234;
			text-decoration:underline;
		}

		#mainContent p a:hover {text-decoration:none;}

	
	#mainContent h1 {
		color:#f05800;
		font-size:1.8em;
		font-weight:normal;
		text-transform:uppercase;
	}

h2 {
		color:#f05800;
		font-size:1.6em;
		font-weight:normal;
	}

h2 a {color:#f88234;text-decoration:underline;}
h2 a:hover {text-decoration:none;}

.datespan {font-size:.7em;color:black;}
.dateyear {font-size:1.2em;color:black;}


	#mainContent #top_outer {
		background:url(/templates/img/head_left.png) top left no-repeat;
		height:127px;
	}
	
		#mainContent #top_outer #top_inner {
			background:url(/templates/img/head_right.png) top right no-repeat;
			height:127px;
		}
		
			#mainContent #top_outer #top_inner h1 {
				font:1.8em normal Tahoma,Verdana,sans-serif;
				padding:20px 200px 0 30px;
				color:#f87d2c;
				text-transform:uppercase;
			}
			
			#mainContent #top_outer #top_inner p {
				font-size:1.5em;
				color:#f87d2c;
				padding:0 200px 0 30px;
			}
			
			#mainContent #top_outer #top_inner p.asterisk {
				font-size:1em;
				color:gray;
				padding:0 200px 0 30px;
			}
			
		/* Градиент для менюхи */
		div#mainmenu {
			width:100%;
			padding:5px 0;
			margin:0 auto;
			text-align:left;
			background:#f8741e url(/templates/img/main_menu_gradient.png) repeat-x 0 0;
		}
		
			div#mainmenu table tr td {
				height:27px;
				font-size:1.2em;
				text-transform:uppercase;
				color:white;
				border-right:1px dotted white;
				padding:0 5px;
			}	
			
			div#mainmenu table tr td.final {
				height:27px;
				font-size:1.2em;
				text-transform:uppercase;
				color:white;
				padding:0 5px;
			}	
			
			div#mainmenu table tr td a, div#mainmenu table tr td.final a {color:white;text-decoration:none;font-weight:bold;}
			div#mainmenu table tr td a:hover, div#mainmenu table tr td.final a:hover {text-decoration:underline;}
		
		/* Тарифные планы */
		
		div#tarif {
			width:94%;
			padding:20px;
			margin:0 auto;
			background:#f2f7f8;
			color:#000;
		}
		
			div#tarif h1{
				font-size:1.5em;
				color:black;
				padding:0;
				margin:0;
				text-decoration:none;
			}
		
			div#tarif h1 a {color:black;text-decoration:none;border-bottom:1px dashed black;}
			
			div#tarif h1 a:hover {
				text-decoration:none;
				color:#f16311;
				border-bottom:1px dashed #f16311;
			}
			
			div#tarif table tr.odd {background:#e2e7e8;}
			div#tarif table td.odd {background:#d2d7d8;}
			
			div#tarif table tr td {font-size:1.2em;}
			div#tarif table tr td.price {font-size:2em; text-align:right}
			
			div#tarif table tr td .asterisk {font-size:1em;color:#f16311;}
			div#tarif table tr td.price .asterisk {font-size:0.9em;color:#f16311;}
			
			div#tarif table tr td.asterisk_txt {font-size:1.1em;color:gray;text-align:right;padding:1em 0 1em 0;}
			
			div#tarif table tr td.more {text-align:right;font-size:1.6em;}
			
			div#tarif table tr td.more a {
				color:#f16311;
				text-decoration:none;
				border-bottom:1px dashed #f16311;
			}
			div#tarif table tr td.more a:hover {
				text-decoration:none;
				border:none;
			}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/* Рубль */

img.ruble-img { height: 1.33ex; }
span.dot { position:absolute; text-indent: -1000em; }

/* Правая колонка, уголки */

ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width:198px;margin:10px auto 0;text-align:left}
ul#about li{float:left;width:188px; height:100px;
    padding: 10px 5px;margin:8px 8px 0 0}
li#ab1{background: #e9f2f4}
li#ab2{background: #e9f2f4}
li#ab3{background: #e9f2f4}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}

/* Футер, или Филейная часть */

div#footer {
	background:#f2f2f2;
	height:150px;
	margin:0 auto;
}

	div#footer #left {
		width:44%;
		float:left;
		height:inherit;
		padding:0;
		margin:0;
	}
		
		div#footer #left h1 {
			color:#3f3f3f;
			font-size:1.6em;
			font-weight:normal;
			padding:20px 5em 10px 30px;
		}
		
		div#footer #left p {
			color:black;
			font-size:1.2em;
			padding:0 5em 0 30px;
		}
		
		div#footer #right p {
			color:black;
			font-size:1.2em;
			padding:40px 5em 10px 30px;
		}
		
			div#footer #left p a, div#footer #right p a {text-decoration:underline;color:#0966ae}
			div#footer #left p a:hover, div#footer #right p a:hover {text-decoration:none;}
	
	div#footer #right {
		width:54%;
		float:left;
		height:inherit;
		padding:0;
		margin:0;
	}


/* TOOLTIP */

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/templates/img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/templates/img/bubble_filler.gif) repeat bottom; 
font-size:12px;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/templates/img/bubble.gif) no-repeat bottom;
}

#mainmenu{_width:99% !important}