@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
img {border: none;}
a:focus, a:active {outline: 0;}
a { color: #17a6e9;  text-decoration: underline;}
a:hover {color: #17a6e9;  text-decoration: none;}
a:visited {}
a:active {}
.antispam {unicode-bidi:bidi-override; direction: rtl;}
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
body, html { font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
@font-face{
    font-family: 'bebasneueregular';src: url('../font/bebasneue_0-webfont.eot');
    src: url('../font/bebasneue_0-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/bebasneue_0-webfont.woff') format('woff'),
    url('../font/bebasneue_0-webfont.ttf') format('truetype'),
    url('../font/bebasneue_0-webfont.svg#bebasneueregular') format('svg');
}
p { 
    font-family: Arial, sans-serif; 
    font-size: 16px; 
    font-weight: normal; 
    line-height: 1.5; 
    text-align: justify; 
    color: #424242; 
    padding: 30px 50px 40px 50px;
    border-bottom: 4px solid  #f2f2f2;
}
h1{ 
    font-family: 'bebasneueregular', Helvetica, sans-serif; 
    font-size: 24px;
    font-weight: normal;
    color: #fff; 
    background: #17a6e9 repeat; 
    display: block;
    float: left;
    line-height: 40px;
    padding: 0 50px;
}
h2{ font-family: 'bebasneueregular', Helvetica, sans-serif; 
    font-size: 22px;
    font-weight: normal;
    color: #17a6e9; 
    padding: 0 0 0 50px;
}
hgroup{
    background: transparent url(../images/header_bg.png) repeat 0 0;
    min-height: 40px;
    width: 900px;
}
.header-container{
    position: relative;
    margin: auto;
    height: 60px;
    width: 100%;
    background: #000 repeat-x;
}
header{
    position: relative;
    margin: auto;
    height: 60px;
    width: 960px;
}
/* start horizontal menu */
.nav-container {
    position: relative;
    margin: auto;
    height: 51px;
    width: 100%;
    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e8e8 0%, #ebebeb 20%, #f7f7f7 62%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(20%,#ebebeb), color-stop(62%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8e8e8 0%,#ebebeb 20%,#f7f7f7 62%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8e8e8 0%,#ebebeb 20%,#f7f7f7 62%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8e8e8 0%,#ebebeb 20%,#f7f7f7 62%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8e8e8 0%,#ebebeb 20%,#f7f7f7 62%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #fff;
    -webkit-box-shadow: #eee 0px 2px 3px;
    -moz-box-shadow: #eee 0px 2px 3px;
    box-shadow: #eee 0px 2px 2px;
    behavior: url(/PIE.htc);
}
nav{
    position: relative;
    margin: auto;
	width: 900px;
    height: 51px;
    padding-top: 15px;
    font: 20px 'bebasneueregular', sans-serif;
    font-weight: normal; 
}
nav li{
    float:left;
    display: inline;
}
nav li a{
    float: left;
    display: inline;
    margin-right: 30px;
    padding: 0;
    color: black;
    text-decoration: none; 
    text-transform: uppercase;
}
nav li a:hover{
    color: #17a6e9;
    -webkit-transition: all .2s ease-out; 
    -moz-transition: all .2s ease-out; 
    -o-transition: all .2s ease-out; 
    transition: all .2s ease-out;
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    ms-transform-origin: 60% 100%;
}
nav li a.active {
    color: #17a6e9;
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    ms-transform-origin: 60% 100%;
}
nav li + li {
    background: url(../images/bd.jpg) no-repeat left;
    padding-left: 30px;
}
article {
    background: #f5f5f5 center center repeat-x;
    width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 25px 0;
}
section {
    background: #fff center center repeat-x;
    width: 900px;
    height: auto;
    margin: 0 auto;
    padding: 20px 30px 30px 30px;
    margin-bottom: 30px;
}
#breadcrumbs { 
    height: auto;
    padding: 7px 10px 7px 10px; 
    font: 12px Arial, Helvetica, sans-serif;
}
#breadcrumbs a {
    text-decoration: none; color: #999;
}
#breadcrumbs li {
    display: inline;
    list-style-type: none; 
    margin-right: 10px;
    color:#17a6e9;
}
#breadcrumbs li + li {
    background: url(../images/separator.gif) no-repeat left; 
    padding-left: 10px;}
#subbox li {
    list-style-image: url(../images/point.png);
    list-style-position: inside; 
    margin: 0 0 0 48px;
    font: 14px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 1.5;
}
#subbox {
    margin-top: 30px;
    padding: 0 0 40px 0;
    border-bottom: 4px solid  #f2f2f2;
}
#kontakt li {
    list-style-type: none;
    margin: 0 0 0 50px;
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 1.5;
}
#kontakt  {
    margin-top: 30px;
    padding: 0 0 40px 0;
    border-bottom: 4px solid  #f2f2f2;
}
#cenik {
    list-style-type: none;
    font: 14px  Arial, Helvetica, sans-serif;
    line-height: 2;
    text-transform: uppercase;
    color: #424242;
    width: 900px;
    margin: 0 auto;
    margin: 30px 0 0 0;
    padding: 0 30px 40px 50px;
    border-bottom: 4px solid  #f2f2f2;
}
#leaderboard-container {
    position: relative;
    width: 745px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}
#leaderboard-index {
    position: relative;
    width: 745px;
    margin: 0 auto;
    padding: 0 0 15px 0;
}
#square-container {
    position: relative;
    width: 760px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}
.price {
    color:#17a6e9;
    font: 16px Arial, Helvetica, sans-serif;
}
footer {
    background: #f6f7f7;
    padding: 0 30px 20px 30px;
}
footer p {
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    padding: 0;
    border: none;
}
.g-plusone { 
    float: left;
}
.fb-like {
    float:left; 
}
#footer-icon {
    width: 940px; 
    margin: 0 auto;  
    height: auto; 
    padding: 10px 0 0 30px;
}