@import url(https://fonts.googleapis.com/css?family=Oswald);

body {
    background: #ffffff;

    color: #424D40;
}

.title {
    color: #000000;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}

h3  {
   color: #000;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}

.post-single .title {
    font-size: 24px;
    line-height: 24px;
}

.title a {
    color: #242327;
    text-decoration: none;
}

.title a:hover {
    color: #C96969;
    text-decoration: underline;
}

a {
    color: #242327;
    text-decoration: none;
}

a:hover, a:focus {
    color: #C96969;
    text-decoration: none;
}

a:focus { 
    outline: none;
}

h1 {
	font-size:38px;
	margin:0;
	padding: 15px 0 10px 5%;
	color: #242327;
		} 

/* =LAYOUT
-------------------------------------------------------------- */

#container {

  background: #ffffff;
	width: 100%;
	margin: 0 0 10px 0;
}

#main {
width: 100%;

	 margin:0;
}

#main-fullwidth {
    padding: 15px;
    background: url('images/main-bg.png');
}

#content {
    overflow: hidden;
	float: left;
    width: 65%;
    margin:0;
	padding-left: 40px;
}
#content-main {
    overflow: hidden;
	float: right;

    width: 99%;
margin-top:20px;

}

#sidebar {
    overflow: hidden;
	float: right;
    width: 30%;
	min-width: 320px;
    margin:0;

	 padding:0 0 20px 0;
}

#sidebar-primary {
    overflow: hidden;
	width: 300px;
    margin:27px auto 5px auto;
	 background: #ffffff;
	 padding:0 0 20px 0;
}

/* =HEADER
-------------------------------------------------------------- */

#header {
width: 100%;
    padding:0;
	overflow: hidden;
	margin: 0 auto 0px auto;
border-bottom:1px solid #D6D6D8;
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f1f1f1 41%, #d6d6d6 66%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(41%,#f1f1f1), color-stop(66%,#d6d6d6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f1f1f1 41%,#d6d6d6 66%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#f1f1f1 41%,#d6d6d6 66%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f1f1f1 41%,#d6d6d6 66%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#f1f1f1 41%,#d6d6d6 66%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

#breadcrumb {
width: 100%;
	min-height: 50px;
    padding:0;
	background:#F5F5F5;
	overflow: hidden;
	margin: 0;
}

#top-menu {
width: 100%;
	min-height: 45px;
    margin:0;
	overflow: hidden;
	padding: 0 10px 3px 50px;
	clear:both;	
}

#top-menu li {
 float: left;
 list-style: none;
 font-size: 18px;
}
#top-menu li a {
 display: block;
 padding: 0px 15px;
 text-decoration: none;
 color: #635B78;
 white-space: nowrap;
}
#top-menu li a:hover {
color: #8D0909;
}
#top-menu li ul {
 margin: 0;
 padding: 0;
 position: absolute;
 visibility: hidden;

}

#logo {
	width: 317px;
	height: 87px;
	margin: 0 20px 0 30px;
	float:left;
	border:0px solid black;
}

.logo {
	width: 317px;
	height: 87px;
	margin: 0;
	 background: url('images/logo.png') left top no-repeat;
	display: block; 

}
.logo:hover {
	width: 317px;
	height: 103px;
	margin: 0;
	 background: url('images/logo2.png') left top no-repeat;
	display: block; 

}
#header-search {
	width: 50%;
	height: 40px;
	margin: 25px 20px 0 20px;
border:0px solid #000000;
	float:left;

}


.header-right {
    float: right;
    margin-right: 15px;
}


.main-descr {
padding: 0 40px 0 20px;
font-size: 16px;
}


/* =POST
-------------------------------------------------------------- */

/* Post General
----------------------------*/

.post {
    margin-bottom: 15px;

    
    padding: 10px;
}

/*.postpost-box {
    width: 31%;
float: left;
min-width: 220px;
padding: 20px 0 0 15px;
}*/

.postpost-box {
    width: 81%;
	margin:1%;
float: none;
padding: 10px 0 0 5%;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
}
.cat-box{
    font-family: sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
	border-left:4px solid #DFE8EA;
	padding-left: 10px;
}
.postpost-box ol li{
	margin:1%;
float: none;
padding: 12px 0 0 2%;
border-bottom:1px solid #E3DCF5;
}
.postpost-box ol li a{ 
    color: #242327;
    text-decoration: none;
}

.postpost-box ol li a:hover {
    color: #C96969;
text-decoration: none;}


.post-box {
    width: 220px;
    height: 340px;
    float: left;
    margin: 0;
    overflow: hidden;
	border-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da623+0,d5ea35+45,d5ea35+58,1da623+94,1da623+96,1da623+100 */
background: #1da623; /* Old browsers */
background: -moz-linear-gradient(top,  #1da623 0%, #d5ea35 45%, #d5ea35 58%, #1da623 94%, #1da623 96%, #1da623 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1da623 0%,#d5ea35 45%,#d5ea35 58%,#1da623 94%,#1da623 96%,#1da623 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1da623 0%,#d5ea35 45%,#d5ea35 58%,#1da623 94%,#1da623 96%,#1da623 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da623', endColorstr='#1da623',GradientType=0 ); /* IE6-9 */

}

.post-box-in {
    width: 220px;
    height: 240px;
    float: left;
    margin: 10px;
    overflow: hidden;
	border-radius: 5px;
background: #22B729; /* Old browsers */
padding-top:5px;
font-size: 10px;
 line-height: 1.0;
}

.post-box-in  a{
font: 10px;
}

.posthome {
float:left;
height: 260px;
width:210px;

	padding:10px 5px;
	background-color:#ffffff;
	border-radius:10px;
	margin: 33px auto 10px auto;
}
.posthome a{
text-decoration:none;
}
.posthome a:hover{
	color:#ffffff;
text-decoration:underline;
}

.title-post{
    color: #ffffff;
height: 35px;
    padding: 0;

    font-size: 17px;
    font-weight: bold;
	margin: -45px 0 10px 0;
}


.first-image { 
display: block;
border:1px solid #D7D9E4;
margin: 0 auto 10px auto;
border-radius:10px;}

.post-wrap div:first-child {
    margin-left: 0;
}

.page, .post-single {

padding: 0px;
    border-bottom: 0;
    margin-bottom: 0;
}

.postflash {
width:90%;
height: auto;
background: #ffffff;
	padding:20px 5px 0px 5px;
	border:1px solid #D7D7D7;
	border-radius:5px;
	margin: 30px auto 0 auto;

}

.rating .post-ratings {color: #ffffff;}
.rating {color: #ffffff;margin:-18px 0 0 90px;}
.rating-color{color: #ffffff;margin:5px 0 0 15px;}
.rating-main {padding-left:10px;}
.rating-main  img{width:22px;
height: auto;}

.entry {
    line-height: 20px;
}

.post-entry{
padding: 20px 10px 0 5%;
    font-size: 17px;
    font-weight: normal;
	color: #000000;
}

.post-entry a{
	text-decoration:none;
}


.post img.alignleft {width:200px;
height: auto;
float:left;
border-radius:10px;


}

.featured_image {
    padding: 6px;
    border: 1px solid #6FA94B;
    background: #fff;
}

.page-title {
    color: #E5F7E3;
    margin: 0px 0 10px 0;
    padding: 0 0 10px 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    border-bottom: 2px solid #E5F7E3;
}

.navi {width: 100%; margin-top:20px; padding: 0px; float:none;text-align:center;font:14px verdana;font-weight:bold;}
.navigation {margin-top: -20px; text-align: center; padding: 2em 0em 1em; width: 100%; font-size: 1em; float: left; font-weight: bold !important; line-height:2.8em;}
.navigation .current {text-decoration: none; width: 10px;  color: #363636 !important; border:1px solid #242327; padding: 7px 10px; font-weight: bold; background-color: #D7D7D7;  border-radius: 2px; line-height: 100%;}
.navigation a {text-decoration: none; width: 10px; margin: -3px; color: #777 !important; padding: 7px 10px; font-weight: bold; background-color: #F5F5F5;  border:1px solid #242327; border-radius: 0px; line-height: 100%;}
.navigation a:hover {background-color: #D7D7D7;}


/*----------------------------*/
.cat-tags {
    list-style-type: none;
    list-style: none;
    margin: 10px 0 0;
  padding: 15px 0 15px 20px;
    color: #202020;
background: #F6F6F6;
font-size:28px;
}

.cat-tags a {
  padding: 0;
text-decoration:underline;
    color: #202020;
font-size:28px;
}
.cat-tags a:hover, .cat-tags2 a:hover {color: #C96969;}
.cat-tags2 {
    list-style-type: none;
    list-style: none;
    margin: 10px 0 10px 0;
  padding: 10px 0 10px 40px;
    color: #8D0909 !important;

font-size:22px;
}
.cat-tags2 a {color: #202020;text-decoration:underline;  text-decoration-style: solid;text-decoration-color: #C0C0C0;}
.cat-tags2 ul {
    list-style-type: none;
    list-style: none;
	list-style-image: url(images/grups.png);
	padding: 10px 0 0 25px;
    
}
.cat-tags2 ul li{
	padding-top: 5px;

    
}

/* Post Metas
----------------------------*/

.postmeta-primary {
    color: #6FA94B;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px 0;
}

.postmeta-secondary {
    color: #6FA94B;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px 0;
}

.postmeta-primary span, .postmeta-secondary span {
    padding:3px 0 3px 20px;
    background-position:left center;
    background-repeat: no-repeat;
}

.meta_date {
    background-image: url(images/date.png);
}

.meta_author {
    background-image: url(images/author.png);
}

.meta_comments {
    background-image: url(images/comments.png);
}

.meta_edit {
    background-image: url(images/edit.png);
}

.meta_categories {
    background-image: url(images/category.png);
}

.meta_tags {
    background-image: url(images/tags.png);
}

/* Read More
----------------------------*/

.readmore {
    margin-bottom: 15px;
    float: right;
}

.readmore a {
    color: #317527;
    background: #A3D788;
    padding: 8px 14px;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
}

.readmore a:hover {
    color: #FFFFFF;
    background: #F14D23;
    text-decoration: none;
}

/* =WOOCOMMERCE
-------------------------------------------------------------- */

.woocommerce .content, .woocommerce #main-fullwidth {
    background: #fff;
}

.variations .label {
    background-color:inherit;
    color: inherit;
    display: block !important;
    font-size: inherit;
    font-weight: inherit;
    line-height:inherit;
    text-shadow: none;
    vertical-align: inherit;
    white-space: inherit;
    padding: 8px 8px 8px 0 !important;
} 
.woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
    margin: 0;  
    padding: 4px !important;
}

.quantity input[type="text"], .quantity input.text, .quantity input{
    margin: 0;  
    padding: 0 !important;
}

.woocommerce img {
    width: auto !important;
    height: auto !important;
}

h2 {
	font-size:26px;
	margin:0 0 15px 0;
	color: #0E6212;
	}
	
.breadcrumbs {
	font-weight:400;
	font-size:16px;
	color:#515157;
	margin:15px 0 0 45px;
	padding-left:10px;
}

.breadcrumbs a{
	font-weight:400;
	color:#454A91;
	text-decoration:underline;
}

.breadcrumbs a:hover{
	font-weight:400;
	color:#8D0909;
	text-decoration:none;
}
	
.main-descr h3  {
   color: #0E6212;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 26px;
    font-weight: normal;
}

/* =SITEMAP
-------------------------------------------------------------- */
.sitemap {
}

.sitemap-col {
    width: 30%;
    padding: 0 0 0 10px;
}

.sitemap-col-archives {
    width: 45%;
    padding: 0 0 0 10px;
}

.sitemap h2 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.sitemap h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;
}

.sitemap-list {
    font-size: 13px;
    line-height: 22px;
}

.sitemap-list, .sitemap-list ul {
    padding: 0 0 0 20px;
}

/* =CONTACT FORM
-------------------------------------------------------------- */
.contact-form {
}

.contact-form-label {
    width: 90px;    
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
}

.contact-form-input {
    margin-left: 90px;    
}

.contact-form input[type=text] {
    padding: 6px;
    width: 60%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form input[type=submit] {
    padding: 5px 50px;
    border: 1px solid #ccc;
    background: #eee;
}
.contact-form textarea {
    width: 96%;
    padding: 6px;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form-required {
    color: red;
}

/* =SLIDER
-------------------------------------------------------------- */

.fp-slider {
    margin: 0 0 15px 0;
}

.fp-slides-container {}

.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
    width: 615px;
}

.fp-slides, .fp-thumbnail {
    height: 300px;
    overflow: hidden;
	position: relative;
}

.fp-title {
    font-family: Arial, Helvetica, Sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 2px 0;
    margin: 0;
}

.fp-title a, .fp-title a:hover {
    color: #fff;
    text-decoration: none;
}

.fp-content {
    position: absolute;
    overflow: hidden;
    padding: 10px 15px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0f2d0a;
    opacity: 0.7;
    filter: alpha(opacity = 70);    
}

.fp-content p {
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.fp-more,  .fp-more:hover{
    color: #fff;
    font-weight: bold;
}

.fp-nav {
    height: 12px;
    text-align: center;
    padding: 10px 0;
    background: #23511C;
}

.fp-pager a { 
    background-image: url(images/featured-pager.png); 
    cursor:pointer;  
    margin: 0 8px 0 0; 
    padding: 0;
    display: inline-block;
    width: 12px; 
    height: 12px;
    overflow: hidden;
    text-indent: -999px; 
    background-position: 0 0;
    float: none;
    line-height: 1;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.fp-pager a:hover, .fp-pager a.activeSlide  { 
    text-decoration: none;
    background-position: 0 -112px;
    opacity: 1.0;
    filter: alpha(opacity = 100);
}

.fp-prev-next-wrap {
    position: relative; 
    z-index: 200; 
}

.fp-prev-next {
    position: absolute;
    bottom: 130px;
    left: 0;
    right: 0;
    height: 37px;  
}

.fp-prev {
    float:left;
    margin-left: 14px;
    width:37px;
    height:37px;
    background:url(images/featured-prev.png) left top no-repeat;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.fp-prev:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

 .fp-next {
    float:right;
	width:36px;
    height:37px;
    margin-right: 14px;
    background:url(images/featured-next.png) right top no-repeat;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.fp-next:hover {
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

/* =WP-PAGENAVI
-------------------------------------------------------------- */

.wp-pagenavi {
    float: left;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 5px 8px;
	margin: 2px;
    font-size: 15px;
    line-height: 15px;
    float: left;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #23511C;
    background:none;
}

.wp-pagenavi span.current {
    font-weight: bold;
    color: #fff;
    background:#F14D23 ;
}

.wp-pagenavi a:hover {
    color: #23511C;
    background:#A3D788;
}

.wp-pagenavi span.pages {
    color: #23511C;
    background: none;
    padding: 4px 8px 4px 0;
}

.wp-pagenavi span.extend {
    background:transparent;
    color: #23511C;
    background: none;
}

.info { background:#F9F9F9;
    color: #635B78;
    padding: 10px 10px;
	font-size: 14px;
	border-bottom: 1px solid #E1E4EB;
	border-top: 1px solid #E1E4EB;
	border-radius:3px;
	line-height:18px;
}
.autor {
	font-size: 16px;
margin: 0;
padding:20px 0 20px 20px;background:#F9F9F9;
border:1px solid #F5E3D5;
}
.autor h3{
	font-size: 26px;
}
.autor a{
 text-decoration:underline;
}
.autor ul {
list-style-type: none;
    list-style: none;
    
}
.autor ul li{
    float: left;
	margin-left: 3%;
    list-style-image: url(images/grups.png);
	width:45%;
		color: #39383B !important;
	    text-decoration: none;
		padding:10px 10px 0 0;
}

/* =FOOTER
-------------------------------------------------------------- */

#footer {
    margin:10px auto 0 auto ;
	min-height:100px;
	width: 100%;
	box-shadow: inset 0 -25px 25px  -25px #C7C2D3;
	background: #F1F1F1;
}

#copyrights {
    color: #635B78;
    text-align: center;
    padding: 45px 0;
	font-size: 14px;
}

#copyrights a {
    color: #635B78;
	text-decoration: none;
} 

#copyrights a:hover {
    color: #8D0909;
    text-decoration: none;
} 

#credits {
    color: #6AA74E;
    text-align: center;
    font-size: 11px;
    padding: 10px 0 0 0;
}

#credits a {
    color: #6AA74E;
    text-decoration: none;
} 

#credits a:hover {
    text-decoration: none;
    color: #6AA74E;
}


/* =WIDGETS
-------------------------------------------------------------- */

/* Widgets Defaults
----------------------------*/

.widget-container {
    list-style-type: none;
    list-style: none;
    margin: 0 0 25px 0;
  padding: 0 0 25px 0;
    color: #ffffff;
background: #F6F6F6;
}

.widget-container a {
    color: #ffffff;
    text-decoration: none;
	    font-size: 17px;
}

.widget-container a:hover {
    color: #C96969;
    text-decoration: none;
}

.widgettitle {
   color: #000000;
    margin: 0 0 10px 0;
    padding: 15px 0 15px 0;
	text-align:center;


    font-size: 22px;
    line-height: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;

    text-transform: uppercase;
}

.widget ul,.crp_related ul {
list-style-type: none;
    list-style: none;
list-style-image: url(images/book.png);
    margin: 0;
    padding-left: 40px;
}
.widget ul li,.crp_related ul li,.grups ul li{
    padding: 5px 3px 5px 0;
	color: #000000;
}
.widget ul li  a{
	color: #000000;
	
}
.widget ul li .children {
    padding-top: 17px;
}
.crp_related ul li a{
	color: #39383B !important;
	    text-decoration: none;
	    font-size: 22px;
		padding:10px 0 0 10px;
}
.crp_related ul li a:hover,.grups ul li a:hover{
	color: #CD6969 !important;

}



/*---------------------------*/
.grups {padding:20px 5px 10px 5px; margin: 30px auto 40px auto; position: relative; width: 90%;}
.grups span {
	    margin: 0 0 10px 0;
    padding: 0 0 20px 10px;
    font-size: 20px;
    font-weight: normal;
color: #8D0909 !important;
}

.grups ul {
list-style-type: none;
    list-style: none;
list-style-image: url(images/grups.png);
    margin: 0;
    padding: 0 0 0 40px;
}

.grups ul li a{
	color: #000 !important;
	    text-decoration: underline;
	    font-size: 20px;
		padding:10px 0 0 10px;
}

/* Search
----------------------------*/

#search {
    border: 0;
    background: #fff;
    text-align: left;
    padding: 6px 10px 6px 6px;
	border-radius: 7px;
}

#search #s {
	font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
    background: none;
    color: #716F77;
	font-size:20px;
	font-weight:400;
    border: 0;
    width: 100%;
    padding: 0;
    margin: 5px 0 5px 20px;
    outline: none;
}

#content-search {
    width: 300px;
    padding: 15px 0;
}

#topsearch {
    float: right;
    margin-top: 15px;
}

#topsearch #s {
    width: 220px;
}

/* Wp Calendar
----------------------------*/

#wp-calendar td:hover, #wp-calendar #today {
    background: #A3D788;
    color: #fff;
}

#wp-calendar td:hover a, #wp-calendar #today a {
    color: #fff;
}

/* Text Widget
----------------------------*/

.textwidget {
    line-height: 18px;
}

/* 125x125 Banners Widget
----------------------------*/

.banners-125 {
    text-align: center;
    margin-bottom: -10px;
}

.banners-125 img {
    margin: 0 5px 5px 5px;
}


/* Posts Widget
----------------------------*/

.posts-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.posts-widget ul li {
    list-style-type: none; 
    list-style: none;
    padding: 0 0 15px 0; 
    margin: 0 0 15px 0;
    border-bottom: 1px solid #497D32;
    box-shadow: 0 1px 0 #A3D788;
}

.posts-widgettitle {
    font-weight: normal;
    padding: 0 0 5px 0; 
    margin: 0; 
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}

.posts-widgettitle a {}

.posts-widgettitle a:hover {}

.posts-widget-meta { 
    font-style: italic;  
    padding: 0 0 5px 0;
}

.posts-widget-entry {
    font-family: Arial, Helvetica, Sans-serif; 
    line-height: 20px;
}

.posts-widget-more {
    font-weight: bold;
}

.posts-widget-more:hover {}

.posts-widget-featured-image {
    border: 1px solid #54904B;
    padding: 4px;
    background-color: #fff;
}

.posts-widget .alignleft {
    margin: 0 8px 8px 0;
}

.posts-widget .alignright {
    margin: 0 0 8px 8px;
}

.posts-widget .aligncenter {
    margin-bottom: 8px;
}

/* Comments Widget
----------------------------*/

.comments-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0; 
    margin: 10px 0 0 0;
}

.comments-widget ul li {
    list-style-type: none; 
    list-style: none;
    padding: 0 0 10px 0; 
    margin: 0 0 10px 0;
    border-bottom: 1px solid #497D32;
    box-shadow: 0 1px 0 #A3D788;
}

.comments-widget-author {
    text-decoration: none; 
    font-weight: bold; 
    padding: 0 0 5px 0; 
    margin: 0;
}

.comments-widget-author:hover {}

.comments-widget-entry {
    font-family: Arial, Helvetica, Sans-serif; 
    line-height: 20px;
}

.comments-widget-more {
    font-weight: bold; 
}

.comments-widget-more:hover {}

.comments-widget-avatar {
    border: 1px solid #54904B;
    padding: 4px;
    background-color: #fff;
}

.comments-widget .alignleft {
    margin: 0 8px 0 0;
}

.comments-widget .alignright {
    margin: 0 0 0 8px;
}

.comments-widget .aligncenter {
    margin-bottom: 8px;
}

/* Info Box Widget
----------------------------*/

.infobox-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.infobox-widget ul li {
    list-style-type: none; 
    list-style: none;
    padding: 0; 
    margin: 5px 0 0 0;
}

.infobox-widget ul li a {
    text-decoration: none;
}

.infobox-widget-description {
    line-height: 20px;
}

.infobox-widget-more {
    font-weight: bold;    
}

.infobox-widget-more:hover {   
}


.infobox-widget .alignleft {
    margin: 0 10px 10px 0;
}

.infobox-widget .alignright {
    margin: 0 0 10px 10px;
}

.infobox-widget .aligncenter {
    margin-bottom: 10px;
}

.infobox-widget .inbottom {
    margin-top: 10px;
}

/* Social Profiles Widget
----------------------------*/
.social-profiles-widget img {
    margin: 0 4px 0 0;
} 

.social-profiles-widget img:hover {
    opacity: 0.8;
} 

/* Tabs Widget
----------------------------*/

.tabs-widget {
    list-style: none; 
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0; 
    height: 26px;
}

.tabs-widget li {
    list-style: none; 
    list-style-type: none; 
    margin: 0 0 0 4px; 
    padding: 0; 
    float: left;
}

.tabs-widget li:first-child {
    margin: 0;
}

.tabs-widget li a {
    color: #407A37;
    background: #A3D788;
    padding: 6px 16px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
    background: #F14D23;
    color: #fff;
}

.tabs-widget-content {
}

/* Tweets Widget
----------------------------*/

.tweets-widget ul {
    list-style-type: none; 
    list-style: none;
    margin: 0; 
    padding: 0; 
    line-height: 20px;
    font-family: Arial, Helvetica, Sans-serif; 
}

.tweets-widget ul li {
    list-style-type: none;
    list-style: none;
    padding: 0; 
    margin: 15px 0 0 0; 
}

.tweets-widget ul li:first-child {
    margin-top: 5px;
}

.tweets-widget li.tweets-bird {
    padding-left: 24px;
    background: url(images/tweets.png) left 2px no-repeat;
}

.tweets-widget a {}

.tweets-widget a:hover {}

a.tweets-widget-time {
    text-decoration: underline; 
}

a.tweets-widget-time:hover {
    text-decoration: none; 
}

/* Facebook Widget
----------------------------*/

.facebook-widget {
    list-style-type: none; 
    list-style: none;
    margin: 0; 
    padding: 0;
}

/* =COMMENTS
-------------------------------------------------------------- */

#comments {
    margin-bottom: 15px;
}

#comments p {
    margin: 5px 0 10px 0;
}

h3#comments-title {
    font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin: 0 0 15px 0;
}

.commentlist { 
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist li.comment {
    line-height: 24px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0px;
    position: relative;
}

.commentlist li:last-child {
    border-bottom:none;
    margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 15px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 15px;
}

.commentlist .avatar {
    border: 3px solid #ffffff;
    margin-right: 10px; 
    width: 40px; 
    height: 40px; 
    vertical-align: middle;
    margin-bottom: 2px;
}

.comment-author {
    padding: 5px;
    display: block;
    background: #F2F2F2;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.fn, .fn a:link, .fn a:hover, .fn a:visited {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 16px; 
    font-style: normal; 
    font-weight: bold;
    text-decoration: none;
}

.comment-meta {
    margin: -23px 0 0 65px;
    display: block;
    font-size: 11px;
    padding:0;
}

.comment-meta a:link,
.comment-meta a:visited {
    text-decoration: none;
}
.commentlist .bypostauthor {
}
.reply {
    text-align: right;
    margin-bottom: 10px;
}

.comment-reply-link  {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background: #EDEDED;
    color: #333;
    padding: 2px 8px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:  1px solid #999999;
}

.comment-reply-link:hover {
    background: #F5F5F5;
    color: #333;
}


.commentlist .children {
    list-style: none;
    margin: 0;
}

/* Children */

.commentlist .children li {
    border: none;
    margin: 0;
}

.nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    font-size: 12px;
    line-height: 18px;
    display:block;
    margin: 0;
}

#comments .pingback .url {
    font-style: italic;
    font-size: 13px;
}

/* Comments form */

#respond {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

h3#reply-title {
    font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin: 0 0 15px 0;
}

#respond .required {
    color:#FF4B33;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    display: none;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

#respond .required {
    color:#FF4B33;
    font-weight:bold;
}

#respond label {
    font-size: 12px;
    font-weight: bold;
}

#respond input {
    margin:10px 0 0 0;
    width:98%;
}

#respond textarea {
    width:98%;
    margin:10px 0 0 0;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond input[type=submit] {
    margin: 0;
}

#respond .form-submit {
    margin: 0;
}

#respond .form-submit input {
    width: auto;
    font-size: 14px;
}
#respond dl {
    margin: 0 0 10px;
}

#respond dt {
    display: inline;
    font-weight: normal;
}

#respond dd {
    display: inline;
}


/* =RESPONSIVE
-------------------------------------------------------------- */

.menu-primary-responsive-container, .menu-secondary-responsive-container  {
    display: none;
    margin: 10px;
}

.menu-primary-responsive, .menu-secondary-responsive  {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}




#post-related {padding: 0px; margin-top: 40px; position: relative; float: left; width: 100%;}
#post-related img {width: 220px; height:180px;}
#post-related h4, #post-related-inline h4, #post-related h3{
	
	color: #242327;
	font-size: 2.2em;
	float: left;
	width: 100%;
	font-weight: 400;
	padding:5px 40px 10px 30px;
}
#post-related .sells {
	margin: 0px 2% 2em 0px;
	overflow: hidden;
	display: inline-block;
	float: left;
	width: 230px;
	height: 240px;

}
#post-related a {
color: #E5F7E3;
}

#post-related a:hover {
    color: #3EE525;
    text-decoration: none;
}

#post-related .texts {
text-transform: uppercase;
	font-size: 1em;
	line-height: 1.4em;
	margin: 5px 0 0 5px;
	text-align: left;
	display: block;
	font-weight:bold;
}



.social {width: 80%;display: block; margin-left: auto; margin-right: auto; padding-top: 15px;
}

.upflash{
top:0;left:0;
float:left;
color: #ffffff;
margin: 4px 0 10px 10px;

}
.upflash2{
top:0;left:0;
float:left;
color: #ffffff;
margin: 4px 0 10px -25px;
}
.upflash img{
top:0;left:0;
float:left;
margin: 0;
padding: 0;
}

.underflash{
float:left;
color: #000;
margin: 5px 20px 0 10px;
font-size:18px;

}

.underflash2{
float:left;
color: #000;
margin: 20px 10px 0 0;
font-size:18px;
}
.underflash2 img{width:22px;
height: auto;
float:left;
}

.ratingmain{
float:left;
margin: 2px 0 0 0;
width:10px;
}
.ratingmain img{width:22px;
height: auto;
float:left;
}

.underflash3{
font-size:16px;
text-transform:uppercase;
float:left;
color: #000;
margin: 10px 0 0 30px;
padding:10px 0 10px 40px;
display: inline;
background: url(images/favorite.png) left;background-repeat: no-repeat;
}


.underflash4{
font-size:13px;
text-transform:uppercase;
float:right;
color: #000;
margin: 10px 10px 0 5px;
padding:10px 0 10px 40px;
display: inline;
background: url(images/fullscreen.png) left;background-repeat: no-repeat;
}



.underflash3 a, .underflash4 a{
font-size:18px;
text-transform:uppercase;
color: #000;
text-decoration:none;
}

.underflash3:hover, .underflash4:hover{
text-decoration:underline;
}


#social {width: 350px;margin: 0 auto 15px auto; padding: 32px 10px 0px 100px;background: url(images/social.png);background-repeat: no-repeat;
}
#social-no {width: 350px;margin: 10px auto 25px auto; padding: 0;text-align: center;}
#comment{margin: 10px auto 15px auto; padding: 0 10px;text-align:center;width: 800px;}
#vk_comments, #vk_comments iframe { width: 95% !important;}


.rekl {
    width: 45%;
float: left;
min-width: 340px;
padding: 20px 0 0 20px;
}
.post-top-ads	{
background:#ffffff url(images/pattern28.png);
	width: 95%;
	padding:70px 0;
	margin: 10px auto 20px auto;
	border-radius:8px;
	text-align: center;
    }
.ads-sidebar{float:left;width: 240px;overflow:hidden;text-align:center;padding:35px 5px; margin:250px 0 5px 10px ;position:relative;	display: inline;background:#ffffff url(images/hbg15.png); border-radius:8px;}

.rekl2 {
text-align:center;
margin:20px auto;

}

.re-ads	{
	padding: 5px 0 10px 140px;
	margin: 0;

    }
	
#bodygame{
	width:96%;
	padding: 5px;
		border-radius: 4px;
		margin:5px auto;
	overflow: hidden;
	position: relative;
}
.bodyflash{
		margin:0 auto;
		text-align: center;
	overflow: hidden;
	position: relative;
}


.overlay {
	position: absolute;
	left: 0;
	top:0;
	width: 100% !important;
	height: 100% !important;
	
	background: url(images/fonov.png) #E4EFF5 ;
	opacity: 1;
	transition:500ms all ease;
}
#progressbar {
	height: 23px;
	position: relative;
	margin:5px auto 30px auto;
	width: 336px;
	border-radius: 8px;
	background: url(images/preloading.png) no-repeat;
}
.progressbar-img-top {
	position: absolute;
	transition: 500ms all ease;
	left: 20%;
	top:15%;
	z-index: 5;
	position: absolute;
	background: url(images/loading.gif) bottom no-repeat;
	width: 407px;
	height: 82px;
	text-align: center;
	padding: 0 5px 10px 0;
}
.progressbar-img-top span{
font:bold 1.4em Times New Roman,Trebuchet;
color:#ffffff;
}
.progressbar-img-bottom {
	position: absolute;
	transition: 500ms all ease;
	left: 20%;
	top:40%;
	z-index: 5;
	position: absolute;	
	text-align: center;
	padding: 10px 40px;
}
.progressbar-img-bottom a.pop-button {
	color:#3C555D;
	opacity: 0;
		font-size:16px;
		padding:7px 20px;
		border-radius: 5px;
		border: #E4CFCF 1px solid;
		text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
.progress-percentage {
	position: relative;
	z-index: 100;
	top:0;
	font-size: 32px;
	color: #ffffff;text-shadow: 4px 2px black; color: #ece2ca;
	
}
.ui-progressbar-value {
	position: relative;
	max-width: 327px;
	top: -14px;
	left: 4px;
	color:#fff;
	width: 0;
	border-radius: 5px;
	height: 12px;
	opacity: 0;
	background: url(images/progressbar3.png) left top repeat-x;
}



.btn-fullscreen{
	cursor: pointer;
}


.btn-close-fullscreen{
	cursor: pointer;
	position: fixed;
	top: 30px;
	right: 30px; 
height: 70px;
	 width: 70px;
	text-transform: uppercase;
	z-index: 99999;
	display: none;

}

.btn-close-fullscreen img{
 
height: 70px;
	 width: 70px;


}	

.ads-336 { width: 300px; height: 250px; }
@media (min-width:360px) { .ads-336 { width: 336px; height: 280px; } }
.ads-580 { width: 300px; height: 250px; }
@media (min-width:360px) { .ads-580 { width: 336px; height: 280px; } }
@media (min-width:730px) { .ads-580 { width: 580px; height: 400px; } }
.ads-728 { width: 300px; height: 250px; }
@media (min-width:360px) { .ads-728 { width: 336px; height: 280px; } }
@media (min-width:760px) { .ads-728 { width: 100%; height: 90px; } }


/**
 * 5.0 - Forms
 */

input {
	line-height: normal;
}


button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	 background: #fff url(images/search2.png) top right no-repeat;
	 cursor: pointer
}
button,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #fff url(images/search.png) top right no-repeat;
	border: 0;
}
.search-form {
	position: relative;
}
.search-submit {
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

#vk_groups{display:block;width:100%;height:auto;}
#vk_comments, #vk_comments iframe { width: 95% !important;}

.lists {width: 94%; padding-left: 4%; }
.lists div {width: 30%; float: left;padding: 0;margin: 20px 1% 30px 1%;}
.lists span {display: block; text-transform: uppercase;color:#000;font-size:40px;margin-bottom: 30px;text-decoration: underline;}
.lists ul {margin: 0; padding: 0;}
.lists ul li {list-style-type: none; float: none;padding: 2px 0;}
.lists ul li a {font-size:20px !important; text-decoration: none}
.lists ul li a:hover {text-decoration: underline;}
.lists div.clear {float: none; width: auto; margin: 0;border:0;}

/* Tablets ----------- */

@media only screen and (max-width: 768px) {
    
     #container, #footer-container {
    	width: 100%;
    }
    
    #main, 
    #main-fullwidth, 
    #header, 
    #footer-widgets,
    #footer {
        padding: 0;

    }
        
    #main, #main-fullwidth {
        background: url('images/main-bg.png');
    }
    
    #header {
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
#logo {
	width: 80%;
	height: 65px;
	margin: 0 20px 0 20px;
	float:left;

}

.logo, .logo:hover {
	width: 80%;
	height: 65px;
	margin: 0;
	 background: url('images/logo3.png') left top no-repeat;
	  background-size: contain;
	display: block;
}
    
    .header-right {
        padding-top: 10px;
    }
    
    #topsearch {
        float: none;
        width: 96%;
        margin: 10px 2%;
    }
    
    #header #topsearch {
        margin-left: 0;
        margin-right: 0;
        width: 100%; 
    }
#header-search {	width: 90%;	height: 40px;margin: 5px 20px 0 20px;	float:left;}
.breadcrumbs {margin:15px 0 0 15px;padding:20px;}
    
    #top-social-profiles {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }
#social-no {width: 90%;margin: 0 auto 15px auto; padding: 0;text-align: center;}	
#sidebar {width: 100%;float: none;margin: 0;display: block;padding:0;}
#content, #sidebar-primary, #sidebar-secondary {	width: 100%;float: none;padding: 0; margin: 0;display: block;}
#sidebar-primary li {padding: 0; margin: 10px 0 5px 0;}
.widget-container a { font-size: 24px;}    
    #sidebar-primary, #sidebar-secondary {
        	 background: #ffffff;
    }
    
    .menu-primary-container, .menu-secondary-container {
        float: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }
    
    .fp-slider, #fb-root {
        display: none;
    }

    .post-box {
        width: 100%;
        height: 100%;
        float: none;
        overflow: hidden;
        margin: 0 0 10px 0;
        padding: 10px;
		
    }
    
    #footer-widgets-container #footer-widgets {
        width: inherit;
    }
    
    .footer-widget-box {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    #copyrights, #credits {
        display: block;
        float: none;
        text-align: center;
    }
    
    #footer-container #copyrights, #footer-container #credits {
        padding: 5px 0;
    }
    
    #footer-container #footer {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
#comment{width: 100%;margin: 10px auto 15px auto; padding: 0;text-align:center;}
#vk_comments, #vk_comments iframe { width: 95% !important;}	



}

/* Mobile Phones ----------- */
.breadcrumbs {margin:10px 0 0 15px;padding:0;}
@media only screen and (max-width: 480px) {
.menu-primary-responsive-container, .menu-secondary-responsive-container {display: block;}
.menu-primary-container, .menu-secondary-container {display: none;}
#header .menu-primary-responsive-container, #header .menu-primary-responsive-container {margin-left: 0;margin-right: 0;width: 100%;}
.postpost-box {width: 100%;	margin:0;float: none;padding: 0;}
.lists {width: 90%; margin: 0 5%;padding: 0%; border:0px solid black;}
.lists div {width: 100%; float: left;padding: 0;margin: 20px 0 30px 0;border:0px solid red;}
.lists span {display: block; text-transform: uppercase;color:#000;font-size:40px;margin-bottom: 30px;text-decoration: underline;}
.lists ul {margin: 0; padding: 0;}
.lists ul li {list-style-type: none; float: none;padding: 7px 0;}
.lists ul li a {font-size:26px !important; text-decoration: none}
.lists ul li a:hover {text-decoration: underline;}
.lists div.clear {float: none; width: auto; margin: 0;border:0;}
.postpost-box ol{margin-left:10%;}
.postpost-box ul{margin-left:10%;}
.postpost-box ol li{margin:1%;float: none;padding: 12px 0 5px 2%;border-bottom:1px solid #E3DCF5;}
.autor ul li{
    float: none;
	margin: 5px 0 0 3%;
	width:93%;
}

#footer {min-height:60px;}
#copyrights {padding: 20px 5px;font-size: 14px;}
}
#slidebox{max-width:300px;max-height:500px;width:100%;height:auto;padding:10px;background:#f9f9f9;position:fixed;bottom:0px;right:-300px;line-height:18px;z-index:1000;}
.close{width:25px;height:26px;position:absolute;top:0;right:-25px;background:#f9f9f9;}
a.button-close{font-size:30px;background:#000000;color:#ffffff;position:absolute;cursor:pointer;top:0;right:0;text-decoration:none;border:none;margin:4px 4px 3px 3px;padding:1px;font-weight:600;}

/* =END
-------------------------------------------------------------- */