/* Responsive 1150px, Copyright 2013, tymoteus*/
/* ==============================
   Site Styles
   ============================== */
a {	color: #e73842;  text-decoration: none;	cursor: pointer; }
a:hover, a:focus, a:active {   /*color: #58c6ee; */ color:#222222}   
a.more, p a { text-decoration:underline}
a.more:hover { text-decoration:none}
header#head { border-bottom:1px solid #eeeeee; margin-bottom:20px; padding-bottom:10px;}
#logo { float:right; width: 170px; height:100px;}
div.misja { float:left; width:auto; margin-left:10%; margin-top:13px; text-align:right; font-style:italic; color:#777777; font-size:13px; font-family:Arial, Helvetica, Tahoma, sans-serif}
div.misja * { display:block}

#btnTopPage { position: fixed; bottom:10px; right:10px; display:none; z-index:100; }    
#btnTopPage span { display:block; cursor:pointer; top:0; }
#btnTopPage span.up:hover { background-color:#444444; /* background-position:-39px -47px */}
#topmenu { text-align: right; display: block; height:25px; width:100%; margin-top:0px; }
#topmenu a { display: inline-block; color:#555555; font-size:10px; margin-left:15px; text-transform:uppercase }
#topmenu a span.up, a span.down {opacity: 0.4;  filter:alpha(opacity=40);}
#topmenu a.lang { background-color:#eeeeee; padding:7px 15px;}

#menu { text-align: right;  display:table; height:60px; width:88%; float:right }
#menu a { display:table-cell; vertical-align:middle; font-family: 'Open Sans Condensed'; font-weight:bold; font-size:18px;  }

#header-small, #submenu-small {
    background-color: #efefef;
    border-bottom: 0 solid #EAEAEA;
    box-shadow: 0 2px 9px #CCCCCC;
    display: none;
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3000;
}
#header-small .misja { text-shadow:1px 1px 0px #ffffff; margin-top:11px; margin-left:3%; font-style:normal}
#header-small #layermenu { text-align: right;  display:table; height:40px; width:88%; float:right; }
#header-small #layermenu a { display:table-cell; vertical-align:middle; font-family: 'Open Sans Condensed'; font-weight:bold; font-size:18px; text-shadow:1px 1px 0px #ffffff }
#header-small #layerlogo { float:right; width: 50px; height:27px; margin-top:7px; margin-right:10%}

/*#submenu-small { top:40px; box-shadow: 0 3px 3px #BEBEBE; background-color: #eeeeee; display:none} */
#submenu-small { top:40px; box-shadow: 0 2px 3px #ddd; background-color: #f7f7f7; display:none; border-bottom:1px solid #eaeaea} 

#slider { border:0px solid lime; height:auto; overflow: visible; text-align:center; position:relative;}
#slider.big { height:369px;}
#slider.small { max-height:185px; overflow: visible;}
#slider.small div.tlc { display:block; overflow: hidden; height:auto; }
#slider div.tlc div.v { float:left; width:276px; }
#slider span.claim { position:absolute; bottom:-12px; z-index:5; right:0}

.fullbelt {margin-top:35px;}
.belt { display:table; } 
.belt.big { height:200px;margin:50px auto}
.belt.small { height:100px;}
.belt div.grid_6 { display:table-cell; vertical-align:top; }
.belt .topnews { background: url(/media/images/rog.png) left top no-repeat #aaaaaa; position:relative}
.belt .topnews h2 { color:#ffffff; font-family: 'Open Sans Condensed'; text-transform:uppercase; font-size:21px; margin-top:0; margin-bottom:10px; line-height:23px;}
.belt .topnews p { font-size:15px; color:#ffffff; margin-bottom:0; line-height:21px; margin-top:0}
.belt .topnews div.more { position:absolute; bottom:-3px; right:0;}
.belt .mini-slider { font-size:15px;}
.belt .mini-slider h3 { font-size:24px; font-weight:800; text-transform:uppercase; font-style:italic; color:#a2a2a2; margin-left:39px; margin-top:0;}
.belt .mini-slider .navi { text-align:left; font-size:10px; margin-left:28%}
.belt.small div.txt {margin:30px 0 50px; text-align:center}
.belt.small div.txt p { font-size:20px; margin-top:0px; color:#655d52; width:75%; margin-left:auto; margin-right:auto; line-height:26px; }
.belt.small div.txt p.h { font-size:24px; margin-top:0; margin-bottom:5px; font-weight:bold; }

.mini-slider .mini-slider-frame { overflow:hidden; height: 195px }
.mini-slider .mini-slider-frame .parent { border:0px solid lime; min-height: 165px; position: relative; top:0; }
.mini-slider .mini-slider-frame .parent div.child { position:absolute; left:0; top:0; float:left }
.mini-slider .mini-slider-frame .navi { border:0 solid}
.mini-slider .mini-slider-frame .navi a { display:inline-block; padding:2px 5px; margin:2px 5px; text-indent: -9999px; background-image:url("/media/images/sprinter.png"); background-position: -61px -101px; overflow:hidden }
.mini-slider .mini-slider-frame .navi a.activeSlide { text-decoration:underline; background-position:-22px -101px}

/** ======= content  ====== **/
span.more, a.btn-more {background-color:#e73842; color:#ffffff; padding:9px 30px; text-transform:uppercase; font-weight:bold; font-size:11px;} 
a.btn-more { display:inline-block; margin-top:8px; text-decoration:none} 
a.btn-more:hover { background-color:#444444}
span.more.news {padding:7px 21px; float:right} 
a span.more:hover { background-color:#333333}
.content { overflow: visible; position: static; z-index:1; clear:both}
.content .box-title { background-color:#ffffff}
.content .box-news {position:relative; z-index:3; top:-40px; height:684px; margin-bottom:-40px; }
.content .box-akademia article { position:relative;}
.content .box-akademia article div.img { position: absolute; bottom:0; width:100%}
.content .box-akademia article div.img a { display:block}
.content .box-integrity { height:155px;}
.content .box-arch { height:115px;}

.content .box-integrity article { display:table;} 
.content .box-integrity .text { width:100%; position:relative}
.content .box-integrity .text p { width:75%}
.content .box-integrity .img-logo { margin:0; display: block;  text-align:left; overflow:visible; /*position:relative*/ }
.content .box-integrity .img-logo span {display:block; position:absolute; bottom:-50px; z-index:5; right:0; }
.content .box-integrity .img-logo img {  position:absolute; top:0; right:39px;  }

.content .art { overflow: hidden; position:relative}
.content .art h1 { font-weight:800; text-transform:uppercase; line-height:28px; font-size:24px;}
.content .art div.txt { padding-top:25px; padding-bottom:25px; margin-bottom:10px;}

.content #news article { position:relative; z-index:1; clear:both}
/* .content #news article time { background-color: #EDEFD5;   font-weight: bold; left: 0;  padding: 9px 18px;   position: absolute;   top: 0;}
.content #news article.zebra:nth-child(2n) > time {background-color: #FBFBDC; } */

#news .box-submenu {  margin-top:60px; position:relative; left:-37px; z-index:2 }
#news .box-submenu .box-list {background-color:#eee; padding:10px 25px 25px 25px;}
#news .box-submenu .box-list nav a { display:block; clear:both; border-top:1px solid #cccccc; margin-top:10px; margin-left:15px; margin-right:15px;padding-top:10px; color:#333333;}
#news .box-submenu .box-list nav a:hover { color: #e73842;}
#news .box-submenu h4 { font-weight:bold; color:#777777; font-family:'Open Sans Condensed', 'Roboto condensed'; font-size:20px; padding-left:16px; margin:17px 0 }

.content .art article time { display:inline-block; margin-bottom:10px; color:#999999}

.content #news article h3 a { color:inherit; font-family:'Open Sans Condensed'; font-size:18px;}

/* .content .bigtile h2, .content .bigtile h3, .content .bigtile h4, .content .bigtile p { border:0px solid lime; margin:40px} */
.content .bigtile h3 { margin:20px 39px 25px; font-size:20px; font-weight:800; text-transform:uppercase; color:#a2a2a2; margin-left:40px;}
.content .bigtile h3.header { font-style:italic}            
.content .bigtile article h2, .content .bigtile article h3, .content .bigtile article h4, .content .txt h3.tcon { margin:40px 39px 25px; font-size:18px; font-family: 'Open Sans Condensed', 'Roboto condensed'; line-height:24px; color:#454545; font-weight:700}
.content .bigtile article h3 { margin-bottom:20px; }
.content .txt h3.tcon { margin-top:10px; margin-bottom:15px}
.content .bigtile article.box-event h3 { margin-bottom:0; margin-top:35px;}
.content .bigtile article.box-event a {font-family:'Open Sans'; font-weight:normal;}
.content .bigtile article.box-event span { margin: 0px 39px; display:block}
.content article p, .content article ul, .content article ol,  .content article h3, .content article table, .content article time  {  margin:5px 39px 15px; }
.content #news article h3, .content #news article h4, .content #news article h5  {  margin:5px 39px 9px; }
.content #news article h3 span { font-weight:normal;}
.content #news h2 { font-weight:300; font-size:20px;}
.content article p.mb { margin-bottom: 40px; }
.content article div.img{ margin:30px 0 0; position:relative; min-height:150px; }
.content article div.img a { display:block}
.content article div.img span { display:block; position:absolute; top:-19px; z-index:5; right:0; }

.content .bigtile article h3 span.url { font-size:13px; font-weight:300; text-transform:none; display:block; font-family:'Open Sans'}
.content .bigtile article h3 span.url a { text-decoration:underline} 

.content #news.box-news h2 { font-weight:600; font-size:18px;}
.content .box-news article.other h2 { border-top:1px solid #dddddd; padding-top:25px; margin-top:25px; color:#888888; font-weight:bold; font-size:18px;}
.content .box-news article h2 a { color:inherit;}
.content .box-news article h2 a:hover { color:#e73842}
.content .box-integrity .text h3 { margin:33px 39px 0; }

.content span.prev, span.prev { display:none; background-color:#dadada; /*float:left;*/ margin-right:2px; padding:7px 25px 7px; position:relative; width:auto; font-size:22px; top:-8px; text-indent: -9999px; background-image: url("/media/images/sprinter.png");  }
.content span.prev:hover { background-color:#bbbbbb}
.content span.back {  background-position: -1px -3px;  }
.content span.up, span.up {  background-position: -39px -3px;  }

.content h1#titlepage { /*background-color:#c1c1c1; */
	background: #c1c1c1;
	background: -moz-linear-gradient(top, #cccccc 10%, #c1c1c1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#cccccc), color-stop(100%,#c1c1c1));
	background: -webkit-linear-gradient(top, #cccccc 10%,#c1c1c1 100%);
	background: -o-linear-gradient(top, #cccccc 10%,#c1c1c1 100%);
	background: -ms-linear-gradient(top, #cccccc 10%,#c1c1c1 100%); 
	background: linear-gradient(top, #cccccc 10%,#c1c1c1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#c1c1c1',GradientType=0 );
	padding:7px 25px 7px 25px; text-align:center; display: inline; position:relative; width:auto; color:#ffffff; font-size:22px; top:-8px; text-transform:uppercase; font-weight:700 }
.content h1#titlepage .span { display:inline-block; margin-right:10px; border-right:1px solid #fff; padding-right:15px; }
.content div.submenu nav { border-bottom:1px solid #cccccc; display:block; padding-bottom:5px; margin-bottom:14px; margin-top:18px; overflow: hidden; min-height:38px; }
.content div.submenu nav a, #submenu-small div.submenu nav a {  font-size:18px; font-family:'Open Sans Condensed'; font-weight:bold; color:#818181; padding:6px 12px; display: table-cell }
.content div.submenu nav a:hover, #submenu-small div.submenu nav a:hover { color:#777777; background-color:#eeeeee; }
.content div.submenu nav a.active, #submenu-small div.submenu nav a.active { color:#cccccc}

#frame { overflow:hidden; height:62px;  margin:auto;   }

span.icon-angle-right, span.icon-angle-left {  background-image: url("/media/images/sprinter.png");  background-position: -4px -49px; cursor: pointer; display: block; float: left; height: 45px; margin-top: 16px; opacity: 0.3; filter:alpha(opacity=20);  text-indent: -9999px; width: 45px; position: relative; z-index:10; border-bottom:1px solid #666666  }
span.icon-angle-right {  background-position: -82px -49px; float: right; }
span.icon-angle-right:hover,  span.icon-angle-left:hover {opacity: 0.7; filter:alpha(opacity=70);}
span.icon-angle-right.disabled,  span.icon-angle-left.disabled {opacity: 0.1; filter:alpha(opacity=10); cursor:default; display:none}

#submenu { min-height:75px;}
#submenu.postion-top { z-index:3005; position:fixed; display:block; top:24px; }
#submenu.postion-top nav { border:0}
#submenu.postion-top span.icon-angle-right, #submenu.postion-top span.icon-angle-left { border:0} 

.content .desc article.misja { margin-top:15px;}
.content .desc article .misja-prod { padding-top:20px; padding-bottom:20px; font-size:15px; margin-left:3%; background-color:#FBFBDC; }
.content .desc article .misja-zobin { padding-top:20px; padding-bottom:20px; margin-top:30px; margin-left:-30px; background-color:#EDEFD5; font-size:15px; width:690px;}

/** misja wizja */
.content #wartosci { overflow:hidden}
.content .odwaga div.grid_6 p, .content .pasja div.grid_6 p, .content .precyzja div.grid_6 p, .content .tworczosc div.grid_6 p, .content .elegancja div.grid_6 p { margin-left:0; margin-right:0; font-size:18px;}
.content .odwaga div.grid_6 h2, .content .pasja div.grid_6 h2, .content .precyzja div.grid_6 h2, .content .tworczosc div.grid_6 h2, .content .elegancja div.grid_6 h2 { font-family: 'Open Sans Condensed'; font-size:30px; font-weight:bold; margin-top:0 }

.content .pasja, .content .precyzja, .content .tworczosc, .content .elegancja {display:table}

.content .odwaga div.grid_6, 
.content .pasja div.grid_6, 
.content .precyzja div.grid_6, 
.content .tworczosc div.grid_6, 
.content .elegancja div.grid_6 {display:table; vertical-align:middle; overflow: hidden; height:367px;}

.content .odwaga div.grid_6 div.txt,
.content .pasja div.grid_6 div.txt,
.content .precyzja div.grid_6 div.txt,
.content .tworczosc div.grid_6 div.txt,
.content .elegancja div.grid_6 div.txt {display:table-cell; vertical-align:middle; padding:10%; text-align:left}

.content .pasja div.grid_6 {background-color:#998468; }
.content .tworczosc div.grid_6 {background-color:#9d5d2c;}
.content .odwaga div.grid_6, .content .precyzja div.grid_6, .content .elegancja div.grid_6 {background-color:#ffffff;}

.content .odwaga article div.grid_6 div.txt, 
.content .precyzja article div.grid_6 div.txt,
.content .elegancja article div.grid_6 div.txt {  color:#655d52; text-align:right} 

.content .pasja article div.grid_6 div.txt, .content .tworczosc article div.grid_6 div.txt { color:#ffffff;}

/** autoryzacje **/
.content #autoryzacje article.autoryzacje h1 {font-size:22px; font-weight:800; text-transform:uppercase; margin-bottom:20px; margin-top:20px;}
.content #autoryzacje article.autoryzacje div.txt { padding-top: 25px; padding-bottom:25px;}
.content #autoryzacje article.autoryzacje div.box-asc { position:relative; z-index:2; right:-40px; width:48%}
.content #autoryzacje article.autoryzacje div.box-asc h1 { padding-left:60px;}
.content #autoryzacje article.autoryzacje div.box-asc ul { margin:5px 22px 15px}
.content #autoryzacje article.autoryzacje div.box-edu { position:relative; z-index:5; left: -5px; top: 45px; width:48%}
.content #autoryzacje article.autoryzacje div.box-edu h1 { padding-left:85px;}
.content #autoryzacje article.autoryzacje div.box-edu ul { margin:5px 20px 15px 20px}
/** klienci **/
.content #klienci article.autoryzacje h1 {font-size:22px; font-weight:800; text-transform:uppercase; margin-bottom:20px; margin-top:20px;}
.content #klienci article.autoryzacje div.txt { padding-top: 25px; padding-bottom:25px;}
.content #klienci article.autoryzacje div.box-edu { position:relative; z-index:2; right:-40px; width:58%}
.content #klienci article.autoryzacje div.box-edu h1 { padding-left:60px;}
.content #klienci article.autoryzacje div.box-edu ul { margin:5px 22px 15px}
.content #klienci article.autoryzacje div.box-asc { position:relative; z-index:5; left: -5px; top: 45px; width:41%}
.content #klienci article.autoryzacje div.box-asc h1 { padding-left:85px;}
.content #klienci article.autoryzacje div.box-asc ul { margin:5px 20px 15px 20px}
.content #klienci article.autoryzacje div.box-asc div.txt { padding-bottom:0}
/** o firmie **/
.content .company { margin-top:40px; position:relative; }
.content .company article h2 { text-transform:uppercase; font-weight:800 }
.content .company article div.txt { padding-top:30px; padding-bottom:30px }

.content .company article aside.boxYear { float:left; width:130px; background-color:#E7E3CE; padding:39px; margin-left: 4%; position:relative; z-index:2;color:#666666}
.content .company article aside.boxYear big { display:block; font-size:48px; font-family:'Open Sans'; font-weight:800; line-height:48px; }
.content .company article aside.boxYear big.en { font-size:32px;}
.content .company article aside.boxYear em { font-size:15px;}
.content .company article div.txt .boxInfo { float:left; width:67%; margin-top:30px;  margin-left:-50px; padding:39px 39px 39px 50px;}
.content .o-nas .box-text { margin-top:40px;}

.content #kontakt .altkom div.txt { padding-top: 25px; padding-bottom:25px;}
.content #kontakt .edu div.txt, .content #kontakt .asc div.txt { padding-top: 25px; padding-bottom:25px; position:relative }
.content #kontakt .title h1 { font-size:22px; margin: 10px 0 0px 39px; line-height:22px;}
.content #kontakt .title h2 { font-size:22px; margin: 0px 0 20px 39px; font-weight:300;}
.content #kontakt .txt .more { position: absolute; bottom:-17px; right:0}

div.title span.btn { display:none; }

/** zarzad **/
.content .zarzad { margin-top:40px; position:relative; }
.content .cio .photo {  width:224px; height: 327px; position: absolute; z-index:5}
.content .cio .box-text { width:94%; float:right; display:block}
.content .cio .box-text div { padding-left:200px;}
.content .cio .box-text .title h1, .content .vice .title h1, .content .services .title h1, .content .career header h1, .content div.title h1 { font-size:22px; font-weight:800; text-transform:uppercase; margin-bottom:0; margin-top:0; line-height:27px;} 
.content .cio .box-text .title h2, .content .vice .title h2, .content .services .title h2, .content .career header h2, .content div.title h2 { font-size:18px; font-weight:normal; margin-top:0 } 
.content .cio .box-text .txt { padding-top:25px; padding-bottom:25px;}
.content .cio .box-text .txt p { margin:5px 39px 15px 0;}

.content .vice, .content .services { overflow:auto; clear:both; width:90%; float:right; margin-top:25px; position:relative}
.content .vice .mkw, .content .vice .edu, .content .vice .al, .content .vice .asc { float:left; }
.content .vice .mkw, .content .vice .edu, .content .services .edu { width:626px;}
.content .vice .al, .content .vice .asc, .content .services .asc { width:367px;}
.content .vice .asc {  width:860px;}
.content .services .integrity { clear:both;} 
.content .vice .mkw .photo, .content .vice .edu .photo, .content .services .edu .photo, .content .services .integrity .photo { position:absolute; z-index:5}
.content .services .asc .photo  { position: relative}
.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .edu .txt { margin-left:150px; padding:25px 0px 25px 0px; height:468px; overflow:hidden}
.content .vice .edu .txt { padding-left: 25px;}
.content .vice .al .txt, .content .vice .asc .txt, .content .services .asc .txt { margin:0; padding:25px 0px; height:234px; overflow:hidden}
.content .vice .asc .photo { float:left; }
.content .vice .asc .txt { float:left; width:493px; height:184px;}

.content .services .integrity .photo { background-color:#eee; border:0px solid red; padding:25px;}
.content .cio.o-nas .box-text div { padding-left:180px;}
.content .services .edu .photo { max-width: 340px; }
.content .services .edu .photo .logo { margin-top:10px; float:right;  }
.content .services .edu .txt p:first-child { margin-left:220px;}
.content .services .edu .txt { height:auto; }
.content .services .asc .txt { height: auto;}

.content .services {  height:1600px;}
.content .services article {position:absolute; top:0; z-index:1}
.content .services article.integrity {left: 153px; top: 1010px; width: 66.4% /*85%*/;  z-index: 0;} 
.content .services article.integrity .txt p:first-child { padding-right:200px;}
.content .services article.asc { right:0} 
.content .services article.edu { left:1px; top:27px;} 

.content .services article .photo .more { position: absolute; bottom:-23px; right:0}
.content .services .txt span.more {position: absolute; bottom:-23px; right:0 }

/** timeline **/
.content .timeline { overflow: hidden; background: url(/media/images/piksel.gif) repeat-y top center; margin-top: 20px; }
.content .timeline .year { background-color:#ffffff; padding: 15px; font-size:90px; color:#3c94b1; margin: 35px auto 10px; text-align:center; display:block; line-height:105px; font-weight:300; }
.content .timeline article { position:relative; overflow: hidden;}

.content .timeline article .tr { margin-left:52%; text-align:left; margin-right:5%}
.content .timeline article .tl { margin-right:52%; text-align:right; margin-left:5%}

.content .timeline article .msc, .content .timeline article .y { font-weight:800; text-transform:uppercase; width:auto; color:#c1c1c1; font-size:30px; }
.content .timeline article .y { font-size:18px; line-height:18px; font-weight:normal}
.content .timeline article .title h2 { font-size:18px; line-height:22px; font-family: 'Open Sans Condensed'; color:#655d52; font-weight:bold; margin-top:15px; margin-bottom:25px;}

/* one **/
.content .timeline article.style1.full .img1 { position: absolute; z-index:1; top:32%; left:28%;}
.content .timeline article.style1.full .img2 { position: absolute; z-index:2; top:17%; left:21%;}
.content .timeline article.style1.full .img3 { position: absolute; z-index:3; top:41.5%; left:25.1%;  display:block; }
.content .timeline article.style1.full div.txt { position: relative; z-index:10; top:0px; right:0px; float:right; width:34%;}
.content .timeline article.style1.full div.txt-ml0 { position: relative; z-index:10; top:0px; right:0px; float:right; width:48%;}
.content .timeline article.style1.full div.img.logo-solo { position:absolute; right:52%; top:12% }

.content .timeline article.style2.full .img1 { position: absolute; z-index:1; top:32%; right:28%;}
.content .timeline article.style2.full .img2 { position: absolute; z-index:2; top:17%; right:30%;}
.content .timeline article.style2.full .img3 { position: absolute; z-index:3; top:40%; right:5.5%;  display:block; }
.content .timeline article.style2.full div.txt { position: relative; z-index:10; top:0px; right:0px; float:left; width:45%; margin-left:3%; text-align:right}	

.content .timeline article.style2.full div.img.b-logo { left:4%; top:-40px; }
.content .timeline article.style2.full div.img1.mapa { right:11%; top:13%; }

.content .timeline article.style1.full div.txt.zimbardo { float: left; width: 48%; text-align:right }
.content article div.img.zimbardo { position:absolute; top:46px; left:52%;}

.content .timeline article.style1.full .img1.msues { left:33%; top:23%; }
.content .timeline article.style1.full .img2.msues { left:20.5%; top:35%; }
.content .timeline article.style1.full .img1.cisco { top:38%; left:40%;}

/** double **/
.content .timeline article.style2.double div.box-a, .content .timeline article.style2.double div.box-b { position:relative}
.content .timeline article.style2.double div.box-a div  { text-align:right; margin-right:4%; margin-left:10%}
.content .timeline article.style2.double div.box-a .img1 { float: right; position:inherit; margin-left:4%; }
.content .timeline article.style2.double div.box-a div.txt { position: relative; width:auto }
.content .timeline article.style2.double div.box-b div { text-align:left; margin-left:4%; margin-right:10%}
.content .timeline article.style2.double div.box-b .img1 { float:left; position:inherit; }
.content .timeline article.style2.double div.box-b div.txt { width:auto; float:left}

.content .timeline article.style2 .img1.wroc { position: relative; right:10%; top:3%;}
.content .timeline article.style2 .img2.wroc { position:absolute; right:4%; top:35%}
.content .timeline article.style2 .img3.wroc { position:absolute; right:20%; top:41% }
.content .timeline article.style2 .img4.wroc { position:absolute; right:0; top:56%;}
.content .timeline article.style2 .txt.wroc { right:5%}

.content .timeline article.style2 .img1.krak { position:absolute; right:4%; top:0;}
.content .timeline article.style2 .img2.krak { position:absolute; right:18%; top:41%}
.content .timeline article.style2 .img3.krak { position:absolute; right:0; top:51% }
.content .timeline article.style2 .img4.krak { position:absolute; right:9%; top:67%; z-index:4}
.content .timeline article.style2 .txt.krak {}

.content .timeline article.style2 .img1.rze { position: relative; right:4%; top:0%;}
.content .timeline article.style2 .img2.rze { position:absolute; right:7%; top:40%}
.content .timeline article.style2 .txt.rze { position:absolute !important; z-index:2; padding-top:15px; right:37%}

.content .timeline article.style2.double div div.btn { position:relative; top:25px}

.content .timeline article.style3 .img1 { position: absolute; z-index:1; top:32%; left:28%;}
.content .timeline article.style3 .img2 { position: absolute; z-index:2; top:17%; left:21%;}
.content .timeline article.style3 .img3 { position: absolute; z-index:3; top:40%; left:25.1%;  display:block; }
.content .timeline article.style3 div.txt { position: relative; z-index:10; top:0px; right:0px; float:right; width:34%;}

.content .timeline article span.punkt { display:block; position:absolute; z-index:1; background: url(/media/images/icon/kropka.png) no-repeat center center; width:17px; height:18px; left:0; right:0; text-align:center; margin:auto; top:23%}

.content .timeline div.box-loader { overflow: hidden}
.content .timeline div.box-loader #laduj { text-align:center; padding:10px 0; background-color:#ffffff; padding-top:50px; display:block}
.content .timeline div.box-loader #laduj span { display:block; background-color:#eeeeee; padding:9px 10px; width:170px; margin:auto; color:#777777; font-weight:normal; text-shadow:1px 1px 1px #fff; margin-top:15px; font-family:'Open sans Condensed'; font-weight:bold; font-size:13px;}

.content .timeline article.style2.double div.box-a .img-r { float: right; margin-left:10px; margin-bottom:0; margin-top:7px }
.content .timeline article div.txt.inline { float:none !important;}

.h70w { height:70px; visibility:hidden;}
.h300 { height:300px;}
.h330 { height:330px;}
.h350 { height:350px;}
.h400 { height:400px;}

/* style1 */

/** kariera **/
#kariera { margin-top:25px;}
#kariera article.box-offer { margin-top:50px;}
#kariera article.box-offer header { padding: 5px 0px 15px 39px }
#kariera article.box-offer aside {width:46%; float:left;  padding-right:4%;}
#kariera article.box-offer aside div.oferta{ padding:5px 39px 15px; overflow:auto}
#kariera article.box-offer aside div.oferta h3 { margin:0; padding:0; font-size:17px; color:#666666; font-family:'Open Sans Condensed'}
#kariera article.box-offer aside div.oferta span { font-size:15px;}
#kariera .proces .txt { padding-top:30px; padding-bottom:30px;}

#kariera aside.teaser h3 a { color:inherit; text-decoration:underline}
#kariera aside.teaser h3 a:hover { color:#E73842; text-decoration:none}

.box-baner-offer { float: right;    position: relative;    right: 17px;    top: -3px; }

.content .grid_8.box-offer div.txt p:first-child { font-size:15px;}
.content .box-offer header h1 { margin-bottom:5px}
.content .box-offer header h2 { font-weight:normal; margin-top:0}
.content .box-offer.nota { margin-top:190px; margin-left:-33px;}

footer { margin-top:60px; height: 170px; margin-bottom:30px; }
footer .box-copyright { background-color:#e7e3ce; font-size:11px; color:#666666; padding-bottom:2px;}
footer .box-copyright p { margin:9px 40px;}
footer .box-copyright p.copy { }
footer .logosy { background-color:#f3f3f3; height:120px;}
footer .logosy div.img { display:table; text-align:center; width:95%; height:100%; margin:5px}
footer .logosy div.img a { display: table-cell;  vertical-align:middle; padding:1%}
footer .menu { background-color:#c1c1c1; height:50px;}
footer .menu nav { display:table; text-align:center; width:80%; height:100%; margin:auto }
footer .menu nav a { display: table-cell; vertical-align:middle; color:#444444; text-transform:uppercase; color:#ffffff; font-size:13px; font-weight:bold}
footer .menu nav a:hover { color: inherit}
#cookies-banner {
    background-color:  #DDDDDD;
    border-top: 1px solid #EEEEEE;
    bottom: 0;
    clear: both;
    display: none;
    font-size: 11px;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 1000;
}
.hideCookiePolicy {    color: #0992C3;    cursor: pointer;    text-decoration: underline; }

.bg-news { background-color:#fbfbdc;}
.bg-edu { background-color:#fff0ca;}
.bg-asc { background-color:#dbd1c5;}
.bg-intg, .bg-integrity {background-color:#d0e2d0;}
.bg-arch {background-color:#c1c1c1;}
.bg-company { background-color:#e7e3ce; }

.grad-grey, submenu-small#grad-grey {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 10%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#eeeeee), color-stop(100%,#E1E1E1));
	background: -webkit-linear-gradient(top, #eeeeee 10%,#E1E1E1 100%);
	background: -o-linear-gradient(top, #eeeeee 10%,#E1E1E1 100%);
	background: -ms-linear-gradient(top, #eeeeee 10%,#E1E1E1 100%); 
	background: linear-gradient(top, #eeeeee 10%,#E1E1E1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#E1E1E1',GradientType=0 );
}
.grad-grey2 {
	background: #eeeeee;
	background: -moz-linear-gradient(top, #ffffff 10%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #ffffff 10%,#eeeeee 100%);
	background: -o-linear-gradient(top, #ffffff 10%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #ffffff 10%,#eeeeee 100%);
	background: linear-gradient(top, #ffffff 10%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

/* ==============================
   Page Styles
   ============================== */
   
/** stronicowanie **/
.pagination { overflow:auto; padding-bottom:5px; clear:both}
div.pagination a, div.pagination a:visited, div.pagination span { border-bottom: 0px solid #BBBBBB; font-size: 15px; padding:2px 10px; text-decoration: none; color:#aaa; text-align:center; font-family:'Open Sans Condensed'; font-weight:bold;}
/* div.pagination a:hover {border-color: #F01D2E;  background-color:#ddd; padding:2px 10px;  } */
/*div.pagination span.stepActive {  border-bottom: 0px solid #333 /*#F01D2E*; background-color:#ccc; font-size:15px !important; color:#fff !important; float: none !important;} */
div.pagination a.next span, div.pagination a.prev span{ font-size:20px; }
div.pagination a:hover, div.pagination a.next:hover, div.pagination a.prev:hover { color:#E73842; background-color:#eeeeee}
div.pagination a.next img, div.pagination a.prev img { position:relative; top:6px; }

div.pagination a.step { /* background: url(/media/images/icon/circle.png) center center no-repeat; */ opacity:0.6; filter:alpha(opacity=60); margin: 0px; }
div.pagination a.step:hover {background: url(/media/images/icon/circle.png) center center no-repeat; opacity:0.3; filter:alpha(opacity=30);  }
div.pagination span.stepActive { /*background: url(/media/images/icon/disk.png) center center no-repeat; opacity:0.3; filter:alpha(opacity=30);*/ font-size:15px; color:#cccccc; border-bottom:0px solid #E73842 }
   
.zebra:nth-child(2n) { background-color: #eee; clear:both;  }  
div.zebra:nth-child(2n), li.zebra:nth-child(2n) { background-color: #f5f5f5; clear:both;  }  
div.zebra1:nth-child(2n), li.zebra1:nth-child(2n) { background-color: #E7EBE2; clear:both; }  
ul.zebra li:nth-child(2n){ background-color: #f6f6f6; clear:both; overflow:auto;  }  
.bg-news.zebra:nth-child(2n) { background-color: #edefd5; clear:both;  }  

a span.down, a span.up { background:url("/media/images/icon/down-small.png") no-repeat right center;  padding:0 0 0 20px}
a span.up { background:url("/media/images/icon/up-small.png")}
a.n-line, a.nline, ul.n-line li a { text-decoration:none !important}
a.n-line:hover, ul.n-line li a:hover { opacity:0.7; filter:alpha(opacity=70);}

.bg-space { padding: 1.3%; margin-bottom:15px;}
.space { padding-bottom: 5px; padding-top:5px;}
.space2 { padding-bottom: 2px; padding-top:2px;}
.f10 { font-size:10px; color:#777777 }
.f15 { font-size:15px; }
.f17 { font-size:17px; }
.f19 { font-size:19px; }
.bold { font-weight: bold }
.nonbold { font-weight:normal;}
.red, .error, input.error { color:#C00 !important; }
input.error { border-color:#C00 !important; }
.redBold { color:#C00; font-weight: bold; }
.green, h6.green { color: #0C0;}
.greenBold { color: #649520; font-weight:bold}
.grey { color: #a3a3a3; }
.greyBold { color: #aaa; font-weight:bold }
.brown, h5.brown { color: #6D5650; }
.brownBold { color: #6D5650; font-weight:bold }
.black { color: #000;}
.whiteBold { color: #fff; font-weight:bold }
.white, a.white { color: #fff}
.orangeBold { color:#F17424; font-weight:bold}
.orange { color:#F17424;}
.yellow { color:#FFC736;}
.yellowBold { color:#FFC736; font-weight:bold}
.blueBold { color: #0992C3; font-weight:bold}
.blue { color: #0992C3;}
.blue2 { color: #047fab;}
.braun { color:#9D3723}
.braunBold { color:#9D3723; font-weight:bold}
.none, div.none {display:none !important}
.bg-grey { background-color:#e5e5e5;}
.bg-grey-1 { background-color:#d7d7d7;}
.bg-grey-2 { background-color:#ccc;}
.bg-white { background-color:#fff; }
.bg-silver { background-color: #E4E4E4; }  
.bg-yellow { background-color: #FFC736 !important }
.border-yellow { border: 1px solid #FFC736;  }
.bg-none { background:none !important}
.bgRed { background-color: #FFC1C1; border:1px solid }
.right, div.right { float:right; }
.left, div.left {float:left }
.tlr { text-align:right !important}
.tll { text-align: left !important }
.tlc { text-align: center !important }
.tlj { text-align:justify !important }
.tile div.m0, .m0 { margin: 0px; }
div.mt0, .mt0, section.mt0 { margin-top: 0px; }
.tbig { font-size:15px;}
.mt4 { margin-top: 4px; }
.mt0i { margin-top: 0px !important; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt15i { margin-top: 15px !important; }
.mt18 { margin-top: 18px; }
.mt20 { margin-top: 20px; }
.mt20i { margin-top: 20px !important;  }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt30i { margin-top: 30px !important;  }
.mt { margin-top: 40px !important; }
.mt50 { margin-top: 50px; }
.mt5 { margin-top: 5px; }
.mb3 { margin-bottom: 3px; }
.mb0 { margin-bottom: 0px; }
.mb0i { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb30i { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px; }
.mr5p { margin-right: 5%; }
.mr10 { margin-right: 10px; }
.mr15, a.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr35 { margin-right: 35px; }
.mr50 { margin-right: 50px; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px; }
.ml4pi { margin-left: 4% !important; }
.ml5p { margin-left: 5%; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.p0, .tile div.p0 { padding:0}
.p40 { padding:40px;}
.p15 { padding:15px}
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pt1 { padding-top: 1px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.t15 { top:15px !important}
.t30 { top:30px}
.ovh { overflow:hidden;}
.ova { overflow:auto;}
.ovv { overflow: visible;}
.w80p { width:80%}
.w90p { width:90%}
.bb1 {border-bottom:1px solid #ddd}
.bt1 {border-top:1px solid #ddd}
.br1 {border-right:1px solid #ddd}
.bl1 {border-left:1px solid #ddd}
pre.diagnostic { clear:both; padding-left:5px;}

/* ==============================
   Media Queries
   ============================== */
/* Laptop */
@media only screen and (min-width: 1044px) and (max-width: 1150px) {}

@media only screen and (min-width: 990px) and (max-width: 1100px) {
	div.misja { margin-left:0}
/*	#slider div.tlc div.v { width:225px;} */
	#slider div.tlc div.v { width:225px;}
	#slider.big { height: 300px;}
	.mini-slider .mini-slider-frame .parent { min-height:180px;}
	.belt .mini-slider h3 { font-size:20px;}
	.content .odwaga div.grid_6, .content .pasja div.grid_6, .content .precyzja div.grid_6, .content .tworczosc div.grid_6, .content .elegancja div.grid_6 { display: inline-block; height:300px;}
	.belt.small div.txt p { font-size:20px; line-height:26px;}
	.content .odwaga div.grid_6 p, .content .pasja div.grid_6 p, .content .precyzja div.grid_6 p, .content .tworczosc div.grid_6 p, .content .elegancja div.grid_6 p {font-size:17px;}
	.content .odwaga div.grid_6 h2, .content .pasja div.grid_6 h2, .content .precyzja div.grid_6 h2, .content .tworczosc div.grid_6 h2, .content .elegancja div.grid_6 h2 {  font-size:28px; }
	.content .box-news { height:715px}	
	.content .box-news article:last-child { display:none}
	.content .vice { width:94%;}
	.content .vice .mkw { width:531px;}
	.content .vice .mkw .txt { height:auto}
	.content .vice .al { width:315px;}
	.content .vice .al .txt { padding:35px 0; height:375px} 
	.content .vice, .content .services { width:100%}
	.content .vice .al, .content .vice .asc, .content .services .asc { width:38%}
	.content .vice .mkw, .content .vice .edu, .content .services .edu { width:62%}
	.content .services article.integrity { width:83%;}
	.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .edu .txt { height:auto}
	.content .desc article .misja-zobin { width: 600px}	
	
}
/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	#menu a, #header-small #layermenu a { font-size:15px;}
	div.misja { margin-left:0; width:58%; font-size:12px;}
	div.misja * { display: inline}	
	.content .bigtile article h2, .content .bigtile article h3, .content .bigtile article h4 { font-size:16px; line-height:20px; margin:30px 30px 15px}	
	.content article p { margin: 5px 30px 10px}
	.content .box-integrity .img-logo span { bottom: -57px;}
	.content .box-integrity .text h3 { margin: 30px 30px 0}
	#slider div.tlc div.v { width:192px;}	
	#slider.big { height: 255px}
	.mini-slider .mini-slider-frame .parent { min-height:170px;}
	.belt .mini-slider h3 { font-size:20px; margin-left:0}
	.belt.small div.txt p { font-size:18px; line-height:24px;}
	.belt .topnews p { font-size:15px; line-height:19px;}
	.content .odwaga div.grid_6, .content .pasja div.grid_6, .content .precyzja div.grid_6, .content .tworczosc div.grid_6, .content .elegancja div.grid_6 { display: inline-block; height:256px;}
	.content .odwaga div.grid_6 p, .content .pasja div.grid_6 p, .content .precyzja div.grid_6 p, .content .tworczosc div.grid_6 p, .content .elegancja div.grid_6 p {font-size:15px;}
	.content .odwaga div.grid_6 h2, .content .pasja div.grid_6 h2, .content .precyzja div.grid_6 h2, .content .tworczosc div.grid_6 h2, .content .elegancja div.grid_6 h2 {  font-size:26px; }
	.content .box-news { top:-50px; margin-bottom:-50px; }
	.content .box-news article p:nth-child(4) { display:none}
	.content .box-news article:last-child {}
	.content .vice { width:100%;}
	.content .vice .mkw { width:100%;}
	.content .vice .mkw .txt { height:auto}
	.content .vice .al { width:100%; margin-top:15px;}
	.content .vice .al .photo { float:left; width:38%} 
	.content .vice .al .txt { padding:17px 0; height:auto; width:62%; float:left} 
	.content .services .edu { width:50%; left:0 !important}
	.content .vice .mkw, .content .vice .edu { width:53%}
	.content .vice .al, .content .vice .asc { width:47%}
	.content .services .asc { width:50%}
	.content .services article.integrity { left:0; width:100%}
	.content .vice .title h1 { font-size:20px} 
	.content .services .edu .photo { position:relative; text-align:center; background-color:#FFF0CA; max-width:none}
	.content .services .edu .photo a { display:block;}
	.content .services .edu .photo .logo { float:none; margin-top:20px; }
	.content .services .edu .txt p:first-child, .content .services .edu .txt h3 { margin-left:0; padding-left:30px;}
	.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .edu .txt { margin-left:0;} /**  width:100%; */
	.content .services article.integrity .txt p:first-child { padding-right: inherit}
	.content article p, .content article ul, .content article ol, .content article h3, .content article table, .content article time {margin: 5px 30px 15px}
	.content #zarzad article.edu p:first-child { padding-left:183px}
	.content .vice .edu .txt { padding-left:0}
	.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .edu .txt { height:auto}
	.content .desc article .misja-zobin { width:512px}
	footer .box-copyright p.mb30i { margin-bottom:13px !important}
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.content .odwaga div.grid_6, .content .pasja div.grid_6, .content .precyzja div.grid_6, .content .tworczosc div.grid_6, .content .elegancja div.grid_6 { display: inline-block; height:auto;}
	#slider div.tlc div.v { width:114px;}
	#slider span.claim { width:127px;}
	#slider.big { height: 155px}		
	.content .vice { width:100%;}
	.content .vice .mkw { width:100%;}
	.content .vice .mkw .txt { height:auto}
	.content .bigtile h3 { margin:40px 39px 20px 39px}
	.content .box-integrity .text { }
	.content .box-integrity { height:auto}
	.content .box-integrity .img-logo span { bottom: -35px;}
	.content .box-integrity .text p { width: auto}	
	#logo { float:none; clear:both; width:100%; text-align:center; margin:auto;}
	div.misja { float:none; text-align:center; margin-left:0; font-size:11px;}
	div.misja * { display:inline}
	#topmenu { text-align:center}
	#menu { float:none; width:100%; text-align:center; height:35px;}
	#menu a { font-size:15px;}	
	#header-small { height:80px;}
	#header-small #layerlogo { float:none; width:100%; text-align:center}
	#header-small #layermenu { float:none; margin:auto; width:100%; text-align:center}
	.belt.small div.txt { margin:18px 0 32px}
	.belt.small div.txt p { width:95%; font-size:13px; line-height:18px;  }
	.belt .mini-slider h3 { font-size:19px;}
	.belt .mini-slider { margin-bottom:15px }
	.belt .mini-slider .navi { text-align:center; margin-left:auto}
	.belt .topnews p { font-size:15px; line-height:18px;}
	.mini-slider .mini-slider-frame.w90p { width:100%}
	.mini-slider .mini-slider-frame .parent { text-align:center}
	.content .box-news { top:15px; margin-bottom:0; padding-top:1px;}
	.box-akademia, .box-software, .box-arch, .box-copyright { padding-top:1px;}
	footer  { height:auto; margin-top:25px !important;margin-bottom:10px !important;}
	footer .logosy  { height:auto}
	footer .logosy div.img a { display:inline-block; padding:2%; width:18%;} 
	footer .menu { height:auto; padding-top:5px; padding-bottom:5px; }
	footer .menu nav a { font-weight:normal; font-size:11px; display:inline-block}
	.content .timeline article.style2.double div.box-a div, .content .timeline article.style2.double div.box-b div { text-align:center; margin:auto !important}
	.content .timeline article .tr, .content .timeline article .tl  { text-align:center; margin-left:auto; margin-right:auto}
	.content .timeline article.style2.full div.txt { text-align:center; width:100%; float:none; margin-left:auto; margin-right:auto}
	.content .timeline article.box-ivent div { background-color:#fff}
	.content .timeline article span.punkt { top:63px;}
	.content .timeline article .title h2 { margin-top:20px}
	.content .timeline article.style2.double div.box-a .img1,
	.content .timeline article.style2.double div.box-b .img1, 
	.content .timeline article.style2.double div.box-a .img-r { float:none}
	.content .timeline article.box-ivent.h330 { height:auto}
	.content .timeline article.style2.double div.box-a, .content .timeline article.style2.double div.box-b { margin-bottom:20px}
	.content .cio .photo { width:100%; height:auto; position:relative; margin-bottom:0px;}
	.content .company article aside.boxYear	 { margin-left:0; width:auto}
	.content .cio .box-text { width:100%; float:none; clear:both}
	.content .cio.o-nas .box-text div { padding-left:30px;}
	.content .vice .al, .content .vice .asc, .content .services .asc { width:100%}
	.content .vice .asc { margin-top:15px;}
	.content .vice .asc .txt { height:auto}
	.content .vice, .content .services { width:100%; overflow:hidden}	
	.content .vice .mkw .photo, .content .vice .edu .photo, .content .services .edu .photo, .content .services .integrity .photo { position:relative}
	.content .services article { position: static}
	.content .vice .mkw, .content .vice .edu, .content .services .edu { width:100%}
	.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .txt { width:auto; clear:both; margin-left:0 !important;}
	.content .services .txt { display:none}
	.content .services article.asc { margin-top:40px; right:inherit}
	.content .services article.integrity { width:100%; margin-top:40px;}
	.content .services article.integrity .txt p:first-child { padding-right:0}
	.content .services .edu .txt p:first-child {margin-left:39px;}
	.content .services .photo,	.content .services .edu .photo { max-width: none; width:100%; text-align:center; display:none}
	.content .services .photo .logo { float:none !important; margin-bottom:10px;}
	div.title span.btn { display:block; padding:23px 10px; position:absolute; left:0; right:0; top:0; z-index:22; text-align:right; cursor:pointer }
	div.title span.btn:after { content: url(/media/images/icon/down-small.png); }
	.content div.submenu nav a, #submenu-small div.submenu nav a { font-size:15px;}
	.content #zarzad .cio .photo, #zarzad .edu .photo  { width:42%; position:absolute}	
	.content #zarzad .cio .box-text div { padding-left:39px;}
	.content #zarzad .cio .box-text div.title { padding-left:47%;}
	.content #zarzad .cio .box-text .txt p:first-child, .content #zarzad .edu .txt p:first-child { padding-left:43%;}
	.content .vice .mkw .txt, .content .vice .edu .txt, .content .services .edu .txt { height:auto}	
	.content .vice .edu .txt { padding-left:0}
	ol, ul { padding:0 }
	.content .desc article .misja-prod,
	.content .desc article .misja-zobin { width:100%; margin-left:0;}
	.content .odwaga article div.grid_6 div.txt, .content .precyzja article div.grid_6 div.txt, .content .elegancja article div.grid_6 div.txt,
	.content .odwaga div.grid_6 div.txt, .content .pasja div.grid_6 div.txt, .content .precyzja div.grid_6 div.txt, .content .tworczosc div.grid_6 div.txt, .content .elegancja div.grid_6 div.txt { text-align:center}
	.content .odwaga div.grid_6 h2, .content .pasja div.grid_6 h2, .content .precyzja div.grid_6 h2, .content .tworczosc div.grid_6 h2, .content .elegancja div.grid_6 h2 { font-size:25px;}
	.content .odwaga div.grid_6 p, .content .pasja div.grid_6 p, .content .precyzja div.grid_6 p, .content .tworczosc div.grid_6 p, .content .elegancja div.grid_6 p { font-size:15px}
	.content #offer-edu .txt p:first-child, .content #offer-asc .txt p:first-child { padding-left:0}
	.content .box-offer.nota { margin-left:0; margin-top:15px;}
	.content #autoryzacje article.autoryzacje div.box-asc,
	.content #autoryzacje article.autoryzacje div.box-edu,
	.content #klienci article.autoryzacje div.box-asc,
	.content #klienci article.autoryzacje div.box-edu { right:0; width:100%; top:0}
	.content #autoryzacje article.autoryzacje div.txt,
	.content #klienci article.autoryzacje div.txt {padding-left:30px}
	.content #klienci article.autoryzacje div.box-edu h1, .content #klienci article.autoryzacje div.box-asc h1, .content #autoryzacje article.autoryzacje div.box-edu h1, .content #autoryzacje article.autoryzacje div.box-asc h1 { padding-left:0}
	.content #klienci article h3 { margin-left:4px}
/*	.content div.submenu nav a,*/ #submenu-small div.submenu nav a { display:inline-block}
	#news .box-submenu { left:0 }
	.content .timeline article.style2 .img2.rze { right:0 !important; top:40%; left:0 !important}
	.content .timeline article.style2 .txt.rze { padding-top:0; right:0; left:0; bottom:12px;}
	}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {	}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
	#layermenu { display:none  !important}
	#header-small {height:45px;}
	#menu a { display:inline-block !important}
	#slider.big { height:auto}
	.content .bigtile h3 { font-size:15px;}
	.content .box-news { overflow:hidden; top:0; padding-top:40px;}
	#slider div.tlc div.v { width:150px; height:100px;}
	#zarzad .cio .photo, #zarzad .edu .photo  { width:100%; position:relative}	
	.content .cio .box-text div { padding-left:39px;}
	.content .cio .box-text div.title { padding-left:0;}
	.content .cio .box-text .txt p:first-child, .content .edu .txt p:first-child { padding-left:0px;}
	.content .vice .edu .txt { padding-left:0}
	}