body {
	font-family: 'Open Sans', 'sans-serif';
	background-color:#e5e4e4;
	color:#333;
	padding-top: 100px;
}
a, a:focus
{
  color: #333;
  outline:none;
  text-decoration:none;
}
a:hover, a:focus
{
  text-decoration:none;
  outline: none;
  color:#00a651;
}
.panel-title > a { /*tytul acordion*/
    color:#e86320;
}
.panel-title > a:hover {
    color:#777;
}
.panel {  /*tlo rozwiniecia acordion*/
background-color: #E2E2E9;
}
.panel-default {  /*obrys acordion*/
border-color:#FF9900;}
h1 { 
	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 45px;
	 color: #fff;
	 text-align: center;
}
h2 { 
	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 34px;
	 background-image:url(../img/tytul.png);
	 background-repeat:repeat-y;
	 background-position:center;
	 line-height: 80px;
	 color: #ea821e;
	 text-align: center;
	 margin-bottom:15px;
}
h3 { 
	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 24px;
	 color: #535252;
	 text-align: center;
}
h4 { 
	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size: 45px;
	 color: #28459d;
	 text-align: center;
}
h5 { 
	 font-family: "Open Sans","sans-serif";
	 font-size: 18px;
	 color: #333;
	 text-align: left;
	 margin-bottom:15px;
}
.navbar-default { /*caly pasek nawigacji*/
	padding-left: 2%;
	padding-right: 2%;
	padding-top:0px;
	padding-bottom:0;
	height:100px;
	background-color:#f2f2f2;
    box-shadow: 0 1px 5px #d1d5d7;
}
.navbar-default .navbar-nav > li > a { /*czcionka kolor, rozmiar menu*/
	font-size:16px;
	color:#333;
	height:38px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { /*czcionka kolor, rozmiar menu*/
	color:#777;
	border-bottom: #ff9600 solid 3px;
}
.navbar .navbar-collapse { /*caly pasek nawigacji*/
	font-size:16px;
	margin-top:0px;
	overflow:hidden;
    text-align: right;
}
@media (max-width: 885px) and (min-width: 200px) {/*tylko menu na malym ekranie*/
.navbar .navbar-collapse {
	margin-right: 0px;
	float:right;
	width:160px;
	background-color:#f2f2f2;
	opacity: 0.9;
}
}
@media (max-width: 885px) and (min-width: 200px) {/*caly pasek nawigacji na malym ekranie*/
.navbar-default {
	box-shadow: none;
	border:none;
	padding-right: 0;
	padding-left: 0;
}}

section.image { /*obrazki tla*/
	min-height:800px;
	background-attachment: fixed;
	background-size: cover;
	padding:0;
    background-repeat: no-repeat;
	background-position:center;
}
@media (max-width: 991px) and (min-width: 200px) {
section.image {
display:none;
}
}
.gt {
	background-image:url(../img/partnerzy/subgt.png);
	background-repeat:no-repeat;
}
.gt:hover {
	background-image:url(../img/partnerzy/fsecure.png);
}
#stopka {
	border-top:#888 solid 1px;
	margin-top:2%;
	margin-bottom:4%;
	padding-top:10px;
}
.stopka {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:9px;
	color:#ff9600; 
	text-decoration: none;
}
.stopka:hover {
	color: #8d8c8c;
	text-decoration: none;
}
/*mapa*/
.google-maps {
	padding-bottom: 45%; /* Tutaj regulujemy wysokosc */
	margin-bottom:10px;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:65px;
	width: 100% !important;
	height: 100% !important;
}
/*karty zapowiadajace zobacz wiecej*/
.book { /*ikonka*/
color:#FF9900;
}
.book:hover {
color:#fff;
}
.sf-icon-cont {
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 28px;
  width: 28px;
  line-height: 12px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 180, 0, 20);
  border-right-color: rgba(255, 180, 0, 20);
  border-bottom-color: rgba(255, 180, 0, 20);
  border-left-color: rgba(255, 180, 0, 20);
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  box-sizing: content-box;
  background-size: 100% 100%;
  background-position:center;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.sf-icon-float-none {
  display: inline-block;
}
.sf-icon-cont.cont-small {
  padding-top: 19px;
  padding-right: 20px;
  padding-bottom: 19px;
  padding-left: 18px;
}
.sf-icon-box-standard .sf-icon-cont {
  margin-right: 0px;
  margin-bottom: 5px;
}
.sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover .sf-icon-box-hr {
  background-color: #ff7800;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #666;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}
.sf-icon-box {
    display: block;
    position: relative;
    z-index: 2;
}
.sf-icon-box.sf-icon-box-standard {
    text-align: center;
    padding: 10px;
}
.sf-icon-box-hr {
    width: 100px;
    height: 1px;
    margin: 0 auto;
    display: block;
    background: #FF9900;
    margin-bottom: 20px;
    -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) !important;
    -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) !important;
    -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) !important;
    transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) !important;
}
.sf-icon-box .sf-icon-box-content-wrap
{
  display: block;
}
.btn-custom { /*przycisk wiecej, powrót*/
	color: #535252;
	padding: 10px 20px;
	box-shadow: 0 3px 0 #83847f;
	border: #535252 solid 1px; 
	margin-top: 20px;
	margin-bottom:30px;
	background: transparent;
	font-size:18px;
}
.btn-custom1 {
	color: #ff7800;
	box-shadow: 0 3px 0 #83847f;
	border: #ff7800 solid 1px; 
	margin-top: 20px;
	margin-bottom:10px;
	background: transparent;
	font-size:14px;
}
.btn-custom1:hover
{
	color: #ffffff;
	background: #ff7800;
	border-color: #666;
}
#more {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more1 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more2 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more3 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more4 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more5 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more6 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more7 {
	position: relative;
	padding-top:0;
	text-align: center;
}
#more8 {
	position: relative;
	padding-top:0;
	text-align: center;
}
.fadeIn {
	display:block !important;
	-wekit-animation-duration: 1s;
	animation-delay: 1s;
}
.odstep{/*odstep calego bloku start more*/
margin-top:30px;
margin-bottom:60px;
border-bottom:solid #999999 1px;
}
@media (max-width: 991px) and (min-width: 200px) {
.odstep{
margin-top:10px;
margin-bottom:20px;
}
}
.tresc{/*odstep tresci na podstronie*/
	margin-top:60px;
	margin-bottom:20px;
}
@media (max-width: 991px) and (min-width: 200px) {
.tresc{
	margin-top:20px;
	margin-bottom:20px;
}
}
.tresc1{/*odstep tresci more*/
margin-top:-150px;
}
.tresc2{/*odstep tresci more*/
margin-top:30px;
}
@media (max-width: 991px) and (min-width: 200px) {
.tresc2{
margin-top:20px;
}
}
.odstep1{/*odstep pod accordion*/
margin-top:30px;
margin-bottom:130px;
}
@media (max-width: 991px) and (min-width: 200px) {
.odstep1{
margin-top:10px;
margin-bottom:20px;
}
}
#scroll-to-top { /*strzalka w gore*/
	display:none;
    position: fixed;
    bottom:25px;
    right:22px;
    opacity:0.8;
}
#scroll-to-top:hover {
    opacity:1;
}
.tlo {
	 background-image:url(../img/tlo.png);
	 background-repeat:repeat-y;
	 background-position:center;
	 margin-top:10px;
	 margin-bottom:10px;
}
.tlo1 {
border-bottom: solid #009933 1px;
}
.firmy {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: #CCCCCC dashed 1px;
}
.logo1 {
	background-image: url(../img/partnerzy/subgt.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo1:hover {
	background-image: url(../img/partnerzy/subgt_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo2 {
	background-image: url(../img/partnerzy/nod.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo2:hover {
	background-image: url(../img/partnerzy/nod_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo3 {
	background-image: url(../img/partnerzy/nfon.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo3:hover {
	background-image: url(../img/partnerzy/nfon_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo4 {
	background-image: url(../img/partnerzy/hp.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo4:hover {
	background-image: url(../img/partnerzy/hp_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo5 {
	background-image: url(../img/partnerzy/gate.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo5:hover {
	background-image: url(../img/partnerzy/gate_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo6 {
	background-image: url(../img/partnerzy/fsecure.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo6:hover {
	background-image: url(../img/partnerzy/fsecure_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
.logo7 {
	background-image: url(../img/partnerzy/cyberoam.png);
	background-repeat:no-repeat;
	height:80px;
	background-position:center;
}
.logo7:hover {
	background-image: url(../img/partnerzy/cyberoam_o.png);
	background-repeat:no-repeat;
	background-position:center;
}
