Body {
font: 11px  Trebuchet MS, Arial Narrow, Arial;
color: #798c8e;
}

*{
margin:0;
padding:0;
border:0;
}

.wech {	
DISPLAY: none;
}
A.navi {	
MARGIN: 0px;
cursor:pointer;
}

a { 
color: #fb8b09;
text-decoration: underline;
}

a:hover { 
color: #798c8e;
text-decoration: underline;
}

/* Header blocks */

.top_logo {
float:left;
width:130px;
position:relative;
margin-top:-20px;
}
.add_block {
padding-left:20px;
position:relative;
margin-left:-20px;
}
.add_block a {
color:#017d97;
text-decoration:none;
font-size:10px;
line-height:10px;
float:left;
position:relative;
}
.add_block a:hover {
color: #fb8b09;
text-decoration:none;
}
.add_block img {
position:absolute;
right:0px;
top:0px;
}

.title a {
color:#017d97;
line-height:24px;
}
.title a:hover, .title_2 .title a:hover {
color: #fb8b09;
}
.title   {
font:24px Verdana;
color:#686d6f;
margin-bottom:14px;
margin-top:0px;
font-weight:normal;
}

.title_2 {
background: url('http://youko.ru/media/images/fon_border.gif') repeat-x 0 bottom;
float:left;
width:100%;
padding-bottom:0px;
}

.title_2 .title   {
margin-bottom:6px;
}
.cont_inner {
padding-top:30px;
float:left;
width:100%;
font-size:12px;
text-align: justify;
}

.cont_inner img {
border:0px #c5c5c4 solid;
}

h3 {
color:#f3f8f2;
font:18px Verdana;
margin-bottom:14px;
margin-top:0px;
font-weight:normal;
}

.icon_block {
margin-left:180px;
width:16px;
position:relative;
top:5px;
}
.icon_block ul {
float:left;
width:100%;
}
.icon_block ul li {
list-style:none;
text-align:center;
margin-bottom:13px;
float:left;
}
.icon_block ul li.style_li {
filter:expression(fixPNG(this));
background: url('http://youko.ru/media/images/fon_icon-3.png') no-repeat 0 0;
width:16px;
margin-left:-1px;
height:15px;
margin-bottom:11px;
}
.icon_block ul li a {
position:relative;
float:left;
left:3px;
}
.icon_block ul li.style_li  a {
position:relative;
float:left;
left:4px;
top:2px;
}


.menu {
width:95%;
float:left;
position:relative;
}
.menu  ul {
float:left;
width:100%;
position:absolute;
left:-10px;
}
*HTML .menu  ul {
position:absolute;
left:-7px;
float:left;
width:100%;
}
.menu  ul li {
list-style:none;
margin-bottom:6px;
float:left;
width:100%;
}
*HTML .menu  ul li {
list-style:none;
margin-bottom:5px;
float:left;
width:100%;
}
.menu  ul li x:-moz-any-link {
list-style:none;
margin-bottom:4px;
float:left;
width:100%;
}
.menu  ul li a {
font:12px Verdana;
color:#02a5ec;
text-transform: uppercase;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
padding-top:2px;
height:19px;
position:relative;
}
.menu  ul li a:hover {
background: url('http://youko.ru/media/images/fon_link_menu.gif') repeat-x 0 0;
color:#ffffff;
text-decoration:none;
}
.menu  ul li.act , .menu  ul li.act2 {
background: url('http://youko.ru/media/images/fon_link_menu.gif') repeat-x 0 0;
color:#fefefe;
text-decoration:none;
height:19px;
padding-top:3px;
}
.menu  ul li.act {
width:124px;
}
.menu  ul li.act2 {
width:230px;
}
.menu  ul li.act a, .menu  ul li.act2 a {
color:#fefefe;
}
.menu  ul li.act  span, .menu  ul li.act2  span {
left:11px;
position:relative;
}
.menu  ul li.act a:hover, .menu  ul li.act2 a:hover {
background:none;
}


/* Header blocks */



.png{
filter:expression(fixPNG(this));
}

/* Main setka tree collums */

.right_1 {
float:right;
width:25%;
}
.left_1 {
float:left;
/*text-align:justify;*/
width:28%;
}
.center_1 {
margin-left:33%;
margin-right:33%;
}



/* END Main setka tree collums */

/* Main plashka */

.main_block {
background:  url('http://youko.ru/media/images/fon_main_left.gif') no-repeat 0 0;
float:left;
width:100%;
color:#daeed6;
margin-top:40px;
height:358px;
}
.main_block0 {
float:left;
width:100%;
height:358px;
background-color:#398FA4;
background:  url('http://youko.ru/media/images/fon_main_right.gif') no-repeat 105% 0;
}
.main_block1 {
float:left;
width:100%;
}
.main_block a {
color:#c7fd8d;
}
.main_block a:hover {
color:#f5db86;
}
.main_block  strong {
color:#fdc81a;
}
.main_block p {
padding-left:21px;
margin-bottom:9px;
margin-left:2px;
}
.main_block01 {
padding-left:40px;
padding-right:40px;
}

.main_block0  .left_1, .main_block0  .right_1 {
padding-top:30px;
}

.main_block0  .left_1 p {
background: url('http://youko.ru/media/images/fon-icon-1.gif') no-repeat 0 6px;
padding-right:40px;
}
.main_block0  .right_1 p {
background: url('http://youko.ru/media/images/fon-icon-2.gif') no-repeat 0 6px;
}

.main_block1  .contacts_block {
width:310px;
margin-left:auto;
margin-right:auto;
position:relative;
margin-top:-50px;
float:left;
left:-5px;
z-index:100;
}

.main_inner .contacts_block .left {
float:left;
width:90%;
}
.main_inner .contacts_block .right {
float:left;
width:90%;
position:relative;
top:0px;
left:34px;
margin-left:0px;
}
.main_inner .contacts_block  {
padding-left:20px;
margin-top:60px;
float:left;
}

.cont_inner .contacts_block  {
padding-left:0px;
margin-top:0px;
float:left;
width:100%;
margin-bottom:30px;
position:relative;
left:-34px;
}
*HTML .cont_inner .contacts_block  {
padding-left:0px;
margin-top:0px;
float:left;
width:100%;
margin-bottom:0px;
position:relative;
}
.cont_inner .contacts_block span {
background: none;
color:#334a51;
}
.form_block .left_form span {
background: none;
color:#fb3c01;
}

.cont_inner  .contacts_block .left .tel_block .tel { 
color:#1b5a76;
float:left;
width:120px;
padding-left:0px;
position:relative;
top:2px;
left:0px;
margin-left:5px;
padding-top:0px;
margin-bottom:0px;
}

.cont_inner  .contacts_block .tel_block .code { 
float:left;
}
.cont_inner  .contacts_block .tel_block {
float:left;
width:220px;
margin-top:15px;
margin-left:-45px;
}
.cont_inner  .contacts_block .left span {
float:left;
}


.form_block {
float:left;
width:100%;
padding-top:15px;
}
*HTML .form_block {
float:left;
width:100%;
padding-top:15px;
margin-bottom:170px;
}

.form_block .block_form {
float:left;
width:100%;
margin-bottom:5px;
}

.form_block .block_form .left_form {
float:left;
width:130px;
font-weight:bold;
}
.form_block .block_form .right_form {
margin-left:140px;
position:relative;
}
*HTML .form_block .block_form .right_form {
margin-left:140px;
position:absolute;
left:40px;
}
.form_block .input_text_block {
width:312px;
background: url('http://youko.ru/media/images/fon_input_contacts.png') no-repeat 0 0;
height:19px;
filter:expression(fixPNG(this));

}

.form_block .input_text {
height:16px;
position:absolute;
top:1px;
width:290px;
margin-left:0px;
left:10px;
background: none;
float:left;

}
*HTML .form_block .input_text {
height:16px;
position:relative;
top:2px;
width:290px;
left:10px;
background: none;
float:left;
}


.form_block  .sub {
margin-top:20px;
}
.textarea_block  {
width:312px;
background: url('http://youko.ru/media/images/fon_textarea.png') no-repeat 0 0;
height:204px;
filter:expression(fixPNG(this));
}

.form_block textarea {
height:185px;
position:absolute;
width:298px;
margin-left:0px;
left:10px;
top:10px;
background: none;
float:left;
overflow: auto;
}


.contacts_block .left {
float:left;
width:160px;
}
.contacts_block .right {
float:right;
width:140px;
position:relative;
top:2px;
}

.main_inner .contacts_block .left span {
position:relative;
top:4px;
left:32px;
}
.contacts_block span {
color:#334a51;
font:9px Verdana;
}
.contacts_block .left span {
position:relative;
top:4px;
left:30px;
}
.contacts_block .right span {
position:relative;
top:4px;
}
.contacts_block .email a {
color:#c7fd8d;
font:18px Verdana;
text-decoration:none;
}
.contacts_block .email a .span_2 {
border-bottom:1px #c7fd8d solid;
font:18px Verdana;
color:#c7fd8d;
}
.contacts_block .email a span { 
color:#fb7b05;
border-bottom:1px #fb7b05 solid;
font:18px Verdana;
position:relative;
top:1px;
}
.main_inner .contacts_block .email a .span_2 {
border-bottom:1px #13a0e0 solid;
color:#13a0e0;
}
.contacts_block .tel_block .code {
color:f3f8f2;
font:9px Verdana;
float:left;
background: url('http://youko.ru/media/images/fon_tel.png') no-repeat 0 0;
width:25px;
height:12px;
position:relative;
top:10px;
filter:expression(fixPNG(this));
text-align:center;
}
.contacts_block .tel_block .tel { 
color:#f3f8f2;
font:22px Verdana;
margin-left:30px;
}
.main_inner .contacts_block .tel_block .tel { 
color:#1b5a76;
float:left;
width:99%;
left:30px;
padding-left:0px;
margin:0px;
position:relative;
top:-12px;
margin-bottom:-7px;
}

.main_inner .contacts_block .left span {
float:left;
}
.main_inner .contacts_block .tel_block {
margin-top:14px;
margin-left:0px;
float:none;
}
.cont_inner .main_inner .contacts_block .tel_block {
margin-top:14px;
margin-left:-32px;
float:left;
}



.main_inner .contacts_block .tel_block .code span {
color:#f3f8f2;
left:2px;
top:-1px;
}

.contacts_block .tel_block .code span {
color:#f3f8f2;
left:0px;
top:-1px;
}

.port_adv_block {
float:left;
width:100%;
position:relative;
margin-top:25px;
margin-bottom:60px;
}

.port_adv_block .left {
float:left;
width:35%;
}
.port_adv_block .right {
float:right;
width:24%;
text-align:right;
}
.port_adv_block .center {
margin-left:37%;
margin-right:27%;
}
.port_adv_block .left  p, .port_adv_block .center p, .port_adv_block .right  p {
margin-bottom:6px;
}

.port_adv_block a {
color:#00a5f1;
}
.port_adv_block .left  p a:hover, .port_adv_block .center p a:hover, .port_adv_block .right  p a:hover {
color:#fb8b09;
}


.port_block {
float:left;
width:100%;
position:relative;
margin-top:-10px;
}
.port_block .block {
float:left;
width:100%;
margin-bottom:13px;
}
.port_block .left {
float:left;
width:90px;
}
.port_block .right {
margin-left:135px;
}
.port_block .left .photo img {
border:0px #c5c5c4 solid;
}
.clients_block .port_block .left .photo img {
border:0px;
}
.clients_block .port_block .left {
text-align:center;
}
.port_block h2 {
color:#fb8b09;
font:11px Trebuchet MS;
font-weight:bold;
margin:0px;
text-transform:uppercase;
}
.port_block .text a {
color:#798c8e;
font:11px Trebuchet MS;
}
.page_listing {
float:left;
width:100%;
margin-top:40px;
}
.clients_block .page_listing {
margin-top:90px;
}
.page_listing0 {
padding-left:110px;
}

.page_listing .page_listing0 a {
text-decoration:underline;
padding-left:3px;
padding-right:3px;
font:11px Trebuchet MS;
font-weight:bold;
color:#30b5f1;
text-align:center;
}
.page_listing .page_listing0 a:hover {
color:#f9fbfb;
background-color: #798c8e;
font-weight:normal;
text-decoration:none;
}
.page_listing .page_listing0 span {
color:#f9fbfb;
padding-left:3px;
padding-right:3px;
font-weight:normal;
position:relative;
background-color: #798c8e;
}




.main_block0  .center_1 .pic0 {
position:relative;
z-index:90;
left:0px;
top:0px;
}

.main_block0  .center_1 .pic {
background: url('http://youko.ru/media/images/1.jpg') no-repeat 0 0;
float:left;
width:573px;
height:358px;
position:absolute;
left:-160px;
top:0px;
}
*HTML .main_block0  .center_1 .pic {
background: url('http://youko.ru/media/images/1.jpg') no-repeat 0 0;
float:left;
width:573px;
height:358px;
position:absolute;
left:-190px;
top:0px;
}
.main_block0 .left_1, .main_block .right_1 {
position:relative;
z-index:100;
}

.price_block0 {
top:-90px;
position:relative;
left:41px;
float:left;
z-index:100;
}

.price_block {
background: url('http://youko.ru/media/images/brief_fon.png') no-repeat 0 0;
float:left;
width:195px;
height:50px;
filter:expression(fixPNG(this));
position:relative;
z-index:100;
}

.main_inner .price_block {
background: url('http://youko.ru/media/images/brief_fon2.png') no-repeat 0 0;
float:left;
width:195px;
height:40px;
filter:expression(fixPNG(this));
position:relative;
z-index:100;
}
.main_inner .price_block0 {
top:20px;
position:relative;
left:0px;
float:left;
z-index:100;
}
.main_inner .price_block .text {
padding-left:0px;
top:12px;
left:50px;
position:relative;
}
.main_inner .price_block .text a {
color:#30b5f1;
}
.main_inner .price_block .text a:hover {
color:#fb8b09;
}
.main_inner .price_block .text strong {
color:#fb8b09;
}

.price_block .text {
padding-left:10px;
top:17px;
left:50px;
position:relative;
}
.price_block .text a:hover {
color:#f5db86;
}
.price_block .text strong {
margin-left:3px;
}




/* END Main plashka */


.centre_main .center_1 {
margin-left:33%;
margin-right:0px;
padding-right:50px;
}
*HTML .centre_main .center_1 {
margin-left:36%;
margin-right:0px;
padding-right:50px;
}

.centre_main .left_1 {
width:24%;
float:left;
}

.centre_main {
float:left;
width:100%;
margin-top:30px;
}


.centre_main0 {
width:100%;
float:left;
}
*HTML .centre_main {
float:left;
width:100%;
margin-top:-18px;
}

.opinion_block {
float:left;
width:100%;
margin-top:15px;
}
.opinion_block1 {
padding-left:40px;
}
.opinion_block0 {
float:left;
width:100%;
background: url('http://youko.ru/media/images/fon_border.gif') repeat-x 0 bottom;
padding-bottom:3px;
margin-bottom:21px;
}
.main_inner .opinion_block0 {
float:left;
width:100%;
background: none;
padding-bottom:3px;
margin-bottom:21px;
}


.opinion_block .block {
float:left;
width:100%;
margin-bottom:26px;
}
.opinion_block .block .left {
float:left;
width:40px;
color:#c5c9c6;
position:relative;
margin-top:-6px;
}
.opinion_block .block .left span {
font-size:18px;
}
.opinion_block .block .right {
margin-left:45px;
}
.opinion_block .block .name {
color:#1b5a76;
}
.opinion_block .block .name span {
font-weight:bold;
}
.opinion_block .block .text {
float:left;
width:100%;
margin-top:1px;
}
.opinion_block .block .text a {
color:#00a5f1;
}
.opinion_block .block .text a:hover {
color: #fb8b09;
}
.opinion_block h4 {
position:relative;
}
.opinion_block h4 span {
font-size:10px;
position:relative;
top:-15px;
left:-4px;
}

h4 {
color:#1b5a76;
font:18px Verdana;
font-weight:normal;
margin-top:0px;
margin-bottom:10px;
line-height:19px;
}

.cont_block {
float:left;
width:100%;
border:1px red solid;
}

.header0 {
padding-left:40px;
padding-right:40px;
}
.header0 .right_1 {
position:relative; 
}

.top_content_text {
float:left;
width:100%;
margin-top:40px;
}
.top_content_text0 {
padding-left:40px;
padding-right:40px;
}

.top_content_text span, .cont_main span, .cont_inner span {
color:#fcfefc;
background-color:#5e7b81;
padding-left:1px;
padding-right:1px;
}
.top_content_text strong {
color:#fb8b09;
}

.banner_block {
float:left;
width:100%;
position:relative;
}
.banner_block0 {
float:left;
width:100%;
}
.banner_block1 {
float:left;
width:100%;
}
.left_banner {
float:left;
width:48%;
position:relative;
}
.right_banner {
float:right;
width:48%;
position:relative;
}
.banner {
float:left;
width:100%;
height:67px;
background: url('http://youko.ru/media/images/fon_banner.gif') repeat-x 0 0;
position:relative;
}
.banner0 {
float:left;
width:100%;
height:67px;
background: url('http://youko.ru/media/images/fon_banner_left.gif') no-repeat 0 0;
}
.banner1 {
float:left;
width:100%;
height:67px;
background: url('http://youko.ru/media/images/fon_banner_right.gif') no-repeat right 0;
}
.banner_block .left_banner .banner  .pic {
float:right;
width:129px;
height:95px;
background: url('http://youko.ru/media/images/icon-6.png') no-repeat right 0;
filter:expression(fixPNG(this));
position:absolute;
right:-16px;
top:-29px;
}
.banner_block .right_banner .banner  .pic {
float:right;
width:122px;
height:84px;
background: url('http://youko.ru/media/images/icon-7.png') no-repeat right 0;
filter:expression(fixPNG(this));
position:absolute;
right:-10px;
top:-17px;
}
.banner_block .text a {
color:#fcfdfd;
font:11px Verdana;
font-weight:bold;
}
.banner_block .text .link a {
color:#fcfdfd;
font:9px Verdana;
font-weight:normal;
}
.banner_block .text a:hover {
color:#f5db86;
}
.banner_block .text {
padding-left:12px;
padding-top:10px;
}

.cont_main {
float:left;
width:100%;
margin-top:40px;
}
.cont_main0 {
padding-left:5px;
}


.centre_cont {
float:left;
width:100%;
}
.centre_cont a:hover  {
color:#00a5f1;
}
.centre_cont p{
margin-bottom:12px;
}

.clear{clear:both;}

.news_block {
float:left;
width:100%;
text-align:justify;
margin-top:20px;
}
.right_cont_block .news_block {
float:left;
width:100%;
text-align:justify;
top:-22px;
margin-bottom:-20px;
position:relative;
}

*HTML .right_cont_block .news_block {
float:left;
width:100%;
text-align:justify;
top:-24px;
margin-bottom:-25px;
position:relative;
}

.right_cont {
margin-left:-60px;
position:absolute;
left:0px;
top:0px;
float:left;
width:100%;
}



.news_block .news_block0 {
padding-right:70px;
}

.main_inner .news_block .news_block0 {
padding-right:3px;
}

.right_cont_block .news_block .news_block0 {
padding-right:60px;
}

.right_cont_block .news_block .left {
margin-right: 0px;
}

.news_block .text {
margin-top:15px;
float:left;
width:100%;
}

.main_inner .news_block .text {
margin-top:5px;
float:left;
width:100%;
}

.right_cont_block  .news_block .text {
margin-top:2px;
float:left;
width:100%;
}

.news_block .right {
float:right;
width:80px;
}

.news_block .left {
margin-right: 110px;
}

.news_block .block {
margin-bottom:25px;
float:left;
width:100%;
}

#img_title_style {
position:relative;
margin-top:-3px;
}

.main_inner .news_block .block {
margin-bottom:10px;
float:left;
width:440px;
padding-left:20px;
background: url('http://youko.ru/media/images/9.gif') no-repeat 0 0;
}

.main_inner .news_block .block img {
position:relative;
top:0px;
}
.right_cont_block .news_block img {
position:relative;
left:1px;
}
.right_cont_block  .news_block .block {
margin-bottom:5px;
float:left;
width:200px;
padding-left:20px;
background: url('http://youko.ru/media/images/9.gif') no-repeat 0 0;
}


.news_block  .data {
font:14px Tahoma; 
font-weight:bold;
text-transform:uppercase;
color:#4d4948;
}

.news_block .zag {
font:15px Century Gothic; 
font-weight:bold;
text-transform:uppercase;
}



h1 {
margin-bottom:15px;
margin-top:0px;
font: 15px Century Gothic  ;
font-weight: Bold;
}


/* Bottom */ 

.bottom p {
margin-bottom:15px;
color:#aebdc0;
}
.bottom {
padding-left:90px;
}
.bottom .center_1 {
margin-left:30%;
width:230px;
margin-right:0px;
}
*HTML .bottom .center_1 {
margin-left:31%;
width:230px;
margin-right:0px;
}
.search_block {
float:left;
width:100%;
position:relative;
margin-top:16px;
margin-left:-10px;
}

.search_block .input_text {
float:left;
width:140px;
padding-left:10px;
padding-right:30px;
height:19px;
background: url('http://youko.ru/media/images/fon_input_search.png') no-repeat 0 0;
filter:expression(fixPNG(this));
position:relative;
}

.search_block .input_text, x:-moz-any-link {
padding-top:3px;
}
*HTML .search_block .input_text {
padding-top:3px;
float:left;
width:130px;
padding-left:10px;
padding-right:30px;
height:16px;
background: url('http://youko.ru/media/images/fon_input_search.png') no-repeat 0 0;
filter:expression(fixPNG(this));
position:relative;
}

.search_block .sub {
background:transparent;
width:15px;
height:15px;
background: url('http://youko.ru/media/images/sub.gif') no-repeat 0 0;
cursor:pointer;
top:7px;
position:relative;
float:left;
margin-left:-18px;
}



.sub {
background:transparent;
width:254px;
height:34px;
background: url('http://youko.ru/media/images/sub.gif') no-repeat 0 0;
cursor:pointer;
margin-top:-5px;
position:relative;
float:left;
}


.input_text {
background:transparent;
color:#a1bac5;
font:10px Verdana;
}
textarea {
color:#a1bac5;
font:10px Verdana;
}





/* End Bottom */