/*GLOBAL*/

body, ul, h2, h3, dd, dl
{
 margin: 0;
 padding: 0;
}

body
{
 background: url('img/body_bg.png');
}

#main_columns_main label
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #91CE52;
 padding-left: 45px;
 padding-top: 15px;
 display:block;
}

h2
{
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 14px;
 color: #4BC2F0;
 padding-top: 15px;
 padding-left: 30px;
}

h1 {
  color: #b0b0b0;
  font-size: 0.9em;
  padding: 12px 20px;
  position: absolute;
  z-index: 1;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

.subpage_label
{
color: #91ce52;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
padding-left: 30px;
padding-top: 20px;
}

#footer label
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #91CE52;
  font-weight:bold;
  display:block;
}

p, ul, dd, .footer_column
{
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 color: #676767;
}

.decoration
{
 width: 960px;
 height: 25px;
 background: url('img/deco.png');
 background-repeat: repeat-y;
}


/*TOP*/

#container
{
 width: 960px;
 margin-left: 3px;
 padding-top: 3px;
}

#drop
{
 width: 968px;
 height: 1008px;
 background: url('img/body_drop.png');
 margin: 25px auto;
}


#header
{
 height: 110px;
 background: url('img/header_bg.png');
 border-bottom: 1px solid #F0F0F0;
 position:relative;
}

#logo
{
 position: relative;
 top: -27px;
 left: 345px;
 width: 585px;
 height: 157px;
 background: url('img/logo.png') no-repeat;
 z-index: 1;
}

#logo a
{
 display: block;
 width: 585px;
 height: 120px;
}

/*MENU*/

#menu
{
 position: absolute;
 width: 550px; 
 height: 50px;
bottom:-3px;
 z-index: 2;
}

#menu ul
{
 list-style-type: none;
}

#menu li {
    float: left;
    margin: 0 1% 1% 0;
    width: 24%;
}

#menu a
{
 display: block;
 text-align:center;
 border-top:3px solid #77D0F2;
 color:#77D0F2;
 text-decoration:none;
 font-weight:bold;
 font-size:1.1em;
 line-height:2.5em;
 background:#f2f2f2;
}

#menu a:hover, #menu a.active
{
 border-top:3px solid #A9D77A;
 color:#A9D77A;
}

/*#menu .main a
{
 background: url('img/button_main.png');
}

#menu .main a:hover
{
  background: url('img/active_button_main.png');
}

#menu .leczenie a
{
 background: url('img/button_leczenie.png');
}

#menu .leczenie a:hover
{
 background: url('img/active_button_leczenie.png');
}

#menu .galeria a
{
 background: url('img/button_galeria.png');
}

#menu .galeria a:hover
{
 background: url('img/active_button_galeria.png');
}

#menu .kontakt a
{
 background: url('img/button_kontakt.png');
}

#menu .kontakt a:hover
{
 background: url('img/active_button_kontakt.png');
}*/


/*SHOWCASE*/

#showcase
{
 height: 252px;
 background: url('img/showcase_bg.png');
 background-repeat: repeat-y;
 clear:both;
}

#showcase_image
{
 float: right;
 margin-right: 25px;
 height: 251px;
 width: 388px;
 background: url('img/showcase_drop.png');
}

#showcase_image img
{
 margin: 3px;
}

#showcase_content
{
 margin-left: 70px;
 width: 460px;
 height: 252px;
 background-image: url('img/showcase_deco.png');
}

#showcase_content_subpage
{
 margin-right: 60px;
 width: 460px;
 height: 252px;
 background-image: url('img/showcase_deco.png');
}

.showcase_text
{
 padding-top: 24px;
 width: 400px;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 text-align: right;
 color: #858484;
 font-size: 21px;
}


/*COLUMNS*/
/*main page columns*/

#main_columns_main
{
 width: 901px;
 height: 240px;
 background: #FAF9F9;
 margin-left: 30px;
 margin-right: 30px;
 margin-top: 10px;
 margin-bottom: 10px;
}

#main_columns_main p
{
 font-size: 12px;
 padding-left: 45px;
 width: 220px;
 text-align: justify;
 line-height: 180%;
}

.column_main
{
 float: left;
 width: 289px;
 height: 242px;
 background: #FFFFFF;
 -moz-border-radius: 35px;
 border-radius: 35px;
 border: 1px solid #E0E0E0;
 margin-right: 14px;
}


/*subpages' columns*/

#main_columns_subpage
{
 width: 901px;
 /*height: 465px;*/
 margin-left: 30px;
 margin-right: 30px;
 margin-top: 10px;
 margin-bottom: 10px; 
}

#main_columns_subpage ul
{
 font-size: 13px;
 padding-left: 40px;
 width: 375px;
 text-align: justify;
 line-height: 150%;
} 

#main_columns_subpage p
{
 font-size: 13px;
 padding-left: 30px;
 padding-right: 30px;
 line-height: 150%;
 text-align: justify;
}

#main_columns_subpage a
{
 color: #91CE52;
 text-decoration: none;
}

#main_columns_subpage a:hover
{
 color: #4BC2F0;
}

.li_margin
{
 margin-top: 10px;
 margin-left: 10px;
 cursor: pointer;
}

#main_columns_subpage h1
{
 padding-top: 10px;
 padding-left: 30px;
}

.column_subpage
{
 float: left;
 height: 465px;
 margin-right: 11px;
 background: #FFFFFF;
 -moz-border-radius: 25px;
 border-radius: 25px;
 border: 1px solid #E0E0E0;
}

.column_subpage img
{
 cursor: pointer;
}

#gallery_view
{
 height: 504px;
 width: 670px;
 margin: 10px auto;
 -moz-border-radius: 25px;
 border-radius: 25px;
 border: 1px solid #E0E0E0;
}

#gallery_view img
{
 margin-top: 10px;
}

#navigation
{
 position: absolute;
 top: 720px;
 height: 50px;
 width: 900px;
}

.pages
{
 height: 10px;
 position: relative;
 top: 595px;
 color: #91CE52;
 font-size: 14px;
 cursor: pointer;
 margin-left: 30px;
 margin-right: 30px;
}

/*main page lower part*/

#main_bottom
{
 height: 200px;
 background: #FAF9F9;
}

#main_bottom_right
{
 width: 580px;
 float: right;
}

#main_bottom_right p
{
 font-size: 16px;
 text-align: right;
 margin-right: 55px;
 margin-top: 25px;
 }
 
#main_bottom_left
{
 padding: 10px 0px 10px 20px;
 height: 40px;
 width: 259px;
 margin-left: 30px;
 margin-top: 130px;
 float: left;
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 color: #91CE52;
 border: 1px solid #E0E0E0;
}

 
/*FOOTER*/

#footer
{
 height: 103px;
 background: url('img/footer_bg.png') no-repeat left;
 background-color: #E8E8E8;
 padding-left: 365px;
}

.footer_column
{
 float: left;
 font-size: 12px;
 line-height: 120%;
 margin-left: 43px;
 margin-top: 10px;
 width: 175px;
}

.footer_column a
{
 text-decoration: none;
 color: #676767;
}

.footer_column a:hover
{
 color: #4BC2F0;
}

.footer_column ul
{
 list-style-type: square;
 color: #91CE52;
 margin-left:15px;
}

@media all and (max-width:960px)
{
#drop
{
background: #FFF !important;
background-image:none !important;
}

#drop, #container, #header, #main_columns_main, #showcase_content
{
width:100%
}

#menu
{
position:static;
margin:0 auto;
}

#logo
{
background-size:95%;
width:100%;
max-width:550px;
margin:0 auto;
position:static;
height:110px;
}

.decoration
{
display:none;
}

#showcase
{
background:none;
padding:0 25px;
max-width:520px;
margin:0 auto;
height:auto;
}

.showcase_text
{
width:100%;
padding-top:25px !important;
}

#showcase_content
{
margin:0;
background:none;
height:auto;
margin-bottom:25px;
}

#main_columns_main {
    box-sizing: border-box;
    clear: both;
    height: auto;
    margin: 25px auto;
    padding: 0 25px;
	max-width:540px;
	background:none;
}


#showcase_image {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    clear: both;
    float: none;
    height: auto;
    margin: 0;
    text-align: center;
    width: auto;
}

#main_columns_main p
{
padding:0 45px;
width:auto;
font-size:0.9em;

}

#main_bottom_right p
{
margin:25px 0 15px;
}

#main_bottom
{
padding:25px 0;
}

#footer
{
background-image:none;
padding:10px;
height:auto;
}

.column_main
{
float:none;
height:auto;
width:auto;
margin:10px 0;
}

#drop
{
height:auto !important;
}

#main_bottom_right p
{
text-align:center !important;
}

#main_bottom
{
height: auto;
}

#main_bottom_left
{
float:none;
margin:0 auto;
}

#main_bottom_right {
    float: none;
    margin: 0 auto;
    max-width: 540px;
    width: 100%;
}


#showcase_image img {
    height: auto;
    margin: 3px;
    max-width: 100%;
}

.footer_column
{
font-size:0.9em;
}

#main_columns_subpage
{
width:100%;
height:auto;
max-width:540px;
margin:0 auto;

}

.column_subpage
{
max-width:540px;
width:100% !important;
height:auto !important;
margin:25px auto;
float:none;
border:none;
}

.column_subpage iframe {
  border: 0 none;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 20px;
  width: 100%;
}

#gallery_view
{
max-width:540px;
width:100%;
height:auto;
border:none;
}

#gallery_view img
{
max-width:100%;
}

.pages
{
position:static;
margin-bottom:15px;
}

#main_columns_subpage ul {
    padding: 0 5%;
    width: 90%;
}

h1
{
padding:5px;
position:static;
text-align:center;
}

}

@media all and (max-width:560px)
{
#menu
{
width:100%;
}

#menu li
{
width:49%;
}
}