html, body {
  height: 100%;  padding-top:0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #696969;
    border: 0px solid blue;
	background: lightgrey;  
}

@media print{
body {
  background: white;
  }
}

#wrapper {
	width: 980px;
	padding: 0 20px 0 20px;
	background: white;
  border: 0px solid red;
  margin: 0px auto;
}

#page {
	overflow: auto;
  margin-top:5px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid lightgray;
  border-bottom: 5px solid lightgray;
	background: white;
  margin-bottom: -15px;
}

#header {
	overflow: hidden;
	margin: 0;
	padding: 0;
  border: 0px dotted pink;
}

/*** LOGO ***/
#logo {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
  border: 0px dotted blue;
}

#logo h1, #logo p {
}

#logo h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

#logo h1 a {
	color: #101010;
	text-transform: uppercase;
}

#logo p {
	margin: 0;
	padding: 0 0 0 0;
	color: #8E8E8E;
}

#logo p a {
	color: #D6D6D6;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #12212F;
}

@media screen, print{
#logo_druk {
	float: left;
	width: 180px;
	margin: 0 0 0 0;
	padding: 0;
  border: 0px dotted pink;
}
}

@media screen{
#logo_druk { display: none;}
}

@media print{
#logo_druk { visibility: visible;}
}

@media all{
 .page-break{ display: none;}
}

@media print {
 .page-break{display: block; page-break-before: always;}
}


/*** MENU ***/
.menu{
margin:0 auto; 
padding:0; 
height:60px; 
width:600px; 
display:block; 
border:0px solid red;
margin-top:30px;
float:right;
}
.menu ul{
float:right;
}

.menu li{
float:right;
padding:0; 
margin:0;
list-style:none; 
display:inline;
text-transform: uppercase;
}
.menu li a{
float:left; 
padding-top:5px;
padding-bottom:5px;
padding-left:15px; 
display:block; 
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #585858;
cursor:pointer; 
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.menu li a span{
line-height:30px; 
float:left; 
display:block; 
padding-right:15px;
}
.menu li a:hover{
color: #585858; 
}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{
line-height:30px;  
background:#969696; 
color:white;
border-bottom:3px solid #969696;
}
.menu li a.active span, .menu li a.active:hover span{}


@media screen, print{
#dystrybutor {
	float: left;
	width: 600px;
	margin: 0 0 0 0 0;
	padding: 10px 0 0 0;
  border: 0px solid red;
  font-size: 26px;
  font-weight: 300;
}
}
@media screen{
#dystrybutor {display: none;}
}

@media print{
#dystrybutor {visibility: visible; overflow: visible;}
}

@media print{
#dystrybutor_contact {
	float: right;
	width: 48%;
	margin: 0;
	padding: 0 0 0 0;
  border: 0px solid red;
  visibility: visible; 
  overflow: visible;
  border: 0px solid pink;
}
}
@media print{
#vendor_contact {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0 0 0 0;
  border: 0px solid red;
  visibility: visible; 
  overflow: visible;
  border: 0px solid blue;
}
}


h1 {
	margin: 0 0 20px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  color: green;
	/**color: #101010; **/
  font-size: 1.5em;
}

h2{
	margin: 0 0 20px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #101010;
  font-size: 1.4em;
}

h3 {
	margin: 0 0 20px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #696969;
  font-size: 1.3em;
}

h4 {
	margin: 5px 0 10px 0;
	border-left: solid 15px #808080;
	padding: 0 0 0 10px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #808080;
	font-size: 1.2em;
}

h5 {
	margin: 5px 0 10px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: gray;
  font-size: 1em;
  border-top: solid 2px lightgray;
}


p, ol, ul {
margin-top: 0px;text-align: justify;
  
}

p {line-height: 130%;font-size: 100%;
}

a {
color: #696969;
font-size:100%;
font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
}

a.out {  
     padding-right: 20px;  
     background: transparent url(../grafika/out2.png) no-repeat top right;
	 color: green;
}  


a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
  margin: 0px 5px 10px 0;
}

img.alignright {
  float:right;
  margin: 0px 0 10px 5px;
}

@media print{
.no-print { 
display:none; 
}
}
@media print{
.no_print { 
display:none; 
}
}

@media screen{
.no_screen { 
display:none; 
}
}

.container {
	width:1022px;
	margin: 0px auto;
  border:1px solid pink;
}

.clearfix {
	clear: both;
}

.note{
font-size: 80%;
font-style: italic;
text-align:left;
}

.note2{
font-size: 80%;
font-weight: bold;
text-align:left;
}

.center
{
margin-left:auto;
margin-right:auto;
width:90%;
margin-bottom:10px;
}

.bluetooth{
margin-top:5px;
background: #42BFF5;
color:white;
border-radius: 8px;
font-size:2em;
}

.broszura-ramka{
border:2px solid darkred;
padding:5px;
}


@media screen, print{
.broszura{
display:inline-block;
font-family:Sans-serif;
float:right;
color: darkred;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
vertical-align: bottom;
}
}

@media print{
.broszura{ display: none;}
}

.broszura a{
display:inline-block;
color: darkred;
text-decoration: none;
vertical-align: text-bottom;
}

.broszura a:hover{
text-decoration: underline;
font-weight: bold;
}




.alignright img{
  margin: 5px 0 5px 5px;
  border:0px solid darkgray;
}

.floatright {
	float: right;
  margin: 0px 0 10px 10px;
}

.floatright img{
  float:inherit;
  margin: 0px 0 0px 5px;
  border:0px solid darkgray;
}

.spacer{
height: 10px;
display:inline-block;
}



/*** Column layout ***/
#column1{
	float: left;
	width: 975px;
}

#column2Lw {
	float: left;
	width: 720px;
  border: 0px dashed blue;
}
#column2Lw #cbox1 {
	margin-bottom: 40px;
}

#column2Rn{
	float: right;
	width: 250px;
  border: dotted 0px cyan;
}

@media screen, print{
#column2Ln {
  overflow: hidden;
	float: left;
	width: 170px;
  border: 0px dotted yellow;
}
}

@media print{
#column2Ln {
display: none;
}

}

@media screen, print{
#column2Rw{
	width: 800px;
  border: 0px dashed blue;
}
}

@media screen{
#column2Rw{
  float: right;
  margin-bottom:10px;
}
}

@media print{
#column2Rw{
	width: 970px;
  margin-bottom:20px;
}
}



#column3L{
	float: left;
	width: 150px;
	margin-right: 10px;
}

@media screen, print{
#column3M {
	float: left;
	width: 550px;
}
}

@media print{
#column3M {
	float: left;
	width: 700px;
}
}

#column3R{
	float: right;
	width: 250px;
}




#sidebar #box1 {
	margin-bottom: 50px;
}

/*** Stopka ***/

@media screen, print{
#stopka {
  margin-top: 20px;
	padding: 10px 0 2px 0;
	border-top: 6px solid green;
  display: block;
}
}

#stopka p {
	text-align: center;
	font-size: 12px;
}


#stopka a {
	margin-right: 1px;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #969696;
}

@media print{
#stopka a {
	padding: 0;
  text-transform: lowercase;
}
}


/** BANNER */

#banner {
	overflow: hidden;
	padding-bottom: 20px;
}



/** TWO COLUMN */

#two-column {
	overflow: hidden;
	padding: 0 0 10px 0;
  border:solid 0px pink;
}
/**
#two-column h2 {
	font-size: 1.5em;
  
}
**/

#two-column #tbox1 {
	float: left;
	width: 350px;
  border: solid 0px red;
}

#two-column #tbox2 {
	float: right;
	width: 350px;
  border: solid 0px lime;
  
}

#two-column #tbox3 {
	float: left;
	width: 360px;
  border: solid 0px red;
}

#two-column #tbox4 {
	float: right;
	width: 360px;
  border: solid 0px lime;
  
}

.wiecej {
  color: #505050;
	margin: 0px 0px 5px 0px;
	padding: 1px 25px 1px 10px;
	background: #E8E8E8;
  font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;	
  text-decoration: none;
	border: 1px solid #E8E8E8;
	border-top-right-radius: 15px;
  border-bottom-right-radius: 0px;
  text-align: center;
  font-size:90%;
}



.see_more {
	margin-top: 20px;
	padding: 10px 20px;
/**	background: #969696; **/
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
  border: 1px solid #969696;
	border-top-right-radius: 30px;
  border-bottom-right-radius: 0px;
}

.see_more.a.hoover{
}

.rozwijane{
width:200px;
margin:10px 0px 0px 0px;
padding: 5px;
background: #F8F8F8;
color: black;
font-weight:bold;
text-decoration: none;
border-top:1px solid #F8F8F8;
border-left:1px solid #F8F8F8;
border-right:1px solid #F8F8F8;
border-bottom:1px solid #F8F8F8;
visibility: visible;
}
.rozwijane a{
text-decoration: none;
}

.rozwijane a:hover{
text-decoration: underline;
}

/* List style 1 */
ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* List style 1 */
ul.styleA {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.styleA li {
	padding: 5px 0px 10px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.styleA .first {
	padding-top: 0px;
	border-top: none;
  vertical-align:top;
}

ul.styleA img {

	margin-top: 3px;
	margin-right: 0px;
  vertical-align:middle;
}
ul.styleA li p {
  display:block;
	margin-top: 3px;
	margin-right: 0px;
  vertical-align:middle;
}


/* List style 2 */
ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first {
	padding: 0px 0 0px 0;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
}

ul.style2 h3 a {
	color: #101010;
}

/**
ul.style2 a {
	text-decoration: none;
  color: gray;
}


ul.style2 a:hover {
	text-decoration: underline;
}
**/

/* List style 3 */
ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style3 p {
	margin: 0px;
	padding: 0px;
}

ul.style3 img {
	float: left;
	margin-top: 3px;
	margin-right: 20px;
}

ul.style3 .posted {
	padding: 10px 0px 10px 0px;
	font-size: 8pt;
	color: #A2A2A2;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}



/***** List style Limg ******/
ul.listImg{
	margin: 0px;
	padding: 0px;
	list-style: none;
  display:inline-block;
  
}

ul.listImg li {
  display:block;
  float:right;
	padding: 0px 0px 15px 0px;
	border-top: 0px solid #E6E7DC;
  border:0px solid red;
}

ul.listImg p {
	margin: 0px;
	padding: 0px;
}

ul.listImg img {
  margin-top:10px;
	margin-right: 0px;
}


ul.listImg .first {
	padding-top: 0px;
	border-top: none;
}



/**     tabelka     ********/
#tabelka
{
font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
caption-side:bottom;
}

#tabelka td, #tabelka th 
{
font-size:85%;
border:1px solid lightgray;
padding:2px 5px 1px 5px;
}
#tabelka th 
{
font-size:85%;
text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color:#94C781;
color:#ffffff;
}
#tabelka tr.alt td 
{
color:#000000;
background-color:lightgray;
}


/**     tabelka     ********/
#tabelka2
{
font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-collapse:collapse;

caption-side:bottom;
}

#tabelka2 td, #tabelka2 th 
{
font-size:85%;
border:1px solid lightgray;
padding:2px 5px 1px 5px;
}
#tabelka2 th 
{
font-size:85%;
text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color:lighgray;
color:black;
}
.tabelka2 tr.alt td 
{
color:#000000;
background-color:lightgray;
}


/** TABELKA CLASS **/
.tabelka
{
font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;margin-left:auto;margin-right:auto;caption-side:bottom;border-collapse: collapse;}

.tabelka td, .tabelka th 
{
font-size:100%;
border:0px solid green;
padding:2px 5px 1px 5px;
vertical-align: bottom;
}
.tabelka th 
{
font-size:90%;padding-top:2px;padding-bottom:2px;background-color:#94C781;color:#ffffff;}
.tabelka tr td 
{
font-size:95%;
color:#000000;
}

.tabelka tr.alt td 
{
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
color:#000000;
}

/** END of Tabelka class **/


/** TOTOKU TECHNOLOGY **/

.TT{
background: #F8F8F8;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 10px;
display: none;
border:1px solid #F8F8F8;
}


.TTD{
background: white;
margin: 0px 10px 10px 0px;
padding: 10px 10px 5px 10px;
border:1px dashed lightgray;
}

.TTD p {
	line-height: 120%;
}

.TTD .note{
font-size: 80%;
font-style: italic;
text-align:left;
}

.TTD h2 {
	margin: 5px 0 10px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: grey;
  font-size: 90%;
}


/* List style 1 */
ul.TTL {
	margin-left: 10px;
	padding: 0px;
  list-style:none;
}

ul.TTL li {
  margin-top: 0px;
  padding: 0px 0px 0px 0px;
	border-top: 0px solid #E6E7DC;
  border-bottom: 0px solid brown;
  margin-left:10px;
  text-decoration: none;
  }

  
  
  
ul.styleA .first {
	padding-top: 0px;
	border-top: none;
  vertical-align:top;
}

ul.styleA img {

	margin-top: 3px;
	margin-right: 0px;
  vertical-align:middle;
}
ul.TTL li p {
  display:block;
	margin-top: 3px;
	margin-right: 0px;
  vertical-align:middle;
}






/** END of TOTOKU TECHNOLOGY **/
.ikona{
height: 100px;

}

.Link{
	text-decoration: none;
  color: #181818 ;
}

.Link:hover{
  font-weight: bold;
}

.LinkZew{
	text-decoration: none;
  color: lightblue;
}

.LinkZew:hover{
  font-weight: bold;
}	
  
/****************************************************************************************
* 	PELNE MENU
****************************************************************************************/

/* List style 2 */
#PelneMenu {
	margin: 0 20px 0 0;
	padding: 0px;
	list-style: none;
}

#PelneMenu li {
	padding: 0px 0px 5px 0px;
	border-top: 1px solid #E6E7DC;
}


#PelneMenu .first {
	padding: 5px 0 0 0;
	border-top: none;
}

#PelneMenu h3 {
	padding: 0px 0px 10px 0px;
}

#PelneMenu h3 a {
	color: #101010;
}

#PelneMenu a {
	text-decoration: none;
  color: #181818;
}

#PelneMenu a:hover {
	text-decoration: underline;
  /* color:black; */
  font-weight: bold;
  
}
  
/** PARAMETRY **/

.PARAM{
background: #F8F8F8;
margin: 0px 0px 20px 0px;
padding: 10px 10px 10px 10px;
display: none;
border:1px solid #F8F8F8;
}


/* -- table style -- */
.tableStyle1,
.tableStyle1{
color: #696969;
border-style: dashed;
border-color: #CCC;
border-width: 1px 1px 1px 1px;
background: white;
border-collapse:collapse;
}


.tableStyle1 th {
border-style: dashed;
border-color: lightgray;
border-width: 0 1px 1px 0;
padding: 5px;
line-height: 1.1em;
font-weight: bold;
text-align: left;
font-size: 100%;
}

.tableStyle1 td{
border-style: dashed;
border-color: lightgray;
border-width: 0 0px 1px 0;
padding: 5px;
line-height: 1.1em;
font-weight: normal;
text-align: left;
font-size: 100%;
}
.tableStyle1 td,
.tableStyle1 td{
background-color: #FFF;
}
.tableStyle1 th{
background-color: #DBDFF1;
}
.tableStyle1 .head1{
background-color: #ECEFF8;
}
.tableStyle1 .head2{
background-color: #EFEFEF;
}



.pobierz {
	background-color:lightgray;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #999999;
	display:inline-block;
	color:#fffcff;
	font-family:Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:9px 27px;
  text-align: center;
	text-decoration:none;
  margin:0px auto;
}.pobierz:hover {
	background-color: white;
  text-decoration:underline;
}.pobierz:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


.wiadomosci{
margin: 0px 0px 20px 20px;
padding: 5px 10px 5px 10px;
border: 1px dotted #B8B8B8;
background: white;
}


.wiadomosci h222{
margin: 5px;
background: #E8E8E8;
font-size: 100%;
color: white;
}

.wiadomosci h223{
margin-top: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
background: #E8E8E8;
font-size: 110%;
color: darkgray;
}

.wiadomosci_spis{
margin: 0px 0px 15px 20px;
padding: 5px 5px 5px 10px;
background: white;
}
.prokeys_box{padding:0; height:340px; width:300px; display:inline-table;border: 1px solid gray;text-align: left;border-radius: 10px;margin:5px;padding: 5px;line-height: 125%;background:white;box-shadow: 4px 4px 4px #888888;}
.prokeys_box p{text-align: left;	padding-bottom:0;margin-bottom:0;	}
</style>