@font-face {
    font-family: 'UniversCondensedMediumItalic';
    src: url('../fonts/unvr58w-webfont.eot');
    src: url('../fonts/unvr58w-webfont.eot?iefix') format('eot'),
         url('../fonts/unvr58w-webfont.woff') format('woff'),
         url('../fonts/unvr58w-webfont.ttf') format('truetype'),
         url('../fonts/unvr58w-webfont.svg#webfontX8BPsRKy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'MyriadProBold';
	src: url('../fonts/myriadpro-bold-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProItalic';
	src: url('../fonts/myriadpro-it-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-it-webfont.woff') format('woff'), url('../fonts/myriadpro-it-webfont.ttf') format('truetype'), url('../fonts/myriadpro-it-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('../fonts/myriadpro-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProSemibold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.myriad-sb{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MyriadProSemibold', sans-serif;
}

.myriad-b{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MyriadProBold', sans-serif;
	}

.myriad-i{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MyriadProItalic', sans-serif;
	}

.myriad{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MyriadProRegular', sans-serif;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; padding:0; margin:0;}
.fleft{float: left; display: inline}
.clear{clear:both;height:0px !important;}
.hover{cursor: pointer}
.tright{text-align: right !important}
a{text-decoration: none; color: #00923d;outline: none;}
.mtop{margin-top: 75px;}
                                      
h1{
font-family: 'UniversCondensedMediumItalic';
color: #dc214c;
font-size: 32px;
text-transform: uppercase;
}

h2{
font-family: 'UniversCondensedMediumItalic';
color: #dc214c;
font-size: 24px;
text-transform: uppercase
}

body{
background: url(../gfx/bg.jpg);
font-size: 13px;
color: #424242 ;
overflow: hidden;
font-family: 'trebuchet', sans-serif;
}

.strona{

}
.podstrona{
padding-top: 90px !important;
}

#logo, #english, #copyright{
position: fixed;
z-index: 999;
}
#english{

right: 0;
}

#copyright{
right: 0;
bottom: 0;
}

#napis{
position: absolute;
left: 230px;
top: 23px;
}

/* STRONA GŁOWNA */

#wrap{
width: 1047px;
margin:0 auto;
padding-left: 70px;
}

#home-page #lewa-kolumna{
text-align: right;
width: 212px;
height: 548px;
}

#home-page #lewa-kolumna #strona-technologies{
margin-top: 94px;
}

#home-page #lewa-kolumna #strona-realizations{
margin-top: 101px;
}

#home-page #lewa-kolumna #strona-blog{
margin-top: 133px;
}

#home-page #srodkowa-kolumna{
width: 331px;
height: 548px;
background: url(../gfx/arbuz_all.png) no-repeat;
}

#home-page #srodkowa-kolumna #img-menu-technologies{
position: relative;
z-index:54;
}

#home-page #srodkowa-kolumna #img-menu-about-us{
margin-top: -56px;
?margin-top: -59px;
position: relative;
z-index:53;
}

#home-page #srodkowa-kolumna #img-menu-realizations{
margin-top: -53px;
?margin-top: -56px;
position: relative;
z-index:52;
}

#home-page #srodkowa-kolumna #img-menu-blog{
margin-top: -53px;
?margin-top: -56px;
position: relative;
z-index:51;
}

#home-page #srodkowa-kolumna #img-menu-contact{
margin-top: -92px;
?margin-top: -95px;
position: relative;
z-index:50;
}

.img-menu, .img-sub-menu{
opacity: 0;
filter: alpha(opacity = 0);     
cursor: pointer;
}

/* PODSTRONA */

.podstrona{
padding-left: 20px;
float: left;
display: inline;
overflow: hidden;
}
.podstrona,  x:-moz-any-link {
padding-left: 20px;
}
.sub-wrap{

}

.tytul-strony{
position: relative;
top: -43px;
left: 210px;
visibility: hidden;
}

/* PODSTRONA - MENU */
.sub-menu-active{
opacity: 1;
filter: none;
}

.sub-menu{
float: right;
display: inline;
width: 546px;
overflow: hidden;
}
.sub-menu .sub-menu-bg{
width: 319px;
height: 100%;
float: left;
display: inline;
background: url(../gfx/menu-sub/arbuz-sub.png);
}

.sub-menu .sub-menu-buttons{
width: 227px;
height: 100%;
float: left;
display: inline;
text-align: right;
}

.sub-menu-bg .img-sub-menu-about-us{
margin-top: 89px;
}

.sub-menu-bg .img-sub-menu-offer-technologies{
?margin-top: -3px;
}
.sub-menu-bg .img-sub-menu-realizations{
margin-top: -22px;
?margin-top: -25px;
}
.sub-menu-bg .img-sub-menu-blog{
margin-top: -46px;
?margin-top: -48px;
}
.sub-menu-bg .img-sub-menu-contact{
margin-top: -40px;
?margin-top: -45px;
}

/* REALIZACJE */
.anch{
width: 10px;
height: 10px;
background: red;
position: absolute;
top: -143px;
}

#maska{
position: relative;
overflow: hidden;
}

#realizations-strony{
width: 1000%;
overflow: hidden;
}

.realizations-uni{
display: inline;
float: left;
position: relative;
}

.realizations-uni h2{
margin: 0 0 20px 25px;
}
/* KONTAKT */

#contact{
background: url(../gfx/contact.png) bottom left no-repeat;
margin-bottom: 0px;
}

#contact h3{
margin-bottom: 15px;
font-size: 18px;
margin-left: 56px;
color:#DC214C;
}
#contact p{
margin-bottom: 15px;
margin-left: 56px;
font-size: 15px;
}

/* NAWIGACJA */

#nawigacja{
position: relative;
top: -25px;
right: 0px;
float: right;
}

#nawigacja div{
width: 22px;
height: 15px;
}

#nawigacja .nawi-box-st{
color: #fff;
background: #d8d5d5;
text-align: center;
margin: 0 2px 0 2px;
cursor: pointer;
}
#nawigacja #poczatek{
background: url(../gfx/nawigacja/left-all.png) no-repeat;
cursor: pointer;
}
#nawigacja #rew{
background: url(../gfx/nawigacja/left-once.png) no-repeat;
cursor: pointer;
}
#nawigacja #ff{
background: url(../gfx/nawigacja/right-once.png) no-repeat;
cursor: pointer;
}
#nawigacja #koniec{
background: url(../gfx/nawigacja/right-all.png) no-repeat;
cursor: pointer;
}

#nawigacja .nawi-box a{
color: #fff;
display: block;
}

#nawigacja .nawi-box-active{
background: #dc214c;
}
/* TINY SCROLLBAR */

.scroll{ width: 520px; clear: both; margin: 0px 0 10px; }
.scroll .viewport { min-height: 400px; overflow: hidden; position: relative; margin:0;}
.scroll .overview { list-style: none;  position: absolute; left: 0; top: 0;  background: white; ?padding-left:0px;}
.scroll .thumb .end,
.scroll .thumb { background-color: #dc224b; }
.scroll .scrollbar { position: relative; height: 100%; float: left; width: 10px; margin: 0 15px 0 0px}
.scroll .track { background: url(../gfx/track.jpg); height: 100%; width:10px; position: relative; padding: 0 0px; }
.scroll .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scroll .disable{ display: none; }

.scroll-realizations{ width: 520px; clear: both; margin: 0px 0 10px; }
.scroll-realizations .viewport { overflow: hidden; position: relative; margin:0; float: left}
.scroll-realizations .overview { list-style: none;  position: absolute; left: 0; top: 0; background: white;?padding-left:0px;}
.scroll-realizations .thumb .end,
.scroll-realizations .thumb { background-color: #dc224b; }
.scroll-realizations .scrollbar { position: relative; height: 100%; float: left; width: 10px; margin: 0 15px 0 0px}
.scroll-realizations .track { background: url(../gfx/track.jpg); height: 100%; width:10px; position: relative; padding: 0 0px; }
.scroll-realizations .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll-realizations .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scroll-realizations .disable{ visibility: hidden }

/* Zmianny po wszystkim*/
#copyright {display:none !important;}