@import "tab.webfx.css";
@import "table.css";
/*@import "left_menu.css";*/
@import "video.css";
@import "div.table.css";
@import "3dphoto.css";
@import "master.css";

/* common css */

body {
  margin:0;
  padding:0;
  height:auto !important;
  height:100%;
  min-height:100%;
  position: relative;
  background: #e8e8e7 url(/d/i/body-bg.gif) center 55px repeat-y;
}

html {
	height: 100%;
	}

body, td {
  font-family: "Georgia";
  font-size: 12px;
}

div.clear {
	clear: both;
}

table.main {
  width: 987px;
  overflow: hidden;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
  background: #fff;
  height: 100%;
}

table.main td h1 {
	font: 36px Georgia;
	font-weight: normal;
	color: #298463;
	margin: 0;
}

table.main td div.weather {
	color: #525252;
}

table.main td div.weather div {
}

table.main td {
  vertical-align: top;
}

td.nav {
  color: #807e7d;
}

td#top-image {
  height: 240px;
}

td.kazan {
	height: 230px;
}

td.inner {
  height: 95px !important;
}

.daylight {
  background: url(../i/daylight.jpg) left top no-repeat !important;
}

.night {
  background: url(../i/night.jpg) left top no-repeat !important;
}

td.logo {
  height: 63px;
}

h1.title {
	width: 310px; 
	height: 63px; 
	background-image: url(/d/i/app-title.gif); 
	text-indent: -9999px; 
}

td.logo table {
  width: 100%;
}

td.logo table td {
  text-align: center;
}

td.logo table img {
  border: none;
}

td.center img {
  border: none;
}

td.nav {
  height: 27px;
  background: #298463;
	}
    td.nav table {
    	border-right: solid 1px #fff;
    	}
		td.nav table td a {
			display: block;			
			background: #298463;
			color: #fff;
			padding: 6px 10px 6px 10px;
			text-decoration: none;
			border-left: solid 1px #fff;
			}
		td.nav table td a:hover {
			background: #dd1e17;
			}


html > body td.nav ul {
	display: table;
}

td.nav ul {
	display: inline;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	height: 28px;

}

html > body td.nav ul li {
	display: table-cell;
}

td.nav ul li {
	float: left;
	border-left: solid 1px #fff;
	line-height: 28px;
}

td.nav li a {
	float: left;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 10px 0 10px;
	cursor: pointer;
	background: #298463;
}

td.nav li a:hover {
	background: #da251d;
}

td.content {
  /*background: url(/d/i/menu-bg.gif) left 220px no-repeat;*/
  height: 100%;
}

td.content#inner {
	background: url(/d/i/menu-bg.gif) left 365px no-repeat;
}

td.content table.inner {
	margin-bottom: 50px;
}

td.content td.left-col {	
	width: 200px;
	padding: 0px 0px 0px 20px;
	}
	td.content td.left-col ul.calendar a{
		color: #525252;
		}


td.content td.right-col {
	width: 280px;
	font: 11px Verdana;
	background: url(/d/i/right-col-bg.gif) right bottom no-repeat;
	padding-right: 15px;
}



div.left {
	float: left;
}

div.right {
	float:  right;
}

h1#metshin {
	margin: 0px;
	background: url(/d/i/metshin-hd.gif) 216px bottom no-repeat;
}

div.greeting {
	background: #edeeee;
	border: solid 1px #d4d4d4;
	border-top: none;
	cursor: pointer;
	position: relative;

}

div.greeting span {
	display: block;
	padding: 105px 60px 10px 15px;
	background: url(/d/i/metshin.gif) left top no-repeat;
/*	cursor: pointer;*/
}

table.places {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.places td img {
	border: none !important;
	margin: 0px !important;
}

table.places td {
	/* border: solid 1px #edeeee; */
}

tr.menu {
	height: 27px;
	background: #edeeee;
}

tr.menu a, tr.menu a:visited {
	color: #525252;
	text-decoration: none;
}

tr.menu td {
	vertical-align: middle;
	color: #525252;
	cursor: pointer;
}

tr.menu td div {
	padding-left: 20px;
	z-index: -1;
}

div.hotels-list .places td div {
	padding: 0px 0px 0px 20px !important;
}

td.closed {
	background: url(/d/i/closed.gif) repeat-x top right;
	height: 30px;
}

td.closedNoArrow {
	/*background: #edeeee; */
	background: url(/d/i/noarrow.jpg) repeat-x scroll top left;
	height: 30px;
}

td.red{
	background: #dd1e17 !important;
}

td.open {
	color: #fff !important;
	background: #AEAEAE url(/d/i/open.gif) 200px 11px no-repeat;
}

td.open a {
	color: #fff !important;
}

td.openNoArrow {
	color: #fff !important;
	background: url(/d/i/noarrow_active.jpg) repeat-x scroll top left;
}

td.openNoArrow a {
	color: #fff !important;
}

ul.dropDown {
	position: absolute;	
	border-top: solid 1px #fff;
  	border-right: solid 1px #fff;
  	color: #fff;
  	list-style: none;
  	padding: 0px;
  	width: 215px;
	margin: 0px !important;
	margin-top: 5px !important;
	z-index: 999;
	}
	ul.dropDown .zindex{
		z-index: 999;
		}

html > body ul.dropDown {
	margin-top: 5px !important;
}

html > body ul.dropDown li, html > body ul.dropDown li a, html > body ul.dropDown li a:hover {
	height: auto;
}

ul.dropDown li {
	height: 15px;	
}

ul.dropDown li a {
	color: #fff !important;
	height: 15px;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 21px;
	background: #AEAEAE;
	border-bottom: solid 1px #fff;
}

ul.dropDown li a:hover {
	height: 15px;
	background: #DD1E17 !important;
	display: block;
	padding: 5px 0 5px 21px;
}

div.news-block {
	border: solid 1px #d4d4d4;
	padding: 10px;
	color: #525252;
	width: auto;
	}
	div.news-block .lead a{
		text-decoration: none;
		}
	div.news-block a{
		color: #525252;
		}

div.news-block span.title {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
}

div.news-block span.title a {
	color: #298463;
	text-decoration: none;
}

td.copyright {
	height: 150px;
	vertical-align: middle !important;
	font: 12px Verdana;
	padding-left: 235px;
	background: #eeeeee url(/d/i/kazan-gerb.jpg) 120px 50px no-repeat;
	}
	td.copyright div.c-text {
		float: left;
		}
		td.copyright div.c-text a {
			color: #000;
			text-decoration: none; 
			}
	td.copyright div#mailru-counter {
		float: right;
		margin-right: 10px;
		}
	td.copyright div#sp-counter {
		float: right;
		margin-right: 10px;
		}
div.breadcrumbs {
	color: #298463;
	margin-top: 25px;
	padding-left: 270px;
}

div.breadcrumbs a {
	color: #298463;
	text-decoration: none;
}

div.breadcrumbs h1#last {
	font-size: 36px;
	display: inline !important; 
}

div.hotels-list {
	background: #edeeee;
	width: 100%;
	/*margin-bottom: -3000px;
	padding-bottom: 3000px;*/
}

td.content h2 {
	color: #298463;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

div.hotels-list div.header {
	padding: 10px 0 10px 15px;
}

div.search {
	margin-top: 41px;
	margin-bottom: 10px;
	text-align: right;
	color: #298463;
	font-weight: 700;
}

div.search form {
	margin: 0px;
	padding: 0px;
}

div.search a {
	color: #298463;
	text-decoration: none;
}

div.hotels-list table div {
	padding: 4px 0px 4px 0px;
}

div.hotels-list table div.left {
	padding-left: 4px;
}

div.hotels-list table div.right {
	padding-right: 4px;
}

div.hotels-list table {
	border-collapse: collapse;
}

div.hotels-list table td {
	/*border: solid 1px #edeeee;*/
}

div.hotels-list table td a {
	text-decoration: none;
	color: #525252;
	display: block;
}

div.hotels-list table tr.links td{
	}
	div.hotels-list table tr.links td table{
		margin-bottom: 30px;
		}
div.hotels-list table tr.links td, div.hotels-list table tr.links div {
	cursor: pointer;
	color: #525252;
}

div.hotels-list table tr.links td {
	height: 15px;
}

div.hotels-list table .highlight{	
	background: #298463;
	}
	div.hotels-list table .highlight td{
		color: #fff !important;
		}
		
div.hotels-list .highlight table td {
	color: #fff !important;
}

/*ul.inner-page-menu, ul.inner-page-menu ul {
	list-style: none;
}

ul.inner-page-menu ul {
	margin-bottom: 10px;
}

ul.inner-page-menu li {
	font-weight: 700;
	background: none;
}

ul.inner-page-menu ul li {
	font-weight: normal;
}

ul.inner-page-menu a {
	text-decoration: none;
	color: #000 !important;
}

ul.inner-page-menu ul a {
	text-decoration: underline;
	color: #298463;
}*/

div.hotels-list h1 {
	color: #000 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

div.hotels-list h2 {
	color: #000 !important;
	font: 12px Georgia !important;
	font-weight: 700 !important;
	margin: 10px 0 10px 0;
}

div.cart {
	font: 12px Verdana;
	padding: 15px;
	}
	div.cart table td{
		font: 12px Verdana !important;
		}
	div.cart#no-padding {
		padding: 0px;
		background: #eeeeee; /*url(/d/i/cart-bg.gif) repeat-x left top;*/
		}
	div.cart div.hotel-desc {
		padding: 15px;
		}

div.slide-show {
	border: solid 1px #fff;
	width: 647px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

div.carousel {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	white-space: nowrap;
}

div.carousel img {
	border-right: solid 1px #fff;
}

img#slide {
	border: solid 1px #fff;
	border-top: none;
}

div.hotels-list a {
	color: #000;
}

span.cloudy {
	display: block;
	background: url(/d/i/cloudy.gif) 15px top no-repeat;
	padding-left: 45px;
	margin-bottom: 10px;
}

span.cloudy-snow {
	display: block;
	background: url(/d/i/cloudy-snow.gif) left top no-repeat;
	padding-left: 45px;
	margin-bottom: 10px;
}

div.cart#text-page {
	padding-right: 80px;
}

div.cart#text-page h1 {
	margin-bottom: 10px;
}

div.cart#text-page div.para {
	margin-bottom: 15px;
}

div.cart#text-page img {
	border: solid 1px #fff;
	margin-bottom: 5px;
}

html > body div.image-type-1 {
	margin: 16px 0 30px 30px;
}

div.image-type-1 {
	float: right;
	margin: 8px 0 30px 30px;
	font-weight: 700;
}

div.image-type-2 {
	font-weight: 700;
}

div.image-type-3 {
	float: right;
	margin: 8px 0 30px 30px;
	font-weight: 700;
}

img.image-type-4 {
	float: left;
	margin: 2px 20px 30px 0px;
	font-weight: 700;
}

div.my-bord-ex {
	background: url(/d/i/left-side-background.gif) center top no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
}

div.header-h {
	height: 118px;
	background: url(/d/i/0.gif) no-repeat center top;
}

/* PHOTOLENTA */
#motioncontainer {
	width: 647px;
	height: 110px;
	background: url("/d/i/lenta.gif") top left repeat-x;
	border: solid 1px #fff;
	border-top: none;
	border-left: none;
	border-right: none;
}

#motioncontainer img {
	border: solid 1px #fff;
	border-left: none;
}

#motiongallery {
	margin: 0 auto;
}

#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}

div.notice {
	font: bold 11px Tahoma;
	border: solid 1px #e2e2e2;
	padding: 10px;
	color: #298463;
	margin: 40px 0 30px 0;
}

div#auth {
	padding: 5px;
	font-family: Tahoma;
	font-size: 0.8em;
	}
	div#auth a{
		color: #525252;
		}

div#langs-switcher {
	margin: 0 auto;
	margin-top: 15px;
	margin-left: 95px;
	}
	#langs-switcher a {
		display: block;
		height: 10px;
		overflow: hidden;
		}
		#langs-switcher ul {
		    list-style: none;
			}
		#langs-switcher ul li {
			display: block;
			float: left;
			}
		#langs-switcher li#ru, #langs-switcher li#ru a {
			width: 43px;
			background-image: url(/d/i/ru.gif);
			}
		#langs-switcher li#ru_a, #langs-switcher li#ru_a a {
			width: 43px;
			background-image: url(/d/i/ru_a.gif);
			}

		#langs-switcher li#en, #langs-switcher li#en a {
			width: 40px;
			background-image: url(/d/i/en.gif);
			}
		#langs-switcher li#en_a, #langs-switcher li#en_a a {
			width: 40px;
			background-image: url(/d/i/en_a.gif);
			}


		#langs-switcher li#fr, #langs-switcher li#fr a {
			width: 46px;
			background-image: url(/d/i/fr.gif);
			}
		#langs-switcher li#fr_a, #langs-switcher li#fr_a a {
			width: 46px;
			background-image: url(/d/i/fr_a.gif);
			}

		#langs-switcher li#de, #langs-switcher li#de a {
			width: 42px;
			background-image: url(/d/i/de.gif);
			}
		#langs-switcher li#de_a, #langs-switcher li#de_a a {
			width: 42px;
			background-image: url(/d/i/de_a.gif);
			}

		#langs-switcher li#it, #langs-switcher li#it a {
			width: 42px;
			background-image: url(/d/i/it.gif);
			}
		#langs-switcher li#it_a, #langs-switcher li#it_a a {
			width: 42px;
			background-image: url(/d/i/it_a.gif);
			}

		#langs-switcher li#es, #langs-switcher li#es a {
			width: 39px;
			background-image: url(/d/i/es.gif);
			}
		#langs-switcher li#es_a, #langs-switcher li#es_a a {
			width: 39px;
			background-image: url(/d/i/es_a.gif);
			}

/* newsl list */
#news-list{
	}
	#news-list a{
		text-decoration: none;
		}
		/*#news-list a:hover{
			text-decoration: underline;
			}*/
		#news-list .title{
			color: #298463;
			font-weight: 700;
			}

/* search-results-ex */
#search-results-ex{
	}
	#search-results-ex a{
		text-decoration: none;
		}
		/*#search-results-ex a:hover{
			text-decoration: underline;
			}*/


.a {
	color: #ff0000;
	font-weight: bold;
}

.b-header {
	padding: 10px;
	border: 1px solid #797979;
	font-weight: bold;
	background-color: #aeaeae;
}

.b-block {
	padding: 10px;
	border: 1px solid #a5acb2;
}

/* datepicker div */
div.datepicker { margin-top: 10px; }
div.datepicker p { margin-top: 3px;}
div.datepicker label.period { float: left; width: 25px;}
div.datepicker input.period { width: 100px;}

/* datepicker pop-up */
.dpDiv {	}
/* the table (within the div) that holds the date picker calendar */
.dpTable {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	text-align: center;	
	color: #505050;	
	background-color: #ece9d8;	
	border: 1px solid #AAAAAA;	
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {	border: 1px solid #ece9d8;}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

table.list {border-collapse: collapse; width: 100%; margin: 5px;}
table.list td {border: 1px solid #000; padding: 3px;}
table.list td.cdate {border: 1px solid #000; width: 100px;}

/* autocleaner goes here */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}   
html .clearfix{
  zoom: 1;
}


	/* section help BOX */
	#sectionHelpBox{	
		border-left: solid 1px #b1b3b3;
		background: #fff;
		margin: 13px 0px 13px 0px;		
		text-decoration: italic;
		padding: 15px 15px 15px 30px;
		margin-right: -100px;
		}
		#sectionHelpBox div{
			font: italic 11px Arial;
			width: 600px;
			}
			
			
/* misc rules */
#programme-list{
	list-style: none;
	}
.no-right-paddings{
	padding-right: 0px !important;
	}