a {color: #F7FFC8; text-decoration: none;}
a:link  {color: #F7FFC8; text-decoration: underline;}
a:visited  {color: #F7FFC8; text-decoration: underline;}
a:active  {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}

body {
	margin: 0;
	padding: 0;
	color: #fff;
	font: 100% verdana, tahoma, sans-serif;
    background: #395A8B;
}

form {margin: 0px 0px 0px 0px;}

h1 {color: #333; font: italic 150% verdana, tahoma, sans-serif; padding: 25px 0 10px 30px; margin: 0;}
h2 {color: #333; font: 138% verdana, tahoma, sans-serif; padding: 0; margin: 0 0 12px 0;}
h3 {color: #333; font: 120% verdana, tahoma, sans-serif; padding-top: 4px; margin: 0; }
h4 {color: #333; font: bold italic 107% verdana, tahoma, sans-serif; padding: 10px 0 4px 10px; margin: 0; }
h5 {color: #333; font: 150% verdana, tahoma, sans-serif; padding: 0; margin: 0 0 7px 0;}
h6 {color: #333; font: 100% verdana, tahoma, sans-serif; padding: 0; margin: 3px 0 4px 0; font-weight: bold;}
.w20 {width: 20px;}
input {font: 93% verdana, tahoma, sans-serif;}

*HTML .chek { background-color: transparent; }
.chek { background-color: #fff; }

textarea {font-family: verdana, tahoma, sans-serif;
  border: none;
  background-color: #fff;
}


table {
  border: 0; /* border="0" */
  border-collapse: collapse; /* cellspacing="0" */
}


table td {
  color: #fff;
  background-color: transparent;
  font: 100% verdana, tahoma, sans-serif;
  padding: 0 0 0 0; /* cellspadding="0" */
}


ul {margin: 14px 0px 8px 20px; padding: 0px 0px 0px 0px;}
li {list-style-image: url(img/pt_li.gif); margin: 0px 0px 0px 20px; padding: 0px 0px 4px 0px; font-size: 100%;}
li.li2 {list-style-image: url(img/pt_li2.gif); margin: 0px 0px 0px 20px; padding: 0px 0px 4px 0px; font-size: 100%;}

.w100 {width: 100%;}

.vtop {vertical-align: top;}
.vmid {vertical-align: middle;}

/*.width-all {width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)>1250?'1250px':(documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');  min-width: 1000px; max-width: 1250px; text-align: left;}
#popup .width-all {width: 100%; min-width: 0px; max-width: 1250px;}*/

/* border: #FF0066 1px dashed;*/



.head { background: url(img/head-bg.jpg) repeat-x top; height: 440px; }
    .head table td {  font: 113% verdana, tahoma, sans-serif; color: #BDD3FF; }
    .head a, .head a:link, .head a:visited, .head a:active, .head a:hover { color: #DDEFF7; }

    .head-krasin { background: url(img/head-krasin.jpg) no-repeat top left; padding-top: 10px; text-align: right; vertical-align: top; }
        .head-krasin .t { font: 210% verdana, tahoma, sans-serif; text-transform: uppercase; color: #fff; white-space: nowrap; }
            .head-krasin .t a{ text-decoration: none; }
        .head-krasin .r { display: inline; float: right; width: 410px; text-align: left; margin-right: 88px; }
        *HTML .head-krasin .r { display: inline; float: right; width: 410px; text-align: left; margin-right: 102px; }
        .head-krasin .en { font: bold 62% verdana, tahoma, sans-serif; color: #fff; background: url(img/pt_en.gif) no-repeat top left; padding-left: 18px; width: 100px; float: right; margin-top: 0px; margin-right: 20px; white-space: nowrap; }

    .head-kras { background: url(img/head-krasin.jpg) no-repeat top left; width: 440px; vertical-align: top; }

 .kr {padding: 0; margin: 38px 0 0 50px; color: #C8D2DD; font-size: 56%; display: inline; float: left; }
	.kr a, .kr a:link, .kr a:visited, .kr a:active, .kr a:hover {color: #C8D2DD; font-size: 100%; background: url(img/pt_kr.gif) no-repeat top right; padding: 0 17px 0px 0; display: inline;}

    .head .topmenu { text-align: left; margin-right: 10px; float: right; }
        .head table.topmenu { margin: 0px 20px 0px 0; float: right; font: 100% verdana, tahoma, sans-serif; }
            .head table.topmenu th { text-align: left;  font: bold 72% verdana, tahoma, sans-serif; width: 20px; vertical-align: top; }
            .head table.topmenu td  {background: url(img/v-dots.gif) no-repeat top center; width: 20px; height: 38px; }

        .head .topmenu div { color: #6B93E1; }
        .head .topmenu div a, .head .topmenu div a:link, .head .topmenu div a:visited, .head .topmenu div a:active, .head .topmenu div a:hover {color: #6B93E1;}

.ocean-top { background: url(img/ocean-top.jpg) no-repeat top left; margin: 0; padding: 0; }
.ocean-top-bg { background: url(img/ocean-top-bg.jpg) repeat-x top left; }
.ocean-bot { background: url(img/ocean-bot.jpg) no-repeat bottom left; margin: 0; padding: 0; }
.ocean-bot-bg { background: transparent url(img/ocean-bot-bg.jpg) repeat-x bottom left; }


.main { width: 26%; vertical-align: top; white-space: nowrap; font: bold 88% verdana, tahoma, sans-serif; color: #344B6E; }
    .main a, .main a:link, .main a:visited, .main a:active, .main a:hover { font: bold 100% verdana, tahoma, sans-serif; }
    .main span a, .main span a:link, .main span a:visited, .main span a:active, .main span a:hover { font: bold 100% verdana, tahoma, sans-serif; color: #344B6E; }
    .main div { background: url(img/bg-menu.gif) repeat-x top left; padding: 3px 10px 7px 10px; margin: 0 0 8px 50px; }

.main div.sub { white-space: nowrap; font: bold 87% verdana, tahoma, sans-serif; color: #fff; display: block; background: none; }
    .main div.sub div { background: url(img/pt_main-sub.gif) no-repeat top left; padding: 0 0 6px 16px; margin: 0 0 0 10px; }
    .main div.sub a, .main div.sub a:link, .main div.sub a:visited, .main div.sub a:active, .main div.sub a:hover { font: bold 100% verdana, tahoma, sans-serif; display: block; margin: 0; }
    .main div.sub span a, .main div.sub span a:link, .main div.sub span a:visited, .main div.sub span a:active, .main div.sub span a:hover { color: #B4CEED; }



.mid { font: bold 88% verdana, tahoma, sans-serif; width: 74%; padding: 0px 50px 30px 50px; vertical-align: top; }
    .mid h1 { font: 138% verdana, tahoma, sans-serif; display: block; padding: 0 0 20px 0; margin: 0; color: #F7FFC8; }
/*    .mid a, .mid a:link, .mid a:visited, .mid a:active, .mid a:hover { font: 138% verdana, tahoma, sans-serif; display: block; padding-bottom: 20px; }*/

.mid2 { font: 100% verdana, tahoma, sans-serif; width: 74%; padding: 0px 50px 30px 50px; vertical-align: top; }
    .mid2 h1 { font: 138% verdana, tahoma, sans-serif; display: block; padding: 0 0 0px 0; margin: 0; color: #F7FFC8; }
        .mid2 h1 span { font: 51% verdana, tahoma, sans-serif; color: #AEBCD0; white-space: nowrap; }

.pan { width: 250px; height: 250px; background: url(img/pan-porthole.gif) no-repeat top left; margin-right: 30px; vertical-align: top; }
*HTML .pan { width: 250px; height: 250px; background: url(img/pan-porthole.gif) no-repeat top left; vertical-align: top; }
    .pan a, .pan a:link, .pan a:visited, .pan a:active, .pan a:hover { font: 75% verdana, tahoma, sans-serif; }
    .pan div { width: 130px; vertical-align: top; padding-left: 108px; padding-top: 12px; }
    *HTML .pan div { width: 238px; vertical-align: top; padding-left: 108px; padding-top: 6px; }
    .pan img { margin: 180px 0 0 173px; }





.foot-bg { background: url(img/foot-bg.jpg) repeat-x bottom left; height: 90px; }
.bottom { background: url(img/foot-ocean.jpg) no-repeat top left; height: 90px; font: 70% verdana, tahoma, sans-serif; padding-left: 60px; }
    .bottom .bear { background: url(img/foot-bear.gif) no-repeat bottom right; height: 90px; }


.count {float: left; margin-right: 20px;}


.abz {font: 75% verdana, tahoma, sans-serif; color: #fff; margin-bottom: 12px; margin-top: 15px; line-height: 1.25;}
    .abz h3 {font: bold 125% verdana, tahoma, sans-serif; margin: 0; text-align: left; padding: 5px 0 10px 0; color: #fff;}

	.abz img {clear: both; float: left; margin: 3px 20px 10px 0;}
	.abz .img {font: 90%; clear: both; float: left; margin: 0px 6px 4px 0; width: 150px;}
    		.abz .img td {color: #fff; font-size: 90%; vertical-align: top; padding-right: 20px; border: none;}
			.abz .img td strong {display: block; margin-bottom: 1px;}
		.abz .img img {clear: none; float: none; margin: 3px 0; display: block;}

    .abz table { font: 100% verdana, tahoma, sans-serif;}
        .abz table th { font-weight: bold; padding: 4px 15px 9px 10px; text-align: left;border-top: #758DAF 1px solid; border-bottom: #758DAF 2px solid; }
        .abz table td { padding: 4px 15px 9px 10px; border-bottom: #758DAF 1px solid; }


.load {font: 75% verdana, tahoma, sans-serif; color: #fff; background: url(img/pt_load.gif) no-repeat left center; margin: 20px 0 15px 0; padding: 8px 0 10px 45px;}


.cl {clear: both; font-size: 1px;}


.news {padding: 0 0 18px 0px; vertical-align: top; font: 70% verdana, tahoma, sans-serif; color: #fff; border: solid 0px #9900FF; line-height: 14px;}
    .news div{font-size: 90%; color: #B2BDCD; padding: 0px;}
        .news .img {margin: 4px 16px 2px 0; float: left;}
        .news .tit {font: italic bold 125% verdana, tahoma, sans-serif; margin: 0; text-align: left; padding: 10px 0 12px 0; color: #fff; background-color: transparent;}
    .news h6 {padding: 0; margin: 3px 0 4px 0;}

.news-out {font: 75% verdana, tahoma, sans-serif; color: #fff;}
    .news-out a, .news-out a:link, .news-out a:visited, .news-out a:active, .news-out a:hover {color: #F7FFC8;}
        .news-out div {font: 93% verdana, tahoma, sans-serif; margin-top: 0;}
        .news-out h6 span {  font: 85% verdana, tahoma, sans-serif; color: #AEBCD0;  }
.news-out img {margin: 0 15px 2px 0; float: left;}


.h04 {height: 4px;}
.h10 {height: 10px;}
.h20 {height: 20px;}
.h40 {height: 40px;}
.h70 {height: 90px;}
.h180 {height: 180px;}
.h200 {height: 200px;}
.h440 {height: 440px;}

.pt6 {padding-top: 6px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pr30 {padding-right: 30px;}

.mb8 {margin-bottom: 8px;}
.mt30 {margin-top: 30px;}

.w270 {width: 270px; padding-left: 30px;}
.w100 { width: 100%; }

.map {font-weight: bold; font-size: 92%;}
	.map div {background: url(img/line_menu.gif) no-repeat left top; padding: 12px 0 0 18px;}
	.map div.last {background: url(img/line_menu_last.gif) no-repeat left top; padding: 12px 0 0 18px;}
	.map .gen {font-size: 110%; background: none; margin: 0; padding: 0;}
		.map div.submap {background: url(img/bg_submap.gif) repeat-y left top; padding-left: 20px; padding-top: 0;}
		.map div.submap-last {background: none; padding-left: 20px; padding-top: 0;}
		.map div.list {background: url(img/bg_submap.gif) no-repeat left top; padding-left: 0; padding-top: 7px;}
			.map div.list div {font-weight: normal; background: url(img/bg_list.gif) no-repeat left top; padding-top: 5px; padding-left: 30px;}
			.map div.list div.good {font-weight: normal; background: url(img/bg_list-good.gif) no-repeat left top; padding-top: 5px; padding-left: 30px;}
			.map div.list div.last {font-weight: normal; background: url(img/bg_list_last.gif) no-repeat left top; padding-top: 5px; padding-left: 30px;}
			.map div.list div.lastgood {font-weight: normal; background: url(img/bg_list_last-good.gif) no-repeat left top; padding-top: 5px; padding-left: 30px;}



.pop-up-bg {background: #395A8B none;}
.pop-up {background: #395A8B url(img/popup-bg.jpg) repeat-x top left; padding: 20px 0 0 20px;}
    .pop-up h6 { color: #F7FFC8; font: 110% verdana, tahoma, sans-serif; padding: 0; margin: 20px 0 8px 0; font-weight: bold; }
.pop-up .bott {background: transparent; width: 550px;}

    .pop-up .pad {padding: 0 20px;}

        .pop-up .copy { padding: 8px 0 20px 0; font: 70% verdana, tahoma, sans-serif; color: #fff; display: inline;}
        .pop-up .count {float: right; margin-right: 20px;}
        .pop-up .im { font: 70% verdana, tahoma, sans-serif; color: #fff; padding-bottom: 20px; display: block; }
            .pop-up .im img { padding-bottom: 10px; display: block; cursor: hand;}
        .pop-up h1 { padding-left: 0px; padding-top: 0; }

.pop-up .t { font: 200% verdana, tahoma, sans-serif; text-transform: uppercase; color: #fff; white-space: nowrap; padding: 6px 0; }
.pop-up .r {  font: 75% verdana, tahoma, sans-serif; color: #BDD3FF; display: inline; float: left; width: 260px; text-align: left; margin-right: 88px; }

.pop-up .kr {padding: 0; margin: 20px 0 0 0;}
.pop-up hr {height: 1px; background-color: #617BA2; border: 0px solid #617BA2; color: #617BA2;}



.err {margin: 20px 0; font: 75% verdana, tahoma;}
    .err h1 {clear: both; font: italic 200% verdana, tahoma; color: #fff;}
    .err .count {float: left; margin: 0 10px 0 0;}
    .err .copy { padding: 8px 0 20px 0; font: 94% verdana, tahoma, sans-serif; color: #fff; display: inline;}
    .err .text {width: 490px; font: 100% verdana, tahoma; border: 1px solid #6888C0; margin-bottom: 10px;}
    .err .text div {padding: 20px;}


.hr1 {height: 1px; background-color: #445F88; border: 0px solid #445F88; color: #445F88;}

.pix-up { padding-top: 84px; padding-left: 150px;  width: 233px; }


.paragraph { width: 500px; margin-top: 20px; }

.small {font-size: 92%;}
	.small a, .small a:link, .small a:visited, .small a:active, .small a:hover {color: #FF9C0B;}
	.small .key {float: right; margin: 3px 0 6px 12px; padding: 0;}

		.small .key div { float: left; margin: 0 0 0 3px; padding: 0; }
		.small .key div img {cursor: hand;}
		.small .key .row {padding: 0 0 0 45px; margin: 0; float: none; clear: left; }

		.small .key .key1 { height: 35px; padding-left: 10px; padding-top: 11px; padding-bottom: 3px; margin-left: 0; }
        *HTML .small .key .key1 { height: 35px; padding-left: 4px; padding-top: 11px; padding-bottom: 6px; margin-left: 0; }
		.small .key .key2 {float: left; margin: 0 0 0 3px; padding: 0; width: 35px; }
		*HTML .small .key .key2 {float: left; margin: 0 0 0 0px; padding: 0; width: 35px; }
        *HTML .small img { padding: 0; margin: 0; }