/*
|--------------------------------------------------------------------------
firma: rd dublinowski.pl 
|--------------------------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);

body{
	padding: 0;
	margin: 0;
	background: url(../images/tlo_beczki.jpg);
        background-attachment: fixed !important;
        overflow: auto;
	font-family:Arial, Helvetica, sans-serif; 
}


.pds{
	width: 1280px;
	margin: auto; 
	position: relative;
	margin-top: 100px;
}
.top{
	position: relative;
}
.powieksz{
    font-size:27px;
    text-align:center;
}
.tekst{
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    font-size: 1.3em;
    line-height: 1.7em;
    color:#333333;
    font-size:14px;

}

.gfont,
.mtop a,
.mleft a,
.mng, .f,
h1,h2,h3
{
	font-family: 'Crimson Text';
}

.winnice {
font-family: 'Crimson Text';
font-size:19px;
padding-top:5px;
font-style:italic;
}

.mtop{	
	width: 100%;
	height: 62px;
	border-top: 6px solid #333333;
	background: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
        letter-spacing: 2px;
}
.mtop ul{
	width:1100px;
	margin: auto;
	display: table; 
}
.mtop ul li{
    display: table-cell;
    width: 1%;
    float: none;
}
.mtop ul li a{
	display: block;
	text-align: center;
	padding: 10px 0px 5px 0px;
	text-transform: uppercase;
	color: #212121;
	text-decoration: none;
	transition: all .4s ease;
	font-size:15px;
        /*
        text-shadow: 1px 1px 1px rgba(5,0,0,0.8);
	transition: background 1s, color 0.5s;
	-webkit-transition: background 1s, color 0.5s; /* Safari */

}
.mtop ul li a:hover{
	/*background: #3D3DFF;*/
    
	border-bottom: 1px solid  rgba(51,51,51,0.5);
	color: #575757;
	text-shadow:none;
}
/*.animacja{
	background: #617BFB;
	padding: 10px;
	border: 1px solid #dfdfdf;
}*/
.animshadow{
	background: url(../images/cien.png) no-repeat top center; 
	height: 30px;
}
.logo{
        margin-top: 20px;
        margin-left: 20px;
}

.logo_index{
        margin-top: 10px;
        margin-bottom: 20px;
}

.s{
	font-size: 15px;
	line-height: 20px;
	color: #09176F;
	padding-top: 20px;
	
}
.s-left{
	width: 230px;
	float: left;
	position: relative;
}
.mleft{
	padding: 10px;
	background: #fff; 
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.mleft ul li a{
	border-bottom: 1px solid #ddeef1; 
	display: block;
	padding: 8px 10px 8px 40px;
	text-decoration: none;
	color: #09176F;
	background: url(../images/ciemne.jpg) no-repeat left center;
}
.mleft ul li a:hover{
	border-bottom: 1px solid #869ea3; 
	color: #627CFC;
	background: url(../images/jasne.jpg) no-repeat left center;
}
.mleft ul li:last-child a{ border: none;}


.s-right{
	float: right;
	width: 1280px;
        min-height: 100px;
        /*background:#fff;  */
        background: rgba(255,255,255,0.95);

}
p{
    text-align:justify;
    padding:10px;
    font-family: 'Crimson Text';
    font-weight: 400;
    font-style: italic;
    color:#333333;
    font-size:16px;
}
a{
	color: #09176F;
}
a:hover{
	text-decoration: none;
}

h1.ng{
	font-size: 22px;
	color: #010930;
	font-weight: normal;
	background: url(../images/lekarz.png) no-repeat left bottom;
	padding: 5px 10px 20px 50px;
	margin-top: 30px;
}

.both{
	clear: both;
}

img{
	border: 0
}
ul{list-style: none; margin: 0; padding: 0;}


.f{
	/*z-index: 3000;
	position: relative;*/

        width: 100%;
	/*height: 50px;
	border-top: 6px solid #333333;
	background: rgba(255,255,255,0.8);*/
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;


	border-top: 2px solid #333333;
	background: rgba(174,174,174,0.9);
              


}
.copy,
.copy a{
	color: #000;
	text-decoration: none;
          margin-top:-50px;
	/*text-shadow:1px 1px 1px rgba(33,167,174,0.4);*/
}
.copy{
	font-size: 14px; 
	padding: 20px 45px;

	/*text-align: center;*/
}



/* footer */

footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #D6B68D;
	z-index: 1000;
}

footer p {
	/*float: right;
	padding: 10px 20px;*/
	font-size: 16px;
	color: #000;
	display: inline-block;
}

footer p i {
	font-size: 18px !important;
	margin-right: 5px;
}



#gallery {
	
		padding: 10px 0 10px 0px;
                text-align:center;
		
	}
#gallery ul { list-style: none; margin:0; padding:0px 0px 0px 0px; }
#gallery ul li { display: inline-block; padding: 10px 15px ;  }
#gallery  ul li a{
     padding:5px; background:#BDBDBD; text-decoration:none; display:inline-block;
	/* box-shadow:  3px 5px 5px rgba(189,189,189,0.8);*/
	 }
#gallery  ul li a:hover{
     padding:5px; background:#ffffff; text-decoration:none; display:inline-block;
	 /*box-shadow:  1px 1px 2px rgba(0,0,0,0.2);*/
	 }


#oferta {

		padding: 10px 0 10px 0px;
                text-align:center;

	}
#oferta ul { list-style: none; margin:0; padding:0px 0px 0px 0px; }
#oferta ul li { display: inline-block; padding: 10px 15px ;  }
#oferta  ul li a{
     padding:2px;
     background:#ffffff;
     text-decoration:none;
     display:inline-block;
     color:#313131;
     transition: opacity .7s ease-in-out;
     border: 1px solid #313131;
     
	/* box-shadow:  3px 5px 5px rgba(189,189,189,0.8);*/
	 }
#oferta  ul li a:hover{
     padding:2px;
     color:#313131;
     background:#ffffff;
     text-decoration:none;
     display:inline-block;
     opacity: .5;


	 /*box-shadow:  1px 1px 2px rgba(0,0,0,0.2);*/
	 }

.lewe_moje{text-align:center;
          font-size:18px;
          color:#010930;
          background:#617BFB;
          padding-top:10px;
          padding-bottom:10px;
          margin-top:-5px;
          margin-bottom:-5px;
}
.miasto{
    text-align:center;
    font-size:18px;
    color:#010930;
    padding-top:7px;
    background:#617BFB;
    padding-bottom:7px;
}
.opis{
    text-align:center;
    font-size:18px;
    color:#313131;
    padding-top:7px;
    font-family: 'Open Sans', sans-serif;
}


.mapa{
    border:5px solid #617BFB;
    box-shadow:  3px 5px 5px rgba(1,9,48,0.8);
    margin-left:15px;
}
.srodek{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    font-family: 'Open Sans';
}

#filtrowanie{
    height:110px;
    width:300px;
    margin-left:160px;
    margin-bottom:30px;
    padding-left:60px;
    padding-top:20px;
    padding-bottom:20px;
    font-size:17px;
    border:5px solid #617BFB;
    box-shadow:  3px 5px 5px rgba(1,9,48,0.8);
}

#dogory{
	cursor: pointer;
}

@media only screen and (max-height: 720px) {
	.s-left {
		position: relative !important;
		margin-top: 0 !important;
	}
}




.stopka{
    font-family: 'Crimson Text';
    font-weight: 400;
    font-style: italic;
    color:#333333;
    font-size:16px;
    float:left;
    margin-top:36px;
    padding-left:40px;
    }


.strzalka{
    margin-left:1260px;
    margin-bottom:50px;
    height:30px;
}