@import "mystyle.css"; 

/*  reset
*/
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.2;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */
:focus {outline: 0;} /* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/********************************************
                default css
********************************************/
.dermed a {
  text-decoration: none;
  color: #616565;
}
.dermed a:hover {
  text-decoration: underline;
}
.dermed h1 {
  font-size: 14px;
  color: #096ea8;
}
.dermed h2 {
  font-size: 12px;
  color: #031926;
}
.dermed input, .dermed textarea, .dermed select, .dermed option {
  font-family:  Arial, "Trebuchet MS", sans-serif;
  color: #333;
  font-size: 11px;
}
.dermed option {
  padding: 2px 0 2px 4px;
  margin: 0;
}
.dermed select {
  padding: 0;
  margin: 0;
  font-size: 10px;
}
/********************************************
                common classes
********************************************/
.dermed div.c  {
    clear: both;
    line-height: 0;
    content: "\00a0";
}
.dermed div.m  {
    line-height: 0;
}
.dermed .c-b {
  clear: both;
}
.dermed .c-r {
  clear: right;
}
.dermed .c-l {
  clear: left;
}
.dermed .f-r {
  float: right;
}
.dermed .f-l {
  float: left;
}
/********************************************
                main css
********************************************/
body {
    font-family:  Arial, "Trebuchet MS", sans-serif;
    text-align: center;
    font-size: 12px;
    color: #333;
    background: #f4faff;
}
.dermed {
	width: 1011px;
    margin: 0 auto;
}
/********************************************
                components
********************************************/
.dermed .required {
	color: #ff0000;
}
.dermed .parent-msg {
	position: relative;
}
.dermed .parent-msg .msg {
	color: #ff0000;
    font-size: 10px;
    position: absolute;
    top: 18px;
    left: 5px;
    font-style: italic;
}
.dermed .button {
    padding: 0;
     margin: 0;
     border: 0 none;
     cursor: pointer;
}
.dermed .wrap-normal {
    background: url(../gfx/bg-input-select.png) no-repeat left top;
   display: inline-block;
   width: 172px;
   height: 20px;
   zoom: 1;
   *display: inline;
}
.dermed .wrap-normal input {
   width: 162px;
   padding: 1px 0;
   border: 0 none;
   margin: 2px 0 0 5px;
}
.dermed .wrap-normal select {
  	background: transparent;
    padding: 0 0 0 2px;
    margin: 2px 0 0 0;
   width: 170px;
   height: 16px;
   *height: auto;
   border: 0 none;
}
.dermed .wrap-day {
    background: url(../gfx/bg-day.png) no-repeat left top;
   display: inline-block;
   width: 37px;
   height: 20px;
   margin-left: -3px;
      zoom: 1;
   *display: inline;
}
.dermed .wrap-day select {
	background: transparent;
    padding: 0;
    margin: 2px 0 0 0;
   width: 35px;
   height: 16px;
    *height: auto;
   border: 0 none;
   padding: 0;
}
.dermed .wrap-month {
    background: url(../gfx/bg-month.png) no-repeat left top;
   display: inline-block;
   width: 82px;
   height: 20px;
    margin-left: -1px;
}
.dermed .wrap-month select {
	background: transparent;
    padding: 0;
    margin: 2px 0 0 0;
   width: 80px;
   height: 16px;
    *height: auto;
   border: 0 none;
   padding: 0 0 0 1px;
}
.dermed .wrap-year {
    background: url(../gfx/bg-year.png) no-repeat left top;
   display: inline-block;
   width: 48px;
   height: 20px;
    margin-left: -1px;
}
.dermed .wrap-year select {
	background: transparent;
    padding: 0;
    margin: 2px 0 0 0;
   width: 46px;
   height: 16px;
   border: 0 none;
}
.dermed .wrap-textarea {
    background: url(../gfx/textarea.png) no-repeat left top;
   display: inline-block;
   width: 172px;
   height: 71px;
}
.dermed .wrap-textarea textarea {
    background: transparent;
   width: 166px;
   height: 64px;
   margin: 4px 0 0 4px;
   border: 0 none;
   resize: none;
}
.dermed a.czytaj-wiecej {
     background: url(../gfx/czytaj-wiecej.png) no-repeat left top;
     display: block;
     width: 73px;
     height: 20px;
}
.dermed a.inne-zabiegi {
     background: url(../gfx/inne-zabiegi.png) no-repeat left top;
     display: block;
     width: 69px;
     height: 20px;
}
.dermed a.inne-szkolenia {
     background: url(../gfx/inne-szkolenia.png) no-repeat left top;
     display: block;
     width: 76px;
     height: 20px;
}
.dermed a.link {
	 background: url(../gfx/bg-arrows-link.png) no-repeat 0 6px;
     padding-left: 12px;
     color: #096EA8;
     font-weight: bold;
}
.dermed a.link-right {
	 background: url(../gfx/bg-arrows-link.png) no-repeat right center;
     padding-right: 12px;
     color: #096EA8;
     font-weight: bold;
}
.dermed .pagination {
	 float: right;
     clear: right;
     margin-top: 35px;
     white-space: nowrap;
}
.dermed .pagination a {
	 padding: 0 3px;
     color: #096EA8;
     font-weight: bold;
}
.dermed .pagination .prev {
     background: url(../gfx/bg-arrows-link-prev.png) no-repeat left center;
     padding: 0 0 0 10px;
     margin-right: 15px;
}
.dermed .pagination .next {
     background: url(../gfx/bg-arrows-link.png) no-repeat right center;
     padding: 0 10px 0 0;
     margin-left: 15px;
}

/********************************************
                top
********************************************/
.dermed .top {
	background: url(../gfx/bg-top.png) no-repeat left top;
    height: 160px;
    text-align: left;
}
.dermed .home-page {
	float: left;
    width: 142px;
    height: 59px;
    margin: 23px 0 0 30px;
}
.dermed .main-menu {
	float: right;
    color: #4d4d4d;
    margin: 23px 0 0 0;
}
.dermed .main-menu li {
	float: left;
    height: 61px;
    font-size: 12px;
    font-weight: bold;
    padding: 23px 0 0 40px;
}
.dermed .main-menu li p {
	margin-top: 2px;
    font-weight: normal;
}
.dermed .main-menu .step-one {
    background: url(../gfx/step-one.png) no-repeat left top;
    width: 265px;
}
.dermed .main-menu .step-one-active {
    background: url(../gfx/step-one-active.png) no-repeat left top;
    width: 265px;
}
.dermed .main-menu .step-two {
    background: url(../gfx/step-two.png) no-repeat left top;
    width: 285px;
}
.dermed .main-menu .step-two-active {
    background: url(../gfx/step-two-active.png) no-repeat left top;
    width: 285px;
}
.dermed .main-menu .step-tree {
    background: url(../gfx/step-tree.png) no-repeat left top;
}
.dermed .main-menu .step-tree-active {
    background: url(../gfx/step-tree-active.png) no-repeat left top;
}
.dermed .main-menu a.active{
	color: #096ea8;
    font-weight: bold;
}
/********************************************
                middle
********************************************/
.dermed .middle {
   position: relative;
   margin: -42px auto 0 auto;
   width: 986px;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
}
.dermed .baner {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1001;
}
.dermed .nav {
   width: 377px;
   height: 209px;
   float: right;
}
.dermed .one {
   background: url(../gfx/bg-nav-step-one.png) no-repeat left top;
}
.dermed .two {
   background: url(../gfx/bg-nav-step-two.png) no-repeat left top;
}
.dermed .two .first, .dermed .tree .first {
   margin-top: 3px;
}
.dermed .tree {
   background: url(../gfx/bg-nav-step-tree.png) no-repeat left top;
}
.dermed .nav li {
   float: right;
   clear: right;
   width: 280px;
   text-align: center;
   margin-right: 15px;
}
.dermed .one li {
    background: url(../gfx/bg-line-one.png) no-repeat left bottom;
   padding: 4px 0 5px 0;
}
.dermed .two li {
    background: url(../gfx/bg-line-two.png) no-repeat left bottom;
   padding: 10px 0;
}
.dermed .tree li {
    background: url(../gfx/bg-line-tree.png) no-repeat left bottom;
   padding: 10px 0;
}
.dermed .nav li.last {
    background: none;
}
.dermed .nav li a {
   text-decoration: none;
}
.dermed .nav li a:hover {
   color: #096ea8;
}
.dermed .nav li a.active {
   	color: #096ea8;
}
/********************************************
                content
********************************************/
.dermed .content {
   width: 986px;
   margin: 18px auto 0 auto;
   text-align: left;
}
.dermed .reservation {
    background: url(../gfx/bg-reservation.png) no-repeat left bottom;
   float: left;
   width: 311px;
   height: 242px;
   padding: 0 0 0 11px;
   font-size: 11px;
   position: relative;
   margin-bottom: 122px;
}
.dermed .reservation h1 {
   margin: 11px 0 14px 0;
}
.dermed .reservation label {
    display: inline-block;
   width: 118px;
}
.dermed .reservation div {
   margin-bottom: 10px;
}
.dermed .reservation .wrap-normal, .dermed .reservation .wrap-day, .dermed .reservation .wrap-month, .dermed .reservation .wrap-year {
   margin-bottom: 0;
}
.dermed .reservation .mg {
   margin-left: -4px;
}
.dermed .reservation .required-text {
	position: absolute;
    bottom: 14px;
    left: 11px;
}
.dermed .reservation .zarezerwuj {
	 background: url(../gfx/zarezerwuj.png) no-repeat left top;
     width: 66px;
     height: 20px;
	position: absolute;
    bottom: 12px;
    right: 23px;
}
/*******************
    o nas
********************/
.dermed .box-text {
	width: 300px;
    float: left; display: inline;
    margin: 0 0 0 20px;
}
.dermed .box-text h1 {
    margin: 0 0 12px 0;
}
.dermed .box-text .czytaj-wiecej {
    margin-left: auto;
}
.dermed .box-text .partners {
    margin: 15px 0 20px 0;
}
.dermed .box-text .partners h1 {
    margin: 0 0 20px 0;
}
.dermed .box-text .partners a {
    margin: 0 10px 0 0;
}
.dermed .box-text p {
    margin: 0 0 18px 0;
}
.dermed .box-img-text {
   float: right;
   width: 300px;
}
.dermed .box-img-text h1 {
    margin: 0 0 2px 0;
}
.dermed .box-border-bottom {
    background: url(../gfx/bg-line-h.png) no-repeat left bottom;
    width: 298px;
    padding: 12px 0 8px 0;
}
.dermed .box-border-bottom span {
    float: left;
    clear: left;
    white-space: nowrap;
    margin: 5px 0 0 0;
}
.dermed .box-border-bottom span h2 {
    display: inline;
}
.dermed .box-border-bottom .f-r {
    width: 200px;
}
.dermed .box-border-bottom .f-r h2 {
    margin: 2px 0 3px 0;
}
.dermed .box-border-bottom .f-r .link {
    float: right;
    margin-top: 7px;
}
.dermed .box-img-text .inne-zabiegi, .dermed .box-img-text .inne-szkolenia {
    margin: 10px 0 0 0;
}
.dermed .single-box {
    float: right; display: inline;
    width: 644px;
}
.dermed .single-box h1 {
    margin: 0 0 14px 0;
}
/*******************
    _1 zakres uslug
********************/
.dermed .zakres-uslug ul li{
    background: url(../gfx/list-square.png) no-repeat left center;
    padding: 2px 0 2px 12px;
    float: left;
    width: 305px;
}
/*******************
    _1 godziny
********************/
.dermed .godziny {
   line-height: 1.3em;
}
.dermed .godziny label, .dermed .cennik label {
    margin-right: 27px;
}
.dermed .godziny h2, .dermed .cennik h2 {
    margin: 22px 0 11px 0;
    color: #096EA8;
}
.dermed .godziny .f-l, .dermed .godziny .f-r {
    width: 50%;
}
.dermed .godziny .contact {
    margin-bottom: 15px;
}
.dermed .godziny .contact span {
    font-weight: bold;
    color: #096EA8;
}
/*******************
    _1 cennik
********************/
.dermed .cennik ul {
   margin-bottom: 10px;
}
.dermed .cennik ul li {
	border-bottom: 1px dashed #ccc;
    padding: 4px 0;
}
.dermed .cennik ul li span {
   float: right;
   margin-left: 20px;
}
.dermed .cennik ul li p {
	margin-bottom: 7px;
}
.dermed .cennik ul li .indent {
	float: none;
    margin-left: 30px;
}
/*******************
    _1 rezerwacja, _3 formularz
********************/
.dermed .rezerwacja-left {
   float: left;
   margin: 0 0 110px 7px;
}
.dermed .rezerwacja label, .dermed .lekarze label {
   width: 136px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
.dermed .rezerwacja .long {
   width: auto;
   display: inline;
}
.dermed .rezerwacja .short {
   width: 70px;
}
.dermed .rezerwacja h2 {
   padding: 15px 0 14px 0;
}
.dermed .rezerwacja .mg {
   margin-bottom: 11px;
}
.dermed .rezerwacja .mr {
   margin-right: 15px;
}
.dermed .rezerwacja .zarezerwuj {
   	 background: url(../gfx/zarezerwuj.png) no-repeat left top;
     width: 66px;
     height: 20px;
     float: right;
     margin: 30px 10px 0 0;
}
/*******************
    _2 zabieg-film
********************/
.dermed .blue-nag {
   margin: 35px 0 15px 0;
   color: #096EA8;
}
/*******************
    _1 galeria
********************/
.dermed .galeria li, .dermed .prez-zab li {
   overflow: hidden;
   width: 100%;
   padding-bottom: 33px;
}
.dermed .galeria div, .dermed .prez-zab div {
   float: left;
   width: 150px;
   text-align: center;
   margin-right: 10px;
}
.dermed .galeria div p {
   margin-top: 8px;
}
/*******************
    _1 lekarze / lekarz
********************/
.dermed .lekarze .box {
   float: left;
   width: 50%;
   margin: 27px 0 0 0;
   line-height: 1.3em;
}
.dermed .lekarz {
   line-height: 1.3em;
}
.dermed .lekarze .box img, .dermed .lekarz .box img {
   float: left;
   margin-right: 10px;
}
.dermed .lekarze .box h2, .dermed .lekarz .box h2 {
  color: #096EA8;
}
.dermed .lekarze .box .mg, .dermed .lekarz .box .mg {
 margin-top: 11px;
}
.dermed .lekarze .mr {
 margin-right: 10px;
}
.dermed .lekarz ul {
    margin-top: 20px;
}
.dermed .lekarz ul li {
    background: url(../gfx/list-square.png) no-repeat left center;
    padding: 2px 0 2px 12px;
}
.dermed .lekarz .wroc {
   	 background: url(../gfx/wroc.png) no-repeat left top;
     width: 41px;
     height: 21px;
     display: block;
     margin-left: auto;
}
/*******************
    prezentacja zab
********************/
.dermed .prez-zab div {
	overflow: visible;
  text-align: left;
  width: 151px;
  line-height: 1.4em;
}
.dermed .prez-zab p, .dermed .prez-zab h2 {
  margin-left: 4px;
}
.dermed .prez-zab div a {
  padding-right: 7px;
  overflow: visible;
}
/*******************
    _3 kursy, kurs
********************/
.dermed .kursy div {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 15px;
  margin-top: 15px;
}
.dermed .kurs, .dermed .kursy {
  line-height: 1.4em;
}
.dermed .kursy h2 {
   margin: 18px 0 0 0;
}
.dermed .kurs h2, .dermed .kursy h2.blue-nag {
   margin: 18px 0 0 0;
}
.dermed .kurs h2.blue-nag {
   margin: 18px 0;
}
.dermed .kurs h2.price {
   margin: 0;
}
.dermed .kurs ul.decimal {
   list-style-type: decimal;
   list-style-position: inside;
}
.dermed .kurs ul.decimal li ul li {
   list-style-type: none;
   background: url(../gfx/list-square.png) no-repeat left center;
   padding: 0 0 0 12px;
   margin-left: 22px;
}


/********************************************
                footer
********************************************/
.dermed .footer {
	 background: url(../gfx/bg-footer.png) no-repeat left top;
     width: 1011px;
     height: 197px;
     margin: 40px 0 33px 0;
     text-align: left;
     position: relative;
}
.dermed .footer .woman {
	 position: absolute;
     top: -136px;
     left: 77px;
}
.dermed .footer .contact {
	  background: url(../gfx/bg-line-footer.png) no-repeat right top;
      width: 312px;
      height: 189px;
      margin: 4px 0 0 24px;
      float: left; display: inline;
}
.dermed .footer .contact a {
    color: #096ea8;
}
.dermed .footer h1 {
	  font-size: 12px;
      margin: 18px 0 12px 0;
}
.dermed .second-tel {
	  padding-left: 43px;
}
.dermed .contact h2.mg {
	  margin: 12px 0 0 0;
}
.dermed .footer .newsletter {
	  background: url(../gfx/bg-line-footer.png) no-repeat right top;
      width: 320px;
      height: 189px;
      margin: 4px 0 0 20px;
      float: left;
}
.dermed .newsletter label {
	display: inline-block;
	  width: 124px;
      margin: 20px 0 0 0;
}
.dermed .newsletter .wrap-normal {
    position: relative;
}
.dermed .newsletter .wrap-normal .button {
    width: 41px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 131px;
}
.dermed .footer .send {
    background: url(../gfx/wyslij.png) no-repeat left top;
}
.dermed .newsletter .wrap-normal .search {
    background: url(../gfx/szukaj.png) no-repeat left top;
}
.dermed .newsletter .wrap-normal input {
    width: 122px;
}
.dermed .newsletter h1.mg {
    margin-bottom: -8px;
}
.dermed .footer .contact-form {
      width: 300px;
      height: 189px;
      margin: 4px 0 0 21px;
      float: left;
}
.dermed .footer .contact-form label {
	display: inline-block;
      width: 120px;
}
.dermed .footer .contact-form .v-a {
    vertical-align: top;
    margin-top: 9px;
}
.dermed .footer .contact-form .v-a label {
    vertical-align: top;
}
.dermed .footer .contact-form button {
    width: 41px;
    height: 20px;
    float: right;
    clear: right;
    margin: 7px 10px 0 0;
}
.dermed .footer .copy {
	color: #096ea8;
    position: absolute;
    left: 24px;
    bottom: -27px;
}
.dermed .footer .made {
    position: absolute;
    right: 25px;
    bottom: -27px;
}
.dermed .footer .made a {
	color: #096ea8;
}

/********************************************
                home page
********************************************/
.dermed .start-points {
	width: 322px;
    height: 465px;
    float: left; display: inline;
    margin: 0 0 105px 0;
}
.dermed .start-points .cont {
	padding: 5px 20px 20px 20px;
}
.dermed .start-points p {
	margin: 5px 0;
    font-weight: normal;
    line-height: 1.4em;
}
.dermed .start-points .czytaj-wiecej {
	margin-left: auto;
}
.dermed .start-points ul {
	margin-top: 20px;
}
.dermed .start-points ul li {
	float: left;
    width: 140px;
    padding: 1px 0;
}
.dermed .start-points ul li a {
	background-position: left center;
	 font-weight: normal;
}
.dermed .first-start {
    background: url(../gfx/bg-first.png) no-repeat left bottom;
    margin-left: -2px;
}
.dermed .second-start {
    background: url(../gfx/bg-second.png) no-repeat left bottom;
    margin: 0 0 0 11px;
}
.dermed .third-start {
    background: url(../gfx/bg-third.png) no-repeat left bottom;
    float: right;
    padding-left:1px;
}




a.rezerwuj {
	color: #0073b4;
}
a.rezerwuj:hover {
	text-decoration: none;
}
a.rezerwuj strong {
	position: relative;
	top: 1px;
}
a.rezerwuj:hover strong {
	text-decoration: underline;
}
div.zabieg-item {
	float: left;
	padding-bottom: 0px !important;
}
div.zabieg-item h2 {
	color: #021b28;
	margin-top: 0px !important;
}
div.zabieg-item div.photo {
	float: left;
	width: 100px;
	backround: none;
	border: 0px;
}
div.zabieg-item div.photo h2 {
	display: inline;
	font-size: 11px;
}
div.zabieg-item div.cont {
	float: left;
	width: 540px;
	border: 0px;
}
div.zabieg-item div.cont a.link-right {
	float: right;
	background-position: left;
	padding-left: 12px;
	padding-right: 0px;
}