@charset "windows-1251";
/* CSS Document */


body{margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#FFF;}
form{margin:0; padding:0;}
a img{border:none;}
table{ border-collapse:collapse;}
a{color:#000;}
.clear{ clear:both; height:1px; line-height:1px; font-size:1px; padding:0; margin:0; }
hr {border: none; color: #eee;  background-color:#eee; height: 1px; clear:both;}
.hr{background:none; border:none; border-collapse:collapse; border-bottom:solid 1px #eee; clear:both; }
.border_input, .inputBorder{border:solid 1px #eee;}
#wrap{ max-width:1280px; margin:0 auto;}
.rasporka{width:980px;}

#header{font-size:12px; position:relative; margin-bottom:15px; }
#header td{vertical-align:top;}
#header a{font-size:12px; }
#header .contact{margin-top:10px; margin-left:10px; width:178px; text-align:right;}
#header .contact a{color:#00C; }
#header .contact_link{ margin-top:10px; margin-left:30px; }
#header .user{margin-top:10px;  width:290px;  margin-left:10px;}
#header .user input{ border: 1px solid #666; color:#999; padding-left:5px; font-size:11px; height:15px; margin-top:2px; }


#logo{margin:0 30px; float:left; margin-top:-4px;}
#main_menu{height:87px; margin-left:220px;}
#main_menu table{ height:87px; width:100%;}
#main_menu td{ background:url(/images/menu_fon.png) left top no-repeat; 
white-space:nowrap;
width:20%;
vertical-align:text-top; padding-top:10px; padding-left:10px; padding-right:10px; cursor:pointer; }

#main_menu td a{text-decoration:none; font-size:14px; line-height:14px;}
#main_menu td a:hover{text-decoration:none;}

#main_menu td .link{ margin-top:5px;}
#main_menu td .link a{text-decoration:none; font-size:12px; line-height:14px; color:#FFF;}
#main_menu td .link a:hover{text-decoration:underline;}

#main_menu td.webstudio, #main_menu td.webstudio_select{width:auto;}
#main_menu td.create{ background:url(/images/menu_fon_start.png) left top no-repeat;}

#main_menu td.create:hover{ background:url(/images/menu_fon_create.png) left top no-repeat;}
#main_menu td.prodvigenie:hover{ background:url(/images/menu_fon_seo.png) left top no-repeat;}
#main_menu td.shop:hover, #main_menu td.internet-magazin:hover{ background:url(/images/menu_fon_shop.png) left top no-repeat;}
#main_menu td.webstudio:hover{ background:url(/images/menu_fon_otziv.png) left top no-repeat;}
#main_menu td.posale:hover, #main_menu td.templates:hover, #main_menu td.portfolio:hover{ background:url(/images/menu_fon_po.png) left top no-repeat;}
{ background:url(/images/menu_fon_po.png) left top no-repeat;}

#main_menu td.create_select{ background:url(/images/menu_fon_create.png) left top no-repeat;}
#main_menu td.prodvigenie_select{ background:url(/images/menu_fon_seo.png) left top no-repeat;}
#main_menu td.shop_select, #main_menu td.internet-magazin_select{ background:url(/images/menu_fon_shop.png) left top no-repeat;}
#main_menu td.webstudio_select{ background:url(/images/menu_fon_otziv.png) left top no-repeat;}
#main_menu td.posale_select, #main_menu td.templates_select, #main_menu td.portfolio_select{ background:url(/images/menu_fon_po.png) left top no-repeat;}




#main_sub_menu{margin-top:10px; clear:both; height:22px;}
#main_sub_menu table{height:22px; margin:0 0 0 auto;}
#main_sub_menu td.end{ width:104px;}
#main_sub_menu a{color:#FFF; text-decoration:none;}
#main_sub_menu td.select a{color:#FFF; text-decoration:underline;}
#main_sub_menu a:hover{color:#FFF; text-decoration:underline;}
#main_sub_menu td{background:url(/images/main_sub_menu.png) left top no-repeat; padding-left:10px; padding-right:10px; color:#FFF; white-space: nowrap;}
#main_sub_menu td.start{background:url(/images/main_sub_menu_start.png) left top no-repeat; padding-left:20px; }


#main_sub_menu.create td{background:url(/images/main_sub_menu_create.png) left top no-repeat;}
#main_sub_menu.create td.start{background:url(/images/main_sub_menu_start_create.png) left top no-repeat;}

#main_sub_menu.prodvigenie td{background:url(/images/main_sub_menu_seo.png) left top no-repeat;}
#main_sub_menu.prodvigenie td.start{background:url(/images/main_sub_menu_start_seo.png) left top no-repeat;}

#main_sub_menu.shop td, #main_sub_menu.internet-magazin td{background:url(/images/main_sub_menu_shop.png) left top no-repeat;}
#main_sub_menu.shop td.start, #main_sub_menu.internet-magazin td.start{background:url(/images/main_sub_menu_start_shop.png) left top no-repeat;}

#main_sub_menu.templates td, #main_sub_menu.portfolio td{background:url(/images/main_sub_menu_po.png) left top no-repeat;}
#main_sub_menu.templates td.start, #main_sub_menu.portfolio td.start{background:url(/images/main_sub_menu_start_po.png) left top no-repeat;}

#main_sub_menu.posale td{background:url(/images/main_sub_menu_po.png) left top no-repeat;}
#main_sub_menu.posale td.start{background:url(/images/main_sub_menu_start_po.png) left top no-repeat;}

#main_sub_menu.webstudio td{background:url(/images/main_sub_menu_otziv.png) left top no-repeat;}
#main_sub_menu.webstudio td.start{background:url(/images/main_sub_menu_start_otziv.png) left top no-repeat;}

#path{margin-left:222px; margin-bottom:-10px; margin-top:5px; font-size:11px; color:#000; z-index:10; position:relative;}

#main{ width:100%;}

#content{width:100%; vertical-align: top;  padding-left:10px; min-width:400px; font-size: 14px; line-height: 20px; color:#333; text-shadow:1px 1px 1px #E6E6E6;}
#content a{ color:#0066cc; }
#content a:hover, #content a.select {color:#669933;}


#right  {width:498px;  vertical-align: top; padding-left:40px;  }
#right .img{ width:458px; height:307px; background:url(/images/foto_otziv.jpg) no-repeat;}

#main.webstudio #right .img{background:url(/images/foto_otziv.jpg) no-repeat;}
#main.prodvigenie #right .img{background:url(/images/foto_seo.jpg) no-repeat;}
#main.shop #right .img, #main.internet-magazin #right .img{background:url(/images/foto_shop.jpg) no-repeat;}
#main.templates #right .img, #main.portfolio #right .img{background:url(/images/foto_po.jpg) no-repeat;}
#main.posale #right .img{background:url(/images/foto_po.jpg) no-repeat;}

#main.create #right .img{background:url(/images/foto_create.jpg) no-repeat;}

#main.not_found #right .img{background:url(/images/not-found-404-girl.jpg) no-repeat;}

#main h1{ font-weight:normal; 
	font-size:30px;
	padding-left:20px;
	background:url(/images/h1_otziv.png) left center no-repeat;
	font-family: "MyriadPro", "arial", serif;
	font-style: normal;
	font-variant: normal;
	margin:0;
	margin-top:28px;
	margin-left:22px;
	margin-bottom: 30px;
	color:#515151;
	line-height:30px;}
#main h2{ font-weight:normal; font-size:22px; color:#000; border-bottom: 1px solid #333; display:inline-block; margin-top: 5px; margin-bottom: 5px;}
#main h3{ font-weight:normal; font-size:18px; color:#000; border-bottom: 1px solid #333; display:inline-block; margin-top: 5px; margin-bottom: 5px;}

/*#main li{
	color:red;
}
#main li span{
	color:#333;
}*/

#main.webstudio h1{background:url(/images/h1_otziv.png) left center no-repeat;}
#main.prodvigenie h1{background:url(/images/h1_seo.png) left center no-repeat;}
#main.create h1{background:url(/images/h1_create.png) left center no-repeat;}
#main.posale h1, #main.templates h1, #main.portfolio h1{background:url(/images/h1_po.png) left center no-repeat;}


#main.shop h1, #main.internet-magazin h1{background:url(/images/h1_shop.png) left center no-repeat;}


#main .lozung{width:458px; height:66px; line-height:66px; text-align:center; font-size:24px; font-weight:normal; color:#fff; margin-top:10px; background:url(/images/lozung_otziv.jpg) no-repeat;}

#main .button{ font-size:14px;  margin-top:10px; padding:5px; color:#FFF; background-color:#F60; text-align:center;}

#main.webstudio .lozung{background:url(/images/lozung_otziv.jpg) no-repeat; color:#666;}
#main.prodvigenie .lozung{background:url(/images/lozung_seo.jpg) no-repeat;}
#main.shop .lozung, #main.internet-magazin .lozung{background:url(/images/lozung_shop.jpg) no-repeat;}
#main.create .lozung{background:url(/images/lozung_create.jpg) no-repeat;}
#main.templates .lozung, #main.posale .lozung, #main.portfolio .lozung{background:url(/images/lozung_po.jpg) no-repeat;}

#content .rasporka { width:450px;}

.block_li{width:50%; float:left; margin:10px 0; background:url(/images/li_arrow.png) no-repeat;}
.block_li p{ margin-left:20px; margin:0 20px 20px 20px; }

.footer{width:350px; color:#666; float:left; margin:20px 25px 20px 10px;}
.footer2{width:150px; color:#666; float:left; margin:20px 0px 10px 10px;}
.footer3{width:170px; color:#666; float:left; margin:20px 0px 0px 10px;}

.counter{margin:20px 10px; width:31px; float:left;}
#reklama{ width:350px; height:70px; float:right; border:solid 1px #069; background-color:#eee; margin-top:10px;}

/* оформление таблицы в виде точек */
#dottablestyle, #dottablestyle tr, #dottablestyle td{
	border-collapse:collapse;
	border: 1px dotted #999;
	padding: 5px;
	margin-left: 25px;
}

/* оформление полей в виде точек */
.elementForm_action, elementForm_action:link {
	border: 1px dotted #333;
	color: #333;
	padding: 2px;
	margin: 2px;
	background-color: #F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
}
.elementForm_action:hover {
	border: 1px dotted black;
	color: black;
	padding: 2px;
	margin: 2px;
	background-color: #BCE4F5;
	font-family:Arial, Helvetica, sans-serif;
}

/* оформление кнопок формы (зеленый градиент) */
.formbuttn {
	font-family: Arial, Tahoma, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #93c133;
	border-right-color: #425b27;
	border-bottom-color: #425b27;
	border-left-color: #93c133;
	height: 25px;
	background-image: url(/images/fon_button.gif);
}

/* настройка стиля заголовков в блогах */
.h2_blog, h2_blog:link {
	text-decoration:none;
	border-bottom: 0px;
	
}
.h2_blog:hover {
	border-bottom: 1px solid #669933;
}

/* настойка активных ссылок в листинге заголовков статей */
.blog_article, blog_article:link {
	border-bottom: 1px dotted #0066cc;
	color: #0066cc;
	text-decoration:none;
}
.blog_article:hover {
	border-bottom: 1px dotted #669933;
	color: #669933;
	text-decoration:none;
}

.rand_seo{width:100%; margin-top:15px;}
.rand_seo td{padding:3px; border:dotted 1px #999;}
.rand_seo .th{ background-color:#eee; text-align:center;}
.rand_seo .caption{ font-weight:bold; }
.rand_seo .request{  font-style:italic;}
.rand_seo .position{ text-align:center;}

.zakaz_button{text-align:center; margin:40px 0;}

.rand_portfolio{margin:20px 0; padding-bottom:10px; border-bottom:dotted 1px #999;}
.rand_portfolio .img_portfolio{ width:300px; margin:10px auto; border:solid 1px #CCC; position:relative;}
.rand_portfolio .next, .rand_portfolio .prev{ position:absolute; top:50%; margin-top:-5px; } 
.rand_portfolio .prev{ left:-20px; } 
.rand_portfolio .next{ right:-20px; } 

.rand_portfolio .portfolio_name{text-align:center; font-size:14px;
 font-weight:bold; border-bottom:dotted 1px #999; display:inline-block;
  margin:3px auto; padding:0; padding-bottom:2px;}
  
.rand_portfolio .portfolio_name a{text-decoration:none; color:#06C;}

.rand_portfolio .params{text-align:center; font-style:italic; font-size:12px; margin:3px 0;}
.rand_portfolio .description{ font-style:italic; font-size:12px; margin:3px 0;}
.rand_portfolio .description a{ color:#06C;}

#mycarousel ul{
		margin-left: 0;
}

.checkbox_table_order{border: 0px hidden white; margin-top: 15px;  margin-bottom: 15px; color: #2b6691; width:100%; }
.checkbox_table_order td{border: 1px dotted #2b6691;}