@charset "iso-8859-1";
/* CSS Document */

html {
	background:url(../images/grad_main.jpg) left top repeat-x;
	background-color:#e7e7e7; 
	font-family:Tahoma;
	font-size:10pt;
	color:#333;
}

* html body {
  height:100%;
}

img {border:0;}

body {
	padding:0;
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:relative;
}

.clearing {
	clear:both;
	height:10px;
}
.clearing2 {
	clear:both;
	height:25px;
}

img.middle { vertical-align: middle; padding:10px; }

/* CONTEINER */

#conteiner {
	padding:0;
	width:975px; margin:0px auto;
	position:relative;
}

/* HEAD */

#head {
	width:975px;
	height:181px;
	position:relative;
	padding:0;
	margin:0;
	color:#fff;
	font-size:14px;
	background:url(../images/grad_head.jpg) top left repeat-x;
}

.left_corn {
	background:url(../images/head_cornl.jpg) top left no-repeat;
	position:absolute;
	width:100%;
	height:151px;
}

#logo {
	position:absolute;
	width:215px;
	height:80px;
	top:44px;
	left:35px;
	background:url(../images/logo.jpg) no-repeat;
}
#logo a span{
	visibility:hidden;
	font-size:46px;
	text-decoration:none;
}
#logo a{
	font-size:46px;
	text-decoration:none;
}

#contacts {
	position:absolute;
	padding:50px 40px 0 0;
	margin:0;
	top:0;
	right:-1px;
	width:200px;
	height:151px;
	font-size:12px;
	color:#CCCCCC;
	background:url(../images/head_cornr.jpg) top right no-repeat;
}

#contacts span {
	font-size:18px;
	color:#fff;
}

#contacts p {
	padding:10px 0 0 0;
	margin:0;
}

#contacts a {
	margin:0;
	padding:0;
	font-size:14px;
	color:#0F0;
	font-weight:bold;
}

#contacts a:link {
	text-decoration:underline;
}
#contacts a:hover {
	text-decoration:none;
}

.menu {
	position:absolute;
	top:90px;
	right:300px;
}

div.menu a {
	padding:0 10px 0 10px;
}
div.menu a:link, div.menu a:visited {color:#fff;}
div.menu a:hover {
	color:#0F0;
	text-decoration:none;
}


#zayavka {
	position:absolute;
	top:151px;
	right:50px;
	height:25px;
	width:157px;
	font-size:12px;
	background:url(../images/zayavka.jpg) top center no-repeat;
}

#zayavka a:link{
	color:#d80000;
	text-decoration:none;
	border-bottom:1px dashed #d80000;
}
#zayavka a:hover{
	color:#F00;
	text-decoration:none;
	border-bottom:1px dashed #d80000;
}
#zayavka a:visited{
	color:#d80000;
	border-bottom:1px dashed #d80000;
	text-decoration:none;
}

/* MAIN */

.main_box {
	width:100%px;
	margin:0px auto;
	padding:0 40px 0 40px;
	position:relative;
}



.corners {
     background: #fff url(../images/t-l.gif) top left no-repeat;
}
div.t_r {
     background: url(../images/t-r.gif) top right no-repeat;
}
div.b_l {
     background: url(../images/b-l.gif) bottom left no-repeat;
}
div.b_r {
     background: url(../images/b-r.gif) bottom right no-repeat;
}



.shadow {
	width:895px;
	clear:both;
	height:5px;
	margin:0;
	padding:0;
	position:relative;
	padding:0 40px 0 40px;
	z-index:2;
}

.shadow div {
	background:url(../images/shad_rast.gif) top left repeat-x;
	height:5px;
	
}

.shadow div div{
	background:url(../images/shad_right.gif) top right no-repeat;
	height:5px;
}

.shadow div div div {
	background:url(../images/shad_left.gif) top left no-repeat;
	height:5px;
}

/* PORTFOLIO */

div.portfolio {
	padding:5px 20px 40px 20px;
	margin:0;
}

h2, h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#090;
	text-align:left;
	padding:10px 0 10px 0;
	margin:0;
	display:inline;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#09F;
	text-align:left;
	padding:10px 0 0 0;
	margin:0;
}

h2 a:link, h2 a:visited{color:#090;}

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

.h1_port_full {
	font-size:1.2em;
	font-weight:bold;
	color:#090;
	text-align:left;
	padding:10px 0 10px 0;
	margin:0;
	display:inline;
}	

div.text_line {
	background:url(../images/grey_left.gif) top left no-repeat;
	height:23px;
	padding:8px 0 0 15px;
}

div.grey_righ {
	background:url(../images/grey_right.gif) top right no-repeat;
	height:31px;
}

div.text_sites {
	background-color:#e7e7e7;
	height:31px;
	padding:0;
	margin:0;
}

div.text_sites a:link, a:visited {color:#09F;}
div.text_sites a:hover {
	color:#09F;
	text-decoration:none;
	}

.block_portfolio {
	position:relative;
	width:100%;/*100*/
	height:280px;/*нужно обязательно*/
	}
	
div.block_portfolio p{
	margin:0;
	padding:5px 0 5px 20px;
	}
	
.block_portfolio2 {
	position:relative;
	width:100%;
	}
	
div.block_portfolio2 p{
	margin:0;
	padding:5px 0 5px 20px;
	}		
	
div.porto p a:link, a:visited {color:#09F;}

div.porto p a:hover {
	color:#09F;
	text-decoration:none;
	}

div.porto {
	/*position:relative;*/
	position:absolute; top:0px; left:0px;
	width:100%;/*100*/
		
	height:270px;
	margin:0;
	padding:10px 0 0 0;
	
	}
	
/*------------------------------------*/	
div.porto2 p a:link, div.porto2 p a:visited {color:#09F;}

div.porto2 p a:hover {
	color:#09F;
	text-decoration:none;
	}

div.porto2 {
	/*position:relative;*/
	position:absolute; top:0px; left:0px;
	width:95%;/*100*/
		
	height:270px;
	margin:0px;
	margin-left:20px;/**/
	padding:10px 0 0 0;
	/*border:1px solid red;*/
	}	
/*------------------------------------*/

div.arow_left {
	position:absolute;
	top:75px;
	left:-52px;
	width:70px;
	height:86px;
}

div.arow_right {
	position:absolute;
	top:75px;
	right:-52px;
	width:70px;
	height:86px;
}

div.portfolio_img {
	float:left;
	width:49%;
	height:270px;
}

div.portfolio_img p{
	margin:0;
	padding:0 0 15px 0;
}

div.portfolio_img a:link {
	color:#09F;
	text-decoration:underline;
	}
div.portfolio_img a:hover {
	color:#09F;
	text-decoration:none;
	}
div.portfolio_img a:visited{color:#09F;}

div.news {
	position:absolute;
	top:0px; left:0px;
	/*position:relative;*/
	height:200px;/*200*/
	margin:0;
	padding:10px 0 0 0;
	/*border:1px solid red;*/
	}

.block_news {
	position:relative;
	width:100%;
	height:235px;/**/
	}
	
div.news_txt {
	width:750px;
	padding:0 0 0 50px;
}

div.arow_bottom {
	position:absolute;
	top:-43px;
	left:210px;
	width:90px;
	height:70px;
	z-index:5;
}

div.arow_top {
	position:absolute;
	top:-60px;
	left:150px;
	width:86px;
	height:70px;
}

div.news_txt a:link {
	color:#090;
	text-decoration:underline;
	}
div.news_txt a:hover {
	color:#090;
	text-decoration:none;
	}
div.news_txt a:visited {
	color:#090;
	}
	
div.news_txt p {
	padding:0;
	margin:10px 0 0 0;
	}
	
div.news_txt span {
	font-size:10px;
	color:#999;
	}
	
div.tegs{
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	}
	
div.tegs_box {
	width:750px;
	padding:0 0 0 50px;
}

.tegs a:link, .tegs a:visited {color:#999; text-decoration:none;}
.tegs a:hover {color:#09F; text-decoration:none;}
.r1{font-size:14px;}
.r2{font-size:16px;}
.r3{font-size:18px;}
.r4{font-size:22px;}
.r5{font-size:26px;}
.r6{font-size:30px;}
	
h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#999;
	text-align:left;
	padding:10px 0 0 0;
	margin:0;
}
	
div.reklama {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	}

.reklama_box {
	width:750px;
	padding:0 0 0 50px;
}
	
h5 {
	font-size:1.2em;
	font-weight:bold;
	color:#C00;
	text-align:left;
	padding:10px 0 0 0;
	margin:0;
}

div.reklama a:link {
	color:#090;
	text-decoration:underline;
	}
div.reklama a:hover {
	color:#090;
	text-decoration:none;
	}
div.reklama a:visited {
	color:#090;
	}
	
div.reklama p {
	padding:0;
	margin:10px 0 0 0;
	}
	
	
/* FOOTER */

#footer {
	position:relative;
	margin:10px 0 20px 0;
	padding:0;
	font-size:14px;
	color:#999;
}

#footer a {
	padding:0 20px 0 20px;
}

#footer a:link, #footer a:visited {
	color:#09F;
}
#footer a:hover {
	color:#09F;
	text-decoration:none;
}

/* COPYRIGHT */

#copyright {
	position:relative;
	width:100%;
	font-size:14px;
	color:#999;
	}
	
div.tel_mail {
	float:left;
	width:33%;
	}
	
div.tel_mail span{
	font-size:18px;
	font-weight:bold;
	}
	
div.tel_mail p{
	padding:3px 0 0 0;
	margin:0;
	}
	
div.tel_mail a:link {
	color:#09F;
	font-size:16px;
	text-decoration:underline;
}
div.tel_mail a:hover {
	color:#09F;
	font-size:16px;
	text-decoration:none;
}
div.tel_mail a:visited {
	color:#09F;
	font-size:16px;
}

div.copy {
	float:left;
	width:33%;
	}

div.home {
	float:left;
	width:33%;
	}
	
div.home img{
	padding:0 10px 0 10px;
	margin:0;
	}
	
	
/* ZAYAVKA */

.yelow_box {
	width:100%px;
	margin:0px auto;
	padding:0 40px 0 40px;
	position:relative;
}

h6 {
	font-size:24px;
	font-weight:bold;
	color:#090;
	text-align:left;
	padding:10px 0 0 0;
	margin:0;
}	

.corners_y {
     background: #fcfe86 url(../images/ty-l.gif) top left no-repeat;
}
div.ty_r {
     background: url(../images/ty-r.gif) top right no-repeat;
}
div.by_l {
     background: url(../images/by-l.gif) bottom left no-repeat;
}
div.by_r {
     background: url(../images/by-r.gif) bottom right no-repeat;
}

div.form_in {
	padding:5px 40px 5px 40px;
	margin:0;
}

div.forma {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	}


.forma_box {
	width:750px;
	padding:0 0 0 10px;
}

div.forma_box form {
	padding:0;
	margin:0;
}

div.forma_box form .zayavka_text {
	font-size:12pt;
	color:#090;
}

div.forma_box form span {
	color:#F00;
}

div.forma_box form .inp_line {
	width:200px;
	height:16px;
	border:1px solid #090;
	color:#999;
	margin:3px 0 0 0;
	padding:0;
}

div.forma_box form textarea {
	width:300px;
	height:50px;
	border:1px solid #090;
	color:#999;
}

div.forma_box form select {
	width:200px;
	border:1px solid #090;
	color:#999;
	margin:2px 0 0 0;
	padding:0;
}

div.forma_box form option {
	height:16px;
	color:#999;
}

div.forma_box form .inp_img {
	padding:0;
	margin:0 0 0 250px;
}

div.form_part {
	float:left;
	width:33%;
}

div.form_part2 {
	float:left;
	width:50%;
}

div.forma_box p {
	padding:5px 0 0 0;
	margin:0;
}

span.text_bg {
	background-color:#fcfe86;
}

span.text_bg_on {
	background-color:#fcfe86;
	
}

span.text_bg_off {
	/*background-color:#FFF;*/
	color:#09F;
	/*text-decoration:underline;*/
	cursor:pointer;
	line-height:1.2em;
}

p.last_work {
	font-size:16px;
	font-weight:bold;
	}
	
div.b_img {
	float:left;
	width:16%;
}

div.brend {
	position:relative;
	height:70px;
	margin:0;
	padding:10px 0 0 0;
	}
	
div.brend2 {
	position:relative;
	/*border:1px solid red;*/
	height:410px;
	margin:0;
	padding:10px 0 0 0;
	}
	
div.list {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	}
	
div.list p{
	margin:0;
	padding:0 0 10px 40px;
	}
	
div.list p a:link, div.list p a:visited {
	color:#09F;
	}
div.list p a:hover {
	color:#09F;
	text-decoration:none;
	}
	
div.portfolio_in {
	padding:0 0 0 20px;
	margin:0;
}

div.portfolio_in a:link, div.portfolio_in a:visited{
	color:#090;
	
}

div.portfolio_in a:hover{
	color:#090;
	text-decoration:none;
}

.zakaz:link, .zakaz:visited {
	color:#900;
	text-decoration:underline;
	}
.zakaz:hover {
	color:#900;
	text-decoration:none;
	}
	
.domen:link, .domen:visited {
	color:#090;
	}
.domen:hover {
	color:#090;
	text-decoration:none;
	}
	
.blue_link:link, .blue_link:visited {
	color:#09F;
	}
.blue_link:hover {
	color:#09F;
	text-decoration:none;
	}
	
/*------------------------------*/	

a.style_list:link, a.style_list:visited {
	color:#09F;
	}
a.style_list:hover {
	color:#09F;
	text-decoration:none;
	}
	
/*----paging---------*/	
.paginator {
	padding: 12px 0;
}

.page_num {
	padding: 5px;
	margin: 0 3px;
	border: 1px solid #e6e8ec;
}

.page_num a,
.page_num a:hover,
.page_num a:visited {color: #383f4c;}

/*---------------------------*/

div.text_line2 {
	background:url(../images/grey_left2.gif) top left no-repeat;
	/*height:23px;*/
	height:55px;
	padding:8px 0 0 15px;
}

div.grey_righ2 {
	background:url(../images/grey_right2.gif) top right no-repeat;
	/*height:31px;*/
	height:62px;
}

div.text_sites2 {
	background-color:#e7e7e7;
	/*height:31px;*/
	height:62px;
	padding:0;
	margin:0;
}

div.text_sites2 a:link, div.text_sites2 a:visited {
	color:#09F;
	}
div.text_sites2 a:hover {
	color:#09F;
	text-decoration:none;
	}
	
.h5_orange {
	color:#f90;
}

.h5_red {
	color:#C00;
}
.h5_fill {
	color:#c0f;
}	
li{list-style:none; list-style-type:none;}

.no_link a{text-decoration:underline; color:#333;}

#ls {position:absolute; top:0; margin:40px 0 0 91px; font-size:12px; color:#333;}
#ls a:link, #ls a:hover, #ls a:visited {font-size:12px; color:#333; text-decoration:none;}

.predl_main {
	padding:5px 20px 40px 20px;
	margin:0;
}

.predl_o {float:left; margin:0 0 0 60px; padding:0;}
.predl_0 { padding:0 0 0 60px; margin:0 0 0 60px;}
.block_portfolio22 {
	position:relative;
	width:100%;/*100*/
	height:500px;/*нужно обязательно*/
	text-align:center;
	}
.block_portfolio22 h4 {font-size:16px; margin:0 0 0 50px;}

.ul_norm{ margin:0 0 0 40px;; padding:0;}

#ver {position:absolute; top:130px; left:110px; margin:0; padding:0; color:#999; font-size:10px;}

.mess { position:absolute; top:155px; left:110px;}