﻿* {

 margin: 0;

 padding: 0;

}



html, body {

 width: 100%;

 height: 100%;

}



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484636;
	line-height: 130%;
}



td {

 text-align: left;

 vertical-align: top;

}



p { padding: 5px 0;

text-align:justify;}



img, fieldset { border: 0; }



input { vertical-align: middle; }



h1, h2, h3 {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 21px;

 color: #000000;

}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #045b83;
 }


h2 {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 16px;

 color: #045b83;

}

h2 a {

 color: #045b83;

 text-decoration: underline;

 }

h2 a:hover {

 color: #045b83;

 text-decoration: underline;

 }



h2 a:visited{

 color: #045b83;

 text-decoration: underline;

 }



a {

 font-size: 12px;

 color: #045b83;

 text-decoration: underline;

}



a:visited {

 font-size: 12px;

 color: #045b83;

 text-decoration: underline;

}



a:hover {

 font-size: 12px;

 color: #045b83;

 text-decoration: none;



}



#left a {

 font-size: 12px;

 color: #484636;

 text-decoration: none;

}



#left a:visited {

 font-size: 14px;

 color: #484636;

 text-decoration: none;

}



#left a:hover {

 font-size: 14px;

 color: #484636;

 text-decoration: underline;

}

/*--------*/



#wrapper {

 position: relative;

 min-width: 980px;

}



*html #wrapper { width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "auto");

}



#header {

 height: 80px;

 background: url(http://pro-r.ru/img/city.gif) no-repeat right;

 padding: 42px 0 0 34px;

}



#logo {

 width: 178px;

 height: 28px;

}



#title {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

 font-weight: bold;

}

#title a, #title a:hover, #title a:visited {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

 text-decoration:none;}



#menu {

 height: 53px;

 background: url(http://pro-r.ru/img/menu-bg.gif) repeat-x;

 margin: 0 7px;

 padding: 0 17px;

 position: relative;

}



#m-l {

 width: 17px;

 height: 53px;

 background: url(http://pro-r.ru/img/menu-left.gif) no-repeat;

 position: absolute;

 left: 0;

}



#m-r {

 width: 17px;

 height: 53px;

 background: url(http://pro-r.ru/img/menu-right.gif) no-repeat;

 position: absolute;

 right: 0;

}



#menu ul { padding-top: 13px; }



#menu ul li {

 display: block;

 float: left;

 background: url(http://pro-r.ru/img/slash.gif) no-repeat right;

 height: 27px;

 padding-right: 12px;

 padding-left: 10px;

 line-height: 24px;

}



#menu a{

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 font-weight: bold;

 color: #FFFFFF;

 text-decoration: none;

}

#menu a:visited{

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 font-weight: bold;

 color: #FFFFFF;

 text-decoration:none;

}



#menu a:hover {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 font-weight: bold;

 color: #FFFFFF;

 text-decoration:underline;

}



#tel {

  height: 27px;

 float: right;

 padding-right: 12px;

 padding-left: 10px;

 line-height: 24px;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

 font-weight: bold;

 color: #FFFFFF;

}



#sidebar {

 width: 230px;

 padding: 15px 0;

}



#left-title {

 height: 23px;

 background: url(http://pro-r.ru/img/title.gif) no-repeat;

 font-size: 21px;

 color: #045b83;

 line-height: 23px;

 padding-left: 33px;

}



#left-menu { margin: 12px 0 2px 32px; }



#left-menu li {

 list-style: none;

 background: url(http://pro-r.ru/img/left-menu.gif) no-repeat;

 width: 198px;

 height: 30px;

 line-height: 30px;

 padding-left: 3px;

 font-size: 14px;

 color: #045b83;

}



#left-menu li a, #left-menu li a:visited, #left-menu li a:hover {

 font-size: 14px;

 font-weight: bold;

 color: #045b83;

}



#left-banner { margin: 25px 0 25px 32px; }



#content {

 padding: 15px 0;

 padding-right: 10px;

 padding-left: 20px;

}



#main-title {

 height: 23px;

 background: url(http://pro-r.ru/img/title.gif) no-repeat #e4e1db;

 font-size: 21px;

 color: #000000;

 line-height: 23px;

 padding-left: 15px;

}



.offer {

 width: 100%;

 /*border: 1px solid #e0e0e0;*/

 margin: 7px 0;

}



.offer img {

 width: 130px;

 height: 98px;

 margin: 7px;

}



.line {

 border-bottom: 1px solid #eeeeed;

 margin: 5px 7px;

}



.line2 {

 border-bottom: 1px solid #eeeeed;

 margin: 15px 3px;

}



#news {

 width: 270px;

 padding-right: 25px;

 font-size: 11px;

 color: #FFFFFF;

}



#news-bg {
	width: 250px;
	background: #716e68;
	padding: 9px 8px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	line-height: 100%;
}



#news-title {

 font-size: 21px;

 color: #FFFFFF;

}



#news a, #news a:visited, #news a:hover {

 font-size: 11px;

 color: #FFFFFF;

}



a.news-link, a.news-link:visited, a.news-link:hover {

 display: block;

 margin-bottom: 7px;

 font-size: 13px !important;

 font-weight: bold !important;

 color: #ecbe96 !important;

 text-decoration: underline !important;

}



a.news-link:hover { text-decoration: none !important; }



.news-image {

 float: left;

 margin-right: 7px;

}



.news-line {

 width: 175px;

 border-bottom: 1px solid #7e7c79;

 margin: 7px 0 15px 0;

 margin-left: 30px;

}



a.all-news, a.all-news:visited, a.all-news:hover {

 display: block;

 margin: 0 5px;

 text-align: right;

 font-size: 12px !important;

 text-decoration: underline;

}



a.all-news2, a.all-news2:visited, a.all-news2:hover {

  font-size: 21px !important;

 text-decoration: underline;

 color: #FFFFFF;

}

.inner {

 padding: 10px;

 margin: 10px 0;

 border: 1px solid #e0e0e0;

}



.news {

/* font-size: 11px;*/

/* color: #000000;   */

}



.news a, .news a:visited, .news a:hover { /*font-size: 11px;*/ }



a.next, a.next:visited, a.next:hover {

 display: block;

 margin-top: 25px;

 color: #37a5db;

 font-weight: bold;

 text-decoration: underline;

}



a.next:hover { text-decoration: none; }



a.next2, a.next2:visited, a.next2:hover {

 color: #37a5db;

 text-decoration: underline;

}



a.next2:hover { text-decoration: none; }



.gallery {

 margin-top: 15px;

 margin-bottom: 10px;

 text-align: center;

}



.gallery a, .gallery a:visited, .gallery a:hover { margin-right: 20px; }



#works { width: 100%; }



#works td { text-align: center; }



#works a, #works a:visited, #works a:hover {

 display: block;

 float: left;

 margin: 20px;

}



#works-listing {

 margin: 20px 0;

 text-align: center;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 11px;

 font-weight: bold;

}



#works-listing a, #works-listing a:visited, #works-listing a:hover {

 font-size: 11px;

 font-weight: bold;

 color: #146bac;

}



#footer {

 clear: both;

 height: 55px;

 background: url(http://pro-r.ru/img/plashka.gif) ;

 border-top: 1px solid #c6c5c3;

 border-bottom: 1px solid #c6c5c3;

 position: relative;

}



#bottom-title a,#bottom-title a:hover, #bottom-title a:visited { font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

text-decoration: none;}







#bottom-title {

 background: url(http://pro-r.ru/img/bottom-logo.gif) no-repeat;

 padding-top: 10px;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

 position: absolute;

 top: 10px;

 left: 34px;

  font-weight: bold;

}



#contacts {

 width: 440px;

 position: absolute;

 top: 15px;

 left: 285px;

 font-size: 12px;

 color: #FFFFFF;

}



#contacts a {

 font-size: 12px;

 font-weight: bold;

 color: #0a49bb;

}



#stat {

 position: absolute;

 top: 10px;

 right: 12px;

}



/* ######### Gallery ######### */



.thumbs {

 text-align:	center;

 padding:	15px 3px 8px 3px;

/* background-color: #FBFBFB; */

}





.categories {

 padding:           5px 10px 5px 12px;

 background-color:  #F7F7F7;

}



.tableBorder {

 border: 1px solid #EBEBEB;

}



th {

 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;

 font-size:         12px;

 color:             #fff;

 font-weight:		bold;

 text-align:		left;

 padding:           5px 4px 5px 12px;

 background-color:  #999;

}





/* image border */



.wrap1 {

 display: block;

 background:

  url(http://pro-r.ru/img/shadow.gif) /* Рисунок с тенью */

  no-repeat /* Отменяем повторение фона */

  right bottom; /* Размещаем тень в правом нижнем углу */

 float: left; /* Создание обтекания для правильного положения тени */

}

.wrap2 {

 display: block;

 background: url(http://pro-r.ru/img/corner_bl.gif)

  no-repeat /* Отменяем повторение рисунка */

  left bottom; /* Располагаем в левом нижнем углу */

 background-position: /* Положение уголка тени */

  -15px /* Смещаем уголок, чем меньше значение, тем левее располагается уголок */

  100%;

}

.wrap3 {

 display: block;

 padding:

  0

  12px /* Ширина тени справа */

  12px /* Высота тени снизу */

  0;

 background:

  url(http://pro-r.ru/img/corner_tr.gif) /* Правый верхний уголок тени */

  no-repeat /* Отменяем повторение рисунка */

  right top; /* Располагаем в правом верхнем углу */

 background-position: /* Положение уголка тени */

  100%

  -15px; /* Смещаем уголок, чем меньше значение, тем выше уголок */

}

.wrap3 IMG {

 display: block;

}



/* end image border */



.shadow{

border-bottom:2px solid #eee;

border-right:2px solid #eee;

padding-bottom:2px;

padding-right:2px;

background:#ccc;

}



#featureview td {

text-align: center;

}





#td1 {

	height:49px;

	background-color:#DEDEDC;

	font-size:36px;

	text-indent:20px;

	vertical-align:middle;

	line-height:normal;

}

#td2 {

	color:#006699;

	font-size:20px;

	text-indent:33px;

	line-height: normal;

	height: 34px;

	vertical-align: bottom;

}

#td3 {

	height: 40px;

}

#td4 {

     width:33px;

}

#td5 {

	vertical-align: top;

}

#td-h {

	height:34px;

	vertical-align: top;

}

#td-hleft {

width:8px;

background-image:url(http://pro-r.ru/img/topleft.gif);

}

#td-hright {

width:8px;

background-image:url(http://pro-r.ru/img/topright.gif);

}



#td-main {

	height:96px;

	background-color: #EBC11F;

}

#td-bot{

	height:20px;

	vertical-align: bottom;



}

#td-bl{

    width:6px;

	background-image:url(http://pro-r.ru/img/botleft.gif);

	background-repeat:no-repeat;

}

#td-bc{

	width:332px;

	height: 20px;

	background-color: #EBC11F;

}

#td-br{

    width:6px;

	background-image:url(http://pro-r.ru/img/botright.gif);

	background-repeat:no-repeat;

}

.table1{

width:100%;

border:0px;

margin: 0px;

padding: 0px 0;

}

.table2{

width:100%;

border:0px;

margin: 0px;

padding: 0px 0;

}

.table3{

	margin: 0px;

	padding: 0px 0;

	float: left;

	margin-top: 3px;

	margin-right: 8px;

}

.tableHead{

	width:100%;

	height:32px;

	background-color: #EAAE4E;

	margin: 0px;

	padding: 0px 0;

	border: 0px;

}

.tableBot{

	width:100%;

	margin: 0px;

	padding: 0px 0;

}

.divheader {

	font-size: 15px;

	color: #FFFFFF;

	margin-left: 11px;

                margin-top: 4px;

}

.maindiv {

	color: #666666;

	margin-left: 19px;

	margin-top: 6px;

	line-height: 16pt;

}





.style11 {

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

text-decoration: underline;

}

.style11 a,  style11  a:visited , style11 a:hover {

	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

text-decoration: underline;

}



.style13 {color: #E17206; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }

.titlet-white { position:relative; padding:5px 9px 4px 9px; font:1.1em Tahoma; color:#afafaf; border-bottom:2px solid #ececec; }



.ilv { padding:4px  5px; font:1.1em/1.4 Tahoma; color:#333; }



.clearAll {

clear:both;

float:none !important;
height:0px !important;

font-size:1px !important;

border:none;

margin:0 !important;
padding:0 !important;

background:transparent !important;

visibility:hidden !important;

}

hr {
    margin: 15px 40px;
    color: #666666;
    text-align: left;
}


.faq_form {
	background:#fff;
	border:1px solid #c1c1c1;
	height:17px;
    width: 300px;
    padding: 0 20px 5px 2px;
    margin: 5px 0;
}

.faq_txt {
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1;
    padding: 0 20px 5px 2px;
    margin: 5px 0;
    height: 90px;
    width: 350px;
}

.linetext {

 margin: 9px 1px;

}


.comments {
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
}
.comments li {
    padding: 20px 25px 20px 0;
}
.comments li.even, .comments div.even {
    background: none repeat scroll 0 0 #DDDDDD;
}
.comments li.even2 {
    border-bottom: 2px solid #DDDDDD;
}
.comments div.even2 {
    border-bottom: 2px solid #DDDDDD;
    padding: 5px 25px 5px 0;
}
.comments .num {
    float: left;
    margin-right: 20px;
    padding-top: 15px;
    text-align: right;
    width: 3em;
}
.comments .avatar {
    float: left;
}
.comments .body {
    margin-left: 20px;
}
.comments .body .date {
    background: url("/i/icons/clock-small.gif") no-repeat scroll 0 0 transparent;
    color: #666666;
    margin: 0 0 4px -17px;
    padding-left: 17px;
}
.comments .body .date .time {
    font-size: 0.7em;
}
.comments .body .name {
    font-weight: bold;
    margin-bottom: 8px;
}
.comments .body .name a {
    color: #666666;
    font-weight: bold;
}
.comments blockquote {
    background: none repeat scroll 0 0 #C3FFA8;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 15px;
    padding: 7px;
}
.comments p {
    line-height: 1.2em;
    margin-bottom: 5px;
    padding: 1px 0;
}
.comments .controls .answer {
    float: right;
    margin-left: 30px;
}
.comments .controls .action {
    float: right;
}
.comments .controls .action li {
    display: inline-block;
    margin-left: 5px;
    padding: 3px 0 0;
}
.comments .controls .action li a {
    display: block;
    height: 12px;
    line-height: 1em;
    overflow: hidden;
    text-decoration: none;
    text-indent: -999em;
    width: 12px;
}
.comments .controls .action li.down a {
    background-position: 0 -12px;
}
.level_2 {
    padding-left: 8px;
}
/*.ital {
    background: none repeat scroll 0 0 #C3FFA8;
    color: #333333;
    float: left;
    font: italic 14px Arial;
    padding: 5px ;
    margin-bottom: 12px;
    width: 99%;
}*/

