body
{
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	background-color: #011d33;
	color: #cccccc;
}

a img
{
	border: none;
}

.blacktext,
.blacktext:hover,
.blacktext:active,
.blacktext:visited,
.blacktext a,
.blacktext a:hover,
.blacktext a:visited,
.blacktext a:active
{
	color: #000;
}

.whitetext,
.whitetext:hover,
.whitetext:active,
.whitetext:visited,
.whitetext a,
.whitetext a:hover,
.whitetext a:visited,
.whitetext a:active
{
	color: #fff;
}

.graytext,
.graytext:hover,
.graytext:active,
.graytext:visited,
.graytext a,
.graytext a:hover,
.graytext a:visited,
.graytext a:active
{
	color: #666666 !important;
}

.goldtext,
.goldtext:active,
.goldtext:visited,
.goldtext a,
.goldtext a:visited,
.goldtext a:active
{
	color: #f3c170 !important;
}

/*
.goldtext:hover,
.goldtext a:hover
{
	color: #ff9999 !important;
}
*/

.bluetext,
.bluetext:hover,
.bluetext:active,
.bluetext:visited,
.bluetext a,
.bluetext a:hover,
.bluetext a:visited,
.bluetext a:active
{
	color: #99ccff;
}

.colwidth
{
	margin-left: auto;
	margin-right: auto;
	min-width: 1100px;
    width: 1100px;
}

/*
.colwidth1
{
	margin-left: 5%;
	margin-right: 5%;
	min-width: 1100px;
}
*/

.colwidth_index
{
	margin-left: auto;
	margin-right: auto;
	padding-right: 400px;
	width: 600px;
}

#topheader
{
	min-width: 1200px;
	width: expression((document.documentElement.clientWidth < 1100) ? "1200px" : "100%");
	margin-left: auto;
	margin-right: auto;	
}

#flashheader_swf
{
	
	min-width: 1200px;	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#topheader.topheader_index
{
	background: #011d33 url("/img/collage.jpg") no-repeat 50% 0;	
	height: 690px;
}

.body_inner
{
	background: #011d33 url("/img/innerbgr.jpg") no-repeat 0 0;	
}

#topheader.topheader_innner
{
	height: 200px;	
}

#topheader #head_index
{
	padding-top: 80px;
}

#topheader #head_inner
{
	padding-top: 60px;
}

#topheader .logo
{
	float: left;
}

#topheader #rightbar
{
	float: right;
	text-align: right;
}

/* языки */

#topheader .lang
{
	margin-right: -10px;
}

#topheader .lang a
{
	margin: 10px;
}

/* меню */

.topmenu
{
	margin-top: 10px;	
	font-size: 12px;
}

.topmenu ul
{
	float: right;
	list-style-type: none;
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
}

.topmenu li
{
	float: left;
	margin-left: 10px;
	list-style-type: none;
}

.topmenu lu.menu1 li
{
	color: #fff;
}

.topmenu ul.menu1 li a,
.topmenu ul.menu1 li a:hover,
.topmenu ul.menu1 li a:visited,
.topmenu ul.menu1 li a:active
{
	color: #fff;
}

.topmenu ul.menu2 li
{
	float: left;
	margin-left: 10px;
	color: #99ccff;
}

.topmenu ul.menu2 li a,
.topmenu ul.menu2 li a:hover,
.topmenu ul.menu2 li a:visited,
.topmenu ul.menu2 li a:active
{
	color: #99ccff;
}

#topheader .lang a,
#topheader .lang a:hover,
#topheader .lang a:visited,
#topheader .lang a:active
{
	color: #f3c170;
}

/* верхняя панорама */

.headpano
{
	clear: both;
	background-position: 50% 0;
	background-repeat: repeat-x;
	width: expression((document.documentElement.clientWidth < 1100) ? "1220px" : "100%");
	height:460px;
}

/* контент */

#pagecontent
{
	clear: both;
	vertical-align: top;
	margin: 39px auto 0 auto;
}

#pageheader
{
	clear: left;
	color: #fff;
	margin-bottom: 40px;
}

#pageheader .head
{
	padding-left: 160px;
	padding-top: 5px;
	font-size: 28px;	
}

#pageheader .infotip
{
    margin-top: 20px;
    font-size: 14px;
}

#pageheader .spacer
{
	margin-left: 30px;
}

#pageheader a
{
	font-size: 12px;
	margin-right: 13px;
}

#pageheader .link
{
	font-size: 12px;
	margin-left: 30px;
}

#pageheader .tip
{
	padding-left: 160px;
	margin-top: 10px;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

#pageheader .leftimage
{
	float: left;
	position: absolute;
	margin-right: 36px;
}

#pageheader .innertable
{
	padding-left: 75px;	
	margin-top: 40px;
	line-height: 18px;
}

.innertable .price
{
	margin-top: 22px;
	font-size: 18px;
	padding-bottom: 2px;	
}

.floatright
{
	float: right;
}

.showpano
{
}

.showpano img
{
	float: left;
	margin-right: 15px;
}

.showpano .text
{
	font-size: 16px;
	text-decoration: underline;
	margin-bottom: 4px;
}

.innertext
{
	padding-left: 160px;
	line-height: 18px;
}

.innertext2
{
	padding-left: 160px;
	line-height: 18px;	
}

.margin40
{
	padding-top: 40px;
	padding-bottom: 40px;
}

.margin20top
{
	margin-top: 20px;	
}

.margin40top
{
	margin-top: 40px;
    clear: both;
}

.margin60bottom
{
	padding-bottom: 40px;
}

.margin80left
{
	padding-left: 180px;
}

.margin80bottom
{
	padding-bottom: 80px;
}

.margin5top
{
	margin-top: 5px;
}

.width730
{
	width: 730px;
}

.width1020
{
	margin-left: 160px;
}

.font14
{
	font-size: 14px;
}

/* фоты */

.clear
{
    clear: both;
}

.imghide
{
    overflow: hidden;
    width: 0px;
    height: 0px;
    visibility:hidden;
}

.imgbox:before
{
    line-height: 0px;
    content: url("/img/b/img_tl.png");
    background: url(/img/b/img_tr.png) no-repeat 100% 0px;    
    height: 8px;
    display: block;
    margin: 0px -8px 0px -8px;
}

.imgbox
{
    float: left;    
    line-height: 1px;
    margin: 0px 12px 12px 0px;
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    height: 100%;
}

.imgbox .imgline
{
    height: 105px;
}

.imgbox .imgindex
{
    height: 100%;
}

.imgbox:after
{
    line-height: 0px;
    height: 8px;    
    content:url(/img/b/img_bl.png);
    background: #fff url(/img/b/img_br.png) no-repeat 100% 0px;
    display: block;
    margin: 0 -8px 0 -8px;
    clear: both;    
}

/* ссылки бронирования */

.info_index
{
	clear: left;
	padding-left: 159px;
	height: 40px;
	margin-bottom: 40px;
}

.fotolink
{
	padding-left: 27px;
	padding-bottom: 5px;
	background: url(/img/fotopic.png) no-repeat 2px 0;
    line-height: 22px;
}

.panolink
{
	padding-left: 25px;
	padding-bottom: 5px;	
	background: url(/img/panopic.png) no-repeat 2px 0;
	height: 25px;
}

/* плашка бронирования */

.order_index
{
	clear: left;
	padding-left: 151px;
	padding-bottom: 30px;
}

.order_index img
{
	float: left;
	padding-right: 14px;	
}

.order_index .text
{
	width: 290px;
	padding-top: 9px;
	line-height: 18px;
}

.order_index a
{
	font-size: 16px;
}

.order_inner
{
	clear: left;
	margin-top: 25px;
}

.order_inner img
{
	float: left;
	margin-left: -1px;
	padding-right: 14px;	
}

.order_inner .text
{
	width: 290px;
	padding-top: 1px;
	line-height: 18px;
}

.order_inner a
{
	font-size: 16px;
}

#events
{
	margin-left: auto;
	margin-right: auto;
}

#events .event
{
	width: 340px;
	float: left;
	background: #031c30 url(/img/event_top.png) no-repeat 0 0;
	margin-bottom: 15px;
}

#events .event img
{
	float: left;
	margin: 20px;
	border: 1px solid #fff;
}

#events .event .head
{
	margin-top: 16px;
	padding-left: 145px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

#events .event .date
{
	margin-top: 1px;
	margin-bottom: 10px;
	padding-left: 145px;
	color: #666666;	
}

#events .event .body
{
	padding-left: 145px;	
	padding-right: 15px;
	line-height: 16px;	
}

#events .event .more
{
	margin-top: 10px;
	padding-left: 145px;
	padding-top: 5px;
	height: 25px;
	background: #031c30 url(/img/event_bottom.png) no-repeat 0 0;
}

#events .events_link
{
	clear: left;
	padding: 20px 0 40px 0;
}

/* копирайты */

#copyright
{
	clear: both;
	color: #cccccc;
	padding-top: 40px;
	line-height: 20px;	
}

#copyright .line
{
	border-top: 1px solid #0d2536;
}

#copyright .left
{
	float: left;
	background: url(/img/mark.png) no-repeat 0 6px;
	color: #cccccc;
	margin: 40px 0 10px 129px;
	padding: 0 0 25px 32px;
}

#copyright .left a,
#copyright .left a:hover,
#copyright .left a:visited,
#copyright .left a:active
{
	padding-top: 5px;
	color: #f3c170;
}

#copyright .right
{
	margin: 40px 174px 0 0;
	float: right;
	color: #cccccc;
	padding-left: 125px;
}


/* Белый лист */

.whitelist
{
	margin-left: 80px;
	background-color: #fff;
	padding: 30px 40px 20px 40px;
	color: #000;
}

.whitelist div1
{
	border: 1px solid red;
}

.bluecolor .whitelist
{
	background-color: #99ccff;
}

.bluecolor .whitelist .line
{
	border-bottom: 1px dotted #fff;
}

.whitelist .head
{
	margin-bottom: 20px;
	border-bottom: 1px solid #011d33;
	padding-bottom: 5px;
}

.whitelist .head p
{
	margin: 5px 0 14px 0;
	padding: 0;
	font-size: 18px;	
}

.whitelist .endlist
{
	clear: both;
}

.whitelist .item
{
	margin-top: 20px;
	clear: both;
	line-height: 18px;
}

.whitelist .line
{
	border-bottom: 1px dotted #f3c170;
}

.whitelist .item .separator
{
	clear: both;
	height: 1px;
	margin-bottom: 20px;
}


.whitelist .item:after
{
	clear:both;
}

.whitelist .item ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.whitelist .item ul li
{
	width: 650px;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 20px;
}

.whitelist .item ul li.img
{
	width: 100px;
}

.whitelist .item ul li.align_right
{
	text-align: right;
	width: 120px;
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}

.whitelist .item ul li p
{
	margin: 0px 0px 5px 0;
	padding: 0px;
	font-size: 16px;
}

.whitelist .item ul:after
{
	clear: both;
}

.roomprice
{
	font-size: 18px;
	margin-bottom: 5px;
}


/* broni */

.whitelist .head select
{
    font-size: 14px;
    padding: 2px;
    margin-left: 30px;
}

.whitelist .field
{
    clear: both;
    font-size: 15px;
    margin-left: 60px;
    margin-bottom: 25px;
}

.whitelist .field label
{
    float: left;
    width: 160px;
    min-width: 160px;
}

.whitelist .field label.req:after
{
    content: "*";
    margin-left: 5px;
    color: red;
}

.whitelist .field input
{
    margin-top: -5px;
    font-size: 15px;
    width: 440px;
}

.whitelist .col1
{
    float: left;    
    margin-left: 60px;
    width: 325px;
}

.whitelist .col2
{
    float: right;    
    width: 325px;
    margin-right: 218px;
}

.whitelist .cal
{
    background: url(/img/cal/dashboard-icon.gif) no-repeat 93px 1px;
}

.whitelist .field2
{
    font-size: 15px;
    margin-bottom: 25px;
}

.field2 label.req:after
{
    content: "*";
    margin-left: 5px;
    color: red;
}


.whitelist .field2 label
{
    float: left;
    width: 160px;
    min-width: 160px;   
}

.whitelist .field2 input
{
    width: 110px;
    font-size: 15px;
    padding: 2px;
}

.whitelist select,
.whitelist input,
.whitelist textarea    
{
    font-family: Arial;
    font-size: 15px;    
    padding: 5px;
    border: 1px solid #c3c3c3;
}

.whitelist .field2 select
{
    width: 115px;
    font-size: 15px;
    padding: 2px;
}

.whitelist .field textarea
{
   
    width: 440px;
    height: 160px;
}

.whitelist .bronsep
{
    margin-top: 40px;
    padding-bottom: 20px;
}

.whitelist .goldline
{
    border-top: 1px dotted #f3c170;
    padding-bottom: 60px;
}

.whitelist .price
{
    font-size: 24px;
    margin-left: 220px;
}

.whitelist.gold .item.line
{
	border-bottom: 1px dotted #fff;
}

/* */

.btnSend
{
    margin-left: 80px;
	padding: 10px 0 10px 260px;
	background-color: #99ccff;
}

.btnSend #styled
{
	background: #fff url(/img/loader_form.gif) repeat 0 0;
}

/* */

.sendform
{
	background-color: #fff;
	padding: 40px 0px 20px 0px;
	margin: 0 0 0 80px;
}

.sendform .btnSend
{
    margin-left: 0px;
	padding: 10px 0 10px 80px;
	background-color: #99ccff;
}

.sendform .fname
{
	margin-left: 80px;
	margin-bottom: 30px;
}

.sendform .fname input
{
	border: 1px solid #737373;
	padding: 5px;
	width: 300px;
}

.sendform .ftext
{
	margin: 0 40px 20px 60px;
}

.sendform .ftext textarea
{
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #737373;
	height: 100px;
	width: 100%;
}

.sendform .ferror
{
	margin: 0 40px 20px 80px;
	color: #ff0000;
}

.sendform .finfo
{
	margin: 0 40px 20px 80px;
	color: #011d33;
}

.sendform .femail
{
	visibility: hidden;
}

.sendform .incut
{
	border: 1px solid #b2d9ff;
	padding: 10px 20px 20px 20px;
}

.sendform .incut:before{
    content:url(/img/b/border_tl.png);
    background: url(/img/b/border_tr.png) no-repeat 100% 0;
    height: 27px;
    display: block;
    margin: -22px -21px 13px -21px;
}

.sendform .incut:after{
    content:url(/img/b/border_bl.png);
    background: url(/img/b/border_br.png) no-repeat 100% 0;
    height: 15px;
    display: block;
    margin: 14px -21px -21px -21px;
}

.sendfeedback
{
    margin-left: 120px;
    font-size: 18px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.feedback
{
    margin-left: 100px;
    margin-bottom: 20px;
}
.feedback .incut
{
	border: 1px solid #73a0cc;
	padding: 31px 20px 15px 22px;
}

.feedback .incut:before{
    content:url(/img/b/b_tl.png);
    background: url(/img/b/b_tr.png) no-repeat 100% 0;
    height: 18px;
    display: block;
    margin: -32px -21px 0px -23px;
}

.feedback .incut:after{
    content:url(/img/b/b_bl.png);
    background: url(/img/b/b_br.png) no-repeat 100% -11px;
    height: 25px;
    display: block;
    margin: -10px -21px -27px -23px;
}

.feedback .name
{
    margin: 20px 20px 0 30px;
}

.feedback .ansver
{
    margin-top: 20px;
}

.photolist
{
    margin-left: 80px;   
}

.photolist ul
{
    list-style-type: none;
}

.photolist ul li
{
    width: 160px;
    height: 160px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.photolist ul li.photo
{
    width: auto;
    height: 120px;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.photolist ul li.photo img
{
    height: 106px;
}

.photolist ul li .text
{
    margin-top: 20px;
    margin-left: 20px;
}

/* */

.whitelist.gold
{
    background-color: #f3c170; 
}