﻿/*
Theme Name: wlasny
Author: Michal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
#header
{
	position:relative;
}
*{ 
    margin: 0;
    padding:0;
    font-family:sans-serif;
}
#map_ol3js_1_popup-content
{
	width:240px;
}
/* Div do promocji */
.internet-promocja{
  float:right; /* aby splywal na prawo */
  height:180px; 
  width:275px;  
  margin-right: 10px;
  background: url(img/promocja_int.png) no-repeat top right; /* wzgledna sciezka w nawiasie */
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-meta {
text-align: right;
}

.entry-header {
margin-bottom: .5em;
}

.entry-title {
margin-left: 20px;
}
  
body, #tabs{
    font-size: 12px;
} 

article{
    margin-top:1em;
    display: table;
    width: 100%;
    padding-bottom:5px;
    border-bottom: 1px solid #ddd;
    text-align:justify;
}

#nav-below {
margin-top: 1em;
}

.duzy{
    position:absolute;
    bottom:1.2em;
    left:2.4em;
}

.program p{
    margin:0;
}

div.promocje{
    display:table;
    margin-right:-20px;
}

div.promocje img{
    display:block;
    float:left;
    padding:8px;
    max-width:385px;
}

div.promocje img:hover{
    background:silver;
}

div.promocje p{
    clear:both;
}

a.pdf{
    display:inline;
    font-weight:bold;
    color:black;
}

a.pdf:hover, a:hover{
    text-decoration:underline;
}


ul#menu-pasek li a{
    color: #7bbeda;
    display:block;
    text-decoration:none;
}

a{
    display:block;
    font-weight:bold;
    color:black;
    text-decoration:none;    
}

a img{
    border:none;
}

.wiersz{
    display:table;
    clear:both;
    margin-bottom:.5em;
    margin-right:-20px;
}

#speed{
    margin-left:auto;
    margin-right:auto;
    display:block;
    border: 1px solid black;
}

.label{
    min-width:95px;
    display: inline-block;
}

.speedtest{
    background: url(img/tlo_speedtest.jpg);
    margin: -20px;
    padding: 20px;
}

.polityka{
    background: url(img/polityka.png) no-repeat top right;
    width:300px;
    height:226px;
    margin-left:1em;
}

.polityk, .polityk li, .jakos, .jakos li{
    text-align:justify;
}

.onas{
    background: url(img/o_nas.png) no-repeat top right;
    width:400px;
    height:500px;
    margin-left:1em;
}

.ona, .ona li, .jakos, .jakos li{
    text-align:justify;
}

div.jakosc{
    background: url(img/jakosc.png) no-repeat top right;
    width:300px;
    height:226px;
    margin-left:70em;
}

div.czlonkostwo{
    background: url(img/czlonkostwo_large.png) no-repeat bottom right;
    width:244px;
    height:300px;
    margin-left:1em;
    margin-right:-20px;
}

.ie div.czlonkostwo_tlo{
background: -moz-linear-gradient(top, #ffffff 0%, #06acff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#06acff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#06acff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#06acff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#06acff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#06acff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#06acff',GradientType=0 ); 
background-image: none;
	

}

.czlonkostwo_tlo{
    background: url(img/tlo_czlonkostwo_large.jpg) no-repeat;
    margin: -20px;
    padding: 20px;
    display:table;
    min-width:100%;
    border-radius:4px;
    background-size: cover;
}

.baner{
    width: 1200px;
    margin-bottom:.5em;
}

.pakiety{
    border: solid 1px #BCA1C8;
    background: url(img/tlo_multi.jpg);
    text-align:justify;
}





div.pak{
    height:auto;
    float:left;
    margin-left: 4px;
}

div.pak p{
    margin-left: 5px;
}

div.pak h3{
    text-align:left;
}

div.pak.pier{
    margin-top:5px;
    height:162px;
}


.cena-tel{    
    top: 5px;
    float:right;
    clear:right;
    font-weight:bold;
	position:relative;
}

div.info{
    margin-left:5px;
    margin-top:50px;
    text-align:left;
}

h5{
     font-size:18px;
}



div.info p{
    margin-top:5px;
    width:140px;
    text-align:center;
}

table.jakosc{
    font-size:12px;
    text-align:center;
    padding: .5em;
    border-collapse: collapse;
    margin-right:auto;
}

table.jakosc2{
    font-size:12px;
    text-align:center;
    padding: .5em;
    border-collapse: collapse;
    margin-right:auto;
}    

table.jakosc td, table.jakosc th{
    padding: 3px 9px;
   
}

table.jakosc2 td, table.jakosc2 th{
    padding: 3px 9px;
   
}

table.jakosc th , table.ceny th{
    text-align: center;
    background: url(img/ui-bg_glass_75_ff2222_1x400.png) repeat-x 50%;

}

table.jakosc2 th{
    text-align: center;
    background: url(img/ui-bg_glass_75_ff2222_1x400r.png) repeat-y 50%;

}

table.jakosc2 td{
    text-align: center;
}

.wp-content{
    margin-top:1.5em;
    border: 1px solid #7bbeda;
    background: #ffffff;
    color: #222222;
/*    border-radius: 4px; */
    padding: 20px;
    text-align:left;
}

.wp-content p a{
    display: inline; 
}

.wp-content ul{
    margin-left:10px;
    text-align:left;
}
   
p.pak{
    font-size: 16px;
    font-weight:bold;
    max-width:216px;
    margin-bottom:60px;
}

.loop{
    clear:both;
}

#wynik{
    width:200px; 
    margin-right:auto;
    text-align:left;
}

table{
    margin: .5em 0 1em;
    margin-left:1em;
}

.ceny{
    border-radius:5px;
}

div.cena-tel div.guziki a{
    float:right;
}


div.tv div.guziki, div.multipakiet div.guziki {
    float:right;
    clear:right;
}

table.ceny td, table.ceny th, table.jakosc td:last-of-type, table.jakosc th:last-of-type{
    font-size:12px;
    text-align:center; 
    padding: .5em;
    border-left:1px solid #a7a7a7;
}

table.jakosc2 td:first-of-type{
    font-size:12px;
    text-align:center; 
    padding: .5em;
}

table.jakosc2 tr:first-of-type{
    font-size:12px;
    text-align:center; 
    padding: .5em;
    font-weight:bold;
}

table.ceny td:first-of-type,table.ceny th:first-of-type {
    border-left:none;          
}

table.ceny th, table.jakosc th, table.jakosc td{
    border-bottom:1px solid #a7a7a7;
}

table.jakosc2 th, table.jakosc2 td{
    border-bottom:1px solid #a7a7a7;
}


table.jakosc tr:last-of-type td{
    border-bottom:none;
}

table.jakosc2 th{
    border-bottom:none;
}

table.jakosc2 tr:last-of-type td{
    border-bottom:none;
}


table td,table th{
    text-align: left;
}

table.ceny td{
    font-weight:normal;
}

.lewy{                            
    float:left;
}

ul,ol{
    line-height:150%;
    margin:0 0;
}

body, html{
    background: #ffffff;
    height: 100%;
}
  
.menu li{
    display:block;
    float:left;  
}  

.container{
    width:1200px !important;
    margin-left:auto;
    margin-right:auto;
/*  min-height: 100%;  */
    height: auto !important;
    height: 100%;
    margin-bottom:-40px; /* - wysokość stopki z marginesami */                                
}

#login{
    position: absolute;
    top: 0;
    right:0;
    height:auto;
}

#pasek{
    position: absolute;
    top: 10px;
    right: 15px;
	clear:both;
}

#logo{
    height:100px;
    width: auto;
    padding-top:15px;
    margin-bottom:5px;
    width:326px;
    background: url(img/logo_sttb.png) no-repeat 0px 15px ;
	margin-right:320px;
	float:left;
}
	

#logo2{
    height:100px;
    padding-top:15px;
    margin-bottom:5px;
     width:174px;
    background: url(img/logo_broszura.png) no-repeat 0px 15px ;
    top: -120px;
    right: 358px;
	float:left;
}

#logo3{
    height:100px;
    padding-top:15px;
    margin-bottom:5px;
     width:174px;
    background: url(img/logo_owncloud.png) no-repeat 0px 15px ;
    top: -120px;
    right: 0px;
	float:left;
}

#logo4{
    height:100px;
    padding-top:15px;
    margin-bottom:5px;
     width:174px;
    background: url(img/logo_email.png) no-repeat 0px 15px ;
    top: -120px;
    right: 179px;
	float:left;
}

#logo5{
    height:100px;
    padding-top:15px;
    margin-bottom:5px;
     width:174px;
    background: url(img/logo_ebok.png) no-repeat 0px 15px ;
    top: -120px;
    right: 358px;
	float:left;
}

a.hiddenTab{
  visibility:hidden; 
  display:none;
}

ul#menu-glowne, ul#menu-dolne{
    height:29px;
    background-color: #7abdda ;
    background-image: url(img/menu.png); 
}

ul#menu-glowne{
    float:left
}

ul#menu-glowne li, ul#menu-dolne li{
    line-height: 13px;
    height:29px;
}
 
ul#menu-glowne li{
    border-right: 1px solid #000033 ;
}
 
ul#menu-glowne li a,ul#menu-dolne li a{
    color: #ffffff;
    padding: 8px 8px;
    display:block;
    height:13px;
    font-weight:bold;
    text-transform:uppercase;
}
 
ul#menu-dolne li{
    float:right;
    border-left: 1px solid #000033 
}

    
ul#menu-glowne li a:hover ,
ul#menu-dolne li a:hover{
    background-color: rgba(0,0,0,.2);
    text-decoration:none;
}
 
.home a{
    text-indent: -9999px;
    background: url(img/Home.png) no-repeat center center ;
    width: 20px
}

div.pak.pier{
    max-width:218px;
   
}

div.wiersz div.guziki{
    position:absolute;
    bottom:5px;
    left:5px;
}
 
.home a:hover{
    background-color: rgba(0,0,0,.2);
}

ul#menu-pasek li a{
    padding: 6px;
}
 
ul#menu-pasek li a:hover{
   color: #2e98c3;
}

#main{
    text-align: center;
}

#searchform{
    position:relative;
    float:right;
    top: 4px;
    right: 10px;
}

div#menu-glowne-container{
    margin: .5em 0;
    height: 29px;
    background-color: #7abdda;
    background-image: url(img/menu.png);
    display: table;
    width: 1200px;
}
 
#searchform input{
    line-height: 17px;
    text-indent: 5px;
    width:120px;
} 

#x{
    position:absolute;
    top:10px;
    right:10px;   
}

div#cookies p a.tu{
    display:inline;
    text-decoration: underline;
    color:#359BC6;
    cursor:pointer;
}
#icon-swaps{
	float:left;
	width:30px;
	height:100px;
	margin-top:15px;
	margin-right:2px;
}
#fontsize-icon{
	width:30px;
	height:30px;
	margin-top:3px;
	margin-bottom:2px;
}
.icon-certificate{
	width:30px;
	height:30px;
	font-size:195%;
}
.icon-fontsize{
	width:30px;
	height:30px;
	font-size:195%;
}
.icon-videocam-alt{
	width:30px;
	height:30px;
	font-size:195%;
}
#color-icon{
	width:30px;
	height:30px;
	margin-top:3px;
	margin-bottom:2px;	
}
div.kanal, div.kanaly{
    margin-top:25px;
    overflow: hidden;
    width:840px;
    border: 1px solid #ff4747;
    background-color: white;
/*    border-radius: 15px; */
    padding-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.multipakiet div.kanal, .multipakiet div.kanaly{
    width:720px;
    border: 1px solid #BCA1C8;
}


div.kanaly{
    margin-top:125px;
    margin-right:-10px;
    border: none;
    width:720px;
    border-radius: 0 ;
    background: url(img/cplus.jpg);
    height: 346px;
}

div.kanaly img.cplus{
    width:220px;
    margin-top: 5px;
}

div.cplus{
    float:left;
    width:240px;
    height:300px;
    display:table;
}

div#dragContainer div{
    display:none;
}

div.kanal img, div.dvb img{
    display:block;
    float:left;
    margin: 10px;
    width:100px;   
    height: 67px;
}

div.dvb-t img{
     height: 48px;
}


div.kanaly img{
    display:block;
    float:left;
    margin: 2px 10px;
    width:70px;
    position: absolute;
}



.wiecej{
    display:block;
    position:absolute;
    width:100%;
    height:20px;
    background:white;
    line-height: 20px;
    vertical-align: middle;
    text-align:center;  
    bottom:0;
    right:0;
    font-weight:bold; 
    cursor:pointer;  
}
#popp{
	width: 1200px;
	height: 928px;
	position: fixed;
	background: rgb(0, 0, 0);
	z-index: 999;
	opacity: 0.9;
	visibility: hidden;
	margin-top: -237px;
}
#poppc{
	float: right;
	width: 20px;
	height: 20px;
	background: #86c4dd;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#oswiadczenie{
	width: 513px;
	text-align: justify;
	font-size:10px;
}
div#tabs div.ui-tabs-panel{
	border: 1px solid #7bbeda;
}

div#tabs.internet div.ui-tabs-panel{
    border: 1px solid #B9DD91;
    background: url(img/internet_large.png) no-repeat bottom right , url(img/tlo_internet_large.jpg) no-repeat;
    background-size: auto,cover;
    min-height:450px;          
}

.ie div#tabs.internet div.ui-tabs-panel{
    background: -moz-linear-gradient(top, #ffffff 0%, #b9dd91 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b9dd91)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#b9dd91 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#b9dd91 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#b9dd91 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#b9dd91 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9dd91',GradientType=0 );
background-image: url("img/multipakiet_large.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: transparent;
  background-image: url("img/tlo_czlonkostwo_large.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 38%;
	background-position-y: 68%;
	background-color: transparent;

}

div#tabs.internet li.ui-state-default{
    border: 1px solid #B9DD91;
    background: url(img/ui-bg_glass_75_b9dd91_1x400.png) 50% 50% repeat-x;
}


div#tabs.analog div.ui-tabs-panel{
    border: 1px solid #7BACD1;
    background: url(img/analog_large.png) no-repeat bottom right , url(img/tlo_telewizja_large.jpg) no-repeat;
    background-size: auto,cover;
    min-height:450px;     
}


div#tabs.tv div.ui-tabs-panel{
    border: 1px solid #7BACD1;
    background: url(img/telewizja_large.png) no-repeat bottom right , url(img/tlo_telewizja_large.jpg) no-repeat;
    background-size: auto,cover;
    min-height:450px;     
}

.ie div#tabs.analog div.ui-tabs-panel{
    border: 1px solid #E77817;
   background: -moz-linear-gradient(top, #fdf001 0%, #e67817 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf001), color-stop(100%,#e67817)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdf001 0%,#e67817 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdf001 0%,#e67817 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdf001 0%,#e67817 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdf001 0%,#e67817 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf001', endColorstr='#e67817',GradientType=0 );
}

.ie div#tabs.tv div.ui-tabs-panel{
    border: 1px solid #E77817;
   background: -moz-linear-gradient(top, #fdf001 0%, #e67817 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf001), color-stop(100%,#e67817)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdf001 0%,#e67817 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdf001 0%,#e67817 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdf001 0%,#e67817 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdf001 0%,#e67817 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf001', endColorstr='#e67817',GradientType=0 );
}


div#tabs.analog li.ui-state-default{
    border: 1px solid #7BACD1;
    background: url(img/fajny.png) 50% 50% repeat-x;
}

div#tabs.tv li.ui-state-default{
    border: 1px solid #7BACD1;
    background: url(img/fajny.png) 50% 50% repeat-x;
}

div#tabs.multipakiet div.ui-tabs-panel{
    border: 1px solid #BCA1C8;
    background: url(img/multipakiet_large.png) no-repeat bottom right , url(img/tlo_multi_large.jpg) no-repeat;
    background-size: auto,cover;
    min-height:450px;     
}

.ie div#tabs.multipakiet div.ui-tabs-panel{
    border: 1px solid #BCA1C8;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bca1c8',GradientType=0 ); 
}

div#tabs.multipakiet li.ui-state-default{
    border: 1px solid #BCA1C8;
    background: url(img/ui-bg_glass_75_bca1c8_1x400.png) 50% 50% repeat-x;
}

p.multi{
    float:left;
    width:830px;
    text-align: justify;
}

p.uzupelniajace{
    float:left;
    width:830px;
    text-align: justify;
}

#cookies{
    display:block;
    line-height: 17px;
    margin-top:5px;
	position:relative;
}

#cookies p, #cookies p strong{
    font-size:11px;
}

#cookies p{
    padding:5px;
    padding-right:30px;
	position:relative;
}

#footer, #push{
    margin-top:6px;
    clear:both;
    height:29px;
    padding-bottom:5px;
    width:1200px;
    margin-left:auto;
    margin-right:auto;
	position:relative;
  /*  padding-bottom:5px;       */    
}


.dol{
    float:left;
    font-size:12px;
    border-right: 1px solid #00001B;
    padding-left:.5em;
    padding-right:.5em; 
    vertical-align: -0.5em;
    color:white;
    height:41px;
}



.oferta{
    width:392px;
    min-height:250px;
    margin-left: 12px;
    float:left;
	position:relative;
/*    border: 1px solid #7bbeda; */
}
#oferta1{
	background: url(img/tlo_telewizja.jpg) no-repeat bottom right;
}
#oferta2{
	background:url(img/tlo_internet.jpg);
}
#oferta3{
	background:url(img/tlo_czlonkostwo.jpg);
}

.active{
    background-color: rgb(255,0,0) !important; 
    background-color: rgba(255,0,0,.7) !important;
}

div.pier{
    margin-left:0;
	position:relative;
}

div.linki{
    position:absolute;
    bottom:2px;
    left:5px;    
}


.ui-tabs .ui-tabs-nav li.nazwa{
    width:101px;
}

.ui-tabs .ui-tabs-nav li.nazwa.analog{
    width:329px;
}

.ui-tabs .ui-tabs-nav li.analog{
    width:268px;
}

.ui-tabs .ui-tabs-nav li.nazwa.multipak{
    width:101px;
}

.ui-tabs .ui-tabs-nav li.multipak{
    width:204px;
}

.ui-tabs .ui-tabs-nav li.nazwa.internat{
    width:103px;
}

.ui-tabs .ui-tabs-nav li.internat{
    width:256px;
}


div.kanal h3, span.wiecej{
    margin:0;
    line-height: 20px;
    color: #ffffff;
    text-align:center;
    font-weight:normal;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}

.analog div.kanal h3, .analog span.wiecej{
    background: url(img/ui-bg_glass_70_ff0000_1x400.png) 50% 50% repeat-x;
}

.tv div.kanal h3, .tv span.wiecej{
    background: url(img/ui-bg_glass_70_ff0000_1x400.png) 50% 50% repeat-x;
}

.multipakiet div.kanal h3, .multipakiet span.wiecej{
    background: url(img/ui-bg_glass_75_bc60e8_1x400.png) 50% 50% repeat-x;
}

.s-dol span{
    display:block;
    margin-left:auto;
    margin-right:auto;
    background:url(img/dol.png);
    width:20px;
    height:20px;
}

.s-gora span{
    display:block;
    margin-left:auto;
    margin-right:auto;
    background:url(img/gora.png);
    width:20px;
    height:20px;
}

.program p{
    font-size:11px;
}

.program h7{
    background: #ff4747;
    display:block;
    margin:-8px;
    margin-bottom:0;
    border-bottom: 1px solid #a7a7a7;
    padding:10px;
    font-weight:bold;
    color: white;
}
.pakietowe .program h7{
    background: #cebad6;
}


.arrow {
    width: 16px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    margin-left: -16px;
    margin-bottom: -35px;
    bottom: 50%;
    left: 0;
}

.arrow.right {
    left:100%;
    margin-left:0px;
}

.ui-tooltip, .arrow:after {
    border: 1px solid #ff4747;
}

.pakietowe, .pakietowe .arrow:after{
    border: 2px solid #BCA1C8;
}



.arrow:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background:white;
}

.ie .arrow:after{
 /* tu można zrobic strzałki jako obrazki by były trójkątne na ie */
}

.arrow.right:after{
    left:-19px;
}

div.telewizja{
    width:450px;
    float:left;
    margin-bottom:1em;
	position:relative;
}

div.dokumenty.telewizja ul{
    margin-top:0.5em;
    line-height:110%;
}

div.dokumenty.telewizja ul a{
    display:inline;
}

div.internet div.dokumenty.telewizja{
    margin-top:25px;
    margin-left:2em;
    font-size:10px;
    width:300px;
}

div.dokumenty.telewizja h3{
    font-size:12px;
    text-indent: 0;
}


div.tv div.dokumenty.telewizja, div.analog div.dokumenty.telewizja, div.multipakiet div.dokumenty.telewizja{
    height:160px;
    margin-left:2em;
    font-size:10px;
    width:360px;
}
.cenaform {
font-size: 20px;
color: #6666ff;
font-weight:bold
}


div.formularz{
    border: 1px dashed #7bbeda;
    border-radius: 5px;
    display:table;
    margin-bottom:20px;
    width:100%;
    background: url(img/formb.png) repeat-y;
}

div.formularz.konkurs{
    border: none;
    border-radius: none;
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    background: url(img/tlo_konkurs.jpg);
    display:table;
    margin-bottom:20px;
    width:100%;
    height:100%;
    margin: -20px;
    padding: 20px;
    font-size:14px;
}

div.formularz.mail{
    border: 1px solid #7bbeda;
    border-radius: 5px;
    display:table;
    margin-bottom:20px;
    width:100%;
    background: url(img/email.png) no-repeat center right , url(img/form.png) repeat-y;
    background-size: auto,contain;
}
  div.formularz:last-of-type br{
    display:none;
    
  }
  
   div.formularz:last-of-type .lewy p{
    line-height:27px;
    
  }


.right{
    float:right;
}

div.formularz .lewy,div.formularz .right{
    padding:10px;
    min-height:100%;
}

.lewy input, .lewy select{
    margin-right:5px;
    margin-left:5px;
    position:relative;
    top:2px;  
}

.formularz.usluga .lewy{
 min-width: 137px;
}

.formularz div.lewy:first-of-type{
 min-width: 135px;
}

.lewy input[type="text"],.lewy input[type="password"],.lewy input[type="email"]{
 min-width: 200px;
}

.lewy span{
    margin-right:10px;
}

 div.formularz .lewy p{
    line-height: 110%;
}

.blad{
    border: 1px solid #bb0000 !important;
    background: #ffeeee !important ;
}

.formularz:last-of-type select, .formularz:last-of-type input{
    border:1px solid grey;
    float:right;
} 

.formularz:last-of-type p{
    display:table;
} 

.copyright{
    position: absolute;
    color: white;
    top: 7px;
    left: 7px;
}

input[disabled]{
    cursor: not-allowed;
}

p.submit{
    text-align:center;
}

p.submit input[type=submit]{
   padding:10px;
}

div.kanal h3:first-of-type{
/*    border-top-left-radius: 13px;  */
/*    border-top-right-radius: 13px;  */
}

div.kanal span.wiecej{
/*    border-bottom-left-radius: 13px;  */
/*    border-bottom-right-radius: 13px;  */
}

h3, #tabs h3{
    font-size:13px;
}

a[rel="shadowbox"]{
   margin:10px;
}
a[rel="shadowbox"] img{
   max-height:200px;
}

div.dekodery a[rel="shadowbox"] img{
   max-height:100px;
}

div.dekodery div{
    background: url(http://www.sttb.pl/wp-content/themes/wlasny/img/formb.png) repeat-y;   
}

div.dekodery div:hover{
    background: url(http://www.sttb.pl/wp-content/themes/wlasny/img/form.png) repeat-y;   
}

div.dekodery{
    border-radius:4px;
    border: 1px solid #bebebf;
    margin-top:1em;
}
#przepiecia{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:.5em;
    width:640px;
    height:360px;
}

.accordion{
    text-align:justify;
}

p.adobe{
    margin-left:30px;
    width:280px;
	
}
#socjalnytv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/socjalny.png) no-repeat top right;	
}
#socjalnyplustv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/socjalny_plus.png) no-repeat top right;
}
#wzbogaconytv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/wzbogacony.png) no-repeat top right;
}
#luksusowytv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/luksusowy.png) no-repeat top right;
}
#canaltv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/canal+.png) no-repeat top right;
}
#uzupelniajacetv{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/uzupelniajace.png) no-repeat top right;
}
#midiin{
	height:180px;
	width:275px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/midi.png) no-repeat top right;
}
#maxiin{
	height:180px;
	width:275px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/maxi.png) no-repeat top right;
}
#maxipin{
	height:180px;
	width:275px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/maxiplus.png) no-repeat top right;
}
#hyperin{
	height:180px;
	width:275px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/hyper.png) no-repeat top right;
}
#apom{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/apomniejszony.png) no-repeat top right;
}
#apod{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/apodstawowy.png) no-repeat top right;
}
#asoc{
	height:180px;
	width:290px;
	float:right;
	margin-right:-17px;
	margin-top:-15px;
	background: url(img/asocjalny.png) no-repeat top right;
}
#cvirus{
	z-index:900;
	width:100%;
	height:100%;
	background:url(img/ksw_www.jpg) no-repeat;
	background-position:center;
	position:relative;
	visibility:visible;
	display:inline-block;
}
#popcloser{
	width:10px;
	height:10px;
	z-index:901;
	margin-left: 90%;
	margin-top: 15%;
	color: #fff;
	position:absolute;
	font-size:16px;
	font-weight:900;
	cursor:pointer;
}
#zamowpak{
	background: #7bbeda url(img/ui-bg_glass_75_bca1c8_1x400.png) 50% 50% repeat-x;
}
#zamowpak:hover{
	background: #7bbeda url(img/ui-bg_glass_75_bc60e8_1x400.png) 50% 50% repeat-x;
}
textarea{
   font-size:13px;
}
#kartyform{
		width:1200px;
	height:442px;
	margin:auto;
	background: url(img/wcag/zakodowane_form_info.png) no-repeat;
	margin-left: -21px;
	margin-top: -21px;
	margin-bottom: -21px;
}
#kartyselect{
	margin-top: 25px;
}
#urzselect{
	width:200px;
}
#ileselect{
	float:right;
	margin-top:-35px;
}
#pakiecikizamow{
	background:url(img/pakieciki.jpg) no-repeat;
	height:200px;
	margin-bottom: 5px;
}
  @media (max-width: 626px){

}
