﻿html,body {
}
.clear{
float:none;
width:100%;
display:block;
clear:left;
overflow:hidden;
}
#wrapper {
background:url("/public/images/bg_top.jpg") 0 0 repeat;
width:100%;
/*overflow:hidden; */
}
.header{
width:1003px;
height:765px;
position:relative;
margin:0 auto;
/*overflow:hidden; */
display: table;
}
.inner{
margin:0 auto;
width:1003px;
}
.earth{
background:url(/public/images/earth.png) 0 0 no-repeat;
width:286px;
height:133px;
margin:108px 0 0 162px;
padding:262px 197px; 
text-align:center;
}

.earth p{
margin:0;
font-size:20px;
font-family:Tahoma;
color:#5b5b5b;
padding-bottom: 14px;
}
.earth p.title{
color:#5b5b5b;
font-size: 28px;
line-height: 40px;
padding-bottom:16px;
}
.earth p.title span{
color:#d60019;
}
.earth p:first-child{
font-size:20px;
}
.shadow_header{
background:url("/public/images/shadow_top.jpg") 0 0 repeat;
width:100%;
height:4px;
}
.content h1{
font-size: 34px;
font-weight: normal;
letter-spacing: 0.7px;
padding:37px 0px 25px 32px;
}
#counter{
padding-left:32px;
}
.cntSeparator{
font-size:50px;
padding:13px 7px 12px;
}
.for_counter{
list-style:none;
padding:0;
margin:8px 0 68px 34px;
overflow:hidden;
}
.for_counter li{
float:left;
padding-right:100px;
font-weight:bold;
}
.cont{
padding:0 60px 0 32px;
}
.cont h2{
    font-size: 34px;
    font-weight: normal;
    letter-spacing: 0.8px;
    line-height: 34px;
}
.cont p{
    line-height: 24px;
    margin: 23px 0;
}

.content{
width:650px;
float:left;
}
.right{
float:left;
padding-left:1px;
padding-top:42px;
width:334px;
}

.done{
margin:16px 0 3px 98px ;
}

.gal{
margin:64px 0 0 0 ;
}
.gal .box_img{
position:relative;
width:226px;
float:left;
margin-right:12px;
}
.gal .box_img a{
display:block;
}
.gal .box_img img{
border:1px solid #cacaca;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius: 6px;
behavior: url(./js/PIE.htc);
}
.gal .box_img img.zoom{
position:absolute;
bottom:6px;
right:6px;
border:none;
}
.block_img{
float:left;
width:96px;
padding-top:42px;
}
.block_img img{
border:1px solid #cacaca;
margin-top:4px;
}


.footer {
width:1003px;
margin:0 auto;
overflow:hidden;
text-align:center;
padding-top:44px;
}
.footer p{
font-size:14px;
padding-bottom:0px;
}
.footer ul{
list-style:none;
padding:0;
margin:0 0 0 442px;
}
.footer ul li{
float:left;
width:40px;
}
.footer ul li img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
zoom: 1;
}
.footer ul li img:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.work{
display:block;
position:absolute;
height: 282px;
left: 53px;
top: 146px;
width: 404px;
z-index:100;
}
*+html .work{
padding-top:94px;
}
.work span{
background-color:#69d6a4;
text-align:center;
line-height:96px;
display:block;
width:96px;
height:96px;
margin:92px 0 0 143px;
text-transform:uppercase;
color:#fff;
font-weight:normal;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(./js/PIE.htc);
}
.bad{
display:block;
position:absolute;
height:280px;
width:403px;
left:88px;
top:478px;
z-index:100;
}
*+html .bad{
padding-top:115px;
}
.bad span{
background-color:#ababaa;
text-align:center;
line-height:96px;
display:block;
width:96px;
height:96px;
font-weight:normal;
text-transform:uppercase;
color:#fff;
margin:115px 0 0 162px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(./js/PIE.htc);
}
.love{
display:block;
position:absolute;
z-index:100;
left:450px;
top:86px;
}
.love span{
background-color:#56d1d0;
text-align:center;
line-height:96px;
display:block;
width:96px;
height:96px;
text-transform:uppercase;
color:#fff;
font-weight:normal;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(./js/PIE.htc);
}
.hobby{
display:block;
position:absolute;
top:148px;
left:548px;
width:403px;
height:278px;
z-index:100;
}
*+html .hobby{
padding-top:92px;
}
.hobby span{
background-color:#9ece51;
text-align:center;
line-height:96px;
display:block;
width:96px;
height:96px;
text-transform:uppercase;
color:#fff;
font-weight:normal;
margin:92px 0 0 158px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(./js/PIE.htc);
}
.other{
position:absolute;
display:block;
top:478px;
left:511px;
width:404px;
height:280px;
z-index:100;
}
*+html .other{
padding-top:114px;
}
.other span{
background-color:#e4d745;
text-align:center;
line-height:96px;
display:block;
width:96px;
height:96px;
margin:114px 0 0 142px;
text-transform:uppercase;
color:#fff;
font-weight:normal;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(./js/PIE.htc);
}

.link_other{
display:none;
background:url(/public/images/link_other.png) 0 0 no-repeat;
width:76px;
height:86px;
position:absolute;
left:592px;
top:536px;
z-index:99;
}
.link_bad{
display:none;
background:url(/public/images/link_bad.png) 0 0 no-repeat;
width:80px;
height:83px;
position:absolute;
left:324px;
top:530px;
z-index:99;
}
.link_work{
display:none;
background:url(/public/images/link_work.png) 0 0 no-repeat;
width:95px;
height:63px;
position:absolute;
left:281px;
top:297px;
z-index:99;
}
.link_love{
display:none;
background:url(/public/images/link_love.png) 0 0 no-repeat;
width:21px;
height:108px;
position:absolute;
left:490px;
top:172px;
z-index:99;
}
.link_hobby{
display:none;
background:url(/public/images/link_hobby.png) 0 0 no-repeat;
width:98px;
height:58px;
position:absolute;
left:626px;
top:308px;
z-index:99;
}

.block_top{
position:absolute;
top:14px;
z-index:200;
left:300px;
}
.block_top_in{

width:403px;
position:relative;
overflow:hidden;
color:#797979;
background-color:#474647;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
behavior: url(./js/PIE.htc);
}
.block_top a{
color:#797979;
text-decoration:underline;
}
.block_top p{
margin:0;
line-height:20px;
text-align:center;
}
.block_in{
background-color:#4f4d4e;
min-height:261px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
behavior: url(./js/PIE.htc);
}
.block_in h2{
padding:15px 0 9px 0px;
margin:0 17px ;
font-size:21px;
color:#c0c0c0;
border-bottom:1px solid #a7a6a7;
}

.block_cont{
height:148px;
margin:0 17px ;
border-bottom:1px solid #a7a6a7;
}
.block_in .bottom .social{
margin:0 14px ;
color:#fff;
/*line-height:60px;*/
font-size:14px;
}
.block_in .bottom .social span{
float:left;
}
.block_in .bottom .social ul{
list-style:none;
padding:0 9px 0 0;
margin:16px 0 0 12px;
float:left;
border-right:1px solid #a7a6a7;
}
.block_in .bottom .social ul li{
float:left;
height:28px;
margin-right:3px;
}
.block_in .bottom .social ul li a{
display:block;
}
.block_in .bottom a.share{
display:inline-block;
margin-left:6px;
background-color:#aaaaaa;
/*float: right;*/
margin:14px 0 10px 0;
height:30px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
padding:0 17px 0 9px;
line-height:30px;
text-decoration:none;
text-transform:uppercase;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
behavior: url(./js/PIE.htc);
letter-spacing:-0.7px;
}
a.close{
    font-weight: bold;
	text-decoration:none;
    position: absolute;
    right: 23px;
    top: 26px;
}
.block_cont{
color:#fff;
overflow:hidden;
position:relative;
padding-top:12px;
height:136px;
}
.block_cont a{
color:#fff;
}
.block_cont .block_img{
padding: 0;
width:145px;
}
.block_cont .block_img img{
border:none;
}
.block_cont .block_text{
padding-top:5px;
font-size:14px;
line-height:23px;
}
.block_cont .block_text a.diferent{
padding-left:31px;
font-size:16px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
background:url("/public/images/but_circle.jpg") 0 0 no-repeat;
float:left;
height:26px;
line-height:27px;
}
a.up{
background:url("/public/images/but_top.jpg") 0 0 no-repeat;
height:34px;
margin:12px 0 0 165px;
width:35px;
float:left;
}
a.up:hover{
background:url("/public/images/but_top_hover.jpg") 0 0 no-repeat;
}
a.down{
background:url("/public/images/but_bottom.jpg") 0 0 no-repeat;
height:34px;
margin:12px 0 0 10px;
width:35px;
float:left;
}
a.down:hover{
background:url("/public/images/but_bottom_hover.jpg") 0 0 no-repeat;
}

/*a.first{
background:url("/public/images/but_top_hover.jpg") 0 0 no-repeat;
}
a.second{
background:url("/public/images/but_bottom_hover.jpg") 0 0 no-repeat;
}*/

.block_cont ul{
list-style:none;
padding:0;
margin:0;
position:relative;
}

.block_cont ul li{
font-size:18px;
color:#fff;
padding:2px 0 10px 27px;
cursor:pointer;
background:url("/public/images/ul_sep.jpg") 0 1px no-repeat;
}
.block_cont ul li.active, .block_cont ul li:hover{
background:url("/public/images/ul_sep_hover.jpg") 0 0 no-repeat;
color:#b5b5b5;
}

.b-share-icon_facebook{
	background: url(/public/images/icon_fb.png) !important;
	width:32px !important;
	height:32px !important; 
}
.b-share-icon_vkontakte{
	background: url(/public/images/icon_vk.png) !important;
	width:32px !important;
	height:32px !important; 
}
.b-share-icon_twitter{
	background: url(/public/images/icon_tw.png) !important;
	width:32px !important;
	height:32px !important; 
}


.section{
  position: relative;
  float: left;
  width: 100%;
  margin: 15px 0;
}


ul.tabs {
 height: 31px;
 line-height: 25px;
 list-style: none;
 border-bottom: 1px solid #B22222;
 padding:0;
 margin: 0;
 display: table;
 }
 .tabs li {
 background: none repeat scroll 0 0 #D8D8D8;
    border: 0 none;
    border-radius: 3px 3px 0px 0px;
    color: #555555;
    cursor: pointer;
    display: block;
    font-size: 1em;
    margin: 20px 2px 0 0;
    outline: 0 none;
    padding: 7px 0;
    text-align: center;
    vertical-align: middle;
    width: 110px;

 }
 .tabs li:hover {
 background: #B22222;
 color: #fff
 }
 .tabs li.current {
   background: #B22222;
 color: #fff
 }
 .box {
 display: none;
 }
 .box.visible {
 display: block;
 }
 .fb_iframe_widget span{
    vertical-align: top!important;
    z-index: 200!important;
}