/*
Theme Name: stolarstwo-dudek
Theme URI: http://www.stolarstwo-dudek.pl/
Description: Skórka wykonana dla firmy Stolarstwo Dudek
Author: k4art
Author URI: http://www.k4art.com/
Version: 0.1
*/

body {
    background: #e8e8e8;
}
.stolarstwo {
    background: #0c4264;
    color: #fff;
    font-size:11px;
}
.uk-overlay-panel {
    padding-left:0 !important;
    padding-right: 0 !important;
}
.menug {
    background: rgba(255,255,255,0.75);
    font-size: 14px;
}
.menug ul {
    padding-top: 25px;
}
.menugg {
    background: #fff;
    padding-bottom: 5px;
}
.menugg ul {
    padding-top:0;
}
.menugg img {
    width:30%;
    height:auto;
}
.menugg button {
    margin-left: -15px !important;
}
.uk-nav, .uk-subnav {
	text-transform:uppercase;
}
.uk-subnav-pill > .uk-active > * {
    background: #0c4264;
}
.uk-subnav-pill > .uk-active {
    color:#fff;
}
/* WARUNKI */
@media (max-width: 768px) {
    .menug {
        background: rgba(255,255,255,0.5);
    }
    .menug img {
        width:120px;
        height:auto;
    }
    .menugp img {
        width:120px;
        height:auto;
    }
    .drzwi-schody-glowna {
        margin-top:-10px !important;
    }
    .menugg {
        height: 10px;
    }
    .menugg img {
        visibility: hidden;
    }
    .menuggp {
        height: 10px;
    }
    .menuggp img {
        visibility: hidden;
    }
    .menugg .uk-button-dropdown {
        margin-top: -140px !important;
    }
    .menuggp .uk-button-dropdown {
        position:fixed;
        top:0;
        left:0;
    }
}
@media (min-width:768px) AND (max-width:1220px ) {
    .drzwi-schody-glowna {
        margin-top:-30px !important;
    }
}

/* MENU - small */
.uk-button-dropdown {
    width:100%;   
}
.uk-button-dropdown button {
    float:left;
    width:100%;  
    background: #0c4264;
    color:#fff;
}
.uk-button-dropdown button:hover {
    background: #0c4264;
    color: #fff;
}
#justify {
	z-index:100;
}
#justify .uk-dropdown {
    width:100%;
}
/*
#justify .uk-dropdown .uk-nav {
    margin-top:-30px;
}
*/
.drzwi-schody-glowna {
    margin-top:-150px;
    background: #e8e8e8;
    padding-bottom: 50px;
}
.blok {
    z-index:100;
}
.content h1 {
	color:#555;
}
.content a {
	color:#000;
}
.content a:hover {
	color:#0c4264;
}
.blokg {
    z-index:100;
    background: rgba(255,255,255,0.7);
    border:solid 1px #fff;
    padding:30px;
}
.blokg h1 {
    margin:0;
    font-size: 1.7em; 
}
.blokg h3 {
    margin:0 0 30px 0;
	font-size:16px;
}
.blokg p {
    text-align: justify;
}

.blokg .image { 
    position: relative; 
    width: 100%; /* for IE 6 */
    margin-bottom: 30px;
    max-height: 500px;
    overflow: hidden;
 }
 .blokg .image img {
     width: 100%;
 }

 .blokg .image:hover .title {
    opacity: 0.8;
 }
 
 .blokg .image .title { 
    position: absolute; 
    bottom: 0;
    padding: 20px 0;
    left: 0; 
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
 }
 .blokg .image .title a {
     text-decoration: none;
     color: #FFFFFF;
 }
 .blokg .image .title h2 { 
    padding: 10px;
    color: #FFFFFF;
 }
 .blokg .image .title time {
     margin-left: 10px;
     color: #CCCCCC;
 }

 .blokg .image .title .more { 
    text-align: right;
    color: #FFFFFF;
    margin-right: 10px;
 }

 @media (max-width:768px)  {
    .blokg {
        padding: 2px;
    }
    .blokg h1 {
        font-size: .9em; 
    }
    .blokg .image .title {
        padding: 10px 0;
    }
    .blokg .image .title h2 { 
        padding: 0 10px;
        color: #FFFFFF;
     }
}

.darmowy-pomiar {
    background: #0c4264;
    color: #fff;
    padding-bottom: 40px;
}
.darmowy-pomiar h4 {
    color: #fff;
}
.darmowy-pomiar p {
    text-align: center;
    max-width:250px;
    margin-left: auto;
    margin-right: auto;
}
.stopka {
    padding-bottom: 20px;
    padding-top: 5px;
    font-size: 12px;
}
.stopka a {
    color: #0c4264;
}
.stopka a:hover {
    color: #0c4264;
}
/* PRAWA STRONA */
.uk-nav-side > li > a {
	background:#eee;
	margin:1px 0;
}
.uk-nav-side > li > a:hover {
	background:#0c4264;
	color:#fff;
}
.current_page_item > a {
	background:#4d758e !important;
	color:#fff !important;
}
.uk-nav-side ul a {
	font-size:12px;
	color:#555;
	padding-left:30px;
	margin:1px 0 1px -15px;
	background:#eee;
}
.uk-nav-side ul a:hover {
	background:#0c4264;
	color:#fff;
}

/* PODSTRONY */
.crumbs li {
	display: inline;
	text-transform:uppercase;
}
.prawa {
    background: #fff;
    padding:5px;
    margin-bottom: 10px;
}
.prawawycena {
	text-align:center;
	background: #0c4264;
}
.skontakt h2 {
	font-size:16px;
	margin:0;
}
.skontakt h3 {
	font-size:20px;
	color:#000 !important;
	margin:0;
}
.prawa h3 {
	color:#fff;
	margin:0;
}
.prawa .wycena {
	background: #0c4264;
	text-align:center;
	color:#fff;
	padding-bottom:10px;
}
.stolarstwo-podstrona {
    background: url(images/stolarstwo-p.png) #fff;
    color: #fff;
    padding:15px;
	padding-bottom:25px;
    font-size:11px;
}
.uk-subnav-pill>*>* {
    background: rgba(255,255,255,0.4);
    color: #0c4264;
    text-decoration: none !important;
}
.uk-link, a {
    color: #fff;
    text-decoration: underline;
}
.uk-link, a:hover {
    color: #fff;
    text-decoration: none;
}
.menugp {
    font-size: 14px;
}
.menugp .uk-subnav {
    margin-top:15px;
}
.menuggp {
    margin-left:-15px !important;
}
.menuggp {
    background: #fff;
    padding:15px;
}
.menuggp .uk-subnav {
    margin:0;
    margin-top:-7px;
}
.menuggp img {
    width:30%;
    height:auto;
}
.nawigacja {
    background: #6b9e2a;
    color:#fff;
    padding:5px;
}
.iframe-rwd  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	margin-top:40px;
	height: 0;
	overflow: hidden;
}
.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}