body,html,body,div,img,dl,dt,dd,h1,h2,h3,h4,h5,p,form,input,select,textarea,a,table,tr,td,ul,li {margin:0;padding:0;}

body, html {width: 100%; height: 100%; text-align: center;}
body {background: #fff url(../imgs/bg-header.jpg) 50% 0 no-repeat;}
.mpage {background: #fff url(../imgs/bg-header-m.jpg) 50% 0 no-repeat;}
body, div {font: 12px/16px Tahoma, Verdana, Arial, sans-serif; color: #3d4749;}

a, a:hover {color: #ff6600; text-decoration: underline;}a:hover {text-decoration: none;}a:focus {outline: none;}
img {border: none; vertical-align: middle;}

lnk.a {font-size: 8pt; color: #dfdfdf;}
a.lnk {font-size: 8pt; color: #dfdfdf;}
.lnk {font-size: 8pt; color: #dfdfdf;}
.lnk p {font-size: 8pt; color: #dfdfdf;}

.main  #more {display: none;}

.spacer{height:1px;width:100%;clear:both;font-size:1px;}.wrap{width: 100%;position:relative;}.s10{height:10px;}.s15{height:15px;}.s20{height:20px;}.s25{height:25px;}.s35{height:35px;}.s30{height:30px;}.s40{height:40px;}

/* main block */
.container-block {width: 100%; background: url(../imgs/bg-body.gif) 100% 100% no-repeat; min-height: 100%; position: relative;}
.container, .header, .footer {width: 100%; min-width: 985px; max-width: 1280px; margin: 0 auto; text-align: left; position: relative;}
.header-bg {min-width: 985px;}
.container {z-index: 555;}
.main-pad {padding: 0 40px;}

/* header */
.header-bg {background: url(../imgs/bg-header.png) center top no-repeat; width: 100%; height: 348px; position: absolute; top: 0; left: 0; z-index: 200;}
.header-main-bg {background: url(../imgs/bg-headers.png) center top no-repeat; width: 100%; height: 530px; position: absolute; top: 0; left: 0; z-index: 200;}
.header {height: 278px;}
.header-main {height: 327px;}
.logo {position: absolute; display: block; top: -278px; left: 40px; width: 183px; height: 142px; background: url(../imgs/logo.png) no-repeat; z-index: 300;}
.logo a, .logo a:hover {display: block; width: 183px; height: 142px;}
.flash {padding: 44px 0 0 0; text-align: center;}
.header-main .flash {padding: 77px 0 0 0;}
.mpage .logo {top: -327px;}
.mpage .lang {top: -220px;}

.lang {position: absolute; z-index: 400; top: -196px; right: 50px; width: 169px; height: 117px;}
.lang a, .lang a:hover {display: block; position: absolute;}
.c1, .c1:hover {width: 47px; height: 25px; top: 0px; right: 0; background: url(../imgs/c1.png) no-repeat;}
.c2, .c2:hover {width: 49px; height: 26px; top: 30px; right: 39px; background: url(../imgs/c2.png) no-repeat;}
.c3, .c3:hover {width: 47px; height: 26px; top: 61px; right: 81px; background: url(../imgs/c3.png) no-repeat;}
.c4, .c4:hover {width: 48px; height: 26px; top: 91px; right: 121px; background: url(../imgs/c4.png) no-repeat;}

/* block */
.b-wrap {margin-left: 240px;}
.b-left {float: left; width: 220px; background: url(../imgs/bg-menu.gif) no-repeat; position: relative;}
.b-right {float: right; width: 200px;}
.b-middle {margin-right: 220px;}
.b-middle-big {width: 100%; float: left;}

.mpage  .b-right {margin-top: 23px; position: relative;}
.mpage  .b-middle {padding-top: 23px;}

.bg-menu {position: absolute; top: -37px; left: -122px; width: 122px; height: 103px; background: url(../imgs/bg-menu-bg.gif);}
.menu {padding: 31px 0 65px 0; background: url(../imgs/bg-menus.gif) 0 100% no-repeat;}
.menu li {list-style: none; padding: 4px 0 5px 25px; width: 87%;}
.menu li a, .menu li a:hover {color: #fff; font-size: 14px;}
.menu li a:hover {color: #ccffff}
.menu li ul {padding: 3px 0 0 0;}
.menu li.show ul {display: none;}
.menu li ul li {padding: 2px 0 0 20px; background: url(../imgs/bg-li.gif) 6px 9px no-repeat; width: 85%;}
.menu li ul li a, .menu li ul li a:hover {color: #ccffff !important; font-size: 12px; text-decoration: underline !important;}
.menu li ul li a:hover {color: #ccffff; font-size: 12px; text-decoration: none !important;}
.menu li.on a, .menu li.on a:hover {color: #ffff00; text-decoration: none;}
.menu .expanded, .menu .expanded:hover {color: #ccffff !important; text-decoration: none;}

.menu li li.on {background: url(../imgs/bg-li-a.gif) 6px 9px no-repeat;}
.menu li li.on a, .menu li li.on a:hover {text-decoration: none !important; color: #ffff00 !important;}

.menu-s {background: #085694; width: 198px; padding: 20px 1px;}
.menu-s a, .menu-s a:hover {display: block; color: #fff; padding: 6px 20px 8px 20px; font-size: 14px; line-height: 17px;}
.menu-s a.on, .menu-s a.on:hover {background: #b2e1f4; color: #003366; text-decoration: none;}

.menu-top {background: #1d7eb5 url(../imgs/bg-menutop.gif) repeat-x; height: 36px; padding: 0 20px; margin-top: 4px;}
.menu-top li {list-style: none; display: block; float: left; position: relative; z-index: 666;}
.menu-top li a, .menu-top li a:hover {display: block; float: left; padding: 9px 10px 11px 10px; margin-right: 10px; color: #ccffff;}
.menu-top a.on, .menu-top a.on:hover {background: #afd2e6; text-decoration: none; color: #1e6e99; font-weight: bold;}

.visible ul {display: block !important;}
.visible a {background: #085694 !important; color: #fff !important; text-decoration: none;}

.menu-top .expand a:hover {background: #085694; color: #fff;}
.menu-top li ul {display: none; position: absolute; top: 36px; left: 0; background: #085694; width: 140px; padding: 14px 0 0 0;}
.menu-top li ul li a, .menu-top li ul li a:hover {padding: 2px 10px 0 10px; margin-right: 0; color: #ccffff !important; text-decoration: underline !important;}
.menu-top li ul li a:hover {text-decoration: none !important;}
.menu-top-bg {position: absolute; bottom: -20px; left: 0; background: url(../imgs/bg-menutop-ul.gif) 0 100% no-repeat; width: 140px; height: 20px;}

/* action */
#change {width: 128px; height: 149px; position: absolute; top: -67px; left: 110px; z-index: 666; cursor: pointer;}

div.green, div.orange, div.blue, div.pink {display: none; position: absolute; top: 0; left: -17px; width: 170px; padding: 0 25px 0 40px; height: 316px; color: #333; line-height: 14px;}
div.green span, div.orange span, div.blue span, div.pink span {display: block; font-size: 18px; color: #003366; padding: 125px 0 17px 0;}
div.green img, div.orange img, div.blue img, div.pink img {position: relative; left: -9px; margin-top: 18px;}

div.green {background: #c1db58 url(../imgs/bg-green.gif) no-repeat;}
div.orange {background: #fccd57 url(../imgs/bg-orange.gif) no-repeat;}
div.blue {background: #7fcff6 url(../imgs/bg-blue.gif) no-repeat;}
div.pink {background: #e5a7f0 url(../imgs/bg-pink.gif) no-repeat;}
/* /action */

/* content block */
h1, .title, h2 {color: #0b3967; font: 22px/26px Tahoma, Verdana, Arial, sans-serif; font-weight: normal; padding: 5px 0 12px 0;}
.titles, h2 {color: #699; font: 18px/21px Tahoma, Verdana, Arial, sans-serif; font-weight: normal; padding: 35px 0 0; display: block;}
.titles-gallery {padding: 18px 0 20px;}
.titles-tour {color: #336699; padding: 45px 0 15px;}
.f {padding-top: 0 !important;}

p {margin: 17px 0 0 0;}

.breadcrumbs {padding: 1px 0 14px 0;}
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {color: #99cccc;}
.breadcrumbs img {margin: 0 10px;}

.main {padding: 10px 35px 14px 20px; background: #f6f5f4;}
.titles-m {padding-top: 18px;}

.list li, .lists li {list-style: none; background: url(../imgs/bg-list.gif) 0 20px no-repeat; padding: 16px 0 0 17px; width: 95%;}
.lists li {background: url(../imgs/bg-lists.gif) 0 21px no-repeat;}

.table {margin-top: 18px; border-collapse: collapse; width: 98%;}
.table th, .table td {padding: 3px 6px 5px 6px; font-size: 11px; text-align: left;}
.table th {background: #085694; color: #fff;}
.table .odd td {background: #ecf0f3;}

.date {color: #999;}
.imgs {float: left; margin: 0 18px 5px 0;}

.subscribe {position: relative; height: 166px;}
.subscribe img {position: absolute; left: -3px;}

.news-list {position: relative;}
.news-list .imgs {position: absolute; top: 4px; left: 3px; margin: 0;}
.list-news {padding: 0 0 0 90px; min-height: 55px; padding-bottom: 20px;}
.news-title, .news-title:hover {font-size: 14px; line-height: 18px;}
.news-pad {padding-right: 20px;}
.allnews {margin-top: 8px;}

.comment {padding: 18px 0 19px 0; border-bottom: 1px solid #e0e0e0;}
.comment span {color: #ccc; margin: 0 15px;}
.comment a, .comment a:hover {color: #00aeef;}
.sub-comment {padding-left: 20px;}

.add-comment {margin: 50px 0 20px 0; background: #0b76b9; font-size: 18px; color: #fff; padding: 6px 20px 8px 20px;}

input, select, textarea {font: 12px Arial, Tahoma, Verdana, sans-serif; color: #000; vertical-align: middle;}

.input, .textarea {padding: 2px 5px 3px 5px; border: 1px solid #ccc;}
.input {width: 60%;}
.textarea {overflow: auto; height: 100px; width: 92%;}

.form .fl {float: left; width: 65%;}
.form .label {display: block; float: left; width: 120px; padding: 4px 0 0 20px; font-weight: bold;}

.forms {width: 98%; position: relative;}

.forms .label {width: 170px; padding: 4px 0 0 0px;}
.forms .label span {color: #ff0000;}
.forms  .fl {float: left; width: 59%; height: 40px;}
.forms  .fl .input {width: 98%;}
.forms .textarea {width: 98%;}
.forms select {margin: 0 5px 0 3px;}

.list-gallery {width: 100%;}
.list-g {float: left; width: 21.5%; margin-right: 20px;}
.list-g p {color: #999; margin-top: 10px; line-height: 14px;}
.list-g img {margin-bottom: 6px;}
.list-g big{font-size: 14px;}

.last-photo {margin-top: 20px; padding: 0 20px; background: #085694; height: 200px;}
.last-photo span {display: block; padding: 18px 0 20px 0; font-size: 18px; color: #fff;}
.last-photo ul {width: 100%; height: 126px; overflow: hidden;}
.last-photo ul li {display: block; float: left; padding: 3px; background: #fff url(../imgs/bg-gallery-imgs.gif); margin-right: 20px;}

.title-video {margin: 38px 0 15px 0; background: #0b76b9; font-size: 18px; color: #fff; padding: 7px 20px 9px 60px; position: relative;}
.title-video img {position: absolute; top: -15px; left: 0;}
.title-rek {margin: 15px 0 5px;}

.video {padding: 0 20px; font-size: 14px; width: 90%;}
.video .line {background: #e0e0e0; height: 1px;}
.video a, .video a:hover {display: block; padding: 5px 30px 7px 30px; background: url(../imgs/bg-video.gif) 0 3px no-repeat;}

.b-send {width: 178px; height: 42px; background: url(../imgs/b-send.gif); border: none;}

.tour {margin-bottom: 5px; width: 98%;}
.tour td {width: 50%; vertical-align: top; padding: 10px 0 12px; background: #f9f9f9;}
.tour .b {padding-left: 20px; display: block;}
.tour .i {padding: 8px 0 10px 20px; display: block; background: #0b76b9; color: #fff;}
.tour ul li {list-style: none; padding: 15px 20px 0; background: url(../imgs/bg-lists.gif) 0 19px no-repeat;}
.tour-pad {margin-bottom: 0;}
.tour-pad ul {padding-left: 10px;}
.tour-bg td {background: #f5fbfc url(../imgs/bg-td.gif) 0 100% repeat-x;}

.cool {margin-bottom: 15px; width: 98%;}
.cool th {vertical-align: top; background: #0b76b9; color: #fff; padding: 8px 4px 10px; font-size: 11px; font-weight: normal; text-align: left;}
.cool th.bg {background: #3c91c7;}
.cool th b {font-size: 12px;}
.cool td {vertical-align: top; color: #3d4749; padding: 8px 10px 10px; font-size: 12px; font-weight: bold;}
.cool td.bg {background: #f2f2f2;}
.cool td.bgs {background: #e2ebf0;}

.rekomend {background: #fdfdfd url(../imgs/bg-rekomend.gif) 0 100% repeat-x; padding: 5px 18px 20px;}

/* gallery */
.gallery-bg {width: 165px; height: 846px; background: #085694; padding: 6px 17px 36px 18px; position: relative; margin-top: 33px;}
.gallery {width: 100%;}
.gallery ul {width: 165px; height: 846px; overflow: hidden;}
.gallery ul li {display: block; width: 165px; height: 172px; float: left; padding: 0;}
.gallery ul li img {padding: 3px; background: #fff url(../imgs/bg-gallery-img.gif);}
.gallery .on {background: #33ccff url(../imgs/bg-gallery-img-o.gif);}

.gallery-bg .prev, .gallery-bg .next {position: absolute; left: 0; width: 200px; height: 57px; display: block; z-index: 666;}
.gallery-bg .prev {background: url(../imgs/bg-gallery-prev.gif); top: -57px;}
.gallery-bg .next {background: url(../imgs/bg-gallery-next.gif); bottom: -27px;}
/* /gallery */

/* footer */
.footerspacer {height: 175px; width: 100%; background: url(../imgs/bg-footerspacer.gif) 50% 0 no-repeat;}
.footer {height: 120px;}
.footer .main-pad {padding: 0 65px;}
.footer div {font-size: 11px; line-height: 14px; color: #646464;}
.footer div a {color: #00a2c5 !important;}
.footer .f-block {float: left; width: 25%;}
.footer .f-block img {float: left; padding-right: 10px;}
.footer .f-block2 {float: left; width: 50%;}
.footer .f-block2 img {float: left; padding-right: 10px;}
.footer .f-made {float: left; width: 23%; white-space: nowrap; text-align: right;}
.footer .f-made img {float: right; padding-left: 10px;}

#textcontent img {margin: 10px 20px 10px 20px}

.promoblock {width: 200px; background: url(../imgs/promoblock_bg1.png) no-repeat; padding-top: 13px;}
.promoblock div {background: url(../imgs/promoblock_bg3.png) 0 100% no-repeat; padding-bottom: 55px;}
.promoblock ul {overflow: hidden; margin: 0; padding: 5px 10px 0 10px; background: #085693 url(../imgs/promoblock_bg2.png) no-repeat; font: 12px Verdana; color: #00ccff;}
.promoblock li {margin: 8px 0 0 20px;}
.promoblock a {color: #ccffff;}

.newsbox-top{background: url(../imgs/newsbox_bot.gif) bottom  no-repeat;width:219px}
.newsbox-bot{background: url(../imgs/newsbox_top.gif) top  no-repeat;width:174px;padding:20px 20px 20px 25px}
.newsbox-bot h2{color:#fff;text-align:center;font-size:20px;padding:0 0 15px 0}
.newsbox-bot div{padding-bottom:12px}
.newsbox-bot div span{color:#000;font-size:14px}
.newsbox-bot div a{color:#fff;font-size:14px}
.newsbox-bot p{margin:0;text-align:right}
.newsbox-bot p a{color:#00335c;}