/* Copyright (c) MEDIA77 - http://media77.pl/ */

@import url('bootstrap-3.1.1.min.css');
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|EB+Garamond&subset=latin,latin-ext);




/* GLOBALS */

@-webkit-viewport   { width:device-width; }
@-moz-viewport      { width:device-width; }
@-ms-viewport       { width:device-width; }
@-o-viewport        { width:device-width; }
@viewport           { width:device-width; }

* {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color:#01539d;
	background-color:#fff;
	background-attachment:fixed;
	font-family:'Verdana', serif;
	font-size:13px;
	font-weight:300;
	height:100%;
	line-height:26px;
}

body.modal-open {
    overflow:visible;
}

html {
	height:100%;
	overflow:auto;
}

a,
a:focus {
	color:#333;

}

a:hover {
	color:#000;
	text-decoration:none;
}

a.link-decor {
	text-decoration:underline;
}

a.link-decor:hover {
	text-decoration:underline;
}

h1 {
	color:#01539d;
	font-size:30px;
	line-height:60px;
	margin-bottom:20px;
	margin-top:1px;
}

h2 {
	color:#01539d;
	font-size:20px;
}




[class*="col-"] {
	padding-top:15px;
	padding-bottom:15px;
}




/* NAVBAR */

.navbar-default {
	background-color:#fff;
	border:none;
	border-radius:0;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {
	color:#01539d;
	font-size:17px;
	font-weight:300;
	line-height:50px;
	padding-left:20px;
	padding-right:20px;
	transition:all 0.3s;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:active {
	background-color:#fff;
	color:#aaa;
}

.navbar-default .navbar-brand img {
	margin-top:-10px;
}




/* SITE WRAPPER */

.site-wrapper {
	border-bottom:1px solid #ddd;
	display:table;
	height:100%; /* For at least Firefox */
	min-height:100%;
	padding-top:70px;
	width:100%;
}

.site-wrapper-inner {
	display:table-cell;
	vertical-align:middle;
}




/* SECTIONS */

section {
	background:url('../img/watermark.png') no-repeat right bottom;
	background-attachment:fixed;
}

#home {
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-image:url('../img/warszawa1_1.jpg');
	background-size:cover;
}

#home h1 {
	color:white;
    text-shadow: 2px 2px red;
}

#home h2 {
	color:#fff;
	font-size:25px;
	line-height:60px;
	margin-bottom:20px;
}

#kontakt,
#kontakt h1,
#kontakt [class*="col-"],
#kontakt footer {
	position:relative;	
}

#kontakt h1 {
	margin-top:20px;
}

#mapa {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}




.popup {
	cursor:pointer;
	position:relative;
}

.popup-block {
	border:2px solid #aaa;
	background-color:#01539d;
	color:#fff;
	opacity:0;
	font-size:14px;
	padding:5px;
	position:absolute;
	bottom:10%;
	transition:all 0.5s ease-in-out;
	width:90%;
	z-index:10000;
}

.popup:active .popup-block,
.popup:focus .popup-block,
.popup:hover .popup-block {
	opacity:1;
	bottom:20%;
}




/* BUTTONS */

.btn {
	background-color:#01539d;
	border-color:#fff;
	border-radius:0;
	color:#fff;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	-webkit-box-shadow:none;
	background-color:#aaa;
	border-color:#fff;
	box-shadow:none;
	color:#fff;
}

.btn-white {
	background-color:#fff;
	color:#01539d;
}

.btn-gray {
	background-color:#777;
	color:#fff;
}




.img-responsive {
    margin:0 auto;
}




/* FOOTER */

.footer {
	border-top:1px solid #000;
	padding-top:5px;
	margin-top:20px;
}

.footer a,
.footer p {
	color:#000;
}

.footer a:hover {
	color:#01539d;
}




/* COOKIES */

#cookies-accept {
	background-color:#fff;
	bottom:0;
	font-family:'Source Sans Pro', sans-serif;
	min-height:60px;
	padding:5px 0;
	position:fixed;
	width:100%;
	z-index:2;
	z-index:1030;
}

#cookies-accept .glyphicon {
	top:2px;
}




/* FORM ELEMENTS */

form {
	text-align:justify;
}

input,
textarea,
select {
	background-color:#fff;
	border:2px solid #777;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	height:34px;
	margin:0 0 5px 0;
	padding:3px 7px;
	position:relative;
	width:100%;
	vertical-align:middle;
}

input:focus,
textarea:focus,
select:focus {
	border:2px solid #999;
	outline:none;
}

input[type=checkbox] {
	border:none;
	height:auto;
	margin:-1px 5px 0px 0;
	padding:0;
	width:auto;
}

label {
	font-weight:normal;

}

input[type=checkbox] + label {
	top:0;
}

input[type=checkbox],
input[type=radio] {
	height:1px;
	opacity:0;
	position:absolute;
	width:1px;
}

input[type=checkbox] + label,
input[type=radio] + label {
	cursor:default;
	line-height:32px;
	position:relative;
	padding-left:40px;
}

input[type=checkbox].last + label,
input[type=radio].last + label {
	margin-bottom:20px;
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
	
}

input[type=checkbox] + label:after,
input[type=radio] + label:after {
	background-color:#fff;
	border:2px solid #777;
	content:"";
	cursor:pointer;
	left:8px;
	height:20px;
	position:absolute;
	width:20px;
	top:8px;
}

input[type=checkbox] + label:hover::after ,
input[type=radio] + label:hover::after {
	border-color:#777;
}

input[type=checkbox]:checked + label:after {
	background:url('../img/input-checkbox.png') 0 0 no-repeat;
}

input[type=radio]:checked + label:after {
	background:url('../img/input-radio.png') 1px 1px no-repeat;
}

input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
	color:#ddd;
}

input[type=checkbox]:disabled:checked + label:after {
	background:url('../img/input-checkbox-disabled.png') 1px 1px no-repeat;
}

input[type=radio]:disabled:checked + label:after {
	background:url('../img/input-radio-disabled.png') 1px 1px no-repeat;
}

input[type=checkbox]:disabled + label:hover::after,
input[type=radio]:disabled + label:hover::after {
	border-color:#ddd;
}

input[type=radio] + label:after {
	border-radius:20px;
}

select {
	background:url('../img/input-select.png') no-repeat right center #fff;
	padding:0 0 0 3px;
	text-indent:0.01px;
	text-overflow:'';
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}

select::-ms-expand {
    display:none; 
} 

textarea {
	min-height:150px;
	resize:none;
	text-align:justify;
}

.vError{
	border-color:#f00 !important;
}

.alert {
	color:#f00;
	display:none;
}

.processing {
	width:180px;
	background:#777;
	color:#fff;
	text-align:center;
	padding:10px 15px;
	border:3px solid #FFF;
	border-radius:15px;
	position:relative;
	top:-283px;
	left:180px;
	display:none;
}




@media (max-width:767px) {

	.navbar-collapse {
		max-height: none;
		overflow-x: auto;
	}
	
	.navbar-default .navbar-brand img {
		height:40px;
	}

}

@media (min-width:768px) {

}

@media (min-width:992px) {

}

@media (min-width: 1200px) {

}