/* Utilites
------------------------------ */

* {
	margin:0;
	padding:0;
}

*:focus {
	outline:none;
}
.hidden {
	display:none;
}
.show {
	display:block!important;
}
.no-margin {
	margin:0!important;
}
.no-padding {
	padding:0!important;
}
.no-bg {
	background:none!important;
}
.no-border, img {
	border:none!important;
}

.container {
	overflow:hidden;
}
.img-repl {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/* Main custom rules
------------------------------ */

html {
	height:100%; /* == Каков родитель, таковы и детки! Без явного указания высоты body не сможет расчитать свою высоту == */
	background-color:#f2f1e4;
	font:.75em/1.5em Georgia, "Times New Roman", Times, serif;
	color:#411d1a;
	letter-spacing:0.05em;
}
body {
	position:relative;
	min-height: 100%; /* == Растягиваем окно на все сто при помощи родителя == */
}
*html body {
 	height:100%;  /* == т.к. IE не понимает min-height, используем Holly Hack == */
}

a {
	color:#7a3f18;
	text-decoration:none;
	border-bottom: 1px dotted #caa89f;
}
a:visited {
	
}
a:hover {
	color:#caa89f;	
}
a:active {
	background:none;
}
a img {
	border-bottom:none;
}

/* Demo Template
------------------------------ */

#site {
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:11em;
}
#header {
	width:100%;
	height:110px;
	overflow:hidden;
	background:transparent url("../img/head.gif") no-repeat bottom center;
}
#col-left {
	float:left;
	width:47%;
	height:400;
	padding-left:2%;
	padding-bottom:1em;
	padding-top:0.5em;
}

#content {
	width:47%;
	float:right;
	height:400;
	padding-right:2%;
	
}	

#contenttext {
	width:900px;
	padding-left:2%;
	padding-top:0.5em;
	

}
#footer {
	position:absolute;
 	bottom:0; /* == Чтобы находиться всегда внизу! == */
	width:99%;
	margin:0 auto;
	height:9em;
	color:#8e876d;
	background:transparent url("../img/footer.gif") no-repeat center center;
}




/*	Header
------------------------------ */

p.logo {
	float:left;
	padding-top:15px;
	padding-left:2em;
}
p.logo a {
	background:none;
}
.menu-h {
	margin-top:4em;
	margin-right:2em;
	overflow:hidden;
}
.menu-h li {
	display:inline;
	list-style:none;
	padding:0 .8em;
	border-left:1px solid #d8c2b7;
	margin-left:-1px;
}






.prostory {
	width:100%;
	height:245px;
	overflow:hidden;
	padding-bottom:26px;
	background:transparent url("../img/prostory_bottom.gif") no-repeat bottom center;
}


/* Content elements
------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font:1.7em "Times New Roman", Times, serif;
	letter-spacing:-0.4em;
	margin-bottom:.5em;
	color:#948e78;
}
h2 {
	font-size:2.4em;
	letter-spacing:0em;
	line-height:1.2em;
	color:#948e78;
}
h3 {
	font-size:2.4em;
	line-height:0.9em;
	letter-spacing:0em;
	color:#885634;
	padding-top:0.5em;
}
h4 {
	font-size:1.6em;
	line-height:0.9em;
	letter-spacing:0em;
	color:#948e78;
}
h6 {
	font-size:1.6em;
	line-height:0.9em;
	letter-spacing:0em;
	color:#948e78;
	padding-top:1em;
}

.line {
	border-bottom:5px #ebead7 solid;
}

blockquote {
	margin-left:10em;
	padding-left:1em;
	border-left:2px solid #ccc;
}
pre, code {
	font:1.2em/1.8 "Courier New", Courier, monospace;
	border:1px dashed #aaa;
	padding:1em;
	background-color:#eee;
}
code {
	padding:.2em .5em;
}

.content ul, .content ol {
	margin-left:3em;
	line-height:1.3em;
}
.content ul li, .content ol li {
	margin-bottom:.2em;
	}

.icons a, .icon {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left center;
}

.content p, .content ul, .content ol, blockquote, pre, .columns, .content img {
	margin-bottom:1em;
}
.columns {
	margin-top:2em;
}
p.pdf {
	margin-top:2em;
	margin-left:0.5em;
	padding-left:18px;
	background:transparent url(../img/icon_pdf.gif) no-repeat 0px 0px;
}

.contact {
	height:25em;
	font-size:.9em;
	padding-left:14em;
	padding-bottom:2em;
	background:transparent url(../img/contact.gif) no-repeat 0 2em;
}
.contact h4 {
	font-size:2em;
	letter-spacing:0em;
	margin:0;
	padding:2.5em 0 0 0;
}
.contact ul {
	
}
.contact li {
	list-style:none;
}
.contact span {
	font-size:.9em;
}

#genplan {
	width:100%;
	height:1100px;
	overflow:hidden;
	background:transparent url(../img/genplan_big.jpg) no-repeat 2em 5em;
}
#genplan h3 {
	padding:0;
	margin:0;
}
#genplan p {
	padding-bottom:1em;
	padding-top:0.3em;
	width:330px;
}

.ul_text li {
	list-style:none;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:1em;
	background:transparent url(../img/li_bg.gif) no-repeat 0.4em 0.5em;
}

ul.vertical_menu {
	clear:both;
}
.vertical_menu li {
	list-style:none;
	padding:0.7em 1em;
	background-color:#ebead7;
	margin-bottom:2px;
}

#site p {
	padding-bottom:1em;
}

/* Text align & Float
------------------------------ */

.a-left {
	text-align:left;
}
.a-center {
	text-align:center;
}
.a-right {
	text-align:right;
}

.f-left {
	float:left;
}
.f-right {
	float:right;
}

/*	Tables
------------------------------ */

table {
	border-collapse:collapse;
	width:100%;
	margin:2em 0;
}
table th, table td {
	border:1px solid #d2d2ad;
	padding:.3em 1em;
	vertical-align:top;
}
table th {
	background:#d2d2ad;
	border:1px solid #f2f1e4;
}
table td {
	
}

/*	Columns
------------------------------ */

.columns {
	width:100%;
	overflow:hidden;
}
.w-5, .w-10, .w-15, .w-20, .w-25, .w-33, .w-35, .w-40, .w-45, .w-49, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 {
	float:left;
	overflow:hidden;
}

.col-content {
	padding:0 6px;
}
.col-first {
	padding-left:0!important;
	
}
.col-last {
	padding-right:0!important;
	
}

.w-5 {
	width:5%;
}
.w-10 {
	width:10%;
}
.w-15 {
	width:15%;
}
.w-20 {
	width:20%;
}
.w-25 {
	width:25%;
}
.w-33 {
	width:33%;
}
.w-33 p {
	padding-top:1em;
}
.w-35 {
	width:35%;
}
.w-40 {
	width:40%;
}
.w-45 {
	width:45%;
}
.w-49 {
	width:49%;
}
.w-50 {
	width:50%;
}
.w-55 {
	width:55%;
}
.w-60 {
	width:60%;
}
.w-65 {
	width:65%;
}
.w-70 {
	width:70%;
}
.w-75 {
	width:75%;
}
.w-80 {
	width:80%;
}
.w-85 {
	width:85%;
}
.w-90 {
	width:90%;
}
.w-95 {
	width:95%;
}
.w-100 {
	width:100%;
}

.w-33 {
	width:33%;
}
.w-66 {
	width:66%;
}

.w-38 {
	width:38%;
}
.w-62 {
	width:62%;
}

/* Images
------------------------------ */

.content img {
	padding:5px;
	border:1px solid #ccc!important;
	margin-top:.4em;
}
.content img.null-image {
	padding:0!important;
	border:none!important;
	margin:0!important;
}
img.f-left {
	margin-right:1em;
}
img.f-right {
	margin-left:1em;
}

/* Content Form
------------------------------ */

.content form {
	padding:.5em 0;
}
.content fieldset {
	margin-bottom:1em;
	border:none;
}
.content legend {
	margin-top:-1px;
	padding-bottom:1em;
	font-size:1.1em;
	font-weight:bold;
}

.content .f-row {
	overflow:hidden;
	margin-bottom:.5em;
}
.content label {
	float:left;
	text-align:right;
	width:25.99%;
	padding:0 2%;
}
.content .f-inputs {
	padding-left:30%;
}

.f-actions {
	padding-top:1em;
	border-top:1px solid #ccc;
}

/* Inputs
------------------------------ */

input {
	vertical-align:middle;
}
.i-checkbox {
	margin-top:3px;
}
.i-text {
	width:200px;
	padding:0 1px;
	font:1em sans-serif;
}
.button {
	padding:0 .25em;
	width:auto;
	overflow:visible;
	cursor:pointer;
}


/*	Footer
------------------------------ */
#footer ul {
	margin-top:4em;
	margin-left:34%;
	overflow:hidden;
}
#footer li {
	display:inline;
	list-style:none;
	padding:0 .8em;
	border-left:1px solid #d8c2b7;
	margin-left:-1px;
}
#footer p {
	padding:1em 0 2em 0;
	font-size:.9em;
	text-align:center;
}