@import url(font.css);

/*Main*/

.clear { clear: both; }
div.clear { height: 20px; clear: both; }
pre { font-family: Courier New; }

/*
	color 1: #5d89d1 // podstawa
	color 2: #b6cdf3 // jasna podstawa
	color 3: #1f54a8 // ciemna podstawa
	color 4: #ffe063 // kontrast; old: #ffa263
	color 5a: #f15e88 // róż
	color 5b: #b782e4 // fiolet
	color 5c: #4ecac5 // seledyn
	color 6: #fe341a // czerwony
*/

html,body { height: 100%; }

body { font-size: 16px; font-family: "PT Sans", Tahoma, Arial, Helvetica, sans-serif; background: #5d89d1; padding: 0; margin: 0; }

.img-centered { margin: 0 auto; }
.content-row { margin-top: 30px; }
.table td { vertical-align: middle !important; }
.no-border td { border: 0 !important; }

section { padding: 100px 0 0 0; }
section.bg-gray { background-color: #f5f5f5; }
@media(max-width:767px) { section { padding: 75px 0; } }

a { color: #1f54a8; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.text-primary { color: #1f54a8; }

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus { color: #1f54a8; background-color: #fff; border-radius: 5px; }
.navbar-default { background-color: #1f54a8; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,.5); }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: rgba(255,255,255,.5); }
.navbar-inverse { background-color: #5d89d1; }
.navbar-default,
.navbar-inverse { border: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand { padding: 0 15px; text-decoration: none; color: #fff; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.navbar-default .navbar-brand:hover,
.navbar-inverse .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-inverse .navbar-brand:focus { opacity: 1; }
.navbar-default .navbar-nav li a,
.navbar-inverse .navbar-nav li a { color: #fff; }
.navbar-default .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:hover { color: rgba(255,255,255,.5); }

@media(min-width:768px)
{
	.navbar-fixed-top.navbar-expanded { padding: 30px 0; }
	.navbar-fixed-top { padding: 15px 0; -webkit-transition: padding .5s; -moz-transition: padding .5s; transition: padding .5s; }
	.navbar-fixed-top .navbar-brand:hover { opacity: .5; }
	.navbar-default.navbar-expanded, .navbar-inverse.navbar-expanded { border: 0; background: 0 0; }
}
.navbar a:focus { outline: 0; }
.navbar .navbar-nav li a:focus { outline: 0; }

header { display: block; position: relative; width: auto; height: auto; padding: 100px 0; background: no-repeat center center; background-attachment: scroll; background-color: #222; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
header .intro-content { position: relative; text-align: center; color: #fff; }
header img { max-height: 150px; max-width: 150px; }
header .scroll-down { position: absolute; bottom: 20px; width: 100%; text-align: center; }
header .scroll-down .btn { width: 50px; height: 50px; padding: 0; border: 2px solid #fff; border-radius: 100%; font-size: 30px; line-height: 50px; letter-spacing: normal; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
header .scroll-down .btn:hover { border-color: rgba(255,255,255,.5); outline: 0; color: rgba(255,255,255,.5); }
@media(min-width:768px)
{
	header { width: 100%; height: 100%; padding: 0; background-attachment: scroll; }
	header .intro-content { position: absolute; top: 50%; left: 50%; width: 50%; margin: auto; text-align: center; color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	header img { max-height: 300px; max-width: 300px; }
}
@media(min-width:1025px) { header { background-attachment: fixed; } }

.white-bg { background: #fff; }
.grey-bg { background: #eee; }
.bg-max { background: no-repeat center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.text-white { color: #fff; }
.h100 { min-height: 100%; }
.mh100 { max-height: 100%; }
.hr-top { border-top: 5px solid #b6cdf3; }
.vsmall { font-size: 9px; }

.crm .content-row { font-size: 0.8em; }
.crm_galeria { padding: 20px 0; }

.kontakt .fa { color: #5d89d1; }

.cennik-item { background: #fff; text-align: center; padding: 15px; margin-bottom: 30px; }
.cennik-item.item { opacity: 0.8; }
.cennik-item.item-center { margin-top: -20px; opacity: 0.9; }
.cennik-item.item-first { margin-top: 20px; opacity: 0.7; }
.cennik-item.item-last { margin-top: 20px; opacity: 0.7; }
.cennik-item .big { font-size: 2em; line-height: 100%; }
.cennik-item .small { font-size: 0.9em; line-height: 100%; margin-bottom: 10px; }
.cennik-item .list-group { font-size: 0.9em; font-weight: bold; font-size: 0.7em; }
.cennik-item hr { border-top: 1px solid #1f54a8; }

footer { display: block; position: relative; width: 100%; min-height: 20%; padding: 20px 0; background: #000; color: #fff; font-size: 12px; }
footer a { color: #fff; }
footer a:hover { color: #ccc; text-decoration: none; }

#strony_www {}
#strony_www .plan { display: inline-block; float: none; margin: 0; vertical-align: bottom; }
@media (min-width: 768px) { #strony_www .plan { max-width: 32%; } }

#fb-slider { position: fixed; left: -205px; bottom: 25%; width: 205px; z-index: 1000; }
#fb-slider .cntr { position: relative; }
#fb-slider .hand { background: url(../img/fb.png) no-repeat; height: 75px; width: 30px; position: absolute; right: -30px; top: 0; }
#fb-slider .head { background: #fff; height: 75px; text-align: center; }