/* olekmotocykle.pl */
/*  home_template */

* {
    margin:0;
    padding:0;
}

.auraltxt {
    display: block;
    position: absolute;
    height: 1px;
    width: 1px;
    text-indent:-5000px;

}


img, fieldset {
    border:0;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


body,html {
    color:white;
    background:url(/gfx/bg_body.jpg) top center no-repeat #AFAFAF;
    font-family:Tahoma,Arial,verdana,sans-serif;
    font-size:12px;
}


.skip {
    position:absolute;
    left:-5000px;
    top:40px;
    color:yellow;
    background-color:#000088;
    display:block;
    margin:0;
    padding:0.5em;
    font-weight:bold;
    text-decoration:none;
    border:solid yellow 1px;
    width:auto;
    z-index:1;
}


.skip:hover,
.skip:focus,
.skip:active {
    top:30px;
    left:380px;
}

.skip span {
    font-weight:bold;
    color:white;
    text-decoration:underline;
}

#mobi {
    width:96px;
    height:96px;
    display:block;
    position:absolute;
    top:0;
    right:0;
}

#katalog {
    position:absolute;
    top:0;
    right:0;
    width:88px;
    height:88px;
}

/* ===== container ===== */
#container {
    width:960px;
    height:auto;
    position:relative;
    margin:0 auto;
}

/* ==== header ==== */
#top {
    height:496px;

}


#logo {
    width:249px;
    height:27px;
    position:absolute;
    top:32px;
    left:90px;
    color:white;
}


#topflash {
position:absolute;
top:150px;
width:960px;
height:342px;
}

#logo a {
    display:block;
    position:absolute;
    width:249px;
    height:27px;
}


/* ===== menu glowne ===== */
#topmenu {
    width:960px;
    position:absolute;
    top:115px;
    left:0;
}

.header_menu {
    height:40px;
}

.header_menu li {
    list-style:none;
    display:inline;
    color:black;
    margin:0 30px;
}


.header_menu a {
    font-size:18px;
    color:#474747;
    text-decoration:none;
    display:block;
    margin:0 20px;
    position:absolute;
}



/* ==== navi menu ===== */
.navimenu {
position:absolute;
top:10px;
right:200px;
}

.navimenu li {
display:inline;
margin:0 3px;
}


.navimenu a {
text-decoration:none;
font-size:12px;
color:#4F4D50;
padding:1px;
}

.navimenu a:hover,
.navimenu a:focus,
.navimenu a:active {
    background-color:#B30101;
    color:white;
}

#a_strona_glowna {
    width:103px;
    height:22px;
    display:block;
    background:url(/gfx/a_strona_glowna.png) no-repeat bottom left;
    top:0;
    left:100px;
}

#a_aktualnosci {
    width:82px;
    height:22px;
    display:block;
    background:url(/gfx/a_aktualnosci.png) no-repeat bottom left;
    top:0;
    left:240px;
}

#a_ofirmie {
    display:block;
    width:56px;
    height:22px;
    top:0;
    left:360px;
    background:url(/gfx/a_ofirmie.png) no-repeat bottom left;
}


#a_oferta {
    display:block;
    width:43px;
    height:22px;
    top:0;
    left:452px;
    background:url(/gfx/a_oferta.png) no-repeat bottom left;    
}


#a_dealerzy {
    display:block;
    width:61px;
    height:22px;
    top:0;
    left:533px;
    background:url(/gfx/a_dealerzy.png) no-repeat bottom left;       
}

#a_kontakt {
    display:block;
    height:22px;
    left:632px;
    top:0;
    background:url(/gfx/a_kontakt.png) no-repeat bottom left;    
}

/*#a_sklep_internetowy {
    display:block;    
    height:22px;
    left:723px;
    top:0;
    background:url(/gfx/a_sklep_internetowy.png) no-repeat bottom left;    

}*/


#a_sklep_internetowy {
    display:block;    
    width:141px;
    height:32px;
    left:723px;
    top:-5px;
    background:url(/gfx/a_sklep_internetowy_2.png) no-repeat bottom left;    

}

/* ===== hover ===== */
#a_strona_glowna:hover,
#a_strona_glowna:focus,
#a_strona_glowna:active,
#a_aktualnosci:hover,
#a_aktualnosci:focus,
#a_aktualnosci:active,
#a_ofirmie:hover,
#a_ofirmie:focus,
#a_ofirmie:active,
#a_oferta:hover,
#a_oferta:focus,
#a_oferta:active,
#a_dealerzy:hover,
#a_dealerzy:focus,
#a_dealerzy:active,
#a_kontakt:hover,
#a_kontakt:focus,
#a_kontakt:active,
#a_sklep_internetowy:hover,
#a_sklep_internetowy:focus,
#a_sklep_internetowy:active {
    background-position:top left;
}



/* ==== strona glowna boxy ===== */
#content {
    height:310px;
    width:960px;
    position:relative;
    top:492px;
    background:url(/gfx/bg_content_top_home2.jpg) no-repeat;
    
}

#content a {
    font-weight:bold;
    color:white;
}

.content_box_news {
    width:450px;
    height:200px;
    float:left;
    margin:0 0 0 30px;
    line-height:150%;
    
}


.content_box_kontakt {
    width:350px;
    height:200px;
    float:right;
}

.box_news {
    margin:0;
    padding:0 0 0 10px;
    font-size:12px;
    border-top:solid #5B5B5B 0px;
}

.box_news p {
    position:absolute;
    left:-5000px;
}

#content .box_news h3 a {
    font-size:11px;
    color:white;
    padding:0 3px;
    margin-bottom:3px;
    text-decoration:none;
}
.roundleft,
.roundright{
    position:absolute;
    top:-5000px;
}
.news_autor {
    position:absolute;
    left:-5000px;
}

.news_data {
    position:relative;
}
.news_data,.news_autor {
    text-align:right;
    font-size:10px;
    color:#AFAFAF;
}

.a_wiecej {
    display:block;
    position:absolute;
    left:-5000px;
}

.h2home {
    position:relative;
    top:-20px;
}

#archnews {
    width:120px;
    height:75px;
    display:block;
    position:absolute;
    left:365px;
    top:193px;
}

#archnews img {
    border:0;
}

/* ===== rotator =====*/
#rotator2 span {
    font-size:24px;
    font-weight:normal;
}


/* ===== newsletter div ===== */

.newsletter form {
    margin:18px 0 0 0;
}


.newsletter #input_email {
    border:0;
    background:url(/gfx/bg_input_email.png) no-repeat;
    width:137px;
    height:48px;
    color:white;
    font-weight:normal;
    font-size:18px;
    padding:0px 45px;
}

.newsletter #input_zapisz_sie {
    position:relative;
    top:8px;
    left:10px;
}




/* ===== tekst dodatkowy =====  */

.tekst {
    line-height:145%;
    font-size:11px;
    color:#585858;
}

.tekst h2 {
    font-weight:bold;
    font-size:24px;
    color:#8D291A;
    margin:0 0 15px 0;
}

.tekst h3 {
    font-size:12px;
    
}




/* ===== loga firm ==== */
 

.infiniteCarousel {
    width: 900px;
    height:auto;
    position:relative;
    top:100px;
}

.infiniteCarousel .wrapper {
    width: 760px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
    overflow: auto;
    height: 65px;
    margin: 20px 20px;
    position: absolute;
    top: 0;    
}


.infiniteCarousel ul a img {

}

.infiniteCarousel .wrapper ul {
    width: 720px; /* single item * n */
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    top: 0;
}

.infiniteCarousel ul li {
    display:block;
    float:left;
    padding:10px;
    height:75px;
width:150px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
    border-color: #8D8D8D;
}

.infiniteCarousel ul:hover li:hover img {
    border-color: #8D8D8D;
}

.infiniteCarousel ul li a img {
    display:block;
}

.infiniteCarousel .arrow {
    display:block;
    height:36px;
    width:37px;
    background:url(images/arrow.png) no-repeat 0 0;
    text-indent: -999px;
    position:absolute;
    top:37px;
    cursor:pointer;
    outline:0;
}

.infiniteCarousel .forward {
    background-position: 0 0;
    right: 0;
}

.infiniteCarousel .back {
    background-position: 0 -72px;
    left: 0;
}

.infiniteCarousel .forward:hover {
    background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
    background-position: 0 -108px;
}





/* ===== footer ===== */
#footer {
    width:100%;
    height:auto;
    padding:30px 0 0 0;
    position:absolute;
    top:850px;
}

#footerCenter {
    width:960px;
    height:auto;
    position:relative;
    margin:0 auto;
}

.copyright {
    color:#474747;
}