﻿
/* ---------------------------- [ 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: 0px;
	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;padding: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;
font-size:11px;
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 0px;
	background:#d6e5e5;
	width:100%;
	text-align:center;
}
div.cst-section-nextprev ul {
	list-style: none;
}
div.cst-section-nextprev li {
	display: inline;
	margin-left:10px;
}
div.cst-section-nextprev a:link, div.cst-section-nextprev a:visited {
	padding: 10px 40px;
	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:1em auto;
	padding:10px;
	overflow: hidden;
	clear:both;
}
div.cst-section-toc h2{
	margin: 0;
	padding: 0;
	margin-bottom:10px;
	color:#2a80b9;
}
div.cst-section-toc a:hover{
	color:#e84c3d !important;
}

div.cst-section-toc div.toc-right{
	float: right;
	width: 48%;
	padding:0;
}
div.cst-section-toc div.toc-left{
	float: left;
	width: 48%;
}

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;margin-bottom:10px;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-bottom:20px;
/* 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;
	color: black;
	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;}
.my-bubble-empty:empty{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*/
   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, span.title-category a:visited {
    font-size: small;
}
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;
}

div.widget_cena2 {width:500px; padding:0; overflow:hidden; a-border:1px solid #00CC99; margin-bottom:20px;}
div.widget_cena2 img { width:100px; padding:5px; border:1px solid #eee;  float:left;}

div.widget_cena2 .header {width:386px; margin:0; padding:0; float:right; border-bottom:1px solid #ccc; vertical-align:bottom;}
div.widget_cena2 h3 {
	float:left; clear:none; width:280px; margin:0; padding:0; padding-left:10px; padding-bottom:4px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal;
	a-background:#CCCC33;
}
div.widget_cena2 .header a.cena  { 
	float:right; display:block;
	width:90px; background:#666; padding:0; margin:0; text-align:right; padding-left:2px;
	font-size:11px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin-top:10px;
}
div.widget_cena2 .header a.cena:hover {text-decoration:underline; color:#fff !important; background:#CC3300;}
div.widget_cena2 .header a.cena b.go { background:#222; padding:1px 4px;;}

div.widget_cena2 div.wrapper {width:386px; margin:0; padding:0; float:right; border-bottom:1px solid #ccc; padding-bottom:4px;}
div.widget_cena2 div.wrapper ul li {list-style:none; padding:0 0 0 5px; margin:0; margin-bottom:1px; }
div.widget_cena2 div.wrapper ul li.space {margin-top:4px;}
div.widget_cena2 div.wrapper div.cena_1 {width:190px; border-right:1px solid #ccc; float:left; a-background:#66FFCC;}
div.widget_cena2 div.wrapper div.cena_1 h3 {padding:10px 0 10px 5px;}
div.widget_cena2 div.wrapper div.cena_2 {width:186px; float:right; text-align:right; a-background:#FFCC66; }
div.widget_cena2 div.wrapper, div.widget_cena2 div.wrapper a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555; text-decoration:none; margin-bottom:2px; }
div.widget_cena2 div.wrapper li.preferred {padding-top:12px;float: right;margin-left: 20px;}
div.widget_cena2 div.wrapper ul.preferred {padding:0;}
div.widget_cena2 div.wrapper li.preferred a {font-size: 14px;}
div.widget_cena2 div.wrapper div.preferred{width:auto;border-right:none;float:none;}
div.widget_cena2 div.wrapper div.cena_1 h3.preferred{float:left;width:auto;padding-bottom:0;}
div.widget_cena2 div.wrapper a:hover {text-decoration:underline;}

div.widget_cena2 div.wrapperLink {width:378px; margin:0; padding:0; float:right; text-align:right; padding:4px 0;
	font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999; }
div.widget_cena2 div.wrapperLink a { color:#999; text-decoration:none;}
div.widget_cena2 div.wrapperLink a:hover {text-decoration:underline; }

