/* 
Основные цвета страницы: 
Темно-серый: #716F61
Светло-серый: #E8DCBF
Ярко-зеленый: #84C225
Бледно-зеленый: #B8DB7C
Черный: #000000
Серый текст: # 333333 - в активном меню

 */



html, body {
	height: 100%;
}
body {
	font-size: 16px;
	background:#e8dcbf url(image/bodybg.gif) repeat-y center;
	margin: 0px;
	text-align: justify;
	font-family: "myriad Pro", myriad, "segoe UI", calibri, sans-serif;
}
a {
	color: #006633;
}
a:hover {
	color: #333333;
	text-decoration: blink;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #84C225;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
}

h2 {
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #2C383A;
	margin-bottom: 5px;
	margin-top: 2px;
}

h3 {
	font-family:  "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #848276;
	margin-bottom: 0px;
	margin-top: 0px;
}

.mailto {
color: #ffffff;
}
#maincontainer {
	min-height: 100%;
	width: 1100px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6DBC0;
}

/* --- шапко сайта--- */
 
#headstrip {
	height: 180px;
	width: 100%;
	background: #000000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	clear: both;
}
#header {
	height: 180px;
	width: 1101px;
	margin: 0 auto;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background: url(image/head.png);
}
#top-phone {
	float: right;
	padding-right: 15px;
}
#header #top-phone p {
	text-align: right;
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 25px;
	color: #FFFFFF;
	font-style: oblique;
	margin-top: 0px;
	margin-bottom: 12px;
}

#headlink {
	font-weight: bold;
	width: 610px;
	float: left;
	padding-left: 21px;
	height: 180px;
}

.mainphone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #CCCCCC;
	padding-right: 130px;
	font-weight: bold;
	font-style: italic;
}

/* --- навигациё --- */

#sidebar {
	width: 270px;
	height: 100%;
	background: #716F61;
	float: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B8DB7C;
}

#sidebar .widgettitle {
	color: #84C225;
	border-left-width: 21px;
	border-left-style: solid;
	border-left-color: #E8DCBF;
	padding-left: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#sidebar div {
	width: 270px;
	border-bottom-width: 3px;
	border-bottom-color: #B8DB7C;
	border-bottom-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 21px;
}
#sidebar div:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #84C225;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E8DCBF;
	color: #333333;
	padding-left: 21px;
}

#sidebar a {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar a:hover {
	color: #333333;
	text-decoration: none;
}

#sidebar div:hover a {
	color: #333333;
	text-decoration: none;
}

#sidebar  .current-page {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #84C225;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E8DCBF;
	color: #333333;
	padding-left: 21px;
}

#sidebar .current-page a, submenu a {
	color: #333333;
	text-decoration: none;
}

#sidebar .submenu {
	padding-top: 10px;
	padding-bottom: 10px;
	border-left-width: 30px;
	border-left-style: solid;
	border-left-color: #B8DB7C;
	color: #222; 
	background: #93927D;
	padding-left: 50px;
}
#sidebar .submenu:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #84C225;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #B8DB7C;
	color: #333333;
	padding-left: 40px;
}

#sidebar .sub-current {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #84C225;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #B8DB7C;
	color: #333333;
	padding-left: 40px;
}

.level0{
  padding-left :40px;
}

.level1{
  padding-left :50px;
}


.level2{
  padding-left :80px;
 
}

.level3{
  padding-left :380px;
}
	

/*--- содержание --- */

#pagecontent {
	min-height: 600px;
	width: 808px;
	background: #B8DB7C;
	float: left;
	overflow: hidden;
	padding-bottom: 21px;
	padding-right: 11px;
	padding-left: 11px;
}

#pagecontent   *{
	margin-right: 10px;
	margin-left: 10px;
}

#singltitle  {
	margin-top: 21px;
	margin-bottom: 11px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #9FBD93;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #9FBD93;
	width: 786px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9FBD93;
	background: #84C225 right top no-repeat; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	border-left-color: #9FBD93;

}


#pagecontent sup {
	margin-left: 0px;
	margin-right: 0px;}



/* --- для главной страницы с версткой в две колонки --- */

.pagecolon  {
	min-height: 100%;
	width: 384px;
	background: #B8DB7C;
	float: left;
}
#pagecontent .pagecolon *  {
	margin-right: 0px;
	margin-left: 0px;
}

.pagecolon  .colon-title {
	background: #716F61;
	font-size: 16px;
	color: #B8DB7C;
	padding-left: 10px;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #009900;
	padding-top: 5px;
	padding-bottom: 7px;
}

#pagecontent #pagecolon *{
	margin-right: 0px;
	margin-left: 0px;
}





 /* --- Элементы --- */

#pagecontent #gallery {
margin-left: 0px;
margin-right: 0px;
}


#gallery img {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-top: 10px;
width: 175px;
height: 175px;
}

#infobox {
	background: #716F61;
	width: 788px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 170px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #716F61;
	margin-left: 10px;
}

#infotext {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 15px;
	word-spacing: 3px;
}
#infotext h2 {
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #B8DB7C;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pagecontent  #infobox  img  {
	float: left;
	padding-right: 21px;
	border: 0px;
	margin-left: 0px;
}


.readmore {
	text-align: right;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: thin solid #716F61;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 9px;
	margin-bottom: 5px;
	white-space: nowrap;
}
.readmore a {
	text-decoration: none;
	
}



.postmeta {
	font-size: 12px;
	color: #716F61;
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E6DBC0;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #E6DBC0;
	padding: 3px;
	margin-top: 10px;
}
.postmeta a {
	text-decoration: none;
	color: #009966;
}
 .ptitle{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #716F61;
	padding: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #716F61;
	margin-top: 21px;
}

#pagecontent #singltitle span {
	font-size: 21px;
	float: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 21px;
	font-weight: bold;
}

#category_news {
	float: right;
	font-size: 16px;
	text-align: right;
	white-space: nowrap;
	width: 230px;
	margin: 0px;
	height: 24px;
	padding-top: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #84C225;
}
#pagecontent #singltitle #category_news a {
	text-decoration: none;
	color: #84C225;
}

#pagecontent #singltitle #category_news a:hover {
	text-decoration: none;
	padding-right: 5px;
	color: #FFFFFF;
}

#pagecontent #gallerybox {
	width: 788px;
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
	height: 252px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9FBD93;
	border-bottom-color: #9FBD93;
	background: #E8DCBF;
}

#pagecontent #gallerybox #gallerytext {
	float: right;
	width: 350px;
	margin-top: 8px;
	margin-bottom: 12px;
	height: 249px;
	margin-left: 0px;
}

.kontakt {
	border-left:  2px solid #716F61; 
	padding-left: 20px; 
	padding-top:0; 
	padding-bottom:0; }

/*картинки с выплывающей подписью для страницы проектов*/

#pagecontent .proboxcaption {
	top: 190px;
	left: -3px;
}

.probox{
	width: 380px;
	height: 226px;
	margin:12px;
	float:left;
	background:#161613;
	border: 2px solid #716F61;
	overflow: hidden;
	position: relative;
			}
			

/* --- картинки с всплывающей подписью ---- */

.boxgrid1{
	width: 245px;
	height: 245px;
	margin:12px;
	float:left;
	background:#b8db7c;
	border: 2px solid #add073;
	overflow: hidden;
	position: relative;
			}


.boxgrid{
	width: 245px;
	height: 245px;
	margin:12px;
	float:left;
	background:#161613;
	border: 2px solid #716F61;
	overflow: hidden;
	position: relative;
			}			


#pagecontent .boxgrid img, #pagecontent .probox img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	margin: 0px;
	}
				
#pagecontent .boxcaption, #pagecontent .proboxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 200px;
	width: 100%;
	opacity: .7;
/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	margin: 3px;
 }
 
.caption .boxcaption {
	top: 208px;
	left: -3px;
}

#pagecontent .boxcaption h3, #pagecontent .proboxcaption h3 {
	color:#FFF;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	margin-top: 7px;
	margin-left: 10px;
	margin-bottom: 5px;
}
						
#pagecontent .boxgrid p, #pagecontent .probox p {
	color:#afafaf;
	font-weight:bold;
	font-family: "Lucida Grande", Arial, sans-serif;
	text-align: left;
	font-size: 9pt;
	margin: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
				}
#pagecontent .boxgrid a{
	color:#C8DCE5;
	margin: 0px;
}				

/* ---Постраничная навигация в проектах--- */

.pro-navi {
	margin-left: 500px;
}

#pagecontent .pro-navi *  {
	margin-right: 0px;
	margin-left: 0px;
	font-size: 18px;	
}

/* --- ПОДВАЛ --- */

#footstrip {
	height: 70px;
	width: 100%;
	overflow: hidden;
	clear: both;
	
	position: fixed;
	bottom: 0px;
}

#footer {
	height: 150px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #84C225 url(image/drygrass.jpg);
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #716F61;
	padding-right: 10px;
	padding-left: 10px;
}
#footertxt {
	float: right;
}
#footer h2 {
	font-size: 24px;
	color: #333333;
	letter-spacing: 7px;
	text-align: right;
	margin-bottom: 0px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
 
#footer p {
	padding-top: 0px;
	text-align: right;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}

#footerdecor {
	background: #CCCCCC url(image/drygrass-window.jpg);
	height: 96px;
	width: 96px;
	float: right;
	margin-top: 16px;
	margin-right: 30px;
	margin-left: 16px;
}

#table {
margin-left: 195px;

}