/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'UbuntuRegular';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('../fonts/Ubuntu-RI-webfont.eot');
    src: url('../fonts/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-RI-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-RI-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('../fonts/Ubuntu-BI-webfont.eot');
    src: url('../fonts/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-BI-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-BI-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLight';
    src: url('../fonts/Ubuntu-L-webfont.eot');
    src: url('../fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-L-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-L-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLightItalic';
    src: url('../fonts/Ubuntu-LI-webfont.eot');
    src: url('../fonts/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-LI-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-LI-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('../fonts/Ubuntu-C-webfont.eot');
    src: url('../fonts/Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-C-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-C-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Typografia */
em {
  font-family: 'UbuntuItalic'
}

strong {
  font-family: 'UbuntuBold'
}

abbr {
  color:#E5B700;
  cursor: help; 
}
/* End Typografia */

body {
    width: 100%;
    height: 100%;
    background: url('../gfx/bg.png') 0 0 repeat;
    
    
    -moz-animation: fadein 500ms; /* Firefox */
    -webkit-animation: fadein 500ms; /* Safari and Chrome */
    -o-animation: fadein 500ms; /* Opera */
    animation: fadein 500ms;
}

#container{
    position: relative;
    z-index: 1;
    width: 940px;
    height: auto;
    margin: 0 auto;
}

/*      NAGŁÓWEK        */

#header {
  overflow: hidden;
  position:relative;
  padding-top: 20px;
  /*border:1px red solid;*/
}

/*      LOGO FIRMY      */

.logo {
  width:235px;
  height:79px;
  float: left;
  /*border:1px blue solid;*/
  background:url('../gfx/issel_79x79.png') 0 0 no-repeat; 
}

.logo a {
    display: block;
    text-decoration: none;
    color: #484847;
}

h1 {
  font-family:'UbuntuBold';
  font-size:32px;
  font-weight:bold;
  letter-spacing:-2px;
  padding: 22px;
  margin-left: 60px;
  color:#484847;
}

/*      MENU NAWIGACYJNE        */

.main-nav {
  width:670px;
  height:50px;
  /*border:1px blue solid;*/
  float: right;
  padding-top: 15px;
}

.main-nav ul {
  margin:0;
  padding:0px;
}

.main-nav ul li {
  display:block;
  float:left;
  padding:10px;
  border-left:2px solid #CCC;
  
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.4s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.4s;
}

.main-nav ul li a {
  display:block;
  width:145px;
  text-align:left;
  text-decoration:none;
  color:#333;
  font-family:'UbuntuRegular';
  font-weight:bold;
  font-size:13px;
  
}


.main-nav  ul li a:visited {
  color:#000;
}

.main-nav ul li a:hover {
  color:#484848;
}

.main-nav ul li:hover, .main-nav ul li.active {
  display:block;
  float:left;
  padding:10px;
  border-left:2px solid #ffcb00;
  
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.4s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.4s;
}


/*      DEKORACJA POD SLIDEREM      */

#issel {
  border-bottom:1px solid #DEDEDE;
  margin-top:45px;
  padding-bottom:25px;
  text-align:center;
  line-height:45px;
}

#issel span{
    color:#ffcb00;
    display: block;
}

.small-logo {
  background: url('../gfx/small-logo.png') no-repeat;
  position: relative;
  /*overflow: hidden;*/
  height:46px;
  top: 45px;
}

/*      NAGŁÓWKI        */
h2 {
  font-family: 'UbuntuRegular';
  font-size:32px;
  font-weight: 500;
  color:#6D6D6D;
}

h3 {
  font-family: 'UbuntuRegular';
  font-size:25px;
  font-weight: 600;
  color:#6D6D6D;
}

h4 {
  font-family:'UbuntuRegular';
  font-size:18px;
  font-weight:bold;
  color:#6D6D6D;
}


/*      SEKCJA BOXY INFORMACYJNE        */

#outer-wrapper {
    overflow: hidden;
    border-bottom:1px solid #DEDEDE;
    padding-top:41px;
    padding-bottom:45px;
}

#outer-wrapper .content {
  width:300px;
  height:300px;
  float:left;
  line-height: 120%;
  background-color:#FFFFFF;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#outer-wrapper .box3 {margin-right:0px;}

#outer-wrapper .content .wrapper1 {
  height:67px;
  margin-top:25px;
  background:url('../gfx/ikonka1.png') no-repeat 20px 0px;
  padding-left:85px;
}
#outer-wrapper .content .wrapper2 {
  height:67px;
  margin-top:25px;
  background:url('../gfx/ikonka2.png') no-repeat 20px 0px;
  padding-left:85px;
}
#outer-wrapper .content .wrapper3 {
  height:67px;
  margin-top:25px;
  background:url('../gfx/ikonka3.png') no-repeat 20px 0px;
  padding-left:85px;
}

a.button {
	font-family: 'UbuntuRegular';
	font-size: 14px;
	color: #6d6d6d;
	padding: 8px 35px;
	
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-decoration: none;
	
	background:#ffc500;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0px solid #ffc500;
	-moz-box-shadow:
		0px 2px rgba(202,202,202,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 2px rgba(202,202,202,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 2px rgba(202,202,202,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		1px 1px 0px rgba(255,255,255,0.5),
		0px 1px 0px rgba(255,255,255,0.5);
		
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
a.button:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#outer-wrapper  span {
  font-family: 'UbuntuRegular';
  font-size:17px;
  color:#6d6d6d;
}

#outer-wrapper p {
  font-family:'UbuntuRegular';
  font-size:14px;
  color:#6d6d6d;
  margin:15px 15px 0 25px;
  position:relative;
}

#outer-wrapper p:before {
  content: "";
  display: block;
  width: 85%;
  height: 1px;
  position: absolute;
  top: -15px;
  left: 10px;
  background-color:#cacaca;
}

/*      DANE TELEADRESOWE	*/

#contact {
  height:210px;
  width:940px;
  border-bottom:1px #dedede solid ;
  margin: 0 auto;
  position:relative;
  
}

#contact .icon {
  width:100px;
  height:120px;
  background:url('../gfx/mob-ico.png') no-repeat;
  position:absolute;
  top:45px;
  left:25px;
}

#contact .wrapper {
  width:500px;
  height:auto;
  color:#6d6d6d;
  position:absolute;
  top:35px;
  left:155px;
}

#contact .wrapper > h4 {
  margin-left: 124px;
}

#contact .wrapper > h5 {
  margin-left: 180px;
  margin-top: 20px;
}

#contact .info {
  width:85%;
  font-family:'UbuntuLight';
  font-size:15px;
  /*margin-top:25px;*/
  line-height:120%;
  text-align: center;
}

#contact .map {
  position:absolute;
  top:20px;
  left:640px;
}

#contact .a {
  display:inline-block;
  font-family:'UbuntuRegular';
  font-size:14px;
  font-weight:bold;
  margin-top:30px;
}

	#contact .e-mail,.kom {font-family:'UbuntuRegular'; font-weight:bold; color:#9f9f9f;}

	#contact .mail {font-family:'UbuntuRegular'; text-decoration:none; font-weight:bold; color:#6d6d6d;}
	
	#contact .map iframe {border:1px solid #cbcbcb}
	

/*      STOPKA      */

footer {
  width: 940px;
  height: auto;
  margin: 0 auto;
}

footer .nav-footer {
    width:590px;
    height:40px;
    float: left;
    overflow: hidden;
    position: absolute;
    padding-top: 20px;
}

.nav-footer ul {
    margin: 0;
    padding: 0px;
}
.nav-footer ul li {
    display: block;
    float: left;
    padding-right:5px;
    border-left: 1px solid #6d6d6d;
}

.nav-footer ul  li > a {
    display: block;
    font-family: 'UbuntuRegular';
    font-size: 12px;
    color: #6d6d6d;
    padding-left: 5px;
    text-decoration: none;
}

footer .info {
    float:right;
    font-family: 'UbuntuRegular';
    font-size:12px;
    color: #6d6d6d;
    text-align: right;
    padding-top: 20px;
}

/*------------------------ PODSTRONY ------------------------*/

#sub-title {
  border-top:1px solid #DEDEDE;
  border-bottom:1px solid #DEDEDE;
  margin-top:35px;
  padding:25px 0;
  text-align:center;
  line-height:45px;
}

#sub-wrapper {
    overflow: hidden;
    border-bottom:1px solid #DEDEDE;
    padding-top:41px;
    padding-bottom:45px;
}

    #sub-wrapper ul {
        margin-left:85px;
        padding: 10px 0;
    }
    #sub-wrapper ul li {
        list-style: disc;
        font-family: 'UbuntuLight';
        color: #6d6d6d;
        font-size: 15px;
        line-height: 160%;
    }

#sub-wrapper p {
    font-family: 'UbuntuRegular';
    font-size: 15px;
    color: #6d6d6d;
    text-align: left;
    padding:10px 25px;
    line-height: 140%;

}

#sub-wrapper .elektryczne p:before,.teletechniczne p:before,.automatyka p:before,.serwis p:before,.remont p:before,
    .nieruchomosci p:before,.firma p:before {
  content: "";
  display: block;
  width: 95%;
  height: 1px;
  position: absolute;
  top: 80px;
  left:25px;
  background-color:#ffcb00;
}

#sub-wrapper .kontener1,.kontener2,.kontener3,.kontener4,.kontener5,.kontener6,.kontener7 {
    text-indent: 80px;
    padding: 30px 0;
    
}

#sub-wrapper .elektryczne {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka1.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-bottom: 55px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#sub-wrapper .teletechniczne {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka4.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-bottom: 55px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#sub-wrapper .automatyka {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka2.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
  overflow: hidden;
}

#sub-wrapper .automatyka > .lista > ul {
  padding:0;
  margin-left:40px;
}

#sub-wrapper .automatyka .lista {
  display: block;
  width: 450px;
  height:auto;
  float: left;
  margin-bottom: 5px;
}

#sub-wrapper .serwis {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka3.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#sub-wrapper .remont {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka2.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-bottom: 55px;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#sub-wrapper .nieruchomosci {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka2.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}

#sub-wrapper .firma {
  width:940px;
  height:auto;
  background: url('../gfx/ikonka1.png') 20px 20px no-repeat;
  background-color:#FFFFFF;
  margin-right:17px;
  border:1px solid #FFFFFF;
  border-radius:5px;
  box-shadow:0px 2px #CACACA;
  position: relative;
}