@import url(reset.css); 
.wrapper {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    font-family:sans-serif;
}
.content {
    margin: 0 auto;
    max-width: 1170px;
    display: flex;
    flex-wrap: nowrap;
    width: 1170px;
}
.unit {}
.colM {
    width: 60%;
}
.colM h1 {
    font-size: 1.5em;
    color: #b22222;
    font-weight: bold;
    margin: 1em 0px 1em;
    padding: 0 10px;
}
ul.odp {
    margin: 1em 0 1em;padding: 0 15px;
}
.colM h2 {font-size:1.1em;font-weight:bold;color:#797C80;padding:0px 23px 15px;float:left;width:100%;text-align: left;}
.cwiczenia .colM h2 {font-size:1.1em;font-weight:bold;color:#009FD0;padding:0px 23px;}
.colM h2 a {text-decoration:none;color:#009FD0;}
.colM h3 {font-size:0.9em;margin:10px 20px;}
.colM p {padding:20px;}
.colM ul {}
.colM ul li a {color:#2173AF;}
.colM ul li a:hover {text-decoration:underline;}
/*.colM ol {margin:20px 30px;padding-left:0;float:left;} */
.colM li ol, .colM li ul {margin-top:6px;}
.colM ol ol li:last-child {margin-bottom:0;}
.colM ol li a {text-decoration:none;color:#00A3D4;font-size:0.9em;}
.colM ol li a:hover {text-decoration:underline;}
.colM img {margin-left:3px !important;}
.colL {
    width: 20%;
}
.colL h3 {
    font-weight: bold;
    border-bottom: 1px solid #E7EDED;
    color: #1D2224;
    display: block;
    font-size: 1em;
    height: 23px;
    margin: 15px 0 10px;
    width: 100%;
}
.colL p {font-size:0.8em;color:#ccc;padding:5px 15px;}
.colL p a {color:#FFF;}	
.colR {
    width: 20%;
    height: 1200px;
}
.size1of2 {width:50%;float:left;}
.size1of2 ul {margin:15px 0px 15px 17px;}
.size1of2 li {line-height:1.2em;background:url("../images/bulletNav2.png") no-repeat scroll center left transparent;padding-left:15px;}
.size1of2 li a {text-decoration:none;color:#33A2D2;font-size:0.9em;}
.size1of2 li a:hover {text-decoration:underline;}	
.searchBox {margin:0 10px;width:240px;}
.linkL {margin:15px;float:left;}
.adB {float:left;margin:20px;}	
.adL {margin:15px 20px;}
.adBt {float:left;margin:27px 0px;width:730px;}
.adT {margin:0;width:730px;float:left;height:90px;}
ul.socialM {display: block;float:left;height:30px;margin:20px;width:620px;}
ul.socialM li {display:inline;float:left;}
ul.socialM li:first-child {width:250px;}
.masthead {width:100%;background-color: #b22222;margin: 0 0 1em;}
.masthead h1 {
    display: none;
}
.header {
    width: 100%;
    height: 55px;
    max-width: 1140px;
    margin: 0 auto;
}
ul.fg {padding-left: 13px;}
.fg {float:right;margin:13px 80px 0 0;width:0;}
.fg li {margin:2px 0;}
.tpnv {padding:0 0 0 20px;float:left;}
.tpnv li {display:inline;float:left;margin:8px 0;padding:11px 20px;}
.tpnv a {color:#03C;font:bold 1em/1.5em sans-serif;text-decoration:none;}
.tpnv li:last-child {background: none repeat scroll 0 0 transparent;}
.tpnv a:hover {text-decoration:underline;}
.topIcons{float:left;margin:17px 0;}
.topIcons li{display:inline;float:left;margin-right:10px;}
.topIcons li a{color:#fff;display:block;font-size:0.85em;padding:7px 5px;text-decoration:none;text-transform:uppercase;}
.topIcons li a:hover {text-decoration:underline;}
.logo a{display:block;width:150px;height:50px;}
.lang {float:right;width:50px;height:90px;background:url("../images/flag-en.gif") no-repeat scroll 32px 76px transparent;}
.langPL {float:right;width:50px;height:90px;background:url("../images/flag-pl.gif") no-repeat scroll 32px 76px transparent;}
.lang a {color:#ccc;display:block;float:right;font-size:0.85em;height:62px;padding:74px 16px;text-decoration:none;width:50px;}
.lang a:hover {text-decoration:underline;}
.langPL a {color:#ccc;display:block;float:right;font-size:0.85em;height: 62px;padding: 74px 16px;text-decoration: none;width: 50px;}
.langPL a:hover {text-decoration:underline;}
.grammar .navUp li:first-child {background-color:#EEEEEE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;padding:4px 0;}
.breadcrumbs {
    max-width: 1140px;
    margin: 0 auto;
    margin: 10px auto;
    color: #fff;
}
.breadcrumbs li {
    display: inline-block;line-height: 1em;
}
.breadcrumbs li a:after {content:" /";font-size:0.8em;}
.brd .breadcrumbs li a:after {content:none;}
.breadcrumbs a {color: #fff;padding: 3px 0px 3px;display: block;}
.breadcrumbs a:hover {text-decoration:underline;color:#33A2D2;}	
.mediaTW {width:60px;height:20px;float:left;margin:10px 20px;}
.mediaFB {width:160px;height:20px;float:right;margin:10px 100px;}
.mediaR {width:160px;height:30px;float:left;margin:0px 40px;}
.mediaRFB {width:160px;height:30px;float:left;margin:20px 30px;}
ul.navR, ul.navR2 {margin:0;}
.navR ul ul li a {font-weight:normal;} 

.navR ul {margin-left:0px;}
.navR li {padding:0;}
ul.navR2 {margin-left:0px;margin-top:10px;float:left;}
ul.navR2 li {line-height:1.4em;float:left;padding-left:20px;width:162px;}
ul.navR li ul:nth-child(2) {margin-left:3px;padding-left:0px;font-weight:bold !important;}
ul.navR li ul:nth-child(2) li {background:url("../images/bulletNav2.png") no-repeat scroll center left transparent;padding-left:20px;}
ul.navR ul li a:nth-child(4) {color:#fff;}
.navR .current a {background: url("../images/current-nav.png") no-repeat scroll -22px center #49B2FF;
    border: medium none;color: #FFFFFF;padding-right:6px;text-shadow: -1px -1px 0 #3293D6;}
ul.navR a img {left: 1px;margin-top: -8px;position: absolute;top: 50%;}
.navR ul li {}
.navR ul li a, .navR2 ul li a {
    color: #000;
    text-decoration: none;
    padding: 5px 0;
    line-height: 1em;
    display: block;
}
.navR ul li a:hover, .navR2 ul li a:hover {text-decoration:underline;} 
ul.navR2 li a {color:#000;text-decoration:none;}
.news {margin:10px;}
.tabs {list-style:none;}
.colM ul.tabs {margin:0 0px 10px 2px;border-bottom:1px solid #ccc;height:39px;padding-left:10px;}
.tabs li { display:inline;}
.colM .tabs a.active {border-bottom:1px solid #fff;background-color:#fff;}
.tabs li a {color:black;float:left;display:block;padding:4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a {border:1px solid #ccc;height:30px;background-color:#EFEFEF;font-weight:bold;font-size:0.85em !important;}
.tabs li a:hover {  }
.tabs span a {width:100px;text-align:center;}
ul.sharePrint {float:right;font-family:Verdana,sans-serif;font-size:10px;font-weight:bold;list-style:none outside none;margin:8px 25px 0;}
ul.sharePrint li {float:left;padding:0 5px;}
ul.sharePrint li a {background-position:0 0;background-repeat:no-repeat;color:#666666;padding:2px 2px 2px 20px;}
ul.sharePrint li.email a {background-image:url("../images/email-icon.gif");}
ul.sharePrint li.print a {background-image:url("../images/print_icon.png");}
ul.sharePrint li.pdf a {background-image:url("../images/pdf_icon.png");}
ul.sharePrint li.slide a {background-image:url("../images/logo_slideshare.png");}
.slideP {margin:20px;padding-top:20px;}
.p1 {float:left;display:block;width:620px;}
.list-bledy abbr {border-style:none;cursor:help;}
.icon-number {margin-bottom:-2px;margin-left: 6px;}
.lista li a {padding-left:25px;}
.pra {float:left;margin:2px 0;width:100%;}
.pra li.pra1 {background-position:0 -46px;}
.pra li a {color:#6495ED;font:1.3em/1.5em Arial,Helvetica,sans-serif;padding-left:25px;}
.sk {margin:0 0 5px 0;width:120px;height:120px;background: url("/images/reklama01.png") no-repeat scroll 0 0 transparent;}
.sk a {width:120px;height:120px;display:block;text-indent:-9999px;}
.skE {margin:0 0 5px 0;width:120px;height:120px;background: url("/images/reklama02.png") no-repeat scroll 0 0 transparent;}
.skE a {width:120px;height:120px;display:block;text-indent:-9999px;}
.g468x60 {float:left;margin-left:25px;width:468px;height:60px;background: url("/images/468x60.PNG") no-repeat scroll 0 0 transparent;}
.g468x60 a {width:468px;height:60px;display:block;}
.g120x600 {float:left;width:120px;height:600px;background: url("/images/120x600.png") no-repeat scroll 0 0 transparent;}
.g120x600 a {width:120px;height:600px;display:block;}
.ft {width:100%;height:100px;float:left;border-top:1px solid #DCDCDC;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}
.fL {float:left;width:50%;padding:20px;}
.fL li {display:inline;color:#B0B0B0;font-size:0.9em;}
.fL li a {color:#2173AF;text-decoration:none;padding-left:22px;font:bold 0.85em/1em Arial, Helvetica, sans-serif;}
.fL li a:hover {text-decoration:underline;}
.fR {float:right;width:40%;padding:20px;}
.fR li {display:inline;padding:0;color:#B0B0B0;}
.fR li a {color:#B0B0B0;font-size:0.9em;}
.fR li a:hover {text-decoration:none;}
.le {float:left;width:100%;padding-left:15px;}

.le li {display:inline;padding:0 5px;color:#B0B0B0;}
.le li a {color:#B0B0B0;font-size:0.9em;}
.le li a:hover {text-decoration:none;}
.addthis {margin:20px 20px 10px;}
.adTa {
    margin: 1em 0px 1em;padding: 0 15px;
}
.odp li {padding: 10px 0}
.answers li {padding: 5px 0px;}
#Instructions {
    text-align: left;
    font-weight: bold;
    width: 100%;
}
.afil {font: bold 1em/1em Arial,sans-serif;background: #4F86C4;color: #fff;margin: 0px 360px 10px 20px;float: left;padding: 3px 10px 4px;} 
.ad336x280 {margin:30px;float:left;}


/* MEDIA QUERIES */

@media (max-width: 1920px) {
}

@media (max-width: 1800px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1199px) {
.colM {
    width: 78%;float: left;
}
.colL {
    margin: 0;
    width: 20%;
    display: block;
    float: left;padding: 0 0 0 15px;
}
.colR {
    width: 100%;
    float: left;padding: 15px ​0;
}
.ad160x600 {
    max-width: 280px;
    display: initial;
}   
.content { max-width: 100%;
    display: block;
    width: 100%;
}
}

@media (max-width: 1024px) {
}

@media (max-width: 991px) {
.tabStrip {width: 100%}
.colM {width: 100%;}    
.colL {width: 49%}
.ad160x600 {max-width: 49%}
}

@media (max-width: 768px) {
.colR {
    width: 100%;
}  
.header {
    display: block; position: relative;
    }  
ul.tpnv {
    display: inline-block;text-align: center;padding: 0 15px 15px;
}  
.logo {
    float: unset;
    margin: 0 auto;
}  
.breadcrumbs li {display: inline-block;margin: 1px}
.fg {
    position: absolute;
    right: 0;
    top: 0;
}
.tpnv a {border: 1px solid #fff;padding: .75em;}
.brd {
    padding: 0;
}
.colL {
    width: 100%;padding: 0;
}
.masthead {
    width: 100%;
}
.content {padding: 0 0}
.colM h1 {font-size: 1.75em}
ul.odp, ul.navR, .ad336x280, ul.breadcrumbs, div.StdDiv {padding: 0 15px !important}
.colM ul {padding:15px}
.list-bledy {
    padding: 0 !important;
}
}

@media (max-width: 575px) {
.colL, .ad160x600 {
    width: 100%;
}
table td {
    padding: 2px 0px 2px 0;
}
.content {
    padding: 0
}
.colM h1 {
   }
.tbl tr td {
    padding: 10px 0px;
}
.tpnv li {
    display: block;
    margin: 5px 0;
    width: 100%;
}
ul.tpnv {
    display: block;
}
.colM h1 {}

}

@media (max-width: 500px) {
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {
}