* { margin: 0; padding: 0; outline: 0 }
p { margin: 0 0 0 0 }
img{ border: none }

body{
    background: url(../img/bg_1.jpg) repeat-x;
    background-color: #232323;
    
    font-family: Verdana;
    font-size: 13px;
    color: #454545;
}

#content1{
    background: url(../img/bg_header.png) center no-repeat;
    overflow: hidden;
}

#content2{
    background-color: #ffffff;
    overflow: hidden;   
}

#content3{
    background: url(../img/bg_footer.jpg) repeat-x;
    overflow: hidden;
}

#header{
    width: 980px;
    height: 460px;
    margin: 0 auto;
}

#logo{
    width:150px;
    height:53px;
    float: left;
    margin: 23px 0 0 55px;
}

.menu{
    width: 550px;
    height: 55px;
    float: right;
    margin: 55px 50px 0 0;
}

.menu-left{
}

.menu-middle{
    height:28px;
    background-image:url('../img/middle.png'); 
    background-repeat:repeat-x ;
    float:both;
}

.firma{
    color:red;
    background-image:url('../img/firma.png');
    width:130px;
    height:50px;
    background-repeat:no-repeat;
    float:left;
    margin-top:20px;
}

.firma-active{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    margin-top:-20px;
    background-repeat:no-repeat;
    margin-left:20px;
}

.firma2 a:hover{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
    margin-top:0px;
}

.uslugi{
    color:red;
    background-image:url('../img/uslugi.png');
    width:130px;
    height:50px;
    background-repeat:no-repeat;
    float:left;
    margin-top:20px;
}

.uslugi-active{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    margin-top:-20px;
    background-repeat:no-repeat;
}

.uslugi2 a:hover{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
    margin-top:0px;
}

.kontakt{
    color:red;
    background-image:url('../img/kontakt.png');
    width:130px;
    height:50px;
    background-repeat:no-repeat;
    float:left;
    margin:20px 0px 0px 15px;
}

.kontakt-active{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
    margin-top:-20px;
}

.kontakt2 a:hover{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
}

.marki{
    color:red;
    background-image:url('../img/marki.png');
    width:130px;
    height:50px;
    background-repeat:no-repeat;
    margin-top:20px;
    float:left;
}

.marki-active{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
    margin-top:-20px;
}

.marki2 a:hover{
    background-image:url('../img/ogien.png');
    width:130px;
    height:50px;
    float:left;
    background-repeat:no-repeat;
}
#banner{
    width: 933px;
    height: 300px;
    float: left;
    margin: 41px 0px -80px -15px;  
}

#main{
    width: 958px;
    margin: 0 auto;
    padding-left: 22px;
}

.main_marki a:link{
    color: #454545;
    text-decoration:none;
}

.main_marki a:visited{
    color: #454545;
    text-decoration:none;
}

.main_marki a:hover{
    color: #454545;
    text-decoration:none;
}

.main_kontakt{ min-height: 830px; }

#main2_menu{
    background: url(../img/bg_marka.jpg) repeat-y;
    width: 209px;
    min-height: 400px;
    float: left;
    margin: 0 0 0 10px;
    color: #454545;    
    font-family: century gothic;
    font-size: 15px;
}

#main2_menu li{
    margin: 0 0 0 22px;
    list-style: url(../img/list.png);
}

#main2_menu a{
    text-decoration: none;
    color: #454545;
}

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

#main2_tresc{
    width: 660px;
    min-height: 400px;
    float: left;
    padding: 50px 30px 0 30px;
}

#main2_tresc a:link{
    color: #454545;
}

#main2_tresc a:visited{
    color: #454545;
}

#main2_tresc a:hover{
    color: red;
}

#wrapp{
    background: url(../img/bg_wrapp.jpg) no-repeat;
    width: 260px;
    min-height: 315px;
    float: left;
    margin: 15px 0 0 5px;
    padding: 0 24px 0 24px;
    
    font-family: Verdana;
    font-size: 13px;
}

#wrapp_nagl{
    float: left;
    margin: 13px 0 20px 0;
}

#wrapp a{
    color:#992218;
    text-decoration:none;
    font-weight: bold;
}

#partnerzy{
    background: url(../img/bg_partnerzy.jpg) no-repeat;
    width: 934px;
    min-height: 65px;
    float: left;
    margin: 40px 0 0 0;
}

#footer{
    width: 958px;
    height: 242px;
    margin: 0 auto;
    padding-left: 22px;
    
    font-family: Verdana;
    font-size: 12px;
    color: #999;
}

#footer ul{
    list-style-type: disc;
    margin: 3px 0 0 15px;
}

#footer a{
    color: #999;
    text-decoration: none;
}

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

#footer_1{
    background: url(../img/linia.png) no-repeat;
    width: 82px;
    height: 111px;
    float: left;
    margin: 35px 0 0 40px;
    padding: 4px 0 0 8px;
}

#footer_2{
    background: url(../img/linia.png) no-repeat;
    width: 82px;
    height: 111px;
    float: left;
    margin: 35px 0 0 105px;
    padding: 4px 0 0 8px;
}

#footer_3{
    background: url(../img/linia.png) no-repeat;
    width: 230px;
    height: 105px;
    float: left;
    margin: 35px 0 0 120px;
    padding: 5px 0 0 8px;
}

#footer_4{
    background: url(../img/linia.png) no-repeat;
    width: 250px;
    height: 101px;
    float: left;
    margin: 35px 0 0 0px;
    padding: 14px 0 0 8px;
}

#footer_4 img{
    width:180px;
    height:70px;
    cursor: pointer;
}

#footer_5{
    width: 400px;
    float: left;
    margin: 60px 0 0 245px;
}


#partner_01{
    float:left;
    position:relative;
    left:5px;
    border: 3px solid #E2E0E0;
    border-radius: 20px 20px;
}

#slider{ 
    width:760px;
    min-height: 85px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}

#slider ul{
    width: 3500px;
}

#slider li{
    list-style-type: none;
    width: 152px;
    float: left;
}

#prevBtn{
    background: url(../img/prev.jpg);
    width: 7px;
    height: 39px;
    border: none;
    cursor: pointer;
    float: left;
    margin: 23px 0 0 130px;
}
    
#nextBtn{
    background: url(../img/next.jpg);
    width: 8px;
    height: 39px;
    border: none;
    cursor: pointer;
    float: left;
    margin: 23px 0 0 10px;
}

/*----------------------------------Marki----------------------------------*/

#marka_mondeos{
    background: url(../img/mondeos.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 7px;
}

#marka_more_and_mobile{
    background: url(../img/moreandmobile.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 26px;
}

#marka_sharerage{
    background: url(../img/sharerage.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 26px;
}

#marka_universe_interactive{
    background: url(../img/universe.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 7px;
}

#marka_media_spot{
    background: url(../img/media.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 26px;
}

#marka_szoperia{
    background: url(../img/szoperia.jpg);
    width: 293px;
    height: 352px;
    float: left;
    margin: 15px 0 0 26px;
}

#marka_logo{
    width: 280px;
    height: 72px;
    float: left;
    margin: 79px 0 0 6px;
}

#marka_tresc{
    width: 280px;
    height: 160px;
    float: left;
    overflow: hidden;
    margin: 12px 0 0 6px;
    
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}

#marka_tresc ul{
}

#marka_tresc li{
    margin: 3px 0 0 0;
}

#marka_bt{
    width: 130px;
    height: 15px;
    float: right;
    margin: 16px 10px 0 0;
    border: none;
    background: none;
    cursor: pointer;
}

#uslugi_nagl{
    width: 800px;
    height: 31px;
    float: left;
    margin: 0 0 20px 7px;
}

#usluga{
    width: 295px;
    float: left;
    margin: 0 16px 50px 7px;
}

#usluga_img{
    background: url(../img/usluga_cien.jpg) center 70px no-repeat;
    width: 100px;
    height: 90px;
    float: left;
    margin-right: 5px;
}

#usluga_img img{
    margin-top: 20px;
}

#usluga_nagl{
    width: 190px;
    height: 20px;
    float: left;
    margin: 5px 0 0 0;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

#usluga_text{
    width: 190px;
    height: 58px;
    float: left;
    font-family: arial;
    font-size: 12px;
    color: #a2a0a0;
    overflow: hidden;
}

#usluga_czyt{
    width: 190px;
    height: 16px;
    float: left;
    margin: 2px 0 0 0;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #992218;
}

#usluga_czyt a{
    text-decoration: none;
    color: #992218;
}


#kontakt_wrapp{
    width: 455px;
    height: 250px;
    float: left;
    margin: 0 16px 0 7px;
    font-family: verdana;
    font-size: 12px;
    color: #a2a1a1;
}

#kontakt_nagl{
    width: 455px;
    height: 31px;
    float: left;
    margin: 0 0 10px 0;
}

#kontakt_mapa{
    background-color:#300;
    width: 270px;
    height: 31px;
    float: left;
    margin: 0 0 10px 0;
}

#kontakt_dane{
    width: 175px;
    height: 140px;
    float: left;
    margin: 0px 0 0 10px;
    font-family: arial;
    font-size: 12px;
    color: #a2a0a0;
}

#kontakt_formularz{
    background: url(../img/bg_formularz.png);
    width: 635px;
    height: 403px;
    float: left;
}

.kontakt_hr{
    background: none;
    float: left;
    width: 933px;
    border: none;
}

#kontakt_wrapp_f{
    width: 635px;
    height: 403px;
    float: left;
    margin: 0 16px 40px 7px;
}

#kontakt_kom{
    width: 500px;
    height: 23px;
    float: left;
    margin: 0 0 -5px 112px;
    font-family: arial;
    font-size: 14px;
    color: #F00;
}

input, textarea{
    font-family: arial;
    font-size: 12px;
    color: #a2a0a0;
}

#_mail{
    width: 167px;
    height: 23px;
    float: left;
    margin: 14px 16px 20px 113px;
    padding: 5px;
    border: none;   
    background: none;
}

#_name{
    width: 167px;
    height: 23px;
    float: left;
    margin: 60px 16px 20px -193px;
    padding: 5px;
    border: none;   
    background: none;
}

#_tytul{
    width: 167px;
    height: 23px;
    float: left;
    margin: 105px 16px 20px -193px;
    padding: 5px;
    border: none;   
    background: none;
}

#_tresc{
    width: 508px;
    height: 204px;
    float: left;
    margin: 152px 0 20px -193px;
    padding: 5px;
    border: none;   
    background: none;
}

#_bt{
    width: 85px;
    height: 25px;
    float: left;
    margin: 375px 0 20px -85px;
    border: none;   
    background: none;
    cursor: pointer;
}


#nasze_marki{
    width: 936px;
    height: 270px;
    float: left;
    margin: 0px 0 0 5px;
}

#nasze_marki_nagl{
    width: 926px;
    height: 32px;
    float: left;
    margin: 0 0 20px 10px;
}

#nasze_marki li{
    list-style: none;
    width: 154px;
    height: 188px;
    float: left;
    border-right: 1px solid #c8c8c8;
    overflow: hidden;
}

#img_b{
    margin-left: 30px;
    cursor: pointer;
}

#partners-wrapp ul{
    width: 4000px;
    list-style-type: none;
}

#partners-wrapp li{
    float: left;
}

#partners-wrapp{
    width: 800px;
    height: 92px;
    float: left;
    margin: 21px 0 0 60px;
    overflow: hidden;
}

#partners-wrapp img{
    floaat: left;
    margin: 10px 0 0 9px;
    border: none;
}

#partners-caption{
    background: url(http://pkreklamowa.pl/cms/img/partners_caption.png) no-repeat;
    width: 985px;
    height: 34px;
    float: left;
    margin-top: 30px;
}