/*
/*
Theme Name: Yoko
Theme URI: http://www.elmastudio.de/wordpress-themes/yoko/
Description: Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.

Author: Elmastudio
Author URI: http://www.elmastudio.de
Version: 1.0.4
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready

License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Google Fonts Import
--------------------------------------------- */


/* Header
--------------------------------------------- */
#site-title {
	width: 370px;
	padding-left:4px;
}
#site-title h1 {
	margin: 0 10px 0 0;
	font-size: 2.1em;
	line-height:1.2;
	font-weight: bold;
	text-transform:uppercase;
	display: block;
	float: left;
}
#site-title h1 a:hover {
	text-decoration:none;
}
#site-title h2 {
	font:italic .9em 'Droid Serif',  Times, serif;
	color: #777;
	margin: 17px 0 0 0;
}
header#branding img.headerimage {
	width: 100%;
	height: auto;
	margin-top: 12px;
}
header#branding img.attachment-headerimage.wp-post-image {
	width: 100%;
	height: auto;
}
hgroup#site-title img {
	max-width: 100%;
}

/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#branding #mainnav {
	margin: 30px 0 0;
	max-width: 70%;
	float:right;
}
#branding #mainnav ul li {
	float: left;
	list-style: none;
	position: relative;
}

#branding #mainnav ul li a {
	margin:0;
	padding:9px 14px;
	display: block;
	font-size: .8em;
	text-transform: uppercase;
}
#branding #mainnav ul li:first-child {
}
#branding #mainnav ul li a:hover {
	text-decoration: none;
}

#branding #mainnav ul ul ul {
	left: 100%;
	top: 0;
}

#branding #mainnav li:hover > a,

/* --- Sub Nav --- */
nav#subnav {
	margin:0;
	padding:0;
	overflow: hidden;
}
nav#subnav ul.menu {
	margin: 5px 0 0 0;
	padding:16px 0 30px;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0px;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item a {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 6px 0 0;
	overflow: hidden;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

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




/* --- Social Links Custom Widget --- */
.widget_sociallinks a {
	padding:0 20px;
}
.widget_sociallinks a.rss {
	background:url(images/rss-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.twitter {
	background:url(images/twitter-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.facebook {
	background:url(images/fb-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.flickr {
	background:url(images/flickr-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.vimeo {
	background:url(images/vimeo-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.linkedin {
	background:url(images/linkedin-icon.png) 0 0 no-repeat;
}
.widget_sociallinks a.delicious {
	background:url(images/delicious-icon.png) 0 0 no-repeat;
}



/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* --- Sub Nav --- */
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item a {
	font-size: .72em;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
}
/* --- Sidebars --- */
#secondary {
	width: 92.2%;
	margin-left:0;
	padding: 30px 0 0;
	float: left;
	border-top: 1px solid #ddd;
}
#secondary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#secondary aside, #tertiary aside {
	float: none;
	overflow: hidden;
}
.widget .sidebar-theme {
	margin: 0 20px 8px 0;
	float: left;
}

.widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li {
	margin: 0 20px 0 0;
	float: left;
}
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
#page {
	padding: 0 50px 30px 50px;
	background-color:#fff;
}
#wrap {
	margin-top: 0;
}
#main {
	width: 100%;
	float: none;
	overflow: hidden;
}
#content {
	width: 100%;
	float: none;
}
#secondary {
	width: 100%;
}
#tertiary {
	width: 100%;
	float: none;
}
/* --- Header --- */
#site-title {
	width: 100%;
	padding: 20px 0 30px;
}
#site-title h1 a {
	margin: 0 auto;
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: 30px 0 0;
	max-width: 100%;
}
#branding #mainnav ul li a {
	font-size: .75em;
}
/* --- Sub Nav --- */
nav#subnav {
	padding: 0;
	margin: 5px 0 0 0;
}
nav#subnav ul.menu {
	padding:0;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:6px 0 0;
	float: none;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
nav#subnav ul.menu li.menu-item:last-child {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item a {
	float: left;
	margin: 6px 20px 10px 10px;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 0;
	float: left;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: auto;
	margin:0;
	float: left;
	border-bottom:none;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	margin: 0 20px 0 0;
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

/* --- Post Content --- */
#content .entry-content {
	float: left;
}
#content .entry-details {
	width: 20%;
}
/* --- Sidebars --- */
#secondary aside:last-child {
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
#tertiary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
}
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
#page {
	padding: 0 20px 20px;
	background-color:#fff;
}
/* --- Header --- */
#site-title {
	float: left;
	padding: 10px 0 5px;
}
#site-title h1 {
	margin: 0;
	text-align: center;
	float: none;
}
#site-title h2 {
	margin: 0;
	text-align: center;
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: 15px 0 0;
}
#branding #mainnav ul li a {
	margin:0;
	padding:8px 7px;
	display: block;
	font-size: .7em;
}
#branding #mainnav ul ul {
	display: none;
}
#branding #mainnav ul ul ul {
	display: none;
}
#branding #mainnav ul ul a {
	display: none;
}
/* --- Sub Nav --- */
nav#subnav ul.menu {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item {
	width: 100%;
	margin:0;
	float: none;
	overflow: hidden;
	background-color: #F0F0F0;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
nav#subnav ul.menu li.menu-item a {
	width: 100%;
	margin: 0;
	padding: 12px 0 11px;
	float: left;
	display: block;
	background-color: #F0F0F0;
}
nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus {
	background: #D4D4D4;
	text-decoration: none;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	display: none;
}
/* --- Post Content --- */
#content .post {
	margin: 0 0 30px;
	padding: 0 0 30px;
}
#content .post .entry-header h2.entry-title {
	font-size: 1.2em;
}
#content .entry-content {
	width: 100%;
}
#content .entry-details {
	display: none;
}
#content .post img.wp-post-image {
	display: none;
}
#content .sticky {
	padding: 10px;
}
/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:100%;
}
.three-columns-one{
	width:100%;
}
.three-columns-two{
	width:100%;
}
.four-columns-one {
	width: 100%;
}
.four-columns-two {
	width:100%;
}
.four-columns-three {
	width:100%;
}
.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:none;
}

/* --- Single Posts ---- */
#content .single-entry-details {
	display: none;
}
#content .single-entry-header .social-btn-top {
	display: none;
}
#content .post .author-description p {
	font-size: .8em;
	line-height: 1.4;
}
#content .post .author-info .avatar {
	display: none;
}
/* --- Comments ---- */
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 95%;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0;
}
#comments img.avatar {
	display: none;
}
a#cancel-comment-reply-link {
	width: 100%;
	margin:5px 0 15px;
	display: block;
}
/* --- Post Nav Below --- */
#content #nav-below .nav-previous a {
	width: 100%;
	display: block;
	float: none;
	margin: 0 0 10px;
}
#content #nav-below .nav-next a {
	width: 100%;
	display: block;
	text-align: right;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover {
	text-decoration: none;
}
/* --- Post Formats ---- */
#content .entry-post-format .entry-content-gallery {
	width: 100%;
	float: none;
}
#content .entry-post-format .gallery-thumb {
	width: 100%;
	float: none;
	margin: 5px 15px 15px 0;
}
/* --- Pages ---- */
#content .page .wpcf7 input.textfield {
	width: 95%;
}
/* --- Footer ---- */
#colophon {
	width: 100%;
	float: none;
}
}

/** Top **/
#top{
	clear:both;
}
/** Top **/

/** Szukajka **/
#top #search {
	border-bottom: medium none;
    margin: 0;
    padding: 0;
	float: right;
	position: relative;
	top: -30px;
	background:#f5f5f5;

}

#top #search .searchform .screen-reader-text{
	display:none;
}

#top #search .searchform .search-input{
	background-color: #f5f5f5;
	border:none;
	width: 138px;
	margin:0;
    padding: 4px 5px;
}

#top #search .searchform .searchsubmit{
	background:url("images/headers/lupa.png") no-repeat scroll 4px 3px transparent;
	text-indent:-1000px;
	padding: 4px 0 2px;
    width: 26px;
}

#top #search .searchform .searchsubmit:hover{
	background-color: #f5f5f5!important;
}
/** Szukajka **/


/** Menu top **/

#branding #menu-top #mainnav{
	float: left;
	margin: 0;
    padding: 0;
}

#menu-top #mainnav{
	width:100%;
	max-width: 100%;
}

#menu-top #menu-top-menu li{
	width:107px;
	height:107px;
	background:#15b1fb;
	margin-right:2px;
}

#branding #mainnav ul li:last-child {
	margin-right: 0;
}

#branding #menu-top #menu-top-menu li a{
	color: #FFFFFF !important;
    font-family: tahoma;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 78px;
    text-align: center;
    text-transform: none;
}

.col_body{
	background-color:#f7f6f6;
}

#content h1.index_h1{
    margin: 0px;
	height: 34px;
	padding-top: 5px;
}


.entry-header{
	/*font-family: 'SegoeLight';*/
	color:#fff;
	/*height:33px;*/
	background-color:#4A4DA9;
}

.entry-header .date{
	text-align:center;
	width:37px;
	height:33px;
	float:left;
	color:#fff;
	background:url("images/content_border.png") no-repeat scroll 34px 4px transparent;
}

.date .m{
	line-height: 11px;
	font-size:10px;
}

.date .d{
	line-height: 10px;
	font-size:14px;
}

.date .y{
	line-height: 10px;
	font-size:10px;
}

#content .entry-header h2.entry-title a{
	color:#fff!important;
	padding-left: 5px;
	font-weight:nornal;
	font-family: Tahoma;
	font-size:24px;
}

#content .entry-header h2.entry-title{
}

.article_body{
	padding-bottom: 15px;
	background-color:#f7f6f6;
	padding-right: 10px;
    text-align: justify;
    padding-left: 10px;	
}

#content .entry-details{
	width: 400px;
	font-style: normal;
	font-family:arial;
	font-size:11px;
	font-weight:normal;
    padding-top: 10px;
	color:#939393;
	padding-bottom: 15px;
}

#content .entry-details span{
	font-weight:bold;
	color:#353535;
}

.entry-details div.autor{
	float:left;
	background: url("images/autor.png") no-repeat scroll 0 3px transparent;
    padding-left: 15px;	
}

.entry-details div.categories{
	float:left;
}

.entry-details div.comments{
	background: url("images/comments.png") no-repeat scroll 7px 3px transparent;
    float: left;
    padding-left: 20px;
	padding-right: 7px;
}

.entry-details div.comments a, .entry-details div.categories a{
	color:#353535!important;
}

#content .article_body .entry-content{
	width:100%;
	float:none;
}

#content .entry-content p{
	padding-left: 10px;
	padding-bottom: 5px;
	font-family:arial;
	font-size:14px;
	color:#6d6d6d;
}

#content .entry-meta{
   padding-left: 10px;
}

#content .entry-meta a{
	color:#5a84c1;
	font-size:12px;
	text-transform:uppercase;
}

#content .post{
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .entry-content p img{
	margin-top: 5px;
    padding-left: 0;
    padding-right: 10px;
	float:left;
	max-width:175px;
	max-height:150px;
}


.szybkie_akcje h1{
}

.szybkie_akcje .body{
	background-color: #f7f6f6;
	border-top: 2px solid #92D61B;
    margin-top: -7px;
    padding-top: 7px;
	padding-bottom: 4px;
}
	
.szybkie_akcje .body a{
	float:left;
	padding-right: 2px;
}

#colophon .bg{
	background-color:#15b1fb;
	height:25px;
	width:100%;
}

#colophon  #text {
    float: left;
    text-align: justify;
    width: 600px;
}

#colophon .widget{
	border-bottom: none;
    margin: 0;
    padding: 0;
}

#colophon #menu-r{
	float:right;
	padding-top: 10px;
}

#colophon #menu-r li{
	float:left;
	padding-left:15px;
}

#colophon #menu-r li a{
	color:#040404 !important;
	font-family:arial;
	font-size:11px;
	padding-top: 28px;
	display:block;
}

#colophon #menu-r li#menu-item-74{
	background:url("images/f-home.png") no-repeat scroll 16px 0px transparent;
	padding-right: 4px;
}

#colophon #menu-r li#menu-item-75{
	background:url(images/f-reklama.png) no-repeat scroll 25px 0px transparent;
}

#colophon #menu-r li#menu-item-76{
    background: url("images/f-serwis.png") no-repeat scroll 25px 0 transparent;
    padding-left: 11px;
}

#colophon #menu-r li#menu-item-77{
	background:url(images/f-forum.png) no-repeat scroll 21px 0px transparent;
	padding-left: 18px;
}

#colophon #menu-r li#menu-item-78{
    background: url("images/f-kontakt.png") no-repeat scroll 30px 0 transparent;
    padding-left: 27px;
}

#content-top{
	padding-bottom: 3px;
	background-color: #FFFFFF;
}

#branding #menu-top #menu-top-menu li#menu-item-32 {background:url(images/home.png) no-repeat scroll 17px 25px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-32:hover{background-position:17px -63px;}

#branding #menu-top #menu-top-menu li#menu-item-25{background:url(images/news.png) no-repeat scroll 17px 25px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-25:hover{background-position:17px -64px;}

#branding #menu-top #menu-top-menu li#menu-item-26{background:url(images/telefonyy.png) no-repeat scroll 17px 25px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-26:hover{background-position:17px -61px;}

#branding #menu-top #menu-top-menu li#menu-item-27{background:url(images/gry.png) no-repeat scroll 17px 37px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-27:hover{background-position:17px -40px;}

#branding #menu-top #menu-top-menu li#menu-item-28{background:url(images/aplikacje.png) no-repeat scroll 17px 25px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-28:hover{background-position:17px -62px;}

#branding #menu-top #menu-top-menu li#menu-item-29{background:url("images/poradyy.png") no-repeat scroll 23px 28px #15B1FB}
#branding #menu-top #menu-top-menu li#menu-item-29:hover{background-position:23px -57px;}

#branding #menu-top #menu-top-menu li#menu-item-30{background:url(images/recenzjee.png) no-repeat scroll 15px 25px #15B1FB;}
#branding #menu-top #menu-top-menu li#menu-item-30:hover{background-position:15px -58px;}

#branding #menu-top #menu-top-menu li#menu-item-31{background:url("images/galerie.png") no-repeat scroll 15px 28px #15B1FB}
#branding #menu-top #menu-top-menu li#menu-item-31:hover{background-position:15px -57px;}

#branding #menu-top #menu-top-menu li#menu-item-33{background:url("images/forum.png") no-repeat scroll 15px 30px #15B1FB}
#branding #menu-top #menu-top-menu li#menu-item-33:hover{background-position:15px -55px;}

#branding #mainnav ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 107px;
	left: 0;
	z-index: 99999;
	border-top:2px solid #fff;
	/*background:url("images/menu_ul.png") no-repeat scroll 92px 5px transparent;*/
}

/** Pod menu **/

#branding #mainnav ul li:hover > ul {display: block;}
#branding #mainnav ul li:hover li {display:block;}
#branding #mainnav ul ul:hover{display:block;}

#branding #mainnav ul ul li, #branding #mainnav ul ul li:hover{
	background-color:#15B1FB;
	width: 200px;
	height:35px;
	border-bottom:2px solid #fff;
}

#branding #menu-top #menu-top-menu li li a, #branding #menu-top #menu-top-menu li li a:hover{
	padding-top:8px;
	text-align:left;
	padding-left:10px;
    padding-bottom: 6px;
}

#branding #mainnav ul ul :hover > a {
	color:#FFF!important;
	text-decoration:underline;
}
#branding #mainnav ul ul a:hover {
	background: #92D61B;
	color:#FFF!important;
}

/** HEADER LINKS **/

#header_links{
	float:right;
	position:relative;
	top:-30px;
	width:112px;
	height:25px;
    padding-right: 10px;
}

#header_links a{
	text-indent:-10000px;
	width:25px;
	height:25px;
	float:left;
	padding-right: 3px;
}

#header_links a.rss{
	background:url(images/rss.png) no-repeat;
}

#header_links a.tweeter{
	background:url(images/tweeter.png) no-repeat;
}

#header_links a.facebook{
	background:url(images/facebook.png) no-repeat;
}

#content_bottom .left a, #content_bottom .right a{
	font-family:arial;
	font-size:14px;
	color:#151515!important;
}


/** Conent bottom **/

#content_bottom{
	border-top:1px solid #dfdfdf;
	margin-top: 12px;
    padding-top: 13px;
}

#content_bottom #left, #content_bottom #right{
	width:200px;
	padding-left:15px;
}

#content_bottom .post{
	border-bottom:none;
}

#content_bottom #left{
	float:left;
}

#content_bottom #right{
	float:right;
}

#content_bottom .post h2{
	margin:0px;
}

#content_bottom .post a{
    background: url("images/content_bottom.png") no-repeat scroll 1px 8px transparent;
    color: #151515 !important;
    display: block;
    font-family: arial;
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 0px;
    padding-left: 13px;
}

#branding{
	margin-bottom: 5px;
}

.entry-content #fbilike{
	height: 0px;
	width: 339px;
    padding-bottom: 15px;
}

.single-entry-content #fbilike{
	height: 30px;
	width: 339px;
}

#content #wp_page_numbers ul {
	border-top:none;
}

#content #wp_page_numbers li a {color:#5a84c1; border:none;}
#content #wp_page_numbers li a:hover {border-color:#fff;color:#5a84c1;text-decoration:underline;}
#content #wp_page_numbers li.active_page a {color:#fff;}
#content #wp_page_numbers li.active_page a:hover {border-top:none;}
#content #wp_page_numbers li.page_info  {color:#5a84c1;}

.entry-content a.more-link{
    margin-top: 5px;
	background-color:#92D61B;
	display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 9px;
	color:#FFF!important;
	text-decoration:none;
	text-transform:uprecase;
	float:right;
	clear:both;
}

.entry-content a.more-link:hover{
	text-decoration:underline;
}

#content .content_image img{
    max-height: 180px;
    max-width: 200px;
}

.content_image{
	float:left;
    padding-bottom: 10px;
    padding-right: 10px;
    position: relative;	
}

a.read_more{}



#content.category .entry-details {
	width: 630px;
}

#content.category .face_book{
	float:left;
    margin-bottom: 0px;
    margin-top: 5px;	
}

#content.category .content_footer{
	clear:both;
}

#content.category .entry-content a.more-link{
	clear:none;
    position: relative;	
}

#content.category .page-header h1{
    color: #6D6D6D;
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 2px;
    padding: 0;
    text-transform: none;
}

#content.category .page-header h1 span{
    font-size: 17px;
}

.entry-content {
	color:#000;
}


#reklama_top{
    margin: 0 auto;
    width: 730px;
}

#header_links a:hover{
	background-position:0 -25px;
}

.youtube{
	background:url(images/yt.png) no-repeat;
}

#main.page{
	width:100%;
}

#main.page #content{
	width:660px;
}