@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	outline:none;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#333;
	background:#333;
	overflow-y: scroll;
	overflow-x: hidden; 
}

a {
	text-decoration:none;
}

#container {
	margin: 20px auto;
	width: 950px;
}

#logo {
	position: relative;
	width: 950px;
	height: 169px;
	background:url(grafika/logo.png) no-repeat;
}

#banner {
	position: absolute;
        top: 20px;
}



#logo a#anim {
	position: absolute;
	top: 15px;
	left: 693px;
	width: 231px;
	height: 149px;
        background: url(../grafika/allegro.jpg) no-repeat;
	z-index: 100;
}

#menu {
	height: 70px;
	width: 950px;
	position: relative;
}

body#onas div#menu {
	background: #000 url(grafika/zdj-up-onas.png) left no-repeat;	
}

body#onas div#left {
	background: url(grafika/zdj-down-onas.png) no-repeat;
}

body#sklepursynow div#menu {
	background: #000 url(grafika/zdj-up-sklepursynow.png) left no-repeat;	
}

body#sklepursynow div#left {
	background: url(grafika/zdj-down-sklepursynow.png) no-repeat;
}

body#kontakt div#menu {
	background: #000 url(grafika/zdj-up-kontakt.png) left no-repeat;	
}

body#kontakt div#left {
	background: url(grafika/zdj-down-kontakt.png) no-repeat;
}

body#info div#menu {
	background: #000 url(grafika/zdj-up-info.png) left no-repeat;	
}

body#info div#left {
	background: url(grafika/zdj-down-info.png) no-repeat;
}

#menu div#links {
	width:674px;
	height: 70px;
	float: right;
}

#menu div#links ul {
	margin: 22px -10px;	
	display: block;
	width: 700px;
}

#menu div#links ul li {
	padding-left: 8px;
	padding-right: 8px;
	list-style: none;
	font-size: 17px;
	font-weight: bold;
	display: block;
	float: left;
	color: #fff;
	border-right: solid 2px #fff;
}

#menu div#links ul li:last-child {
	border-right: none;
}

#menu div#links ul li a{
	color: #fff;
}

#menu div#links ul li a:hover, #menu div#links ul li a.active {
	color: #f15f00;
}

#left {
	height: 361px;
	width:  276px;
	float: left;
}

#right {
	background: #FFF;
	height: 341px;
	width: 614px;
	float: left;
	padding: 20px 50px 0 10px;
}

#przydatne-info {

        background: #FFF;
        padding: 20px 50px;;
}

#przydatne-info ul {
    padding-left: 15px;
}


body#kontakt div#right, body#sklepursynow div#right {
	padding: 0;	
	height: 361px;
	width: 674px;
}

#right img#bossanoga {
	width: 262px;
	height: 360px;
	float: right;
	margin-right: 30px;
}

#right img#mapka {
	width: 328px;
	height: 361px;
	float: right;
}

#right p#sklepursynow-tekst {
	float: left;
	width: 346px;
	padding-top: 20px;
	text-align:center;
	line-height: 17px;
}

#right p#kontakt-tekst {
	float: left;
	width: 346px;
	padding-top: 20px;
	text-align:center;
	line-height: 17px;
}

#right p#kontakt-tekst span.header2, #right p#sklepursynow-tekst span.header2 {
	font-size:15px;
	font-weight:bold;
}

#right p#kontakt-tekst span.header1, #right p#sklepursynow-tekst span.header1 {
	font-size:19px;
}

#right p#kontakt-tekst a, #right p#sklepursynow-tekst a {
	color: #f15f00;
	font-size: 15px;
}

#right p#kontakt-tekst img {
	margin: 3px 0 5px 0;
}

#right p#kontakt-tekst span.biuro, #right p#sklepursynow-tekst span.biuro {
	line-height: 15px;
}

body#info #right {
        height: auto;
        padding-bottom: 30px;
}

div#chmurki {
    background: #FFF;
}

div#chmurki img {
    padding: 6px 0 20px 50px;
    border: 0;
}

div#footer-top {
    background: #FF000E;
    height: 29px;
    width: 950px;
    margin-top: 7px;
}

div#footer-bottom {
    background: #FF5100;
    height: 29px;
    width: 950px;
}

div#footer-slider p {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color:#FFF;
    text-align: center;
    padding-top: 4px;
}


div#footer-bottom a div{
    margin: -21px 0 0 565px;
    height: 25px;
    width: 119px;
    background: url(grafika/e-sklep.png) no-repeat;
}
div#footer-bottom a:hover div {
    background: url(grafika/e-sklep.png) 0 -25px no-repeat;
}


body#onas div#footer-slider, body#kontakt div#footer-slider, body#sklepursynow div#footer-slider {
    float: left;
}

body#onas div#footer-top, body#kontakt div#footer-top, body#sklepursynow div#footer-top {
    margin-top: 7px;
}


body#onas div#footer-bottom, body#kontakt div#footer-bottom, body#sklepursynow div#footer-bottom {
    margin-bottom: 20px;
}