﻿
/* ---------------------------- [ tabs.css ] -----------------------------*/

/* design - szablon */



/* ZAKLADKI */

ul#Tabs, ul#Tabs li.Tab a { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#929292; }
#Tabs li.SelectedTab a {	font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; text-decoration:none;}
ul#Tabs, ul#Tabs li.Tab a:hover {	color:#000;	}
ul#Tabs li.SelectedTab a:hover { text-decoration:none;	}

ul#Tabs {
	list-style:none; list-style-type: none; margin:0;padding:0;
	line-height:normal;
	padding-bottom: 0;
	overflow:auto;
	z-index: 1;
}


ul#Tabs li.Tab, #Tabs li.SelectedTab
{
	float: left;
	height: 25px;
	margin: 2px 0px 0px 5px;
	padding:0 10px 0 0;
	text-align:center;
}
ul#Tabs li.SelectedTab { padding-bottom:15px;}
ul#Tabs li.Tab { padding-top:3px;}


ul#Tabs { background:url(../images/tlo_produkt_menu.jpg) bottom center no-repeat; }
ul#Tabs li.Tab {	background:url(../images/tlo_produkt.jpg) bottom center no-repeat; }
ul#Tabs li.SelectedTab{ background:url(../images/tlo_produkt2.jpg) bottom center no-repeat; }


#products { overflow:hidden; margin-bottom:25px; }
#products div.product_list {border:1px solid #E8E8E8; border-top:0; overflow:hidden;}

#products div.product_list ul {list-style:none; margin:0;padding:0; }
#products div.product_list ul li {float:left; list-style-type:none; margin:0;
	margin-left:10px; width:70px; text-align:center; padding:10px 0; overflow:hidden;}
	

#products div.product_list div.foto {overflow:hidden; width:70px;}
#products div.product_list div.foto img { left:-15px; position:relative; height:85px;}
#products div.product_list a {color:#7C7C7C; font-size:10px; font-family:Arial, Helvetica, sans-serif;}





/* ---------------------------- [ droppy.css ] -----------------------------*/


/* Basic code - don't modify */
 
 #drop { display: block; margin: 0; padding: 0; position: relative; }
  #drop li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #drop a { display: block; }
  #drop ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #drop ul { line-height: 0; } /* IE6 "fix" */
  	#drop ul a { zoom: 1; } /* IE6/7 fix */
    #drop ul li { float: none; }
    #drop ul ul { top: 0; }
    
/* Essentials - configure this */

#drop ul { width: 216px; }
#drop ul ul { left: 201px; }

#drop ul{top:35px;
background:#EFEFEF none repeat scroll 0 0;
border:1px solid #888;
border-bottom:3px solid #666;
border-right:3px solid #666;
margin:0 auto;
position:absolute;
padding:2px;
padding-bottom:10px;
}

#drop ul li {
border-color:-moz-use-text-color -moz-use-text-color #D1D1D1;
border-style:none none solid;
border-width:0 0 1px;
list-style-type:none;
margin:0 auto;
padding:0;
}

#drop ul li a{
background:#EFEFEF;
color:#242424;
display:block;
padding:3px 8px;
text-decoration:none;
width:200px;
font-weight:normal;
x-font-family:Arial, Tahoma, "Trebuchet MS";
font-size: 14px;
}
#drop ul li a i{text-decoration:none; color:#919191; font-style:normal; padding-left:5px; font-size:10px; }


#drop ul li a:hover{
background:#222;
color:#FFFFFF;
}


#drop ul li span.img_prev {
	width: 68px; height: 40px; 
	float: left; 
	background: url(../../imgdesign/w_preview_small_default.jpg) no-repeat; 
	border: 1px solid #E8E8E8;
margin:0;
}
#drop ul li a:hover span.img_prev { border: 1px solid #888; }

#drop ul li span.title {
	width:128px;
	font-weight:normal;
	font-size: 11px;
	text-transform: none !important;
	margin-bottom:4px;
}
#drop ul li span.desc {
	font-size: 9px;
	font-weight:normal;
	color:#999999;
display:none;
}
#drop ul li .withPic {
	background: transparent;
	float: right; 
}


/* cst-section-nextprev */
/* krzysiek start */
/* dST, 2016.06 */
div.cst-section-nextprev{
	clear: both;
	float:right;
	font-size: 14px;
	margin:10px 0;
	padding: 20px 0;
	background:#d6e5e5;
	width:100%;
	text-align:center;
}
div.cst-section-nextprev ul {
	list-style: none;
}
div.cst-section-nextprev li {
	display: inline;
	margin-left:5px;
}
div.cst-section-nextprev a:link, div.cst-section-nextprev a:visited {
	padding: 10px 20px;
	color: #fff;
	background-color: #2a80b9;
	text-decoration: none;
	border: 0px solid #666;
}
div.cst-section-nextprev a:hover {
	color: #fff;
	background-color: #e84c3d;
}

/* nieaktywny link */
div.cst-section-nextprev .next_disabled, div.cst-section-nextprev .prev_disabled {
	padding: 10px 20px;
	color: #ccc;
	background-color: #95a5a5;
	text-decoration: none;
}

div.cst-section-toc{
	background-color: #d6e5e5;
	position: relative;
	width:100%;
	margin:0;
	padding:0 5px;
	overflow: hidden;
	clear:both;
}
.entry div.cst-section-toc ol li{
	margin-left:15px;
}
div.cst-section-toc h2{
	margin: 0;
	padding: 0;
	margin-bottom:10px;
	color:#2a80b9;
}
div.cst-section-toc a:hover{
	color:#e84c3d;
}

div.cst-section-toc div.toc-right{
	float: right;
	width: 47%;
	padding:0;
}
div.cst-section-toc div.toc-left{
	float: left;
	width: 49%;
}
@media (max-width: 600px) {
div.cst-section-toc{
    padding 0 10px;
}
div.cst-section-toc div.toc-left, div.cst-section-toc div.toc-right{
    float: none;
    width: auto;
    padding-left: 15px;
}
}

div.post h4, div#intertext1 h4{
	margin: 10px 0;
	padding: 10px 0 10px 50px;
	color: #666;
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size: 120%;
	line-height: 1.2;
	border-bottom: 4px dotted #E9E9E9;
	text-align: justify;
	font-style: italic;
}

.sidebar2col .items div:hover{
    color: #ffffff;
    background-color: #aaa;
}

.alignright{float:right; margin:10px auto 20px auto;}
.alignleft{float:left; margin:10px auto 20px auto;}
/*.aligncenter { display: block; margin-top:10px; margin-left: auto; margin-right: auto; }*/
.aligncenter { display: block; margin:10px auto 20px auto;}

.foravatars {float: right;}

.menuNavLink{
	float: right;
	display: block;
}

#galeria_maniaKa div.menu div.menuNav a.linkDisabled {
    background-color: #ffffff;
    color: #666;
}

#galeria_maniaKa div.menu div.menuNav a.linkDisabled:hover {
    text-decoration: none;
    border-color: #DDDDDD;
    color: #666;
}
#galeria_maniaKa div.navigation{
	width:auto;
}
.cst-post-ad{
  	border:5px solid #ddd;
    background-color: #fff;
    padding: 10px;
}
.cst-post-ad-sig {
    background-color: #DDDDDD;
    float: left;
    margin: -21px 0 0 -15px;
    padding: 7px 10px 10px;
    position: absolute;
}
.cst-post-ad-sig p{
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: justify;
}
.social-box{
	float: left; 
	display:block; 
	width:100%;
	height:40px;
	text-align:left;
	margin: 0;
}
.fb_edge_widget_with_comment {position: relative;vertical-align:top;z-index:250;} /* zeby przycisk facebooka byl wyrownany do gory a z-index, zeby nie zas�ania�a go galeria ngg */
.twitter-share-button {width: 80px !important;}
/* krzysiek end */

/* tabele w chrome maja za duze czcionki 
div.entry table td, div.entry table th {
	font-size: 13px;
}*/
div.entry .video-wrapper{
	padding-bottom:20px;
}
/* wyniki wyszukiwania produkt�w */
#prodsearchlist {
list-style-type: none;
}
#prodsearchlist li {
float: left;
width:115px;
margin-right: 6px;
margin-bottom: 10px;
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #333333;
text-align:center;
}
#prodsearchlist img {
display: block;
border: 1px solid #333300;
}

/* wyniki wyszukiwania */
.cst-search { display:inline;font-weight: bold;color:#FA4B2A;}
.cst-search-sort {float:right;}
.cst-search a {font-weight: bold;text-decoration: none;}
.cst-search a:hover {text-decoration:underline;}
.cst-search-techmaniak { float:left;}

/* kolory dla t�a element�w danych serwis�w */
.bg-gsmmaniak { background:#8d245b !important; }
.bg-fotomaniak { background:#0690d9 !important; }
.bg-mobimaniak { background:#a5c60a !important; }
.bg-tablet  { background:#214473 !important; }
.bg-blogomaniak { background:#5c817e !important; }
.bg-gizmaniak { background:#f6a200 !important; }
.bg-tvmaniak { background:#c01b00 !important; }
.bg-rtvmaniak { background:#c01b00 !important; }
.bg-3dmaniak { background:#c01b00 !important; }
.bg-agdmaniak { background:#88acb0 !important; }
.bg-luxmaniak { background:#c9a239 !important; }
.bg-appmaniak { background:#6d4d7c !important; }



div.post_powiazane { display:block; margin-bottom:20px; margin-left:10px; padding-left:10px; border-left:1px solid #E8E8E8; clear:both;}
div.post_powiazane li {font-size:11px;}

#cst-author{
	margin-top:-10px;
	padding:5px 10px 20px 10px;
	background-color:#eee;
	height:165px;
}
#cst-author img{
	float: left;
	width: 80px;
	border: 2px solid #000000;
	margin-right: 20px;
	margin-bottom: 15px; 
}

/* grafiki test�w  - wersja 2*/
.temperature{
margin:50px 0 20px 0;
/* clear:both;
float:left;*/
}
.temperature .legend{

	margin-bottom:20px;
}
.temperature .results{
float:left;
width:100%;
}
.temperature .rating{
background:url(//cdns2.blogomaniak.pl/i/bg_temperature_result.jpg) bottom right no-repeat;
clear: left;
}
.temperature .rating h1{
margin:0; padding:0;
width:390px;
padding-top:30px;
}
.temperature .rating p{
margin:0; padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
margin-left:80px;
margin-top:10px;
display:block;
padding-bottom:70px;
margin-bottom:20px;

}
.temperature .rating p b{
float:right;
margin-right:42px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:40px;
font-weight:normal;
}

.temperature .legend ul, .temperature .results ul{
	list-style: none;
}

.temperature .legend li {
	width: 20%;
	display: inline;
	float: left;
	border-left: solid 1px white;
	font-size: 13px;
	color:#333;
	text-transform: uppercase;
	text-align: center;
	line-height: 16px;
	padding-top: 1px;
	margin: 0 0 14px -1px;
}
.temperature .width-10 li {
	width: 10%;
}

.temperature .color1 {
	background: #FF0000;
}
.temperature .color2 {
	background: #FF8200;
}
.temperature .color3 {
	background: #FEF001;
}
.temperature .color4 {
	background: #8FCA1D;
}
.temperature .color5 {
	background: #329235;
}

.temperature .color2-1 {
	background: #ff0000;
}
.temperature .color2-2 {
	background: #ff3e00;
}
.temperature .color2-3 {
	background: #ff8200;
}
.temperature .color2-4 {
	background: #feb900;
}
.temperature .color2-5 {
	background: #fef001;
}
.temperature .color2-6 {
	background: #c5dd10;
}
.temperature .color2-7 {
	background: #8fca1d;
}
.temperature .color2-8 {
	background: #60ad29;
}
.temperature .color2-9 {
	background: #329235;
}
.temperature .color2-10 {
	background: #1d7373;/*#006363; */
}

.temperature .results li {
margin-left: none;
margin-bottom: 15px;
text-transform: uppercase;
font-style: italic;
font-size: 13px;
line-height: 15px;
margin-left: 0;
clear: both;
}

.temperature span.score {
float: right;
font-weight: normal;
font-style: normal;
padding-right: 20px;
}
.temperature span.line {
display: block;
background: #EEE;
height: 18px;
position: relative;
margin-top: 3px;
}
.temperature span.val {
display: block;
height: 16px;
color: #999;
border-bottom-width: 2px;
border-bottom-style: solid;
}

/* do wersji mobilnej */
.attachment-medium{
	margin: 5px;
}
/* liczba komentarzy */
.my-bubble,.my-bubble-big{position: relative;}
.disqus-comment-count:empty{display: none;}
.disqus-comment-count:blank{display: none;}
.my-bubble span,.my-bubble-big span{
	position: absolute;
	text-align: center;
	top: -4px;
	left: 114px;
	width: 30px;
	height: 24px;
	padding: 3px 0;
	background: url(../images/my-comment-bubble.png) no-repeat 0 0;	
	z-index:1;
	color:white;
}
.my-bubble-big span{
	left: 254px;
}

/* formularz pod komentarzami */
#respond #commentform p.comment-subscription-form{
	margin-top:20px;
	clear:left;
}
#commentform #subscribe_comments,#commentform #subscribe_blog{
	float:left;
}
#commentform .subscribe-label{
	width:auto;
}

/* porownanie temperatur */
table.temperature-table{
width: 100%;
table-layout: fixed;
margin: 20px 0;
}
table.temperature-table th{
vertical-align: middle; 
text-align: center;
padding-bottom: 5px;
background-color: white;
border-bottom: 1px solid #ccc;
}
table.temperature-table td{
text-align: center;
padding:1px;
border-bottom: 1px solid #ccc;
border-right: 1px dashed #ccc;
overflow: hidden;
}
table.temperature-table th:first-child {
	width:120px;
}

table.temperature-table tr:nth-child(even){
	background-color: #f5f9fc;/*#dfe7f2;*/
}

table.temperature-table td.test-yes{background-color:#80FF80;}
table.temperature-table td.test-no{background-color:#FF8080;}

/* ostatnie komentarze */
div #LastComments ul {
	line-height: 150%;
}
div #LastComments ul li{
	margin:5px 0;
}

div .comments-info{
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;	
}

/* wady i zalety - w tre�ci postu, np tabelki */
div.entry .content-wady{
	color: #ff4848;
}
div.entry .content-zalety{
	color: #00b359;
}

/* zak�adki */
div.cst-tab-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 1em;
}
div.cst-tab-container li{
	display: inline-block;
	padding: 10px 0;
}

div.cst-tab-container ul.cst-tab-menu a:link, div.cst-tab-container ul.cst-tab-menu a:visited{
	padding: 0.4em 1em 0.4em 1em;
	color: #fff;
	background-color: #B51032;
	text-decoration: none;
	border: 1px solid #000;
}
div.cst-tab-container ul.cst-tab-menu a:hover{
	color: #fff;
	background-color: #ccc !important;
}

div.cst-tab-container ul.cst-tab-menu a.active{
	color: #000;
	background-color: #fff !important;
	border: 1px solid #000;
}
/* telefony u operatorów */
div#operators ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#operators ul li{
	display: inline-block;
	padding: 0 5px;
	margin: 0;
}
div#operators img{
	display: block;
}

/* cookie */
#showCookieInfo{background-color:#e5e5e5;border:1px solid #c9c9c9;line-height:18px;padding:25px 0;font:normal 12px Arial, Tahoma, Helvetica, sans-serif;text-align:center;width:100%;position:fixed;bottom:0;left:0;z-index:201}
#showCookieInfo img{display:inline-block;cursor:pointer;float:right;width:18px;height:18px;padding-right:6px}
#showCookieInfo a{color:#005AA6;text-decoration:none}
#showCookieInfo a:active, #showCookieInfo a:hover{text-decoration:underline}

/*specyfikacja */
div.spec table{
	margin: 5px 0 15px 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
div.spec td, div.spec th{
	padding: 7px;
	background-color: #eee;
	border: none;
	margin: 1px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;	
}
div.spec .header2{
	background-color: #848484;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
div.spec .header3{
	background-color: #ddd;
	color: #000;
	text-align: left;
}
div.spec-multi td, div.spec-multi td.header2{
	text-align: center;
}
p.temp-arena-podpis{
	text-align: right;
	font-style: italic;
	padding-right: 10px;
}
.clear {
	clear:both;
}

div.temperatura-obudowa{
	margin-bottom:20px;
}
.post .wp-image-spec{
	max-width: 500px;
	max-height: 680px;
}
/* featured image */
div.cst-post-featured-image{
	/*width:650px;*/
	width:auto;/* zeby sie dobrze skalowalo w wersji mobilnej*/
	/* krzys CLS */
	min-height: 300px;
   max-height: 400px;
   overflow: hidden;
   margin-bottom: 20px;	
}
div.cst-post-featured-image .attachment-large{
	/*max-width:650px;*/
	width:650px;
}

/* przeskaluj iframe facebooka, bo jest za szeroka */
.fb_iframe_widget iframe {
    /*transform:scale(0.8,0.8);*/

    width: 500px;
    max-width: 500px;
}

#sidebar #hot-techmaniak{
	margin-bottom:20px;
	padding:0;
}
#sidebar #hot-techmaniak ul li{
	margin:0;
	padding:0 0 6px 0;
}
#sidebar #hot-techmaniak ul{
	line-height:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#sidebar #hot-techmaniak li.hot1 .age{
	color:#FF0000;
}
#sidebar #hot-techmaniak li.hot2 .age{
	color:#CC0000;
}
#sidebar #hot-techmaniak li.hot3 .age{
	color:#990000;
}
#sidebar #hot-techmaniak .blog{
	dst-padding:0 3px;
	margin-left:2px;
	color:#aaa;
	font-size:80%;
}
#sidebar #hot-techmaniak a{
	text-decoration:none;
}
#sidebar #hot-techmaniak .more{
	text-align:right;
}
#sidebar #hot-techmaniak .more a{
	color:#555;
	font-weight:bold;
}
#sidebar #hot-techmaniak .more a:hover{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}
.attachment-big{
	max-width:100%;
}
span.title-category a:link, span.title-category a:visited {
    background-color: #d1d1d1;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin:1px;
    transition: all .3s ease-in-out;    
}
.bauhaus span.title-category a:link, .bauhaus span.title-category a:visited {
    font-size: small;
    color: #454545;
}
#content .bauhaus .heading-font{
	color: #fff;
}
span.title-category a:hover, span.title-category a:active {
    background-color: var(--main-color);
}

body.waiting * {
    cursor: progress !important;
}

div .wady-zalety {
	overflow: visible;
}

.poll-left{float: left}
.poll-right{float: right }
.poll-wrapper{;clear:both;padding:5px 0}
.poll-submit, .poll-results, .poll-header{
color: #C01B00;
font-size: larger;
display: block;
text-align:center;
margin: 0 auto;
width: auto;
}
.poll-header{
color: #C01B00;
font-size: larger;
}
.poll-question{
font-weight: bold;
}
.poll-box {
width: 40%;
margin: auto;
padding: 1em;
background-color: #B0C4DE;
color: #33527B;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.poll-button{
padding: 6px;
}

p.lead{
	font-family:Georgia, "Times New Roman", Times, serif; 
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
div.lead{
	font-family:Georgia, "Times New Roman", Times, serif; 
    font-size: 17px;
    line-height: 26px;
    color: #000;
    padding-bottom: 16px;
}

div.post-page-content iframe.wp-embedded-content{
	/* centrowanie elementów w wersji mobilnej */
	margin: auto;
	display: block;
}
div.alead{
	margin: auto;
	text-align: center;
	min-height: 260px;
}
/* pozycjonowanie porownywania obrazkow w wersji mobilnej */
.s201_holder img{
	margin:0;
}

div.cst-image-hide {
    background-color: red;
    opacity: 1;
}
div.cst-image-hide img {
    border: 3px solid red;
    width: 97%;
    filter: opacity(0.7);
}
body.cst-image-hide {
    background-color: red;
    opacity: 0.8;
    filter: opacity(0.9);
}

div.megatop img.size-medium{
    margin-bottom: 0;
    margin-top: 0;
    object-fit: cover;
    min-width: 100%;
    height: 550px;
}
#right.no-lsidebar{
	width: 650px;
}
div.megatop-wrapper{
    margin-bottom: 30px;
}
.no-lsidebar div.entry, div .cst-post-featured-image.wp-caption.no-lsidebar img{
	width: auto;
}
.no-lsidebar .widget_cena2{
	margin-left: 75px;
}
.no-lsidebar a.megatop-more{
	color:#fff;
}
div.entry img.alignone{
	max-width: -webkit-fill-available;
}

h2.megatop, #content h2.megatop{
	color: #fff;
	font-family: "Oswald", sans-serif;
	padding: 10px 5px 15px 10px;
	margin-bottom: 0;
}
h2.megatop a, h2.megatop a:hover{
	color: white !important;
	text-shadow: 1px 1px 2px #ccc;
	font-weight: 400;
	font-size: 1.1em;
	border: none;
}
div.megatop{
	display: block;
	margin: 0 auto 10px auto;
	font-family: "Oswald", sans-serif;
	position: relative;
}
div.megatop p.megatop-caption-text{
    position: absolute;
    background-image: linear-gradient(-45deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
    background-size: 2px 2px;
    color: #fff;
    margin: 5px 10px 5px 5px;
    bottom: 5px;
    text-shadow: 1px 1px 2px #000;
    left: 0;
    line-height: 1.35em;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0.5em;
}
@media only screen and (max-width: 650px) {
	div.megatop p.megatop-caption-text{
	    font-size: 1.3em;
	}
	h2.megatop a, h2.megatop a:hover{
	font-size: 1em;
	}
	div.megatop img.size-medium{
		height: 400px;
	}
}
#post p a.megatop-more, #post p a.megatop-more:hover {
    padding: 10px 40px;
    color: #fff;
    float: right;
    text-transform: uppercase;
    background-color: #2a80b9;
    margin: 0 10px 10px 0;
	 border: none;
}

.mainwrap{
	width:1030px; 
	margin:0 auto 40px auto; 
	padding:20px 0; 
	background:#fff;
}
.dark-body input,.dark-body textarea,.dark-body .nav-controls .previous, .dark-body .nav-controls .next{
      color: rgba(255, 255, 255, 0.7);
}
.dark-body .wptouch-mobile-switch #switch .active{
      color: rgba(0, 0, 0, 0.7);
}
.links-info-box p{
	margin-bottom: 8px;
	font-style: italic;
}
/* disqus */
#dcl_btn_container {
    text-align: center;
    margin: 36px 10px;
}
button#dcl_comment_btn {
    background-color: #2EA0FF;
    padding: 8px;
    color: #fff;
    font-size: larger;
}
/* zeby onesignal byl nizej niz inmobi */
div#onesignal-popover-container, div#onesignal-slidedown-container {
    z-index: 2147483646;
}
