@import url('reset.css');

	html,body {
		margin:0;
		padding:0;
		color:#000;
		height:100%; /* Все родительские (для .box) элементы должны иметь 100% высоту. Это нужно для прижатия footer'a к низу экрана. */
	}
	body {
		min-width: 860px; /* Минимальная ширина для страницы. Чтобы верстка не разваливалась при сужении размеров окна просмотра. */
		max-width:1580px;
		margin:0 auto;
		background: #ddf0ff;
		font-family: Trebuchet MS, sans-serif;
		font-size: 1em;
	}
	.box {
		height:auto !important; /* Так задается минимальная высота в 100% для данного блока */
		min-height:100%;		
		height:100%;
		overflow:hidden; /* Важное свойство, обрезается все, что выходит за рамки блока .box */
		position:relative; /* В данном случае мы будем абсолютно позиционировать подвал относительно .box, поэтому назначаем ему данное свойство */
	}
	
	.content {
		position:relative;
		overflow:hidden;
		padding-bottom:1000em; /* А при помощи этого нехитрого трюка мы сделаем колонки одинаковой высоты */
		margin-bottom:-1000em;
		background: url(../i/mir.jpg) repeat-x center 361px;
	}

	/* ###################### Основное содержимое ###################### */
	
	.line {
		float: left;
		width: 100%;
		display: block;
		position: relative;
		overflow:hidden;
		padding-bottom:1000em;
		margin-bottom:-1000em;
	}
	.item {
		position: relative;
		float: left;
		overflow:hidden;
		left: 100%;
		padding-bottom:1000em;
		margin-bottom:-1000em;
	}
	.sap-content {
		overflow:hidden;
	}
	#item1 {
		margin-left:-100%;
		width:100%;
		color:#000;
	}
		#item1 .sap-content {
			margin-left:80px; /* Отступы для боковых колонок */
			margin-right: 370px;
		}
	/* Левая боковая колонка */
	#item2 {
		margin-left:-100%;
		width:40px;
	}
	/* Правая боковая колонка */
	#item3 {
		margin-left:-295px;
		width:295px;
	}
	#item1 .sap-content,#item2 .sap-content,#item3 .sap-content {
		padding-bottom:68px; /* Отступ снизу равный высоте подвала */
	}
	
	#header {
		position:relative;
		height: 392px;
		margin-bottom: 20px;
		text-align: center;
	}
	
	#footer {
		position:relative;
		margin-top:-68px; /* Поднимаем подвал  */
		height:68px;
		background: #da8947;
		text-align: left;
		padding-left: 80px;
	}
	
	#footer p {
	  margin-top: 25px;
	  font-size: 0.8em;
	}
	
	#footer a, #footer a:link, #footer a:visited, #footer a:active {
	  color: #ffffff;
	}
	
	#footer a:hover {
	  color: #000000;
	}
	
	#footer p span {
	  margin-left: 20px;
	}

div.header_left {
  width: 100%;
  float: left;
  background: url(../i/sand.jpg) repeat-x left top;
  text-align: right;
  height: 326px;
}

div.header_right {
  width: 50%;
  float: right;
  background: url(../i/sea.jpg) repeat-x right top;
  text-align: left;
  height: 326px;
}

div.logo {
  position: absolute;
  z-index: 1000;
  left: 40%;
  top: 95px;
}

div.leftline {
  background: #da8947;
  height: 72px;
}

div.leftcorner {
  height: 4px;
  background: url('../i/square_l.jpg') no-repeat right top;
}

div.rightline {
  background: #da8947;
  height: 72px;
  color: #ffffff;
}

div.rightline p {
  padding: 8px 15px 0 15px;
  font-size: 0.8em;
  font-weight: bold;
}

div.rightcorner {
  height: 4px;
  background: url('../i/square_r.jpg') no-repeat left top;
}

div.citata {
  height: 76px;
  text-align: center;
}

div.citata p {
  font-weight: bold;
  font-style: italic;
  font-size: 1.25em;
  margin-top: 10px;
}

div.mainpart {
  padding-bottom: 30px;
}

div.mainpart h1 {
  font-size: 1.3em;
  color: #da8947;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 15px;
}

div.mainpart h4 {
  font-size: 1em;
  font-weight: bold;
  margin-left: 15px;
  margin-top: 5px;
}

div.mainpart p {
  font-size: 0.9em;
  color: #000000;
  margin-bottom: 5px;
  text-align: justify;
}

div.mainpart p:first-letter {
  margin-left: 15px;
}

a, a:link, a:visited, a:active {
  color: #da8947;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

div.rightpart {
  padding-bottom: 30px;
  font-size: 0.9em;
}

div.rightpart h1 {
  font-size: 1.3em;
  color: #da8947;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}

div.rightpart a, div.rightpart a:link, div.rightpart a:visited, div.rightpart a:active {
  color: #000000;
  text-decoration: underline;
}

div.rightpart a:hover {
  color: #da8947;
  text-decoration: none;
}

div.camel1 {
  z-index: 100;
  position: absolute;
  top: 184px;
  left: 73px;  
}

div.camel2 {
  z-index: 200;
  position: absolute;
  top: 197px;
  left: 221px;  
}

div.boat1 {
  z-index: 300;
  position: absolute;
  top: 173px;
  right: 268px;
}

div.boat2 {
  z-index: 400;
  position: absolute;
  top: 170px;
  right: 128px;
}

p.next_p:first-letter {
	  margin-left: 0;
}
	
p.next_p {
	  clear: both;
	}
	
p#EpText {
	  position: relative;
	  width: 50%;
	  left: 40%;
	  font-style: italic;
	}
	
img#Clip {
	  margin: 5px 10px 5px 0;
	  float: left;
	}

div.navys {
  padding-top: 8px;
}

div.navys ul li {
  font-size: 1.4em;
  margin-left: 40px;
  display: inline;
}

div.navys ul {
  display: inline;
  padding-top: 10px;
}

div.rightpart ul {
  font-weight: bold;
  margin-right: 10px;
}

div.rightpart ul li {
  margin-top: 10px;
}

div.rightpart ul ul li {
  margin-top: 0;
}


div.rightpart ul ul {
  font-weight: normal;
  margin-left: 20px;
}

div.rightpart ul ul li {
  list-style-type: disc;
font-size: 0.9em;
}

	div.content div.mainpart ul {
clear: both;

}
	div.content div.mainpart ul li {
	  font-size: 0.9em;
	  margin: 10px 30px;
	}
	
	div.content div.mainpart table td {
	  font-size: 0.9em;
	}
	
	div.content div.mainpart ul li {
	  list-style-type: disc;
	}