@charset "utf-8";
/* CSS Document */

* {
outline: none;
}


body {
background: #f5f5f5 url('images/bg.jpg') repeat-x;
padding: 0px;
margin:0px;
}

#contener {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica,Jamrul,sans-serif;
color:#5f5f5f;
position:relative;
width: 980px;
margin: 0 auto;
}

/*************************HEADER*/

#header {
height:139px;
}

a {
color:#FFFFFF;

}

#logo{
display:block;
position:absolute;
width: 101px;
height:137px;
text-indent: -9999px;
background: url('images/sprite.png') 0px 0px no-repeat;
margin-top: 12px;
margin-left: 67px;
margin-bottom: 0px;
float:left;
z-index:1;
}

#menu{
display:block;
position:relative;
margin:0px;
padding:0px;
list-style:none;
float:right;
top:112px;
}

#menu li {
float:left;
line-height: 18px;
font-size:14px;
margin-left:40px;
font-weight: bold;
color:#686867;
}

#menu li a{
text-decoration:none;
text-transform:uppercase;
font-weight: bold;
color:#686867;
}

#menu li a:hover {
color:#ad2926;
}

#menu li a.selected-menu {
color:#ad2926;
}

/*************************MAIN*/

.main{
clear:both;
display:none;
color:#FFFFFF;
position:relative;
color:#FFFFFF;
width: 980px;
height:361px;
}

.current {
display:block !important;
}

.bg {
position:relative;
background: url('images/bg1.jpg')no-repeat;
}

#home-page {
background: url('images/home.jpg')no-repeat;
position:relative;
color:#FFFFFF;
width: 980px;
height:361px;
display:block;
}

#materialy-marketingowe {
background: url('images/materialy-marketingowe.jpg')no-repeat;
}

#consulting-strategiczny {
background: url('images/consulting-strategiczny.jpg')no-repeat;
display:none;
}

#strony-www {
background: url('images/strony-www.jpg')no-repeat;
display:none;
}

#wystawiennictwo {
background: url('images/wystawiennictwo.jpg')no-repeat;
display:none;
}

#dom-mediowy {
background: url('images/dom-mediowy.jpg')no-repeat;
display:none;
}

.klienci {
background: url('images/klienci.jpg')no-repeat;
display:block;
position:relative;
width: 980px;
height:361px;
}



#text {
display:block;
position:relative;
float:right;
right: 44px;
width: 363px;
top:161px;
}

#text p {
line-height:18px;
font-size:12px;
margin:0px;
text-shadow: 1px 1px 1px #000000;
}

ul.listowanie {
    bottom: 81px;
    display: block;
    margin: 0;
    padding: 0;

    position: absolute;
    right: -1px;
    width: 20px;
	}
	
.listowanie li {
list-style:none;
text-indent:-9999px;
padding-bottom:5px;
padding-left:4px;
padding-top:4px;
background-color:#FFFFFF;

}
.listowanie li:first-child {
padding-top:8px;
	background: url('images/sprite.png') 0px -361px no-repeat;
}
.listowanie li:last-child {
padding-bottom:8px;
	background: url('images/sprite.png') 0px -401px no-repeat;
}
.listowanie li a{
display:block;
width:15px;
height:15px;
background: url('images/sprite.png') 0px -206px no-repeat;

}

.listowanie li.selected a {
background: url('images/sprite.png') 0px -184px no-repeat;

}

.listowanie li a:hover {
background: url('images/sprite.png') 0px -184px no-repeat;
}


ul.images-klienci {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
	top:132px;
	margin-left:13px;

}
.images-klienci li {
float:left;
list-style:none;
text-indent:-9999px;
width:164px;
height:108px;
margin-left: 20px;
}

#klienci-1 {
background: url('images/klienci-1.jpg')no-repeat;

}
#klienci-2 {
display:none;
}
#klienci-3 {
display:none;
}
.autobill {
background: url('images/klienci.png') 0px 0px no-repeat;
}

.arbud {
background: url('images/klienci.png') -183px 0px no-repeat;
}

.geomapa {
background: url('images/klienci.png') -366px 0px no-repeat;
}

.portal {
background: url('images/klienci.png') -550px 0px no-repeat;
}
.heoging {
background: url('images/klienci.png') -732px 0px no-repeat;
}

.pinky {
background: url('images/klienci.png') 0px -120px no-repeat;
}
.tbs {
background: url('images/klienci.png') -183px -120px no-repeat;
}
.gabinet-lekarski {
background: url('images/klienci.png') -366px -120px no-repeat;
}
.domus {
background: url('images/klienci.png') -550px -120px no-repeat;
}

.gb {
background: url('images/klienci.png') -732px -120px no-repeat;
}
.euro-styl {
background: url('images/klienci.png') 0px -240px no-repeat;
}
.fitness {
background: url('images/klienci.png') -183px -240px no-repeat;
}
.przedszkole {
background: url('images/klienci.png') -366px -240px no-repeat;
}
.energa {
background: url('images/klienci.png') -550px -240px no-repeat;
}

.chmielna {
background: url('images/klienci.png') -732px -240px no-repeat;
}


/*************************FOOTER*/


#footer {
display:block;
position:relative;
clear:both;
margin-top: 13px;
font-size:11px;
line-height:18px;
}
#footer a{
text-decoration:underline;
color:#b91c1d;
}


span.tel {
background: url('images/sprite.png') 0px -160px no-repeat;
width:116px;
height:15px;
padding-left:18px;
display:block;
float: right;
position:relative;
}



a.email {
background: url('images/sprite.png') 0px -141px no-repeat;
width:133px;
height:15px;
padding-left:18px;
display:block;
float:right;
position:relative;

}

#kontakt {
background: url('images/kontakt.jpg')no-repeat;
position:relative;
color:#FFFFFF;
width: 980px;
height:361px;
display:block;
}

.dane-kontaktowe {
clear:both;
display:block;
float:left;
position:relative;
top:130px;
color:#FFFFFF;
font-size:28px;
padding-left:48px;
width:400px;
text-shadow: 1px 1px 1px #000000;
}

.dane-kontaktowe p{
display:block;
float:left;
font-size:12px;
text-shadow: 1px 1px 1px #000000;
line-height:18px;
margin-top:35px;
}



span.tel-duzy {
background: url('images/sprite.png') 0px -228px no-repeat;
height:30px;
padding-left:40px;
display:block;
float: left;
position:relative;
margin-bottom:31px;

}

a.email-duzy{
background: url('images/sprite.png') 0px -262px no-repeat;
height:30px;
padding-left:40px;
display:block;
float: left;
position:relative;
text-decoration:none;
color:#FFFFFF;
text-shadow: 1px 1px 1px #000000;
}

a:hover.email-duzy{
text-decoration:underline;
}


/*************************KONTAKT*/
.kontakt {
display:block;
position:relative;
float:right;
width:436px;
padding-top:132px;
}

.kontakt p {
margin:0px;
padding:0px;
padding-bottom:5px;
font-size:12px;
text-shadow: 1px 1px 1px #000000;
}


ul.form  {
float:left;
position:relative;
display:block;
margin:0px;
margin-right:15px;
padding:0px;
}


.form li {
list-style:none;
margin-bottom:8px;
padding:0px;

}


ul.submit  {
float:left;
position:relative;
display:block;
margin:0px;
padding:0px;
width:200px;

}

.submit li {
list-style:none;
margin-bottom:8px;
padding:0px;

}
#wiadomosc {
height: 131px!important;;
width: 196px;
border:1px solid #FFFFFF;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */

}
input {
width:187px;
border:1px solid #cb0c00;
border-radius:3px;
-moz-border-radius:3px; /* Firefox 3.6 and earlier */
padding:3px;
height:15px;
}


/*input#wyslij {
width:90px !important;
height:27px!important;
float:right;
display:block;
position:relative;
background: url('images/sprite.png') 0px -304px no-repeat;
border:0px!important;
color:#FFFFFF;
padding-bottom:10px!important;
}*/

#wyslij {
width:90px ;
height:27px;
float:right;
display:block;
position:relative;
background: url('images/sprite.png') 0px -304px no-repeat;
border:0px;
color:#FFFFFF;
padding-bottom:10px;}

#err {
font-size:12px;
display:none;
float:left;
position:relative;

}

#kontakt_sent {
   display: none;
    float: right;
    font-size: 16px;
    left: 541px;
    position: absolute;
    top: 197px;
    width: 250px;
}