﻿html, body { height: 100%; margin: 0; padding: 0; }
* { margin: 0; padding: 0; }

body { background-color: #bdbd9a; background-image: url(/templates/setun/img/bg.jpg); color: #8a8a7d; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
cite { font-style: normal; }
q { font-style: italic; }
p { margin: 16px 0; }
li { margin-left: 47px; }
blockquote { margin: 16px 0 16px 40px; font-style: italic; }
a {	color: #0a98e1; text-decoration: underline; }
a:hover { color: #e40f55; }
a img { border: 0; }

.page { position: relative; text-align: center; padding: 17px 0; }
.page-head { width: 964px; text-align: left; margin: 0 auto; position: relative; } 
.page-body { width: 964px; text-align: left; margin: 0 auto; padding-bottom: 50px; }

.page-head .phone { 
	width: 300px; height: 54px; font-size: 30px; font-family: Georgia, Times New Roman; color: #e6e6d7; 
	position: absolute; top: 255px; right: 18px; background: url('/templates/setun/img/phone.gif') no-repeat left top; }
.page-head .phone div { padding: 13px 0 0 32px; }

.page-head ul { float: left; margin: 9px 0 0 35px/*отступ от края*/; }
.page-head ul li { height: 45px; padding: 0 0px/*расстояние между элементами*/ 0 10px; margin: 0; float: left; list-style-type: none; }
.page-head ul li span { display: block; position: relative; padding: 0 10px 0 0; height: 45px; float: left; }
.page-head ul li span span { height: 45px; padding: 0; display: block; position: relative; }
.page-head ul li a { display: block; position: relative; margin: 15px 20px 0 20px; color: white; font-weight: bold; text-transform: uppercase; font-size: 11px; }
.page-head ul li a:hover { color: white; }
.page-head ul li.active { background: url('/templates/setun/img/mnu.gif') no-repeat left top; }
.page-head ul li.active span { background: url('/templates/setun/img/mnu.gif') no-repeat right -45px; }
.page-head ul li.active span span { background-image: none; background-color: #470e07; }
.page-head ul li.active a { text-decoration: none; }

.page-head .mnu { background: url('/templates/setun/img/mnu-bg.png') no-repeat left top; height: 105px; }

.page-body .actions { position: relative; }
.page-body .actions h1 { 
	position: absolute; top: 30px; left: 30px; width: 210px;
	font-family: Times New Roman; text-transform: uppercase; color: black; font-size: 24px; font-weight: normal; }
.page-body .actions .action { width: 235px; float: right; margin-left: 30px; }
.page-body .actions .action img { float: left; margin-bottom: 6px; }
.page-body .actions .action a {  }

.page-body .content-body { 
	padding: 10px 45px 30px 300px; background-color: white; position: relative;
	background-image: url('/templates/setun/img/content.jpg'); background-repeat: no-repeat; }
.page-body .content-body h1 {
	position: absolute; top: 30px; left: 30px; width: 210px;
	font-family: Times New Roman; text-transform: uppercase; color: black; font-size: 24px; font-weight: normal; }
.page-body .content-foot { background: url('/templates/setun/img/content-foot.png') no-repeat top left; height: 45px; position: relative; top: -10px; }

.page-foot { 
	width: 964px; height: 83px; text-align: left; margin: 0 auto; position: relative; clear: both; 
	background: url('/templates/setun/img/foot-bg.png') no-repeat left top; }
.page-foot .copyright {
	position: absolute; top: 30px; left: 56px; padding-left: 32px; color: #ffe6e6; font-size: 11px;
	background: url('/templates/setun/img/copyright.png') no-repeat left center; }
.page-foot .copyright a { color: #f4e49e; }
.page-foot .counters { position: absolute; top: 25px; left: 250px;  }
.page-foot .phone { font-size: 30px; font-family: Georgia, Times New Roman; color: #e6e6d7; position: absolute; top: 18px; right: 45px; }
