/**  GOOD ONES **/
html, body {
  height: 100%;
}

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

/** WRAPPER */
#wrapper {
	width: 980px;
	padding: 0px 20px 0 20px;
	background: white;
  border:solid 0px red;
}
.container {
	width:1022px;
	margin: 0px auto;
}
.clearfix {
	clear: both;
}


/** PAGE **/
#page {
	overflow: hidden;
  margin-top:10px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid lightgray;
  border-bottom: 5px solid lightgray;
	background: white;
  margin-bottom: -15px;
  
}



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

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.7em;
}

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.45em;
}

h4 {
	margin: 5px 0 10px 0;
	padding: 0px;
	font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: gray;
  font-size: 1.25em;
}

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


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

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

.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;
}


a {
color: #39C2F0;
font-size:100%;
}

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

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

@media screen {
.broszura{ visibility: visible;}
}
@media print {
.broszura{ visibility: hidden;}
}

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

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

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


a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

img.border {
}

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

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

.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;
}

/*
hr {
	display: none;
}
*/

/** HEADER */

#header {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/** LOGO */

#logo {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#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: 0px 0 0 0px;
	color: #8E8E8E;
}

#logo p a {
	color: #D6D6D6;
}

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

/** MENU */

@media screen, print{
#menu {
	float: right;
	width: 400px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
}
@media screen{
#menu {visibility: visible;}
}

@media print{
#menu {visibility: hidden;}
}


#menu ul {
	float: right;
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style: none;
	line-height: normal;

}

#menu li {
	float: left;
	padding: 0px 0px 0px 0px;
	
}

#menu a {
	display: block;
	margin-right: 1px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #585858;

}


#menu .active_menu  {
	text-decoration: none;
	color:white;
	background: #969696;
	border-bottom:15px;
	border-top: solid #969696;
	border-left: solid #969696;
	border-right: solid #969696;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


#menu .active_menu a {
	border-radius: 10px;
	color: white;
	/* font-weight: bold; */
}

menu.li.a:hover {
	text-decoration: underline;
}




/** Column layout */

#column1{
	float: left;
	width: 975px;
}

#column2Lw {
	float: left;
	width: 720px;
  border: dashed 0px 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: dotted 0px red;
}
}


@media print{
#column2Ln {
width: 10px;
visibility: hidden;
}

}

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

@media print{
#column2Rw{
	width: 950px;
}
}



#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;
}

/* Footer */

@media screen print{
#footer {
	overflow: hidden;
  margin-top: 0px;
	padding: 10px 0 2px 0;
	border-top: 6px solid green;
}
}

@media screen{
#footer { visibility: visible; }
}

@media print{
#footer { visibility: hidden; }
}



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

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


/** 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:150px;
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;
}
.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: 0px 0px 5px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first {
	padding: 5px 0 0 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;
}


/** 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;
}