@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700&subset=latin,latin-ext);
/*
Quick.Cms webmaster-responsive web design template stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design
*/

/* GLOBAL STYLES */
body,h1,h2,h3,div.breadcrumb,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{color:#000;font-size:0.75em;font-family:'Lora', Arial, sans-serif;}

body{padding:0;background:#060503;text-align:center;}

.input, select, textarea{}
.submit{}
.form{}
.hide{display:none;}

a{background-color:inherit;color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

#container{position:relative;width:100%;margin:0 auto;}
#head1, #head3, #head4, #head5, #head6, #head7, #head8, #body, #head2, #foot, #foot1{float:left;width:100%;margin:0 auto;}
#head1 .container, #head5 .container, #head6 .container, #head7 .container, #head8 .container, #head4 .container, #head3 .container, #body .container, #head2 .container, #foot .container,  #foot1 .container{width:1060px;margin:0 auto;text-align:left;}


/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{clear:both;background:#fff url('') repeat;}
#head1 .container{height:70px;}
#logo{float:left;padding:15px 10px 10px 0px;}
#logo img{width:400px;height:auto;}


/* HEADER WITH TOP MENU BELOW LOGO */
#head2{background: #202020;
	background: -moz-linear-gradient(top, #202020, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#000000));}
#head2 .container{overflow:hidden;height:53px;}


/* HEAD 3 */
#head3{background: url('img/head1.jpg') repeat;}
#head3 .container{overflow:hidden;height:360px;width:100%;}

.fb{float:right;margin:20px 0 0;}




/* HEAD 4 */
#head4{background: url('img/head1.jpg') repeat;}
#head4 .container{overflow:hidden;height:0px;}

/* HEAD 5 */
#head5{background: url('img/zakres_uslug.jpg') repeat;}
#head5 .container{overflow:hidden;height:180px;}

/* HEAD 6 */
#head6{background: url('img/specjalizacje.jpg') repeat;}
#head6 .container{overflow:hidden;height:180px;}



/* HEAD 7 */
#head7{background: url('img/wynagrodzenie.jpg') repeat;}
#head7 .container{overflow:hidden;height:180px;}


/* HEAD 7 */
#head8{background: url('img/faq.jpg') repeat;}
#head8 .container{overflow:hidden;height:180px;}


 #slogan{padding:5px 4% 3% 4%;background:inherit;color:#333;line-height:1.6em;font-size:1.167em;text-align:center;font-weight:300;font-style:italic;}

.hometext{margin-top:-20px;padding:0px 4% 3% 4%;background:inherit;color:#333;line-height:1.6em;font-size:1.167em;text-align:center;font-weight:300;font-style:italic;}

* html  #slogan{width:100%;} /* IE 6 hack */


/* MENU TOP */
#menu1 ul{float:left;height:100%;margin:0;list-style:none;border-left:1px solid #444;}
#menu1 li{float:left;padding:0;text-transform:uppercase;border-right:1px solid #444;border-left:1px solid #202020;}
#menu1 li:hover{border-right:1px solid #444;border-left:1px solid #202020;-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;
background: #202020;
	background: -moz-linear-gradient(top, #202020, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#000000));}
#menu1 li a{float:left;height:53px;padding:18px 35px 0;color:#eee;font-size:14px;background:inherit;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:none;color:#fff;background: #343434;
	background: -moz-linear-gradient(top, #343434, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#343434), to(#000000));}






/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;background:#fff url('') repeat;}
#body .container{background:#fff url('img/waterbg.png') no-repeat right 60px;;overflow:hidden;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:10px 0;}
/* 
If you want display left menu on right side:
#column{float:right;width:270px;padding:10px 0;}
*/
#column .type{margin-top:25px;padding:7px 0 7px 10px;font-size:1.75em;letter-spacing:1px;}
#menu2{margin:25px 20px 10px;}



/* LEFT MENU */
#menu2 ul{padding:10px 0;list-style:none;}
#menu2 li{padding:4px 0;}
#menu2 a{display:block;width:87%;padding:2px 2% 4px 7%;font-size:1.083em;}
#menu2 a:hover, #menu2 .sub1 a:hover{}
#menu2 .selected > a:first-child{}

#menu2 .sub1{margin:0;padding:0;}
#menu2 .sub1 li{padding:2px 0 2px 24px;}
#menu2 .sub1 a{display:block;width:100%;padding:2px 0;}

/* RIGHT COLUMN STYLES */
#contenthome{width:100%;padding:20px 0 5px;text-align:center;}
* html #contenthome{width:100%;}

#content{float:left;width:100%;padding:20px 0 5px;text-align:center;min-height:500px;}
* html #content{width:100%;}
* html #page{width:100%;}
#page{position:relative;width:94%;margin:0 auto;text-align:left;}

h2 {
  position: relative;
  overflow: hidden;
  text-align: center;
}

h2 span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  position: relative;
  padding: 0 20px;
  font-weight:300;
  font-size:16px;
}

h2 span:before, h2 span:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0.73em;
  border-top: 1px solid black;
}

h2 span:before {
  right: 100%;
}

h2 span:after {
  left: 100%;
}

/* PAGE TITLE */
#page h1{margin:18px 0 10px;font-size:2.417em;font-weight:normal;}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:absolute;top:-25px;padding:2px 0;}
#page div.breadcrumb a{font-weight:normal;}
#page div.breadcrumb a:hover{text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */


/* =The style for the lab
-------------------------------------------------------------- */






.lewa50{float:left;width:48%;margin-right:4%;}
.prawa50{float:left;width:48%;}


.lewa50 h3, .prawa50 h3{
    line-height:24px;
    font-size:16px;
    font-weight:700;
    color:rgb(45,0,0);
    padding-left:36px;
    cursor:pointer;
    background: url('img/open.png') 0px 0px no-repeat;
 
padding-bottom:15px;
text-transform:uppercase;
}

.przerwa{width:100%;clear:both;}

/* PAGE CONTENT */

#page div.contenthome{padding-top:5px;font-size:1.083em;line-height:1.5em;}
#page div.contenthome ul{margin:0 0 0 30px;padding:0;}
#page div.contenthome li{margin:8px 0;padding:0;border-left:0;}
#page div.contenthome p{padding-bottom:10px;}

#cookies-message{color:#fff;}
#cookies-message a {color:#F1E3BC;}

#page div.content{padding-top:5px;font-size:1.083em;line-height:1.5em;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 15px 0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img{padding:1px;border:2px solid #888;}
.subpagesList li img:hover, .imagesList li img:hover{border-color:#000;}

#imagesList1{float:left;margin:9px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;background:inherit;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;}
.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;}
.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
.subpagesList li ul, .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 10px 0;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #5d6771;}

.message{padding:50px 0;text-align:center;}
.message h2{font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot1{clear:both;height:150px;font-size:0.93em;border-top:1px solid #2F1C1B;background: url('img/foot2.jpg') no-repeat center;}
#foot1 .container{margin:0 auto;padding:4px 0px 18px 0px;background:transparent;color:#666;overflow:hidden;}
#foot1 .container a{color:#999;}


 .lewa70{floaT:left;width:66%;margin-right:4%;}
 .lewa70 h4{background: url('img/logomini.png') no-repeat;padding-left:30px;line-height:20px;color:#F1E3BC;text-transform:uppercase;
 font-size:14px;font-weight:300;}

 .lewa30{floaT:left;width:30%;}
 .lewa30 h4 a{color:#F1E3BC;text-transform:uppercase;font-size:14px;font-weight:300;line-height:20px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;height:50px;font-size:0.85em;border-top:1px solid #2F1C1B;background:#060503;}
#foot .container{margin:0 auto;padding:10px 0px 10px 0px;background:transparent;color:#666;overflow:hidden;}
#foot a{background:inherit;color:#666;}
#foot a:hover{text-decoration:underline;}
#powered{padding:0px 0px 0px 0px;}

#copy .foot{float:right;padding:0 15px;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1, #foot1{width:17.2cm;height:auto;}
  #logo{padding:0 0 0.2cm;}
   #head1 .container, #head2 .container,#head3 .container, #head4 .container, #body .container, #foot .container, #foot1 .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page div.breadcrumb{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head2, #back{display:none;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1023px){ /* RWD Step 1 */
  #body .container,#head2 .container,#head1 .container,#head3 .container,#head4 .container, #foot .container, #foot1 .container{width:95%;}
  #head2 .container{overflow:auto;height:auto;}
  #head4 .container{overflow:auto;height:auto;}
  #menu1 li{float:left;padding:0;}
  #menu1 li a{float:left;height:auto;padding:15px 25px;color:#fff;font-size:1.17em;background:inherit;}
  #column{display:none;}
  #column .type{padding-left:0;}
  #content{width:100%;}
  .foot{float:right;padding:0 15px;}

#head1 .container, #head5 .container, #head6 .container, #head7 .container, #head8 .container, #head4 .container, #head3 .container, #body .container, #head2 .container, #foot .container,  #foot1 .container{width:90%;margin:0 7.5% 0 2.5%;text-align:left;}

}

@media screen and (max-width:700px){ /* RWD Step 2 */
.lewa50{float:left;width:100%;margin-right:0%;clear:both;}
.prawa50{float:left;width:100%;clear:both;}
#logo {float:left;width:80%;}
}


@media screen and (max-width:481px){ /* RWD Step 2 */
  #body{font-size:1.3em;}
  #logo {float:left;width:80%;}
  #logo img{width:70%;height:auto;}
  #column{display:none;}
  #content{clear:left;width:100%;}
  #content{padding-top:5px;}
  #head1 .container,#head2, #head2 .container, #head3, #head3 .container{float:left;height:auto;width:100%;clear:both;}
  #menu1 ul{float:left;height:100%;width:100%;margin:0;list-style:none;border:0;}
#menu1 li{float:left;width:99%;clear:both;padding:0;text-transform:uppercase;border-bottom:1px solid #444;text-align:center;}
#menu1 li:hover{background:#000;-webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;text-align:center;}
#menu1 li a{text-align:center;padding:10px 5% 5px;color:#eee;font-size:1.3em;background:transparent;line-height:4em;width:90%;}
#menu li a:hover{background-image:none;}
#menu1 li:hover, #menu1 .selected a{text-decoration:none;color:#fff;background:#222;}

  #menu2, #column .type{margin-top:5px;}
  #menu2 li{float:left;white-space:nowrap;margin-top:3px;padding:0 10px;border-left:1px solid #000;}
  #menu2 a{display:block;width:100%;padding:0;}
  #menu2 .sub1{display:none;}
  .foot{padding:0px;margin:0px;}
  #copy{padding:0 5px;}
 .lewa70{width:95%;}
#foot1{height:auto;}
 .lewa30{width:95%;}


}

@media screen and (max-width:320px){ /* RWD Step 3 */
  #head1 .container{height:auto;}
  #logo{padding:10px 5px;}
  #logo img{width:70%;height:auto;}
  #logo #slogan{padding:5px 0 0 0;background:inherit;color:#fff;font-size:1.167em;}
  #imagesList1{padding-right:5px;}
  #imagesList2{padding-left:5px;}
  .imagesList li{width:75px;}
  .subpagesList li img, .imagesList li img{width:65px;}
  .foot{float:right;text-align:right;}
  .foot img{width:90%;height:90%;}
  #powered{padding:0px 2px 0px 2px;}
}

/* PLUGINS */