.menu a{
    color:#333333;
}
.typ_all{
    padding: 20px;
}
.bor{
    color: #000 !important;
}
.logo{
    overflow: auto;
}
.sp-all {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
	background-color: #f4f4f4;
	width: 1250px;
	padding: 10px 0px;
	-webkit-box-shadow: 0 0 40px 1px #B3B3B3;
	box-shadow: 0 0 40px 1px #B3B3B3;
	margin-top: 40px;
	margin-bottom: 250px;
}

body {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	background-image: url(../img/Bck.png);
	background-size: 100%;
}

.img_galeria{
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: auto;
	position: relative;
	margin-bottom: 0px;
	width: 100%;
}

.logoa {
	width: 200px;
	height: 80px;
	position: absolute;
	margin-top: -10px;
	margin-left: 60px;
	background-color: #d11725;
	font-size: 37px;
	line-height: 0.8;
	color: #fff;
	padding-top: 120px;
	letter-spacing: -2px;
	padding-left: 10px;
	font-weight: bold;
    z-index: 5;
    text-decoration: none;
}
.pod_oo{
	font-size: 21px;
	line-height: 32px;
}
.menu {
	width: 800px; /* z blogiem 670px*/
	height: auto;
	float: right;
	padding: 20px;
    margin-bottom: 80px;
}

.tel{
	position: absolute;
	right: 60px;
	top: 100px;
	height: 40px;
	width: 500px;
	text-align: right;
	color: #d11725;
	font-size: 30px;
	font-weight: normal;
    z-index: 2;
	
}
.menu div, .menu ul li {
	float: left;
	padding: 20px;
    list-style: none;
}
.table_oferta{
	margin-left: auto;
	margin-right: auto;
    width: 90%;
	
}
.table_oferta td{
	border-bottom: 1px solid #fff !important;
	padding: 5px;
}
.table_oferta tr:hover{
	background-color:#e54c57;
}
.tr_first{
	background-color:#b70916;
	padding: 10px 5px;
	height: 58px;
	
}
.top {
	position: relative;
	overflow: auto;
	width:100%;
	margin-left: auto;
	margin-right: auto
}

.motto {
	width: 45%;
	margin-left: 60px;
	float: left;
	height: 400px;
}

.motto h1 {
	font-size: 110px;
	border: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 180px;
	line-height: 0.8;
	letter-spacing: -4px;
	color: #d11725;
}

.motto h3 {
	font-size: 23px;
	border: 0px;
	letter-spacing: 0px;
}

.button_big {
	background-color: #d11725;
	color: #fff;
	padding: 10px;
	width: 200px;
	position: relative;
	overflow: auto;
	display: block;
	margin-top: 25px;
	margin-bottom: 20px
}

.wizualizacja {
	float: right;
	overflow: auto;
	height: 600px;
	background-image: url(../img/gif_apteka.gif);
	width: 47%;
	background-position: center;
	background-repeat: no-repeat;
}

h2 {
	line-height: 1;
/*	height: 25px;*/
	margin: 0;
	letter-spacing: -3px;
}

.red {
	color:#d11725;
}

h3.red {
	color:#d11725;
}

.oferta {
	text-align: center;
	letter-spacing: -1px;
	font-size: 35px;
	margin-top: 40px;
	font-weight: 100;
	
}
.button_smal {
	background-color: #d11725;
	color: #fff;
	padding: 10px;
	position: relative;
	overflow: auto;
	display: block;
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	font-weight: 100
}

.model_box {
	float: left;
	width: 25%;
	text-align: center;
	cursor: pointer;
}

.miniaturka {
	background-size: contain;
	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 20px 1px #B3B3B3;
	box-shadow: 0 0 20px 1px #B3B3B3;
	margin: 20px;
	background-color: #fff;
}

.oferta_item {
	position: relative;
	overflow: auto;
    background-color: #fff;
	padding-bottom: 20px;
}

.opis {
	background-color: #d11725;
	position: relative;
	overflow: auto;
	width: 100%;
	background-image: url(../img/Bck.png);
}
.opis {
	text-shadow: 0 0 10px #242424;
}
.motto2, .specyfikacja_text{
	text-shadow: none;
}
.p50{
	width: 60%;
	float: left;
	overflow: auto;
	position: relative;
}
.o-nas h1{
	margin-top: 0px;
}
.p30{
	width: 31%;
	float: right;
	height: 500px;
	margin-top: 90px;
	margin-right: 20px;
	overflow: auto;
	position: relative;
	background-image: url(../img/krzyz-apteczny.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 50px;
}
.opis_inner_r h2{
	letter-spacing: 0px;
}

.typa {	background-image: url(../img/typa.png);}
.typb {	background-image: url(../img/typb.png);}
.typc {	background-image: url(../img/typc.png);}
.typd {	background-image: url(../img/typd.png);}
.type {	background-image: url(../img/type.png);}
.typf {	background-image: url(../img/typf.png);}
.typeskulap {	background-image: url(../img/typeskulap.png);}
.typ24h {	background-image: url(../img/typ24h.png);}
.typwitryna {	background-image: url(../img/typwitryna.png);}



.typa:hover {	background-image: url(../img/typa_more.png);}
.typb:hover {	background-image: url(../img/typb_more.png);}
.typc:hover {	background-image: url(../img/typc_more.png);}
.typd:hover {	background-image: url(../img/typd_more.png);}
.type:hover {	background-image: url(../img/type_more.png);}
.typf:hover {	background-image: url(../img/typf_more.png);}
.typeskulap:hover {	background-image: url(../img/typeskulap_more.png);}
.typ24h:hover {	background-image: url(../img/typ24h_more.png);}
.typwitryna:hover {	background-image: url(../img/typwitryna_more.png);}

.motto2 {
	width: 45%;
	float: left;
}

.motto2 h1{
	font-size: 51px;
}

.specyfikacja {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
	background-color: #fff;
	width: 71%;
	padding: 60px 0px;
	-webkit-box-shadow: 0 0 40px 1px #333;
	box-shadow: 0 0 40px 1px #333;
	margin-top: 40px;
	font-weight: bold;
	margin-bottom: 40px;
	padding: 60px;
	padding-top: 0px;
}

strong {
	font-weight: bold;
}

ul {
	color: #8D8D8D;
	font-size: 13px;
	margin-top: 0px;
}

.opis_inner_r ul {
	color: #fff;
	font-size: 16px;
	margin-top: 0px;
	padding-bottom: 27px;
}
.opis_inner_r strong{
	font-size: 19px;
}

h3 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.specyfikacja_text {
	float: right;
	width: 47%;
	position: relative;
	overflow: auto;
}

.wizualizacja2 {
	float: right;
	overflow: auto;
	height: 550px;
	width: 47%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

}
.center{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 50px;
	display: block;
}
.spec {
	color: #fff;
	font-size: 55px;
	border: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 50px;
	line-height: 0.8;
	letter-spacing: -3x !important;
	text-align: center;
	font-weight: 100;
}

.opis_inner {
	color: #fff;
	padding: 60px;
	float: left;
	width: 50%;
	font-size: 25px;
	line-height: 50px;
	padding-right: 0px;
	padding-top: 30px;
}

.opis_inner_r {
	color: #fff;
	padding: 60px;
	padding-left: 0px;
	padding-right: 50px;
	float: right;
	width: 35%;

}

.footer {
	text-align: center;
	padding: 40px;
}

.open_spec {
	display: none;
	position: relative;
	overflow: auto;
}

.zobacz_all {
	text-align: center;
	color:#000;
	cursor: pointer;
    clear: both;
}

.zobacz_ {
	text-align: center;
}
.zobacz_ span{
	color: #fff;
	cursor: pointer;
}

.o-nas {
	color: #fff;
	padding: 60px;
}

.o-nas h1{
	font-size: 50px;
}

.o-nas h2{
	font-size: 50px;
}

.o-nas-fb {
	color: #fff;
	padding: 0px;
	font-size: 35px;
}

.o-nas-fb h2{
	font-size: 50px;
}

.margin_top {
	margin-top: 250px;
}
.realizacja_img{
	width: 47%;
	margin: 10px;
	float: left;
	border: 5px solid #fff;
}
.realizacja_img2{
	width: 80%;
	margin-bottom: 10px;
	border: 5px solid #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
}
hr{
	color: #fff;
	border: 0px;
}
.overflow{
	overflow: auto;
	position: relative;
}.overflow_2{
	overflow: auto;
	position: relative;
	text-align: center;
}

.half-col{
    width: 46%;
    float: left;
    margin: 10px;
}

/* Blog */
.blog-tresc{
    text-shadow: none;
}

.blog-tresc h1{
    margin-top: 40px;
}

.blog-tresc .blog-data{
    color: #aaa;
    font-weight: normal;
}

.blog-tresc img{
    float: left !important;
    margin-right: 50px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 30px;
}

.blog-tresc p{
    font-weight: normal;
    font-size: 18px;
}

.blog-more-btn{
    float: right;
    margin-right: 10px;
    font-size: 20px;
    color: #d11725;
    text-decoration: none;
}

.blog-more-btn:hover{
    color: #fd1b2c;
}

/* MENU -------------------- */
nav.menu-resp{
    position: relative;
    z-index: 3;
    font-size: 16px;
}

.menu-resp ul{
    padding: 0;
    margin: 0;
}

.menu-resp ul li a{
    text-decoration: none;
}

.menu-resp ul li, .menu-resp ul li a{
    padding: 0;
    margin: 0;        
}

/*----- Toggle Button -----*/
.toggle-nav {
    display: none !important;
}

/*----- Menu -----*/
@media screen and (min-width: 860px) {
    .menu-resp {
        padding:10px 18px;
/*        box-shadow:0px 1px 1px rgba(0,0,0,0.15);*/
        border-radius:3px;
        background: none;
    }
}

.menu-resp ul {
    display: inline-block;
}

.menu-resp li {
/*    margin:0px 50px 0px 0px;*/
/*    float:left;*/
    list-style:none;
    font-size:16px;
    text-align: right;
}

.menu-resp li:last-child {
    margin-right:0px;
}

.menu-resp a {
/*    text-shadow:0px 1px 0px rgba(0,0,0,0.5);*/
    transition:color linear 0.15s;
}

.menu-resp a:hover, .menu-resp .current-item a {
    text-decoration:none;
/*    color:#d11725;*/
}

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}

@media screen and (max-width: 860px) {
    .menu-resp {
        position:relative;
        display:inline-block;
    }
    
    .menu div, .menu ul li {
        float: none;
        text-align: center;
        border-bottom: 1px solid #9e6b6f ; 

    }
    
    .menu-resp a{
        color: #bbb;
        font-size: 20px;
    }    

    .menu-resp a:hover, .menu-resp .current-item a {
        color: white;
    }

    .menu-resp ul.active {
        display:none;
    }

    .menu-resp ul {
        width:90%;
        position:absolute;
        top:96%;
        right:20px;
        padding:10px 0px;
        box-shadow:1px 1px 10px rgba(0,0,0,0.7);
        border-radius:3px;
        background:  #d11725;
    }

    .menu-resp ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        right:20px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #d11725;
    }

    .menu-resp li {
/*        margin:5px 0px 5px 0px;*/
        float:none;
        display:block;
    }
    
    .menu-resp ul li{
        float: none !important;
    }

    .menu-resp a {
        display:block;
        text-decoration: none;
        padding: 20px 25px;
    }

    .toggle-nav {
        padding:20px;
        float:right ;
        display:inline-block !important;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#d11725 !important;
        text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        color: white !important;
        font-size:20px;
        transition:color linear 0.15s;
    }

    .toggle-nav:hover, .toggle-nav.active {
        text-decoration:none;
        color:#66a992;
    }
}

@media (max-width: 576px){
    .menu-resp ul{
        width: 63%;
    }
}
/* MENU - koniec -------------------- */

/* Back to top */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 70px;
    height: 70px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    background-color: black;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

/* MQ */
@media (max-width: 1200px){
    .sp-all{
        width: 1100px;
    }
    
    .opis img{
        width: 100%;
    }
    
    .opis_inner_r img{
        width: 100% !important;
    }
    
    .overflow img, .overflow_2 img{
        width: 96%;
    }
    
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; 
        height: 0; 
        overflow: hidden;
        display: list-item;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .miniaturka{
        background-size: 90%;
        height: 240px;
    }
}

@media (max-width: 1024px){
    .sp-all{
        width: 980px;
    }
    
    .wizualizacja{
        background-size: 100%;
        height: 530px;
    }
    
    .motto h1{
        font-size: 90px;
    }
    
    .opis_inner{
        width: 46%;
    }
    
    img.center{
        width: 90%;
        margin-top: 10px;
        margin-bottom: 40px;
    }
    
    .motto>h2{
        font-size: 25px;
        letter-spacing: -2px;
    }
	
	.motto>h3{
		font-size: 25px;
		letter-spacing: -2px;
	}
    
    .table_oferta{
        width: 100%;
    }
    
    .miniaturka{
        height: 210px;
        margin: 14px;
    }
}

@media (max-width: 992px){
    .sp-all{
        width: 960px;
    }
    
/*
    .toggle-nav {
        padding:20px;
        float:right;
        display:inline-block;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#303030;
        text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        color:#777;
        font-size:20px;
        transition:color linear 0.15s;
    }

    .toggle-nav:hover, .toggle-nav .res-menu-active {
        text-decoration:none;
        color: #fff;color:#66a992;
    }
*/
}

@media (max-width: 768px){
    .sp-all{
        width: 720px;
    }
    
    .tel{
        top: 130px;
        right: 30px;
    }
    
    .motto{
        height: 230px;
    }
    
    .motto h1{
        margin-top: 90px;
    }
    
    .wizualizacja{
        height: 350px;        
    }
    
    .opis_inner, .opis_inner_r{
        width: 82%;
        float: left;
        padding: 60px;
    }
    
    .opis_inner_r{
        padding-top: 0;
    }
    
    .model_box{
        width: 50%;
    }
    
    .miniaturka{
        height: 300px;
        margin: 20px;
    }
    
    .half-col{
        width: 90%;
    }
    span.open_typ{
        width: 42%;
        padding: 15px;
        display: block;
        float: left;
        margin: 2px;
        background-color: #920000;
        border: 1px solid #b70916;
    }
    .bor{
        display: none;
    }
}

@media (max-width: 576px){
    .sp-all{
        width: 520px;
    }
    
    .margin_top_plus {
        margin-top: 300px;
    }
    
    .motto h1{
        margin-top: 140px;
    }
    
    .tel{
        top: 230px;
        left: 0px;
    }
    
    .wizualizacja{
        height: 280px;
        margin-top: 40px;
    }
    
    .opis_inner, .opis_inner_r{
        width: 72%;
        float: left;
        padding: 50px;
        padding-top: 10px;
        padding-right: 40px;
        padding-bottom: 30px;
    }
    
    .opis_inner h1{
        font-size: 44px; 
    }
    
    .model_box{
        width: 100%;
    }
    
    .miniaturka{
        height: 400px;
        margin: 40px;
    }
    
    .p30{
        display: none;
    }
    
    .p50{
        width: 100%
    }
    
    #body-realizacje #yt-wrapper{
        padding: 0 !important;
    }
    
    #body-realizacje #yt-wrapper .half-col{
        width: 100%;
    }
    
    .overflow{
        overflow: hidden;
    }
    
    .specyfikacja{
        padding: 30px;
        width: 85%;
    }
    
    .specyfikacja h1{
        line-height: 40px;
    }
    
    .wizualizacja2{
        height: 270px;
        margin-top: 160px;
    }
    
    #h1-kontakt{
        font-size: 34px;
    }
    
    .blog-tresc img{
        width: 100%;
		margin-right: 20px;
        margin-left: 0px;
		margin-bottom: 30px;
    }
}