@font-face {
    font-family: 'lato';
    src: url('Lato-Reg-webfont.eot');
    src: url('Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Reg-webfont.woff') format('woff'),
         url('Lato-Reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato';
    src: url('Lato-RegIta-webfont.eot');
    src: url('Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-RegIta-webfont.woff') format('woff'),
         url('Lato-RegIta-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'lato';
    src: url('Lato-Bol-webfont.eot');
    src: url('Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('Lato-Bol-webfont.woff') format('woff'),
         url('Lato-Bol-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*
a:hover, a:active, a:focus{
	outline: none;
}
*:hover, *:active, *:focus{
	outline: none;
}*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
::-webkit-input-placeholder{
   color: #666;  
}
:-moz-placeholder{
   color: #666;  
}
::-moz-placeholder{
   color: #666;  
}
:-ms-input-placeholder {  
   color: #666;  
}
.hidden{
	display:none;
}
textarea{
	resize:none;
}
header input{
	display:none;
}
html,body{
	height:100%;
}
body{
	margin:0;
    font-family:lato;
	font-size:12px;
	color:#000;
	background:#fff;
	overflow:hidden;
}


img{
	border:0;
}
br{
	clear:both;
}/*
#fb{
	position:fixed;
	left:-311px;
	top:66%;
	margin-top:-246px;
	background:url(../img/facebook.png) no-repeat right bottom;
	width:351px;
	height:308px;
	z-index:60;
}
#fb>div{
	border-top:9px solid #4b67a9;
	border-left:9px solid #4b67a9;
	border-bottom:9px solid #4b67a9;	
	height:290px;
	width:292px;
	position:absolute;
	left:0;
	top:0;
}
#fb>div>div{
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	border:none;
	overflow:hidden;
	width:292px;
	height:290px;	
}*/
#start{
	height:100%;
	width:100%;
	overflow:hidden;
	background:#fff;
	position:relative;
	z-index:6;
	text-align:center;
	display:table;
}
#start>a{
	display:table-cell;
	vertical-align:middle;
}


#start strong{
	display:inline-block;
	position:relative;
}
#start span,
#start span:before,
#start span:after,
#left>div{
	display:block;
	position:absolute;
	border-width:1px;	
	border-style:solid;		
	border-radius:50%;	
}
#start span{
	background-size:100% 100%;
}
#start span:before,
#start span:after{
	content:'';
}
#left>div.red{
	border-color:#c1272d;
}
#start span:before,
#start span:after,
#left>div.blue{
	border-color:#0071bc;
}

#start span.k4:before{
	width:120px;
	height:120px;
	left:60px;
	top:-90px;
}
#start span.k4:after{
	width:230px;
	height:230px;
	left:120px;
	top:-105px;
}
#start span.k4{
	border:0;
	left:-270px;
	top:-100px;
	width:235px;
	height:235px;
	background-image:url(../img/cennik.jpg);
}
#start span.k5{
	border:0;
	left:380px;
	top:100px;
	width:140px;
	height:140px;
	background-image:url(../img/oferta.jpg);	
}
#start span.k5:after,
#start span.k5:before{
	display:none;
}
#start span.k6{
	border:0;
	left:520px;
	top:-20px;
	width:170px;
	height:170px;
	background-image:url(../img/o-kancelarii.jpg);		
}
#start span.k6:before{
	width:60px;
	height:60px;
	left:20px;
	top:220px;
	border-width:3px;
	border-color:#c1272d;	
}
#start span.k6:after{
	width:60px;
	height:60px;
	left:-870px;
	top:-180px;
	border-color:#c1272d;	
}
#start span.k4,
#start span.k5,
#start span.k6{
	overflow:visible;
}
#start span.k4 img,
#start span.k5 img,
#start span.k6 img{
	border-radius:50%;
}
#start img.logo{
	margin-right:20px;
}
#container {
   min-height:100%;
   position:relative;
   text-align:center;
}
#page{
	padding:55px 110px 80px 0;
	display:inline-block;
	text-align:left;
}
#left,
#middle,
header nav{
	float:left;

}

#left{
	width:270px;
	height:63px;
	text-align:center;
	position:relative;
}

#left div[class^="k"]:before,
#left div.k7:after,
#left div.k3:after{
	content:'';
	position:absolute;
	border-radius:50%;	
	border-width:1px;	
	border-style:solid;		
	border-color:#0071bc;	
}
#left div.k3:after{
	width:120px;
	height:120px;
	left:10px;
	top:-145px;
}
#left div.k3:before{
	width:220px;
	height:220px;
	left:70px;
	top:-158px;
}
#left div.k3{
	left:0;
	top:275px;
	overflow:visible;
	border:0;
}
#left div.k3 img,
#left div.k6 img,
#left div.k7 img,
#left div.k10 img,
#left div.k11 img{
	border-radius:50%;
}
#left div.k3 img{
	width:250px;
	height:250px;
}
#left div.k6 img,
#left div.k7 img,
#left div.k10 img,
#left div.k11 img{
	width:186px;
	height:186px;
}
#left div.k4{
	width:50px;
	height:50px;
	left:170px;
	top:535px;
}
#left div.k4:before{
	display:none;
}
#left div.k6{
	width:186px;
	height:186px;
	left:0;
	top:135px;
	border:0;	
}
#left div.k6:before{
	width:230px;
	height:230px;
	left:50px;
	top:60px;
}
#left div.k7{
	width:186px;
	height:186px;
	left:30px;
	top:175px;
	border:0;	
}
#left div.k7:before{
	width:220px;
	height:220px;
	left:60px;
	top:60px;
}
#left div.k7:after{
	width:140px;
	height:140px;
	left:50px;
	top:-100px;	
}
#left div.k10{
	width:186px;
	height:186px;
	left:30px;
	top:175px;
	border:0;	
}
#left div.k10:before{
	width:220px;
	height:220px;
	left:66px;
	top:-85px;
}
#left div.k11{
	width:186px;
	height:186px;
	left:30px;
	top:175px;
	border:0;	
}
#left div.k11:before{
	width:186px;
	height:186px;
	left:60px;
	top:59px;
}
#middle{
	width:560px;
}
#middle>h1{
	margin:0 0 30px 0;
	padding:0;
	font-size:18px;
	letter-spacing:1px;
	font-weight:normal;
	text-transform:uppercase;
}
#slider{
    position: relative;
	width:265px;
	height:425px;	
	overflow:hidden;
	margin-top:-65px;
	float:right;
}

#slider>a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	height:375px;
	width:100%;
}
#slider>a img{
	max-width:100%;
	height:auto;
}
#slider>a:hover span{
	background:url(../img/zoom.png) center center no-repeat #000;
	opacity:0.4;
	width:100%;
	height:375px;
	position:absolute;
	left:0;
	top:0;
}
#slider>p{
	height:50px;
	background:#448eb7;
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
#slider>p>span{
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	display:table;
	height:100%;
	width:100%;
	color:#fff;
	text-transform:uppercase;
}
#slider>p>span span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}
#slider p a{
	float:left;
	position:relative;
	background:url(../img/big_arrow.png);
	width:37px;
	height:100%;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);	

}
#slider a.next{
	float:right;
	-moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);	
	filter: none;
}
#oferta{
	float:left;
	margin:40px 0 0 0;
	width:100%;
}
#oferta div.trigger{
	width:50%;
	height:50px;
	padding:12px 0 12px 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	background-color:#448eb7;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	line-height:13px;
}
#oferta div.trigger:first-child+div{
	background-color:#164A74;
}
#oferta div.trigger strong{
	font-weight:normal;
	display:block;
	color:#164A74;
}
#oferta div.trigger:first-child+div strong{
	color:#448eb7;
}
#oferta div.trigger:first-child+div span{
	background-position:-74px 0;
}
#oferta div.trigger span span{
	background:url(../img/big_arrow.png);
	width:37px;
	height:100%;
	display:block;
	position:absolute;
	right:0;
	top:0;
}

#oferta div.trigger.active:first-child span span{
	background-position:-37px 0;
}
#oferta div.trigger:first-child+div.active span span{
	background-position:-111px 0;
}
#oferta div.trigger.inactive span strong{
	color:#205983;
}
#oferta div.trigger.inactive span{
	color:#497293;
}
#oferta div.trigger.inactive:first-child span span{
	background-position:-148px 0;
}
#oferta div.trigger:first-child+div.inactive span span{
	background-position:-185px 0;
}
#oferta>div>div,
#oferta div.subtrigger+div>div{
	padding:25px 0;
	line-height:15px;
	letter-spacing:1px;
}
#oferta div.subtrigger{
	margin:0 0 6px 0;
	height:24px;
	padding:0 24px 0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	line-height:24px;
	color:#fff;
	background:#448EB7;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	text-align:left;
	white-space:nowrap;
}


#oferta div.subtrigger strong{
	color:#164A74;
}
#oferta div.subtrigger span{
	background:url(../img/small_arrow.png);
	width:19px;
	height:100%;
	display:block;
	position:absolute;
	right:5px;
	top:0;
	z-index:1;
}
#oferta div.subtrigger.active{
	background:#C1272D;
}
#oferta div.subtrigger.active strong{
	color:#e29ea0;
}
#oferta div.subtrigger.active span{
	background-position:-19px;
}
/*#content *{
	text-align:left !important;
}
*/
#content{
	text-align:justify;
	font-size:12px;
	line-height:15px;
	letter-spacing:1px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;	
}
#content ul,
#oferta ul{
	margin:10px 0;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
	text-align:left;
	display:table;
}
#content ul li,
#oferta ul li{
	display:table-row;
}
#content ul li:before,
#oferta ul li:before{
	content:"> ";
	font-size:14px;
	width:15px;
	display:table-cell;
}
#content a{
	color:#C1272D;
	text-decoration:none;
	font-weight:bold;
}
#content a:hover{
	text-decoration:underline;
}
header{
	height:125px;
	margin-top:10px;
	position:relative;
}
header>a{
	position:absolute;
	right:0;
	top:-8px;
	width:265px;
	height:60px;	
}
header>a img{
	max-width:100%;
	height:auto;
}
header nav{
	width:100px;
	margin-left:20px;
	position:absolute;
	left:100%;
}
header nav a{
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	line-height:18px;
	letter-spacing:1px;
	display:block;
}
header nav a:hover,
header nav a.active{
	font-weight:bold;
	color:#C1272D;
}
#gm{
	margin-top:40px;
	width:560px;
	max-width:100%;
	height:375px;
}
footer{
	position:absolute;
	bottom:0;
	left:0;
	height:25px;
	line-height:25px;
	width:100%;
	z-index:1;	
	background:#000;
	text-align:center;	
}
footer>div{
	width:830px;
	padding-right:110px;
	height:100%;
	display:inline-block;
}
#piw{
	color:#808080;
	float:right;
	height:100%;	
}
#piw *{
	color:#808080;
}
#piw a{
	color:#808080;
	text-decoration:none;
}
#piw a.figa:hover{
	color:#ff3136;
}
#piw a.tb:hover{
	color:#4d71f4;	
}
#piw>span{
	font-weight:bold;
}