@import "helpers.css";

body {
	background: #ffffff;
	color:#262626;
	font: 14px 'Museo300';
	padding:0px;
	margin:0px;
	overflow-x:hidden;
}
.container {
	width:1200px;
	margin:0px auto;
}
* {
	outline:none;
}
img {
	max-width:100%;
	height: auto;
}
#top {
	height:70px;
	background:#000; 
	position:relative;
}
#top .container {
	height:70px;
	position:relative;
}
#top a#logo {
	width:147px;
	height:50px;
	display:block;
	text-indent:-30000px;
	margin-top:10px;
	float:left;
	margin-right:30px;
	background:transparent url('images/logo.png') no-repeat center center;
	background-size: 100% 100%;
}
#top .m0 {
	display:block;
	float:left;
	height:70px;
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:15px;
	font-family: 'Museo300';
	color:#fff;
	list-style:none;
}
#top .m0:not(.show) .i0 {
	width:88px;
	display:inline-block;
	vertical-align:top;
	margin-right:1px;
	height:66px;
}
#top .i0:nth-child(1) {border-bottom:2px solid #d18d29;}
#top .i0:nth-child(2) {border-bottom:2px solid #c34500;}
#top .i0:nth-child(3) {border-bottom:2px solid #ab0703;}
#top .i0:nth-child(4) {border-bottom:2px solid #820028;}
#top .i0:nth-child(5) {border-bottom:2px solid #82004c;}
#top .i0:nth-child(6) {border-bottom:2px solid #820074;}
#top .i0:nth-child(7) {border-bottom:2px solid #740082;}
#top .i0:nth-child(8) {border-bottom:2px solid #58037f;}
#top .i0:nth-child(9) {border-bottom:2px solid #3b0374;}
#top .i0:nth-child(10) {border-bottom:2px solid #250373;}
#top .i0:nth-child(11) {border-bottom:2px solid #1b0354;}

#top .m0:not(.show) li.bnfm {
	height:42px;
	border:0px !important;
	position: relative;
	top: -15px;
}
#top .m0:not(.show) li.bnfm a {
	width:inherit;
	height:42px;
	display:block;
	background:transparent url('images/logobnfm.png') no-repeat 0 0;
	background-size:100% 100%;
}
#top .m0 .i0.active {
	border-bottom:1px solid #710082;
}
#top .m0:not(.show) .i0 > a {
	color:#fff;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
	display:table-cell;
	vertical-align:middle;
	width:inherit;
	height:66px;
	text-align: center;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
#top .m0 .i0:nth-child(1) > a:hover,#top .m0 .i0:nth-child(1).active > a, #top .i0:nth-child(1) .m1 {background:#d18d29;}
#top .m0 .i0:nth-child(2) > a:hover,#top .m0 .i0:nth-child(2).active > a, #top .i0:nth-child(2) .m1 {background:#c34500;}
#top .m0 .i0:nth-child(3) > a:hover,#top .m0 .i0:nth-child(3).active > a, #top .i0:nth-child(3) .m1 {background:#ab0703;}
#top .m0 .i0:nth-child(4) > a:hover,#top .m0 .i0:nth-child(4).active > a, #top .i0:nth-child(4) .m1 {background:#820028;}
#top .m0 .i0:nth-child(5) > a:hover,#top .m0 .i0:nth-child(5).active > a, #top .i0:nth-child(5) .m1 {background:#82004c;}
#top .m0 .i0:nth-child(6) > a:hover,#top .m0 .i0:nth-child(6).active > a, #top .i0:nth-child(6) .m1 {background:#820074;}
#top .m0 .i0:nth-child(7) > a:hover,#top .m0 .i0:nth-child(7).active > a, #top .i0:nth-child(7) .m1 {background:#740082;}
#top .m0 .i0:nth-child(8) > a:hover,#top .m0 .i0:nth-child(8).active > a, #top .i0:nth-child(8) .m1 {background:#58037f;}
#top .m0 .i0:nth-child(9) > a:hover,#top .m0 .i0:nth-child(9).active > a, #top .i0:nth-child(9) .m1 {background:#3b0374;}
#top .m0 .i0:nth-child(10) > a:hover,#top .m0 .i0:nth-child(10).active > a, #top .i0:nth-child(10) .m1 {background:#250373;}
#top .m0 .i0:nth-child(11) > a:hover,#top .m0 .i0:nth-child(11).active > a, #top .i0:nth-child(11) .m1 {background:#000000;}

#top .m1 {
	position: absolute;
	display: none;

	margin: 0;
	padding: 0;
	margin-top: 2px;

	z-index: 10;

	list-style: none;
}

#top .m1 .i1 {
	margin: 0;

	margin-bottom: 1px;

	background: rgba(255,255,255,0.1);

	transition: background-color 200ms linear;
}

#top .m1 .i1:hover {
	background: rgba(255,255,255,0.3);
}

#top .m1 .i1 a {
	display: block;
	color: #fff;

	padding: 15px 30px;
}

#top #panel-log-reg {
	position: absolute;
	right:20px;
	top:120px;
	background:#9540a1;
	padding:0px 20px;
	height:40px;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	font-size:12px;
	color:#fff;
	text-transform: uppercase;
	z-index:100;
}
#top #panel-log-reg.noshadow {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#top #panel-log-reg a {
	color:#fff;
	text-decoration: none;
}
#top #panel-log-reg .sign-in {
	padding-top:13px;
}
#top #panel-log-reg .user {
	padding-top:6px;
	text-transform: none;
}
#top #panel-log-reg .user img {
	height:30px;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
}
#slideshow {
	width:100%;
	height:auto;
	max-height:470px;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin-bottom:25px;
}
#slideshow img {
	width:100%;
}
#slideshow a {
	display:block;
	width:100%;
	text-align:center;
}
#slideshow span {
	position:absolute;
	width:40%;
	left:50%;
	bottom:20px;
	display:block;
	margin-left:-20%;
	background: rgba(0,0,0,0.5);
	color:#fff;
	font: 2em 'Museo300';
	text-align:center;
}
#slideshow span div {
	padding:15px;
}
#content .column-reversed-left {
	width:360px;
	float:left;
	margin-left:30px;
	margin-right:25px;
}
#content .column-reversed-right {
	width:730px; 
	float:left;
	margin-left:25px;
	margin-right:30px;
}

#content .a-d-view {
	margin-bottom: 15px;
}
#content .a-d-view .a-d-image {
	display: block;
}
#content .a-d-view .a-d-image img {
	display: block;
}
#content .a-d-view .a-d-url {
	cursor: pointer;
}
#content .column-left {
	width:730px; 
	float:left;
	margin-left:30px;
	margin-right:25px;
}
#content .column-left.noleftmargin {
	margin-left:0px;
	margin-right:55px;
}
#content .column-right {
	width:360px; 
	float:left;
	margin-right:30px;
	margin-left:25px;
}

#content .column-right h2 {
	margin-top: 70px;
}

#content .column-right h2:first-child {
	margin-top: 0;
}

#content .column-full {
	margin:0px 20px;
}
#content .cat-center {
	width:730px;
	margin:0px auto;
}
#content .cat-center .article .thumb img{
	width: 100%;
}
#content ul.articles,
#content ul.popular,
.tab-container ul,
#content ul.letters-shorts,
#content ul.images,
#content ul.videos,
#content ul.books,
#content ul.quotes,
#content ul.pictures,
#content ul.categories,
#content ul.videos-small,
#content ul.books-small,
#content ul.faces {
	margin:0px;
	padding:0px;
	list-style: none;
}
#content ul.articles li,
#content ul.popular li {
	margin-bottom:20px;
}
#content ul.articles li .thumb {
	width:360px;
	float:left;
	margin-right:15px;
	overflow: hidden;
}
#content ul.articles li .informations.full { 
	width:730px;
}
#content ul.articles li .informations.full .buttons { 
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#content ul.articles li .informations.full .info { 
	width:630px;
	float:left;
	margin-bottom:15px;
}
#content ul.articles li .informations {
	width:355px;
	float:left;	
}
#content ul.articles li .informations .date,
#content ul.articles li .informations .comments {
	font-size:12px;
	color:#696868;
}
#content ul.articles li .informations .date {
	float:left;
}
#content ul.articles li .informations .comments {
	float:right;
}
#content ul.articles li .informations a.title {
	clear:both;
	font-size:24px;
	color:#710082;
	margin-bottom:10px;
	display:block;
}
#content ul.articles li .informations .lead {
	font-size:14px;
	line-height: 18px;
	margin-bottom:15px;
}
#content ul.popular li .thumb {
	width:360px;
	height:165px;
	position:relative;
	overflow: hidden;
	margin-bottom:5px;
}
#content ul.popular li .thumb a.title {
	position: absolute;
	display:block;
	left:0px;
	bottom:0px;
	z-index:10;
	width: 340px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-transform: uppercase;
	font-size:20px;
}
#content ul.popular li .lead {
	font-size:14px;
	line-height: 18px;
}
#content ul.faces {
	text-align:center;
}
#content ul.faces li {
	width:96px;
	height:96px;
	display:inline-block;
	margin:0px 7px;
	overflow:hidden;
}
.frame {
	display:block;
	box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 2px 0 15px -4px rgba(0, 0, 0, 0.3), -2px 0 15px -4px rgba(0, 0, 0, 0.3);
    background: white;
    padding:20px 20px;
}
.newsletter-wide {
	padding:0px 40px;
}
.newsletter-wide.popup {
	padding:40px;
}
.newsletter-wide .informations {
	width:70%;
	float:left;
}
.newsletter-wide.popup .informations {
	width:55%;	
}
.newsletter-wide .informations .head {
	font-size:24px;
	margin-bottom:10px;
}
.newsletter-wide .informations .text {
	font-size:18px;
}
.newsletter-wide .form {
	width:30%;
	float:left;
	padding-top:40px;
}
.newsletter-wide.popup .form {
	width:45%;
}
.newsletter-wide .form input[type="text"] {
	border:1px solid #000;
	padding:4px;
	margin-right:5px;
}
.newsletter-wide.popup .form input[type="text"] {
	width:70%;
}
.newsletter-wide .form input[type="text"].error {
	border:1px solid #df5656;
}
.newsletter-wide .form button {
	border:0px;
	background:#000;
	color:#fff;
	padding:4px 10px;
}
.tab-container > ul {
	text-align:center;
}
.tab-container > ul > li {
	background:#eaeaea;
	display:inline-block;
}
.tab-container.two ul > li {
	width:48%;
	padding:10px 0px;
}
.tab-container.three ul > li {
	width:33%;
	padding:10px 0px;
}
.tab-container > ul > li a {
	font-size:18px;
	text-transform: uppercase;
	display:block;
}
.tab-container > ul > li.active {
	background:#9540a1;
}
.tab-container > ul > li.active a {
	color:#fff;
}
#content ul.letters-shorts {
	margin-bottom:20px
}
#content ul.letters-shorts li {
	width:29%;
	float:left;
	padding:0% 2%;
}
#content ul.letters-shorts li:nth-child(2)
{
	border-left:1px solid #eeeded;
	border-right:1px solid #eeeded;
}
#content ul.letters-shorts li a.title {
	font-size:20px;
	color:#98009a;
	margin-bottom:15px;
	display:block;
}
#content ul.letters-shorts li .author {
	margin-bottom:15px;
}
#content ul.letters-shorts li .lead {
	text-indent:30px;
	font-size:14px;
	margin-bottom:15px;
}
#content ul.letters-shorts li .comments {
	font-size:12px;
	color:#696868;
	float:left;
}
#content ul.letters-shorts li div.more {
	float:right;
}
#content .article {
	position: relative;
}
.cat-side {
	position: absolute;
	top:30%;
	width: 200px;
}
.cat-side .more {
	text-align: center;
	font-weight: normal;
}
.cat-side .thumb {
	margin-bottom:5px !important;
}
.cat-side.lft {
	left:-210px;
}
.cat-side.rgt {
	right:-210px;
}
#content .article .thumb,
#content .video .movie {
	width:100%;
	margin-bottom:10px;
}
#content .article .date-tags,
#content .video .date-tags {
	font-size:12px;
	color:#696868;
	margin-bottom:15px;
}
#content .article .date-tags span,
#content .video .date-tags span {
	float:right;
}
#content .article .title > span,
#content .video .title > span {
	font-size:40px;
	float:left;
	width:620px;
	padding-top:10px;
}
#content .video .title > span > span {
	font-size:24px;
	color:#696868;
}
#content .video .buttons {
	float:left;
}
#content .video .title > span,
#content .article.lett .title span {
	width:525px;	
}
#content .article .title .fb-like,
#content .video .title .fb-like {
	width:72px;
	float:right;
	margin-left:10px;
}
#content .article .content,
#content .video .content {
	font-size:18px;
	min-height:100px;
}
l.images.nws li {
	width:100% !important;
	height:auto !important;
	float:none !important;
	margin:5px !important;
}
ul.images li {
	width:176px;
	height:140px;
	overflow:hidden;
	float:left;
	margin:0px 5px;
	padding: 2px;
}
ul.images:not(.nws) li:hover{
	width:182px;
	padding: 0px;	
}
ul.images li a {
	position:relative;
	display:block;
}
ul.images li img {
	max-width:100%;
	max-width:530px;
}
ul.images li span {
	display:block;
	font-size:10px;
}
ul.images li span.photo-title {
	text-align:left;
	padding:0px 5px;
}
ul.images li span.photo-author {
	text-align:right;
	color:#ccc;
	padding:4px 10px;
	background:rgba(0,0,0,0.8);
	position:absolute;
	right:0px;
	bottom:4px;
}
#path {
	background:#9540a1;
	padding:14px 20px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	color:#fff;
	font-size:12px;
	margin-bottom:20px;
	text-transform: uppercase;
	display:none;
}
#path a {
	color:#fff;
}
#profile {
	
}
#profile #thumb {
	width:360px;
	float:left;
	margin-right:30px;
}
#profile #informations {
	width:730px;
	float:left;
}
#profile #informations .gallery > .item,
#profile #informations .gallery > .highlighted {
	width:230px;
	height:230px;
	display:block;
	float:left;
	margin:6px;
	position: relative;
}
#profile #informations .gallery > .highlighted {
	background: #fef3ff;
}
#profile #informations .gallery > .item img {
	display:block;
}
#profile #informations .gallery > .item > a:not(.cbox) {
	position: absolute;
	width: 90%;
	padding:5px 0px;
	background: #e3e3e3;
	color:#262626;
	text-align:center;
	bottom:5px;
	left:5%;
}
#profile #informations .gallery > .item > a:not(.cbox):hover {
	background: #fff;
}
#profile #informations .data-label {
	font-size:14px;
	color:#898989;
	margin-bottom:5px;
}
#profile #informations .data-info {
	font-size:18px;
	margin-bottom:10px;
}
#content ul.videos li,
#content ul.books li {
	margin-bottom:20px;
}
#content ul.videos li .thumb {
	width:360px;
	float:left;
	margin-right:15px;
	position: relative;
}
#content ul.videos li .thumb img {
	display:block;
	margin-bottom:10px;
}
#content ul.videos li .thumb audio {
	display:block;
	margin:0px auto;
}
#content ul.videos li .informations {
	width:355px;
	float:left;
}
#content ul.books li .thumb {
	width:100px;
	float:left;
	margin-right:10px;
}
#content ul.books li .informations {
	width:620px;
	float:left;
}
#content ul.books li .informations a.title {
	font-size: 18px;
	font-weight: bold;
}
#content ul.books li .informations a.title span {
	font-size:14px;
	color:#696868;
}
#content ul.videos li .score,
#content ul.videos li .comments,
#content ul.books li .score,
#content ul.books li .comments {
	font-size:12px;
	color:#696868;
	margin-bottom:5px;
}
#content ul.videos li .score,
#content ul.books li .score {
	float:left;
}
#content ul.videos li .comments,
#content ul.books li .comments {
	float:right;
}
#content .buttons {
	width:85px;
	float:left;
	height:40px;
	margin-right:15px;
}
#content .buttons .score {
	font-size:12px;
	color:#696868;
	margin-bottom:5px;
}
#content .buttons span {
	display:block;
	border:1px solid #b8b8b8;
	width:38px;
	height:38px;
	float:left;
	cursor:pointer;
	background:transparent url('images/ico-arrow.png') no-repeat center center;
}
#content .buttons span.up {
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#content .buttons span.up.active,
#content .buttons span.up:hover {
	border:1px solid #4ba141;
}
#content .buttons span.down {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#content .buttons span.down.active,
#content .buttons span.down:hover {
	border:1px solid #db4141;
}
#content .buttons span:first-of-type {
	margin-right:5px;
}
#content ul.videos li a.title {
	width:255px;
	float:left;
	font-size:18px;
	color:#262626;
	display:block;
}
#content ul.videos.quizes li a.title {
	font-size:22px;
}
#content ul.videos li .lead {
	font-size:14px;
	margin-top:10px;
}
#content ul.videos-small,
#content ul.books-small {
	margin-bottom:30px;
}
#content ul.videos-small li,
#content ul.books-small li {
	margin-bottom:10px;
}
#content ul.videos-small li a,
#content ul.books-small li a {
	font-size:18px;
	color:#262626;
	display:block;
}
#content ul.videos-small li img {
	width:100px;
	margin-right:10px;
	float:left;
}
#content ul.videos-small li span {
	width:250px;
	float:left;
}
#content ul.books-small li img {
	width:40px;
	margin-right:10px;
	float:left;
}
#content ul.books-small li a span {
	width:310px;
	float:left;
}
#content ul.books-small li a > span > span {
	font-size:14px;
}
#content ul.categories li {
}
#content ul.categories li a {
	font-size:18px;
	text-transform: uppercase;
	display:block;
	padding:10px 15px;
	color:#838383;
}
#content ul.categories li.active a {
	background: #9540a1;
	color:#fff;
	position:relative;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    3px 3px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         3px 3px 0px 0px rgba(0, 0, 0, 0.3);
}
#content ul.categories li.active a:after {
	width: 0;
	height: 0;
	content:"";
	position: absolute;
	right:-11px;
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: transparent transparent transparent #9640a1;
}
#content ul.quotes li {
	margin-bottom:20px;
}
#content ul.quotes li .buttons {
	float:left;
	margin-right:15px;
}
#content ul.quotes li .quote {
	width:630px;
	float:left;
	padding-top:12px;
}
#content ul.quotes li .quote span:not(.btn-facebook-share) {
	display: block;
	font-size:12px;
	color:#696868;
	float:left;
}
#content ul.quotes li .quote .btn-facebook-share {
	float:right;
}
#content ul.quotes li .quote p {
	font-weight:bold;
	margin-top:5px;
	padding-top:0px;
}
#content ul.pictures li {
	width:155px;
	height:175px;
	float:left;
	margin:5px;
}
#content ul.pictures li .user {
	color:#898989;
	font-size:14px;
	margin-bottom:5px;
}
#content ul.pictures li .user a {
	color:#898989;
	font-size:14px;
}
#content ul.pictures li img {
	display:block;
}
#content #quiz {
	
}
#content #quiz #thumb {
	max-width:730px;
	float:left;
}
#content #quiz #thumb img {
	max-width:100%;
	display:block;
	margin-bottom:10px
}
#content #quiz #thumb p {
	font-size:18px;
}
#content #quiz #question {
	width:360px;
	margin-left:30px;
	float:left;
}
#content #quiz #question #number,
#content #quiz #question #title {
	font-size:24px;
	color:#262626;
	margin-bottom:10px;
}
#content #quiz #question #number {
	color:#9540a1;
}
#content #quiz #question #title {
	margin-bottom:20px;	
}
#content #quiz #question ul#answers {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:18px;
}
#content #quiz #question ul#answers li {
	margin-bottom:25px;
}
#content #quiz #question .error {
	font-size:16px;
	color:#df5656;
}
#content #quiz-result {
	max-width:730px;
	margin:0px auto;
}
#content #quiz-result #title {
	font-size:40px;
	text-align:center;
	margin-bottom:10px;
}
#content #quiz-result #thumb {
	overflow:hidden;
	margin-bottom:10px;
}
#content #quiz-result #answer {
	color:#9540a1;
	font-size:40px;
	text-align:center;
}
#content #quiz-result #answer span {
	color:#262626;
	display: block;
}
#content #quiz-result p {
	font-size:18px;
	line-height: 22px;
}
#content #quiz-result #buttons {
	text-align: center;
}
#content .bnfmprolog {
	width:100%;
	margin-bottom:10px;
}
#content .bnfmprolog .thumb {
	width:30%;
	float:left;
	margin-right:5%;
}
#content .bnfmprolog .thumb img {
	max-width:100%;	
}
#content .bnfmprolog .description {
	width:65%;
	float:left;
	line-height:20px;
}
#footer {
	height:114px;
	background:#000;
	line-height:114px;
	margin-top:25px;
	overflow: hidden;
}
#footer .copyrights {
	color:#6c6c6c;
	font-size:18px;
	float:left;
}
#footer .links {
	float:left;
	margin-left:100px;
}
#footer .links ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer .links ul li {
	display:inline-block;
	margin:0px 5px;
}
#footer .links ul li a {
	color:#fff;
}
#footer .socials {
	float:right;
	text-align:right;
}
#socials {
	width:64px;
	position: fixed;
	left:0px;
	top:200px;
	z-index:100;
}
#socials a {
	width:48px;
	height:48px;
	margin-bottom:5px;
	display:block;
	background-size:100% 100% !important;
}
#socials a.facebook {
	background: transparent url('images/ico-side-fb.png') no-repeat 0 0;
}
#socials a.googleplus {
	background: transparent url('images/ico-side-gp.png') no-repeat 0 0;
}
#socials a.twitter {
	background: transparent url('images/ico-side-twitter.png') no-repeat 0 0;
}
#top-bar {
	background:#9540a1;
	padding:4px; 0px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 3px 0px 0px rgba(0, 0, 0, 0.3);
	color:#fff;
	font-size:12px;
	margin-bottom:30px;
	text-transform: uppercase;
}
ul#main-menu {
	margin:0px;
	padding:0px;
	float:left;
	list-style: none;
	margin-top:4px;
}
ul#main-menu li {
	display:inline-block;
	margin-right:13px;
	padding-bottom:3px;
}
ul#main-menu li.active {
	border-bottom:1px solid #fff;
}
ul#main-menu li a {
	display:block;
	color:#fff;
	font-size:16px;
	text-transform: lowercase;
}
#user-panel {
	float:right;
	margin-top:4px;
}
#user-panel span.ico-log {
	width:17px;
	height:20px;
	display:inline-block;
	background: transparent url('images/ico-log.png') no-repeat 0 0;
	vertical-align: middle;
}
#user-panel #unlogged a,
#user-panel #logged a {
	display:inline-block;
	text-transform:lowercase;
	font-size:16px;
	margin-right:5px;
	margin-left:5px;
	color:#fff;
	vertical-align: middle;
}
#user-panel #unlogged span.ico-log {
	margin-left:5px;	
}
#user-panel #logged a {
	font-size:12px;
	margin-left:2px;
	margin-right:2px;
	position: relative;
	top:-2px;
}
#user-panel #logged img {
	height:25px;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
	position: relative;
	top:-2px;
}
#search-panel {
	float:right;
	margin-left:20px;
}
#search-panel input[type="text"] {
	border:0px;
	background:#682d70;
	color:#fff;
	display:inline-block;
	width:140px;
	padding:6px;
	vertical-align: middle;
}
#search-panel input[type="text"]::-webkit-input-placeholder {
   color: #fff !important;
}

#search-panel input[type="text"]:-moz-placeholder {
   color: #fff !important;
}
#search-panel input[type="text"]::-moz-placeholder {
   color: #fff !important;
}
#search-panel input[type="text"]:-ms-input-placeholder {
   color: #fff !important;
}
#search-panel button {
	width:auto;
	border:0px;
	text-indent: -20000px;
	background: #682d70 url('images/ico-search-bar.png') no-repeat center center;
	width: 29px;
	height:29px;
	vertical-align: middle;
	position: relative;
	left:-3px;
}
ul.cats {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.cats li {
	width:360px;;
	float:left;
	margin:10px;
}
ul.cats li .thumb {
	max-height:220px;
	overflow: hidden;
}
ul.cats li > a:not(.more) {
	font-size:20px;
	display:block;
	margin-bottom:10px;
	height:24px;
	overflow: hidden;
}
ul.cats li > a.more {
	margin-top:5px;
}
.fb-like-box {
	width:100% !important;
}
.fb-like-box > span ,
.fb-like-box > span > iframe{
	width:100% !important;
}

.a-dsen {
	margin: 0 auto 20px;
	text-align: center;
}

#chatbox {
	z-index: 10001;

	position: fixed;

	bottom: 0;
	right: 5%;

	width: 200px;
	max-width: 90%;

	transition: width 0.2s, height 0.2s;

	font-family: 'tahoma';
	font-size: 11px;
}

#chatbox.opened {
	width: 400px;
}

#chatbox .chatbar {
	position: relative;
	z-index: 10;

	padding: 8px 5px;

	background: #2e4588;
	font-weight: bold;

	color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#chatbox .openbtn {
	text-align: center;
	cursor: pointer;
}

#chatbox .inner {
	position: relative;

	display: none;

	border-left: 1px solid #888;
	border-right: 1px solid #888;

	background: #fff;
}

#chatbox.opened .inner {
	display: block;

	padding: 5px;

	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

#chatbox .chatbox-messages {
	padding: 10px;
	margin-bottom: 5px;

	height: 300px;
	overflow: auto;

	background: #f8f8f8;
}

#chatbox .chatbox-messages .chatbox-hello {
	margin-bottom: 1em;
}

#chatbox .chatbox-messages > ul {
	margin: 0;
	padding: 0;
}

#chatbox .chatbox-messages > ul > li {
	position: relative;

	margin: 0;
	padding: 0;

	border-top: 1px solid #ddd;
	margin-top: 9px;
	padding-top: 9px;

	line-height: 1em;
}

#chatbox .chatbox-messages .msg {
	margin: 0;
	padding: 0;

	border-top: 1px solid #ddd;
	margin-top: 9px;
	padding-top: 9px;

	line-height: 1em;

	font-size: 1.1em;
}

#chatbox .chatbox-messages .msg:first-child {
	border-top: none;
	margin-top: 0;
}

#chatbox .chatbox-messages .time {
	position: absolute;
	right: 5px;

	font-size: 10px;
	color: #aaa;
}

#chatbox .chatbox-messages .name {
	position: absolute;

	width: 70px;
	white-space: nowrap;

	font-size: 10px;
	color: #aaa;

	text-align: right;

	overflow: hidden;
}

#chatbox .chatbox-messages .message {
	margin-left: 80px;
	margin-right: 50px;
}

#chatbox .chatbox-preloader {
	display: none;

	margin-top: 15px;
	margin-left: 30px;

	padding-left: 30px;
	min-height: 16px;

	background: url('images/chat-preloader.gif') no-repeat left top;

	font-size: 11px;
	line-height: 16px;
}

#chatbox .chatbox-input {
	position: relative;
}

#chatbox .chatbox-input .chatbox-input-outer {
	position: relative;

	margin-right: 80px;
}

#chatbox .chatbox-input input {
	display: block;

	font-size: 12px;
	font-family: inherit;

	padding: 5px;
	border: 1px dotted #888;

	width: 100%;

	box-sizing: border-box;
}

#chatbox .chatbox-input button {
	position: absolute;

	top: 0;
	right: 0;
	width: 70px;
	height: 100%;

	border: 1px solid #888;
	background: #eee;
	font-family: inherit;
}

#chatbox .chatbox-login {
	padding: 5px;

	text-align: center;
}

#chatbox .chatbox-login a {
	font-weight: bold;
	text-decoration: underline;
}

.mainregisterbutton {
	text-align: center;

	margin-bottom: 25px;
}

.mainregisterbutton a {
	display: inline-block;
	border-radius: 10px;

	padding: 20px 30px;
	padding-left: 60px;

	background: #2e4588;
	background-image: url('images/ico-log.png');
	background-repeat: no-repeat;
	background-position: 25px center;

	color: #fff;
	font-size: 1.5em;
	text-align: center;

	transition: background-color 200ms;
}

.mainregisterbutton a:hover {
	background-color: #4e65aa;
}