a {color: #33B6CB; text-decoration: none;}
a:link  {color: #33B6CB; text-decoration: underline;}
a:visited  {color: #33B6CB; text-decoration: underline;}
a:active  {color: #666; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}

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

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

h1 {color: #6E505D; font: 150% tahoma, verdana, sans-serif; padding: 25px 0 10px 30px; margin: 0;}
h2 {color: #6E505D; font: 138% Arial, Tahoma, sans-serif; padding: 0; margin: 0 0 12px 0;}
h3 {color: #6E505D; font: 113% tahoma, verdana, sans-serif; padding: 0 0 7px 0; margin: 0; }
h4 {color: #6E505D; font: bold 107% verdana, tahoma, sans-serif; padding: 10px 0 4px 10px; margin: 0; }
h5 {color: #000; font: bold 88% tahoma, verdana, sans-serif; padding: 0; margin: 0 0 7px 0;}
h6 {color: #6E505D; font: 100% tahoma, verdana, sans-serif; padding: 0; margin: 3px 0 4px 0; font-weight: bold;}

input, textarea, select { font: 100% Arial, Tahoma, sans-serif; color: #333; background-color: #fff; border: #ccc 1px solid; width: 70%; padding: 2px 5px; }



.button { color: #fff; font: 100% tahoma, verdana; background: #787878 url(img/bg_send.gif) repeat-x top left; padding: 1px 10px 2px 10px; margin: 5px 0 0 0px; width: auto; display: inline; float: left; }


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

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

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

img {border: 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;}
.vbot {vertical-align: bottom;}
.vmid {vertical-align: middle;}





.width-all { width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<990?'990px':'100%');  min-width: 990px; max-width: 1680px; text-align: left; }


.kr { margin: 10px 0px 0px 7%; padding: 0; padding-top: 10px; color: #c5c5c5; font: 69% tahoma, verdana, sans-serif; display: block; float: none; }
    .kr a, .kr a:link, .kr a:visited, .kr a:active, .kr a:hover { background: url(img/pt_kr.gif) no-repeat top right; padding: 0 17px 0 0; color: #8a8a8a; display: inline;}


.top { height: 246px; background: url(img/bg_top.jpg) no-repeat top center; margin: 0; display: block; float: none; }

.logo { width: 100%; display: inline; float: left; }
    .logo div { margin: 30px 0 0 9%; }



.menu { background: url(img/bg_menu.jpg) no-repeat top center; font: bold 69% tahoma, verdana, sans-serif; text-transform: uppercase; color: #c5c5c5; text-align: center; height: 95px; width: 100%; display: block; float: none; }
    .menu table { width: 100%; margin: 0; }
        .menu table td { text-align: center; }
            .menu table td div { padding: 10px 0 0 0; font: bold 100% tahoma, verdana, sans-serif; color: #c5c5c5; }
        .menu table td table { width: 100%; margin: 0; }

.menu a, .menu a:link, .menu a:visited, .menu a:active, .menu a:hover { font: bold 90% tahoma, verdana, sans-serif; color: #EE2EB0; text-decoration: none; }
.menu .a a, .menu .a a:link, .menu .a a:visited, .menu .a a:active, .menu .a a:hover { color: #8a8a8a; }



.midd { background: url(img/bg_midd-l.gif) repeat-y top left; width: 100%; }
.midd-r { background: url(img/bg_midd-r.gif) repeat-y top right; width: 100%; }

    .midd .midd-r h1 { font: 156% tahoma, verdana, sans-serif; color: #F345C2; padding: 20px 0 10px 7%; }
    .midd .midd-r .p07 { width: 86%; margin: 0 7%; border: #9966FF 1px dashed; }
    .midd .midd-r .pred { margin: 26px 0 0 7%; }


.hots { width: 70%; margin: 20px 0 0 7%; display: inline; float: left; }
    .hots div { display: block; float: none; }
        .hots div div { width: 45%; padding: 0 4% 38px 0; font: 63% tahoma, verdana, sans-serif; display: inline; float: left; }
            .hots div div .lpix { float: left; padding: 0 10px 0 0; }
            .hots div div .rpix { float: right; padding: 0 0 0 0px; }
            .hots div div div { font: 100% tahoma, verdana, sans-serif; padding: 0 0 6px 0; }
            .hots div div .zag { font: bold 120% tahoma, verdana, sans-serif; color: #F345C2; padding: 0 0 6px 0; display: block; float: none; }

.hots div div a, .hots div div a:link, .hots div div a:visited, .hots div div a:active, .hots div div a:hover { font: bold 112% tahoma, verdana, sans-serif; color: #F345C2; }


.spec { width: 22%; background: #69D5E6 url(img/bg_spec-up.gif) no-repeat top left; margin: 0; display: inline; float: right; }
    .spec div { background: url(img/bg_spec-dn.gif) no-repeat bottom left; zoom: 1 }
        .spec div div { font: bold 69% tahoma, verdana, sans-serif; padding: 95px 10px 0 20px; color: #fff; }
            .spec div div div { background: none; font: normal 145% Arial Narrow; padding: 7px 0 10px 50px; }
			.spec div div div a {font-weight: bold; color: #fff;}


.var { width: 30%; font: 63% tahoma, verdana, sans-serif; padding: 0 0 0 7%; display: inline; float: left; }
    .var div { margin: 0 0 10px 0; }

    .var .fon { width: 100%; background: #F2FBF9 url(img/v1.gif) no-repeat left top; margin: 0; font: 100% tahoma, verdana, sans-serif; display: inline; float: left; }
    	.var .fon div { background: url(img/v2.gif) no-repeat right top; padding: 0; margin: 0; }
    	.var .fon div div  { background: url(img/v3.gif) no-repeat right bottom; padding: 0; margin: 0; }
        .var .fon div div div { background: url(img/v4.gif) no-repeat left bottom; padding: 10px 20px; }

    .var .fon img { float: left; padding: 0 15px 0 0; }
        .var .fon table td { padding: 20px 0 0 0; }
        .var .fon table td.f { padding: 0px 0 0 0; }


    .var .indet { font: bold 90% tahoma, verdana, sans-serif; }

.var a, .var a:link, .var a:visited, .var a:active, .var a:hover { font: bold 120% tahoma, verdana, sans-serif; color: #F345C2; }



.about { width: 20%; font: 63% tahoma, verdana, sans-serif; padding: 0 0 0 4%; display: inline; float: left; }
    .about div { margin: 0 0 10px 0; }
    .about .indet { font: bold 110% tahoma, verdana, sans-serif; }


.works { width: 28%; font: 63% tahoma, verdana, sans-serif; padding: 0 6% 0 4%; display: inline; float: right; }
    .works div { margin: 0 0 10px 0; }
    .works .img { background: #ABE1E9 url(img/c1.gif) no-repeat left top; margin: 0 20px 10px 0; display: inline; float: left; }
    	.works .img div { background: url(img/c2.gif) no-repeat right top; padding: 0; margin: 0; }
    	.works .img div div  { background: url(img/c3.gif) no-repeat right bottom; padding: 0; margin: 0; }
        .works .img div div div { background: url(img/c4.gif) no-repeat left bottom; padding: 3px; }

    .works .indet { font: bold 110% tahoma, verdana, sans-serif; }

.works a, .works a:link, .works a:visited, .works a:active, .works a:hover { font: bold 120% tahoma, verdana, sans-serif; color: #F345C2; }
.works .indet a, .works .indet a:link, .works .indet a:visited, .works .indet a:active, .works .indet a:hover { font: bold 100% tahoma, verdana, sans-serif; color: #F345C2; }



.descr { width: 87%; padding: 0 6% 0 7%; font: 69% tahoma, verdana, sans-serif; }

    .descr .img { background: #ABE1E9 url(img/c1.gif) no-repeat left top; margin: 0 20px 10px 0; display: inline; float: left; }
    	.descr .img div { background: url(img/c2.gif) no-repeat right top; padding: 0; margin: 0; }
    	.descr .img div div  { background: url(img/c3.gif) no-repeat right bottom; padding: 0; margin: 0; }
        .descr .img div div div { background: url(img/c4.gif) no-repeat left bottom; padding: 3px; }


.anons { font: 69% tahoma, verdana, sans-serif; margin: 35px 10px 20px 7%; }
    .anons img { float: left; vertical-align: top; margin-right: 20px; }
    .anons div { padding: 0 0 5px 0; display: block; }

.anons a, .anons a:link, .anons a:visited, .anons a:active, .anons a:hover { font: bold 110% tahoma, verdana, sans-serif; }



.arts { width: 87%; padding: 0 6% 0 7%; font: 69% tahoma, verdana, sans-serif; }
        .arts div { font: 100% Arial, tahoma, verdana, sans-serif; }
        .arts h2 { font: 128% Arial, tahoma, verdana, sans-serif; color: #F345C2; padding: 0px 0 8px 0; margin: 0; }
            .arts h2 span { font: 85% Arial, tahoma, verdana, sans-serif; color: #4BBED0; text-transform: lowercase; padding: 0; }

.arts img {margin: 5px 15px 2px 0; float: left;}

.arts h2 a, .arts h2 a:link, .arts h2 a:visited, .arts h2 a:active, .arts h2 a:hover { font: 100% Arial, tahoma, verdana, sans-serif; color: #F345C2; }



.faq { width: 87%; padding: 0 6% 0 7%; font: 69% tahoma, verdana, sans-serif; }
    .faq h2 { font: bold 128% tahoma, verdana, sans-serif; color: #F345C2; padding: 15px 0 8px 0; margin: 0; }
    .faq .q { background: url(img/pt_faq-q.gif) no-repeat top left; padding: 0 0 12px 20px; }
    .faq .qq { background: url(img/pt_faq-q.gif) no-repeat top left; padding: 0 0 5px 20px; }
    .faq .a { background: url(img/pt_faq-a.gif) no-repeat top left; padding: 0 0 20px 20px; }



.bottom { background: url(img/bg_bott.jpg) no-repeat top center; height: 138px; padding: 0 0 0 7%; font: 100% tahoma, verdana, sans-serif; }
    .bottom div { padding: 70px 7% 0 0; width: 280px; font: 69% tahoma, verdana, sans-serif; display: inline; float: left; }
        .bottom div img { margin: 0 15px 0 0; }

.bottom a, .bottom a:link, .bottom a:visited, .bottom a:active, .bottom a:hover { color: #7B7B7B; }


.abz {font: 69% Arial, tahoma, verdana, sans-serif; margin: 20px 20px 12px 7%; display: block; float: none; }
    .abz h3 {font: bold 128% tahoma, verdana, sans-serif; margin: 0; text-align: left; padding: 0px 0 3px 0; color: #F345C2; }

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

.abz table { margin: 7px 0; font: 100% Arial, tahoma, verdana, sans-serif; }
.abz table th { font: bold 100% Arial, tahoma, verdana, sans-serif; background-color: #F2FBF9; border-bottom: #ccc 2px solid; border-top: #ccc 1px solid; padding: 6px; color: #15B8D2; }
.abz table td { vertical-align: top; font: 100% Arial, tahoma, verdana, sans-serif; border-bottom: #ccc 1px solid; padding: 5px 6px; }


    .abz table.form td { font: 100% Arial, tahoma, verdana, sans-serif; border: none; vertical-align: top; }
    .abz table.form img {clear: none; float: none; margin: 0;}


        .abz .pix { background: #ABE1E9 url(img/c1.gif) no-repeat left top; margin: 0 20px 10px 0; display: inline; float: left; }
    	.abz .pix div { background: url(img/c2.gif) no-repeat right top; padding: 0; margin: 0; }
    	.abz .pix div div  { background: url(img/c3.gif) no-repeat right bottom; padding: 0; margin: 0; }
        .abz .pix div div div { background: url(img/c4.gif) no-repeat left bottom; padding: 3px; }
        .abz .pix img { padding: 0; margin: 0; }

.abz a, .abz a:link, .abz a:visited, .abz a:active, .abz a:hover { font: 100% Arial, tahoma, verdana, sans-serif; }



.cl {clear: both; background: transparent none; font-size: 1px; padding: 0; margin: 0; }



.h04 {height: 4px; padding: 0; margin: 0; font-size: 1px;}
.h10 {height: 10px;}
.h12 {height: 12px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h80 {height: 80px;}

.pt10 {padding-top: 10px;}
.pt123 {padding-top: 123px; vertical-align: top;}
.pb10 {padding-bottom: 10px;}
.pb30 {padding-bottom: 30px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}

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

.w60 {width: 60px;}




.pop-up { width: 700px; padding: 15px 0 0 30px; font: 100% Tahoma, Arial, sans-serif; display: block; float: none; }

    .pop-up h6 { font: bold 136% Tahoma, Arial, sans-serif; color: #7B7B7B; padding: 10px 0 5px 0; }

    .pop-up .im { width: 90%; font: 69% tahoma, verdana, sans-serif; color: #333; margin: 7px 0 10px 0; display: block; float: none; }
        .pop-up .im .bl { padding: 0 0 8px 0; display: block; float: none; }
        .pop-up .im img { padding: 0 0 10px 0; margin: 0; display: block; float: none; cursor: pointer; }

    .pop-up .kr { margin: 0; }

    .pop-up .bottom { background: none; padding: 10px 0 0 0; margin: 15px 0 0 0; height: auto; border-top: #ccc 1px solid; }
        .pop-up .bottom div { padding: 0px 0 0 0; }



.err {margin-bottom: 20px; font: 75% tahoma, verdana; margin: 10px 20px;}
    .err h1 {clear: both; font: italic 200% tahoma, verdana;}

.err .count {float: left; margin-right: 10px; margin-left: 0;}

.err .slogo {float: left; vertical-align: bottom; margin: 0px 20px 15px 0;}

.err .bottom { background: none; width: 490px; border-top: 1px solid #6888C0; margin-top: 20px;}
	.err .bottom a, .err .bottom a:link, .err .bottom a:visited, .err .bottom a:active, .err .bottom a:hover {color: #8B8059;}
	.err .bottom td {color: #8B8059; font: 93% tahoma, verdana; vertical-align: top; padding-top: 13px;}


.err .text {width: 490px; font: 100% tahoma, verdana; border: 1px solid #6888C0; margin-bottom: 10px;}
    .err .text div {padding: 20px;}

.err .name {font: bold 100% tahoma, verdana; margin: 0; white-space: nowrap;}



.load {font: bold 110% Arial, tahoma, verdana, sans-serif; color: #333; background: url(img/pt_load.gif) no-repeat left center; margin-bottom: 0px; padding: 8px 0 10px 40px;}
.load a, .load a:link, .load a:visited, .load a:active, .load a:hover { font: bold 100% Arial, tahoma, verdana, sans-serif; color: #F345C2; }