﻿body {
	background: url('../img/top_bg.jpg') repeat-x white;
	margin: 0;
	padding: 0;
}

iv {
	border: 1px solid green;
}

body, html, p, .textin li {
	font-size: 100%;
	font-family : Arial, Helvetica, Sans-serif;
	line-height: 1.21em;
}

ul, li, h1, h2, h3, body, p, form, td {
	margin: 0;
	padding: 0;
}

p, .textin li {
	color: #161616;
	font-size: 84%;
	margin: 0.3em 0 0.5em 0;
}


a:link {
	color:#002995;
}

h1, h2 {
	color: #23364A;
	font-size: 113%;
	margin-bottom: 13px;
}

h2 {
	color:#BF0811;
}

.boxtext h2  {
	color:#DD5A22;
}

h1 {
	background-image:url('../img/H1_bg.png');
	margin-left:10px;
	padding:3px 10px;
}


h3 {
	color:#BF0811;
	font-size:93%;
	font-weight:bold;
	background-image:url('../img/H3_bg.png');	
	margin-top:13px;
}

strong, .blue {
	color: #074674;
	font-weight:bold;
}

#main {
	width: 940px;
	position: relative;
	margin: 0 auto;
	padding-top: 115px;
}

#banner {
	width: 940px;
	height: 90px;
	background: url('../img/banner.jpg') #23364A;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo {
	position:absolute;
	left:36px;
	top:7px;
}

#beauty {
	margin:5px 0 23px 3px;
	border:none;
}
	


#lang1 {
	position:absolute;
	right:11px;
	top:16px;
	border-width: 0px;
}

#lang2 {
	position:absolute;
	right:11px;
	top:44px;
	border-width: 0px;
}

#english {
	position:absolute;
	right:13px;
	top:18px;
	border-width: 0px;	
}

#logo span {
	width:252px;
	height:65px;
	position:absolute;
	background: url('../img/logo.jpg');
	left:0;
	top:0;
}

#leadin {
	height:200px;
	position:relative;	
}
.boxik {
	width: 465px;
	height: 226px;
	background-image: url('../img/box_bg.png');
	float: left;
}

.rel {
	position:relative;
}

.boxr {
	margin-left: 8px;
}

.flag {
	float: left;
	border: 3px solid #E9F1E7;
	margin: 14px 0 0 18px;
	background:url('../img/bg_photo.jpg') 0 20px;	
	padding: 11px 0;
}

.indent {
	background:url('../img/bg_photo.jpg') 60px 0;
	padding: 30px 0 44px 0;
}

.nobd {
	border-width:0px;
}

.nobg {
	padding:0px;
}

.nobg:hover {
	border: 3px solid #8DB4F3;
}

#headimg {
	float: right;
	border: 3px solid #E9F1E7;
	margin: 0 3px 0 0;
}

.boxtext {
	float: left;
	width: 250px;
	margin: 14px 0 0 13px;
}

.leadtext {
	float: left;
	width: 610px;
	margin-left: 180px;
	display:inline;
}

#fp1, #fp2 {
	float:left;
	width:320px;
	margin-left: 16px;
	display:inline;	
}

#fp2 {
	width:250px;	
}

a.follow {
	color:#B80307;
	padding-left:23px;
	font-weight:bold;
}

#choice a.follow {
	padding-left:23px;
	float:left;
	width:113px;
}

#choice {
	margin-left: 20px;
}

#eat {	background:url('../img/ico_eat.gif') no-repeat 0px 2px;}
#cult {	background:url('../img/ico_cult.gif') no-repeat 0px 2px;}
#event {background:url('../img/ico_event.gif') no-repeat 0px 2px;}
#tree {	background:url('../img/ico_tree.gif') no-repeat 0px 2px;}
#inf { background:url('../img/ico_info.gif') no-repeat 0px 0px; line-height:26px;}
#sights { background:url('../img/ico_cult.gif') no-repeat 0px 2px; line-height:39px;}
#arr { background:url('../img/ico_arrow.gif') no-repeat 4px 2px; display:block; margin:26px 0 0 160px;}



#basic {
	margin: 20px 0 0 16px;
	clear:both;
	text-align:right;
}

#choice  {
	line-height:20px;
}

#map {
	margin: 11px 0 0 10px;
	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	opacity:0.88;
}

#footer {
	background-image:url('../img/bg_smenu.png');
	border: 3px solid #E9F1E7;
	height:66px;
	padding: 10px 33px;
	position:relative;

}

#design {
	position:absolute;
	right:0px;
}

#adv {
	position:absolute;
	right:330px;
}

#adv a {
	color:#BF0811;
}

#mailme, #off {
	position:absolute;
	right:33px;
	top: 6px;
	text-align:right;
	line-height: 1.2em;
	color:#595959;
}

#off {
	left:366px;
	text-align:left;	
}


#footer p {
	line-height:26px;
	position:relative;
}

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

/*----------subpage--------------*/

#textframe {
	width:750px;
	margin-left: 190px;
	
}

h1.sub {
	margin-left:0px;
}

.subotext {
	width:426px;
	margin:	14px 0 0pt 16px;
	float:left;
}

.subotext p {
margin-right:10px;
}

.med p {
margin-right:0px;
}

.long {
	width:555px;	
}

.med {
	width:466px;	
}

.subox {
	width:747px;	
	background-image:url('../img/bg_box-bottom.png');	
	background-position: center bottom;
	margin-bottom:11px;
}

.subox2 {
	width:747px;	
	background:url('../img/bg_box-top.png') no-repeat;
	padding-bottom: 16px;
	position:relative;
}

.thumbs {
	position:absolute;
	right:10px;
	top:48px;
	width:139px;
}

.gi { margin: 19px 6px;
	border: 2px solid #CFC9CC;
	}
	
#gallery {	
	padding: 20px 0 20px 26px;
	}

.narrow {
	width:69px;
	right:20px;	
	top:44px;	
}

#squares {
	position:absolute;
	right:6px;
	top:114px;
	width:173px;
	height:173px;
}



.thumbs img, #squares img {
	border: 2px solid #E8ECF7;
	filter:alpha(opacity=81);
	-moz-opacity:0.81;
	opacity:0.81;
	}

.thumbs a, #squares a {
	background:url('../img/bg_thumbs.png');
	display:inline;
	width:65px;
	height:65px;
	margin:1px;	
	float:left;	
}


#squares a {
	width:53px;
	height:53px;
	margin:2px;		
}

p a {
	color:#074674;
}

#squares img {
	border: 2px solid #E8ECF7;
}	


.thumbs img:hover, #squares img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border: 1px solid #B0B8D9;
	}



#menubox {
	position: fixed;
	_position:absolute;	
	left:50%;
	margin-left:-464px;
	top: 115px;
	color:#BF0811;
	font-weight:bold;
	font-size:90%;
	text-align:right;
}

.mbtitle {
	position:absolute !important;	
	top: 115px !important;
	left:6px !important;
	margin: 0px  !important;
}


#menubox ul {
	list-style-type:none;
	text-align:left;
}

.gg {
	right:-39px;
	position:relative;
	display:inline-block;
}

#menubox #mmenu li {
	margin-bottom:2px;
}

#mmenu li a {
	background:url('../img/bg_mitem.png') no-repeat -2px 0;
	border: 1px solid #9AACC9;
	line-height:27px;	
	display:block;
	width:149px;
	height:27px;
	padding-left:18px;
	text-decoration:none;
	color:#BF0811;		
}

#menubox #mmenu li a.activ, #menubox #mmenu li a:hover {
	background:url('../img/bg_amitem.png') no-repeat -2px 0;
	color:#23364A;
}

#menubox #smenu {
	width:149px;
	margin-top:20px;
	padding:10px 0 10px 20px;
	background:url('../img/bg_smenu.png');
}


#menubox #smenu li a {
	color:#23364A;
	font-size:86%;
	margin-bottom:3px;
	text-decoration:none;
}

#menubox #smenu li a:hover {
	color:#BF0811;
}

.km {
	font-size:80%;
}
