@font-face {
	font-family: "Betinascriptextrac";
	src: url( "/skins/Betinascriptextrac.ttf") ; 


}
 
 
  .stylebtex { font-family: "Betinascriptextrac";  arial ;
	
	font-size: 16pt;
}

img src {border:none;}
  
h1, h2, h3, h4, h5, h6,  {
	margin-top: 0;	
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
	padding-left:15px;
}
h1 {font:bold 18px Tahoma,arial,helvetica,sans-serif; margin:10 10 10 10; line-height:normal}
h3 { font-size:10px ;font:bold 10px Tahoma,arial,helvetica,sans-serif;
    margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
h4 {color:#000000; margin:0 0 1em 0; padding:0; line-height:1.3em}
h5 {color:#000000;font:bold 12px tahoma,arial,helvetica,sans-serif;  margin:0 0 1.3em 0; padding:0; line-height:1.3em}
h6 {color:#000000;font:11px Tahoma,arial,helvetica,sans-serif; margin:0 0 1em 0; padding:0; line-height:30px}

h2 {
	font-size: 10px;
	padding-left:15px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}

p{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;line-height:135%;margin-top: 0;
		}

body {font-family:  Verdana, Geneva, sans-serif; font-size: 12px; color: #333;line-height:135%; 
	/*background:   url(/skins/newfiles/gezetum15.jpg);*/
	margin: 0px;
	background: #CCC ; 
	padding: 0;
	color: #000;
	wigth:90%;
	
	/*background:   url(/skins/newfiles/gezetum15.jpg);*/
 
}
body,td,th {
	 
	font-family:  Verdana, Geneva, sans-serif; font-size: 12px; color:  #333;line-height:135%; 
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
 a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
	text-decoration: none;
}


#container {
	width: 90%;
	max-width: 1260px;
	min-width: 1260px;
	margin: 0 auto; 
}
.content {
	padding:13px 0;
	width:770px;
	float: left;
	margin:0 auto 0 auto;
	position:relative;
	
}
.content1 {
	padding:13px 0;
	width:880px;
	float: left;
	margin:0 auto 0 auto;
	position:relative;
	
}


.pr {
	margin:0 0 0 0;
	padding:0px 0;
	width: 100%;
	float: right;
	position:relative;

}

.test{
background: #FFF;
Width:770px;
 overflow:hidden;
 position:relative;
margin:0 auto 0 1.8%;

border:solid 1px; 
border-color:#CCC;
 border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;

-webkit-box-shadow: grey 5px 5px 5px;
 -moz-box-shadow: grey 5px 5px 5px;
 box-shadow: grey 5px 5px 5px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);

}

.test1{
background: #FFF;
Width:810px;
 overflow:hidden;
 position:relative;
margin:0 auto 0 7.8%;

border:solid 1px; 
border-color:#CCC;
 border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;

-webkit-box-shadow: grey 5px 5px 5px;
 -moz-box-shadow: grey 5px 5px 5px;
 box-shadow: grey 5px 5px 5px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);

}



.test2{
background: #FFF;
Width:810px;
 position:relative;
margin:0 auto 0 7.8%;

border:solid 1px; 
border-color:#CCC;
 border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;

-webkit-box-shadow: grey 5px 5px 5px;
 -moz-box-shadow: grey 5px 5px 5px;
 box-shadow: grey 5px 5px 5px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);

}



.st1 {
	padding:13px 0;
	width:990px;
	float: left;
	margin-left:50;
	position: relative ;
	margin-top:10px;
}

.st2 {
	padding:13px 0;
	width:990px;
	float:left;
	margin-left:0px;
	position: relative;
	margin-top:10px;
}




.ser{
	
	padding:8px 8px 8px 8px;
	 overflow:hidden;
 position:relative;
	 border-radius:8px; 
 -webkit-border-radius:8px; 
 -moz-border-radius:8px; 
 -khtml-border-radius:8px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
}
.ser1{
	border:solid 1px; 
border-color:#CCC;
	padding:8px 8px 8px 8px;
	 overflow:hidden;
 position:relative;
	 border-radius:8px; 
 -webkit-border-radius:8px; 
 -moz-border-radius:8px; 
 -khtml-border-radius:8px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
Width:470px;

}

.ser2{
	border:solid 1px; 
border-color:#CCC;
	padding:10px 10px 1px 1px;
	 overflow:hidden;
 position:relative;
	 border-radius:8px; 
 -webkit-border-radius:8px; 
 -moz-border-radius:8px; 
 -khtml-border-radius:8px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
Width:370px;
margin-left:250px;
}
.pict{
	background: #f4f0ef;
	padding:4px 4px 4px 4px;
	 overflow:hidden;
 position:relative;
	 border-radius:8px; 
 -webkit-border-radius:8px; 
 -moz-border-radius:8px; 
 -khtml-border-radius:8px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
}

.shap_hot{
	background-color:#65c405;
	margin:5px 4px 10px 4px;
	padding:4px 4px 4px 44px;
	 overflow:hidden;
 
	 border-radius:8px; 
 -webkit-border-radius:8px; 
 -moz-border-radius:8px; 
 -khtml-border-radius:8px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
}

.rekom{
	float:right;
	background-color: #F60;
	margin:8px 4px 10px 4px;
	padding:4px 10px 4px 10px;
	 overflow:hidden;
    width:10% ;
	 border-radius:6px; 
 -webkit-border-radius:6px; 
 -moz-border-radius:6px; 
 -khtml-border-radius:6px;

-webkit-box-shadow: grey 3px 3px 3px;
 -moz-box-shadow: grey 3px 3px 3px;
 box-shadow: grey 3px 3px 3px ;
behavior: url(/skins/newfiles/PIE/PIE.htc);
}



.style_obsh{
	font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:  #333;line-height:135%; 
		}
.style_zag{	font-size: 14px;
	color: #006600;
	margin-left: 50pt;
	padding-left:5pt;
	padding-top:5pt;
	padding-bottom:10pt;
	
	}
	
.style_zagpr{	font-size: 9pt;
	color: #006600;
	margin-left: 20pt;
	}
.style_obshpr{
	font-family: Verdana, Geneva, sans-serif; font-size:8pt; color: #333;line-height:135%; padding-left:8pt;
	margin-right:4pt;
		}	
.стиль2 {
	font-size: 9px;
	color:#000000;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #006600;
	text-decoration: underline;
	display: marker  ; background-color:#9F9;
}

.стиль4 {
	font-size: 24px;
	font-style: italic;
	text-align: center;
}
.style35 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justify;
}

.стиль6 {font-size: 12px}
.стиль7 {font-size: 14px}
.стиль8 {font-size: 10px}
.стиль9 {
	font-size: 11px;
	
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
}
#blockd {
	margin-left: 10px;
	
	padding:0;
	height:110px;
	width:100px;
	align: left;
	
}

.style3 {font-size: 14px;  }
.style7 {font-size: 10pt; color:#FF0000}


.pagewidth {
	margin:0 auto;
	width:95%;
	padding-bottom:0px;
	padding-left:0px;
	
	
	width: 1240px;
	
}


.header {
	width: 1240px;
	height:157px;
	border:1px solid #696;
		
	background-color: #ccff99;
	margin-right: 0px;
	padding-right: 0px;
	border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;
 box-shadow: 5px 5px 5px grey;
 behavior: url(/skins/newfiles/PIE/PIE.htc);	
}
#header1 {
width:157px;
	height:100px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left: 10px;
	margin-top: 15px;
	padding-right: 0px;
	float:left;
}
#header2 {
width:280px;
	height:100px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left:0px;
	margin-top :10px;
	float:left;
}
#header3 {
	width:200px;
	height:85px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left :0px;
	margin-right: 0px;
	padding-right: 0px;
	float:left;
	margin-top :20px;
}
#header3 div
{

margin-bottom:8px;	
	
	}
	#header4 div
{

margin-bottom:8px;	
	
	}
#header4 {
	width:280px;
	height:85px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left :0px;
	margin-right: 0px;
	padding-right: 0px;
	float:left;
	margin-top :21px;
}
#header5 {
	width:200px;
	height:110px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left :0px;
	margin-right: 20px;
	padding-right: 5px;
	float:right;
	margin-top :10px;
	
}
#header6 {
	width:150px;
	height:100px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	background-color: #ccff99;
	margin-left :0px;
	margin-right: 0px;
	padding-right: 0px;
	float:left;
	
	
}

	


#rio_txt {background: url(rio1.gif)  no-repeat; 
display:block; float:left; 
height:60px;  width:131px;

}


.menu11 { height:22px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	
	background: url(but41.gif) no-repeat;
	width:180px;
	display:block;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 0px; 
    margin-top: 10px; 
}
.menu14 { height:26px;
	
	
	background: url(but43.gif) no-repeat;
	width:180px;
	display:block;
	padding-top: 4px;
	padding-left: 5px;
	margin-left: 0px;
	margin-right: 0px; 
    margin-top: 8px; 
}
#blockd p { 
	padding-left: 5px;
	margin-right: 0px; 
    margin-top: 10px; 
}

#menu12 { height:26px;
	border-left:0px solid #ccff99;
	border-right:0px solid #ccff99;
	
	background: url(but5.gif) no-repeat;
	width:100%;
	display:block;
	padding-top: 5px;
	padding-left: 25px;
	margin-right: 0px; 

}
#left_col {
	width:185px;
	margin-top:10px;
	padding-bottom:10px;
	border:1px solid #696;
	
	background-color: #ccff99;
	margin-right: 0px;
	padding-right: 10px;
	float:left;
	padding-left: 10px;
	 border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;
box-shadow: 5px 5px 5px grey;
behavior: url(/skins/newfiles/PIE/PIE.htc);
}
#center_col {
	margin-top:10px;
	margin-left:215px;
	padding:0px 10px 0px 10px;
	
	
	min-height:500 px;
	background-color: #FFF;
	vertical-align:top;
	border-radius:10px; 
	
	 
	
}
#sidebar1 {
	float: left;
	width: 420px;
	background: #fff;
border:1px solid #696;	
margin-top:0px;
margin-left:4px;
padding-left:5px;
padding-top:7px;
border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;
box-shadow: 5px 5px 5px grey;
behavior: url(/skins/newfiles/PIE/PIE.htc);

}
#midlcol {
    background: #fff;
	padding: 10px 0;
	padding-left:8px;
	width:320px;
	margin-left:11px;
	margin-right:0px;
	float: left;
	border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;
box-shadow: 5px 5px 5px grey;
behavior: url(/skins/newfiles/PIE/PIE.htc);
	
}


#sidebar2 {
	float: right;
	width: 195px;
	background: #ccff99;
border:1px solid #696;	
margin-top:0px;
margin-right:2px;
padding-left:7px;
padding-top:3px;
border-radius:10px; 
 -webkit-border-radius:10px; 
 -moz-border-radius:10px; 
 -khtml-border-radius:10px;
box-shadow: 5px 5px 5px grey;
behavior: url(/skins/newfiles/PIE/PIE.htc);


}


#foot1 {
	width:90%;
	height:auto;
	
	margin: 0 auto;
	
	padding-top: 130px;
	white-space: normal;
	clear:both;
	
	
	padding-bottom: 10px;
}




/* start  */

#rez { margin-left:30px ; padding:0; margin-top:-46px;
 
}


#mainmenu table{ float: right;  padding:0; height:23px; width:45%; margin-top:-26px;
 
}
#mainmenu_sp td {margin:0; padding:0; border-right:0px solid #ccff99;line-height:23px; font:bold 11px tahoma,arial,helvetica,sans-serif; }
#mainmenu_sp td ul {margin:0px 0 0; padding:0; display:none; position:absolute;z-index:1000; list-style-type:none; font-size:11px;}
#mainmenu_sp td:hover, #mainmenu_sp td.hover, #mainmenu_sp li:hover;}
#mainmenu_sp td:hover ul, #mainmenu_sp td.hover ul {display:block!important;  }
/*   */


#mainmenu_sp td ul li {margin:0; padding:0; display:block; border-right:0px solid #C2E2F0; line-height:23px; list-style:none; background:url(menu_33.jpg) 0 0 repeat-x; position:relative; height:1%; color:#fff; padding:0 23px 0 5px; margin:0 }

#mainmenu_sp li ul li {float: right; width:100%}

#mainmenu_sp a {  padding:0 6px; text-align: center; text-decoration:none;display:block;line-height:23px; }
#mainmenu_sp ul li a {color:#fff; text-align:left; display:block; width:100%}

#field {
	border-left:10px solid #CCFF99;
	border-right:10px solid #CCFF99;
	border-collapse:collapse;
	width:100%;
	
}
.field_left {
	margin:0;
	padding:4px 3px 0 0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
	background-color: #ccff99;
}
#field_left {
	margin:0;
	padding:4px 3px 0 0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
	background-color: #ccff99;
}
#pegas{
background-color: #FFFFFF;
width:180px;
padding:4px 3px 5px 4px;
}
.field_left_content{width:205px;}

.field_center {width:100%;margin:0; padding:0;border:0; border-collapse:collapse;vertical-align:top }

.module { padding-bottom:0px }

.leftmenu { display:block; list-style-type:none; margin:0; padding:7px 10px 14px 10px; border:1px solid #009900;}
.leftmenu li { margin:0 0px 0 10px; padding:0px 0 1px 11px; border-top:none; color: #000000; font:12px Verdana, Geneva, sans-serif; }
#leftmenu li ul {display:none; padding:5px 0 0; list-style-type:none}
#leftmenu li ul li { font-size:11px; margin:0; padding:1px 0 2px 10px; background:url(str-r-da.gif) 0 4px no-repeat; line-height:12px;}

#footer { 
border-top:1px solid #009900; color: #009900; font-size:11px; line-height:12px; padding-bottom:54px; 
 clear:both;
 margin:30px 30px 30px  10px;
 padding:20px 20px 20px 20px; 
}

#mainmenu1 { width:170px}
#mainmenu2 { width:144px}
#mainmenu3 { width:162px}
#mainmenu4 { width:160px}
#mainmenu5 { width:150px}





/*eeeeeeeeeendddddddd*/


/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
	padding: 0;
	margin: 0;
}


/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */



/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
	width: 80%;
	max-width: 780px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
	min-width: 780px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
	background: #FFF;
	margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}




/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol, .content1 ul{ 
	padding: 0 10px 10px 20px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}

/* ~~ Стили списка навигации (можно убрать, если решено использовать готовое подменю, например Spry) ~~ */
ul.nav {
	list-style: none; /* удаляет маркер списка */
	border-top: 1px solid #666; /* создает верхнюю границу ссылок — все остальные размещаются с использованием нижней границы в LI */
	margin-bottom: 15px; /* создает пространство между навигацией по содержимому ниже */
}
ul.nav li {
	border-bottom: 1px solid #666; /* разделяет кнопки */
}
ul.nav a, ul.nav a:visited { /* группировка этих селекторов гарантирует, что ссылки будут выглядеть как кнопки даже после того, как пользователь перейдет по ним */
	padding: 5px 5px 5px 15px;
	display: block; /* наделяет ссылку свойствами блока, из-за чего она заполняет весь содержащий ее элемент LI. При этом вся область реагирует на щелчок мышью. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* изменяет цвет текста и фона при навигации с помощью клавиатуры и мыши */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ Нижний колонтитул ~~ */
.footer {
	padding: 10px 0;
	background: #6F7D94;
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both; /* это свойство очистки заставляет .container видеть место окончания столбцов и включать их */
}

/* ~~прочие классы float/clear~~ */
.fltrt {  /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
	clear:both;
	height:0;
	font-size:  1px;
	line-height: 0px;
}
.bp_hotel{ 
	onmouseover:    .style.display = 'block'  
}
A:hover { 
     text-decoration: underline /* Ссылка подчеркнутая и надчеркнутая */
     color: red; /* Цвет ссылки */
   } 
  #obsh {
	margin:0 auto;
	width:100%;
	height:7000px;
	padding-bottom:0px;
	background-color:#FFF;
 }
 #obsh_right {
	margin:0 auto;
	width:32%;
	
	padding-bottom:0px;
	background-color: #FFF;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	padding-right:8px;
	
 }
  #obsh_right1 {
	margin:auto auto;
	width:32%;
	height:auto;
	float: right;
	background-color:#FFF;
	padding-right:4px;
	padding-bottom:8px;
 }
#obsh_left {
	margin:0 auto;
	width:66%;
	height:auto;
	padding-bottom:0px;
	
	float: left;
 } 
 #obsh_left1 {
	margin:0 auto;
	width:64%;
	height:auto;
	padding-bottom:0px;
	
	float: left;
 } 
 
 /* Cookie consent */
.cookie-consent-container {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

.cookie-consent-container.show {
    transform: translateY(0);
    opacity: 1;
}

.cookie-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}

.cookie-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    margin-left: 20px;
    margin-right: 20px;
}

.cookie-text {
    flex: 1;
    padding-right: 30px;
}

@media (max-width: 768px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
    }

    .cookie-text {
        padding-right: 0;
        margin-bottom: 15px;
        text-align: left;
        width: 100%;
    }
}