@font-face {
  font-family: 'Century Gothic';
  src: url('font/century-gothic.eot'); /* IE9 Compat Modes */
  src: url('font/century-gothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('font/DiavloLight-Regular.woff2')      format('woff2'),   Super Modern Browsers */
       /*url('font/DiavloLight-Regular.woff')       format('woff'),   Pretty Modern Browsers */
       url('font/century-gothic.ttf')        format('truetype'),  /* Safari, Android, iOS */
       url('font/DiavloLight-Regular.otf')        format('opentype');
       /* url('webfont.svg#svgFontName') format('svg');  Legacy iOS */
}

/* fonty */

html, body {
    text-align: left; 
    font-family: 'Century Gothic',Verdana,sans-serif;
    overflow: hidden;
}

body {
    padding: 0px; 
    font-size: 14px;
}

h1 {
    font-size: 1.4em; 
    font-weight: bold;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em; 
    font-weight: bold;
    color: #3C4F77;
    margin-left: 30px;
    padding: 0px;
    text-transform: uppercase;
    text-align: left;
}

a {
    color: #3465a4; 
    font-size: 1em;

}

a:visited {
    color: #adadaf;
    text-decoration: none;
}

a:hover {
    color: #ff0000;
    text-decoration: underline;
}

li {
    background-repeat: no-repeat;
    background-position: 0px 1px;
    list-style: none;
    padding: 0px 0px 2px 18px;
}

/* IDENTYFIKACJA I FORMATOWANIE ELEMENTÓW SZABLONU */
#center, .center {
    width: 100%;
    margin: 0 auto;
    float: left;
}

/* #center > #wrapper */

#wrapper {
    width: 1024px;
    margin: 0 auto;
}

#topBlock {
    width: 1024px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    background-image: url('images/top-background-ittinvest.jpg');
    background-position: center;
    background-repeat: repeat-y;
}

#logo-box {
    width: 320px;
    height: 95px;
    margin: 0px 0px 0px 150px;
    float: left;
    text-align: center;
    /*border: solid 1px red;*/
}

#logo-link, #logo-link:hover {
    width: 230px;
    height: 90px;
    display: block;
    /*border: 1px solid #fff;*/
    margin: 0px 0px 0px 45px;
}

.text-kontakt {
  margin: 0px; 
   text-decoration: none;
   font-size: 1.1em;
   float: right;
   color: #fff;
   position: relative;
   top: 28px;
}	
/* top menu */

#menu-top {	
    margin: 17px 0px 0px 90px;
    float: left;
    width: 440px;
    overflow: hidden;
}

#menu-top a {	
    padding: 0px 3px 0px 3px;
    font-family: 'Century Gothic',verdana,sans-serif;
    margin-right: 20px;
    text-decoration: none;
    float: left;
    color: #F4F6F8;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
}

#menu-top a:hover {	
    color: #ACE218;
}

#menu-top a:active {
    color: #ACEB04;
}

/* end konfiguracji menu-top */
/* blok zmiany jezyka */
#lang-box {
    /*border: 1px seashell solid;*/
    width: 40px;
    height: 50px;
    float: left;
    margin: 2px 0px 0px 0px;
}

#lang-pl {
    width:  31px;
    height: 20px;
    float:  left;
    display: block;
    background: url('../images/pl-przycisk-zbiorczy.png') no-repeat center bottom;
}
#lang-pl:hover {
    background: url('../images/pl-przycisk-zbiorczy.png') no-repeat center -19px;
}
#lang-pl:active {
    background: url('../images/pl-przycisk-zbiorczy.png') no-repeat center 2px;
}

.lang-active {
	background: url('../images/pl-przycisk-zbiorczy.png') no-repeat center 2px !important;
}


#lang-gb {
    width:  31px;
    height: 20px;
    float:  left;
    display: block;
    background: url('../images/uk-przycisk-zbiorczy.png') no-repeat center bottom;
}
#lang-gb:hover {
    background: url('../images/uk-przycisk-zbiorczy.png') no-repeat center -19px;
}
#lang-gb:active {
    background: url('../images/uk-przycisk-zbiorczy.png') no-repeat center 2px;
}
/* end blok zmiany jezyka */

.blueBox
{
    width: 500px;
    padding: 6px; 
    border: 1px solid #374A73; 
    margin: 0px 0px 10px 30px;
    background: #E8ECF7;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    color: #374A73;
    font-size: 12px; 
    font-family: Arial,Verdana,Sans-Serif;
    text-align: left;
}

.blueBox ul, .greyBox ul
{
    margin: 4px 0px 0px 5px;
    padding: 0px;
}

.blueBox li, .greyBox li
{
    line-height: 26px;
    background-position: 0px 7px;
}

.greyBox
{
    width: 500px;
    padding: 6px; 
    border: 1px solid #A5A6A8; 
    margin: 0px 0px 10px 30px;
    background: #fcfcfc;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    color: #3A4C74;
    font-size: 12px; 
    font-family: Arial,Verdana,Sans-Serif;
    text-align: left;
}

/* koniec strony Usługi */

#leftMenu1 
{
    padding: 0px;
    margin-top: 10px;
}

#leftMenu1 ul 
{
    padding: 0px;
    margin: 0px 0px 0px 10px;
}

#leftMenu1 li 
{
    text-transform: uppercase;
    line-height: 20px;
    font-size: 13px;
    background-position: 0px 4px;
    font-weight: bold;
}

#leftMenu1 a 
{
    color: #3C4F77;
    text-decoration: none;
}

#leftMenu1 a:hover 
{
    color: #9FA1A3;
    text-decoration: none;
}

#leftMenu1 a.aktywny 
{
    color: #9FA1A3;
}

/* buttony stopka */

#email:link {
    width: 53px;
    height: 51px;
    display: block;
    float: left;
    margin: 23px 0px 0px 60px;
    background: url('../images/przycisk-email.png') no-repeat center bottom;    
}

#email:hover {
    background: url('../images/przycisk-email.png') no-repeat center center;
}

#email:active {
    background: url('../images/przycisk-email.png') no-repeat center top;
}

/* dojazd guzik */

#dojazd:link {
    width: 53px;
    height: 51px;
    display: block;
    float: left;
    margin: 16px 0px 0px 60px;
    background: url('../images/przycisk-mapa.png') no-repeat center bottom;
}
#dojazd:hover {
    background: url('../images/przycisk-mapa.png') no-repeat center center;
}
#dojazd:active {
    background: url('../images/przycisk-mapa.png') no-repeat center top;
}

/* end dojazd guzik */

#kontakt:link {
    width: 53px;
    height: 51px;
    display: block;
    float: left;
    margin: 18px 0px 0px 60px;
    background: url('../images/przycisk-telefon.png') no-repeat center bottom;
}
#kontakt:hover {
    background: url('../images/przycisk-telefon.png') no-repeat center center;
}
#kontakt:active {
    background: url('../images/przycisk-telefon.png') no-repeat center top;
}
/* buttony stopka */

/* centralna ramka*/
#strona{
    z-index: 10; 
    position: absolute; 
    bottom: 80px; 
    top: 110px; 
    right: 50px;
    color:white;
    border-style: solid;
    border-width: 20px 60px 20px 60px;
    -moz-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -webkit-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -o-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    border-image: url(../images/podstrona-pelna.png) 20 60 fill stretch;
    font-size: large;
    overflow: auto;
    padding-right: 1em;
}
.content {
    width: 920px;
    height: auto;
    margin: 0px auto !important;
    position: relative;
    top: -20px;
    /*border: 1px solid green;*/
}

#strona_center {
    width: 850px;
    height: 600px;
    z-index: 10; 
    margin: 0px auto !important;
    background: url(../images/podstrona-body.png) top center no-repeat;  
    color: #fff;
    padding-right: 1em;
    padding: 50px 45px 35px 60px;
	position: relative;
	top: -20px;
}
/* kontener pod mapę */
#strona_center_map {
    position: relative;
    top: -20px;
    width: 815px;
    height: 525px;
    z-index: 10; 
    margin: 0px auto !important;
    background: url(../images/podstrona-body.png) top center no-repeat;  
    color: #fff;
    padding-right: 1em;
    padding: 45px 48px 0px 71px;
}

#strona_center_map {
    background: url(../images/podstrona-mapa-body.png) top center no-repeat;
}

#map_content {
    width: 100%;
    height: 50px;
    padding: 1px 3px 1px 3px;
/*    border: solid 1px red;*/
}

#map_content_mask {
    width: 370px;
    height: 125px;
    position: relative;
    bottom: 43px;
    right: 44px;
    background: url(../images/mapka-dol.png) 15px 0px no-repeat;  
}

#strona_content {
    width: auto;
    height: 465px;
    overflow: auto;
    padding: 5px 16px 14px 16px;
}

/* mala podstrona */ 
#strona_center_small {
    width: 420px;
    height: 580px;
    z-index: 10;
    margin: 0px auto !important;
    background: url(../images/podstrona-body-small.png) right -15px no-repeat;  
    color: #fff;
    padding-right: 1em;
    /*padding: 50px 45px 35px 60px;*/
    /*border: 1px solid red;*/
    float: right;
}

#strona_content_small {
    width:  312px;
    height: 525px;
    overflow: auto;
    margin: 30px 8px 20px 85px;
    /*border: solid 1px red;*/
    padding: 0px 5px 0px 5px;
}

/* end mala podstrona */

#strona_center p {
    text-align: justify;
    text-indent: 25px;
}

#strona p {
    text-indent: 0px;
    font-size: smaller;
}

#strona h3, #strona_center h3, #strona_content h3 {
     color: #B2F302;
     margin-left: 25px;
  	 font-size: 1.2em;
  	 font-style: oblique;  	 
}

/* ~centralna ramka*/
/* strona kontaktowa */
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align:center
    
}
div.text-center{
    text-align:center;
    margin: 0 auto;
}

#strona a:link, 
#strona a:visited,
#strona a:active,
#strona a:hover {
    text-decoration: none;
    color:white;
}
#strona a:hover{
    color:#00fff6;
}
/* ~strona kontaktowa */

/* dojazd */

.dojazd-box {
    width: 100%;
    height: 267px;
    display: block;
    position: relative;
    top: -272px;
/*    border: 1px solid red;*/
    background: url('../images/mapa-belka-na-adres-i-zdjecie-2.png') bottom left no-repeat;
}


/* galeria */

/*kontakt*/
.img_inline{
    margin: 0 auto;
}

/*#promi{
    display:inline-block;
    vertical-align:middle;
}

#architectus{
    display:inline-block;
    vertical-align:middle;
}*/
/*~kontakt*/

/*opis projektu*/
#opis_projektu{
    position: absolute;
    right:50px;
    width:300px;
    margin-top: 50px;
    margin-bottom: 50px;
    z-index: 10;
    color:white;
    border-style: solid;
    border-width: 20px 60px 20px 60px;
    -moz-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -webkit-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -o-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    border-image: url(../images/podstrona-pelna.png) 20 60 fill stretch;
}
/*~opis projektu*/

/*GŁÓWNY CSS*/
#pasek_gorny{
    width: 100%; 
    position: absolute; 
    z-index: 10; 
    height: 21px; 
    /*background: url('../images/pasek-gorny.png') repeat-x bottom;*/
    background: none;
}

#belka_gorna{
    margin: 0 auto; 
    width: 1224px; 
    height: 116px; 
    background: url('../images/belka-gorna-menu.png') no-repeat bottom center;
}

.project_title{
    position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px;
    text-align: left; line-height: 25px; text-transform: uppercase; font-size: 25px;
    color: #FFFFFF;
}
#arr_pr_con_left{
    /*background: url(../images/slider-lewo.png) center no-repeat;*/ 
    width: 45px; 
    height: 245px; 
    position: absolute; 
    top: 123px;
    left:-1px;
}

#arr_pr_con_right{
    /*background: url(../images/slider-prawo.png) center no-repeat;*/ 
    width: 45px; 
    height: 245px; 
    position: absolute; 
    top: 123px; 
    right: -1px
}
/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21ldn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: none;
    overflow: hidden;
    width: 56px; 
    height: 86px; 
    top: 125px; 
    left: 0px;
}

.jssora21r, .jssora21rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: none;
    overflow: hidden;
    width: 56px; 
    height: 86px;
    top: 125px; 
    right: 0px;
}

.jssora21l{ background: url(../images/slider-buttons.png)         0px -202px no-repeat; }
.jssora21l:hover { background: url(../images/slider-buttons.png)  1px -106px no-repeat; }
.jssora21l:active { background: url(../images/slider-buttons.png) 0px -10px no-repeat;  }

.jssora21r { background: url(../images/slider-buttons.png)       right -202px no-repeat; }
.jssora21r:hover { background: url(../images/slider-buttons.png) right -106px no-repeat; }
.jssora21r:active  { background: url(../images/slider-buttons.png) right -10px no-repeat; }

#belka_dol_container {
    width: 100%; 
    z-index: 10; 
    position: absolute; 
    bottom: 17px; 
}
#belka_dol {
    margin: 0 auto; 
    width: 800px; 
    height: 49px; 
    background: url('../images/belka-dolna.png') no-repeat bottom right;
}
#pasek_dol {
    width: 100%; 
    z-index: 10; 
    position: absolute; 
    bottom: 0px; 
    height: 17px; 
    background: url('../images/pasek-dolny.png') repeat-x bottom;
}
#project_info {
    z-index: 10; 
    position: absolute; 
    top:70px; 
    bottom:80px; 
    right:50px;
    color:white;
    width:30%;
    border-style: solid;
    border-width: 20px 60px 20px 60px;
    -moz-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -webkit-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    -o-border-image: url(../images/podstrona-pelna.png) 20 60 stretch;
    border-image: url(../images/podstrona-pelna.png) 20 60 fill stretch;
    overflow: auto;
    
}
#project_info h3{
    color: white;
    margin-left: 15px;
}

#div_info_btn{
   background-image:  url('../images/pixel.png');
   background-repeat: repeat;
   
}
/* Button Info */
.pr_info_btn:link {
    width: 31px;
    height: 31px;
    display: block;
    float: left;
    margin: 15px 0px 0px 0px;
    background: url('../images/Info-przycisk.png') no-repeat center top; 
}

.pr_info_btn:hover {
    background: url('../images/Info-przycisk.png') no-repeat center center;
}

.pr_info_btn:active {
    background: url('../images/Info-przycisk.png') no-repeat center bottom;
}
/* ~Button Info */

/* Button Close */
.pr_close_btn:link {
    width: 31px;
    height: 31px;
    display: block;
    float: left;
    margin: 15px 0px 0px 0px;
    background: url('../images/close-przycisk.png') no-repeat center top;    
}

.pr_close_btn:hover {
    background: url('../images/close-przycisk.png') no-repeat center center;
}

.pr_close_btn:active {
    background: url('../images/close-przycisk.png') no-repeat center bottom;
}

#project_info h3{
}

a.pr_close_btn {
   position: relative; left: 93%; top: -3px;
}
/* ~Button Close */
/*Info button*/

a.pr_info_btn {
    position: absolute; top: 35px; right: 35px;
    z-index: 10;

}

p.justify {
    text-align: justify;
}

#contact-container {
    background: url('../images/kontenerek-wysuwany.png') no-repeat center bottom;
    position: absolute;
    top: 340px;
    right: -56px;
    height: 241px;
    width: 111px;
}

/* kontakt */

.contact-box {
	width: 180px;
	height: 80px;
	border: 1px solid #588EAF;
	padding: 50px 0px 0px 90px;
	margin: 30px 0px 20px 15px;
	background: url('../images/kontakt-portret.png') no-repeat 10px 20px;
}

.contact-nazwisko,
.contact-stanowisko,
.contact-telefon {
	display: block;
	font-size: 0.9em;
	text-shadow: 0px 0px 6px rgba(115, 115, 115, 0.9);
	text-align: left;
}

.contact-stanowisko {
	color: #B2F302;
}
/* kontakt */
/* mapa kontakt */
#kontakt-adres {
	float: left;
	width: 200px;
	padding: 25px 0px 0px 90px;
	text-align: left;
}

#kontakt-gps {
	float: left;
	margin: 60px 0px 0px 0px;
	width: 300px;
	padding: 5px 0px 0px 50px;
	/*border: 1px solid red;*/
}
.kontakt-adres, .kontakt-firma  {
	display: block;
	font-size: 1em;
}
.kontakt-wspolrzedne {
	display: none; 
}

.kontakt-firma, .kontakt-wspolrzedne {
	color: #B2F302;
}
/* mapa kontakt */

/* style zdjec */

img.shadow {
    -webkit-box-shadow: 1px 2px 1px #fff;
    -moz-box-shadow: 1px 2px 1px #fff;
    box-shadow: 1px 2px 1px #fff;
}

img.shadow-dark {
    -webkit-box-shadow: 2px 2px 1px #051A22;
    -moz-box-shadow: 2px 2px 1px #051A22;
    box-shadow: 2px 2px 1px #051A22;
}

img.corners {
    border-radius: 4px 4px;
}

img.poltim-oferta {
    margin: 5px 20px 5px 0px;
}

/* ~style zdjec */
/* style lista */
ul.default {
    margin: 0px;
    padding: 0px;
}

ul.default li {
    text-align: left;
    margin: 0px 0px 3px 50px;
    padding: 0px 0px 3px 25px;
    background: url('../images/li-default.png') no-repeat left 3px;
    border: none;
}
/* end style lista */

/* przycis video */

#video-container {
    background: url('../images/video-kontener.png') no-repeat center top;
    position: absolute;
    top: 330px;
    left: -55px;
    height: 130px;
    width: 111px;
}

#video-guzik:link, #video-guzik:visited {
    margin-top: 36px;
    width: 53px;
    height: 53px;
    background: url('../images/button-film.png') no-repeat center bottom;
    display: block;
}

#video-guzik:hover {
    background: url('../images/button-film.png') no-repeat center -49px;
}

#video-guzik:active {
    background: url('../images/button-film.png') no-repeat center 3px;
}

/* ~przycis video */

.poltim-color {
    color: #ACEB04;
}
/* przycisk powrot */
#przycisk-wroc {
	margin: 0px 100px 0px 0px;
    width: 53px;
    height: 53px;
    background: url('../images/przycisk-powrot.png') no-repeat center bottom;
    display: block;
	float: right;
}

#przycisk-wroc:hover {
    background: url('../images/przycisk-powrot.png') no-repeat center -49px;
}

#przycisk-wroc:active {
    background: url('../images/przycisk-powrot.png') no-repeat center 3px;
}
/* ~przycisk powrot */

/*~GŁÓWNY CSS*/