@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/main_bg.gif);}
html { padding:0; margin:0;}

.blue { color:#58b7ff;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize {
	width:1000px;
	margin:0 auto;
}

/********** header **********/
.header {

}
.block_header {margin:0 auto; width:949px;}
/* logo */
.logo { float:left; padding:0; margin:0; width:299px;}
/* search */
.search { float:right; width:356px; height:57px; margin:40px 0 0 0; padding:0; background:url(images/search_bg.gif) top no-repeat;}
.search form { float:right; padding:15px 50px 0 0; margin:0;}
.search form b, .search form strong { display:block; float:left; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; padding:4px 10px;}
.search form label { }
.search form input { float:left;}
.search form input.text { padding:3px 3px; margin:2px 5px 0 0; background:url(images/search_form_bg.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}
.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}
/* menu */	
.menu {
	padding:0;
	margin:0;
	width:949px;
	height:95px;
	background-color: #72828B;
}
.rss { width:100px; float:left; margin:25px 0 0 10px; padding:0;}
.rss img { margin:0; padding:0; float:right;}
.menu ul { float:right; padding:0; margin:7px 30px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0;}
.menu ul li a {
	float:left;
	margin:0 1px 0 0;
	padding:15px 0;
	color:#c8c8c8;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.menu ul li a span { padding:15px; margin:0; background:none;}
.menu ul li a:hover { color:#60b6ff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:#60b6ff; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { color:#60b6ff; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#60b6ff; background:url(images/l_menu.gif) no-repeat left;}
/********** slider **********/
.slider {
	margin:0 auto;
	width:949px;
	height:390px;
	padding:0;
	background:url(images/slider_bg.png) top repeat-y;
	text-decoration: none;
}
.slider .left1 {
	float:left;
	width:410px;
	margin-left: 10px;
}
.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 30px Arial, Helvetica, sans-serif;}
.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em;}
.slider p {
	font:bold 10px Tahoma, Geneva, sans-serif;
	color:#102A5B;
	padding:5px 0 5px 40px;
	margin:0;
	line-height:1,1;
	text-decoration: none;
}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery {
	float:left;
	width:453px;
	height:255px;
	margin:50px 0 0 40px;
}
/*toppik*/
.toppik {
	margin:0 auto 43px auto;
	width:949px;
	padding:0;
	background:url(images/topi_bg.gif) top no-repeat;
	height:93px;
}
.toppik p { padding:40px 0 0 50px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; }
.toppik ul { float:right; width:500px; list-style:none; margin:20px 0 0 0; padding:0;}  
.toppik ul li { float:left; padding:0 10px;}
/*blog_body*/
.blog_body {
	width:949px;
	background:#fff url(images/body_top_img.gif) top no-repeat;
	margin:0 auto;
	padding:0;
}
.blog_bottom { margin:0; padding:0 2px; background:url(images/body_bottom_img.gif) bottom no-repeat;}
.blog_body p {
	margin:0;
	color:#054285;
	padding:5px;
	line-height:1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	text-decoration: none;
}
.blog_body a {
	color:#054285;
	text-decoration:none;
}
.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body span {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#054285;
	line-height:1.4em;
	text-align: left;
}
.blog_body ul {
	margin:10px 0;
	padding:10px 0;
	text-align: left;
	background-color: #FFF;
	list-style-image: none;
	list-style-type: disc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.blog_body li {
	margin:0;
	color:#054285;
	line-height:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body h2 {
	font:normal 22px Tahoma, Geneva, sans-serif;
	color:#102A5B;
	border-bottom:1px solid #d1d4d7;
	padding:13px 10px 13px 40px;
	margin:5px 0;
	line-height:1.6em;
}
.blog_body h2.welcome {
	background:url(images/h2_welcome.gif) left no-repeat;
	text-align: left;
}
.blog_body h2.what { background:url(images/h2_what.gif) left no-repeat;}
.blog_body h2.our { background:url(images/h2_our.gif) left no-repeat;}
.blog_body .lorem {
	width:948px;
	float:left;
	padding:3px 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;}
.FBG h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}
.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}
.FBG a { color:#75aecd; text-decoration:underline;}
.FBG span { color:#878787;}
.FBG .larem { width:275px; float:left; padding:10px 20px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url(images/search_foorm_bg2.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}
.left h2 { font:normal 32px Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}
.left h2.port { background:url(images/h2_port.gif) left no-repeat;}
.left h2.sevr { background:url(images/h2_servises.gif) left no-repeat;}
.left h2.con { background:url(images/h2_con.gif) left no-repeat;}
.left h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:0; line-height:1.4em;}
.left a {
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:#2799cc;
	text-decoration:none;
}
.left .img { float:left; margin:10px; padding:0;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px; margin:0; line-height:1.6em; text-transform:uppercase;}
.right a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e676d; float:right; text-decoration:none;}
.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}
.right li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:15px 0; margin:10px auto 0 auto; background:#090909 url(images/footer_bg.gif) top repeat-x; width:949px;}
.footer p { float:left; width:424px; padding:0 25px; margin:0; color:#646d73; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer a { color:#646d73; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px;}
.text_left {
	text-align:left;
	text-decoration: none;
}
.text_right { text-align:right; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}
.blog_body .blog_bottom .lorem table tr th #TabbedPanels2 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .prices_table .prices_tr td p {
	font-size: 12px;
	color: #FFF;
}
.blog_body .blog_bottom .lorem table tr th #TabbedPanels2 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .prices_table .prices_tr .стиль33.prices_price_value.style7 {
	font-size: 14px;
	color: #FFF;
}
.blog_body .blog_bottom .lorem table tr th #TabbedPanels2 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .prices_table .prices_tr .стиль33.prices_price_value.style7 {
	font-size: 14px;
}
.blog_body .blog_bottom .lorem table tr th #TabbedPanels2 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .prices_table tr td {
	font-size: 12px;
}
.blog_body .blog_bottom .lorem table tr th #TabbedPanels2 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible table {
	text-align: left;
	font-size: 12px;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 240px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 174px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -170px;
	left: -200px;
}

.hoverbox li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox1
{
	cursor: default;
	list-style: none;
}

.hoverbox1 a
{
	cursor: default;
}

.hoverbox1 a .preview
{
	display: none;
}

.hoverbox1 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox1 img
{
	
			
		vertical-align: top;

}

.hoverbox1 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox1 .preview
{
	border-color: #000;
	width: 400px;
	height: 174px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox1 a
{
	position: relative;
}

.hoverbox1 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox1 a:hover .preview
{
	top: -170px;
	left: -200px;
}

.hoverbox1 li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox2
{
	cursor: default;
	list-style: none;
}

.hoverbox2 a
{
	cursor: default;
}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox2 img
{
	
			
		vertical-align: top;

}

.hoverbox2 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox2 .preview
{
	border-color: #000;
	width: 400px;
	height: 174px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox2 a
{
	position: relative;
}

.hoverbox2 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox2 a:hover .preview
{
	top: -170px;
	left: 50px;
}

.hoverbox2 li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox3
{
	cursor: default;
	list-style: none;
}

.hoverbox3 a
{
	cursor: default;
}

.hoverbox3 a .preview
{
	display: none;
}

.hoverbox3 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox3 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 240px;
	height: 100px;
}

.hoverbox3 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox3 .preview
{
	border-color: #000;
	width: 400px;
	height: 174px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox3 a
{
	position: relative;
}

.hoverbox3 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox3 a:hover .preview
{
	top: -170px;
	left: 50px;
}

.hoverbox3 li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox4
{
	cursor: default;
	list-style: none;
}

.hoverbox4 a
{
	cursor: default;
}

.hoverbox4 a .preview
{
	display: none;
}

.hoverbox4 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox4 img
{
	
			
		vertical-align: top;

}

.hoverbox4 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox4 .preview
{
	border-color: #000;
	width: 595px;
	height: 216px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox4 a
{
	position: relative;
}

.hoverbox4 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox4 a:hover .preview
{
	top: -170px;
	left: -450px;
}

.hoverbox4 li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox5
{
	cursor: default;
	list-style: none;
}

.hoverbox5 a
{
	cursor: default;
}

.hoverbox5 a .preview
{
	display: none;
}

.hoverbox5 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox5 img
{
	
			
		vertical-align: top;

}

.hoverbox5 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox5 .preview
{
	border-color: #000;
	width: 595px;
	height: 216px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox5 a
{
	position: relative;
}

.hoverbox5 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox5 a:hover .preview
{
	top: -170px;
	left: 50px;
}

.hoverbox5 li
{
	position: static;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox6
{
	cursor: default;
	list-style: none;
}

.hoverbox6 a
{
	cursor: default;
}

.hoverbox6 a .preview
{
	display: none;
}

.hoverbox6 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox6 img
{
	
			
		vertical-align: top;

}

.hoverbox6 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox6 .preview
{
	border-color: #000;
	width: 395px;
	height: 297px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox6 a
{
	position: relative;
}

.hoverbox6 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox6 a:hover .preview
{
	top: -170px;
	left: 50px;
}

.hoverbox6 li
{
	position: static;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox7
{
	cursor: default;
	list-style: none;
}

.hoverbox7 a
{
	cursor: default;
}

.hoverbox7 a .preview
{
	display: none;
}

.hoverbox7 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox7 img
{
	
			
		vertical-align: top;

}

.hoverbox7 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox7 .preview
{
	border-color: #000;
	width: 395px;
	height: 297px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox7 a
{
	position: relative;
}

.hoverbox7 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox7 a:hover .preview
{
	top: -170px;
	left: -150px;
}

.hoverbox7 li
{
	position: static;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox8
{
	cursor: default;
	list-style: none;
}

.hoverbox8 a
{
	cursor: default;
}

.hoverbox8 a .preview
{
	display: none;
}

.hoverbox8 a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	z-index: 1;
}

.hoverbox8 img
{
	
			
		vertical-align: top;

}

.hoverbox8 li
{
	
		color: inherit;
	display: inline;
	float: left;
	margin: 1px;
	padding: 1px;
	position: relative;
}

.hoverbox8 .preview
{
	border-color: #000;
	width: 395px;
	height: 297px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox8 a
{
	position: relative;
}

.hoverbox8 a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox8 a:hover .preview
{
	top: -170px;
	left: -150px;
}

.hoverbox8 li
{
	position: static;
}