@import url('pager.css');
@import url('teplo.css');

* {
	margin:0;
	padding:0;
}

html {
	background:#2fa3e6 url('../images/bg.jpg') repeat-x 0% 0%;
}
body {
	margin-top:-20px;
	color:#595959;
	font:11px "trebuchet ms",tahoma,arial,serif;
}
a {
	color:#008ee0;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:none;
}
table {
	border-collapse:collapse;
}



#root {
	width:960px;
	margin:17px auto;
	position:relative;
}
	#header {
		padding-top:20px;
		height:72px;
	}
		#icos {
			padding-top:20px;
			clear:both;
			position:absolute;
			top:0;
			left:557px;
			width:420px;
		}
			#icos img {
				margin:0 20px 0 0;
			}
			#icos img.en {
				margin:0;
				background:url('../images/lang-s.gif') no-repeat 100% 0%;
				padding:0 21px 0 0;
			}
			#icos img.ru {
				margin:0;
			}
		#logo {
			display:block;
			width:287px;
			height:72px;
			float:left;
			background:url('../images/logo.gif') no-repeat 0% 0%;
		}
		#menu {
			float:left;
			height:42px;
			margin:30px 0 0 0;
		}
			#menu a {
				width:111px;
			}
			#menu a, #menu span {
				display:block;
				height:42px;
				float:left;
			}
			#menu span {
				width:1px;
				background:#ddf0fb;
			}
				#menu span.s {
					background:url('../images/menu/s.gif') no-repeat 0% 0%;
				}
				#menu span.sa {
					background:url('../images/menu/s-active.gif') no-repeat 0% 0%;
				}
			#mi-1 {
				background:url('../images/menu/1.gif') no-repeat 0% 0%;
			}
				#mi-1:hover {
					background:url('../images/menu/1-over.gif') no-repeat 0% 0%;
				}
				#mi-1.active {
					background:url('../images/menu/1-active.gif') no-repeat 0% 0%;
				}
			#mi-2 {
				background:url('../images/menu/2.gif') no-repeat 0% 0%;
			}
				#mi-2:hover {
					background:url('../images/menu/2-over.gif') no-repeat 0% 0%;
				}
				#mi-2.active {
					background:url('../images/menu/2-active.gif') no-repeat 0% 0%;
				}
			#mi-3 {
				background:url('../images/menu/3.gif') no-repeat 0% 0%;
			}
				#mi-3:hover {
					background:url('../images/menu/3-over.gif') no-repeat 0% 0%;
				}
				#mi-3.active {
					background:url('../images/menu/3-active.gif') no-repeat 0% 0%;
				}
			#mi-4 {
				background:url('../images/menu/4.gif') no-repeat 0% 0%;
			}
				#mi-4:hover {
					background:url('../images/menu/4-over.gif') no-repeat 0% 0%;
				}
				#mi-4.active {
					background:url('../images/menu/4-active.gif') no-repeat 0% 0%;
				}
			#mi-5 {
				background:url('../images/menu/5.gif') no-repeat 0% 0%;
			}
				#mi-5:hover {
					background:url('../images/menu/5-over.gif') no-repeat 0% 0%;
				}
				#mi-5.active {
					background:url('../images/menu/5-active.gif') no-repeat 0% 0%;
				}
			#mi-6 {
				background:url('../images/menu/6.gif') no-repeat 0% 0%;
			}
				#mi-6:hover {
					background:url('../images/menu/6-over.gif') no-repeat 0% 0%;
				}
				#mi-6.active {
					background:url('../images/menu/6-active.gif') no-repeat 0% 0%;
				}
	#flash {
		clear:both;
	}
	#search {
		background:url('../images/search-bg.gif') repeat-x 0% 0%;
		height:53px;
		border:10px solid #fff;
		border-top:0;
		margin:0 0 10px 0;
		padding:0 20px;
	}
		#search table {
			height:40px;
		}
			#search table tr td {
				height:45px;
				vertical-align:bottom;
				color:#cce3f1;
			}
				#search table tr td.vs {
					width:21px;
					background:url('../images/search-vs.gif') no-repeat 50% 10px;
				}
				#search table tr td img {
					margin-bottom:3px;
				}
	
	.block {
		background:#fff url('../images/block-bg.gif') repeat-x 0% 0%;
		border:10px solid #fff;
		padding:20px 20px 10px 20px;
		margin:0 0 10px 0;
	}
	
	
	
.title, h2 {
	padding:0 0 0 17px;
	background:url('../images/titles/bul.gif') no-repeat 0% 3px;
	display:inline;
}
h2 {
	text-transform:uppercase;
	color:#93c4eb;
	font-size:22px;
	background:url('../images/titles/bul.gif') no-repeat 0% 7px;
}
.title-plus {
	clear:both;
}
	.title-plus img {
		float:left;
	}
	.title-plus .more {
		float:right;
		padding:3px 0 0 0;
	}
.fixer {
	clear:both;
}
.cruise-item {
	vertical-align:top;
}
	.cruise-item span {
		color:#000;
	}
	.cruise-item a, a.arrow {
		padding:0 0 0 11px;
		background:url('../images/arrow.gif') no-repeat 0% 5px;
		font-weight:bold;
	}
	
.black, .date {
	color:#000;
}
.date {
	display:block;
	margin:10px 0 0 0;
}

.teplohod-item {
	vertical-align:top;
}
	.teplohod-item img {
		float:left;
		width:199px;
		height:95px;
		padding:7px 13px 9px 7px;
		background:url('../images/ramka-teplohod.gif') no-repeat 0% 0%;
		margin:0 12px 0 0;
	}
	.teplohod-item a {
		padding:0 0 0 11px;
		background:url('../images/arrow.gif') no-repeat 0% 5px;
		font-size:12px;
		font-weight:bold;
	}
	.teplohod-item a.noarrow {
		padding:0;
		background:none;
	}
	.teplohod-item p {
		font-size:12px;
	}

.hs {
	height:37px;
	background:url('../images/hs.gif') repeat-x 0% 50%;
}
.hs3 {
	height:9px;
	background:url('../images/hs.gif') repeat-x 0% 50%;
}
.vs {
	width:41px;
	background:url('../images/vs.gif') repeat-y 50% 0%;
}
.vs2 {
	width:41px;
	background:url('../images/vs2.gif') no-repeat 50% 0%;
	vertical-align:bottom;
	text-align:center;
}
.part-50 {
	vertical-align:top;
	width:429px;
}
.img1 {
	float:left;
	margin:0 10px 5px 0;
}


#footer {
	color:#193646;
	height:140px;
	padding:10px 0 0 0;
}
	#footer a {
		color:#1256a4;
	}
	#footer div.address {
		display:block;
		width:220px;
		float:left;
		margin:0 20px 0 0;
		height:140px;
	}
		#footer div.address table {
		}
			#footer div.address table tr td {
				vertical-align:top;
			}
	#footer img {
		margin:4px 3px 0 0;
	}
	#footer img.titlus {
		margin:0 0 7px 0;
	}
	
	#copyrights {
		float:right;
		text-align:right;
		color:#36434a;
		margin:20px 0 0 0;
	}
		#copyrights strong {
			color:#fff;
		}
		#copyrights img {
			vertical-align:middle;
		}
			#copyrights img#very-good {
				margin:0 10px 0 20px;
			}
		#copyrights div {
			margin:10px 0 0 0;
		}
		#copyrights a {
			text-decoration:none;
			color:#36434a;
		}
			#copyrights a#very {
				color:#1256a4;
				font-weight:bold;
			}
img.ramka {
	float:left;
	width:65px;
	height:65px;
	padding:8px;
	background:url('../images/ramka-65.gif') no-repeat 0% 0%;
	margin:0 12px 0 0;
}

#subscribe {
	width:402px;
	height:66px;
	background:url('../images/subscribe-bg.gif') no-repeat 0% 0%;
	padding:21px 0 0 21px;
	color:#7a7a7a;
}
	#subscribe form {
		margin:7px 0 0 0;
	}
		#subscribe .query {
			padding:0 6px;
		}
			#subscribe .query input {
				border:1px solid #b1b1b1;
				width:203px;
				padding:2px 0;
			}


.albumn,
.albumn-last {
	float:left;
	margin:0 15px 15px 0;
	position:relative;
	width:135px;
	/* border:1px solid red; */
	height:180px;
}
.albumn-last {
	margin:0 0 15px 0;
}
	.albumn img,
	.albumn-last img {
		width:121px;
		height:121px;
		padding:7px 9px 9px 7px;
		background:url('../images/ramka-gallery.gif') no-repeat 0% 0%;
		margin:0 0 5px 0;
	}
	.albumn a.a-title, .albumn span.a-title,
	.albumn-last a.a-title, .albumn-last span.a-title {
		padding:0 0 0 11px;
		background:url('../images/arrow-blue.gif') no-repeat 0% 5px;
		font-weight:bold;
	}
	.albumn span.a-title,
	.albumn-last span.a-title {
		font-weight:normal;
	}
	.albumn div,
	.albumn-last div {
		position:absolute;
		left:114px;
		top:114px;
		background:url('../images/increase.gif') no-repeat 0% 0%;
		width:16px;
		height:16px;
	}
	
.ramka-big {
	float:left;
	width:509px;
	height:222px;
	padding:7px 13px 9px 7px;
	background:url('../images/ramka-big.gif') no-repeat 0% 0%;
	margin:0 16px 0 0;
}

.cruisius {
	width:100%;
}
	.cruisius tr th {
		background:#0072b3;
		color:#fff;
		padding:5px 20px;
		border:1px solid #fff;
	}
		.cruisius tr th.al {
			text-align:left;
		}
	.cruisius tr td {
		padding:5px 20px;
		border:1px solid #e5e5e5;
	}

#years {
	background:url('../images/years-bg.gif') repeat-x 0% 0%;
}
	#years a {
		display:block;
		float:left;
		width:47px;
		height:23px;
		background:url('../images/years-off.gif') no-repeat 0% 0%;
		font-weight:bold;
		font-size:12px;
		padding:7px 0 0 20px;
	}
		#years a.active {
			background:url('../images/years-on.gif') no-repeat 0% 0%;
			color:#000;
			text-decoration:none;
		}
#cruises {
	border:1px solid #f1f5f5;
	border-top:0;
	padding:10px;
}
	#cruises div {
		display:none;
	}
		#cruises div div,
		#cruises div.active {
			display:block;
		}


h3 {
	color:#008ee0;
	font-size:11px;
}