/* ogólne ------------------ */
* {margin:0px; padding: 0px;}
body {font: 16px; font-family: arial,tahoma; line-height:1.6; background: #FFFFFF; }
#wrapper {width:70%; margin: 2px auto;}
#wrapper1 {width:70%; overflow:hidden; margin: 0 auto;}
#wrapper2 {width:70%; overflow:hidden; margin: 0 auto;}
#alternatywa {width:70%; overflow:hidden; margin: 0 auto;}
a:link {color: black;}
a:active {color: red;}
a:visited {color: black;}
a:hover {color: red; border:1px solid red;}

/* logo ------------ */
#header { height:100%;    background: #FFFFFF; margin-bottom: 2px}
#header h1 {padding: 20px; color: #E9E0D6;}
/* (A) RESPONSIVE LOGO */
img.logo_responsive {  width: 100%; height: auto;  max-width: 1366px; /* optional */}

img.stopka_responsive {  width: auto; height: auto; }

#alternatywa1 { width:47%; height: 100%; background: #FFFFFF; float:left; padding:1%; overflow:hidden; border:1px solid #a6a6a6;}
#alternatywa2 { width:47%; height: 100%; background: #FFFFFF; float:right; padding:1%; overflow:hidden; border:1px solid #a6a6a6;}

#content2 { width:100%; background: #FFFFFF; float:right; padding:1%; overflow:hidden;}
#content1 { width:68%; background: #FFFFFF; float:right; padding:1%; overflow:hidden;}
#content1 h8 {padding:0px 0px 0px 0px;}
#menu1 {background: transparent; width:27%; float:left; padding:1%; overflow:hidden; border:1px solid grey;}
table, th, td {border: 1px solid;}
table {width: 100%;}

/* tresc ------------ */
#content { width:68%; background: #FFFFFF; float:right; padding:1%; overflow:hidden; margin-top: -58px;}
/* menu ------------ */
#menu {background: #f8d4d4; width:27%; float:left; padding:1%; overflow:hidden; border:1px solid red;}
#menu h5 {text-align:center; padding:3px 3px 5px 3px; font-size: 13px; border:1px solid red;}
#menu ul li {line-height:2.6; color: black; list-style-type:none; padding: 0 0 0 10px;}

h1 {color: #3b3b00; font-family: arial,tahoma,sans-serif; font-style: normal; font-weight: bold; font-size: 12pt; text-align: center;}
h2 {font-family: helvetica,arial,tahoma,sans-serif; font-style: normal; font-size: 10pt; text-align: center; margin: 0px auto 1px 19px;}
h3 {color: yellow; font-family: arial,tahoma,sans-serif; font-style: normal; font-weight: bold; font-size: 12pt; text-align: center;}
h4 {font-family: helvetica,arial,tahoma,sans-serif; font-style: normal; font-size: 14pt; text-align: center; margin: 0px auto 0px 19px;}
h5 {font-size: 13px; font-weight: bold; padding:0px 0px 0px 0px;}
p {font-family: helvetica,arial,tahoma,sans-serif; font-style: normal; font-size: 10pt; text-align: justify; text-indent: 25px; margin: 0px auto 0px 15px; }

.text-center {text-align:center; font-size: 11px;}
.text-left {text-align:left; font-size: 12px;}
.hr {width:90%;}
.center {  display: block;  margin-left: auto;  margin-right: auto;  width: 70%;}
.stopka {font-size: 11px; text-align: center; color:#444444;} 
.alternatywa { font-size: 33px; font-weight: bold; text-indent: 0; }


/* menu pod mobilki */
.hamburger-menu {
  display: none;
}

@media (max-width: 768px) {
  .hamburger-menu {
    display: block;
  }

  #menu-toggle {
    display: none;
  }

  .menu-icon {
    font-size: 30px;
    cursor: pointer;
  }
  
  #menu {
	  display: none;
  }
  
  #content {
	  width: 100%;
  }
  
  #content p
  {
	  padding-left: 1%
  }
  
  #content ol
  {
	  padding-left: 1%
  }

  .menu {
    display: none;
    position: absolute;
    background-color: #f8d4d4;
    width: 50%;
  }

  #menu-toggle:checked + .menu-icon + .menu {
    display: block;
  }

  .menu a {
    display: block;
    padding: 10px;
  }
}