/******************************************************************
Theme Name: Yonkis.com
Theme URI: http://www.yonkis.com
Description: Template variable desarrollado por Increate para Yonkis.com en exclusiva. Su estructura y programación permiten generar diseños 
Author: Increate // Soluciones corporativas
Author URI: http://increate.es
Version: 1.09
Tags: html5, css3, fixed, development, bones, h5bp

******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body { background: #000; font-family: "Lato", Verdana, Arial, sans-serif; font-weight: 400; font-size: 10pt; }

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 925px;
	margin: 0 auto;
	padding: 0;
}

/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */

/* floats */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 


/******************************************************************
LINK STYLES
******************************************************************/

a { color: #ffdd00; }
a:visited { color: #ffcc00; }
a:hover, a:focus { color: #ffff00; text-decoration: underline; }
a:active { background: rgba(255, 255, 0, 0.37); } /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: yellow;
	color:#000;
	text-shadow : none;
}

/* Firefox */
::-moz-selection { 
	background: yellow;
	color:#000;
	text-shadow : none;
}

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Lato", Verdana, Arial, sans-serif; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 400; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {
	width: 100%;
	margin: 0 auto;
	float: left;
}

header[role=banner]  a, header[role=banner]  a:visited { color: inherit; }
header[role=banner]  a:hover, header[role=banner]  a:focus { color: inherit; }
a:active { background: transparent; }
#logo { margin: 1.1em 0; }
.top-head {
	width: 100%;
	height: 39px;
	background: rgba(0,0,0,0.9);
	border-bottom: 1px solid #555;
	position: fixed;
	top: -40px;
	z-index: 999;
	-webkit-transition: top 250ms ease-in-out;
	-moz-transition: top 250ms ease-in-out;
	-o-transition: top 250ms ease-in-out;
	-ms-transition: top 250ms ease-in-out;
	transition: top 250ms ease-in-out;
}
.top-head .fixed-header {
	width: 925px;
	margin: 0 auto;
}
.top-head .fixed-header .home-logo {
	width: 175px;
	height: 31px;
	margin-top: 8px;
	margin-left: 13px;
	float: left;
}
.top-head .fixed-header .home-logo ul li {
	list-style: none;
}

.top-head .head-login .login-menu {
	height: 31px;
	padding-top: 8px;
	float: right;
}
.top-head .head-login .login-menu .access,
.top-head .head-login .login-menu .newuser {
	float: left;
}
.top-head .head-login .login-menu .newuser svg {position: relative;top: 2px;}
.top-head .head-login .login-menu .sep { height: 20px; width: 1px; margin: 0 10px; border-right: 1px solid #777; box-shadow: 1px 0 0 0 #2b2b2b; float: left; }
.top-head .head-login .login-menu a { color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; opacity: 0.6; }
.top-head .head-login .login-menu a span { opacity: 0.9; }
.top-head .head-login .login-menu a:hover { opacity: 1; }
.top-head .head-login .login-menu a:hover span { opacity: 1; }

.top-head .head-login .logged-menu {
	padding: 0;
	margin: 7px 0 0 0;
	float: right;
}

.top-head .head-login .logged-menu li {
	padding: 0;
	margin: 0;
	font-size: 10pt;
	list-style: none;
	float: left;
}
.top-head .head-login .logged-menu li img {
	position: relative;
	top: 3px;
}
.top-head .head-login .logged-menu li.logout {
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 3px;
	border-left: 1px solid #666;
}
.top-head .head-login .logged-menu li a  {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	opacity: 0.6;
}
.top-head .head-login .logged-menu li a svg  {
	position: relative;
	top: 2px;
}
.top-head .head-login .logged-menu li a:hover { opacity: 1; }

header[role=banner] .loggedin {
	margin-top: 105px;
	margin-right: 10px;
	float: right;
}
header[role=banner] .loggedin a {
	margin-bottom: 5px;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	opacity: 0.6;
	float: left;
}
header[role=banner] .loggedin a:hover {
	opacity: 1;
}
header[role=banner] .loggedin a img {
	position: relative;
	top: 2px;
}
header[role=banner] .loggedin a span {
	margin: 3px 0 0 0;
	border: 0 none;
	float: left;
}
header[role=banner] .loggedin > span {
	margin: 5px 10px 0;
	height: 15px;
	border-left: 1px solid #fff;
	opacity: 0.6;
	display: block;
	float: left;
}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}

nav[role=navigation] .menu {
	margin: 1.1em 0;
}
nav[role=navigation] .menu ul { 
	background: #4598bb;
}
nav[role=navigation] .menu ul li {
	float: left;
}
nav[role=navigation] .menu ul li a { 
	color: #fefefe;
	font-weight: 700;
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.33);
}
nav[role=navigation] .menu ul li a:hover { 
	color: #fff;
}

nav[role=navigation] .menu ul li:first-child a {}

nav[role=navigation] .menu ul li.current-menu-item a, 
nav[role=navigation] .menu ul li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-ancestor a {}

/* sub menus */
nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
	background: #4598bb;
	position: absolute;
	left: -9999em;
	z-index: 9999;
	width: 200px;
}
nav[role=navigation] .menu ul li ul li ul { 
	margin-left: 200px;
	top: auto;
	margin-top: -30px;
}
nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
	left: auto;
}
nav[role=navigation] .menu ul li ul li a { 
	width: 160px;
}

nav[role=navigation] .menu ul li ul li a {}
nav[role=navigation] .menu ul li ul li a:hover {}
nav[role=navigation] .menu ul li ul li:last-child a {}

nav[role=navigation] .menu ul li ul li ul.sub-menu { }
nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }


/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {}
#main {
	width: 700px;
	margin-top: 40px;
}

.hentry { padding: 0; margin: 0 0 30px 0; float: left; }
.hentry.yonkistv {
	width: 100%;
	float: left;
}
.hentry.yonkistv iframe {
	width: calc(100% - 42px);
	margin: 0 20px 15px 20px;
	float: left;
}
#main .hentry.yonkistv footer {
	margin-top: 0;	
}
.hentry.yonkistv footer a {
	font-size: 11pt;
}
.hentry.yonkistv footer a.link {
	margin: -2px 0 0 0;
	font-size: 12pt;
	color: yellow;
	float: right;
}
.hentry header {
	width: 700px;
	height: 40px;
	color: #fff;
	background: url(img/post_header.png) no-repeat;
	font-size: 10pt;
	text-shadow: 1px 1px 0 #000;
}
.hentry header h3 {
	width: 360px;
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
	text-align: left;
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 15px;
	color: #8e8e8e;
	overflow: hidden;
}
.hentry header a {
	color: #8e8e8e;
}
.hentry header a:hover {
	text-decoration: none;
	color: #8e8e8e;
}
.hentry header span {
}
.hentry header span.date {
	width: 200px;
	padding: 0 25px 0 0;
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 11px;
	font-weight: 400;
	color: #8e8e8e;
}
.hentry header span.category a {
	text-decoration: none;
	font-size: 10pt;
}
.hentry.category-contenedor {
	position: relative;
}
.hentry.category-contenedor .comments-box {
	width: 660px;
	display: flex;
    justify-content: space-between;
	position: absolute;
	bottom: 23px;
	left: 20px;
	z-index: 999;
}
.hentry.category-contenedor .comments {
	width: 125px;
	padding: 5px 0;
	font-size: 16pt;
	color: #999;
	background: rgba(0,0,0,0.7);
	text-align: center;
	text-decoration: none;
}
.hentry.category-contenedor .comments:hover {
	color: #fff;
}
.hentry.category-contenedor .comments:hover svg path {
	fill: #fff;
}
.hentry.category-contenedor .comments span.icon {
	position: relative;
	top: 5px;
}

.single-title, .page-title {
	width: 335px;
	padding: 0 0 0 20px;
	margin: 4px 0 0 0;
	text-align: left;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 10pt;
}

/* post meta */
.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }

/* post content */
.post_content {
	width: 700px;
	margin: 0;
	color: #fff;
	font-weight: 400;
}
.post_content .post-container {
	width: 644px;
	padding: 8px;
	color: #ddd;
}
.post_content .post-container .becario {
	color: #d96d00;
}
.post_content .post-container .becario a {
	color: #5aa3d2;
	text-decoration: underline;
}
.post_content .post-container .becario .sep {
	margin: 0 5px 0 2px;
	color: #999;
}
.post_content .post-container .post-thumb {
	 margin-right: 10px;
}
.twitter .post_content {
	width: 700px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: url(img/twitter-fondo.png) no-repeat;
	font-size: 90%;
	text-shadow: 1px 1px 0 #000;
}
.twitter .post_content .post-container {
	width: 640px;
	margin: 3px 0 0 45px;
}
.musiquito .post_content {
	width: 700px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: url(img/escuchando-fondo.png) no-repeat;
	text-shadow: 1px 1px 0 #000;
}
.musiquito .post_content .post-container {
	width: 650px;
	height: 21px;
	margin: 18px 0 0 37px;
	padding: 0;
}

.especial img, .especial div {
	float: left;
}

.bar {
	width: 20px;
	min-height: 1px;
	background-image: url(img/post_bar.gif);
	background-repeat: repeat-y;
}
.bar.left {
	background-position: top left;
}
.bar.right {
	background-position: top right;
	position: relative;
	left: 2px;
}
.post_content p { margin: 0; line-height: 1.5em; color: #ddd; }
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin: 0; }
.post_content li { margin-bottom: 0.75em; }
.post_content ul li { list-style-type: none; }
.post_content ol li { list-style-type: none; }

.post_content img { margin: 0; max-width: 100%; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; margin-bottom: 9px; display: block; clear: both; }

.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }

.hentry footer {
	width: 660px;
	height: 20px;
	padding: 15px 20px 0 20px;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 0 #000;
	color: #8e8e8e;
	letter-spacing: 1px;
	font-size: 7pt;
	font-weight: 400;
	float: left;
}

.hentry footer a { color: #8e8e8e; text-decoration: none; }
.hentry footer a:hover { text-decoration: underline; }

.hentry footer .post-meta {
	width: 680px;
	padding: 5px 0 0 0;
	margin-left: -10px;
	color: #666;
	font-size: 11pt;
	font-weight: 800;
	float: left;
}
.hentry footer .post-meta a {
	color: #666 !important;
}
.hentry footer .post-meta a:hover {
	text-decoration: none;
}
.hentry footer .post-meta .left {
	padding: 0 !important;
	margin-right: 15px;
}
.hentry footer .post-meta .right {
	padding: 0 !important;
	margin-left: 20px;
}
.hentry footer .post-meta .right.favorites {
	margin-left: 0;
}
.hentry footer .post-meta .category {
	margin-right: 0;
	margin-left: -5px;
}
.hentry footer .post-meta .category span.icon {
	width: 18px;
	height: 18px;
	margin-right: 1px;
	margin-top: 3px;
	float: left;
}
.hentry footer .post-meta .yonki img {
	margin: -5px 5px 0 0;
	float: left;
}
.hentry footer .post-meta .yonki .left {
	margin: 0 5px 0 0;
}
.hentry footer .post-meta .favorites span.icon {
	width: 16px;
	height: 18px;
	margin: 3px 5px 0 0;
	background-image: url(img/small-pocket.png);
	float: left;
}
.hentry footer .post-meta .views span.icon {
	width: 23px;
	height: 12px;
	margin: 5px 5px 0 0;
	background-image: url(img/small-eye.png);
	float: left;
}
.hentry footer .post-meta .comments {
	background: none transparent;
	float: right;
}
.hentry footer .post-meta .comments a.comments {
	padding: 0;
}
.hentry footer .post-meta .comments span.icon {
    width: 14px;
    height: 14px;
    margin: 2px 5px 0 0;
    float: left;
}
.hentry footer .post-meta .comments a:hover span.icon svg path {
	fill: #ffffff;
}

.view-more {
	margin-left: 5px;
}
.external .external-ico {
	width: 12px;
	height: 12px;
	background: url(img/sprite.png) no-repeat 0px -203px;
	display: inline-block;
	position: relative;
	left: 5px;
	top: 2px;
}

/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next {
	margin: 1.1em 0 2.2em;
	padding-left: 10px;
}
.bones_page_navi, .wp-prev-next ul { float: left; }
.bones_page_navi li {
	min-width: 26px;
	height: 32px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	float: left;
} 
.bones_page_navi li a {
	min-width: 26px;
	height: 20px;
	padding: 2px 5px 0 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333;
	position: relative;
	color: #333;
}
.bones_page_navi li a:hover {
	color: yellow;
	text-decoration: none;
}
.bones_page_navi li.bpn-current {
	height: 20px;
	padding: 2px 0 0 0;
	border: 1px solid #fff;
	color: #fff;
	
}
#sidebar {
	width: 175px;
	margin-top: 40px;
	font-weight: 600;
	float: left;
}
#sidebar .important-post a {
	width: 100%;
	color: #fff;
	float: left;
	position: relative;
}
#sidebar .important-post a img {
	filter: grayscale(100%);
	-webkit-transition: filter 500ms ease-in-out;
	-moz-transition: filter 500ms ease-in-out;
	-o-transition: filter 500ms ease-in-out;
	-ms-transition: filter 500ms ease-in-out;
	transition: filter 500ms ease-in-out;
}
#sidebar .important-post:hover a img {
	filter: grayscale(0%);
	-webkit-transition: filter 500ms ease-in-out;
	-moz-transition: filter 500ms ease-in-out;
	-o-transition: filter 500ms ease-in-out;
	-ms-transition: filter 500ms ease-in-out;
	transition: filter 500ms ease-in-out;
}
#sidebar .important-post a img {
	width: 100%;
	float: left;
}
#sidebar .important-post span.title {
	width: 155px;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: 400;
	text-shadow: 1px 1px 1px black;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(34,34,34,0.9) 60%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(34,34,34,0.9) 60%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(34,34,34,0.9) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6222222',GradientType=0 );
	position: absolute;
	bottom: 0;
	left: 0;
}
#sidebar .important-post span.comments {
    width: 145px;
    padding: 7px 15px 5px;
    margin: 1px 0 40px 0;
    font-size: 14pt;
    background: #222;
    color: #666;
	float: left;
}
#sidebar .important-post span.comments svg {
	position: relative;
    top: 3px;
    margin-right: 5px;
}
#sidebar .important-post span.comments span.icon {
	width: 23px;
    height: 12px;
    margin: 5px 5px 0 0;
    background-image: url(img/small-eye.png);
    display: inline-block;
}
.widget {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	float: left;
}
.widget .textwidget {
	width: 100%;
	margin-bottom: 40px;
	float: left;
}
.widget .textwidget:empty { display: none; }
.widget li { color: #888e8c; margin-bottom: 5px; font-weight: 400; }
.widget li ul { margin-top: 0.75em; padding-left: 1em; }

.widgettitle {
	width: 100%;
	margin-top: 0;
	font-family: "Lato", Verdana, Arial, sans-serif;
	font-size: 10pt; 
	color: #dddddd; 
	border-bottom: 1px solid #333;
	margin-bottom: 0.75em;
	float: left;
}

/* links widget */
.widget_links {}
.widget_links ul {
	font-family: "Lato", Verdana, Arial, sans-serif;
	font-size: 8pt;
	line-height: 100%;
	margin-left: 3px;
	list-style-type: disc;
}
.widget_links ul li {}
.widget_links ul li a {
    	color: #dddddd;
	text-decoration: none;
	}
.widget_links a:hover, a:active { text-decoration: underline; color: #ffff00; }

/* search widget */
#searchform input {
	width: 169px;
	background: url(img/search.png) no-repeat 155px center #000;
	border: 1px solid #444;
	color: #fff;
	padding: 3px;
	margin-top: -3px;
}
#sidebar #searchform input {
	width: 167px;
	background: url(img/sprite.png) no-repeat right -106px #000;
}
#searchform input:focus {
	outline: none;
	border: 1px solid #fff;
}
#sidebar .mc4wp-form label[for=mc4wp_email] {
	color: #888e8c;
	margin-bottom: 5px;
	font-weight: 400;
}
#sidebar .mc4wp-form input[type=email] {
	width: 169px;
	background: url(img/sprite.png) no-repeat right -128px #000;
	border: 1px solid #444;
	color: #fff;
	padding: 3px;
	margin: 5px 0 0 0;
}
#sidebar .mc4wp-form input[type=submit] {
	display: none;
}

#sidebar .most-nav {
	width: 75px;
	margin: -10px 0 0 0;
	padding: 0;
	position: relative;
	z-index: 999;
	float: left;
}
#sidebar .most-nav ul {
	width: 75px;
	margin-left: 10px;
	float: left;
}
#sidebar .most-nav ul li {
	width: 8px;
	height: 8px;
	margin-bottom: 5px;
	border-radius: 10px;
	margin-right: 11px;
	background: #333;
	color: #000;
	text-align: center;
	cursor: pointer;
	float: left;
}
#sidebar .most-nav ul li.current,
#sidebar .most-nav ul li:hover {
	background: #fff;
}
#sidebar .most-nav ul li.last {
	margin-left: 1px;
	margin-right: 0;
}
#sidebar .most-viewed {
	width: 175px;
	margin-top: 6px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}
#sidebar .most-viewed .most-wrapper {
	width: 1195px;
	position: relative;
	float: left;
/*	-webkit-transition: left 250ms ease-in-out;
	-moz-transition: left 250ms ease-in-out;
	-o-transition: left 250ms ease-in-out;
	-ms-transition: left 250ms ease-in-out;
	transition: left 250ms ease-in-out;*/
}
#sidebar .most-viewed .most-wrapper .most-post {
	width: 175px;
	padding: 0;
	margin-right: 20px;
	float: left;
}
#sidebar .most-viewed .most-wrapper .most-post .rank {
	width: 75px;
	height: 100px;
	text-align: center;
	font-size: 42pt;
	font-weight: 400;
	color: #ccc;
	float: right;
}
#sidebar .most-viewed .most-wrapper .most-post .rank span {
	position: relative;
	top: -10px;
	display:inline-block;
    transform:scale(1,1.5); /* W3C */
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9 */
    -o-transform:scale(1,1.5); /* Opera */
}
#sidebar .most-viewed .most-wrapper .most-post .rank span span {
	font-size: 24pt;
	position: relative;
	top: -14px;
    transform:scale(1,1); /* W3C */
    -webkit-transform:scale(1,1); /* Safari and Chrome */
    -moz-transform:scale(1,1); /* Firefox */
    -ms-transform:scale(1,1); /* IE 9 */
    -o-transform:scale(1,1); /* Opera */

}
#sidebar .most-viewed .most-wrapper .most-post .thumb img {
	width: 100px;
	height: 100px;
	float: left;
}
#sidebar .most-viewed .most-wrapper .most-post .title {
	width: 175px;
	font-size: 10pt;
	margin: 12px 0 0 0;
	padding-top: 8px;
	border-top: 1px solid #fff;
	letter-spacing: 0;
	line-height: 18px;
	text-transform: none;
	font-weight: 400;
	float: left;
}
#sidebar .most-viewed .most-wrapper .most-post .title a {
	color: #fff;
}
#sidebar .most-viewed .most-wrapper .most-post .most-content {
	padding-bottom: 10px;
	margin-top: 0;
	border-bottom: 1px solid #313131;
	font-size: 8pt;
	font-weight: 400;
}
#sidebar .most-viewed .most-wrapper .most-post .most-content a {
	color: #888e8c;
	text-decoration: none;
}
#sidebar .most-viewed .most-wrapper .most-post .most-content a:hover {
	color: #888e8c;
}
#sidebar #top-ynks {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
#sidebar #top-ynks ul {
	padding: 0;
	margin: 0;
	float: left;
}
#sidebar #top-ynks li {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid;
	color: #666;
	list-style: none;
	float: left;
}
#sidebar #top-ynks li:nth-child(n+4) {
	display: none;
}
#sidebar #top-ynks li .position {
	width: 20px;
    margin-right: 5px;
	float: left;
	position: relative;
	top: -2px;
}
#sidebar #top-ynks li .user-avatar {
    margin-right: 10px;
	float: left;
}
#sidebar #top-ynks li .name {
	margin-top: 2px;
}
#sidebar #top-ynks li .name a {
	color: #fff;
	text-decoration: none;
}
#sidebar #top-ynks a.show-all {
    width: 100%;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 3px solid #fff;
	text-align: center;
	color: #fff;
	background: #555;
	text-decoration: none;
	cursor: pointer;
    float: left;
}

/******************************************************************
FOOTER STYLES
******************************************************************/

.footer {
	margin-top: 30px;
	background-color: #000;
	border-top: 1px solid #666;
	font-family: "Lato", Verdana, Arial, sans-serif;
	/* background: url(img/bg-footer.jpg) #000; */
	background-color: #111111;
	font-size: 12px;
	color: #666;				
}
.footer .wrapper {
	width: 870px;
	padding-left: 60px;
	padding-right: 20px;
	margin: 0 auto;
	text-align: left;
}
.footer .title {
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
	text-align: right;
	font-weight: normal;
}
.footer nav {
	padding: 0;
}
.top {
	border-bottom: 1px solid #FFF;
	overflow: hidden;
	padding-top: 10px;
}
.top .logo-footer {
	margin-left: -47px;
	float: left;			
}
.top .logo-footer img {
	display: block;
}
.top .since {
	line-height: 1.2em;
	float: left;
	margin-top: 33px;
}
.bottom .wrapper {
	padding-top: 24px;
	padding-bottom: 5px;
	overflow: hidden;
	/* background: url(img/yonki-face.png) no-repeat -3px -7px; */
}
.social-nav {
	clear:both;
	overflow:hidden;
	float: right;
	margin-bottom: 15px;
}
.social-nav ul {
	padding-top: 10px;
}
.social-nav li {
	float:left;
	list-style-type:none;
	font-family: "Lato", Verdana, Arial, sans-serif;
	width: 96px;
	margin: 0;
	text-align: left;
}
.social-nav li.last {
	text-align: right;
	width: 40px;
}
.social-nav li span {
	width:40px;
	height:33px;
}
.social-nav li a.twitter span {
	background-position: 0 0;
}
.social-nav li a.facebook span {
	background-position: -40px 0;
}
.social-nav li a.googleplus span {
	background-position: -80px 0;
}
.social-nav li a.rrss span {
	background-position: -120px 0;
}
.social-nav li a.spotify span {
	background-position: -160px 0;
}
.social-nav li a.twitter:hover span {
	background-position: 0 -33px;
}
.social-nav li a.facebook:hover span {
	background-position: -40px -33px;
}
.social-nav li a.googleplus:hover span {
	background-position: -80px -33px;
}
.social-nav li a.rrss:hover span {
	background-position: -120px -33px;
}
.social-nav li a.spotify:hover span {
	background-position: -160px -33px;
}

.social-nav li a span,
.footer a.comvive,
.footer a.increate {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	text-indent:-9999em;
	overflow:hidden;
	background-image:url(img/sprite-footer.png);
	background-repeat:no-repeat;
	text-align: left;
}
.footer a.comvive {
	width: 105px;
	height: 23px;
	background-position: 0 -66px;
}
.footer a.comvive:hover {
	background-position: -131px -66px;
}
.footer a.increate {
	width: 119px;
	height: 29px;
	background-position: 0 -99px;
}
.footer a.increate:hover {
	background-position: -131px -99px;
}

.footer .sponsors {
	float: right;
	clear: both;
	margin-bottom: 15px;
	margin-top: 0;
}
.footer .sponsors li {
	width: 130px;
	text-align: center;
	float: left;
	margin-left: 10px;
	list-style-type: none;
	padding: 0 5px 10px;
}
.footer .sponsors li .inner {
	border-left: 1px dotted #666;	
	padding-top: 5px;	
	text-align: right;		
}
.footer .sponsors li.first {
	width: 110px;
	padding-left: 0;
	padding-right: 0;
}
.footer .sponsors li.first .inner {
	border-left: none;
}
.footer .sponsors .title {
	margin-left: 15px;
	margin-bottom: 5px;
}
.footer .sponsors li.first .title {
	margin-left: 0;
}

.footer .links-nav {
	float: right;
	clear: both;
	margin-bottom: 5px;
}
.footer .links-nav ul {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 3px 0;
	overflow: hidden;
}
.footer .links-nav li {
	float: left;
	list-style-type: none;
	border-left: 1px solid #666;
	font-family: "Lato", Verdana, Arial, sans-serif;
	padding: 1px 15px;
	margin: 0;
}
.footer .links-nav li.first {
	border-left: none;
}
.footer .links-nav a {
	color: #666;
	text-decoration: none;
}
.footer .links-nav a:hover {
	text-decoration: underline;
}

.footer p {
	margin: 0;
	clear: both;
	text-align: right;
	font-size: 10px;
}

/******************************************************************
MISC
******************************************************************/

.cap {
	text-transform: capitalize;
}
.logged-in .header form,
.logged-in .header .new-user {
	display: none;
}
/******************************************************************
RESPONSIVE
******************************************************************/
@media only screen and (max-width:950px) {
	header[role=banner] {display: none;}
	#sidebar,
	.view-more,
	span.date,
	.head-login,
	.footer {display: none;}
	* {
		max-width: 260px;
	}
	#main,
	.post_content {
		width: 320px;
		min-width: 320px;
		float: left;
	}
	.post_content img {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		float: left;
	}
	.post_content .post-container {
		width: 260px;
	}
	.hentry header {
		width: 310px;
		max-width: 310px;
		height: 20px;
		float: left;
	}
	.hentry footer {
		width: 270px;
		max-width: 270px;
		padding-bottom: 20px;
		padding-left: 0;
		margin-left: 30px;
		border-bottom: 1px solid;
	}
	.hentry header,
	.hentry footer,
	.hentry .bar {
		background: none !important;
	}
	.top-head {
		top: 0 !important;
		width: 360px;
  		max-width: 360px;
	}
	.top-head .fixed-header .home-logo {
		margin-left: -20px;
	}
	#cookie-law-info-bar {
		width: 360px;
		max-width: 360px;

	}
}
#post-54680 .post_content .bar {
	height: 303px !important;
}
#post-55830 .post_content .bar {
	height: 321px !important;
}
.overcat {
	height: 100%;
	background: rgba(0,0,0,0.7);
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.overcat .form {
	width: 920px;
    height: 504px;
    margin-top: -252px;
    margin-left: -460px;
    border: 1px solid #fff;
	background: url(img/fondo-form-1.jpg) no-repeat center center;
	background-size: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	color: #666;
	position: relative;
	top: 50%;
	left: 50%;
	display: none;
}
.overcat .form .balloon {
	width: 228px;
	height: 225px;
	background: url(img/globo-gato.png) no-repeat center center;
	color: #fff;
	position: absolute;
	top: 0;
	right: 160px;
    display: none;
}
.overcat .form .balloon span {
	width: 100%;
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 11pt;
    font-weight: 100;
    float: left;
}
.overcat .form .balloon .one {
    margin: 20px 0 0 50px;
	font-size: 24pt;
    font-weight: 900;
}
.overcat .form .balloon.capt .one {
	margin-top: 30px;
}
.overcat .form .balloon .two {
	margin-left: 15px;
}
.overcat .form .balloon .thr {
	margin-left: 30px;
}
.overcat .form .balloon .fou {
	margin-left: 45px;
}
.overcat .form h1 {
	width: 100%;
	padding-left: 55px;
	margin: 10px 0 0 0;
	font-size: 23pt;
	font-weight: 900;
	clear: both;
	float: left;
}
.overcat .form p {
	width: 440px;
    margin: 5px 0 0 0;
    font-size: 9pt;
    font-weight: 100;
    text-align: right;
    float: left;
}
.overcat .form .hr {
	width: 490px;
	margin: 15px 0 17px 17px;
	border-top: 1px solid #666;
	float: left;
}
.overcat .form .hr.last {
	margin-top: 17px;
	margin-bottom: 9px;
}
.overcat .form div[role=form] div {
	margin-left: 55px;
	clear: both;
	float: left;
}
.overcat .form div div label {
	margin: 5px 10px 0 0;
	font-weight: 900;
	float: left;
}
.overcat .form div div input {
	height: 24px;
	padding-left: 5px;
	border: 1px solid #666;
	font-weight: 100;
	background: #666;
	color: #fff;
}
.overcat .form div div.user input {
	width: 229px;
}
.overcat .form div div.link input {
	width: 323px;
	margin-bottom: 8px;
}
.overcat .form div p.note {
	width: 233px;
    margin: 5px 0 17px 205px;
    font-size: 8pt;
    line-height: 13px;
    clear: both;
    float: left;
}
.overcat .form div div textarea {
	width: 377px;
	height: 50px;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: 100;
	background: #666;
	border: 1px solid #666;
	color: #fff;
	resize: none;
}
.overcat .form div div input:focus,
.overcat .form div div textarea:focus {
	border-color: #000;
	outline: none;
}
.overcat .form div div.send {
	width: 382px;
    margin-top: 17px;
}
.overcat .form div div.send input {
    height: 30px;
    padding: 2px 10px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 900;
	font-family: "Lato", Verdana, Arial, sans-serif;
	color: #ccc;
	float: right;
}
.overcat .form div div.send a.close {
	height: 23px;
    padding: 7px 10px 0;
    margin-right: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    background: #666;
    color: #ccc;
    float: right;
}
.overcat .wpcf7-mail-sent-ok,
.overcat .wpcf7-not-valid-tip {
	display: none !important;
}
.overcat .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors,
.overcat .wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {
    display: none !important;
}
.overcat .thanks {
	width: 920px;
    height: 504px;
    margin-top: -252px;
    margin-left: -460px;
	background: url(img/fondo-form-2.jpg) no-repeat center center;
	background-size: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	color: #666;
	position: relative;
	top: 50%;
	left: 50%;
	display: none;
}
.overcat .thanks h1 {
	width: 435px;
	padding: 0;
	margin: 68px 0 0 0;
	text-align: right;
	float: left;
}
.overcat .thanks p {
    width: 310px;
	padding: 0 0 0 130px;
    margin: 0;
    font-size: 9pt;
    text-align: right;
    clear: both;
    float: left;
}
.overcat .thanks .hr {
	width: 490px;
	margin: 17px 0 17px 17px;
	border-top: 1px solid #666;
	float: left;
}
.overcat .thanks .close {
	width: 310px;
	padding: 0 0 0 130px;
}
.overcat .thanks .close a {
	height: 27px;
    padding: 9px 10px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 900;
	background: #666;
	color: #ccc;
	float: right;
}
.overcat .form div[role=form] div.captcha {
	margin-top: 17px;
	margin-left: 140px;
}
.overcat .form div[role=form] div.captcha div {
	margin-left: 0;
	float: left;
}
*:focus {
	outline: none !important;
}
#disclaimer {
	width: 100%;
	padding: 40px 0 20px 0;
	margin-top: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #222;
	color: #ccc;
	float: left;
}
#disclaimer h4 {
	width: 100%;
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
    float: left;
}
#disclaimer p {
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 12pt;
	float: left;
}
#disclaimer p strong {
	color: #fff;
}
#ynkstv {
	padding: 10px 15px;
	text-align: center;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.5px;
	border-radius: 5px;
	color: #000;
	background: linear-gradient(-45deg, #E73C7E, #E13F29, #EFD56C, #EFD56C);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
@keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}