@charset "utf-8";
/* CSS Document */


* {
margin: 0;
padding: 0;	

}



.clear {
clear: both;	
}
#content {
max-width: 100%;
min-height: 600px;
font-size: 0.625em;
font-family: Arial;
margin: 0 auto;
min-width: 720px;
}

#logo {
background: url(../images/logo_no.png) no-repeat;
width: 213px;
height: 143px;
float: left;
margin-left: 127px;
margin-top: 10px;
}

#logo_right {
float: left;
position: relative;
height: 50px;
width: 720px;	
}

.menu_lista {
display: none;
}
#menu {
background: url(../images/bg_cross.png) repeat-x;
width: 100%;
height: 115px;
font-size: 1.356em

;
text-align: center;
margin-top: 0px;
}



ul.menu{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu li{
    float: left;
    line-height: 43px;
    margin-right: 20px;
	margin-left: 20px;
    
}

ul.menu li a{
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    color: white;
}

ul.menu li a:hover{
background-color: #33a6ef;
-webkit-box-shadow:inset 0 -5px 0 0 #1197e3;
box-shadow:inset 0 -5px 0 0 #1197e3;
}

ul.menu ul{
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    background: #48484a;
    z-index: 100;
    list-style: none;
    margin-top: -5px;
}

ul.menu ul li{
    position: relative;
    float: none;
    margin-right: 0px;
    height: 42px;
    line-height: 12px;
	margin-left: 0px;
}

ul.menu ul li a{
    color: white;
    width: 200px;
    text-align: left;
}

ul.menu ul li a:hover{
    color: white;
    background: #333;
}

ul.menu ul li ul{
    position: absolute;
    top: 0;
    left: 200px;
    display: none;
    z-index: 200;
    list-style: none;
}

ul.menu ul li ul li{
    list-style-type: none;
    position: relative;
}

.kol {
width: 48%;
background-color: rgba(192,192,192,0.5);
float: left;
margin: 1%;
padding-bottom: 12px;
}
#wew_cont_index {
margin: 0 auto;
width: 90%;
margin-top: 30px;
}

#bar_user {

width: 100%; 


min-height: 50px;
 background: #ebebeb; /* Old browsers */  background: -moz-linear-gradient(top,  #ebebeb 0%, #ebebeb 90%, #0078a3 91%, #0085b5 91%, #0076a2 98%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(90%,#ebebeb), color-stop(91%,#0078a3), color-stop(91%,#0085b5), color-stop(98%,#0076a2)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  #ebebeb 0%,#ebebeb 90%,#0078a3 91%,#0085b5 91%,#0076a2 98%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  #ebebeb 0%,#ebebeb 90%,#0078a3 91%,#0085b5 91%,#0076a2 98%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  #ebebeb 0%,#ebebeb 90%,#0078a3 91%,#0085b5 91%,#0076a2 98%); /* IE10+ */  background: linear-gradient(to bottom,  #ebebeb 0%,#ebebeb 90%,#0078a3 91%,#0085b5 91%,#0076a2 98%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#0076a2',GradientType=0 ); /* IE6-9 */;
}

#menu_lewa {
float: left;
width: 22%; 


-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 400px;
 background: #ebebeb;
 border-bottom: 22px solid #0076a2;
 margin-right: 1%;
}

#lewa {
float: left;
width: 100%;


-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-width: 360px;
background: #ebebeb;
border-bottom: 22px solid #0076a2;
padding-bottom: 10px;
min-height: 250px;
}



#stopka {
	
background-color: #ededed;
height: 62px;
color: #4b4b4b;

font-size: 1.65em;
line-height: 61px;
padding-left: 14px;
}


.tresc_news {
padding: 15px 10px 15px 10px;
color: black;
font-size: 1.55em;
}
.top_news {
width: 100%;
background-color: #5e5e5e; /* layer fill content */
background-image: -moz-linear-gradient(bottom, #0f6ba0 0%, #33a5ef 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #0f6ba0 0%, #33a5ef 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #0f6ba0 0%, #33a5ef 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #0f6ba0 0%, #33a5ef 100%); /* gradient overlay */

margin: 0 auto;
margin-top: -10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 49px;
color: white;
font-size: 1.880em;
margin-left: 0px;
}

.top_news span {
padding-left: 15px;
}

.top_stats {
width: 100%;
background-color: #5e5e5e; /* layer fill content */
background-image: -moz-linear-gradient(bottom, #222224 0%, #757373 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #222224 0%, #757373 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #222224 0%, #757373 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #222224 0%, #757373 100%); /* gradient overlay */
margin: 0 auto;
margin-top: -10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 49px;
color: white;
font-size: 1.880em;
margin-left: 0px;
}

.tresc_stats {
padding: 15px 10px 15px 10px;
color: white;
text-shadow: black 1px 1px;
font-size: 1.55em;
}

.top_stats span {
padding-left: 15px;
}

#awaryjne_logowanie {
display: none;
}

.classname {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4585c9), color-stop(1, #4585c9) );
	background:-moz-linear-gradient( center top, #4585c9 5%, #4585c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4585c9', endColorstr='#4585c9');
	background-color:#4585c9;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:1.31px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:141px;
	text-decoration:none;
	text-align:center;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	border: 0px;
	cursor: pointer;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4585c9), color-stop(1, #4585c9) );
	background:-moz-linear-gradient( center top, #4585c9 5%, #4585c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4585c9', endColorstr='#4585c9');
	background-color:#4585c9;
}.classname:active {
	position:relative;
	top:1px;
}


.error {
margin-top: 5px;
font-size: 1.5em;
color: white;
text-align: center;
border-bottom: 1px red solid;
padding-bottom: 4px;	
}

.info {
font-size: 1.5em;	
color: white;
padding-left: 6px;
}
.bold {
font-weight: bold;	
color: #33a5ef;
}
.kolo {
  border-radius: 20%;
  width: 20px;
  height: 20px; 
  /* width and height can be anything, as long as they're equal */
  color: red;
  background-color: white;
  padding: 5px;
}
#test {
width: 100%;
height: 1px;
background-color: #ccc;
margin-bottom: 1px;
margin-top: 30px;
}

#lista_left {
list-style-type: none;
}
#lista_left li {
width: 100%;
height: 4em;
margin-bottom: 6px;
border-bottom: 1px solid #ccc;
background-color: rgba(192,192,192,0.6);
color: white;
cursor: pointer;
min-width: 221px;
}

#lista_left li:hover {
background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 0%, #878787 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#878787)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c0c0c0 0%,#878787 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c0c0c0 0%,#878787 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c0c0c0 0%,#878787 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c0c0c0 0%,#878787 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#878787',GradientType=0 ); /* IE6-9 */

}

nav {
    display: block;
    
    height: 56px;
    margin-top: 68px;
    margin-left: 14px;
}
nav ul  {
    margin:0;
    padding:0;

}
nav ul li {
    display:block;
    height: 56px;
    float:left;
    cursor:pointer;
}
nav ul li a {
    display:block;
    width:100%;
    height:100%;
}
nav ul .m_promocje {
    width: 150px !important;
}
nav ul .m_pakiety {
    width:172px !important;
    margin-left:3px;
}
nav ul .m_uslugi {
    width: 140px !important;
    margin-left:3px;
}
nav ul .m_strefa_abonenta {
    width: 74px !important;
    margin-left:4px;
}
nav ul .m_oferta_dla_domu {
    width: 100px !important;
}
nav ul .m_oferta_dla_firm {
    width: 162px !important;
}
nav ul .m_wyloguj {
    width: 99px !important;
}

#menu_n {
margin-bottom: 0.5em;
font-size: 1.5em;
text-align: center;
}
#formularz { /* ustawiamy szeroko?? formularza */
        width: 27%; margin:0 auto; /* je?eli nasz formularz ma ustawion? szeroko?? wy?rodkowujemy go */
        background-color:#fff; /* dodajemy kolor t?a naszemu formularzowi */
        border:2px solid #ccc; /* dodajemy obramowanie o szeroko?ci 2px */
        border-radius:10px; /* zaokr?glamy t?o naszego formularza */
		padding:20px; /* dodajemy margines wewn?trz naszego formularza */
        margin-top:20px; /* dodajemy margines g?rny naszego formularza */
 text-align: center; min-width: 200px;}

#formularz label {
    display:block;/* ustawiamy by label rozpoczyna? si? od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionk? */
    text-transform: uppercase; /* zamieniamy wszystkie litery na du?e */
    font-size:12px; /* ustawiamy wielko?? czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewn?trz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border: 1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width: 62%; /* ustalamy szeroko?? */
}

#formularz input#submit {
	width: 135px; /* ustalamy szeroko?? */
	height: 46px;
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
	background: url(../images/zaloguj.png) no-repeat;
	border: 0px solid #ccc;
	display: block;
	margin: 0 auto;
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wy?rodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkre?lenie linku */
	font-weight:bold; /* pogrubiamy czcionk? */
}

.zmiana {
font-size: 58px;
padding-top: 19px;
}

.zapom {
text-align: center;
font-size: 18px;
width: 170px;
margin: 0 auto;
margin-top: 5px;
cursor: pointer;
}

#jezeli {
display: block;
padding: 10px;
text-align: center;
margin-top: 16px;
margin-bottom: 44px;
background-color: red;
font-size: 18px;
}

.tylkofont {
padding: 0.8em;
padding-left: 3em;
border-bottom: 1px solid #3d3e3d;
}

.grupy {
clear: both;
border-bottom: 1px solid;
height: 1.3em;
}

.grupy label {
float: left;
width: 30%;

text-align: right;
}

.gr{
float: left;
width: 67%;
clear: right;
margin-left: 0.3em;
line-height: 1em;
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  /* min-width: 10em; */
}



@media 
only screen and (max-width: 770px),
(min-device-width: 778px) and (max-device-width: 1024px)  {

	
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
	
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		
		position: absolute;
		
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
	td:nth-of-type(1):before { content: "Nr. faktury:"; }
	td:nth-of-type(2):before { content: "Kwota brutto:"; }
	td:nth-of-type(3):before { content: "Do zapłaty:"; }
	td:nth-of-type(4):before { content: "Data wystawienia:"; }
	td:nth-of-type(5):before { content: "Termin płatności:"; }
	td:nth-of-type(6):before { content: "Pobierz:"; }
	
		nav {
	display: none;
	
	}
	
		.menu_lista {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.kol {
	clear: both;
	width: 98%;
	}

}



@media all and (min-width: 1px) and (max-width: 1040px) {

	
	#logo_right {
	display: block;
	
	}
	nav {
	margin-left: 50px;
	margin-top: -6px;
	}
	
	#logo {
	margin-bottom: 5px;
	}

	
}

@media all and (min-width: 770px) and (max-width: 1240px) {



	#logo_right {
	display: block;
	
	}
	.menu {
	display: none;
	}
		.menu_lista {
	display: none;
	}
			.menu {
	display: none;
	}
	.menu_lista {
	display: none;
	}
	
	#menu_lewa {
	clear:both;
	width: 100%;
	}
	#lewa {
	width: 100%;
	}
	.kol {
	clear: both;
	width: 98%;
	}
	
	

}


/*
@media all and (min-width: 1px) and (max-width: 740px) {
nav {

display: none;

}	
		.menu_lista {
	display: block;
	width: 80%;
	}
	
	#menu_lewa {
	clear:both;
	width: 100%;
	}
	#lewa {
	width: 100%;
	}
}
*/