/* Content Styles */
p {
	color: #848484;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 15px 0;
	}
#content h1 {
	color: #000;
	font-size: 2.4em;
	font-weight: normal;
	}
#content h2 {
	color: #000;
	font-size: 2.2em;
	font-weight: normal;
}
#content h3 {
	color: #000;
	font-size: 1.6em;
	font-weight: normal;
}
#content h5 {
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8;
}


#content .box h2 {
	line-height:1;
}

#content .bluebox-top h3 {
	font-size: 2em;
	color:#FFFFFF;
	line-height: 1;
}


/* LISTS */
#content ul li {
	font-size: 1.2em;
}

#citymenu ul li {
	font-size: 1.4em;
	display: inline;
	float: left;
	padding: 0pt 7pt 0px 7px;
	color:#000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

li.new {
	background: transparent url(img/red_bg.gif) no-repeat scroll left 1px;
}

li.new a {
color: white;
background-image: none !important;
}

.cityobjects_box li {
	display: inline;
	float: left;
	width: 225px;
	padding: 4pt 5pt 4px 15px;
	line-height: 15px;
	font-size: 12px;
	color:#848484;
	background: transparent url(img/bullet-brown.png) no-repeat scroll left 8px;
}


.city p {
	padding-top: 8px;
}

.citytxt h3{
	clear: both;
	margin-top: 10px;
}

.citytxt ul {
	margin-bottom: 8px;
	display: block;
	clear: both;}
	
.citytxt ul li {
	padding: 4pt 5pt 4px 15px;
	line-height: 15px;
	font-size: 12px;
	color:#848484;
	background: transparent url(img/bullet-brown.png) no-repeat scroll left 8px;
}

.citytxt li li {
	list-style-type: circle;
	font-size: 11px !important;
	background: none;
	padding: 0px;
	margin-left: 15px;
}

.citytxt p.before_list {
	margin-bottom: 0px;
}
	
	

 .widelist li {
	width: 300px;
}


#categories ul {
	font-size:1.4em;
	font-weight:normal;
	color: #2E7BDA;
}


#categories li a{
	background-image: url(img/g.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 0px 0px 0px 25px;
	display:block;
	height: 1%;
}

.bluebox ul {
	font-size:1.4em;
	font-weight:normal;
	color: #666 !important; 
	line-height:26px;
}

.bluebox ul strong{
	color:#000;
}

/* SIDEBAR BOXES */
.box {
	float: left;
	background: url(img/box-bg-974.gif) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 974px;
}

.box-top {
	float: left;
	background: url(img/box-top-974.gif) no-repeat 0 0;
	width: 974px;
	height: 15px;
	overflow: hidden;
	margin: 0;
}

.box-bottom {
	float: left;
	background: url(img/box-bottom-974.gif) no-repeat 0 bottom;
	width: 944px;
	overflow: hidden;
	padding: 0 15px 16px 15px;
}

.sidebar .box {
	float: left;
	background: url(img/box-bg-205.gif) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 205px;
}

.sidebar .box-top {
	float: left;
	background: url(img/box-top-205.gif) no-repeat 0 0;
	width: 205px;
	height: 15px;
	overflow: hidden;
	margin: 0;
}

.sidebar .box-top-twi {
	float: left;
	background: url(img/box-top-205-twi.gif) no-repeat 0 0;
	width: 205px;
	height: 65px;
	overflow: hidden;
	margin: 0;
}

.sidebar .box-bottom {
	float: left;
	background: url(img/box-bottom-205.gif) no-repeat 0 bottom;
	width: 175px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
}

.wrapper .onecol .box {
	float: left;
	background: url(img/box-bg-754.gif) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 754px;
}

.wrapper .onecol .box-top {
	float: left;
	background: url(img/box-top-754.gif) no-repeat 0 0;
	width: 754px;
	height: 15px;
	overflow: hidden;
	margin: 0;
}

.wrapper .onecol .box-bottom {
	float: left;
	background: url(img/box-bottom-754.gif) no-repeat 0 bottom;
	width: 722px;
	overflow: hidden;
	padding: 0 16px 15px 16px;
}

.sidebar .bluebox {
	float: left;
	background: url(img/bluebox-bg-205.gif) repeat-y 0 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 205px;
}

.sidebar .bluebox-top {
	float: left;
	background: url(img/bluebox-top-205.gif) no-repeat 0 0;
	width: 185px;
	height: 35px;
	overflow: hidden;
	margin: 0;
	padding: 8px 10px 0 10px;
}

.sidebar .bluebox-bottom {
	float: left;
	background: url(img/bluebox-bottom-205.gif) no-repeat 0 bottom;
	width: 175px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
}

#cardboard{
	background-color: #FFFDF0;
	border: 1px solid #EDEAD0;
	padding:15px;
	margin:5px 17px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 6px;
	color: #7A7260;
	font-size: 1.1em;
	width:175px;
	float:left;
}

#cardboard strong {color:#343431;}
#cardboard img {
	background-color: #FFF;
	padding: 4px;
	margin-bottom:5px;
	width:165px;
	border-right: 1px solid #e5e2c8;
	border-bottom: 1px solid #e5e2c8;
	border-top: 1px solid #F4F1D6;
	border-left: 1px solid #F4F1D6;
}

#distlist a{ font-size:12px;}
/* END OF SIDEBAR BOXES */

.citybox {
	margin-top: 22px;
	float:left;
	position:relative;
	width: 735px;
	padding-right: 20px;
}

.citypanoram {
	width:974px;
	float:left;
	margin-bottom:10px;
}

.citypanoram img { padding:4px;
border: 1px solid #ddd;
}

.cityheader {
	height:27px;
	float:left;
	margin: 7px 0 16px 0;
	/*position: relative;*/
	width: 974px;
}

#citymenu {
	padding: 6px 0 0 20px;
	display:block;
	float:left;
	width: 500px;
	font-weight: normal;
	font-family: Helvetica, Arial;
	line-height: 1.2;
}


.citytxt {
	/*font-family: Helvetica, Arial;
	font-size:12px;
	color:#848484;
	line-height: 1.7pt;*/
	clear: left;
}

.citytxt p {
	/*padding-bottom:12px;
	text-indent: 22px;
	line-height:19px;*/
}

#citytxt2 {
	display:none;
}

.pointhead {
	float:right;
	font-size:12px;
}

.citypic {
	margin: 3px 14px 2px 0;
	float:left;
	border:4px solid #EAEAEA;
}

.citypic_r {
	margin: 3px 0px 2px 14px;
	float:right;
	border:4px solid #EAEAEA;
}

.cityobjects_box {
	float:left;
	padding: 0px 0px 15px 0px;
	width:100%;
	margin-top:14px;
}


 #content .cityobjects_box h2{
	font-size: 16px;
	font-family: Helvetica, Arial;
	font-weight:normal;
	margin-top: 5px;
	color: #000000;	
	border-bottom:1px solid #EAEAEA;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}


#map_canvas, #YMapsID {
	border:#CCCCCC solid 1px;
	background-color: #EFEFEF;
	width:942px;
	height:350px;
}

.fotoframe {
	padding: 0px;
/*	height:200px;*/
}
.fotoframe div {
	padding: 0px;
	float:left;
	margin:0px;
}

.fotoframe img {
	width:70px;
	margin:6px;
	border:4px solid #EAEAEA;
}


.textmenu {
	font-size:12px;
	position: absolute;
	top: 25px;
	right: 0px;
	background-color: #F8F8F8;
	width: 225px;
}

.textmenu a {
	display: box;
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 3px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEEEEE;
}

.tabs {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEEEEE;
	border-left-color: #EEEEEE;
	height: 18px;
}

.resortname {
	color:#000000;
	font-size: 24px;
	font-weight: normal;
	font-family: Helvetica, Arial,  sans-serif;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:10px;
	padding-bottom:4px;
}

.resortadress {
	color:#333333;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 2px;
	margin-bottom:22px;
	line-height: 19px;
}


.resortfotoframe {
	float: left;
	width: 140px;
	height:100px;
	clear: left;
	padding:4px;
	margin:2px 14px 0 0;
	background-color:#EAEAEA;
}

.resortfoto {
	width: 140px;
	height: 100px;
	overflow:hidden;
	margin-bottom:2px;
	position:relative;
	top: -16px;
}

.resortfoto.vip {overflow: visible;}

.resortfoto img {
	clear:both;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
.zoomer {
	background:url(img/zoom.gif) no-repeat 0 0;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index:3;
	}
	
#popImage {
	position: absolute;
	padding: 2px;
	border: 1px solid #D1D1D1;
	font-size: 10px;
	background-color: #F4F4F4;
}

/* video page grid */

ul#videogrid { 
	float: left; 
	list-style: none; 
	margin-left: 0; 
	width: 750px;
}
ul#videogrid li { 
	/*border: 1px solid #dedede; */
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 228px;
	height:165px;
}

ul#videogrid a { display: block; width: 100%; }
ul#videogrid a:hover { text-decoration: none; }
ul#videogrid img { border: 1px solid #dedede; display: block; }

#rutube {
	position:absolute;
	_position:absolute; /* hack for internet explorer 6*/
	height:421px;
	width:514px;
	background-repeat: no-repeat;
	z-index:4;
	
}

#rutube_top {
	position:absolute;
	height: 15px;
	width: 514px;
	background-image: url(img/rutube_top.png);
}

#rutube_r {
	position:absolute;
	height: 360px;
	width: 17px;
	background-image: url(img/rutube_r.png);
	top:15px;
	right:0px;
}

#rutube_bot {
	position:absolute;
	height: 46px;
	width: 514px;
	background-image: url(img/rutube_bot.png);
	bottom:0px;
	left:0px;
}

#rutube_l {
	position:absolute;
	height: 360px;
	width: 17px;
	background-image: url(img/rutube_l.png);
	top:15px;
	left:0px;
}

#rutube_video{
	position:absolute;
	height: 360px;
	width: 480px;
	top:15px;
	left:17px;
	background-color:#FFF;
	background-image:url(img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#rutubeclose{
	width:74px;
	height:28px;
	right:19px;
	bottom:13px;
	position:absolute;
	display:block;
	cursor: pointer;
	z-index:5;
}

#pageing{
	font-size: 12px;
	color: black;
}

#pageing span{
	font-size: 16px;
	margin-right: 10px;
}

#pageing strong {
	background:#000 none repeat scroll 0 0;
	color:white;
	padding:4px 8px;
	}

#pageing a{
	background:#5e9cde none repeat scroll 0 0;
	color: white;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;}

#filtrbox{ height: 450px; overflow-y: scroll; display: block;clear: both;}

.virtur {display: block; width: 100%;clear: both; height: 150px;}

.filtr{
	height: 150px;
	width: 252px;
	font-size: 1.2em;
	line-height: 15px;
	display: inline;
	float: left;
	padding: 4px 65px 0px 0px}
	
#filtr-nav { margin: 10px 0 25px 0; font-size: 1.5em; color: black;}
#filtr-nav a { padding: 2px 6px; border: 1px solid #4383CE; cursor: pointer;}
#filtr-nav a:hover, #filtr-nav a.current { background: #4383CE; color: white; }

#vipfoto {width:723px;overflow:hidden;padding-top: 16px; clear: both;}
#vipfoto img{border:none; margin: 0}
#vipfoto a{border: none;}

#vipreel {
	height: 120px;
	overflow: hidden;
	}
	
#vipreel img {padding-right: 1px; padding-left: 2px; border: 0px;}

#largeswf {
	width: 503px;
	height: 300px;
	float: left;
	}
	
#vipswfmenu {
	width: 210px;
	height: 300px;
	float: right;
}

#vipswfmenu li {
	display: inline;
	float: left;
	width: 200px;
	padding: 4pt 5pt 4px 10px;
	line-height: 13px;
	font-size: 11px;
	color:#848484;
	background: transparent url(img/bullet-brown.png) no-repeat scroll left 8px;}

#panoshema {
	height: 449px;
	background-image: url(img/zarjashema.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 754px;
	float: left;
}

.shemalable {
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: #82cc01;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0px -3px 5px #bbb;
	-webkit-box-shadow: 0px -3px 5px #bbb;
	box-shadow: 0px -3px 5px #bbb;
}

.shemalable.lable1 {	position: absolute;top: 260px;left: 520px;}
.shemalable.lable2 {	position: absolute;top: 120px;left: 525px;}
.shemalable.lable3 {	position: absolute;top: 160px;left: 525px;}
.shemalable.lable4 {	position: absolute;top: 160px;left: 560px;}
.shemalable.lable5 {	position: absolute;top: 120px;left: 560px;}
.shemalable.lable6 {	position: absolute;top: 390px;left: 50px;}
.shemalable.lable7 {	position: absolute;top: 165px;left: 340px;}


.shemalable a {
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	display: block;
	margin: 0px auto;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
}

.arrow-down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #82cc01;
        position: relative;
        top: -4px;
        left: 6px;
}