@charset "utf-8";
/* CSS Document */
body { background:url(/img/bg.jpg); margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#646464;}
p { line-height:18px;}
a { color:#253036;}
h1 { background:url(/img/h1-bg.jpg) no-repeat top left; line-height:42px; font-size:24px; font-weight:bold; color:#000; padding:0px 0px 0px 40px; margin:0px 0px 0px -40px; font-family:Georgia; font-style:italic}
h1 span { font-size:46px;}
h1 span sup{ font-size:16px;}
h2 { font-size:18px; color:#000;font-weight:normal}
h3 { font-size:18px; font-weight:normal; margin:0px 0px 5px 0px}
label { display:block}
input { background:url(/img/input.jpg) no-repeat; width:227px; height:21px; border:0; padding:5px}
textarea { background:url(/img/textfield.jpg) no-repeat; width:524px; height:119px; border:0;padding:5px}

.site { width:980px; margin:auto; margin-top:0px;}
.head { background:url(/img/head1.jpg) no-repeat top center; height:255px; width:100%; margin:auto; margin-top:0;}
.logo { width:292px; float:left; height:62px;margin:20px 0px 0px 0px;}
.logo a { text-decoration:none}
.logo h1 { background:none; color:#FFF;  text-shadow: 1px 1px 1px #000;}
.menu { 
/*background:url(/img/menu-bg.jpg) no-repeat top center; 
*/
width:660px; height:60px; padding:0px; margin:10px 0px 0px 0px; float:right;}
.menu ul { list-style-type:none;  padding:0px 0px 0px 0px; width:660px;}
.menu ul li { float:left; display:inline; margin:0px 8px 0px 8px}
.english ul li {margin:0px 10px 0px 10px}
.menu ul li a { color:#FFF; text-decoration:none; font-size:15px; line-height:33px; text-transform:lowercase;padding:0px 10px 0px 0px}
.menu ul li.active { background:url(/img/menu-active-sprite.png) no-repeat bottom right; height:36px;padding:0px 10px 0px 0px }
.menu ul li.active a { background:url(/img/menu-active-sprite.png) no-repeat 0px 0px;line-height:33px; display:block; height:36px; padding:0px 0px 0px 10px; overflow:hidden;}
.container { background:url(/img/top-content3.png) no-repeat bottom center; width:100%; }
.content-head { background:url(/img/content-head2.jpg) no-repeat top center;  width:100%; height:315px; display:block;  margin:-2px 0px 0px 0px; }
.slider { background:url(/img/slider-bg2.jpg) no-repeat; width:560px; height:245px; float: right; padding:27px 0px 0px 21px; margin:40px 20px 0px 0px;}

.content-head2 { background:url(/img/content-head2.jpg) no-repeat top center;  width:100%; height:310px; display:block;  margin:-2px 0px 0px 0px;}
.content-head2 .site { width:910px; padding:70px 0px 0px 70px;}
.content { background:url(/img/content-mainbg.jpg) repeat-y top center; width:1007px; height:auto; margin:auto; overflow:hidden;}
.content2 {background:url(/img/content-mainbg.jpg) repeat-y top center; width:100%; height:auto; margin:auto; overflow:hidden; position:absolute; top:395px;}


.inner { width:870px;margin:0px 0px 0px 65px; float:left; height:auto; overflow:hidden; position:relative; display:block;}
.left { width:282px; float:left;margin:60px 0px 0px 60px;}
.contact { background:url(/img/contactbg.jpg) no-repeat bottom; width:280px; height:230px; float:left;}
p.phoneicon { background:url(/img/phoneicon.jpg) no-repeat left center; height:30px; line-height:30px; font-size:24px; color:#000; padding:0px 0px 0px 30px; margin-left:20px;}
p.phoneicon sup { font-size:14px;}
p.emailicon { background:url(/img/emailicon.jpg) no-repeat left center; height:30px; line-height:30px; font-size:19px; color:#000; padding:0px 0px 0px 30px;margin-left:20px;}
p.emailicon a { color:#253036;}
p.skypeicon { background:url(/img/skypeicon.jpg) no-repeat left center; height:30px; line-height:30px; font-size:19px; color:#000; padding:0px 0px 0px 30px;margin-left:20px;}
.left h2 { background:url(/img/h2-bg.png) no-repeat top center; width:281px; height:63px; margin:-5px 0px 0px 0px; text-align:center; color:#FFF; text-transform:uppercase; font-weight:normal; font-size:30px; padding:6px 0px 0px 0px; text-shadow: 1px 1px 1px #000;}
.leftside-top { background:url(/img/left-top.jpg); width:282px; height:47px; float:left;}
.leftside { background:url(/img/leftside.jpg); width:282px; float:left; padding-bottom:10px; }
.leftside-bottom { background:url(/img/leftside-bottom.jpg); width:282px; height:4px; float:left;}
.footer { background:url(/img/footer-top.jpg) repeat-y top center; width:1007px; height:99px;margin:auto; position: relative; overflow:hidden; bottom:0px;}
.footer ul { list-style-type:none; margin:60px 0px 0px 0px; padding:0; width:63%; float:right; color:white}
.footer ul li { display:inline; float:left; margin-left:5px;}
.footer ul li a {color:white; display:block; margin-right:5px; float:left;}
.footer-bottom { background:url(/img/footer-bottom.jpg) no-repeat top center; width:1007px; height:170px; margin:auto; }
.footer-bottom p.footer1 { width:30%; float:left; color:white; font-size:11px; margin:95px 0px 0px 30px;}
.footer-bottom p.footer1 a {color:white;}
.footer-bottom p.footer2 { width:33%; float:left; color:white; font-size:11px; margin:50px 0px 0px 100px; line-height:12px;}
.footer-bottom p.footer2 a {color:white;}
.footer-bottom p.footer3 { width:15%; float:right; color:white; font-size:11px; margin:130px 0px 0px 0px;}
.footer-bottom p.footer3 a {color:white;}
.footer p {  margin:auto; padding:70px 0px 0px 0px; text-align:center; font-size:10px; color:#CCC}
.footer p a { color:#333}
.newsitem { width:235px; margin:20px 0px 10px 20px; float:left;}
.date { width:100%; float:left; color:#939393; font-size:10px;}
a.readmore, a.bron2 { background:url(/img/readmore-bg.png) no-repeat top left; padding:0px 0px 0px 0px; height:36px; float:left; display:block; color:#FFF; text-decoration:none}
a.readmore span, a.bron2 span { background:url(/img/readmore-bg-span.png) no-repeat top right; width:12px; height:28px; margin:0px 0px 0px 0px; padding:8px 10px 0px 25px; display:block; width:auto;}
a.adv { background:url(/img/adv.jpg) no-repeat; width:278px; height:82px; float:left; display:block; margin:10px 0px 10px 0px; text-decoration:none;}
.adv h2 { background:none; font-size:25px; padding:32px 0px 0px 55px; text-align:left;}

.right { width:540px; float:right; margin:0px 70px 0px 30px;}
.right2 { width:530px; float:right; margin:0px 70px 0px 30px;}
.right p, .right ul, .right2 p, .right2 ul { line-height:20px;}
.right ul, .right2 ul { list-style-image:url(/img/sidebar-bullet.png); margin:0px 0px 0px 0px; padding:0px 0px 0px 20px}
.right ul li, .right2 ul li { margin:5px 0px 5px 0px}
h2.orange {background:url(/img/orange.jpg) no-repeat top center; margin-bottom:-10px;}
.vstavka { width:960px; margin:auto;}
.phone { width:40%; font-size:20px; color:#FFF;  text-shadow: 1px 1px 1px #000; margin:50px 0px 0px 20px; background:url(/img/phone.png) no-repeat; height:52px; padding:0px 0px 0px 60px; line-height:52px; float:left;  }
.block { width:60%; float:right; margin:-40px 0px 0px 0px; color:#FFF;}
.thirt-l { width:31%; float:left; font-size:14px;}
.thirt-m {width:31%; float:left; margin:0px 3% 0px 3%; font-size:14px;}
.thirt-r { width:31%; float:right; font-size:14px;}
.lang { width:100px; margin:0px 0px 0px 0px; float:right; height:18px; }
.lang a { background:url(/img/eng.png) no-repeat; height:18px; width:100px; display:block; padding:0px 0px 0px 22px; color:#aeaeae;  text-shadow: 1px 1px 1px #000; text-decoration:none; margin:5px 0px 0px 0px; line-height:18px;}

.rus { width:100px; margin:0px 0px 0px 0px; float:right; height:18px; }
.rus a { background:url(/img/rus.png) no-repeat; height:18px; width:100px; display:block; padding:0px 0px 0px 22px; color:#aeaeae;  text-shadow: 1px 1px 1px #000; text-decoration:none; margin:5px 0px 0px 0px; line-height:18px;}

#main { width:960px; margin:auto; }
#main ul.nav {
	width:960px; height:40px; margin:auto; 
	position: relative; overflow:hidden;
	top:200px; left:0;
}
ul.nav li {
	width:31px;
	height:32px;
	
	background-repeat:no-repeat;
	float:left;
}
.nav li {
	text-decoration:none;
	list-style-type:none;
}
.ui-tabs-hide {
		display: none;
}
#one, #two, #three { margin-top:-44px;}

.leftcolumn { width:250px; margin-right:20px; float:left;}
.rightcolumn { width:550px; float:right;}
.half { width:50%; float:left}
.news { width:1005; float:left; margin-bottom:20px;}
.news img, .icon img { background:url(/img/icon-bg.jpg) no-repeat; width:121px; padding:10px;}
.allnews { width:90%; float:left; text-align:right;}
.icon { float:left; width:150px; margin-top:20px;}
.cont { float:right; width:670px; margin-top:10px;}
.form { width:100%; float:left;}
.form2 { width:560px; float:left; margin-left:130px;}
.formleft { width:48%; float:left; margin-right:2%}
.formright { width:48%; float:right; margin-left:2%}
.comments { width:100%; float:left;}
.submit { background:url(/img/submit.jpg); width:101px; height:36px; line-height:36px; color:#FFF; padding:0px 0px 0px 12px; cursor:pointer; margin:0px 0px 0px 30%}


.submit_b { background:url(/img/payment.jpg); width:278px; height:94px; cursor:pointer;margin-top:10px; }
.submit_b-eng { background:url(/img/payment-eng.jpg); width:278px; height:94px; cursor:pointer;margin-top:10px; }
.form3 { width:243px; height:588px; float:left; background:url(/img/form3.jpg) no-repeat; padding:70px 20px 10px 20px;}
.form3-eng { width:243px; height:588px; float:left; background:url(/img/form3-eng.jpg) no-repeat; padding:70px 20px 10px 20px;}
.formline { width:100%; float:left;}
.formline label { width:100%; float:left;}
.formline input, .formline textarea { width:100%; float:left;}
.formline textarea { width:237px; height:129px; float:left; background:url(/img/comments2.jpg) no-repeat;}
a.novinsky {width:282px; height:69px; float:left; display:block; background:url(/img/novinsky.jpg) no-repeat; margin:0px 0px 10px 0px}
a.kakovinsky {width:282px; height:69px; float:left; display:block; background:url(/img/kakovinsky.jpg) no-repeat; margin:0px 0px 10px 0px}
a.novinsky-eng {width:282px; height:69px; float:left; display:block; background:url(/img/novinsky-eng.jpg) no-repeat; margin:0px 0px 10px 0px}
a.kakovinsky-eng {width:282px; height:69px; float:left; display:block; background:url(/img/kakovinsky-eng.jpg) no-repeat; margin:0px 0px 10px 0px}
a.krokus {width:282px; height:69px; float:left; display:block; background:url(/img/myakinino.jpg) no-repeat; margin:0px 0px 10px 0px}
a.krokus-eng {width:282px; height:69px; float:left; display:block; background:url(/img/myakinino-eng.jpg) no-repeat; margin:0px 0px 10px 0px}
.room { width:100%; float:left;}
.room-img { width:33%; float:left;}
.room-desc { width:62%; float:right;}
table.table td { background:#e2e2e2;}
table.table td p{ margin:0; padding:0;}
.halfs { width:100%; float:left;}
.half-l { width:45%; margin-right:5%; float:left;}
ol li {line-height:18px; margin:0px 0px 10px 0px;}
.half-r { width:45%; margin-left:5%; float:right;}
.metro { width:700px; float:left; background:url(/img/logo_metro.jpg) no-repeat left top; padding:0px 0px 0px 120px; }
.airport { width:700px; float:left; background:url(/img/air_plane_airport.jpg) no-repeat left top; padding:0px 0px 0px 120px; }
.train { width:700px; float:left; background:url(/img/train.jpg) no-repeat left top; padding:0px 0px 0px 120px; }
.line { width:330px; float:left; margin:0px 10px 0px 0px; height:350px}
.line2 { width:330px; float:right; margin:0px 0px 0px 0px; height:350px}
.lineblock { width:100%; float:left; margin-bottom:20px;}
.slink { cursor:pointer;}
/*TABS*/
.section {
	width: 870px;
	
	
}
ul.tabs {
	height: 36px;
	
	list-style: none;
	
	font-size:16px;
	width:870px; float:left; margin:20px 0px 20px 0px; padding:0;
	
}
.tabs li {
	width:278px;
	border-radius:8px; -moz-border-radius:8px;-webkit-border-radius:8px;
	text-align:center;
	float: left;
	display: inline;
	padding: 5px;
	color: #556b51;
	cursor: pointer;
	
	
	position: relative;
}
.tabs li span{border-bottom:1px dotted #556b51;}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #000;
	
	
}
.tabs li.current {
	color: #000;
	border:1px dotted #666666;
	
	
}
.tabs li.current span, .tabs li:hover span { border:none;}
.box {
	display: none;
	

	padding: 0 12px;
}
.box.visible {
	display: block;
}

.section.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}