/*
Theme Name: websitebusiness
Author: Dmitry Kruglyak
Version: 1.0
Author URI: http://www.websitebusiness.com.ua/
*/

@import "http://webfonts.ru/import/osans.css";
@import "http://webfonts.ru/import/beermoney.css";
@import "http://webfonts.ru/import/lobster.css";


* {
padding:0;
margin:0;
}

body {
font-family: 'Open Sans';
}

a {
text-decoration: none;
}

.haeder_content_vidzgety {
text-align:center;
padding:50px 0 20px;
}

.nav_header {
width:1100px;
margin:0 auto;
}

.nav_header .menu {
text-align:right;
}

.nav_header .menu li{
list-style-type:none;
}

.nav_header .menu a{
color: #444;
}

.nav_header h1{
font-family: 'Lobster';
text-align:center;
font-size:50px;
color: #FE6F5F;
}

.nav_header h2{ 
text-align:center;
color: #FE6F5F;
font-size:24px;
font-weight: 700;
}

.menu_sites {
overflow: hidden;
margin: 30px 0;
padding: 15px 0;
text-align: center;
border: 1px solid #BDBDBD;
background: #0080FF; 
border-radius: 5px;
}

.menu_sites li{
display: inline-block;
list-style-type:none;
margin-left:5px;
border-right: 1px solid #ccc;
}

.menu_sites a{
padding: 10px;
color: #fff;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}

.menu_sites a:hover{
text-decoration: underline;
}


.blog {
width: 1100px;
margin: 0 auto 20px;
overflow: hidden;
}

.blog_content {
width:760px;
float:left;
}

.row { 
clear: both;
}

.blog_content .title {
border-bottom: 2px solid #0080FF;
width: 720px;
overflow: hidden;
padding: 4px 0;
margin-bottom: 20px;
}

.blog_content .title span {
padding: 5px 10px 5px;
background: #0080FF;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
color: #fff;
font-weight: 600;
font-size:18px;
}

.blog_content .blog_article{
width: 338px;
float: left;
padding: 10px 10px 15px;
margin: 0 15px 25px 0;
}

.blog_content .first{
width: 700px;
padding: 10px 10px 25px;
margin:0 15px 25px 0; 
max-height: none;
min-height: initial;
float: none;
position: relative;
}

.blog_content .first:after{
content: "";
width: 700px;
height: 5px;
background: url(images/1.png);
position: absolute;
bottom: 3px;
}

.blog_content .first .blog_article_title{
font-size:24px;
}

.blog_content .first #read_more,
.blog_content .first .excerpt,
.blog_content .first #info_blog_content {
display:none;
}

.blog_content .blog_article img{
width:100%;
height:auto;
border-radius: 2px;
}

.blog_content .blog_article img:hover{
opacity: 0.8;
}

.blog_content .blog_article a{
color:#444;
}

.blog_content .blog_article a:hover{
color:#0080FF;
}


.blog_content .blog_article_title {
font-size: 18px;
font-weight: 600;
padding:10px 0 5px;	
}

.blog_content .excerpt {
font-size: 14px;
padding-top: 10px;
}

.blog_content #read_more {
padding: 5px;
background: #0080FF;
color: #fff;
font-size: 12px;
top: 10px;
position: relative;
display: block;
width: 130px; 
}

.blog_content #read_more:hover {
text-decoration: underline;
}

.blog_content  #info_blog_content {
color: #666;
font-size: 13px;
padding: 5px 0;
}

.blog_content  #info_blog_content b {
color:#ccc;
font-size:12px;
}

#info_blog_content .category {
padding: 4px;
background: #eee;
margin: 0 5px 0 0;
font-size: 11px;
font-weight: 700;
}

#info_blog_content a {
color:#666;
}
 

#info_blog_content a:hover {
text-decoration: underline;
}
 
#sidebar_block {
width:300px;
float:left;
margin: 0 20px;
}

#top_content_vidzgety_body {
float: left;
  clear: both;
  padding: 0 20px 20px 0;
}

.kdmTeaserBlock {
clear:both;
max-width: 99%;
}

.sidebar_title {
border-bottom: 2px solid #0080FF;
width: 300px;
overflow: hidden;
padding: 4px 0;
margin: 0px 0 15px;
}

#sidebar_body {
margin:0 0 15px;
}

#search_input {
padding:5px;
}

#search_submint {
padding:6px;
background:#0080FF;
color:#fff;
border:1px solid #0080FF;
}

#google_translate_element {
text-align: center;
margin-top: 10px;
}

.sidebar_title span {
padding: 5px 10px 5px;
background: #0080FF;
color: #fff;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
font-weight: 600;
font-size:14px;
}

.trans_sidebar {
font-weight: 700;
}

.border_adsens {
display: block;
border-bottom: 4px solid #0080FF;
margin-top: 10px;
}

.page_navigation {
text-align: center;
overflow: hidden;
padding: 25px 0 25px;
clear:both;
position: relative;
}

.page_navigation:before{
content: "";
width: 720px;
height: 5px;
background: url(images/1.png);
position: absolute;
top: 0px;
left: 0;
}

.page_navigation span {
background: #e5e5e5;
padding: 7px 11px;
border: 1px solid #d3d3d3;
border-radius: 2px;
font-size: 11px;
color: #444;
font-weight: 600;
}

.page_navigation a {
background: #f8f8f8;
padding: 7px 11px;
border: 1px solid #d3d3d3;
border-radius: 2px;
font-size: 11px;
color: #444;
font-weight: 600;
}

.page_navigation a:hover {
background: #e5e5e5;
}

.footer {
min-width:1100px;
margin:0 auto 0;
color:#fff;
padding:20px;
clear:both;
border-top: 1px solid #C7C7C7;
background: url(images/2.png);
overflow: hidden;
}

.footer_content {
width:1100px;
margin:0 auto;
}

.footer .footer_block {
width:320px;
float:left;
margin:20px;
}

.footer .footer_block a {
color:#444;
}

.footer .footer_block a:hover{
text-decoration: underline;
}

.footer .footer_block li{
clear:both;
list-style-type:none;
border-bottom:1px dotted #ccc;
padding:10px 0;
overflow: hidden;
}

.footer .footer_block li:hover{
opacity: 0.8;
}

.footer_block_img {
width:100px;
float:left;
padding-right:5px;
}

.footer_block_title {
width: 190px;
float: left;
font-size: 14px;
font-weight: 600;
}

.footer_block_title:hover{
text-decoration: underline;
}

.footer .title {
border-bottom: 2px solid #0080FF;
overflow: hidden;
padding: 4px 0;
margin-bottom: 20px;
}

.footer .title span {
padding: 5px 10px 5px;
background: #0080FF;
color: #fff;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
font-weight: 600;
font-size:16px;
}

.footer .footer_block img{
width:100%;
height:auto;
}

.footer_2 {
clear: both;
text-align: center;
padding: 20px;
background: #444;
min-width: 1100px;
}

.footer_2_content {
width:1100px;
margin:0 auto;
} 

.footer_2_content a {
color:#fff;
} 

.footer_2_content a:hover {
text-decoration: underline;
} 

#footer_2_link:hover {
text-decoration: none;
} 

#footer_2_link {
text-decoration: underline;
color: #0080FF; 
font-weight: 700;
font-size:18px; 
padding:5px 0 10px; 
display: inline-block
}

.footer_menu {
border-bottom:1px solid #5A5A5A;
padding:10px 0 15px;
}

.footer_menu li{
display: inline-block;
list-style-type:none;
margin-left:5px;
}

.footer_menu a{
padding: 10px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
}

.footer_menu {
overflow: hidden;
margin: 0 0 10px;
text-align: center;
}

.post {
width: 1100px;
margin: 0 auto 20px;
overflow: hidden;
}

.post_content {
width:700px;
float:left;
padding: 0 30px 0 20px;
margin:0 0 25px;
}

.post_content_img img {
width:100%;
height:auto;
}

.post_content img {
max-width:100%;
}

.post_content #info_blog_content {
color: #A9A9A9;
font-size: 13px;
padding: 5px 0;
}

.post_content article a{
color:#444;
}

.post_content article a:hover{
color:#0080FF;
}

.post_content article h1{
font-size: 28px;
font-weight: 600;
}

.post_text iframe,.post_text object,.post_text embed {
position:relative;
top:0;
left:0;
width:100%;
}

.post_text {
text-align: justify;
position:relative;
overflow:hidden;
}

.post_text p,
.post_text div{
padding-bottom: 15px;
line-height: 1.5;
}

.post_text ul,
.post_text ol {
padding: 0px 40px 15px;
}

.post_text li {
padding:0 0 10px;
}

.post_text h2 {
font-size: 20px;
padding-bottom: 15px;
clear:both;
}

.post_content .fb-like {
float:left;
margin-top: 11px;
}

.pluso  {
clear:both;
margin: 10px 0;
}

#end_content_vidzgety_body span {
width: 14px;
display: inline-block;
}

.other_post h3 {
color:#444;
padding: 10px 0 0px;
}

.other_post li {
width: 336px;
float: left;
min-height: 270px;
list-style-type: none;
border-bottom: 1px dotted #ccc;
padding: 0;
  margin: 0 13px 25px 0
}

.other_post a {
font-weight: 600;
}

.other_post a:hover {
opacity: 0.9;
}

.other_post img {
width:100%;
height:auto;
}

.like_post  {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
overflow: hidden;
padding: 5px 10px 15px;
}

.like_post_title {
float: left;
padding-right: 10px;
font-family: 'Beer money';
font-size: 22px;
color: #989898;
}

.like_post_title img {
position: relative;
top: 1px;
width: 70px;
}

/*----------------------Mobi------------------------*/
@media screen and (max-width:640px) {

.blog_content .first{
display:none;
}

#top_content_vidzgety_body {
float: none;
}

.haeder_content_vidzgety {
position: relative;
padding:20px;
height: auto;
} 


.haeder_content_vidzgety iframe,  
.haeder_content_vidzgety object,  
.haeder_content_vidzgety embed {
position: absolute;
top: 0;
left: 0;
width: 95%;
}

.haeder_content_vidzgety img {
width:95%;
height:auto;
}

.nav_header {
width:100%;
margin:0 auto;
}

.nav_header h1{
font-family: 'Lobster';
text-align:center;
font-size:30px;
color: #009900;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
}

.nav_header h2{ 
text-align:center;
color: #009900;
font-size:20px;
font-weight: 700;
text-shadow: 1px 1px 2px rgb(19, 19, 19), 0 0 1em #fff;
}

.menu_sites {
overflow: hidden;
margin: 30px 0;
padding: 15px 0;
text-align: center;
border: none;
background: none;
border-radius: 5px;
}

.menu_sites li{
display: inline-block;
list-style-type:none;
margin-left:5px;
border-right: 1px solid #ccc;
}

.menu_sites a{
padding: 10px;
color: #444;
font-weight: 400;
font-size: 12px;
text-shadow: none;
}

.blog {
width: 95%;
}

.blog_content {
width:100%;
float:none;
}

.blog_content .title {
width: 95%;
overflow: hidden;
}


.blog_content .blog_article{
width: 95%;
max-height: none;
min-height: 0;
float: none;
}

.blog_content .first{
width: 100%;
float: none;
}

.blog_content .first:after{
content: "";
width: 100%;
}

#sidebar_block {
width: 95%; 
float: none;
text-align:center;
}

#sidebar {
width:100%;
float:none;
}

.sidebar_title {
width: 100%;
}
 
#sidebar_body {
text-align:center;
}

.footer {
min-width:100%;
padding: 0;
}

.footer_block {
display:none;
}

.footer_content {
width:100%;
margin:0 auto;
padding:0;
}


.footer_2 {
min-width: 100%;
padding:0;
}


.footer_2_content {
width:100%;
margin:0 auto;
} 

.footer_menu {
display:none;
}

.post {
width: 95%;
margin: 0 auto 20px;
overflow: hidden;
padding:0;
}

.post_content {
width: 95%;
float:none;
padding: 0px;
margin:0px auto;
}


.post_text ul,
.post_text ol {
padding: 0px 0 15px;
}

.post_text li {
padding:0 0 10px;
}

.other_post h3 {
color:#444;
padding: 10px 0 0px;
}

.other_post li {
width: 95%;
float: none;
clear:both;
margin:20px auto;
}

.other_post a {
font-weight: 600;
display:block;
clear:both;
width: 95%;
}

.other_post a:hover {
opacity: 0.9;
}

.other_post img {
width:95%;
height:auto;
}

.like {
display:none;
}
}

#fb {
background: url(images/share_bg.png) 0 96px;
width: 85px;
}

#vk {
background: url(images/share_bg.png) 0 32px;
width: 85px;
}

#od {
background:#FF982D;
}

#tw {
background: url(images/share_bg.png) 0 64px;
width: 95px;
}

#google{
background: url(images/share_bg.png) 0 0px;
width: 85px;
}

#tw,
#google,
#od,
#fb,
#vk {
text-align: center;
margin: 7px 12px 15px 0px;
font: 400 12px/32px "open sans";
padding: 0 10px;
border-radius: 3px;
float: left;
position: relative;
  z-index: 9999;
}

#google:hover,
#tw:hover,
#od:hover,
#fb:hover,
#vk:hover{
opacity: 0.8;
}

#tw a,
#google a,
#od a,
#fb a,
#vk a{
display: block;
color: #fff;
text-decoration: none;
font-size:10px;
font-weight: 400;
}

#fb a:before {
background: url(images/share_ico.png) 0 -31px;
}

#vk a:before {
background: url(images/share_ico.png) 0 31px;
}

#od a:before {
background: url(images/od.png)9px no-repeat;
background-size: 28px;
}

#tw a:before {
background: url(images/share_ico.png) 0 62px;
}

#google a:before {
background: url(images/share_ico.png) 0 0px;
}


#tw a:before,
#google a:before,
#od a:before,
#fb a:before,
#vk a:before  {
width: 37px;
height: 31px;
margin: 1px 5px 0 -10px;
content: '';
display: block;
float: left;
top: 3px;
}

#pint {
top: 9px;
  position: relative;
  left: -1px;
  width: 66px;
  float: left;
}

.like_text {
  position: relative;
  top: 10px;
  font-weight: 700;
}