/**
 *         http://3w.gliwice.pl
 */
/* latin-ext */

@font-face {
    font-family: 'Georgia';
    src: url('georgia.ttf'), url('georgiab.ttf'), url('georgiai.ttf'), url('georgiaz.ttf');
}

@font-face {
  font-family: 'Zurich';
  src: url('ZurichCnEU Normal.TTF'), url('ZurichCnEUBold.TTF'), url('ZurichCnEU BoldItalic-1.ttf');
}


/*
html {
  background-color:#696e71;
}
*/

body {
  font-family: 'Zurich', arial, sans-serif !important;
  margin:0;
  background-color:#696e71;
  margin: 0; padding: 0; border:0;
  text-decoration: none;
  background: url("../pics/tlo.jpg") center top repeat-y;
}

.body_bkg_circle {
  position:absolute;
/*
  background: url("../pics/header_bkg_circle.png") left top no-repeat;
  background-size: 100% 100%;
*/
  z-index:1;
  border-radius:50%;
}


body, nav, ul, li, a {
  text-decoration: none;
}

fieldset {
  border:2px dashed #a6d7db;
  margin-top:20px;
  padding:20px;
  margin-bottom:40px;
}
legend {
  line-height: 0.8em;
  color: #c67519;
  color: #1c6fb3;
  font-weight: bold;
  font-size:110%;
}

a {
  color:inherit;
}

.courier {
  font-family: 'Zurich';
  line-height: 0.8em;
}

.przewijanie {
  text-align:center;
}
.przewijanie a {
 background-color: #c67519;
 padding:2px 10px 4px 10px;
 margin: 20px;
 color: white;
}
.przewijanie a:hover {color: white;}
table{
    border:none;
    background:none;
    line-height: normal;
}
td,th,tr{
    background:none;
}

table#passwd_strenght_tbl {
  margin-left:10px;
}

ul,ol,dl{
    line-height:1.125rem;
}

h1{
    font-size:1.4rem;
    font-weight: bold;
}

h2{
    padding-top:10px;
    font-size:1.20rem;
    text-align: left;
    text-transform:uppercase;
    color: #888;
    font-weight:bold;
}

h3{
    padding-top:10px;
    font-size:1.15rem;
    text-align: left;
    color:#C10F0D;
}

h4{
    padding-top:10px;
    padding-bottom: 1.3rem;
    font-size:1.00rem;
    text-align: left;
    text-transform:uppercase;
    color: #555;
    font-weight:bold;
}

p{
    margin-top:7px;
    margin-bottom:7px;
    text-align: left;
    color: #2F1414;
}

.breadcrumbs{
  border:none;
  background:none;
  margin-left:0 !important;
  padding-left:0;
  font-size:14px;
  font-weight:bold;
}
.breadcrumbs li a {
    color:black;
}
.clearfix {clear:both; }

/* fix, bo w tym jednym przypadku rozjeżdża layout */
.clearfix.news_main_full_layout1 {clear:inherit; }

.doNijak {}
.doLewej {
    float: left;
    margin: 10px 20px 2px 5px;
}
.doPrawej {
    float: right;
    margin: 10px 5px 2px 20px;
}
.doCentra { margin: 10px auto 5px; }
.ramka {border: 1px solid #d0d0d0}

/* lewe menu */
#cookies {
    position: fixed;
    bottom: 0;
    width:100%;
    margin-bottom: 0px;
    background:#e0e0e0;
    font-size:11px !important;
}

.alert-box_cookies{
    padding:15px;
}
.alert-box_cookies p{
    margin:0;
}

/*HEADER*/
header{
  max-width:980px;
  height:170px;
  margin-left:auto;
  margin-right:auto;
  z-index:2;
}

#fb_icon {
  width:93px;
  height:52px;
  background: url("../pics/fb.png") no-repeat;
  position:absolute;
  top:27px;
  right:0;
  cursor:pointer;
}


header #logobar1, header #logobar2 {
  display:inline-block;
  vertical-align: top;
}

header #logobar1 #logo {
  position:relative;
  top:45px;
  left:48px;
  display:inline-block;
}

header #logobar2 {
  float:right;
  text-align: right;
}

header #logo2, header #logo3 {
  margin-top:86px;
  display:inline-block;
}

header #hdr_desc {
  padding-top:13px;
  color:#444;
}

header #logo_img {
  width:178px;
  height:130px;
  background: url("../pics/logo.png") no-repeat;
}
header #logo2_img {
  width:70px;
  height:48px;
  background: url("../pics/logo2.png") no-repeat;
}
header #logo3_img {
  width:96px;
  height:48px;
  background: url("../pics/logo3.png") no-repeat;
}

header #search_input {
  border:2px solid #d5d5d5;
  width:213px;
  height:33px;
  margin:0;
  padding:0;
  vertical-align: top;
}

header #search_btn {
  width:0;
  height:0;
  border:0;
  margin:0;
  padding:0;
}

header #search_icon {
  display:inline-block;
  width:32px;
  height:33px;
  border:2px solid #d5d5d5;
  margin:0;
  padding:0;
  background: url("../pics/site/search_icon.png") no-repeat;
  vertical-align: top;
}




#main_menu {
  font-weight: bold;
  color:#272727;
}

#main_menu a {
  color:#272727;
  text-decoration: none;
}

#main {
  max-width:980px;
  margin:auto;
}

#sidebar_left {
  vertical-align: top;
  width:260px;
  float:left;
}

#menu_main {
/*  background: #00a2ad; */
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
/*  overflow: hidden; *//* żeby zaokrąglało rogi */
  position:relative;
}

#content_main {
  margin-top:38px;
  vertical-align: top;
}

/* SLIDER START */
#slider {
  position: relative;
  overflow:hidden;
  margin: 0;
  width:100%;
  height:auto;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}

#slider .slides {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  height:100%;
}

#slider .slides .slide {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  height:100%;
}

#slider .slides .slide img {
  width:100%;
  height:auto;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
/* jak są używane kontrolki do przewijania slidera
a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
*/
/* SLIDER END */

/* REFERENCJE START */
#reklamy_sidebar {
  margin-top: 30px;
}

.referencja {
  margin-bottom:20px;
}

.referencja img {
  width:100%;
  height:100%;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
/* REFERENCJE END */

#news {
  /*float:right;*/
}

#news h1 {
  font-size: 24px;
  font-weight: normal;
  font-family: "Georgia";
  color:#00bcc8;
  margin-bottom:0px;
}

#news .main_news_box {
  padding:0;
  padding-top:31px;
  margin-bottom:0px;
  display:inline-block;
  border-bottom:2px dashed #a6d7db;
}


#news .news_head {
  font-weight:bold;
  font-size:15px;
  line-height: 1.2em;
  margin-bottom:10px;
}
#news .date_news {
  color:#c2c2c2;
}
#news .tytul_notki {
  color: #425c6d;
  font-size:18px;
}

#news .img {
  float:left;
  vertical-align: top;
  width:236px;
/*  height:172px */
}
#news .img img {
  margin:auto;
/*
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
}

#news .notka_box {
  vertical-align: top;
  margin-left:0px;
}

#news .zwiastun {
  font-size: 15px;
  font-weight: normal;
  padding-bottom:33px;
}

#news .zwiastun a{
  color:#425c6d;
}

#news .zw_arrow {
  width:200px;
  height:30px;
  margin-top:21px;
  background:#f6f6f6;
  border:2px solid #bbbfc2;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  text-align: center;
  padding-top:15px;
  color:#6f747a;
  font-family: "Georgia";
}

#news li.linki, #news li.pliki {
  display:block;
  padding-left:10px;
  position:relative;
  top:-15px;
}

#news li.linki a, #news li.pliki a {
  color:#00a2ad;
  font-weight: normal;
  font-family: "Zurich";
}

#news td.podpis {
  font-size:14px;
  font-style: italic;
}

.news_box .news_box_fota {
  width:160px;
  max-height:240px;
  float:left;
}

.news_box .news_box_fota img {
  width:100%;
  height:auto;
  margin-top:auto;
  margin-bottom:auto;
  vertical-align: top;
}

.news_box .news_box_zwiastun {
  margin-left:172px;
  vertical-align: top;
}

.news_box .news_box_txt {
  max-height:194px;
  overflow-y:hidden;
  font-size:14px;
  font-weight:bold;
}

.news_box_txt a {
  color: black;
}
.news_box_txt a:hover {
  color: #444444;
}

.news_box .news_box_title {
  color:#1c6fb3;
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
  line-height: 1.1em;
}

.news_box .news_box_zwiastun_wide {
  height:104px;
  overflow-y:hidden;
  font-size:14px;
  font-weight:bold;
}

.news_box .zw_arrow {
  width:20px;
  height:20px;
  background: url("../pics/site/strzalka_pom.png") no-repeat;
  margin-top:14px;
}

.articleGallery .articleImage {
  margin-right:20px;
  margin-right:20px;
  display:inline-block;
  vertical-align: top;
  width:100%;
}

.galleryFotka .galleryImageIsLong {
  float:left;
  vertical-align: top;
  width:210px;
}
.galleryFotka .galleryOpisIsLong {
  vertical-align: top;
  margin-left:230px;
}

.galleryFotka .galleryOpisIsShort {
  width:210px;
}

.galleryFotka.short {
  display:inline-block;
  width:200px;
  margin-right:10px;
  vertical-align: top;
}

.articleGallery .galleryTitle {
  color:#064274;
}

.articleGallery .gallery h4 {
  margin-top:20px;
  padding-top:0;
}

.articleGallery .gallery img {
  width:156px;
  height:220px;
}

#galeria h3 a {
  color:#064274;
}

#formularzKontaktowy label {
  width: 30%;
  display: inline-block;
  text-align:right;
  padding:5px;
}

#formularzKontaktowy input {
  width: 60%;
  display: inline-block;
  text-align:left;
  padding:5px;
  margin-top:5px;
}

#formularzKontaktowy textarea {
  width: 60%;
  display: inline-block;
  text-align:left;
  padding:5px;
  margin-top:5px;
}


footer {
padding-top:25px;
}

#footer {
  background-color:#696e71;
  width:100%;
  height:100%;
  min-height:215px;
  padding:0;
  margin:0;
}

#footer #footer_cont {
  max-width:980px;
  margin-left: auto;
  margin-right: auto;
  position:relative;

  color:white;
  font-size: 12px;
}

#footer_menu {
  max-width:470px;
  margin-top:60px;
  display:inline-block;
}

#footer_menu .col {
  display:inline-block;
  padding-left:23px;
  padding-right:25px;
  border-right:2px dashed #9a9ea1;
}

#footer_menu .col#footer_menu_col0 {
  padding-left:0;
}

#footer_menu .col.last {
  border-right:0;
  padding-right:0;
}

#footer_menu .col .item {
  margin-bottom:8px;
}

#footer #footer_notka {
  display:inline-block;
  position:absolute;
  right:0;
  bottom:16px;
}

#footer #footer_notka img {
  height: 30px; padding-right: 10px;
}

.button{
  margin:1rem 0 0 0 !important;
  padding:0.7rem 2.5rem !important;
  background: #40769E;
  color:white;
  font-family: "Zurich";
  font-weight: normal;
  border: none;
  border-radius: 6px;
  font-size:16px;
  text-align:center !important;
  width: auto !important;
}

.breadcrumbs li {
  display:inline-block;
  margin-bottom:10px;
}

.breadcrumbs li:before {
  content:  "\2192 ";
}

ul.pagination li {
  display:inline-block;
  list-style: none;
  color:#c67519;
  font-family:'Georgia';
}

ul.pagination li a {
  border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  color:#c67519;
  padding: 5px 10px;
}

ul.pagination li.current {
  background-color:transparent;
  padding:0;
}

ul.pagination li.current a {
  color:#D0220F;
  font-weight: bold;
}

.doit {
  padding:3px;
  border:1px solid #DDD;
  cursor: pointer;
}
.doit:hover {
  border:1px solid black;
}


@media screen and (max-width: 550px) {

  #sidebar_left {
    width:100%;
/*    float:none; */
    margin-top:20px;
  }

  #content_main {
    margin-left:10px;
    margin-top:0px;
  }

  .referencja {
    margin-left: auto;
    margin-right: auto;
  }
}





.clickable {
  cursor:pointer;
}
.clickable:hover {
  text-decoration: underline;
}

/* ARCHIWUM END */

.tabela td
{
  padding: 10px;
  border-bottom: 2px dotted #d0d0d0;
}



ul.lista {
    list-style:none;
    margin-top:20px;
}
.lista li {
    background:url('../pics/site/strzalka_jasnoszara.png') no-repeat 0 0;
    padding: 4px 0 12px 28px;
}

fieldset input[type=submit] {
  margin:1rem 0 0 0 !important;
  padding:0.7rem 2.5rem !important;
  background: #40769E;
  color:white;
  font-family: "Zurich";
  font-weight: normal;
  border: none;
  border-radius: 6px;
  font-size:16px;
  text-align:center !important;
  width: auto !important;
}

fieldset input[type=text], input[type=password], input[type=email], textarea  {
  margin: 10px !important;
  padding: 10px;
  font-family: "Zurich";
  font-weight: normal;
  border: none;
  border-radius: 2px;
  font-size:14px;
  text-align:left !important;
  width: auto !important;
  border: 1px solid #d0e0ff;
}

select {
  padding: 5px;
  font-family: "Zurich";
  font-weight: normal;
  border: none;
  border-radius: 2px;
  font-size:14px;
  text-align:left !important;
  width: auto !important;
  border: 1px solid #d0e0ff;
}
fieldset div label {
  width: 120px !important;
  display: inline-block;
}

#content_main .doit {
  margin: 5px !important;
  padding: 5px 12px !important;
  background: #40769E;
  color:white;
  font-family: "Zurich";
  font-weight: normal;
  border: none;
  border-radius: 4px;
  font-size:14px;
  text-align:center !important;
  width: auto !important;
}

.grafik td {
  padding: 20px;
  border-bottom: 2px dashed #a6d7db;
}
.grafik th {
  padding-top: 10px;
}

#twoje_terminy {
  background-color: #a6d7db;
  border-radius: 4px;
  padding: 10px;
}

#twoje_terminy td {
  padding: 5px;
}

table#lista_rez {
 width: 100%;
 border-collapse: collapse;
}
#lista_rez td {
  padding: 10px 5px;
  border: 1px solid  #a6c7db;
}
.wybierz_tydzien {
 margin-bottom:20px;
 width: 100%;
 text-align:center;
}

form#dane_pacjenta label { /* edycja danych pacjenta */
  width:100px;
  display:inline-block;
}

form.zamow_recepte_form {
  max-width:900px;
  margin:auto;
  margin-top:30px;
}

form.zamow_recepte_form input.error,
form.zamow_recepte_form label.error {
  outline:2px solid red;
}

label {font-size:105%}