@import url('reset.css');

html,body {
		margin:0;
		padding:0;
		color:#000000;
  		background: #ededed url(/i/top_bgline.jpg) repeat-x left top;
		height:100%; /* Все родительские (для .box) элементы должны иметь 100% высоту. Это нужно для прижатия footer'a к низу экрана. */
	}
	body {
		min-width:1000px; /* Минимальная ширина для страницы. Чтобы верстка не разваливалась при сужении размеров окна просмотра. */
		max-width:1580px;
		margin:0 auto;
		font-family: Trebuchet MS, sans-serif;
  		font-size: 1em;

	}
	
	html:root .box {
		overflow:hidden; /* Важное свойство, обрезается все, что выходит за рамки блока .box */
	}
	
	*:first-child+html .box {
		overflow:hidden; /* Важное свойство, обрезается все, что выходит за рамки блока .box */
	}
	
	.box {
		height:auto !important; /* Так задается минимальная высота в 100% для данного блока */
		min-height:100%;		
		height:100%;
		width: 100%;
		left: 50%;
		margin-left: -50%;
		position:relative; /* В данном случае мы будем абсолютно позиционировать подвал относительно .box, поэтому назначаем ему данное свойство */
	}
	
.box a, .box a:link, .box a:active, .box a:visited {
  color: #d93824;
}

.box a:hover {
  color: #000000;
}
	
	
	.content {
		position:relative;
		overflow:hidden;
	}

	/* ###################### Основное содержимое ###################### */
	
	.line {
		float: left;
		width: 100%;
		display: block;
		position: relative;
		overflow:hidden;
	}
	.item {
		position: relative;
		float: left;
		overflow:hidden;
		left: 100%;
	}
	.sap-content {
		overflow:hidden;
		padding:10px 0px;
	}
	
	.sap-content-2 {
		overflow:hidden;
		padding:10px 0px;
	}
	#item1 {
		margin-left:-100%;
		width:100%;
	}
#item1 .sap-content {
margin-right: 5px; /* Отступы для боковых колонок */
margin-left: 5px;
}
	/* Правая боковая колонка */
	#item3 {
		margin-left:-320px;
		width:320px;
		padding-left: 5px;
	}
	#item1 .sap-content,#item2 .sap-content,#item3 .sap-content-2 {
		padding-bottom:66px; /* Отступ снизу равный высоте подвала */
	}
	
	
	#header,#footer {
		position:relative;
	}

	#header {
		background: url(/i/castle.jpg) no-repeat right top;
		height: 263px;
	}

div.logo {
  padding: 48px 0 0 39px;
}

div.phones {
  padding: 3px 0 0 130px;
  font-size: 1.3em;
  font-weight: bold;
  font-style: italic;
}

div.phones em {
  color: #b81c1c;
  font-weight: bold;
  font-style: italic;
}

div.nav {
  font-weight: normal;
  font-size: 1.2em;
  background: url(/i/ul_bg.jpg) repeat-x left bottom;
  padding-bottom: 19px;
}

div.nav ul {
  padding-top: 0px;
}

div.nav ul ul {
  margin-bottom: 5px;
}

div.nav ul li {
  display: block;
  margin-left: 15px;
  width: 270px;
  padding: 5px 0;
  background: url(/i/menu_line.jpg) repeat-x left top;
}

div.nav ul li ul li {
font-size: 0.75em;
display: block;
  margin-left: 10px;
  width: 260px;
  padding: 5px 0;
  background: url(/i/menu_line.jpg) repeat-x left top;
}

div.nav ul li ul li a {
  background: none;
}

div.nav ul li ul li span {
    color: #d93824;
    font-size: 0.7em;
    margin-top: -3px;
    display: block;
}

div.nav ul li.first {
  background: none;
}

div.nav ul li a, div.nav ul li a:link, div.nav ul li a:active, div.nav ul li a:visited {
  color: #071f16;
  text-decoration: none;
  background: url(/i/menu_arrw.jpg) no-repeat left center;
  display: block;
  padding-left: 30px;
  margin-left: 10px;
}

div.nav ul li a:hover {
  color: #055938;
  text-decoration: none;
}

div.cntent {
  margin-top: 5px;
}

div.cntent div.leftpart {
  float: left;
  padding: 0 20px;
  width: 320px;
  background: url(/i/sh_l.jpg) no-repeat right top;
}

div.cntent div.leftpart div.news h1 {
  margin-top: 20px;
  font-size: 1.6em;
  font-weight: normal;
  color: #008fd7;
  background: url(/i/down_arrw.jpg) no-repeat left center;
  padding-left: 30px;
  margin-left: 27px;
}

div.cntent div.leftpart div.news span {
  color: #055938;
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  margin-left: 20px;
}

div.cntent div.leftpart div.news a, div.cntent div.leftpart div.news a:link, div.cntent div.leftpart div.news a:visited, div.cntent div.leftpart div.news a:active {
  color: #000000;
  font-size: 0.9em;
  display: block;
  margin-top: 10px;
  margin-left: 20px;
  text-decoration: none;
}

div.cntent div.leftpart div.news a:hover {
  color: #055938;
  text-decoration: underline;
}

div.cntent div.leftpart div.auth h1 {
  margin-top: 20px;
  font-size: 1.6em;
  font-weight: normal;
  color: #055938;
  background: url(/i/down_arrw.jpg) no-repeat left center;
  padding-left: 30px;
  margin-left: 27px;
}

div.cntent div.leftpart div.auth p {
  color: #055938;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 20px;
}

div.cntent div.leftpart div.auth span {
  font-size: 0.8em;
  margin-top: 10px;
  margin-left: 20px;
  display: block;
}

div.cntent div.leftpart div.auth input {
  font-family: Trebuchet MS, sans-serif;
  padding: 0 5px;
  border: 1px solid #055938;
}

div.cntent div.leftpart div.auth p label {
  width: 70px;
  display: block;
  float: left;
}

div.cntent div.rightpart {
  margin-top: 20px;
  padding: 0 20px;
  background: url(/i/sh_r.jpg) no-repeat right top;
  margin-left: 320px;
  position: relative;
}

div.cntent div.rightpart div.banner {
  text-align: center;
}

div.cntent div.rightpart h1 {
  font-size: 1.6em;
  font-weight: normal;
  background: url(/i/down_arrw.jpg) no-repeat left 12px;
  padding-left: 30px;
  margin-left: 27px;
  font-weight: normal;
  color: #d93824;
}

div.rightpart p {
  margin: 15px 0;
  font-size: 0.9em;
  padding: 0 15px 0 20px;
}



div.copyr {
  margin: 0 45px;
  background: url(/i/footer.jpg) repeat-x left top;
  height: 45px;
}

div.podval {
	font-size: 0.7em;
	text-align: center;
	background: url(/i/footer.jpg) repeat-x left top;
  height: 45px;
  margin-top: 10px;
  color: #ffffff;
}

div.counter, div.adress {
  float: left;
}

div.counter {
  margin: 13px 40px 0 20px;
}

div.adress {
  margin: 13px 40px 0 260px;
}

div.flag {
float: right;
position: absolute;
z-index: 50;
top: -20px;
right: 172px;
}

table.tblbordered {   margin-top: 10px; border-collapse: collapse; }  
table.tblbordered td {   border: 1px solid #999999;   padding: 5px; }  
