/**

 * Renouvelle.ru | Doctype (XHTML 1.0 Strict) | Charset (Windows-1251)

 *

 * @файл - style.css

 * @версия - 1.0

 * @автор - EnterScroll.com

 *

 */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,

font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,

dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody,

tfoot, thead, tr, th, td {

	border:0 none;

	font-size:100%;

	margin:0;

	padding:0;

	cursor:default

}



ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none}

a img, :link img, :visited img {border:0 none;cursor:pointer}

table {border-collapse:collapse;border-spacing:0}



/* ~~~~~~~~~~ Базовые стили ~~~~~~~~~~ */



fieldset {padding:5px;border:0}



html, body {width:100%;height:100%}

body {background:#b7b7b7 url(../images/bg.jpg) no-repeat center 0;font: 12px Tahoma, Arial, sans-sarif;line-height:1.4em}



a {color:#c21a1a;text-decoration:underline;cursor:pointer}

a:hover {text-decoration:none}



h1,h2,h3,h4,h5 {font-weight:bold;line-height:normal}

h1 {font-size:20px}

h2 {font-weight:normal !important;color:#c31a1a;font-size:17px}

h3 {font-size:14px}

h4 {font-size:12px}

h5 {font-size:11px}



/* ~~~~~~~~~~ Помошники ~~~~~~~~~~ */



.clear {clear:both}



.td_n {text-decoration:none}

.td_u {text-decoration:underline}

.va_m {vertical-align:middle}



.fleft {float:left}

.fright {float:right}



.left {text-align:left !important}

.right {text-align:right !important}

.center {text-align:center !important}



.normal {font-weight:normal !important}

.bold {font-weight:bold !important}



.big {font-size:20px !important}

.small {font-size:11px !important}



/* Slider basic */



.slider {

	padding:0 32px 0 27px;

	position:relative;

}



.slider a.back,.slider a.forward {position:absolute;top:47%;background:url(../images/ico/nav.gif) no-repeat 0 0;display:block;height:20px;width:20px;}

.slider a.back {left:6px}

.slider a.forward {

	background-position:-20px 0;

	right:6px

}

.slider .mask {

	width:100%;

	margin:0 auto;

	position:relative;

	overflow:hidden;

}

.slider .wrap {

	width:10000px;

	position:relative;

	left:0;

	overflow:hidden;

}

.slider .panel {

	position:relative;

	float:left;

}

.slider .item {

	float:left;

	padding:0 5px;

}

.slider .hover {cursor:pointer}



/* Messages */



.success {

    border: 1px solid #6ea037;

    background-color: #e2eed5;

    padding: 8px 11px;

	margin:8px 0;

    font-size: 11px;

}

.alert {

	padding: 8px 11px;

	margin:8px 0;

	background-color: #F9F6E7;

	border: 1px solid #D4BC4C

}

.error {

	background-color:#FFEFE8;

	border:1px solid #E89B88;

	font-size:11px;

	margin:8px 0;

	padding:8px 11px;

}

.not-found {color:#999}



/* Header */

.h {

	background:url(../images/ico/hr.png) no-repeat 0 4px;

	line-height:normal;

	font-weight:normal;

	font-family:Arial;

	font-size:22px;

	padding:0 0 0 20px;

	margin:20px 0;

	color:#c31a1a

}



.list li {

	background:url(../images/ico/list.gif) no-repeat 0 7px;

	padding:0 0 5px 15px;

	position:relative;

}



.news p {margin:7px 0;position:relative}

.news p a {color:#000;font-weight:bold}

.news .date {color:#9e9e9e}



.read {

	border-top:1px dotted #ccc;

	margin:10px 0 -5px 0;

	padding:7px 0 0 0;

	font-weight:bold;

	text-align:right

}

.read a {

	background:url(../images/ico/arrow.gif) no-repeat left center;

	padding:0 0 0 13px;

	text-decoration:none

}

.block_g .read a {

	background-position:right center !important;

	padding:0 13px 0 0;

}

.read a:hover {color:#eb3e3e}

#abc-info {margin:12px 0 0 0}

#abc-info h1 {font-weight:normal}



.short {

	margin:10px 0;

	padding:0 0 10px 0;

	border-bottom:1px dotted #ccc;

}

.short .date {color:#999}

.short .title {

	font-size:13px;

	font-weight:bold;

	padding:0 0 5px 0

}

td.search {background:#ebebeb;border:1px solid #b1b1b1;}

/* ~~~~~~~~~~ Враппер ~~~~~~~~~~ */



#wrapper {

	width:1200px; /*+200px*/

	margin:0 auto

}



/* ~~~~~~~~~~ Шапка ~~~~~~~~~~ */



#header {

	background:#f0f2ef url(../images/bar/header.jpg) no-repeat 0 -4px;

	border-top:4px solid #fff;

	position:relative;

	height:132px;

}

#logo {

	background:url(../images/logo.png) no-repeat 0 0;

	width:290px;

	height:80px;

	display:block;

	position:absolute;

	top:16px;left:22px

}

#phone {

	background:url(../images/ico/phone.gif) no-repeat 0 0;

	height:28px;

	font-family:Arial;

	font-size:26px;

	color:#c31a1a;

	padding:3px 0 0 35px;

	position:absolute;

	top:98px;

	left:106px

}

#phone span {font-size:20px;color:#636363}



/* ~~~~~~~~~~ Главное меню ~~~~~~~~~~ */



#menu {position:absolute;top:-4px;right:15px}

#menu li {padding-left:10px;float:left}

#menu a {

	background:url(../images/bar/menu.jpg) no-repeat 0 0;

	width:122px;

	height:33px;

	font-family:Arial;

	font-size:15px;

	font-weight:bold;

	color:#fff;

	text-align:center;

	line-height:13px;

	text-decoration:none;

	padding:67px 0 0 0;

	overflow:hidden;

	display:block;

}

#menu .m2 a {background-position:0 -100px}

#menu .m3 a {background-position:0 -200px}

#menu .m4 a {background-position:0 -300px}

#menu .m5 a {background-position:0 -400px}

#menu .m1 a:hover, #menu .m1 a.active {background-position:0 -500px}

#menu .m2 a:hover, #menu .m2 a.active {background-position:0 -600px}

#menu .m3 a:hover, #menu .m3 a.active {background-position:0 -700px}

#menu .m4 a:hover, #menu .m4 a.active {background-position:0 -800px}

#menu .m5 a:hover, #menu .m5 a.active {background-position:0 -900px}



/* ~~~~~~~~~~ Навигация ~~~~~~~~~~ */



#nav {

	background:url(../images/bar/nav.gif) no-repeat 0 0;

	width:196px;

	height:27px;

	position:absolute;

	top:109px;

	right:22px

}

#nav ul {position:relative}

#nav li {padding:10px 0 0 31px;float:left}



/* 50 */

#nav a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5}

/* 70 */

.block_g a:hover img,

.firm_logo a:hover img,

#project_cat a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7}



/* 100 */

#nav a:hover img, #nav .active a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}



/* ~~~~~~~~~~ Блоки ~~~~~~~~~~ */

.block_s,

.block {position:relative}

.block_s .tl,.block_s .tr,

.block_s .bl,.block_s .br,

.block .tl,.block .tr,

.block .bl,.block .br {

	width:15px;

	height:15px;

	overflow:hidden;

	display:block;

	position:absolute;

}

.block_s .tl i,.block_s .tr i,

.block_s .bl i,.block_s .br i,

.block .tl i,.block .tr i,

.block .bl i,.block .br i {

	width:30px;

	height:30px;

	display:block;

	overflow:hidden;

	position:absolute;

	z-index:2;

	background:url(../images/bar/block.png) no-repeat 0 0;

	font-size:0

}

.block .tl {top:0;left:0}

.block .tr {top:0;right:0}

.block .bl {bottom:0;left:0}

.block .br {bottom:0;right:0}

.block .tl i {top:0;left:0}

.block .tr i {top:0;left:-15px}

.block .bl i {top:-15px;left:0}

.block .br i {top:-15px;left:-15px}



/* GRAY */

.grayblock {border:3px solid #eaeaea;background:#fff}

.grayblock .tl {top:-3px;left:-3px}

.grayblock .tr {top:-3px;right:-3px}

.grayblock .bl {bottom:-3px;left:-3px}

.grayblock .br {bottom:-3px;right:-3px}

/* RED */

.redblock {border:2px solid #d12626;background:#fff}

.redblock .tl {top:-2px;left:-2px}

.redblock .tr {top:-2px;right:-2px}

.redblock .bl {bottom:-2px;left:-2px}

.redblock .br {bottom:-2px;right:-2px}

.redblock .tl i,.redblock .tr i,

.redblock .bl i,.redblock .br i {

	background-image:url(../images/bar/block_r.png);

}

/* WHITE */

.wblock .tl i,.wblock .tr i,

.wblock .bl i,.wblock .br i {

	background-image:url(../images/bar/block_w.png);

}



.block_s {

	border:1px solid #d0d0d0;

	padding:10px;

}

.block_s .tl,.block_s .tr,

.block_s .bl,.block_s .br {

	width:10px;height:10px

}

.block_s .tl i,.block_s .tr i,

.block_s .bl i,.block_s .br i {

	width:20px;height:20px;

	background-image:url(../images/bar/block_s.png) !important;

}

.block_s .tl {top:-1px;left:-1px}

.block_s .tr {top:-1px;right:-1px}

.block_s .bl {bottom:-1px;left:-1px}

.block_s .br {bottom:-1px;right:-1px}

.block_s .tr i {top:0;left:-10px}

.block_s .bl i {top:-10px;left:0}

.block_s .br i {top:-10px;left:-10px}





/**/



.block_g {

	background:url(../images/bar/block_g.jpg) repeat-y -328px 0;

	width:328px;

	margin-bottom:10px

}

.block_g .bt {

	background:url(../images/bar/block_g.jpg) no-repeat 0 0;

	font-family:Arial;

	font-size:18px;

	padding:15px 0 0 15px;

	height:25px;

}

.block_g .bt span {

	background:url(../images/ico/hr.png) no-repeat 0 4px;

	padding:0 0 0 20px;

	display:block

}

.block_g .bt a {text-decoration:none;color:#000}

.block_g .bt a:hover {color:#555}

.block_g .bc {padding:7px 17px}



.cat_desc img,

.block_g .bc img {margin:0 10px 0 0;padding:1px;border:1px solid #ccc}

.block_g .bb {clear:both;background:url(../images/bar/block_g.jpg) no-repeat 0 -45px;height:14px}



.block_g_small {width:213px;background:url(../images/bar/block_g_small.jpg) repeat-y -213px 0;}

.block_g_small .bt {background-image:url(../images/bar/block_g_small.jpg);height:42px}

.block_g_small .bb {background:url(../images/bar/block_g_small.jpg) no-repeat 0 -57px;height:13px}



/* ============= блоки с тенью ============= */



/* block top */

.left_bt_red, .left_bt_grey {

	height:24px;

	font-family:Arial;

	font-size:18px;

	color:#fff;

	padding:16px 0 0 20px;

}

.left_bt_red {background:url(../images/bar/red_block.png) no-repeat 0 0}

.left_bt_grey {color:#1d1d1d;background:url(../images/bar/block_g_shadow.png) no-repeat 0 0}

.left_bt_red span, .left_bt_grey span {padding-left:23px}

.left_bt_grey span {background:url(../images/ico/hr.png) no-repeat 0 2px}

.left_bt_red span {background:url(../images/ico/hw.png) no-repeat 0 2px}

/* block bottom */

.left_bb_red, .left_bb_grey {height:15px;margin:0 0 7px 0}

.left_bb_red {background:url(../images/bar/red_block.png) no-repeat 0 -40px}

.left_bb_grey {background:url(../images/bar/block_g_shadow.png) no-repeat 0 -44px}

/* block content */

.left_b_red, .left_b_grey {padding:7px 17px 7px 25px}

.left_b_red a, .left_b_grey a {text-decoration: none;}
.left_b_red a:hover , .left_b_grey a:hover, .left_b_red a:focus , .left_b_grey a:focus, .left_b_red a.active , .left_b_grey a.active {text-decoration: underline;}

.left_b_red {background:url(../images/bar/red_block_bg.png) repeat-y 0 0}

.left_b_grey {background:url(../images/bar/grey_block_bg.png) repeat-y 0 0}

.left_b_grey li a {color:#000}



/* ~~~~~~~~~~| Content |~~~~~~~~~~ */



#main {

	margin:5px 0;

	width:1070px; /*+200px*/

	float:right;

	padding:1px;

}

#content {

	padding:22px 12px;

	position:relative;

	width:931px; /*+200px*/

	float:right

}

#center {width:577px;float:left} /*+200px*/

#center .h {margin:32px 0 20px 0}

#right {width:328px;float:right}

#right .h {margin:10px 0 20px 0}



#left {

	position:relative;

	margin:0 0 0 -115px;

	padding:22px 0;

	width:220px;

	float:left;

}





/* ~~~~~~~~~~| Footer |~~~~~~~~~~ */



#footer {

	position:relative;

	background:#f2f2f2 url(../images/bar/footer-right.gif) no-repeat top right;

	height:83px;

}



#wwf {

	width:41px;

	height:58px;

	position:absolute;

	top:10px;

	right:45px

}

#ads a {

	padding-left:4px;

	position:relative;

	top:18px;

	left:40px;

	float:left

}

#copy {

	color:#6a6a6a;

	position:absolute;

	top:18px;

	left:240px

}





/**/

#project .h ,

#project_cat .h ,

#clients .h {margin:12px 0}



#clients .item {float:left;margin:0 14px 15px 0}

#clients .block_s {width:130px;height:90px}

#clients .firm_logo {}

#clients .firm_name {width:130px;padding:5px;font-weight:bold}



#clients .review {overflow:hidden;text-align:center;border-bottom:1px dotted #ccc;padding:0 0 10px 0;margin:0 0 10px 0}



#clients .review img {width:150px;margin:0}

#clients .review a {color:#000}



#clients #center {width:700px} /*+200px*/

#clients #right {width:215px}



.projects {}

.projects td {padding:10px 0}





.p_data {

	margin:20px -9px 0 0;

}

.p_data li {

	float:left;

	width:145px;

	background:#eaeaea;

	padding:20px 0;

	text-align:center;

	font-weight:bold;

	height:40px;

	border-right:4px solid #fff;

}



.p_data li p {

	text-align:center;

	color:#cc272d

}



.navigation {font-size:13px;text-align:center}

.navigation .active {font-weight:bold}



#gallery #img {

	border:1px solid #ccc;

	padding:5px;

	overflow:hidden;

	text-align:center;

}

#gallery {margin:20px -15px 20px 0}

#gallery li {float:left;margin:0 13px 13px 0}
#gallery .item {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6}
#gallery .item.active {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}


#project #center {width:638px} /*+200px*/

#project #right {width:270px}

#project #right .bold {margin:20px 0 10px 0}

#project_cat .navigation {border-top:1px dotted #ccc;padding:10px 0 0 0}

#project_cat #right img {border:1px solid #b6b6b6;padding:1px}



/*#img img {float:left;width:426px} */
#img img {margin: 0 auto; max-width:626px} /*+200px*/



#img_wrap, #slide_wrap {border:1px solid #b6b6b6; text-align:center; padding:5px; margin:0 0 12px 0}

#slide {width:375px}



#copy-abc {

	padding:5px 0

}


.price-table {
  border-collapse: separate;
  border-spacing: 5px;
}
.price-table td {
  margin: 5px;
}