/* Zerowanie odstępów i obramowań oraz reset rozmiaru fontów */
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none;
}

ol {
    list-style-position: inside;
    list-style: decimal;
}

/*
@font-face {
    font-family: 'VarelaRegular';
    src: url('fonts/varela-regular-webfont.eot');
    src: url('fonts/varela-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/varela-regular-webfont.woff') format('woff'),
         url('fonts/varela-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentoBold';
    src: url('fonts/novecentowide-bold-webfont.eot');
    src: url('fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-bold-webfont.woff') format('woff'),
         url('fonts/novecentowide-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/lato-lig-webfont.eot');
    src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig-webfont.woff') format('woff'),
         url('fonts/lato-lig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'LatoItalic';
    src: url('fonts/lato-regita-webfont.eot');
    src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regita-webfont.woff') format('woff'),
         url('fonts/lato-regita-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,html {
    font-family: 'LatoRegular', Tahoma, Arial;
    font-size: 16px;
    color: #000;
}

/* Global *********************************************************************/

img {
    display: block;
    border: 0px;
}

img.imgLeft, div.imgLeft {
    float: left;
    margin: 12px 32px 12px 0px;
}

img.imgRight, div.imgRight {
    float: right;
    margin: 17px 0px 12px 32px;
}

b, strong {
    font-weight: normal;
    font-family: 'LatoBold';
}

em{
    font-style: normal;
    font-family: 'LatoItalic';
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {

}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

#wrapper {
    width: 693px;
    margin: 0 auto;
}

#header {
    width: 700px;
    margin: 0 auto 60px auto;
}

#logo {
    width: 113px;
    height: 194px;
    display: block;
    margin: 40px auto;
    background: url(/images/logo.gif) no-repeat;
}

#topMenu {
    height: 27px;
}

#topMenu li {
    float: left;
    margin-right: 15px;
    display: block;
}

#topMenu li.last {
    margin-right: 0;
}

#topMenu a {
    padding: 5px;
    font-family: 'LatoBold';
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}

#topMenu a:hover, #topMenu .selected a {
    background: #000; 
    color: #fff;
}

#offerBox {
    width: 684px;
    height: 318px;
    margin-bottom: 80px;
    background: url('/upload/main/offer.gif') no-repeat;
}

#content {
    margin-bottom: 80px;
}

#left {
    width: 150px;
    float: left;
}

#left .pictogram {
    width: 150px;
    height: 150px;
    margin-bottom: 20px;
}

#text {
    width: 453px;
    float: right;
}

#text.full {
    width: 100%;
}

#text a {
    text-decoration: underline;
}

#text p {
    margin-bottom: 15px;
    line-height: 1.6em;
}

#text p.noMargin {
    margin-bottom: 0;
}

#text h1 {
    margin-bottom: 15px;
    font-family: 'LatoBold';
    font-size: 14px;
    text-transform: uppercase;
}

#text h2 {

}

#text h3 {

}

#text > ul,
#text > ol {
    margin-bottom: 15px;
    line-height: 1.6em;
}

.gallery {
    margin-bottom: 20px;
}

.gallery.details {
    padding-top: 15px;
}

.gallery.details li {
    margin: 0 8px 8px 0;
}

.gallery li {
    float: left;
    margin: 0 5px 5px 0;
}

.gallery li.last {
    margin-right: 0;
}

.buttons h2 {
    margin-bottom: 20px;
}

.buttons ul {
    margin-bottom: 20px;
}

.buttons li {
    margin-bottom: 6px;
}
.buttons a {
    width: 250px;
    display: block;
    padding: 0px 0 0px;
    height: 30px;
    /*background: #000;*/
    color: #000;
    border: 1px #000000 solid; 
    font-size: 15px;
    /*color: #fff;*/
    text-transform: uppercase;
    text-align: center;
    text-decoration: none !important;
    font-family: 'LatoBold';
    line-height: 30px;
}

.buttons a:hover {
    background: #fff;
    color: #000 !important;
}

#bottomMenu {
    height: 27px;
    margin-bottom: 30px;
}

#bottomMenu li {
    float: left;
    margin-right: 32px;
}

#bottomMenu li.last {
    margin-right: 0;
}

#bottomMenu a {
    padding: 5px;
    font-family: 'LatoBold';
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
}

.pricelist table {
    margin-bottom: 20px;
    width: 100%;
}

.pricelist th {
    font-weight: normal;
    font-family: 'LatoBold';
    text-align: left;
}

.pricelist tr {
    vertical-align: top;
}

.pricelist tr td:first-child {
    width: 290px;
    padding-right: 20px;
}

.pricelist .desc td {
    padding-bottom: 20px;
}

.pricelist .noPadding td {
    padding-bottom: 0;
}

.pricelist td {
    padding-bottom: 20px;
    line-height: 1.5em;
    vertical-align: middle;
}

#footer {
    margin: 0 0 30px 25px;
    font-size: 10px;
    color: #9d9d9d;
}

#footer a {
    color: #9d9d9d;
}

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

#contactForm {
    margin-bottom: 100px;
}

form .field {
    margin-bottom: 20px;
}

label {
    width: 252px;
    display: block;
    float: left;
}

input[type=text],
textarea {
    width: 189px;
    float: right;
    padding: 0 5px;
    border: 1px solid #000;
    font-family: 'LatoRegular';
    font-size: 12px;
}

input[type=text] {
    height: 19px;
    line-height: 19px;
}

textarea {
    height: 89px;
    padding: 5px 5px;
}

#submit {
    margin-left: 252px;
}

.sendButton {
    width: 142px;
    height: 30px;
    display: block;
    background: url(/images/wyslij_zapytanie_v2.jpg) no-repeat;
}

.validation-advice {
    clear: both;
    padding-top: 5px;
    color: #ed1c24;
    font-size: 11px;
}

.validation-failed { 
    border-color: #ed1c24 !important; 
    color: #ed1c24; 
}

.ajaxresult {
    padding: 10px;
    background: #000;
    margin-top: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.spinner {
    position: absolute;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    z-index: 999;
    background: #fff;
}
.spinner-msg {
    text-align: center;
    font-weight: bold;
}

.spinner-img {
    background: url('images/lightbox/loading.gif') no-repeat center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}



/****** NUMERACJA STRON ***********/
#pageNumber a{
    display: block;
    float: left;

    border: 1px solid #E6E6E6;
    margin: 0 2px;
    padding: 1px 6px;
}
#pageNumber a.selected{
    background: #F6F6F6;
}
#pageNumber a:hover{
    background: #e5f5f9;
    text-decoration: none;
}


#gondo{
    position: fixed;
    top: 200px;
    right: 0px;
    display: block;
}

#gondo a:link, #gondo a:visited{
    display: block;
    padding: 15px 5px;
    width: 35px;
    height: 100px;
    background: #000000 url('/images/gondo_logo_r.png') no-repeat 12px 26px;
}

#gondo a:hover{
    background-color: #555555;
}



/********** Facebook / Youtube **************/
#facebook {
    background-image: url("/images/facebook_bg.png");
    background-repeat: no-repeat;
    height: 599px;
    right: -296px;
    padding: 5px 5px 0px 50px;
    position: fixed;
    text-align: left;
    top: 360px;
    width: 286px;
    z-index: 1000;
    cursor: pointer;
}

#facebook .white {
    background-color: #FFFFFF;
    height: 587px;
    width: 286px;
}