body {
overflow-x:hidden;
 font-family: Calibri,Arial;
}

.under1680 {
    background-image: url(../images/inmani_glowna_1680.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.under1920 {
    background-image: url(../images/inmani_glowna_1920.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.under1440 {
    background-image: url(../images/inmani_glowna_1440.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.under1000 {
    background-image: url(../images/inmani_glowna_1024.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.under1280 {
    background-image: url(../images/inmani_glowna_1280_800.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.under1280_2 {
    background-image: url(../images/inmani_glowna_1280_1024.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.claim {
    background-image: url(../images/claim.png);
    background-repeat: no-repeat;
    width: 517px;
    height: 62px;
}
#kontakt {
    background-image: url(../images/bgKontakt.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#portfolio, #oferta, #pozycjonowanie, #testy, #makiety-prototypy-funkcjonalne , #slowacja, #czechy, #iphone {
    background-image: url(../images/bgPortfolio.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

#o-inmani {
    background-image: url(../images/oinmani.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.logo {
    float: left;
    padding: 35px 0px 0px 20px;
}

.menu-top {
    float: right;
}
#menu-lang {
    float: left;
    height: 21px;
    padding:44px 0px 0px 16px;
    width: 70px;
}

#menu-lang li {
    display: block;
    float: left;
    margin-right: 8px;
}

#menu-lang li a {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    height: 21px;
    float: left; /*background-image: url(../gfx/backgrounds/main-menu.png);*/
}
#menu-lang li a#pl{
    /*background-position:-286px 0;*/
    width: 22px;
	 height: 21px;
    background-image: url(../images/pl.png);
    background-repeat: no-repeat;
}
#menu-lang li a#en {
    /*background-position:-286px 0;*/
    width: 22px; height: 21px;
    background-image: url(../images/en.png);
    background-repeat: no-repeat;background-position:0px -21px;
}

#menu-lang li a#en:hover {
background-position:0px 0px;
}
#menu-top {
    float: left;
    height: 11px;
    left: 85px;
    position: relative;
    top: -1px;
    width: 650px;
}

#menu-top li {
    display: block;
    float: left;
    margin-right: 8px;
}

#menu-top li a {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    height: 111px;
    float: left; /*background-image: url(../gfx/backgrounds/main-menu.png);*/
}

#menu-top li a#home {
    /*background-position:-286px 0;*/
    width: 165px;
    background-image: url(../images/btnInmani.png);
    background-repeat: no-repeat;
}

#menu-top li a#home:hover, #menu-top li a#home.active, #menu-top li a#home:hover {
    background-image: url(../images/btnInmaniHover.png);
}

#menu-top li a#portfolio {
    /*background-position:-286px 0;*/
    width: 95px;
    background-image: url(../images/btnPortfolio.png);
    background-repeat: no-repeat;
}

#menu-top li a#portfolio:hover, #menu-top li a#portfolio.active, #menu-top li a#portfolio:hover {
    background-image: url(../images/btnPortfolioHover.png);
}

#menu-top li a#oferta {
    /*background-position:-286px 0;*/
    width: 131px;
    margin: 0px 0px 0px 20px;
    background-image: url(../images/btnOferta.png);
    background-repeat: no-repeat;
}

#menu-top li a#oferta:hover, #menu-top li a#oferta.active, #menu-top li a#oferta:hover {
    background-image: url(../images/btnOfertaHover.png);
}

#menu-top li a#kontakt {
    /*background-position:-286px 0;*/
    width: 113px;
    margin-left: 10px;
    background-image: url(../images/btnKontakt.png);
    background-repeat: no-repeat;
}

#menu-top li a#kontakt:hover, #menu-top li a#kontakt.active, #menu-top li a#kontakt:hover {
    background-image: url(../images/btnKontaktHover.png);
}

#menu-top li a#look-mark:hover, #menu-top li a#look-mark.active {
    background-image: url(../gfx/buttons/x/searchBrand_on.png);
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height: 41px;
}

.footer {
    color: #5F656D;
    margin:auto;
    font-size: 11px;
    margin-top: 20px;
    text-align: right;
    width: 960px;
}

.cont {
    width: 980px;
    margin: 0px auto 0px auto;
	  min-height:580px;
  height:auto !important;
  height:800px; font-family: Calibri, Arial;
  font-size:14px;
}
.cont2 {
    width: 980px;
    margin: 0px auto 0px auto;
	 
}
.clear {
    clear: both;
}



.content {
    padding: 100px 0px 0px 20px;
    color: #3f505c;
    font-size: 14px;
    line-height: 150%;
    width: 500px;
}
.content3 {
width:960px;

    padding: 100px 0px 0px 20px;
    color: #3f505c;
    font-size: 14px;
	
    line-height: 140%;
}
.content2 {
    padding: 100px 0px 0px 20px;
    color: #3f505c;
    font-size: 14px;
	
    line-height: 140%;
    width: 900px;
}
.content22 {
    padding: 100px 0px 0px 20px;
    color: #3f505c;
    font-size: 14px;
	
    line-height: 120%;
    width: 900px;
}
a {
    color: #3f505c;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.content li {
    list-style: square;
    margin: 0px 0px 0px 20px;
}

.fl1 {
    float: left;
    width: 280px;
    padding: 20px 0px 0px 0px;
}

.fl2 {
    float: left;
    width: 880px;
    padding: 20px 0px 0px 0px;
}

.titleInput {
    color: #293b56;
    padding: 8px 2px 2px 0px;
	
}
.floatLeft {
float:left;
}
.input {
    border: 1px solid #858b8f;
    background-image: url(../images/bgInput.jpg);
    background-repeat: repeat-x;
    width: 208px;
    color: #293b56;
    height: 22px;
    font-size: 12px;
    padding: 0px 0px 0px 2px;
}

.input:focus, .inputShort:focus, .ta:focus {
    background-color: #293b56;
    background-image: none;
    color: #fff;
    border: 1px solid #293b56;
}

.inputShort {
    border: 1px solid #858b8f;
    background-image: url(../images/bgInput.jpg);
    background-repeat: repeat-x;
    width: 103px;
    color: #293b56;
    height: 22px;
    margin-left: 20px;
    float: left;
    font-size: 12px;
    padding: 0px 0px 0px 2px;
}

.ta {
    border: 1px solid #858b8f;
    background-image: url(../images/bgInput.jpg);
    background-repeat: repeat-x;
    width: 458px;
    height: 90px;
    color: #293b56;
    padding: 0px 0px 0px 2px;
}

.red {
    color: #ff0000;
}

.fl3 {
    float: left;
    width: 250px;
}


.imgSpam {
    float: left;
}


#comment{
height:auto;}

.paddingTop15 {
    padding-top: 15px;
}

.fl4 {
 float: right;
    width: 678px;
}
.fl5 {
 float: left;
    width: 360px;
}
.tab1 {
float:left;
padding:50px 0px 0px 0px;
margin:0px;
}
.tab2 {
float:left;
padding:50px 0px 0px 0px;
margin:0px;
}
.tab3 {
float:left;
padding:50px 0px 0px 0px;
margin:0px;
}

.acount {
   float: right;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 28px;
    width: 371px;
	text-align:right;

}
.send {
    background-image: url(../images/send.png);
    background-repeat: no-repeat;
    height: 20px;
    cursor: pointer;
    float: right;
    width: 53px;
    display: block;
    text-indent: -9000px;
    border: 0px;
    margin-left: 208px;
    margin-top: 3px;
    background-color: transparent;
}
.send:hover {
background-position:0px -20px;
}
#slides {
    /*overflow: hidden;*/
    background: url(../images/ajax-loader.gif) center center no-repeat;
    position: relative;
}

.slides_container {
    height: 504px;
    margin-top: 60px;
}

.current {
    font-weight: bold;
}

.pagination {
    position: relative;
    left: 45px;
    width: 912px;
    height: 84px;
    overflow: hidden;
}

.pagination li {
    float: left;
    width: 90px;
    height: 84px;
    margin-right: 23px;
    display: block;
}

.slides_container{
overflow:visible !important;}

.pagination li a {
    float: left;
    width: 90px;
    height: 84px;
    text-indent: -9000px;
    display: block;
    background-image: url(../images/slide_logos2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.pagination li a#cxos0 {
    background-position: 0 0;
}

.pagination li a#cxos1 {
    background-position: -102px 0px;
}

.pagination li a#cxos2 {
    background-position: -200px 0;
}

.pagination li a#cxos3 {
    background-position: -303px 0;
}

.pagination li a#cxos4 {
    background-position: -403px 0;
}

.pagination li a#cxos5 {
    background-position: -503px 0;
}

.pagination li a#cxos6 {
    background-position: -605px 0;
}

.pagination li a#cxos7 {
    background-position: -704px 0;
}

.pagination li a#cxos8 {
    background-position: -804px 0;
}
.pagination li a#cxos9 {
    background-position: -908px 0;
}
 .pagination li a#cxos10 {
    background-position: -1008px 0;
}
 .pagination li a#cxos11 {
    background-position: -1104px 0;
}
.pagination li a#cxos12{
    background-position: -1204px 0;
}
 .pagination li a#cxos13{
    background-position: -1304px 0;
}
.pagination li a#cxos14 {
    background-position: -1404px 0;
}

.pagination li.current a#cxos0, .pagination li.current a#cxos0:hover {
    background-position: 0 -182px;
}
.pagination li a#cxos0:hover {
    background-position: 0 -90px;
}
.pagination li.current a#cxos1, .pagination li.current a#cxos1:hover {
    background-position: -102px -182px;
}
.pagination li a#cxos1:hover {
    background-position: -102px -90px;
}
.pagination li.current a#cxos2, .pagination li.current a#cxos2:hover {
    background-position: -200px -182px;
}
.pagination li a#cxos2:hover {
    background-position: -200px -90px;
}
.pagination li.current a#cxos3, .pagination li.current a#cxos3:hover {
    background-position: -303px -182px;
}
.pagination li a#cxos3:hover {
    background-position: -303px -90px;
}
.pagination li.current a#cxos4, .pagination li.current a#cxos4:hover {
    background-position: -403px -182px;
}
.pagination li a#cxos4:hover {
    background-position: -403px -90px;
}
.pagination li.current a#cxos5, .pagination li.current a#cxos5:hover {
    background-position: -503px -182px;
}
.pagination li a#cxos5:hover {
    background-position: -503px -90px;
}
.pagination li.current a#cxos6, .pagination li.current a#cxos6:hover {
    background-position: -605px -182px;
}
.pagination li a#cxos6:hover {
    background-position: -605px -90px;
}
.pagination li.current a#cxos7, .pagination li.current a#cxos7:hover {
    background-position: -704px -182px;
}
.pagination li a#cxos7:hover {
    background-position: -704px -90px;
}

.pagination li.current a#cxos8, .pagination li.current a#cxos8:hover {
    background-position: -804px -182px;
}
.pagination li a#cxos8:hover {
    background-position: -804px -90px;
}
.pagination li.current a#cxos9, .pagination li.current a#cxos9:hover {
    background-position: -908px -182px;
}
.pagination li a#cxos9:hover {
    background-position: -908px -90px;
}
.pagination li.current a#cxos10, .pagination li.current a#cxos10:hover {
    background-position: -1008px -182px;
}
.pagination li a#cxos10:hover {
    background-position: -1008px -90px;
}

.pagination li.current a#cxos11, .pagination li.current a#cxos11:hover {
    background-position: -1106px -182px;
}
.pagination li a#cxos11:hover {
    background-position: -1106px -90px;
}
a.prev {
    position: absolute;
    left: 0px;
    bottom: 24px;
	    background: url(../images/arrow-prev.png) no-repeat;
		width:19px;
		height:45px;
}
a.prev:hover {
background: url(../images/arrow-prev-hover.png) no-repeat;
}
a.next {
    position: absolute;
    right: 0px;
    bottom: 20px; background: url(../images/arrow-next.png) no-repeat;
		width:24px;
		height:47px;
	
}
a.next:hover {
background: url(../images/arrow-next-hover.png) no-repeat;
}
.slide {
    display: none;
    position: relative;
    width: 900px
}

.info-project {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #293b56;
    font-family: Calibri, Arial;
    font-size: 12px;
    width: 206px;
}

.info-project h3 {
    font-size: 22px;
     font-family: Calibri, Arial;
    margin: 10px 0;
}

#graplo-link {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    width: 90px;
    background: url(../images/graplo-link.png) no-repeat;
    height: 20px;
    margin-top: 8px;
}

#o-inmani .content2 {
    width: 600px
}

h5#sample-projects {
    background: url(../images/sample-projects.png) center top no-repeat;
    width: 100%;
    display: block;
    text-indent: -9000px;
    height: 20px;
}

.online {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    width: 53px;
    background: url(../images/online.png) no-repeat 0 0;
    height: 20px;
    margin-top: 8px;
}

.online:hover {
    background: url(../images/online.png) no-repeat 0 -20px;
}

.dn {
    display: none;
}

.group {
    display: none
}

.slide-place {
    float: left;
	position:relative;
	left:20px;
	top:-110px;
	height:30px;
}

.slide-place li {
    width: 22px;
    height: 22px;
    text-indent: -9000px;
    float: left;
    display: block;
}

.slide-place li a {
    width: 20px;
    height: 20px;
    text-indent: -9000px;
    float: left;
    background: url(../images/navi_float.png) no-repeat 0 0px;
    display: block;
}
.slide-place li a.active {
    background: url(../images/navi_act.png) no-repeat 0 0px;
}
.slide-place li a:hover {
    background: url(../images/navi_hover.png) no-repeat 0 0px;

}
.group{
	/*width:903px;*/
	 
}

a.zoom{
  background: url(../images/zoom.png) no-repeat 0 0px;
  display: none;
  height: 68px;
  left: 300px;
  position: absolute;
  text-indent: -9000px;
  top: 170px;
  width: 70px;
}
a.zoom:hover{
  background: url(../images/zoom.png) no-repeat 0 -68px;
}

.ok{
	color:#1da513;
}

.wr{
color:#ef0b0b;
}

.wrong{
border:1px solid #293b56;
background:#293b56;
 
}
h3 {
padding:0px;
margin:0px;
font-weight:bold;
font-size:14px;
}
h4 {
padding:0px;
margin:0px;
font-weight:bold;
line-height:normal;
font-size:16px;
}
.toUp {
text-transform:uppercase;
}
.offert {
border:1px solid #d5d5d5;
background-color:#fff;
width:900px;
margin:30px 0px 0px 0px;
font-weight:bold;
font-size:14x;
}
.firstColumn {
border-right:1px solid #d5d5d5;
padding:5px 8px 0px 8px;
}
.secondColumn {
border-right:1px solid #d5d5d5;padding:5px;
}
.thirdColumn {
padding:5px 5px 5px 15px;
font-weight:normal
}
.firstRow {
 background-color:#f7faf1;
 
 }
 .secondRow {
 background-color:#edeef0;
 }